/***************************************************************/
*  JS-TrackBar
*
* *   Copyright (C) 2008 by Alexander Burtsev - webew.ru
*   and abarmot - http://abarmot.habrahabr.ru/
*   desing: Светлана Соловьева - http://my.mail.ru/bk/concur/
*
*  This code is a public domain.
***************************************************************/

/* Reset */
table.trackbar div, table.trackbar td {margin:0; padding:0;}
table.trackbar {border-collapse:collapse;border-spacing:0;zoom:1;}
table.trackbar img{border:0;position:relative;width:23px;height:23px;margin:0 0 0 -12px;}

/* Styles */
table.trackbar {width:250px; margin: 10px 0 1.5em 5px; background:repeat-x url(/p/imgtrackbar/b_bg_on.gif) 0 -1px;}
table.trackbar .l {width:1%; text-align: right; font-size: 1px; background:repeat-x url(/p/imgtrackbar/b_bg_off.gif) left -1px;}
table.trackbar .l div {position:relative; width:0; text-align: right; z-index:500; white-space:nowrap;}
table.trackbar .l div img {cursor:pointer;}
table.trackbar .l div span {position:absolute;top:-12px; right:6px; z-index:1000;}
table.trackbar .l div span.limit {text-align:left; position:absolute;top:-17px; left:-4px; z-index:100; font:11px tahoma; color:#fff;}
table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px; background:repeat-x url(/p/imgtrackbar/b_bg_off.gif) right -1px; cursor:default;}
table.trackbar .r div {position:relative; width:0; text-align: left; z-index:500; white-space:nowrap;}
table.trackbar .r div img {cursor:pointer;}
table.trackbar .r div span {position:absolute;top:-12px; left:6px; z-index:1000;}
table.trackbar .r div span.limit {position:absolute;top:-17px; left:100%;margin:0 0 0 -50px;width:50px;text-align:right; z-index:100; font:11px tahoma; color:#fff;}
table.trackbar span{display:none;}
table.trackbar span.limit{display:block;color:#fff;}
table.trackbar .c {font-size:1px; width:100%;}

div.tickdiv {position:relative;}
div.tickdiv div.tick {position:absolute; z-index:400; top:-8px;;font-size:11px;}
div.tickdiv div.tick span {display:block; position:absolute;top:0; 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;}