/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.ratingblock {
	display:block;
	background:url("../images/top_long.gif") no-repeat;
	width:115px;
	margin:0px;
	padding:12px 8px 0px 8px;
	text-align: left;
	}

.ratingtext, label.overlabel, label.overlabel-apply {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
	font-weight:bold;
	margin:0px 2px 2px 2px;
	}

label.overlabel {
	color:#666;
  }

label.overlabel-apply {
	position:absolute;
	top:4px;
	left:2px;
	z-index:1;
	color:#999;
	font-weight: normal;
	}

div.inputfield {
	position:relative;
  float:left;
	margin-top: 2px;
	margin-bottom: 2px;
	}

input.editbox {
  width:108px;
	}

.loading {
	height: 24px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
.ratingtext{float:left;}	
#vote_btn{
    float: left;
    margin: -6px 0 0;
    display: none;
}
#vote_btn2{
    float: left;
    margin: -6px 0 0;
    display: block;
}

.vote_stars {
    width: 300px !important;
}

.unit-rating { /* the UL */
	list-style:none;
	margin: 0 0 0 110px;

	padding:0px;
	height: 24px;
	position: relative;
	background: url('../images/starrating.png') top left repeat-x;
	}

.unit-rating li {
  text-indent: -90000px;
	padding:0px;
	margin:0px;
	float:left;
	}

.unit-rating li a {
	outline: none;
	display:block;
	width:28px;
	height:24px;
	text-decoration:none;
	text-indent:-9000px;
	position: absolute;
	z-index:20;
	padding:0px;
	}

.unit-rating li a:hover{
	background:url('../images/starrating.png') left center;
	z-index:2;
	left:0px;
	}
        
.unit-rating li a.curr {
  background:url('../images/starrating.png') left center;  
}

.unit-rating li a.curr.hidden {
  background:url('../images/starrating.png') left top;  
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:28px;}
.unit-rating a.r2-unit{left:28px;}
.unit-rating a.r2-unit:hover{width: 56px;}
.unit-rating a.r3-unit{left: 56px;}
.unit-rating a.r3-unit:hover{width: 84px;}
.unit-rating a.r4-unit{left: 84px;}	
.unit-rating a.r4-unit:hover{width: 112px;}
.unit-rating a.r5-unit{left: 112px;}
.unit-rating a.r5-unit:hover{width: 140px;}

.unit-rating li.current-rating {
	background:url('../images/starrating.png') left bottom;
	position:absolute;
	height:24px;
	display:block;
	text-indent:-9000px;
	z-index:1;
	}


.top-rating { /* the UL */
	list-style:none;
	margin:-20px 100px 0 0;
	*margin:0 100px 0 0;
	padding:0px;
	height: 24px;
	float:right;
	position:relative;
	background: url('../images/topstarrating.png') top left repeat-x;		
	}

.top-rating li {
  	text-indent: -90000px;
	padding:0px;
	margin:0px;
	float:left;
	}

.top-rating li a {
	outline: none;
	display:block;
	width:23px;
	height:24px;
	text-decoration:none;
	text-indent:-9000px;
	position:absolute;
	padding:0px;
	}

.top-rating li a:hover, .top-rating li a.curr{
	background:url('../images/topstarrating.png') left center;
	z-index:2;
	}

.top-rating a.r1-unit{left: 0px;}
.top-rating a.r1-unit:hover{width:23px;}
.top-rating a.r2-unit{left:23px;}
.top-rating a.r2-unit:hover{width: 46px;}
.top-rating a.r3-unit{left: 46px;}
.top-rating a.r3-unit:hover{width: 69px;}
.top-rating a.r4-unit{left: 69px;}	
.top-rating a.r4-unit:hover{width: 92px;}
.top-rating a.r5-unit{left: 92px;}
.top-rating a.r5-unit:hover{width: 115px;}

.top-rating li.current-rating {
	background:url('../images/topstarrating.png') left bottom;
	position:absolute;
	height:24px;
	display:block;
	text-indent:-9000px;
	z-index:1;
}