/***************************************************************
 *  FC-TrackBar
 *
 *   Copyright (C) 2008 by Alexander Burtsev - fastcoder.org
 *   designed by Svetlana Solov'eva - http://avis-solo.blogspot.com/
 *
 *  This code is a public domain.
 ***************************************************************/

/* Reset */
#closedSlider
{
	position:fixed; 
	bottom:13px;	
	left:-5px;	
	z-index:1500;	
	height: 52px;
	width: 20px;
}

#trackdiv
{
	width:600px;
	padding: 5px 10px 13px 10px;	
}
#trackdiv, #closedSlider
{	
	background-repeat: repeat-x !important;
	-moz-border-radius: 5px; border-radius: 5px; 
   -webkit-border-radius: 5px; -khtml-border-radius: 5px;   
   text-align:left; 	
	border: solid 1px #FFE000;	
	font-size: 12px;
}
div.tickdiv div.tick {font-size: 10px;}

table.trackbar div, table.trackbar td {margin:0; padding:0; border:0;}
table.trackbar {border-collapse:collapse;border-spacing:0; border: none;}
#trackbar td, table.trackbar img{border:0;}
div.tickdiv {margin:0; padding:0; border:0; float:none;}

/* Styles */
table.trackbar {width:250px; }
table.trackbar .l {width:1%; text-align: right; font-size: 1px;}
table.trackbar .l.sliderDiv {position:relative; width:0; text-align: right; z-index:500; white-space:nowrap;}
table.trackbar .l.sliderDiv div {cursor:pointer;}
table.trackbar .l.sliderDiv span {position:absolute;top:-12px; right:6px; z-index:1000; color:#000;}
table.trackbar .l.sliderDiv span.limit {text-align:left; position:absolute;top:-12px; right:100%; z-index:100; color:#D0D0D0;}
table.trackbar .r {width:1%; text-align: left; font-size: 1px; cursor:default;}
table.trackbar .r.sliderDiv {position:relative; width:0; text-align: left; z-index:500; white-space:nowrap;}
table.trackbar .r.sliderDiv div {cursor:pointer;}
table.trackbar .r.sliderDiv span {position:absolute;top:-12px; left:6px; z-index:1000; color:#000;}
table.trackbar .r.sliderDiv span.limit {position:absolute;top:-12px; left:100%; z-index:100; color:#D0D0D0;}
table.trackbar .c {font-size:1px; width:100%;}

div.tickdiv {position:relative; height:1px; margin:0 0 2px 0;}
div.tickdiv div.tick {position:absolute; z-index:400; top:8px; height:8px; width:1px; background:#666; margin:0; padding:0; color:#FFF;}
div.tickdiv div.tick span {display:block; margin-top:11px; position:absolute; left:-50px; width:100px; text-align:center;}

div.tickdiv div.stick {position:absolute; top:16px; height:6px; width:1px; background:#999; font-size:1px; line-height:1px; margin:0; padding:0;}

#trackbar
{	
	border: none;
	position:fixed; 
	bottom:10px;
	left:0px;
	width:100%;	
	z-index:1;
}

.hideTrack
{
	outline-style:none;
}

.stat 
{
	background: url('https://d1.endata.cx/images/icons/gameStat/stat.png') no-repeat top left;
}

.stat.arrow { background-position: 0 0; width: 9px; height: 8px; margin:22px 0 0 5px; } 
.stat.close { background-position: 5px -35px; width: 14px; height: 14px; padding:0; margin:0; } 
#trackdiv, #closedSlider { background-position: 0 -76px; } 
.stat.trackbar_b_l { background-position: 0 -166px; position: relative; z-index:1000; float: right;} 
.stat.trackbar_b_r { background-position: 0 -213px; position: relative; z-index:1000;} 
.trackbar_b_l,.trackbar_b_r { width: 5px; height: 17px;}
table.trackbar, table.trackbar .l, table.trackbar .r { background-position: 0 -260px; background-repeat:repeat-x !important; }