/*div Container*/
.simpleRatings{display:block}

/*Form*/
.simpleRatings form{
	padding:0px; 
	margin:0px; 
	overflow:hidden; 
	border:none;
	position:relative;
	text-align:left;/*IE7*/
	box-sizing: border-box;
}
.simpleRatings fieldset{
	margin:0px;
	padding:0px;
	border:none;
	position:static;
	box-sizing: border-box;
}
/*Form buttons*/
.simpleRatings input{
	padding:0px; 
	margin:0px; 
	border:none;
	background:none;
	position:absolute; left:0px;
	height:100%;
	text-indent:-300px;
	cursor:pointer;
	text-transform:uppercase;/*IE7*/
	box-sizing: border-box;
	background: url('images/transparent.png') repeat scroll 0px 0px transparent;
}
.simpleRatings input:active, .simpleRatings input:focus{outline:none;}

/*Average Rating*/
.simpleRatings .average{
	height:100%;
	z-index:1;
	box-sizing: border-box;
}

/*Text*/
.simpleRatings .text{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	white-space:nowrap;
	line-height:12px;
	text-align:center;
}
/*Text Style 1*/
.simpleRatings .L{float:left;} /*Total votes*/
.simpleRatings .R{float:right} /*Average*/
/*Text Style 2*/
.simpleRatings .L2{float:none} /*Total votes*/
.simpleRatings .R2{float:none} /*Average*/

/*Loading Image*/
.simpleRatings .load{background:url(images/rLoading.gif) center no-repeat; height:100%; width:100%;}
.simpleRatings .loadText{font-weight:normal}


/*Most voted list contents*/
/*Container*/
.topRatings{
	font-weight:normal;
	font-size:14px;
}
/*Each row*/
.topRatings .topRows{
	line-height:22px;
}
.topRatings .topName{}
.topRatings .topVotes{}
.topRatings .topAverage{}
/*Columns*/
.topName, .topVotes, .topAverage{
	display:block;
	float:left;
	width:33%;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

/*Styles (type/size/color)*/
.simpleRatings .starslargeorange{background:url(images/stars/large/orange/rElements.png) repeat-x}
.simpleRatings .starslargeorange input:hover{background:url(images/stars/large/orange/rElements.png) bottom left repeat-x}
.simpleRatings .starslargeorange .average{background:url(images/stars/large/orange/rElements.png) center left repeat-x}

.simpleRatings .starslargered{background:url(images/stars/large/red/rElements.png) repeat-x}
.simpleRatings .starslargered input:hover{background:url(images/stars/large/red/rElements.png) bottom left repeat-x}
.simpleRatings .starslargered .average{background:url(images/stars/large/red/rElements.png) center left repeat-x}

.simpleRatings .starslargeblue{background:url(images/stars/large/blue/rElements.png) repeat-x}
.simpleRatings .starslargeblue input:hover{background:url(images/stars/large/blue/rElements.png) bottom left repeat-x}
.simpleRatings .starslargeblue .average{background:url(images/stars/large/blue/rElements.png) center left repeat-x}

.simpleRatings .starslargepink{background:url(images/stars/large/pink/rElements.png) repeat-x}
.simpleRatings .starslargepink input:hover{background:url(images/stars/large/pink/rElements.png) bottom left repeat-x}
.simpleRatings .starslargepink .average{background:url(images/stars/large/pink/rElements.png) center left repeat-x}

.simpleRatings .starslargegreen{background:url(images/stars/large/green/rElements.png) repeat-x}
.simpleRatings .starslargegreen input:hover{background:url(images/stars/large/green/rElements.png) bottom left repeat-x}
.simpleRatings .starslargegreen .average{background:url(images/stars/large/green/rElements.png) center left repeat-x}

.simpleRatings .starslargepurple{background:url(images/stars/large/purple/rElements.png) repeat-x}
.simpleRatings .starslargepurple input:hover{background:url(images/stars/large/purple/rElements.png) bottom left repeat-x}
.simpleRatings .starslargepurple .average{background:url(images/stars/large/purple/rElements.png) center left repeat-x}

.simpleRatings .starslargeblack{background:url(images/stars/large/black/rElements.png) repeat-x}
.simpleRatings .starslargeblack input:hover{background:url(images/stars/large/black/rElements.png) bottom left repeat-x}
.simpleRatings .starslargeblack .average{background:url(images/stars/large/black/rElements.png) center left repeat-x}

.simpleRatings .starslargewhite{background:url(images/stars/large/white/rElements.png) repeat-x}
.simpleRatings .starslargewhite input:hover{background:url(images/stars/large/white/rElements.png) bottom left repeat-x}
.simpleRatings .starslargewhite .average{background:url(images/stars/large/white/rElements.png) center left repeat-x}

/*BREAK*/
.simpleRatings .starssmallwhite{background:url(images/stars/small/white/rElements.png) repeat-x}
.simpleRatings .starssmallwhite input:hover{background:url(images/stars/small/white/rElements.png) bottom left repeat-x}
.simpleRatings .starssmallwhite .average{background:url(images/stars/small/white/rElements.png) center left repeat-x}

.simpleRatings .starssmallblack{background:url(images/stars/small/black/rElements.png) repeat-x}
.simpleRatings .starssmallblack input:hover{background:url(images/stars/small/black/rElements.png) bottom left repeat-x}
.simpleRatings .starssmallblack .average{background:url(images/stars/small/black/rElements.png) center left repeat-x}

.simpleRatings .starssmallred{background:url(images/stars/small/red/rElements.png) repeat-x}
.simpleRatings .starssmallred input:hover{background:url(images/stars/small/red/rElements.png) bottom left repeat-x}
.simpleRatings .starssmallred .average{background:url(images/stars/small/red/rElements.png) center left repeat-x}

.simpleRatings .starssmallblue{background:url(images/stars/small/blue/rElements.png) repeat-x}
.simpleRatings .starssmallblue input:hover{background:url(images/stars/small/blue/rElements.png) bottom left repeat-x}
.simpleRatings .starssmallblue .average{background:url(images/stars/small/blue/rElements.png) center left repeat-x}

.simpleRatings .starssmallgreen{background:url(images/stars/small/green/rElements.png) repeat-x}
.simpleRatings .starssmallgreen input:hover{background:url(images/stars/small/green/rElements.png) bottom left repeat-x}
.simpleRatings .starssmallgreen .average{background:url(images/stars/small/green/rElements.png) center left repeat-x}

.simpleRatings .starssmallorange{background:url(images/stars/small/orange/rElements.png) repeat-x}
.simpleRatings .starssmallorange input:hover{background:url(images/stars/small/orange/rElements.png) bottom left repeat-x}
.simpleRatings .starssmallorange .average{background:url(images/stars/small/orange/rElements.png) center left repeat-x}

.simpleRatings .starssmallpink{background:url(images/stars/small/pink/rElements.png) repeat-x}
.simpleRatings .starssmallpink input:hover{background:url(images/stars/small/pink/rElements.png) bottom left repeat-x}
.simpleRatings .starssmallpink .average{background:url(images/stars/small/pink/rElements.png) center left repeat-x}

.simpleRatings .starssmallpurple{background:url(images/stars/small/purple/rElements.png) repeat-x}
.simpleRatings .starssmallpurple input:hover{background:url(images/stars/small/purple/rElements.png) bottom left repeat-x}
.simpleRatings .starssmallpurple .average{background:url(images/stars/small/purple/rElements.png) center left repeat-x}

/*BREAK*/
.simpleRatings .starsmediumwhite{background:url(images/stars/medium/white/rElements.png) repeat-x}
.simpleRatings .starsmediumwhite input:hover{background:url(images/stars/medium/white/rElements.png) bottom left repeat-x}
.simpleRatings .starsmediumwhite .average{background:url(images/stars/medium/white/rElements.png) center left repeat-x}

.simpleRatings .starsmediumblack{background:url(images/stars/medium/black/rElements.png) repeat-x}
.simpleRatings .starsmediumblack input:hover{background:url(images/stars/medium/black/rElements.png) bottom left repeat-x}
.simpleRatings .starsmediumblack .average{background:url(images/stars/medium/black/rElements.png) center left repeat-x}

.simpleRatings .starsmediumorange{background:url(images/stars/medium/orange/rElements.png) repeat-x}
.simpleRatings .starsmediumorange input:hover{background:url(images/stars/medium/orange/rElements.png) bottom left repeat-x}
.simpleRatings .starsmediumorange .average{background:url(images/stars/medium/orange/rElements.png) center left repeat-x}

.simpleRatings .starsmediumred{background:url(images/stars/medium/red/rElements.png) repeat-x}
.simpleRatings .starsmediumred input:hover{background:url(images/stars/medium/red/rElements.png) bottom left repeat-x}
.simpleRatings .starsmediumred .average{background:url(images/stars/medium/red/rElements.png) center left repeat-x}

.simpleRatings .starsmediumblue{background:url(images/stars/medium/blue/rElements.png) repeat-x}
.simpleRatings .starsmediumblue input:hover{background:url(images/stars/medium/blue/rElements.png) bottom left repeat-x}
.simpleRatings .starsmediumblue .average{background:url(images/stars/medium/blue/rElements.png) center left repeat-x}

.simpleRatings .starsmediumgreen{background:url(images/stars/medium/green/rElements.png) repeat-x}
.simpleRatings .starsmediumgreen input:hover{background:url(images/stars/medium/green/rElements.png) bottom left repeat-x}
.simpleRatings .starsmediumgreen .average{background:url(images/stars/medium/green/rElements.png) center left repeat-x}

.simpleRatings .starsmediumpink{background:url(images/stars/medium/pink/rElements.png) repeat-x}
.simpleRatings .starsmediumpink input:hover{background:url(images/stars/medium/pink/rElements.png) bottom left repeat-x}
.simpleRatings .starsmediumpink .average{background:url(images/stars/medium/pink/rElements.png) center left repeat-x}

.simpleRatings .starsmediumpurple{background:url(images/stars/medium/purple/rElements.png) repeat-x}
.simpleRatings .starsmediumpurple input:hover{background:url(images/stars/medium/purple/rElements.png) bottom left repeat-x}
.simpleRatings .starsmediumpurple .average{background:url(images/stars/medium/purple/rElements.png) center left repeat-x}

/*CUSTOM IMAGE (SPRITE)*/
.simpleRatings .custom{background:url(images/custom/rElements.png) repeat-x}/*Empty*/
.simpleRatings .custom input:hover{background:url(images/custom/rElements.png) bottom left repeat-x}/*Normal*/
.simpleRatings .custom .average{background:url(images/custom/rElements.png) center left repeat-x}/*Mouse Over*/

/*-----------------------------------------------------------------------------------------------------------------------*/

/*CUSTOM IMAGES (IMAGES)*/
.simpleRatings .custom{background:url(images/custom/1.png) repeat-x}/*Empty*/
.simpleRatings .custom input:hover{background:url(images/custom/2.png) repeat-x}/*Normal*/
.simpleRatings .custom .average{background:url(images/custom/3.png) repeat-x}/*Mouse Over*/

/* Static form ratings */
#userreviews, #userreviews .consumer-review {
    margin: 25px 0;
}
#userreviews .consumer-review p {
    clear: both;
    margin: 10px 0 0 0;
	font-size: 13px;
}
#userreviews .staticstarsmediumorange {
    background: url('images/stars/medium/orange/rElements.png') repeat-x scroll 0% 0% transparent;
    width: 100px;
    height: 20px;
    float:right;
}
#userreviews .staticaverage {
    height: 20px;
    z-index: 1;
    background: url('images/stars/medium/orange/rElements.png') repeat-x scroll left center transparent;
}
#userreviews .from-title {
    display: block;
    float: left;
    padding-right: 10px;
    font-weight: 700;
    font-size: 16px;
    font-weight: 700;
}
#userreviews .reviewsheading {
	display: block;
	font-size: 20px;
}
/* Submit form */
.review-overlay {
	background: url('images/grayopacity.png') repeat transparent;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999;
	display: none;
}
.star-ranking-form-holder {
	position: fixed;
	top:10%;
	left:0;
	bottom:0;
	right:0;
	display: none;
	z-index:9999999;
}
.review-close-button {
	position: absolute;
	top: 2px;
	right: 4px;
	color: #FFF;
	font-size: 40px;
	font-weight: 700;
	line-height: 30px;
}
.review-close-button:hover {
	cursor: pointer;
}
.star-ranking-form {
    position: relative;
    margin: 0px auto;
    max-width: 436px;
    min-width: 320px;
    border: 1px solid #bbb;
    border-radius: 6px 6px 0px 0px;
    padding-bottom:10px;
	z-index:99999999;
    background: #fff;
    text-align: center;
    line-height: 1em;
} 
.star-ranking-form .formtitle {
    padding: 6px 15px;
    background-color: rgb(25, 60, 131);
    color: #FFF;
    border-radius: 5px 5px 0px 0px;
    margin: 0 0 10px 0;
    font-size: 20px;
	text-align: left;
	line-height: 1em;
}
.star-ranking-form .ranklabel {
    text-align: left;
	padding-left: 16px;
	width: 51%;
	float: left;
	font-size: 16px;
	line-height: 30px;
}
.star-ranking-form textarea {
	width: 300px;
}
.star-ranking-form .testlabel {
    text-align: center;
	padding-left: 0;
	width:100%;
	float: left;
	font-size: 20px;
	margin:10px 0;
}
.star-ranking-form .simpleRatings {
	padding: 5px;
    float: right;
    margin-right:10px;
}
.star-ranking-form .testimonial  {
	width: 90%;
	margin: 0 auto;
	display: block;
	font-size: 14px;
}
.star-ranking-form .formlabel  {
	float: left;
	width: 40%;
	padding-left: 0;
	font-size: 16px;
	margin: 8px 0;
}
.star-ranking-form .textbox  {
	width: 50%;
	font-size: 14px;
	margin: 8px 0px 8px 5%;
}
.star-ranking-form > input  {
	float: left;
	margin: 8px 0;
}
.star-ranking-form .formerror  {
	color: red;
	display: none;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	clear: both;
}
.star-ranking-form .sendtestimonial {
	width:180px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffd800 0%, #ff9600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd800), color-stop(100%,#ff9600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd800 0%,#ff9600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd800 0%,#ff9600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffd800 0%,#ff9600 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffd800 0%,#ff9600 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ff9600',GradientType=0 ); /* IE6-8 */
	background-color: #ffd800; /* Old browsers */
	border:none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:block;
	font-family:Arial, Helvetica, sans-serifs;
	font-size:19px;
	font-weight:bold;
	color:#300;
	text-shadow:1px 1px 1px #FFFF99;
	padding:10px 0px;
	margin: 10px auto;
}
.star-ranking-form .sendtestimonial:hover {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ff9600 0%, #ffd800 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9600), color-stop(100%,#ffd800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff9600 0%,#ffd800 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff9600 0%,#ffd800 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff9600 0%,#ffd800 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff9600 0%,#ffd800 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ffd800',GradientType=0 ); /* IE6-8 */
	background-color: #ff9600; /* Old browsers */
}
.successmessage {
	position: absolute;
	width: 100%;
    max-width: 436px;
    min-width: 320px;
	line-height: 33px;
	background: #f8f8f8;
	border: 2px solid #555;
	border-radius: 10px;
	z-index: 9999999999;
	top: 35%;
	left: 0;
	text-align: left;
	font-size: 17px;
	display: none;
}
.successmessage span {
	display: block;
	margin:0 auto;
	width:270px;
	padding: 25px;
}

/* EXPANDABLE FORM */
.user_reviewsform_holder  {
	position: relative;
}
.user_reviewsform  {
	width: 96%;
	height:36px;
	background:#f7f7f7;
	margin:0 auto;
	padding:12px;
}
.user_image {
	float: left;
	width: 38px;
	height: 39px;
	background: url('images/user-image.png') repeat transparent;
	margin-right:10px;
}
.user_reviewsform .user_stars {
	width: 112px;
	height: 34px;
	float: right;
	background-position: -204px -248px;
	margin-right:50px;
}
.user_reviewsform .text_box {
	width:177px;
	height:27px;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	border:#fff;
	padding:5px;
	color:#b3b3b3;
  resize: none;

}
.user_reviewsformexpand {
	display:none;
}
.user_reviewsformexpand .successmessage {
	bottom: 0px;
	right: 0;
	min-height: 40px;
	top: auto;
	left: auto;
}
.user_reviewsformexpand {
	width: 96%;
	height: 128px;
	background:#f7f7f7;
	margin:0 auto;
	padding:12px;
}
.user_reviewsformexpand input.reg {
	width:177px;
	height:27px;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	border:#fff;
	padding:5px;
	color:#b3b3b3;
	margin-bottom:10px;
	float:left;
	clear: both;
}
.user_reviewsformexpand input.cancel {
	background:transparent;
	border:none;
	color:#2193dc;
}
.user_reviewsform .text_box.big {
	width:177px;
	height:170px;
}
.user_reviewsform .rank_star_dynamic {
	float:right;
	margin: 10px 35px 0px 0px;
}
.user_reviewsform .rank_star_dynamic .simpleRatings {
	float: left;
}
.user_reviewsform .errortext,
.user_reviewsformexpand .errortext {
	display:none;
	float: left;
}
.user_reviewsformexpand .formerror {
	float: left;
	margin: 25px auto 0;
}

.user_reviewsformexpand .submit_btn {
	width:95px;
	height:27px;
	color:#000;
	font-size:14px;
	background:#f1c40f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #f1c40f;
	text-align:center;
	font-weight:700;
}
.user_reviewsformexpand .buttons {
	position:relative;
	bottom:0px;
	float:right;
}

.user_reviewsformexpand .fl_right {
	float:right;
	width:59%;
	margin: 39px 0 0 0;
}