/*
	wplivedata CSS 0.3
	by Freshter (http://www.freshter.com)

*/
/*
TODO:
change liveData into wplivedata
*/
/*Live Stats*/
@charset "UTF-8";
	#wplivedata {top: 0;left: 0;width: 100%;height: 100%;height: auto !important;min-height: 100%;z-index:1;overflow:hidden;position:fixed}
		#wplivedata div.livedata {display:block;margin:0 auto;height:100%;overflow:hidden;position:relative;}
		/*#wplivedata #controls {margin: 0 auto;position:absolute;width:100%;height:100%;top:0px}*/
			#wplivedata #controls .leftfilters{position:absolute;top:0;left:70px;padding:10px;z-index:9998}
			#wplivedata #controls .rightfilters{position:absolute;top:0;right:100px;padding:10px;z-index:9998}
				#wplivedata #controls .filters ul {}
					#wplivedata #controls .filters ul li {float:left;position:relative;margin-right:20px;width:200px;}
						#wplivedata #controls .filters ul li label {display:block;margin-bottom:5px;font-size:1.2em}
						#wplivedata #controls .filters ul li a.filter_parent {cursor:pointer;clear:both;float:none;padding:5px 10px 5px 10px;display:block;background:url("../images/custominfo-bg.jpg") repeat}
						#wplivedata #controls .filters ul li a.filter_parent:hover {text-decoration:none}
							#wplivedata #controls .filters ul li a.filter_parent span {font-size:1.2em;background:url("../images/liveData-arrows.png") no-repeat 2px -41px;padding-left:20px}
							#wplivedata #controls .filters ul li a.filter_parent span.open {background:url("../images/liveData-arrows.png") no-repeat 0px 4px;}
						#wplivedata #controls .filters ul li ul.filter {background:url("../images/custominfo-bg.jpg") repeat;display:none}
							#wplivedata #controls .filters ul li ul.filter li {float:none;margin-bottom:5px}
							#wplivedata #controls .filters ul li ul.filter li label {display:inline}
			#wplivedata #controls .timeline {position:absolute;bottom:0;left:0;width:100%;}
				#wplivedata #controls .timeline ul {width:100%;border-bottom:1px solid #000;overflow:hidden;margin-bottom:5px;}
					#wplivedata #controls .timeline ul li {display:block;border-left:1px solid #000;float:right;padding:5px;}
					#wplivedata #controls .timeline ul li.current {font-weight:bold;}
		#wplivedata div.loadingstats {width:100%;height:100%;display:block;width:800px;margin:0 auto;}
			#wplivedata div.loadingstats div.loading{font-size:1.6em;color:#000;padding-top:220px;float:none;clear:both;text-align:center;background:none;margin:0;padding:0;margin-top:50px;}
		
		#wplivedata a.circle {position:absolute;text-indent:none;-moz-opacity:0.4;-webkit-opacity:0.4;opacity:0.4;-khtml-border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius:30px;border-radius:30px;}
		#wplivedata a.circle:hover {-moz-opacity:1;-webkit-opacity:1;opacity:1}

		a.wplivedata_button {
			position:absolute;
			top:0;
			text-decoration:none;
			cursor:pointer;
			background: none repeat scroll 0 0 #000000;
			color: #FFFFFF;
			display: block;
			margin-top: 12px;
			padding: 5px 10px;
			text-align: left;
			text-shadow: none;
			z-index:9999;
		}
		a.wplivedata_button:hover {
			background:#fff;
			color:#000;
			text-decoration:none;
		}
		
		a.wplivedata_button_close {
			width: 20px;
			right:0;
		}
		a.wplivedata_button_close:hover {
		}

		a.wplivedata_button_hide {width:40px;padding-left:20px;}
		a.wplivedata_button_hide:hover {padding-left:10px;padding-right:20px;}

		a.wplivedata_button_legend {
			width: 40px;
			right:55px;
			display:none;
		}
		a.wplivedata_button_legend:hover {}

/*Stats*/
	div.custominfo div.meta {font-family:Arial, Helvetica, sans-serif;position:relative}
		div.custominfo div.meta ul {}
			div.custominfo div.meta ul li {clear:both;margin-bottom:10px}
			div.custominfo div.meta span {font-size:1.8em}
			div.custominfo div.meta span.populariteit {font-size:1.0em;border-bottom:2px solid #626263;float:left;margin-top:1px}
			div.custominfo div.meta hr {background:#9d9d9c;height:1px;display:block;border:0px;width:224px;margin:0px 0px 8px 0px;float:left}
	
	span.procent10,
			span.procent20,
			span.procent30,
			span.procent40,
			span.procent50,
			span.procent60,
			span.procent70,
			span.procent80,
			span.procent90, 
			span.procent100 {display:block;margin:0px}
			
	span.procent10 {width:10%}
		span.procent20 {width:20%}
		span.procent30 {width:30%}
		span.procent40 {width:40%}
		span.procent50 {width:50%}
		span.procent60 {width:60%}
		span.procent70 {width:70%}
		span.procent80 {width:80%}
		span.procent90 {width:90%}
		span.procent100 {width:100%}