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

/* Formatting */
#opinions TABLE{}
#opinions TABLE,
#opinions P {font-size:12px; margin:15px 8px;}
	#opinions .sidewidget P {margin:15px 8px;}

#opinions .title P STRONG {font-size:18px;}
#opinions .title P {font-size:14px;}

#opinions .overall P STRONG {text-transform:uppercase;}

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

#opinions .options div {background:url(/custom/templates/page/shared/images/opinions/options-body.png) no-repeat top left;}

#opinions .options a:visited,
#opinions .options a:link {width:auto; line-height:34px; margin:0; padding:0 10px; display:block; text-align:center; text-decoration:none; font-weight:bold; background:url(/custom/templates/page/shared/images/opinions/options-link-body.png) no-repeat top right;}

#opinions .yourrating P,
#opinions .rating P {margin:15px 0 0 10px; padding:5px 0 5px 0; }
	#opinions .sidewidget .rating P{ margin:0;}
	
#opinions .rating {float:left;}
	#opinions .sidewidget .rating{ margin:0 8px;}

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

#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 {width:100%; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left; border:2px #bfbfbf solid; border-width:0;}
	#opinions .title {width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:left; border-bottom:2px #e1e1e1 dotted;}
	#opinions .container {width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
	
/* Layout Step 1 */
#opinions .overall {width:100%; height:auto; overflow:visible; margin:0 0 10px 0; padding:10px 0; float:left; position:relative; border-bottom:2px #e1e1e1 dotted;}
#opinions .overall .stars{position:relative; padding-left:20px;}
#opinions .overall p{margin-bottom:2px;}
#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,
		#viewfeedbackbutton{ display:block; margin:10px; width:160px;}

#opinions .rating {width:110px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
#opinions .comments {width:440px; height:auto; overflow:hidden; margin:0 0 14px 0; padding:0; float:left;}
#opinions .navigation {width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:left; text-align:right;}

/* 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;}