* { margin: 0; behavior: url(pngfix/iepngfix.htc); }
html { height: 100%; background: url(../img/bg/html.gif); }

body {
	height: 100%;
	background: url(../img/bg/body.gif) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	}

h1 { font: italic 22px Arial Black, Arial, Helvetica, sans-serif; color: #8aa800; }
h2 { width: 240px; height: 25px; background: url(../img/bg/h2-right.gif); border-bottom: 1px solid #fff; text-indent: -9999px; overflow: hidden; }
h3 { font-size: 15px; color: #c2ec00; margin: 0 0 5px; }
p a, ul li a, ol li a, span a { color: #c2ec00; text-decoration: none; }
p a:hover, ul li a:hover, ol li a:hover, span a:hover { border-bottom: 1px dotted #fff; }
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; }

#container {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -61px;
	}

#header {
	width: 1000px;
	height: 248px;
	background: url(../img/bg/header.png);
	overflow: hidden;
	}
	#header a { width: 261px; height: 64px; margin: 58px 0 0 23px; float: left; text-indent: -9999px; }

#content {
	width: 1000px;
	background: url(../img/bg/content-top.png) no-repeat;
	line-height: 18px;
	overflow: hidden;
	position: relative;
	}
	#content .tracks { width: 458px; height: 41px; background: url(../img/bg/content-tracks.png); position: absolute; right: 260px; top: 60px; }

#left {
	width: 740px;
	padding: 0 20px 30px 0;
	float: left;
	overflow: hidden;
	}	
	#left .bottom { width: 740px; height: 10px; background: url(../img/bg/content-bottom.png); overflow: hidden; clear: both; }
	
	#mainmenu {
		width: 740px;
		height: 60px;
		text-align: center;
		}
		#mainmenu ul { padding: 0 0 0 74px; list-style: none; }
		#mainmenu ul li { margin: 0 5px 0 0; float: left; }
		#mainmenu ul li a { height: 40px; float: left; background: url(../img/bg/mainmenu.jpg); text-indent: -9999px; }
		#mainmenu ul li a:hover { border: 0; }
		#mainmenu .hom a { width: 85px; }
		#mainmenu .hom a:hover { background-position: 0 -40px; }
		#mainmenu .reg a { width: 113px; background-position: -85px 0; }
		#mainmenu .reg a:hover { background-position: -85px -40px; }
		#mainmenu .inf a { width: 119px; background-position: -198px 0; }
		#mainmenu .inf a:hover { background-position: -198px -40px; }
		#mainmenu .scr a { width: 147px; background-position: -317px 0; }
		#mainmenu .scr a:hover { background-position: -317px -40px; }
		#mainmenu .cnt a { width: 109px; background-position: -464px 0; }
		#mainmenu .cnt a:hover { background-position: -464px -40px; }
	
	#page {
		width: 700px;
		padding: 0 20px;
		margin: 20px 0 0;
		background: url(../img/bg/content-page.gif);
		overflow: hidden;
		}
		#page img { padding: 1px; background: #fff; border: 1px solid #a9cd00; }
		#page .header { width: 700px; height: 32px; margin: 0 0 20px; background: url(../img/bg/h1.gif) no-repeat bottom right; border-bottom: 1px solid #ccc; }
		#page .report { width: 670px; height: 28px; padding: 8px 15px 0; margin: 0 0 20px; background: url(../img/bg/report.gif); font-size: 10px; text-transform: uppercase; text-align: center; overflow: hidden; }		
		#page a.vip { width: 450px; height: 128px; margin: 0 0 0 125px; display: block; background: url(../img/bg/vip.jpg); text-indent: -9999px; }
		
		#page .greenitem { width: 660px; padding: 0 20px; margin: 0 0 20px; background: url(../img/bg/greenitem-content.gif); color: #000; }
		#page .greenitem .stats { width: 197px; float: left; }
			#page .greenitem .stats .type { width: 72px; padding: 0 0 6px; margin: 0 0 7px; border-bottom: 1px solid #a9cd00; float: left; }
			#page .greenitem .stats .value { width: 125px; padding: 0 0 6px; margin: 0 0 7px; border-bottom: 1px solid #a9cd00; font-weight: bold; float: left; }
		#page .greenitem .progress { width: 219px; margin: 0 20px; float: left; }
			#page .greenitem .progress .motor, #page .greenitem .progress .banden, #page .greenitem .progress .schakelbak { width: 219px; }
			#page .greenitem .progress .motor .type { padding: 3px 0 8px 30px; background: url(../img/icons/motor.png) no-repeat left; float: left; }
			#page .greenitem .progress .banden .type { padding: 3px 0 8px 30px; background: url(../img/icons/banden.png) no-repeat ; float: left; }
			#page .greenitem .progress .schakelbak .type { padding: 3px 0 8px 30px; background: url(../img/icons/schakelbak.png) no-repeat left; float: left; }
			#page .greenitem .progress .value { padding: 3px 0 8px; color: #d30000; font-size: 10px; text-transform: uppercase; float: right; }
		#page .greenitem .img { width: 204px; float: left; }
		#page .greenitem .top { width: 700px; height: 10px; margin: 0 -20px 10px; background: url(../img/bg/greenitem-corners.gif); overflow: hidden; }
		#page .greenitem .bottom { width: 700px; height: 10px; margin: 0 -20px; background: url(../img/bg/greenitem-corners.gif) 0 10px; overflow: hidden; clear: both; }
		
		#page .splitcontent { width: 700px; margin: 0 0 16px; overflow: hidden; }
		#page .splitcontent .left { width: 340px; margin: 0 20px 0 0; float: left; }
		#page .splitcontent .right { width: 340px; float: left; }		
		#page .splitcontent .type { width: 75px; height: 28px; padding: 8px 15px 0; margin: 0 0 4px; background: url(../img/bg/page-type.gif); float: left; }
		#page .splitcontent .value { width: 220px; height: 28px; padding: 8px 0 0 15px; margin: 0 0 4px; background: url(../img/bg/page-value.gif); font-weight: bold; float: left; }
		
		#page .linkbar { width: 670px; height: 28px; padding: 8px 15px 0; margin: 0 0 4px; background: url(../img/bg/page-linkbar.gif); overflow: hidden; }
		#page .linkbar .type { width: 345px; float: left; }
		#page .linkbar .value { width: 325px; float: left; }
		#page .linkbarspan { padding: 0 0 16px; overflow: hidden; }
		
		#page .textfield { width: 660px; padding: 0 20px; margin: 0 0 20px; background: url(../img/bg/textfield-content.gif); text-align: justify; overflow: hidden; }
		#page .textfield p, #page .textfield ul, #page .textfield ol { margin: 0 0 20px; }
		#page .textfield .top { width: 700px; height: 10px; margin: 0 -20px 10px; background: url(../img/bg/textfield-corners.gif); overflow: hidden; }
		#page .textfield .bottom { width: 700px; height: 10px; margin: 0 -20px; background: url(../img/bg/textfield-corners.gif) 0 10px; overflow: hidden; clear: both; }

#right {
	width: 240px;
	padding: 106px 0 30px;
	font-size: 10px;
	text-transform: uppercase;
	float: left;
	}
	#right h2.min { background-position: 0 0; }
	#right h2.adm { background-position: 0 -25px; }
	#right h2.crd { background-position: 0 -50px; }
	#right h2.tcl { background-position: 0 -75px; }
	#right h2.flm { background-position: 0 -100px; }
	#right h2.act { background-position: 0 -125px; }
	
	#right ul { padding: 0 0 20px; list-style: none; }
	#right ul li a { width: 215px; height: 19px; padding: 3px 0 3px 25px; display: block; background: url(../img/icons/bullet-menu.png) no-repeat; border-bottom: 1px solid #222; color: #fff; text-decoration: none; }
	#right ul li a span { color: #c2ec00; }
	#right ul li a:hover { background-position: 0 -26px; background-color: #000; border-bottom: 1px solid #444; color: #c2ec00; }

#footer {
	width: 100%;
	height: 40px;
	padding: 20px 0 0;
	background: #000;
	border-top: 1px solid #222;
	font-size: 10px;
	line-height: 17px;
	text-transform: uppercase;
	}
	#footer .content { width: 700px; padding: 0 260px 0 0; margin: 0 auto; text-align: center; position: relative; }
	#footer .content .flag { width: 727px; height: 73px; background: url(../img/bg/footer-flag.png); position: absolute; top: -69px; left: 7px; }
	#footer .content .gauges { width: 208px; height: 61px; background: url(../img/bg/footer-gauges.png); position: absolute; top: -52px; right: -4px; }

.push { height: 61px; }

.progress_0_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-0-13.png); clear: both; overflow: hidden; }
.progress_1_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-1-13.png); clear: both; overflow: hidden; }
.progress_2_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-2-13.png); clear: both; overflow: hidden; }
.progress_3_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-3-13.png); clear: both; overflow: hidden; }
.progress_4_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-4-13.png); clear: both; overflow: hidden; }
.progress_5_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-5-13.png); clear: both; overflow: hidden; }
.progress_6_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-6-13.png); clear: both; overflow: hidden; }
.progress_7_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-7-13.png); clear: both; overflow: hidden; }
.progress_8_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-8-13.png); clear: both; overflow: hidden; }
.progress_9_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-9-13.png); clear: both; overflow: hidden; }
.progress_10_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-10-13.png); clear: both; overflow: hidden; }
.progress_11_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-11-13.png); clear: both; overflow: hidden; }
.progress_12_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-12-13.png); clear: both; overflow: hidden; }
.progress_13_13 { width: 219px; height: 8px; margin: 0 0 20px; background: url(../img/icons/progress-13-13.png); clear: both; overflow: hidden; }

.progress_0_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-0-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_1_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-1-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_2_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-2-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_3_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-3-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_4_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-4-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_5_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-5-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_6_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-6-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_7_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-7-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_8_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-8-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_9_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-9-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }
.progress_10_10 { width: 168px; height: 19px; margin: 0 0 20px; padding: 0 35px 0 0; background: url(../img/icons/progress-10-10.png) no-repeat right; clear: both; float: left; overflow: hidden; }