﻿/* background section */
/* round top background */
.writeReviewTop
{
	background: transparent url(../../images/pages/AddReview/panelTop.png) repeat scroll 0 0;
	/*behavior: url(  "IE6Transparent/iepngfix.htc" );*/
	height: 7px;
	overflow: hidden;
	float: left;
	clear: both;
	width: 960px;
	margin: 8px 0 0px 10px;
	display: inline;
}
/* round bottom background*/
.writeReviewBottom
{
	background: transparent url(../../images/pages/AddReview/panelBottom.png) repeat-x scroll 0 0;
	/*behavior: url(  "IE6Transparent/iepngfix.htc" );*/
	height: 7px;
	overflow: hidden;
	float: left;
	clear: both;
	width: 960px;
	margin: 0px 0 0px 10px;
	display: inline;
	position: relative;
	z-index: 200;
}
/* inside background main */
.writeReview
{

display:inline;
float:left;
font-family:Tahoma;
font-size:12px;
font-weight:normal;
height:auto;
margin:0 0 0 106px;
overflow:hidden;
position:relative;
width:545px;
z-index:200;
}
.lbl_r
{
	margin-left:11px;
}
.writeReview div, .writeReview span
{
	float: left;
}
/* main container */
.contetn1
{
	margin: 17px;

	display: inline;
}
/* title  container*/
.contetn1 .header
{
	background-color: #E4E4E4;
	height: 28px;
	font-size: 11px;
	font-weight: bold;

	margin: 0 0 8px 0;
	display: inline;
}
/* title text */
.contetn1 .title
{
	margin: 7px 0 0 10px;
}
/* label text black */
.contetn1 .text1
{
}
/* product name */
.contetn1 .text2
{
	color: #E50A0D;
	margin: 0 0 0 2px;
}
/* content page */

/*left section */
.contetn2 .left
{
	width: 190px;
}
/* left product image */
.contetn2 .left .image
{
}
.contetn2 .left .image img
{
    width: 180px;
}
/* right section */
.contetn2 .right
{
	width: 731px;
}
/* form row  */
.contetn2 .row
{
	width: 731px;
	margin: 8px 0 8px 0;
}
/* dropdown */
.row4
{
	position: relative;
	z-index: 6000;
}
/*  overall rating */
.contetn2 .label
{
}
/* rows label  */
.contetn2 .label2
{
	width: 95px; margin-top:6px;
}
/* validator style */
.contetn2 .valid
{
	color: Red;
}
/* rating content*/
.contetn2 .rating
{
	margin: 0 0 0 8px;
}
/* choose content radioButtons */
.contetn2 .choose
{
	margin: 0 0 0 24px;
}
/* radio button label*/
.contetn2 .choose .label
{
	margin: 0 0 0 8px;
}
/* radiobutton item */
.contetn2 .choose .rd1
{
	margin: 0 0 0 4px;
}
.contetn2 .choose .rd1 input
{
	width: 14px;
	height: 14px;
	margin: 0;
}
/* right side after label of row */
.contetn2 .item
{
}
.contetn2 .dropdown
{
	position: relative;
	z-index: 5000;
}
/* extra information on right side under textbox*/
.contetn2 .info
{
	color: #6C6C6C;
	font-size: 10px;
	clear: both;
}
/* textarea for review */
.contetn2 .textboxReview
{
	margin-top:6px;
}
/*buttons panel */
.writeReview .buttons
{
	float: right !important;
	margin: 0 261px 0 0;
	display: inline;
}
.writeReview .btn_buttonBlack
{
	margin:0 0 0 8px;
}
.writeReview .btn_buttonBlack input
{
}
/* required section */
.extra
{
	left: -192px;
	position: relative;
	top: -22px;
}


.reviewBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.reviewPopup {
	width:956px;
	float:left;
}

/* read review */
.popDiv .close-window {float: right;margin:5px 150px 0 0}

.panelItem .header {margin:10px; padding:5px 10px; background-color: #D4D0C8;}
.panelItem .header .text{ font-weight: bold; font-size: 14px;}

.panelItem .content {margin-left: 35px; min-height: 110px;}
.panelItem .content .banner {float:left; width:200px;}
.panelItem .content .bnr1 {}
.panelItem .content .bnr2 {}
.panelItem .content .bnr3 {margin-top:20px}

.sepReview {border: 1px solid #E5E5E5; float: left; width:100%; margin: 10px 0; height:0px;}

.itemReview{width: 650px;float: left;}

.itemReview .left{float: left; width: 150px;}
.itemReview .right{float: left; width: 500px;}

.left .row {float:left; margin-top:5px;}
.left .row .label {float:left;}
.left .row .rating {float:left;}
.left .row .text1{ font-weight: bold;}

.right .header1{float: left; width: 480px;}
.right .header1 .date {float: right;}
.right .header1 .text5 { float: left; width: 300px; margin-bottom:10px;}
.right .description{float: left;width: 500px; text-align:justify;}
.right .extra1{float: left; width: 500px; position:relative !important; margin-top:15px;}
.right .extra1 .label1{float:left;width:100%; color: Gray; font-size: 11px;}
.right .extra1 .option{float:left; width: 500px;}
.right .extra1 .option .question{float:left;width: 180px;}
.right .extra1 .option .helpful {}
.right .extra1 .option .helpfull-box{ margin-bottom:-10px; float: left;margin-top:9px;}
.right .extra1 .option .helpful .up     {color:Black; text-decoration: none; float: left; margin:3px 7px 0;}
.right .extra1 .option .helpful .down   {color:Black; text-decoration: none; float: left; margin: 3px 7px 0;}
.right .extra1 .option .helpful-up img{border: 0px;  float: left }
.right .extra1 .option .helpful-down img{border: 0px;  float: left }


.top_content .rating { float:left;}
.top_content .rating img{ float:left;}
.contetn2
{
	margin-left:97px;
width:100px;width:603px;padding-top:10px;
}
.contetn2 .btn_buttonBlack
{
	margin-left:5px;
}
.contetn2 .buttons
{
	float:left; clear:both;margin-left:342px; width:100%;
}
.btn_Close 
{
	float:right;
}