/***************************************************************
 *  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 30px; }
table.trackbar .l {width:1%; text-align: right; font-size: 1px;border-bottom: 3px solid #ededed}
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  div img {position: relative; bottom: -3px}
table.trackbar .l div span {position:absolute;top:-12px; right:6px; z-index:1000; font-size:10px; border: 1px solid #b0b0b0; color: #535353; padding: 0 2px}
table.trackbar .l div span.limit {text-align:left; position:absolute;bottom: -17px; top:auto; right:100%; z-index:100; font-size:10px; color:#c1c0c0; border: 0; padding: 0; display: none}
table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px;cursor:default; border-bottom: 3px solid #ededed}
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-size:10px;border: 1px solid #b0b0b0; color: #535353; padding: 0 2px}
table.trackbar .r div span.limit {position:absolute;top:auto; bottom: -17px; left:94%; z-index:100; font-size: 10px; color:#c1c0c0; border: 0; padding: 0; display: none}
table.trackbar .c {font-size:1px; width:100%; border-bottom: 3px solid #85cbe7}