/***************************************************************
 *  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.
 ***************************************************************/

 /***************************************************************
 *
 *	Code modifications by Mongoose - http://mongi.habrahabr.ru/ 	
 *	
 ***************************************************************/

#year-trackbar{ position: relative; border: 1px solid transparent; }
* html #year-trackbar{ border: none; float: left; }

/* 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:250px; margin: 10px 0px; z-index: 25; background: url('../img/trackbar/b_bg_off.gif') no-repeat 20px 0;}
table.trackbar .l {width:1%; text-align: right; z-index: 50; font-size: 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; position: relative; left: 11px;}
table.trackbar .l div span {position:absolute;top:-16px; right:1px; z-index:1000; font:11px tahoma; color:#2e6a9f;}
table.trackbar .l div span.limit {text-align:left; position:absolute;top:20px; right:100%; z-index:100; font:11px tahoma; color:#5e5e5e; margin-right: -15px;}
table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px;z-index: 50; 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; position: relative; left: -10px;}
table.trackbar .r div span {position:absolute;top:-16px; left:1px; z-index:1000; font:11px tahoma; color:#61b01f;}
table.trackbar .r div span.limit {position:absolute;top:20px; left:100%; z-index:100; font:11px tahoma; color:#5e5e5e; margin-left: -15px;}
table.trackbar .c {font-size:1px; width:100%;z-index: 100; background:repeat-x url('../img/trackbar/b_bg_on.gif') top left;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

/* Scale styles */
div#scale {position:absolute; top: 18px; left: 0; width:100%; z-index:10;}
div#scale div{position:relative;margin-left: 0px;}
div#scale div#t{background:transparent repeat-x url('../img/trackbar/tick_s.gif') top left; width: 1px; height: 5px; font-size: 5px; float: left;}
div#scale div#b{background:transparent repeat-x url('../img/trackbar/blank.gif') top left; float: left;}
div#scale div#tl{background:transparent repeat-x url('../img/trackbar/tick_s.gif') top left; float: left; width: 2px; height: 5px; font-size: 5px; margin-left: -1px;}
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; }