@import 'reset.css';

BODY {
	background: #075b0e url(../img/background.jpg) no-repeat;
	font: .75em/1.25 Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	}
	#layout {
		width: 100%;
		min-width: 1000px;
		}
A {
	border-bottom: 1px dashed #fff;
	text-decoration: none;
	color: #ffea00;
	}
A:hover {
	color: #ffba00;
	text-decoration: none;
	}
IMG,
A IMG {
	border: 0;
	}

/* SUP & SUB
-------------------------------------- */
SUP, SUB {
	vertical-align: middle;
	position: relative;
	font-size: .5em;
	}
SUP {
	bottom: 0.5em; 
	}
SUB { 
	top: 0.5em; 
	}

/* Header Styles
--------------------------------------------------------*/
#header-counters {
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	}
#header {
	height: 340px;
	padding-left: 53px;
	background: url(../img/top-line.png) repeat-x;
	}
	#header A {
		border-bottom: 0;
		}
	#header .sponsors LI {
		float: left;
		padding: 5px 15px 0 0;
		}
		#header .sponsors LI.general {
			height: 96px;
			width: 207px;
			padding: 5px 40px 0 0;
			text-align: center;
			/*background: url(../img/header-sponsor.gif) no-repeat;*/
			}
			#header .sponsors LI.general SMALL {
				display: block;
				padding-bottom: 10px;
				font-size: 0.9166em;
				color: #4c4c4c;
				}
		#header .sponsors LI.championat A {
			display: block;
			overflow: hidden;
			width: 142px;
			height: 50px;
			text-indent: -3000px;
			background: url(../img/sponsors/championat.png) no-repeat;
			}
		#header .sponsors LI.fanat A {
			display: block;
			overflow: hidden;
			width: 85px;
			height: 50px;
			text-indent: -3000px;
			background: url(../img/sponsors/fanat.gif) no-repeat;
			}	
.main-header {
	float: left;
	width: 128px;
	padding-top: 40px;
	padding-left: 80px;
	}
	.main-header H1 {
		display: block;
		width: 128px;
		height: 135px;
		margin-bottom: 30px;
		overflow: hidden;
		text-indent: -3000px;
		font-size: 2.9166em;
		font-weight: normal;
		background: url(../img/main-header.gif) no-repeat;
		}
	.main-header SMALL {
		display: block;
		float: right;
		width: 110px;
		height: 31px;
		overflow: hidden;
		text-indent: -3000px;
		text-transform: uppercase;
		font-size: 1em;
		background: url(../img/main-sub.gif) no-repeat;
		}
.description {
	float: left;
	width: 420px;
	padding-left: 40px;
	font-size: 1.25em;
	}
	.description P	{
		margin-bottom: 20px;
		}
		.description P A	{
			text-decoration: underline;
			color: #FFF;
			}
.menu {
	/*padding-top: 35px;*/
	margin-top: -15px;
	}
	.menu LI {
		float: left;
		margin-right: 6px;
		}
		.menu LI SPAN {
			display: block;
			}
			.menu LI SPAN A {
				display: block;
				height: 44px;
				line-height: 44px;
				margin: 0 3px;
				padding: 0 17px;
				color: #fff;
				text-decoration: underline;
				}
				.menu LI SPAN A:hover {
					color: #fff;
					}
		.menu LI.active {
			background: url(../img/button-left.gif) no-repeat;
			}
			.menu LI.active SPAN {
				background: url(../img/button-right.gif) no-repeat 100% 0;
				}
				.menu LI.active SPAN A {
					text-decoration: none;
					background: #075b0e;
					cursor: default;
					}
			
/* Fanat Strip
--------------------------------------- */
.login-link {
	position: absolute;
	top: 0;
	left: 0;
	}
#live {
	padding: 0 30px 4px;
	background: #1b1f24;
	font: 0.917em Arial, Helvetica, sans-serif;
	}
	#live A {
		border: none;
		color: #ffbf00;
		}
    #live FORM {
		width: 680px;
		margin-left: 270px;
		}
	/* Live Messenger Elements */
	#live .username {
		float: left;
		margin: 0 90px 0 0;
		padding-left: 15px;
		font-weight: bold;
		font-size: 1em;
		background: url(../img/fanatstrip/user.png) no-repeat 0 50%;
		color: #fff;
		}
		#live .username A {
			color: #fff;
			text-decoration: none;
			}
	#live FORM UL {
		overflow:hidden;
		padding-top: 3px;
		}
	#live FORM UL LI {
		float: left;
		height: 28px;
		line-height: 28px;
		}
		#live FORM UL LI.input {
			width: 190px;
			margin: 0 6px 0 0;
			background: url(../img/fanatstrip/lm-input-bg.png) no-repeat;
			}
			#live FORM UL LI.input I.cor-r {
				display: block;
				float: right;
				height: 28px;
				width: 6px;
				background: url(../img/fanatstrip/lm-input-bg.png) no-repeat 100% 0;
				}
			#live FORM UL LI.input INPUT {
				float: left;
				width: 170px;
				height: 14px;
				margin: 2px 0 0 6px;
				padding: 6px 4px 4px;
				border: 0;
				color: #777;
				background: url(../img/fanatstrip/lm-input.gif) repeat-x;
				text-align: center;
				}
			#live FORM UL .register {

				}
				#live FORM UL .register A {
					margin-left: 30px;
					padding-right: 10px;
					border-right: 1px solid #777;
					}
			#live FORM UL .forgot {
				margin-left: 10px;
				background: none;
				}
			/* Submit Button */
			#live .submit {
				height: 28px;
				padding: 0 6px 0 0 !important;
				margin: 0;
				background: url(../img/fanatstrip/lm-button.png) no-repeat 100% 0;
				}
				#live .submit INPUT {
					height: 28px;
					margin: 0;
					padding: 0 20px 0 26px;
					border: 0;
					font-weight: bold;
					background: url(../img/fanatstrip/lm-button.png) no-repeat;
					color: #fff;
					}
				#live LABEL {
					color: #fff;
					}
	/* Logged State */
	.lm-logged .username {
		margin-right: 30px !important;
		}
	.lm-logged A {
		padding: 0 10px;
		color: #2294ff;
		border-right: 1px solid #464748;
		}
		.lm-logged .last A {
			border-right: 0;
			}
	.lm-logged .nobr A {
		border: 0;
		color: #fc0;
		}
	.lm-logged .faqs {
		margin-left: 30px;
		}
	.lm-logged .balance {
		float: right !important;
		padding-left: 23px;
		background: url(../img/fanatstrip/user.png) no-repeat;
		}	
		.lm-logged .balance A	{
			padding: 0;
			border: none;
			color: #FFF;
			}					

/* Main Content Styles
--------------------------------------------------------*/
H2.vote-tour {
	padding-left: 300px;
	font-size: 2.5em;
	font-weight: bold;
	text-shadow: 2px 2px 1px #012b04;
	}
.vote-info {
	padding: 20px 0 0 300px;
	}
.desc {
	padding: 5px 0 0 300px;
	font-size: 0.9166em;
	color: #a6c9aa;
	}

.categories {
	margin-top: 30px;
	padding-right: 20px;
	}
	.categories LI.category .sidebar {
		float: left;
		width: 260px;
		padding-top: 15px;
		padding-right: 40px;
		text-align: right;
		}
		.categories LI.category .sidebar DT {
			padding-bottom: 12px;
			font-size: 1.33em;
			line-height: 1.5em;
			}
		.categories LI.category .sidebar DD {
			padding-top: 10px;
			font-size: 0.9166em;
			}
			.categories LI.categories .sidebar DD A {
				cursor: pointer;
				}
		.categories LI.category UL LI {
			float: left;
			min-width: 100px;
			width: 20%;
			text-align: center;
			}
		/* Wide Blocks (4 Elements) */
		.categories LI.category UL LI.wide {
			width: 25%;
			padding-bottom: 10px;
			}
			.categories LI.category UL LI.wide .player-block {
				height: 220px;
				margin-left: 0;
				cursor:pointer;
				}
			.categories LI.category UL LI.wide .player-amplua {
				margin-right: 6%;
				padding-bottom: 8px;
				font-size: 0.8333em;
				text-transform: uppercase;
				}
			.categories LI.category UL LI.wide .season-leaders {
				margin-right: 6%;
				font-size: 0.9166em;
				}
		/* Final Winner Block */
		.categories LI.category UL LI.final-winner {
			width: 100%;
			margin-top: 10px;
			}
			.categories LI.category UL LI.final-winner .player-block {
				margin: 0 1.4% 0 0;
				}
				.categories LI.category UL LI.final-winner .player-block .star {
					left: 120px;
					top: -31px;
					width: 54px;
					height: 50px;
					margin-left: -27px;
					background: url(../img/star-big.png) no-repeat;
					}
				.categories LI.category UL LI.final-winner .player-block DT {
					float: left;
					padding-top: 30px;
					}
					/*tmp*/
					.categories LI.category UL LI.final-winner .player-block DT IMG {
						width: 200px;
						height: 150px;
						}
				.categories LI.category UL LI.final-winner .player-block DD {
					float: left;
					margin-top: 24px;
					text-align: left;
					}
					.categories LI.category UL LI.final-winner .player-block DD SPAN {
						font-size: 2em;
						}
						.categories LI.category UL LI.final-winner .player-block DD SPAN SMALL {
							padding-bottom: 80px;
							font-size: 0.75em;
							}
					.categories LI.category UL LI.final-winner .player-block DD.votes {
						position: static;
						float: right;
						margin: 30px 20px 0 0;
						text-align: center;
						}
						.categories LI.category UL LI.final-winner .player-block DD.votes DIV {
							padding: 12px 0;
							}
						.categories LI.category UL LI.final-winner .player-block DD.votes .percents {
							font-size: 11px;
							}
		/* Final Amplua Winners */
		.categories LI.category .final-amplua-winners .season-leaders {
			padding-top: 30px;
			}
			.categories LI.category .final-amplua-winners LI.wide .player-block {
				cursor: default;
				}
		/* Final Media Winner */
		.categories LI.category .final-media-winner LI.wide {
			float: right;
			}
			.categories LI.category .final-media-winner LI.wide .player-block {
				cursor: default;
				}
		.categories LI.category .final-media-winner LI.desc {
			width: 75%;
			padding: 25px 0 0;
			text-align: left;
			font-size: 1em;
			color: #fff;
			}
			.categories LI.category .final-media-winner LI.desc P {
				padding-right: 20px;
				}

/* Voting Variants Wrapper
-------------------------------------- */
.voting-variants {
	margin-left: 300px;
	}
	.tour {
		padding-bottom: 1.8em;
		}

/* User Voting Results
-------------------------------------- */
.user-results {
	margin-bottom: 100px;
	}
	.user-results LI {
		position: relative;
		height: 160px;
		border-bottom: 1px solid #77c513;
		}
		.user-results LI .col,
		.user-results LI DL {
			width: 80px;
			margin: 0 auto;
			}
		.user-results LI .col {
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -40px;
			}
			.user-results LI .col .head {
				height: 25px;
				background: url(../img/column-header.gif) no-repeat 0 100%;
				}
			.user-results LI .col .sizer {
				background: #77c513;
				}
				.user-results LI .col .sizer SPAN {
					position: absolute;
					display: block;
					width: 100%;
					left: 0;
					bottom: 0;
					padding-bottom: 8px;
					font-size: 1.5em;
					line-height: 1;
					}
					.user-results LI .col .sizer SPAN SMALL {
						display: block;
						font-size: 0.6111em;
						}
			.user-results LI SPAN.votes {
				display: block;
				position: absolute;
				top: 100%;
				left: 0;
				width: 100%;
				padding-top: 4px;
				color: #77c513;
				font-size: 1.5em;
				line-height: 1;
				}
				.user-results LI SPAN.votes SMALL {
					display: block;
					font-size: 0.6111em;
					}
				/* First Place */
				.user-results LI.first-place .col .head {
					color: #ffea01;
					}
				/* Zero Votes */
				.user-results LI.zero-votes .col .head {
					height: 20px;
					background: none;
					}
				.user-results LI.zero-votes .col .sizer {
					height: 0 !important;
					padding: 0;
					background: none;
					color: #77c513;
					}
		/* Player Name */
		.user-results LI DL {
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			padding-top: 3em;
			}
			.user-results LI DL DT {
				padding: 0 10px;
				}
			.user-results LI DL DD {
				padding: 0 10px;
				font-size: 0.8333em;
				color: #b2b2b2;
				}

/* Player Block in Voting
-------------------------------------- */
.player-block {
	position: relative;
	height: 236px;
	min-width: 100px;
	margin: 0 6%;
	padding: 0 6px;
	background: url(../img/player-l.png) no-repeat;
	}
	.player-block .bg-r {
		position: absolute;
		top: 0;
		right: 0;
		width: 6px;
		height: 214px;
		background: url(../img/player-r.png) no-repeat;
		}
	.player-block DL {
		position: relative;
		height: 212px;
		border-top: 1px solid #518d57;
		border-bottom: 1px solid #518d57;
		background: #065b0e;
		}
		.player-block DL DT {
			padding: 20px 10px 10px;
			}
			.player-block DL DT IMG {
				display: block;
				width: 80px;
				height: 80px;
				margin: 0 auto;
				}
		.player-block DL DD {
			padding: 0;
			}
			.player-block DL DD SPAN {
				display: block;
				font-size: 12px;
				}
				.player-block DL DD SPAN SMALL {
					display: block;
					padding-top: 4px;
					font-size: 10px;
					color: #b2b2b2;
					}
			/* Vote Radio Selector */
			.player-block .selector {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 0 0 10px;
				}
				.player-block .selector INPUT {
					margin: 0;
					}
			/* Vote Results */
			.player-block .votes {
				position: absolute;
				bottom: -22px;
				left: 50%;
				margin-left: -40px;
				padding: 0;
				width: 80px;
				height: auto;
				background: #518d57 url(../img/tour-votes-top.gif) no-repeat;
				color: #fff;
				}
				.player-block .votes DIV {
					padding: 6px 0;
					background: url(../img/tour-votes-bottom.gif) no-repeat 0 100%;
					font-size: 18px;
					line-height: 1.1;
					}
					.player-block .votes SMALL {
						display: block;
						font-size: 11px;
						}
					.player-block .votes .percents {
						display: block;
						padding-top: 4px;
						font-size: 11px;
						color: #ccc;
						}

/* Winner & Selected Block
-------------------------------------- */
.tour .selected,
.tour .winner {
	background: url(../img/player-l-sel.png) no-repeat;
	}
	.tour .selected .bg-r,
	.tour .winner .bg-r {
		background: url(../img/player-r-sel.png) no-repeat;
		}
	.tour .star {
		display: none;
		}
	.tour .selected DL,
	.tour .winner DL {
		border-top: 1px solid #ffea01;
		border-bottom: 1px solid #ffea01;
		background: #04400a;
		}

/* Tour Winner */
.winner .star {
	position: absolute;
	display: block;
	z-index: 100;
	top: -13px;
	left: 50%;
	margin-left: -12px;
	width: 24px;
	height: 22px;
	background: url(../img/star.png) no-repeat;
	}
.winner .votes {
	background: url(../img/tour-votes-top-sel.gif) no-repeat;
	color: #04400a;
	}
	.winner .votes DIV {
		background: url(../img/tour-votes-bottom-sel.gif) no-repeat 0 100%;
		}
		.winner .votes .percents {
			color: #fff;
			}

/* Submit Wrapper
-------------------------------------- */
.submit {
	margin: 0 37px 0 315px;
	text-align: center;
	}
	.submit .login-error P	{
		display: inline-block;
		padding: 20px 30px;
		margin-bottom: 10px;
		border: 1px solid #AED30A;
		border-radius: 5px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		}
.text-block {
	padding: 20px 20px 0 300px;
	}
	.text-block P {
		margin-bottom: 10px;
		width: 680px;
		}
	.text-block A {
		border-bottom: 0;
		text-decoration: underline;
		}

/* Footer
-------------------------------------- */
#footer {
	padding: 105px 20px 55px 0;
	color: #e5e5e5;
	font-size: 0.9166em;
	}
	#footer:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
	#footer .copyright {
		float: left;
		padding-left: 20px;
		}
	#footer .copyright-icon {
		display: block;
		float: left;
		width: 260px;
		text-align: right;
		font-size: 1.3636em;
		}
	#footer .counters {
		float: right;
		padding-right: 1%;
		text-align: right;
		}
		#footer .counters A {
			border-bottom: 0;
			}

/* Popup Windows
-------------------------------------- */
.popup {
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 13%;
	margin-left: -431px;
	width: 862px;
	}
	/* Popup Header */
	.popup .popup-header {
		padding: 15px 30px 25px 90px;
		}
		.popup .popup-header .close {
			float: right;
			padding-right: 16px;
			background: url(../img/close.gif) no-repeat 100% 65%;
			font-size: 0.9166em;
			line-height: 1;
			border-bottom: 0;
			}
		.popup .popup-header H3 {
			padding-bottom: 12px;
			font-size: 1.667em;
			font-weight: normal;
			}
			.popup .popup-header H3 STRONG {
				font-weight: normal;
				}
	.popup .popup-top {
		height: 6px;
		overflow: hidden;
		}
		.best-in-tour .popup-top {
			background: url(../img/popup-bt-top.png) no-repeat;
			}
		.current-leader .popup-top {
			background: url(../img/popup-cl-top.png) no-repeat;
			}
	.popup .popup-bottom {
		height: 6px;
		background: url(../img/popup-bottom.png) no-repeat;
		}
	
	.popup .popup-body {
		background: #075b0e;
		border-left: 1px solid #3c9b0c;
		border-right: 1px solid #3c9b0c;
		}
		.best-in-tour .popup-body {
			background: #075b0e url(../img/popup-bt-bg.jpg) no-repeat;
			}
		.current-leader .popup-body {
			background: #075b0e url(../img/popup-cl-bg.jpg) no-repeat;
			}

/* Current Leader Popup Table */
.current-leader .table {
	margin: 0 20px;
	padding: 5px 0;
	border-top: 5px solid #518d57;
	border-bottom: 5px solid #518d57;
	}
.current-leader TABLE {
	float: right;
	width: 390px;
	}
	.current-leader TABLE.first {
		float: left;
		}
	.current-leader TABLE TH {
		font-size: 0.9166em;
		font-weight: normal;
		text-align: right;
		}
	.current-leader TABLE TD {
		padding: 7px 0;
		border-bottom: 1px solid #518d57;
		}
		.current-leader TABLE TR.last TD {
			border-bottom: 0;
			}
		.current-leader TABLE TD SMALL {
			font-size: 0.9166em;
			color: #72bc6c;
			}
		.current-leader TABLE .number {
			width: 2.5em;
			}
			.current-leader TABLE .number SPAN {
				display: block;
				float: left;
				padding: 1px 6px;
				background: #04450b;
				font-size: 0.9166em;
				}
		.current-leader TABLE .points {
			text-align: right;
			}

/* Popup Tour Winners */
.best-in-tour .categories {
	margin: 0;
	padding: 0;
	}
	.best-in-tour .categories LI {
		float: left;
		}
		.best-in-tour .categories LI.category {
			width: 80%;
			padding-top: 13px;
			}
	.best-in-tour .categories .voting-variants {
		margin: 0;
		}
		.best-in-tour .categories .voting-variants LI {
			width: 137px;
			}
		.best-in-tour .categories .player-block DL {
			background: #065b0e;
			}
		.best-in-tour .categories .winner DL {
			background: #04400a;
			}
	
/* Go Back & Go Forward Links */
.popup-body LI.go-back,
.popup-body LI.go-forward {
	float: left;
	width: 10%;
	height: 102px;
	padding-top: 110px;
	font-size: 0.9166em;
	text-align: center;
	}
	.popup-body LI.go-back A,
	.popup-body LI.go-forward A {
		padding-top: 25px;
		color: #fff;
		border-bottom: 0;
		}
		.popup-body LI.go-back A:hover,
		.popup-body LI.go-forward A:hover {
			color: #ffea01;
			}
		.popup-body LI.go-back A {
			background: url(../img/go-back-act.gif) no-repeat 50% 0;
			}
			.popup-body LI.go-back A.inactive {
				background: url(../img/go-back-inact.gif) no-repeat 50% 0;
				color: #518d57;
				}
		.popup-body LI.go-forward A {
			background: url(../img/go-forward-act.gif) no-repeat 50% 0;
			}
			.popup-body LI.go-forward A.inactive {
				background: url(../img/go-forward-inact.gif) no-repeat 50% 0;
				color: #518d57;
				}
		.popup-body LI A.inactive:hover {
			color: #518d57;
			}
/* Popup Paging */
.popup-body .paging {
	margin: 15px 94px 0;
	padding-bottom: 30px;
	font-size: 0.9166em;
	}
	.popup-body .paging LI {
		float: left;
		margin: 0 7px 7px 7px;
		color: #518d57;
		}
		.popup-body .paging LI.desc {
			margin: 0 5px 0 0;
			padding: 0;
			color: #fff;
			}
		.popup-body .paging LI.cur {
			margin-bottom: 5px;
			padding: 0 3px 2px 2px;
			background: #fff;
			color: #1a1a1a;
			}
			.popup-body .paging LI.cur A {
				color: #04400A;
				}
		.popup-body .paging LI A {
			border-bottom: 0;
			text-decoration: underline;
			}
/* Current Leader Paging */
.current-leader .paging {
	position: relative;
	margin: 25px 20px 0;
	padding-bottom: 40px;
	}
	.current-leader .paging LI.pages {
		position: relative;
		left: 50%;
		margin: 0;
		}
		.current-leader .paging LI.pages UL {
			position: relative;
			left: -50%;
			}
			.current-leader .paging LI.pages UL LI {
				margin: 0 6px 0 0;
				padding-left: 11px;
				background: url(../img/dot.gif) no-repeat 0 50%;
				}
				.current-leader .paging LI.pages UL LI.first {
					padding-left: 0;
					margin-left: 0;
					background: none;
					}
				.current-leader .paging LI.pages UL LI.cur A {
					padding: 0 3px;
					background: #fff;
					text-decoration: none;
					color: #1a1a1a;
					cursor: default;
					}
		.current-leader .paging LI.go-back,
		.current-leader .paging LI.go-forward {
			position: absolute;
			top: 0;
			margin: 0;
			padding: 27px 0 0;
			width: 50px;
			height: auto;
			font-size: 1em;
			}
			.current-leader .paging LI.go-back {
				left: 0;
				}
			.current-leader .paging LI.go-forward {
				right: 0;
				}

/* Share results block */
.share-results {
	padding: 20px 0 20px 30px;
	}
	.share-results .header {
		margin-bottom: 40px;
		}
		.share-results .title {
			margin-bottom: 4px;
			font-size: 2em;
			}

/* Choosing of social network to share voting results */
.share-networks {
	margin-left: -47px;
	overflow: hidden;
	}
	.share-networks .item {
		float: left;
		margin-left: 47px;
		}
		.share-networks .link {
			border: none;
			}

.close-window {
	padding: 50px 0 0 250px;
	}
	.close-window .link {
		border: none;
		text-decoration: underline;
		color: #FFF;
		}

/* Popup Fader */
.fader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.8;
	z-index: 500;
	display: block;
}

#recaptcha_widget_div {
	padding: 10px 0;
	text-align: center;
	}
	#recaptcha_area {
		margin: 0 auto;
		}


/* Clearfix */
.cfx:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}