/* Reset */
table.trackbar div, table.trackbar td {margin:0; padding:0;}
table.trackbar {border-collapse:collapse;border-spacing:0;}
table.trackbar img{border:0;}

/* Styles */
table.trackbar {position:relative; width:211px; margin: 10px 0px; z-index: 25;  
  background:transparent no-repeat url(../images/split_body.gif) left 6px; background-size: 211px 9px;
}

table.trackbar .l {
text-align: right; z-index: 50;  font-size: 1px; 
/*border:1px #000000 solid;*/
/*  background:transparent repeat-x url(./imgtrackbar/b_bg_off.gif) top left; background-size: 100px 50px;*/
}
table.trackbar .l div {position:relative; text-align: right; z-index:500; white-space:nowrap; 
/*border:1px #000000 solid;*/
}
table.trackbar .l div img {cursor:pointer;}
table.trackbar .l div span {position:absolute;top:-20px; right:6px; z-index:1000; font:13px tahoma; color:#000;}
table.trackbar .l div span.limit {text-align:left; position:absolute;top:0px; right:100%; z-index:100; font:11px tahoma; color:#D0D0D0; margin-right: 12px;}
table.trackbar .r {position:relative; text-align: left; font-size: 1px;z-index: 50; 
/* background:transparent repeat-x url(./imgtrackbar/b_bg_off.gif) top right;*/ cursor:default;
 }
table.trackbar .r div {position:relative; text-align: left; z-index:500; white-space:nowrap;}
table.trackbar .r div img {cursor:pointer;}
table.trackbar .r div span {position:absolute;top:-20px; left:6px; z-index:1000; font:13px tahoma; color:#000;}
table.trackbar .r div span.limit {position:absolute;top:0px; left:100%; z-index:100; font:11px tahoma; color:#D0D0D0; margin-left: 12px;}
table.trackbar .c {font-size:1px; width:100%;z-index: 100; 
/*
background:repeat-x url(./imgtrackbar/b_bg_on.gif) top left;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
*/}

/* Scale styles */

div#scale {position:relative; width:211px; z-index:10; margin: -29px 0px; }
div#scale div{position:relative;margin-left: 0px;}

div#scale div#t{
  /*background:transparent repeat-x url(./imgtrackbar/tick_s.gif) top left;*/ 
width: 1px; float: left; }

div#scale div#b{
	background:transparent repeat-x url(./imgtrackbar/blank.gif) top left; float: left; 
}
div#scale div#tl{ 
	width: 1px; 
	float: left;
	/*background:transparent repeat-x url(./imgtrackbar/tick_l.gif) top left; */
}
div#scale div#bt{ width: 1px; font:10px tahoma; color:#C0C0C0; float: left; }
div#scale div#ticktext{ position:absolute; width: 100%; text-align: left; margin-top: 15px; margin-left: -14px; }