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

*************************/

.lps_page_header {

	display: none;

}

.lps_user_level {

	display: none;

}

#lps_created_time {

	display: none;

}

#lps_created_date {

	float: left;

	width: 20%;

	display: block;

	clear: left;

}

.lps_my_ratings_link {

	display: none;

}

.lps_rating_number {

	display: none;

}

.lps_histogram_stars {

	clear: right;

	float: left;

	padding: 7px 0 0 3px;

}

.lps_star_label {

	display: none;

}

.lps_hist_back_bar {

	display: none;

}

.lps_title {

	display: inline;

	float: left;

	padding-right: 5px;

}

.lps_customer_rating {

	display:none;

}

.lps_user_name {

	display: block;

	float: left;

	width: 20%;

	clear: right;

}

.lps_by_label {

	display: block;

	clear: none;

	float: left;

	padding-right: 5px;

}

 .lps_title_value {

	display: inline;

	float: right;

	width: 80%;`

}

.lps_comment {

	width: 76%;

	display: block;

	float: left;

	clear: both;

}

.lps_pros {

	display: inline;

	float: left;

	width: 20%;

}

.lps_pros_value {

	float: left;

	display: block;

  width: 80%;

}

.lps_cons {

	display: inline;

	float: left;

	width: 20%;

}

.lps_cons_value {

	float: left;

	display: inline;

  width: 80%;

}

.lps_found_helpful {

	display: block;

	float: left;

	clear: both;

  width: 100%;

}

.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;

}



.lps_review_button {

width: auto;

text-align: center;       

float:center;

}



.lps_radio_button {

width: auto;

}



#nickname {

margin-bottom: 10px;

float: right;

clear: none;

}



#comment_pros {

margin-bottom: 10px;

float: right;

clear: none;

}



#comment_title {

margin-bottom: 10px;

float: right;

clear: none;

}



#comment_cons {

margin-bottom: 10px;

float: right;

clear: none;

}



#lps_comments {

width:550px;

}



#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;

}



#lps_comment_field {

clear: both;

float:left;

}



#comment_review {

margin-bottom: 10px;

float: right;

clear: none;

}



.lps_total_reviews {

	clear: right;

	float: left;

	padding: 10px 0 0 3px;

    float: none;

    color:#CC6633;

    font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;

    font-size:9pt;

    font-size-adjust:none;

    font-stretch:normal;

    font-style:normal;

    font-variant:normal;

    font-weight:bold;

    line-height:normal;

}

.lps_histogram_average {

	clear: none;

	float: left;

    padding:7px 2pt 0pt 3px;

    color:#CC6633;

    font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;

    font-size:9pt;

    font-size-adjust:none;

    font-stretch:normal;

    font-style:normal;

    font-variant:normal;

    font-weight:bold;

    line-height:normal;

}

#histogram_table br{

display: none;

}

#histogram {

position:relative;

}