/***************************************************************
 *  FC-TrackBar
 *
 *   Copyright (C) 2008 by Alexander Burtsev - fastcoder.org
 *   designed by Svetlana Solov'eva - http://avis-solo.blogspot.com/
 *
 *  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;}
div.tickdiv {margin:0; padding:0; border:0; float:none;}

/* Styles */
table.trackbar {width:250px; background:repeat-x url(/java/trackbar/imgtrackbar/b_bg_on.gif) top left;}
table.trackbar .l {width:1%; text-align: right; font-size: 1px; background:repeat-x url(/java/trackbar/imgtrackbar/b_bg_off.gif) top left;}
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:-16px;
	right:0px;
	z-index:1000;
	color:#FFFFFF;
	background-image: url(/images/track_bg_begun_left.gif);
	background-position: right top;
	margin: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 3px;
	background-repeat: no-repeat;
	width: 60px;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
}
table.trackbar .l div span.limit {
	text-align:left;
	position:absolute;
	top:20px;
	z-index:100;
	color:#47526e;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	background-image: none;
	margin: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	left: -30px;
}
table.trackbar .r {width:1%; text-align: left; font-size: 1px; background:repeat-x url(/java/trackbar/imgtrackbar/b_bg_off.gif) 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:0px;
	z-index:1000;
	color:#FFFFFF;
	background-image: url(/images/track_bg_begun_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 10px;
	width: 60px;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
}
table.trackbar .r div span.limit {
	position:absolute;
	top:20px;
	z-index:100;
	color:#47526e;
	font-family: tahoma;
	font-size: 11px;
	background-image: none;
	left: 100%;
	margin-left: -30px;
}
table.trackbar .c {font-size:1px; width:100%;}

div.tickdiv {position:relative; height:1px; margin:10px 0 10px;}
div.tickdiv div.tick {
	position:absolute;
	z-index:400;
	top:12px;
	height:12px;
	width:1px;
	background:#d5b044;
	margin:8px 0px 0px 0px;
	padding:0;
	color:#d5b044;
	font-family: tahoma;
	font-size: 10px;
}
div.tickdiv div.tick span {
	display:block;
	margin-top:14px;
	position:absolute;
	left:-50px;
	width:100px;
	text-align:center;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #47526e;
}
div.tickdiv div.stick {
	position:absolute;
	top:16px;
	height:6px;
	width:1px;
	background:#d5b044;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}