/**
 * @author Jenny Sjögren, IXD AS
 * Stylesheet for review pages
 * (Lightbox & Rating)
 */

/* Rating module */
.rating {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 120px;
	height: 24px;
	position: relative;
	background: url(../images/rating_sprite.gif) top left repeat-x;		
}
.rating li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	float: left;
	overflow: hidden;
}

.rating li a {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow: hidden;
}
.rating li a:hover {
	background: url(../images/rating_sprite.gif) left center;
	z-index: 2;
	left: 0px;
	border: none;
}
.rating a.rating-1 {
	left: 0px;
}
.rating a.rating-1:hover {
	width: 24px;
}
.rating a.rating-2 {
	left: 24px;
}
.rating a.rating-2:hover {
	width: 48px;
}
.rating a.rating-3 {
	left: 48px;
}
.rating a.rating-3:hover {
	width: 72px;
}
.rating a.rating-4 {
	left: 72px;
}	
.rating a.rating-4:hover {
	width: 96px;
}
.rating a.rating-5 {
	left: 96px;
}
.rating a.rating-5:hover {
	width: 120px;
}
.rating li.current-rating {
	background: url(../images/rating_sprite.gif) left bottom;
	position: absolute;
	height: 24px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.rating li a {
	outline: none;
}

/* Review page */
#reviews {
	width: 750px;
	padding-bottom: 50px;
}
.review {
	padding: 5px;
	display: inline-block;
	margin-bottom: 1em;
}
.review h2 span {
	float: right;	
}
.review h2 {
	border: 1px solid #e1e1e1;
	padding: 5px;
	margin: 0 -5px 0.5em;
	width: 738px;
}
.review h3 {
	float: left;
	padding: 0.3em 0.3em 0 0;
}

.review ol {
	float: left;
}

.review p {
	clear: left;
	font-size: 1.2em;
}

.add_review {
	background-image: url(../images/btn_blue_left.gif);
}
.add_review a,
.add_review a:visited,
.add_review a:hover {
	background-image: url(../images/btn_blue_right.gif);
	height: 16px;
	color: #fff;
}

.rating_box .add_review {
	background: none;
}

/* lightbox module */
.lightbox {
	position: absolute;	
	z-index: 999;
	display: none;
}

.M {
	width: 456px;
	height: 590px;
}

.S {
	width: 456px;
	height: 266px;
}

.shadow img {
	width: 100%;
	height: 100%;
}

.lightbox .wrapper {
	margin: 60px;
	position: absolute;
}

.lightbox .receipt {
	text-align: center;
	width: 336px;
	padding: 2em 0;
}

.lightbox .receipt p,
.lightbox .receipt a {
	font-size: 1.5em;
	margin-bottom: 0.2em;
	height: auto;
	width: 100%;
	position: static;
	background: none;
	overflow: visible;
	text-indent: 0;
	
}

.lightbox .close {
	position: absolute;
	top: 34px;
	right: 33px;
	width: 21px;
	height: 21px;
	background: #fff url(../images/lightbox/close.gif) left top no-repeat;
	overflow: hidden;
	text-indent: -999px;
}

#overlay {
	background: #000;
	z-index: 998;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.lightbox {
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6e71;
}

.lightbox h2 {
	font-family: "Georgia", serif;
	font-size: 2.3em;
	color: #706c66;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.lightbox h3 {
	float: left;
	padding: 0.3em 0.3em 0 0;
	margin-bottom: 0;
}

.lightbox .rating {
	float: left;
}

/* Review form */
.lightbox form {
	clear: left;
	display: inline-block;
}

.lightbox form .captcha {
	border: 1px solid #b0b0b0;
	margin: 20px 0 0;
}

.lightbox label {
    display: block;
	padding: 3px 0;
}
        
.lightbox input {
    background: url(../images/search_box_bg.gif) no-repeat top left;
    border: none;
    padding: 6px 5px 0 5px;
    width: 164px;
    height: 21px;
}

.lightbox textarea {
    background: url(../images/textarea_bg.gif) no-repeat top left;
    border: none;
    padding: 6px 5px 0 5px;
    width: 330px;    
    height: 75px;
	font-family: Arial, Helvetica, sans-serif;
}

.lightbox .button {
	background: #fff url(../images/btn_blue_left.gif) left top no-repeat;
	margin: 10px -5px;
}

.lightbox .button input {
	background: transparent url(../images/btn_blue_right.gif) right top no-repeat;
	height: 16px;
	color: #fff;
	width: auto;
	display: block;
	font-weight: bold;
	width: auto;
	height: 36px;
	padding: 10px 20px;
	text-align: center;
	overflow: visible;
}