
body{
	font-family: 'arial';
	font-size: 12px;
}

form {
	display: block;
	float: left !important;
	width: 810px;
	max-width: 960px;
}
.row{min-width: 760px;}

form ul{
	padding:0;
	margin:0;
}

#reviews h4{
	font-size: 18px;
	margin: 10px 0;
}

#reviews h5{
	font-size: 16px;
	margin: 10px 0;
}

#reviews fieldset{
	margin-bottom: 20px;
}

legend {border-color: #ccc;}

#reviews .row {
	float: left;
	margin-bottom: 20px;
}

#reviews input {
	width: 755px;
	line-height: 30px;
}

#reviews .money input {
	width: 725px;
}

#reviews input[type='radio']{width: 13px;}

#reviews input.splitField {
	width: 45%;
	line-height: 30px;
	margin-right: 10px;
}

#reviews textarea {width: 755px; height: 100px;}

#recommendSet ul, #needsSet ul, #supportSet ul, #easeSet ul, .sets ul{
	list-style: none;
	line-height: 30px;
}

#recommendSet ul li, #needsSet ul li, #supportSet ul li, #easeSet ul li, .sets ul li{
	display: inline;
	width: 70px;
	float: left;
	text-align: center;
	font-weight: bold;
	border: #a9a9a9 1px solid;
	background: #dadada;
	margin: 2px;
	cursor: pointer;
}

#recommendSet ul li:hover, #needsSet ul li:hover, #supportSet ul li:hover, #easeSet ul li:hover, .sets ul li:hover{

	background:#0194ea;
}

.leftRank, .rightRank {
	width: 100px; 
	color: #e75c00;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
}

.leftRank {float: left;}

.rightRank {float: right; text-align: right;}

.leftForm, .rightForm {float: left; width: 375px;}
#reviews .leftForm input {width: 335px;}
#reviews .rightForm input {width: 335px;}
#reviews .splitField {float: left; width: 160px !important;}

.moneyFields {margin:5px 0;}
.prefix{float: left; width: 30px; height: 34px; background: #e3e3e3; border: #adadad 1px solid; text-align: center; line-height: 30px; border-right: none;}
.money {float: left;} 
#reviews div.money {float: left; width: 710px; }

.money input {margin:0;}

select.fullInput {clear: both; width: 600px; -webkit-appearance: menulist-button; height: 35px; border: #adadad 1px solid; margin-top: 5px;}

select.halfInput {
clear: both;
width: 335px;
-webkit-appearance: menulist-button;
height: 35px;
border: #adadad 1px solid;
margin-top: 5px;
}

.btnReview {float: left; clear:both; background: #0076bc; text-align: center; cursor: pointer; color: #fff; font-weight: bold; line-height: 30px; border:none;}
.btnReview:hover {background:#0194ea;}
#reviews input.btnReview {color:#fff; width: 120px;}

/*ERRORS*/
.cmxform fieldset p.error label { color: red; }
div.container {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
}
div.container ol li {
	list-style-type: disc;
	margin-left: 20px;
}
div.container { display: none }
.container label.error {
	display: inline;
}
form.cmxform { width: 30em; }
form.cmxform label.error {
	display: block;
	margin-left: 1em;
	width: auto;
}

.formLabels {float: left; width: 100%; clear: both;}

.formReviews, .formTerms, .formRatings {
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	font-size: 1.5em;
	color: #fff;
	border: 1px #ccc solid;
	margin-right: 10px;
	padding: 10px;
	background: #0076bc;
}
.formLabels .active {
	color:#0076bc;
	background: #fff;
	border-bottom: none; 
}
.steps {font-weight: bold;}


