/* $Id: gallery.css 71 2008-04-16 06:54:10Z edin.coralic $ */


.gallery {
	
}


/* multi */
.gallery ul.list {
	margin: 0;
	list-style-type: none;
}
.gallery ul.list li {
	margin: 0;
	width: 33%;
	float: left;
}
.gallery ul.list li.last_in_line {
	float: right;
}
.gallery ul.list li.spacer {
	clear: both;
	float: none;
	display: block;
	overflow: hidden;
	height: 1.5em;
	border-bottom: 2px solid #fff;
	margin-bottom: 1.5em;
	width: 100%;
}
.gallery ul.list li .item {
	width: 112px;
	margin: 0 auto;
	overflow: hidden;
}
.gallery ul.list li.first_in_line .item {
	float: left;
}
.gallery ul.list li.last_in_line .item {
	float: right;
}
.gallery ul.list li a.edit,
.gallery ul.list li a.delete {
	display: block;
	width: 13px;
	height: 13px;
	background: url('../dsg/delete.gif') no-repeat center center;
	position: absolute;
	margin: 4px 0 0 95px;
}
.gallery ul.list li a.edit {
	background-image: url('../dsg/edit.gif');
	margin: 4px 0 0 75px;
}
.gallery ul.list li a.thumb {
	display: block;
	width: 110px;
	height: 90px;
	overflow: hidden;
	background: no-repeat top center;
	border: 1px solid #054090;
	margin-bottom: 5px;
}
.gallery ul.list li a.title {
	display: block;
	font-size: 1.2em;
	margin-bottom: 5px;
}
.gallery ul.list li span.comment_num {
	float: left;
	background: url('../dsg/comment_num.gif') no-repeat center left;
	padding: 1px 0 1px 18px;
	color: #054090;
}
.gallery ul.list li span.avg_grade {
	float: right;
	width: 64px;
	height: 11px;
	background: url('../dsg/stars_empty.gif') no-repeat center left;
}
.gallery ul.list li span.avg_grade span {
	float: left;
	height: 11px;
	background: url('../dsg/stars_filled.gif') no-repeat center left;
}


/* single */
.gallery .single .picture {
	text-align: center;
}
.gallery .single span.avg_grade {
	display: block;
	margin: 1em auto;
	width: 160px;
	height: 28px;
	background: url('../dsg/star_big.gif') repeat-x top left;
}
.gallery .single span.avg_grade span {
	float: left;
	height: 28px;
	background: url('../dsg/star_big.gif') repeat-x center left;
}

/* big stars */
.gallery .single div.avg_grade {
	width: 160px;
	overflow: hidden;
	margin: 1em auto;
}
.gallery .single div.avg_grade strong {
	display: block;
	text-align: center;
	padding-bottom: 5px;
}
.star-rating {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 28px;
	position: relative;
	background: url(../dsg/star_big.gif) repeat-x top left;
}
.star-rating li {
	padding: 0;
	margin: 0;
	width: 32px;
	height: 28px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a {
	display: block;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0;
	overflow: hidden;
}
.star-rating li a:hover {
	background: url(../dsg/star_big.gif) repeat-x center left;
	z-index: 2;
	left: 0;
	border: none;
}
.star-rating a.one-star {
	left: 0px;
}
.star-rating a.one-star:hover {
	width: 32px;
}
.star-rating a.two-stars {
	left: 32px;
}
.star-rating a.two-stars:hover {
	width: 64px;
}
.star-rating a.three-stars {
	left: 64px;
}
.star-rating a.three-stars:hover {
	width: 96px;
}
.star-rating a.four-stars {
	left: 96px;
}	
.star-rating a.four-stars:hover {
	width: 128px;
}
.star-rating a.five-stars {
	left: 128px;
}
.star-rating a.five-stars:hover {
	width: 160px;
}
.star-rating li.current-rating {
	background: url(../dsg/star_big.gif) repeat-x bottom left;
	position: absolute;
	height: 28px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/* remove halo effect in firefox   */
a:active{
	outline: none;
}