/***************************************************************
 *  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; border-radius:10px;}
table.trackbar img{border:0;}

/* Styles */
table.trackbar {width:250px; background:repeat url(../img/imgtrackbar/slider_bg.png) top left;}
table.trackbar .l {width:1%; text-align: right; font-size: 1px; background:repeat url(../img/imgtrackbar/b_bg_off.gif) top left; border-top-left-radius:10px; border-bottom-left-radius:10px;}
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; font:11px tahoma; color:#000;}
table.trackbar .l div span.limit {text-align:left; position:absolute;top:-12px; right:100%; z-index:100; font:11px tahoma; color:#D0D0D0;}
table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px; background:repeat url(../img/imgtrackbar/b_bg_off.gif) top right; cursor:default; border-top-right-radius:10px; border-bottom-right-radius:10px;}
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; font:11px tahoma; color:#000;}
table.trackbar .r div span.limit {position:absolute;top:-12px; left:100%; z-index:100; font:11px tahoma; color:#D0D0D0;}
table.trackbar .c {font-size:1px; width:100%;}
table.trackbar a{
    background: none repeat scroll 0 0 #0E679E;
    border: 4px solid #505050;
    border-radius: 11px;
    display: block;
    height: 10px;
    position: relative;
    width: 10px;
}
table.trackbar a:hover,table.trackbar a:focus{
	border: 4px solid #0088CC;
}