/***************************************************************
 *  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;}
table.trackbar img{border:0;}

/* Styles */
table.trackbar {width:250px; margin: 10px 0px; background: url(/images/imgtrackbar/track-on.png) repeat-x 0px 0px;}
#yellow-bl table.trackbar {width:250px; margin: 10px 0px; background: url(/images/imgtrackbar/track-on1.png) repeat-x top left;}
#gray-bl table.trackbar {width:250px; margin: 10px 30px; background: url(/images/imgtrackbar/track1_03.png) repeat-x top left;}
table.trackbar .l {width:1%; text-align: right; font-size: 1px; background:repeat-x url(/images/imgtrackbar/track-off2.png) 1px 0px;}
#yellow-bl table.trackbar .l {width:1%; text-align: right; font-size: 1px; background:repeat-x url(/images/imgtrackbar/track-off1.png) top left;}
#gray-bl table.trackbar .l {width:1%; text-align: right; font-size: 1px; background:repeat-x url(/images/imgtrackbar/track2_03.png) top left;}
#yellow-bl table.trackbar .l {width:1%; text-align: right; font-size: 1px; background:repeat-x url(/images/imgtrackbar/track-off1.png) 1px 0px;}
table.trackbar .l div {position:relative; width:0; text-align: right; z-index:500; white-space:nowrap;margin-top:-5px;}
table.trackbar .l div img {cursor:pointer; margin-top: -20px; margin-left: -11px;  padding: 5px 0 0;}


#rightBegun_one,
#rightBegun_three
{
	margin-left: -6px; margin-top: 0;
}

#rightBegun_two {
	margin-left: -5px;
}

table.trackbar .l div span {position:absolute;top: -35px;
right: -29px;
z-index: 1000;
font: 12px tahoma;
color: #000;
width: 45px;
text-align: left;}

table.trackbar .l div span.limit {text-align:left; position:absolute;top:-12px; right:100%; z-index:100; font:11px tahoma; color:#D0D0D0;display:none}
table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px; background:repeat-x url(/images/imgtrackbar/track-off2.png) top right; cursor:default;}
#yellow-bl table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px; background:repeat-x url(/images/imgtrackbar/track-off1.png) top right; cursor:default;}
#gray-bl table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px; background:repeat-x url(/images/imgtrackbar/track3_03.png) top right; 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: 16px;
left: -40px;
z-index: 1000;
font: 12px tahoma;
color: #000;
width: 56px;
text-align: right;}
table.trackbar .r div span.limit {position:absolute;top:-12px; left:100%; z-index:100; font:11px tahoma; color:#D0D0D0;display:none}
table.trackbar .c {font-size:1px; width:100%;}