/*RESET*/  
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
html, body { background-color:#CCECFF;color:#333; font-size:12px; font-family: Arial, verdana; margin:0;padding:0; text-align: center;word-wrap: break-word;}	
a {color:#8CC63F; text-decoration:none;}
a:hover {color:#518F00;}
/*MENU*/
.header_head_inner .header-top-nav span.first {color:#fff;padding-left:10px;}
.header-top-nav span {float:left;font-size:12px;height:32px;line-height:29px;text-shadow:1px 1px 1px #333;}
.header-top-nav span span {color:#fff; display:inline; float:none;padding:0 10px;text-shadow:none;}
.header-logo {  width:900px; height:86px;float:left; display:block;}
.header-logo a{ background: transparent url(/images/header-logo-trans.png) no-repeat; width:900px; height:86px; display:block; border:none;}
.header-top-nav a:hover {color:#BFBFBF;}
.header-top-nav a {color:#ffffff;}
.rehidrat-logo { width:363px; height:149px; float:left; display:block;}
.rehidrat-logo a{ background: transparent url(/images/rehidrat-logo-trans.png) no-repeat; width:363px; height:149px; display:block; border:none;}
.rehidrat-site {  width:250px; height:149px;float:left; display:block;}
.rehidrat-site a{ background: transparent url(/images/rehidrat-site-trans.png) no-repeat; width:250px;height:149px; display:block; border:none;}

/*SUB-MENU*/
.content-nav-box {width:900px; height:34px; display:block; font-weight:700; margin-top:3px;} 
.top-nav {height:32px;padding:0;}
.top-nav span {color:#000;display:block;float:left;font-size:12px; line-height:34px;text-shadow:1px 1px 1px #333;}
.top-nav span a{height:34px; display:block;}
.top-nav span.first {width:108px; margin-left:16px; padding-left:20px;}
.top-nav span.second {width:42px; margin-left:18px; padding-left:14px;}
.top-nav span.first a:hover, .top-nav span.second a:hover, .top-nav span.first  a:focus, .top-nav span.second a:focus {color:#FDFF00;}

.top-nav-right {width:470px; text-align:center; margin-right:16px;}
.top-nav-right span {margin-right:20px}
.top-nav-right span.last {margin-right:0px}
.top-nav-right-inner {width:410px; height:34px; display:block; margin:auto;}

.top-nav-right-login {width:382px; text-align:center; margin-right:16px;}
.top-nav-right-login span {margin-right:50px}
.top-nav-right-login span.last {margin-right:0px}
.top-nav-right-login .top-nav-right-inner {width:325px; height:34px; display:block; margin:auto;}

.top-nav span span {color:#fff; display:inline; float:none;padding:0 10px;text-shadow:none;margin-top:20px}
.top-nav .top-nav-right a:hover,.top-nav .top-nav-right a:focus {color:#00ECFF;}
.top-nav .top-nav-right-login a:hover,.top-nav .top-nav-right-login a:focus {color:#00ECFF;}
.top-nav a, .top-nav a:visited{color:#ffffff;}
.top-nav .active a{color:#BFBFBF}

.blue-btn {background:transparent url(/images/nav/content-nav-right.gif) no-repeat scroll 100% 50%; float:right; height:32px;padding:0 8px 0 0; display:inline;}
.blue-btn span.first {background:transparent url(/images/nav/content-nav-left.gif) no-repeat scroll 0 100%;padding-left:10px;}
.blue-btn span {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/images/nav/content-nav-left.gif) repeat-x scroll 100% 100%;color:#000;display:block;float:left;font-size:12px;height:32px;line-height:29px;padding-right:10px;}
.blue-btn span a {color:#3368b8; display:block; font-weight:700;}
.blue-btn a:hover {color:#00347F;}
.blue-btn a img{ vertical-align:middle; margin-right:-12px}

/*LAYOUT*/
* {margin: 0;padding: 0; text-align: left;}
.wrapper {background-color:#3469B7; color:#333; font-size:12px; font-family: Arial, verdana; margin:0;padding:0; text-align: center;}
.holder {font-family:Arial,verdana; margin:0 auto; padding:0; text-align:left; width:900px;}
.container {background:transparent none repeat scroll 0 0; border:0 none; padding:0;}
.content { background:#5baadc; display:inline; float:left; min-height:500px; width:868px; min-height:365px; padding:16px;}
.content-fotter { background:transparent url(/images/content-fotter-trans.png) no-repeat; width:900px; height:18px; display:block;}
.sport-logo { background:transparent url(/images/sport-logo-trans.png) no-repeat; width:140px; height:60px; display:block;}
.sport-logo a{width:140px; height:60px; display:block;}
/* HEADER */
.header {background:transparent url(/images/header-trans.png) no-repeat; width:900px; height:289px; margin:auto;}
.header_head {background:none;}
.header_head_inner {width:900px; height:289px; z-index:10000; margin:0 auto; border: 0 none; text-align:left;}
/****** DEFAULT SKIN = BLACK.CSS *******/
.sport-bg {background:#ccecff url(/images/sport-bg.jpg) no-repeat scroll center top!important; min-height:1032px;  padding-top:62px; }
.sport-bg .alpha h1,.sport-bg .alpha h2,.sport-bg .alpha h3{ color:#587eb4;}	
.sport-bg .alpha p,.sport-bg .beta p{ background:#84C1FF}
.sport-bg .beta h1 a{color:#AFAFAF}
.beta {background:#3469B7 none repeat scroll 0 0; color:#FFFFFF;font-size:16px;font-weight:700;line-height:2.5em;padding:0 5px 0 10px;}
.beta h1 {font-size:20px;font-weight:700;line-height:1.8em;}
/*ELEMENTS*/  
ul,ol,li,p {margin:0px; padding:0px; list-style:none; }
ol.ol_numbers {list-style-type:decimal;}
ol.ol_numbers li {list-style-type:decimal; margin-left:20px;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:100;}
img { border:0; border:0;padding:0;margin:0;}
/*GENERIC CLASSES*/  
.holder{width:900px; margin:0 auto; padding:none;text-align:left;font-family: Arial, verdana; }
.container { background:none; border:0; padding:0 }
.cl:after { content:"."; display:block; clear:both; height:0; visibility:hidden }
* html .cl { height: 1%; zoom:1; display:block; }
.float-right { float:right;}
.float-left { float:left;}
.entry {background:transparent none repeat scroll 0 0;padding:5px;}
.cl {clear:both}
.space { padding:7px;}


/********************/
/****** INPUTS ******/
/********************/
.input  {border:1px #afafaf solid; background:#f9f9f9; padding:3px; display:block}
.input:focus  { background:#fff!important}
textarea.input { font-family: Arial,verdana; }

.select  {border:1px #ccc solid; background:#f9f9f9; padding:3px}
.select:focus  { background:#fff!important}
.select_small { padding:1px; font-size:10px}

.submit { -moz-border-radius:2px; border-radius:2px; height:1.9em; border-color:none; cursor:pointer; background:#84C1FF; color:#FFFFFF!important; padding:0 5px 0 5px; display:inline-block; line-height:1.8em; border:0;}
a.submit:link,a.submit:visited  {color:#FFFFFF;}

/*SUCCESS AND ERROR*/
.error,.success {border:2px solid #DDDDDD; margin:10px auto; display:inline-block; z-index:1000; padding:5px;}
.error p, .success p {text-align:center; padding:3px;}
.success {background:#E6EFC2 none repeat scroll 0 0; border-color:#C6D880; color:#264409;}
.error {background:#FBE3E4 none repeat scroll 0 0; border-color:#FBC2C4; color:#8A1F11;}
.success img, .error img { vertical-align:middle; margin-right:10px}

/*SUCCESS AND ERROR*/
.no-comms {border:2px solid #DDDDDD; margin:10px auto; display:block; z-index:1000; padding:5px;}
.no-comms p {text-align:center; padding:3px;}
.no-comms {background:#FFDFE7 none repeat scroll 0 0; border-color:#D3395D; color:#D3395D;}
.no-comms img { vertical-align:middle; margin-right:10px}

/*PAGING*/
.paging-box {display:block; float:right; margin-top:10px; padding:5px; color:#294D6A;}
.paging-box li{ float:left;}
.paging-box a{display:block; color:#2D7BB3; text-decoration:none; font-weight:700;}
.paging-box a:hover{color:#294D6A;}

/******ROUND BOXES ***/
.green-sport-box .green-sport-box-header {background:#8CC63F url(/images/corners/corner_tr.gif) no-repeat scroll 100% 0; height:4px; overflow:hidden;}
.green-sport-box .green-sport-box-header div {background:#FFFFFF url(/images/corners/corner_tl.gif) no-repeat scroll 0 0; height:4px; overflow:hidden; width:4px;}
.green-sport-box .green-sport-box-content{background:#e0f0fb url(/images/box-bg.gif) repeat-x scroll center top; padding:10px; min-height:110px;}
.green-sport-box .green-sport-box-content p{ font-size:12px}
.green-sport-box .green-sport-box-footer {background:#e0f0fb url(/images/corners/corner_br.gif) no-repeat scroll 100% 0; height:4px; overflow:hidden;}
.green-sport-box .green-sport-box-footer div {background:#FFFFFF url(/images/corners/corner_bl.gif) no-repeat scroll 0 0; height:4px; overflow:hidden; width:4px;}
.green-sport-box .green-sport-box-content a {color:#F40019;}
.green-sport-box .green-sport-box-content a:hover{color:#5F000A;}
.green-beta h1 {color:#FFFFFF;font-size:16px;padding:0 10px 5px; font-weight:700; background:#8CC63F;}
.green-beta h2 {color:#FFFFFF;font-size:16px;padding:0 10px 5px; font-weight:700;  background:#8CC63F;}
.green-sport-box{background:#5BAADC;}
.green-sport-box h3{ color:#8CC63F; padding:0px 0px 5px; font-size:16px; font-weight:700;}
.green-sport-box .green-sport-box-content a {color:#8DC73F;}
.green-sport-box .green-sport-box-content a:hover{color:#518F00;}
.green-sport-box-home-intro { width:345px; margin-top:15px;}

.white-sport-box .white-sport-box-header {background:#8CC63F url(/images/corners/corner_white_tr.gif) no-repeat scroll 100% 0; height:4px; overflow:hidden;}
.white-sport-box .white-sport-box-header div {background:#FFFFFF url(/images/corners/corner_white_tl.gif) no-repeat scroll 0 0; height:4px; overflow:hidden; width:4px;}
.white-sport-box .white-sport-box-content{background:#fff; padding:10px; min-height:110px;}
.white-sport-box .white-sport-box-content p{ font-size:12px}
.white-sport-box .white-sport-box-footer {background:#fff url(/images/corners/corner_white_br.gif) no-repeat scroll 100% 0; height:4px; overflow:hidden;}
.white-sport-box .white-sport-box-footer div {background:#FFFFFF url(/images/corners/corner_white_bl.gif) no-repeat scroll 0 0; height:4px; overflow:hidden; width:4px;}
.white-sport-box .white-sport-box-content a {color:#F40019;}
.white-sport-box .white-sport-box-content a:hover{color:#5F000A;}
.white-beta h1 {color:#FFFFFF;font-size:16px;padding:0 10px 5px; font-weight:700;}
.white-beta h2 {color:#FFFFFF;font-size:16px;padding:0 10px 5px; font-weight:700;}
.white-sport-box{background:#8cc63f}
.white-sport-box h2{ color:#8CC63F; padding:0px 0px 5px; font-size:16px; font-weight:700;}
.white-sport-box h3{ color:#8CC63F; padding:0px 0px 5px; font-size:16px; font-weight:700;}
.white-sport-box .white-sport-box-content a {color:#F40019;}
.white-sport-box .white-sport-box-content a:hover{color:#5F000A;}
.white-sport-box-home-intro { width:345px; margin-top:15px;}



.home-pic-holder-box { background: transparent url(/images/home-pic-holder-trans.png) no-repeat; width:338px; height:365px; display:block;}
.home-pic-holder-frame {background:none; border:#8cc63f 1px solid; width:240px; height:235px; display:block; margin:40px 37px;}
.home-pic-holder-frame a.pic-link {border:none; width:240px; height:235px; display:block;}


.enter-button {
padding:15px 0 0 82px;
}
.enter-button a {
background:transparent url(/images/btn/enter-btn-trans.png) no-repeat scroll 0 0;
display:block;
height:46px;
width:117px;
}
.enter-button a:hover {
background:transparent url(/images/btn/enter-btn-hover-trans.png) no-repeat scroll 0 0;
display:block;
height:46px;
width:117px;
}

/*SINGLE VIEW*/
.single-table-galleries-box {background-color:#none; margin:30px 0 10px ; float:left; width:100%;}
.single-table-galleries-box-center {background: #FF0000; width:660px; margin:auto;}
.single-table-galleries-box-inner {}
.single-table-galleries-box-inner-main-image { background:#FFFFFF; width:658px; height:auto; text-align:center; border:#8cc63f 1px solid; display:table-cell; vertical-align:middle;}
.single-table-galleries-box-inner-main-image img{ vertical-align:middle; margin:8px;}
.single-table-galleries-box-inner-comment { margin-top:40px; position:relative; }
.single-table-galleries-box-inner-comment-tail {margin-left:385px; top:-32px; position:absolute;}
.single-table-galleries-box-inner-comment-text { background:white none repeat scroll 0 0;padding:10px; border:#666666 1px solid; padding:10px; margin:auto; width:646px;}
.single-table-galleries-box-inner-comment-text div { display:inline;}
.single-table-galleries-box-inner-arrow-left { background:url(/images/galleries/arrow-left-trans.png); width:48px; height:500px; float:left; display:block;cursor:pointer;}
.single-table-galleries-box-inner-arrow-left:hover{ background:url(/images/galleries/arrow-left-hover-trans.png);}
.single-table-galleries-box-inner-arrow-right { background:url(/images/galleries/arrow-right-trans.png);width:48px; height:500px; float:right; display:block; cursor:pointer;}
.single-table-galleries-box-inner-arrow-right:hover{ background:url(/images/galleries/arrow-right-hover-trans.png);}
.single-view .green-sport-box .green-sport-box-content {padding:0px;}
.single-view .button {  padding:0 0 10px 385px;}
.single-view .button a, .browse-heroes li .button a:visited{ background:url(/images/btn/vote-btn-trans.png) no-repeat; width:96px; height:47px; display:block;}
.single-view .button a:hover, .browse-heroes li .buttona:focus {background:transparent url(/images/btn/vote-btn-hover-trans.png) no-repeat scroll 0 0;display:block;}


/* HERO BROWSE */
.browse-heroes li {float:left; width:173px; height:301px; background:url(/images/listing-bg-trans.png) no-repeat; padding:16px 17px 15px 11px; margin:0 5px 16px;}
.browse-heroes li .ratings{}
.browse-heroes li .img { padding:13px; background:#fff;}
.browse-heroes li .img a{ background-repeat:no-repeat; background-position:center; width:148px; height:96px; display:block;}
.browse-heroes li h3 { text-align:center; font-weight:bold; padding:3px 0;}
.browse-heroes li .desc {background:#fff; padding:10px; height:73px;}
.browse-heroes li .desc a {float:right; color:#8DC73F;}
.browse-heroes li .button {  padding:10px 0 0 37px;}
.browse-heroes li .button a, .browse-heroes li .button a:visited{ background:url(/images/btn/vote-btn-trans.png) no-repeat; width:96px; height:47px; display:block;}
.browse-heroes li .button a:hover, .browse-heroes li .buttona:focus {background:transparent url(/images/btn/vote-btn-hover-trans.png) no-repeat scroll 0 0;display:block;}
.browse-heroes li .ratings { padding:20px;}
.browse-heroes li .no_heroes { background-image:none;}
.clear { clear:both;}
.star-rating{list-style:none;margin:0px;padding:0px;width: 150px;height: 27px;position: relative;background:url(/images/star_rating.gif) top left repeat-x;margin:5px 0 10px 10px;}
.star-rating li{padding:0px;margin:0px;	/*\*/float: left;/* */}
.star-rating li a{display:block;width:25px;	height: 27px;text-decoration: none;	text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;}
.star-rating li a:hover{background: url(/images/star_rating.gif) left bottom;z-index: 1;left: 0px;padding-top:0px}
.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{width:30px;}
.star-rating a.two-stars{left:30px;}
.star-rating a.two-stars:hover{	width: 60px;}
.star-rating a.three-stars{	left:60px;}
.star-rating a.three-stars:hover{width: 90px;}
.star-rating a.four-stars{	left:90px;}	
.star-rating a.four-stars:hover{width:120px;}
.star-rating a.five-stars{left:120px;}
.star-rating a.five-stars:hover{width:150px;}

.formz {}
.formz li { float:left; width:360px;}
.formz li.register { border-left:1px solid #ccc; }

.myform{
margin:0 auto;
width:300px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#CBEAFF url(/images/box-bg.gif) repeat-x scroll center top;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:140px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:90px;
width:125px;
height:34px;
background:#666666 url(/images/btn/login-btn-trans.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

/*----------------------------------*/

/*LOGIN*/
.login .green-sport-box {width:400px; margin:auto;}
.login-box { width:150px; padding:10px; margin:auto; text-align:center;}
.login-button { background:url(../images/btn/login-btn-trans.png) no-repeat; height:34px; width:70px; color:#FFFFFF; text-align:center; margin:auto;}
.error-center { width:300px; margin:auto;}
/*----------------------------------*/
/*Vote*/
.results { background:#8CC63F; padding:5px; color:#FFFFFF; font-weight:700; font-size:16px; border-bottom:#93B636 1px solid; text-align:center;}
.results-single-box {margin:auto;width:660px;}
/*----------------------------------*/

.success-register {border:2px solid #DDDDDD;background:#E6EFC2 none repeat scroll 0 0; border-color:#C6D880; color:#264409; font-size:20px; text-align:center; width:400px; height:100px; margin:130px auto 0; line-height:100px;}

.loading_container { margin:90px 0;}
.vote_loading { margin:auto; width:24px;}
.no_heroes {border:2px solid #DDDDDD;background:#E6EFC2 none repeat scroll 0 0; border-color:#C6D880; color:#264409; font-size:20px; text-align:center; width:400px; margin:30px auto 0; padding:30px}
.paging {margin-right:16px; font-weight:700;}


.ref-number {font-size:8px; color:#1F3745; margin-top:10px;}

/*TERMS*/
ul.terms-and-conditions li { margin-bottom:20px; display:inline-block;}
.number {float:left; width:30px; font-size:12px;}
.term-desc {float:left; margin-left:0; width:810px;}

