/* Formatting */
#opinions {position: relative;}
#opinions .title P {font-size:14px;}

#opinions .options TABLE {margin:5px 10px 0 0;}

#opinions .options a:visited,
#opinions .options a:link {display:block; text-align:center; text-decoration:none; font-weight:bold;}

#opinions .sidewidget .rating P{ margin:0 5px 0 0; float: left;}
#opinions .comments P {padding:5px 0 5px 20px; }

#opinions .comments .innercomment{padding:5px 0 5px 20px; border-left:2px #ccc solid;}

#opinions .yourdetail FORM {margin:0; padding:0;}
#opinions .yourdetail TABLE {padding:5px 0 0 20px; border-left:2px #ccc solid;}
#opinions .yourdetail LABEL {z-index:100; display:block; margin:0;}
#opinions .yourdetail INPUT {width:200px; padding:2px 4px 2px 4px; margin:0 10px 17px 0; border:1px #ccc solid; position:relative;}
#opinions .yourdetail SELECT {width:211px; margin:0 10px 17px 0; position:relative;}
#opinions .yourdetail TEXTAREA {width:426px; margin:17px 10px 0 0; border:1px #ccc solid; position:relative;}
#opinions .yourdetail INPUT.submitopinion {width:160px; height:34px; text-align:center; background:url(/custom/templates/page/shared/images/opinions/options-body.png) no-repeat; border:0; cursor:hand;}

#opinions .login FORM {margin:0; padding:0;}
#opinions .login TABLE {padding:5px 0 0 0;}
#opinions .login TABLE TH {font-size:18px; padding:0 0 5px 0; text-align:left;}
#opinions .login LABEL {position:absolute; z-index:100;}
#opinions .login INPUT {width:200px; padding:2px 4px 2px 4px; margin:17px 10px 17px 0; border:1px #ccc solid; position:relative;}
#opinions .login INPUT.submitopinion {width:160px; height:34px; margin:0 10px 10px 0; text-align:center; background:url(/custom/templates/page/shared/images/opinions/options-body.png) no-repeat; border:0; cursor:hand;}

#opinions .register FORM {margin:0; padding:0;}
#opinions .register TABLE {padding:5px 0 0 0;}
#opinions .register TABLE TH {font-size:18px; padding:0 0 5px 0; text-align:left;}
#opinions .register LABEL {position:absolute; z-index:100;}
#opinions .register INPUT {width:200px; padding:2px 4px 2px 4px; margin:17px 10px 17px 0; border:1px #ccc solid; position:relative;}
#opinions .register SELECT {width:211px; margin:17px 10px 17px 0; position:relative;}
#opinions .register TEXTAREA {width:426px; margin:17px 10px 0 0; border:1px #ccc solid; position:relative;}
#opinions .register INPUT.submitopinion {width:160px; height:34px; margin:0 10px 10px 0; text-align:center; background:url(/custom/templates/page/shared/images/opinions/options-body.png) no-repeat; border:0; cursor:hand;}

#opinions .container P.confirmation {background:url(/custom/templates/page/shared/images/opinions/accepted-icon.png) no-repeat left #e9f5e1; padding:7px 7px 7px 26px; border:2px #b2d37a solid;}
#opinions .container P.error {background:url(/custom/templates/page/shared/images/opinions/error-icon.png) no-repeat left #f5e1e1; padding:7px 7px 7px 26px; border:2px #d37a7a solid;}

#opinions .navigation P {margin:0 20px 15px 20px;}

/* Layout Shared */
#opinions .title { height:auto; background: #FFFABF;border-bottom: 1px solid #EFDDB3; padding: 10px;}
#opinions .title p {margin: 0;}
#opinions .container {width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:left; border-bottom: 1px solid #DDD9D0;}
#opinions .container:hover {background: #FFFFEF;}
	
/* Layout Step 1 */
#opinions .overall {width:100%; height:auto; overflow:visible; margin:0 0 5px 0; padding:10px 0; float:left; position:relative;}
#opinions .overall .stars{position:relative; padding-left:20px;}
#opinions .overall p {margin-bottom: 0;}
#opinions .overall .ratingCount{position:relative; padding-left:20px;}
#opinions .options {float:right;/*position:absolute; top:0; right:0;*/}
	#opinions .sidewidget .options{ float:none; width:100%; text-align:center; clear:both; padding:10px 0;}

#newfeedbackbutton {position: absolute; top: 0; right: 0;}
#newfeedbackbutton a {width: 166px; height: 0; padding: 78px 0 0 0; overflow: hidden; background: url(/custom/templates/page/shared/images/button_feedback.gif) no-repeat;}
		#viewfeedbackbutton{ display:block; margin:10px; width:160px;}

#opinions .rating {width:50%; height:auto; overflow:hidden; margin:0;float:left; padding: 10px 0 0 20px;}
#opinions .rating p, #opinions .comments p {margin: 0 0 10px; }
#opinions .comments {width:600px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
#opinions .comments p em {font: Italic 14px/20px Georgia, "Times New Roman", Times, serif; color: #534B3A;}
#opinions .comments p strong {font-size: 11px; padding: 5px 0;color: #9D9C9C;}
#opinions .navigation {width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:left; text-align:right;}
#opinions .navigation p {font-size: 11px; color: #9D9C9C;}
#opinions .navigation p strong {font-size: 14px;}

/* Layout Step 2 */
#opinions .yourrating {width:110px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
#opinions .yourdetail {width:530px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}

/* Layout Login */
#opinions .login {width:320px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
#opinions .register {width:320px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
#opinions td #submitbutton { float:right;}
#opinions td #cancelbutton { float:left;}


/* 
tabs or buttons? To use tabs, set .options to display:none. To use buttons, set .faketabs to display:none
*/

#opinions .options #formSwitchingButtonLogin {}
#opinions .options #formSwitchingButtonCancel {}

/* Fake tabs */
.faketabs {
	display : none;
}

#opinions .faketabcontainer {padding:0 0 10px 0;background: url(/custom/templates/page/shared/images/opinions/opinionsBg.png) repeat-x 0 29px; }
	#opinions .faketabcontainer .faketabs div.activeOpinionsTab{float:left;height:37px;background: url(/custom/templates/page/shared/images/opinions/opinionsTabRight.png) no-repeat top right;}
	#opinions .faketabcontainer .faketabs a:link, .faketabcontainer .faketabs a:visited {display:block;float:left; font-size:.875em;text-decoration:none;padding:15px 25px 5px;color:#999;}
	#opinions .faketabcontainer #tab1 a:link, .faketabcontainer #tab1 a:visited {padding-right:0;}
	#opinions .faketabcontainer #tab1.activeOpinionsTab a:link, .faketabcontainer #tab1.activeOpinionsTab a:visited {padding-right:25px;}
	#opinions .faketabcontainer #tab2 a:link, .faketabcontainer #tab2 a:visited {padding-left:0;}
	#opinions .faketabcontainer #tab2.activeOpinionsTab a:link, .faketabcontainer #tab2.activeOpinionsTab a:visited {padding-left:25px;}
	#opinions .faketabcontainer .faketabs .activeOpinionsTab a:link, .faketabcontainer .faketabs .activeOpinionsTab a:visited {background: url(/custom/templates/page/shared/images/opinions/opinionsTabLeft.png) no-repeat 0 0;color:#0D81AB;text-decoration:none;}
	#opinions .faketabcontainer .faketabs a:hover {text-decoration:none; color:#003346;}

#opinions .innerform{border-left:2px solid #CCCCCC;
padding:5px 0 5px 20px;}

#feedbackphrase{ margin:0 8px;}


/* Fix */
.fix:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
* html .fix {height: 1%;}