input {
    width:400px;
    padding:2px;
    border:1px solid #eee;
    font: normal 1em Verdana, sans-serif;
    color:#777;
    background-color:#ECECEC;
}
textarea {
    width:400px;
    padding:2px;
    font: normal 1em Verdana, sans-serif;
    border:1px solid #eee;
    height:100px;
    display:block;
    color:#777;
    background-color:#ECECEC;
}
input.button { 
    width:80px;
    margin: 0; 
    font: bolder 12px Arial, Sans-serif; 
    border: 1px solid #CCC; 
    padding: 2px 3px; 
    background: #FFF;
    color: #88ac0b;
}

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
    width:80px;
    height:16px;
    margin:0 0 10px 0;
    padding:0;
            list-style:none;
    clear:both;
    position:relative;
    background: url(star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
    cursor: pointer;
            /*ie5 mac doesn't like it if the list is floated\*/
    float:left;
          /* end hide*/
    text-indent:-999em;
}
ul.rating li a {
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:16px;
    text-decoration:none;
    z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
    z-index:2;
    width:80px;
    height:16px;
    overflow:hidden;
    left:0; 
    background: url(star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

/*************************
   Layout
*************************/
body {
	font-size: 8pt;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	color: #333;
	text-align: center;
}
#wrap {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	display: block;
}
#content-wrap {
	clear: both;
	padding: 0;
	margin: 0 auto;
}
/* Sidebar */
.sidebar {
	position: relative;
	float: left;
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 20%;
	top: 50px;
}
.sidebar ul li {
	display: inline;
	float: left;
}
.leftbox {
	position: relative;
	top: 50px;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Main Content */
#main {
	position: relative;
	width: 72%;
	float: right;
	padding: 0;
	margin: 0;
	display: block;
}
h1 {
    font-size: 12pt;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
}
h2 {
    font-size: 10pt;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
}
h3 {
    font-size: 8pt;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
}
}
#header {
	text-align: center;
}
#slogan {
	text-align: center;
}
#average-review-header {
	/*background: #EAEAEA;
	border: 1px solid;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	*/
}
#histogram {
	position: relative;
	left: 45px;
	top: -50px;
	margin-bottom: 0px;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
	position: relative;
	float: right;
	right: 30px;
	top: -25px;
}
.lps_page_header {
	display: none;
}
.lps_user_level {
	display: none;
}
#lps_created_time {
	display: none;
}
#lps_created_date {
	display: none;
	float: left;
	width: 20%;
	clear: left;
}
.lps_my_ratings_link {
	display: none;
}
.lps_rating_number {
	display: none;
}
.lps_histogram_average {
	clear: none;
	float: left;
}
.lps_histogram_stars {
	clear: right;
	float: left;
	padding: 7px 0 0 3px;
}
.lps_total_reviews {
	clear: right;
	float: left;
	padding: 10px 0 0 3px;
}
.lps_star_label {
	display: none;
}
.lps_hist_back_bar {
	display: none;
}
.lps_title {
	display: none;
}
.lps_customer_rating {
	display:none;
}
.lps_user_name {
	display: block;
	float: left;
	width: 20%;
	clear: right;
}
.lps_by_label {
	display: none;
	clear: none;
	float: left;
	padding-right: 5px;
}
 .lps_title_value {
	display: block;
	float: left;
	clear: both;
	width: 100%;`
}
.lps_comment {
	width: 76%;
	display: block;
	float: left;
	clear: both;
}
.lps_pros {
	display: none;
}
.lps_pros_value {
	float: left;
	display: none;
	clear: right;
}
.lps_cons {
	display: none;
}
.lps_cons_value {
	display: block;
	float: left;
	clear: both;
}
.lps_found_helpful {
	display: block;
	float: left;
	clear: both;
}
.lps_recommend {
	display: block;
	float: left;
	clear: both;
	padding-bottom: 5px;
}
.lps_helpful {
	display: block;
	float: left;
	clear: both;
	padding-bottom: 5px;
}
.lps_abuse {
	display: block;
	float: left;
	clear: both;
}

#extra_br {
  display:none;
}

.lps_radio_group {
clear: both;
}


#lps_rating_label {
float: left;
clear: both;
       padding-right: 20px;
}

#lps_new_review_stars {
clear: right;
}

.stars {
clear: none;
margin-left: 23px;
}

.lps_review_button {
width: auto;
text-align: center;       
float:center;
}

.lps_radio_button {
width: auto;
}

#nickname {
margin-bottom: 10px;
float: left;
clear: left;
}

#comment_pros {
margin-bottom: 10px;
float: left;
clear: left;
}

#comment_title {
margin-bottom: 10px;
float: left;
clear: left;
}

#comment_cons {
margin-bottom: 10px;
float: left;
clear: left;
}

#lps_comments {
width:350px;
margin-left: 25px;
}

#lps_nickname_label {
clear: both;
float:left;
}

#lps_review_title {
clear: both;
float:left;
}

#lps_review_pros {
clear: both;
float:left;
}

#lps_review_cons {
clear: both;
float:left;
}
#simple_captcha {
clear: both;
}

.simple_captcha_image {
clear: both;
float: left;
margin-left: 23px;
margin-top: 10px;
}

.simple_captcha_field {
margin-left: 23px;
margin-top: 10px;
}

.simple_captcha_label {
margin-left: 23px;
}

#lps_comment_field {
clear: both;
float:left;
}

#comment_review {
margin-bottom: 10px;
float: left;
clear: left;
}

/*---------------
vb added styles
-----------------*/

.writeReview {
	display: inline;
	width: 118px;
	height: 41px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-top: -25px;
	float: right;
	background: url(../images/review/writeBtn.png) no-repeat top left;
}
/*write review btn*/
.writeReview span {
	display: none;
}


.lps_user_name {
	display: none;
	font-weight: bold;
	
}

.lps_title_value, .lps_pros_value, .lps_cons_value {
	font-style: italic;
	color: #0B5195;
}

.lps_date {
	font-weight: bold;
	color: #0B5195;
}

.lps_recommend, .lps_helpful {
	font-style: italic;
}


hr {
	width: 200px;
}

/*comment*/

.lps_comment {
	margin-top: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
}

.lps_comment p {
	width: 450px;
}

.link_back span{
	display: none;
}

.link_back {
	display: inline;
	width: 118px;
	height: 41px;
	background: url(../images/review/previousBtn.png) no-repeat top left;
	float: right;
	margin-right: 25px;
	
}

.lps_link_to 
{
    display: inline;
    font-size: 8.5px;
    font-weight: bold;
}

/*------------------
write comment styles
------------------*/
/*
#lps_review_form .lps_text_field, #lps_review_form .lps_text_area {
	width: 200px;
	display: inline;
	float: left;
}

#lps_review_form label {
	clear: both;
}

*/