body{
	font-family: Arial;
	font-size: 11px;
	background: #000;
	padding:0; margin:0;
	color:#62676B;
}
table, input, select, textarea{
    font-size:100%;
}
#header-ads {
	padding: 10px;
}
#header-ads-left{
	float: left;
	clear: left;
}
#header-ads-right{
	float: right;
	clear: right;
}
#header-publico-link{
	background:#B0113A url(../../images/logo147x22.gif) no-repeat scroll 0% 50%;
}
#header-publico-link a.left{
    	width:145px;
        height:0px;
    	display:block;
    	padding-top:36px;
    	overflow:hidden;
}
#header-publico-link span{
    	display: block;
    	font-family: Georgia, Verdana;
    	font-size: 18px;
    	font-weight: bold;
    	padding: 5px 0 0 10px;
}
#content{
	color: #fff;
	background: #1B1C20;
	width: 994px;
	margin: 0 auto; /*center*/
}
#content td h1 {
        margin: 0;
        padding: 0;
}
#content td.left{
	background:url(../../images/logo.png) no-repeat center left;
}
#content td.left h1 a {
    	width:388px;
        height:0px;
    	display:block;
    	padding-top:81px;
    	overflow:hidden;
}
#content td.right {
        width: 500px;
        height: 115px;
	/*[[LOGO_ESPECIAL]]*/
}
#content td.right h1 a {
	/*[[LOGO_ESPECIAL_SIZE]]*/
        height:0px;
        display:block;
    	overflow:hidden;
}
h2, h3 {
	font-size: 22px;
	font-weight: bold;
}
h4{
    color: #F99D1C;
    font-size: 12px;
    margin: 7px;
}
.stub-clear{
    clear: both;
	height:5px; /*to avoid side effects of the superfish menu*/
}
.stub-clear-10{
	clear: both;
	height: 10px;
	line-height: 10px;
}
#overview h2, #search h2, #main-video h3 {
	color: #F99D1C;
}
#main-video h3{
    margin-bottom: 0px;
}
#overview h2{
	height: 20px;
}
#featured h2{
	margin: 5px;
	color: #c72e1e;
}
#featured p{
    margin-left: 15px;
}
#most-viewed h2{
	margin: 5px;
	color: #4676c6;
}
#most-viewed ol{
    color: #3d3d3d;
	font-weight: bold;
	font-size: 12px;
	margin: 5px;
	padding: 0px;
}
#most-viewed ol a{
    color: #3d3d3d;
    text-decoration: none;
}
#most-viewed ol a:hover{
    color: #B1C646;
}
#most-viewed li {
    border-top: 1px solid #ccc;
    margin: 0px;
    padding: 5px;
}
#most-viewed .views {
	font-weight: normal;
}
#overview ol, #most-viewed, #videos-all ol {
	list-style: none;
}
#overview ol{
    padding: 0px;
	margin: 0px;
	width:288px;
}
ol li.video-overview {
	width: 135px;
	height: 155px;
	float:left;
	margin-bottom:20px;
}
ol li.leftThumb {
	margin-right:14px;
}
#overview-list ol li:nth-child(odd){
	margin-right:14px;
}
.js-leftThumb{ /* CSS3 */
	margin-right:14px;
}
ol li.video-overview img{
    margin: 3px 1px 1px 10px;
    border: none;
}
li.video-overview{
	float: left;
}
li.video-overview p{
	margin: 0 0 0 5px;
}
li.video-overview p.title{
	width: 120px;
	height: 30px;
	overflow: hidden;
}
li.video-overview div.video-info-line{
	width: 125px;
	height: 14px;
	overflow: hidden;
}
#overview .paging, #videos-all .paging {
	float: right;
	padding: 5px 0px 5px 0px;
	margin-bottom:10px;
}
div.paging a, div.paging span {
	color: #9f9f9f;
	padding: 1px;
	text-decoration: none;
}
div.paging span.prev, div.paging span.next{
	color: #d4d4d4;
	font-weight: bold;
}
div.paging span.skip{
    border: none;
}
div.paging a:hover {
	color: #F99D1C;
}
div.paging a.current, div.paging span.current {
	color: #F99D1C;
	font-weight: bold;
}
a.play {
	background-image: url(../../images/icon_play.gif);
	height: 24px;
	width: 24px;
	text-indent: -1000em;
	display: block;
}
a.rss {
	background: url(../../images/icon_rss.png) 0 0 no-repeat;
	padding-left: 14px;
	color: #6D6D6D;
	text-decoration: none;
}
#featured h2{
	background: url(../../images/icon_featured.gif) 0 0 no-repeat;
	padding-left: 24px;
}
#most-viewed h2{
	background: url(../../images/icon_most_viewed.gif) 0 0 no-repeat;
	padding-left: 24px;
}
#search-submit {
	background-color: #eee;
	color: #eee;
	background: url(../../images/icon_search.png);
	height: 24px;
	width: 24px;
	text-indent: -1000em;
	cursor: pointer;
	border: none;
}
li.video-overview {
	border: 1px solid #62676B;
	opacity: 0.8;
}
li.video-overview:hover {
	border: 1px solid #F99D1C;
	opacity: 1;
}
.js-video-overview-hover{ /* IE < 7 madness; CSS2. Repeat above. Also !important */
	border: 1px solid #F99D1C !important;
}
/*Float vertical. Play bottom to be close to bottom*/
li.video-overview{
    position: relative;
}
li.video-overview a.play{
    position: absolute;
    bottom: 0px;
}
#main-video, #overview, {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    position: relative; /*for admin-options*/	
}

/*main info*/
#main-video, #gallery{
    float: left;
    width: 650px;
    margin-left: 10px;
    position: relative; /*for admin-options*/
}
/*sideBarRight*/
#overview{
    width: 288px;
    float: right;
    margin-right: 10px;
	padding:5px;
	display:inline;
	border: 1px solid #62676B;
}

#featured, #most-viewed{
    width: 300px;
    float: right;
}
#main-video .description{
    margin-top: 10px;
    height: 215px;
    overflow: auto;
}
#featured .description{
    height: 100px;
    overflow: auto;
}
form {
    width: 50%;
}
form div.input{
    padding: 5px;
    margin: 5px;
}
form div.input label{
    display: block;
}
form div.required label{
    font-weight: bold;
}
form div.input input, form div.input textarea{    
    width: 95%;
}
form div.submit input{
    width: auto;
}
form div.input textarea{
    height: 200px;
}
form div.input input:focus, form div.input textarea:focus{
    background-color: #eee;
}
form div.error-msg{
    color: #ff0000;
}
form div.error{
    background-color: #ffeeff;
}
form div.error label{
    color: #000;
}
form div.error div.info{
    color: #666;
}
form div.error input, form div.error textarea, form div.error select{
    background-color: #ffffe1;
}

div.admin {
    border:1px solid #578CCA;
    color: #578CCA;
    padding: 2px 2px 2px 3px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px;
}
ul.admin-options {
    background: #ffffff;
    border: 1px solid #ddeaf6;
    bottom: 0px;
    right: 0px;
    padding: 0px;
    position: absolute;
}
ul.admin-options li {
    margin: 0px;
    padding: 0px;
    border: 1px solid #ddeaf6;
    display: block;
}
ul.admin-options li a {
    display:block;
    padding:2px;
    color: #578CCA;
    text-decoration:none;
}
/* http://www.visakopu.net/misc/table-border-css/ */
table.list, table.list td, table.list th {
    border-color: #eee;
    border-style: solid;
}
table.list {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 5px;
}
table.list td, table.list th {
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}
table.list th {
    background-color: #000;
    padding-right: 25px;
}
table.list tr:hover td{
    background-color: #F99D1C;
}
.js-table-list-tr-hover{ /* IE < 7, CSS2 */
    background-color: #F99D1C !important;
}
a#toggle_editor{
    background: #B1C646;
    color: #fff;
    font-weight: bold;
    margin: 15px;
    padding: 5px;
}
a#toggle_editor:hover{
    background: yellow;
    color: #000;
}
.a0, tr.a0 td{ /*inactive*/
    background-color: #ffbbaa;
}
.notice, .no-records{
    background-color: #97999C;
    padding: 5px;
    font-size: 150%;
}
.notice{
    background: url(../../images/icon_admin_info.gif) no-repeat;
    padding: 15px 15px 15px 55px;
}
a{
    color: #578CCA;
}
a:hover{
    text-decoration:none;
}
a.more, a.less{
    text-decoration: none;
    border-bottom: 1px #578CCA dotted;
}
/*rounded corners */
#table.list tr:hover td{
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#videos-lst-filter ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#videos-lst-filter li {
	display: inline;
	padding-left: 5px;
}
/* on filter nav for current selected */
a.current{
    font-weight: bold;
    text-decoration: none;
}
a.add {
	background: url(../../images/icon_add.png) 0 0 no-repeat;
	padding-left: 16px;
	margin-right: 16px;
}
a.delete {
	background: url(../../images/icon_delete.png) 0 0 no-repeat;
	padding: 1px 0 1px 18px;
	margin-right: 16px;
}
a.edit {
	background: url(../../images/icon_edit.png) 0 0 no-repeat;
	padding: 1px 0 1px 18px;
	margin-right: 16px;
}
ul.nav-video-filter{
	line-height: 32px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.nav-video-filter li {
	display: inline;
	padding: 5px;
}
ul.nav-video-filter li a {
	background: #f1f0ee;
	padding: 5px;
	color: #ADB0B1;
	text-decoration: none;
}
ul.nav-video-filter li a.current {
    color: #fff;
	background: #F99D1C;
	font-weight: normal;
}
ul.nav-video-filter li a:hover {
	background: #F99D1C;
}
form#video-search div.input {
    position: relative;
}
form#video-search, form#video-search div, form#video-search label, form#video-search input {
    display: inline;
}
#homeSearchForm{
	width:290px;
	display:block;
	height:25px;
	padding:0;
	margin:0;
}

#homeSearchForm #q, #videos-all #q{
	width:261px;
	border:0;
	padding:5px 0 5px 5px;
	!padding:4px 0 5px 3px; margin:0;
	background:#F1F0EE;
	float:left;
	color:#6A6361;
}
	#videos-all #q{
	width:150px;
	}
	.goBtn{
	border:0;
	background:url(../../images/search.png) no-repeat;
	height:0; width:23px; !height:23px;
	padding-top:23px;
	display:block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	margin:0;
	}

#video-search div.input{
    margin: 0px;
    padding: 0px;
}
label.overlabel-apply {
    margin: 0px;
	position:absolute;
	top:0;
	!top:2px;
	left:10px;
	z-index:1;
	color:#999;
	line-height: 20px;
	text-indent: 0px;
	display: none !important;
}
#overview-list-all-filter{
    float: left;
    margin: 5px;
}
#overview-list-all-filter a{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
div.video-info-line p{
    color: #9f9f9f;
    display: inline;
    padding: 0px 4px 0px 0;
    border-right: 1px solid #62676B;
}
div.video-info-line p.author{
    margin-left: 260px;
}
div.video-info-line .inline-rating{
    padding: 0px 4px 0px 4px;
} 
table.nav-video-filter{
    border:0;
    border-spacing: 0;
    border-collapse: collapse;
	margin:5px 0 0 0;
}
table.nav-video-filter{
	 width:289px;
	_width:290px;
}
table.nav-video-filter td {
	border: 1px solid #62676B;
	height:34px;
	width:100px;
	text-align:center;
	padding:0; margin:0;
}
table.nav-video-filter td.section, table.nav-video-filter td.search {
	width:295px;
	text-align:left;
	padding-left:10px;
}

table.nav-video-filter #q {
width:188px;
}
table.nav-video-filter .overlabel-apply {
!top:7px;
left:10px;
}
table.nav-video-filter td#left {
	border:0;
}
table.nav-video-filter td#right {
	border:0;
}
table.nav-video-filter td#leftNoBrdr {
	border-left:0;
}
table.nav-video-filter td#rightNoBrdr {
	border-right:0;
}
table.nav-video-filter td a {
	background: #F1F0EE;
	height:24px;
	width:85px;
	display:block;
	line-height:24px;
	text-decoration:none;
	padding:0; margin:0 auto;
}
	table.nav-video-filter td a:hover {
	text-decoration:underline;
	color:#FFF;
	}
	#overview td select /*.selectCategory*/{
		width:180px;
		border:0;padding:0;
		!margin-left:5px;
	}
table.nav-video-filter td a.current {
    color: #fff;
	background:#F1F0EE url(../../images/currentBtn-bg.jpg) repeat-x right 0;
	font-weight: normal;
}
table.nav-video-filter td a:hover {
	background: #F99D1C;
}
table.nav-video-filter td select{
    width: 160px;
}
#videos-all{
margin-top:-5px;
}
#videos-all table{
width:100%;
}
#videos-all table.nav-video-filter{
	border:solid #62676B;
	border-width:1px 0 1px 0;
}

#videos-all ol{
padding:0;
margin:0;
clear:both;
}
#videos-all ol li.video-overview{
margin-left:24px;
}
#q{
    width:261px;
}

#footer {
    clear:both;
    font-family: "Times New Roman",Times,serif;
}
/* rest of the crazy...*/

/*===============================================================================================*/
/* ======================================= PIE
 ================================================= */
/*===============================================================================================*/
.supercontenedor_T2 {
	width: 994px;
	text-align: left;
	background-color: #FFFFFF;
	color: #4e4e50;
	font-size: 0.99em;
}
#pie {
	background-color: #FFF;
	width: 100%;
	padding: 31px 0px 5px 0px;
	font-size: 0.9em;
}
.fondoPieN1 {
	border-bottom: 1px dashed #4D4D4D;
	border-top: 1px dashed #4D4D4D;
	padding: 5px 0;
	margin: 0px 10px 5px 10px;
}
.pieN1 {
	background-color: #E6E6E6;
	color: #999999;
	padding: 2px 1% 2px 1%;
}
.pieN1 a {
	color: #999999;
}
.versionesPU {
	float: left;
}
ul.listaVersionesPublico {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
li.elemListaVersionesPublico {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none outside none;
	padding-left: 3px;
}

.direccionesPublico {
	margin: 0px 10px 0px 10px;
	color: #4D4D4D;
	text-align: left;
}
.pie_bloq{
	clear: both;
	height: 0px;
}
/*===============================================================================================*/
/* =================================== ENLACES PIE ============================================= */
/*===============================================================================================*/

.contenedorInfoPublico {
	float: left;
	width: 70%;
}

.contenedorPoweredBy {
        float: right;
	height: 55px;
	line-height: 55px;
	padding-right: 10px; 
}

.contenedorEnlaceIkuna {
	float: right;
	padding-right: 6px;
}

.enlaceIkuna {
	background: url(../../images/ikuna_logo.png) top left no-repeat;
	height: 55px;
	width: 150px;
	display: block;
	text-indent: -10000px;
}

.enlaceIkuna:hover {
	background-position: 0px -55px;
}

#header-publico-link span a{
    	color: #FFFFFF;
    	text-decoration: none;
}
#header-publico-link span a:hover{
    	text-decoration: underline;
}

span#test_out {
    vertical-align: top;
    display: block;
    width: 99%;
}
div#test_in {
    margin-top: -20px;
    position: absolute;
    left: 50%;
}


div#loginbar {
    height: 35px;
    padding: 3px;
    margin-top: 5px;
}
div#loginbar span {
    background: url(/images/currentBtn-bg.jpg);
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 4px;
    padding: 0 12px;
    border: 1px solid #666666;
    float: left;
}
div#loginbar a {
    height: 24px;
    line-height: 24px;
    margin: 4px;
    color: #FFFFFF;
    padding: 0px 12px;
    border: 1px solid #666666;
    text-decoration: none;
    float: left;
}
div#loginbar a:hover {
    background-color: #F99D1C;
}

.swfupload {
    vertical-align: top;
}
.spanButtonPlaceholder {
    width: 88px;
    height: 22px;
}
#txtFileName {
    width: 60%;
    height: 16px;
    color: #666666;
}

/* This file skins sliders */
.ui-slider { width: 360px; height: 27px; position: relative; background-repeat: no-repeat; background-position: center top; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 4px; left: 0px; background-image: url(../../css/js/slider-handle.gif);  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(../../css/js/slider-bg-1.png); }
.ui-slider-2 { background-image: url(../../css/js/slider-bg-2.png); }

.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	line-height:1.0;
	margin-bottom:1.5em;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
}
.nav li {
	background:#fefefe;
	border: 1px solid #d4d4d4;
	float:left;
	list-style:none;
	position:relative;
	z-index:999;
}
.nav a {
	color: #6F6F6F;
	display:block;
	float:left;
	padding: .75em 0 .75em 1.2em;
	text-decoration:none;
	width:7.45em;
}
.nav li ul {
	float:none;
	top:-999em;
	position:absolute;
}

.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background:#ff8c00;
	color:#ffffff;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	left:-1px;
	top:2.5em;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
	width:9.45em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top:-999em;
}
.nav li li {
	background:#fefefe;
	float:none;
	width:9.45em;
}
.nav li li li {
	background:#fefefe;
}
.nav li li a {
	float:none;
	padding-right:0;
	width:7.45em;
}
/* quick hacks for IE */
*html .nav li li {
	margin-bottom:-3px;
}
*html .nav li li li {
	margin-bottom:-1px;
}
*+html .nav li li {
	margin-bottom:-3px;
}
*+html .nav li li li {
	margin-bottom:-1px;
}

/* tables */
table.list thead tr .header {
	background-image: url(../../css/js/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.list thead tr .headerSortUp {
	background-image: url(../../css/js/asc.gif);
}
table.list thead tr .headerSortDown {
	background-image: url(../../css/js/desc.gif);
}
table.list thead tr .headerSortDown, table.list thead tr .headerSortUp {
    background-color: #bfbfbf;
}

/*
Tabs - additional IE specific bug fixes

Recommended usage (Conditional Comments):
<!--[if lte IE 7]>
<link rel="stylesheet" href="tabs_ie.css" type="text/css" media="projection, screen" />
<![endif]-->

*/
.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../../css/js/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #000; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../../css/js/loading.gif) no-repeat 0 50%;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	border: #ff8c00 1px solid;
	width: 140px;
	padding:10px;
	height: 135px;
	overflow: hidden;
	opacity: 0.8;
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	width: 150px;
	text-align: center;
	display:none;
}
#tooltip.pretty div { width: 150px; text-align: left; }
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../../css/js/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:65px;
	height:13px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../../css/js/star_small.gif);
	line-height: 13px;
	height: 13px;
}