/**************** orientation independent ****************/

table.slider_horz, table.slider_horz *, table.slider_vert, table.slider_vert *{
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	border:0px solid #000000;
	xbackground: #ffcc66;
	margin: 0px;
	padding: 0px;
}
table.slider_horz td, table.slider_vert td{
	padding: 0px;
	margin: 0px;
}
/*caption cell*/
td.titlecell{
	font-weight:bold;
	background:#ffffff;
}
/*cells contains left-right text*/
td.LRtext{
	background:  #f0f7ec;
	color: #674f3f;
	text-align:center;
	vertical-align:middle;
	padding: 0px 2px !important;
}
/*cell contain current slider pos*/
td.CVtext{
	background: #e21736;
	text-align:center;
}
/*cells contains scale*/
td.scale{
	background: #f0f7ec;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
/*L-R signs along the scale*/
span.LR{
	position: absolute;
	color: #674f3f;
}
/*scale numbers*/
span.scale_text{
	position:absolute;
	color: #e21736;
	font-size: 11px;
}
/*images*/
table.slider_horz img, table.slider_vert img{
	border-width:0px;
}
/*editbox*/
table.slider_horz input, table.slider_vert input{
	width:100%;
	height:auto;
	border-width:0px;
	text-align:center;
	background:none;
}
/*scale lines*/
div.scale_horz_long, div.scale_horz_short,
div.scale_vert_long, div.scale_vert_short{
	position:absolute;
	background: #e21736;
	overflow: hidden;	
}





/****************** horizontal styles ********************/

/*whole slider table*/
table.slider_horz{width:460px;}
/*specify height here*/
table.slider_horz td{height:40px;}
table.slider_horz td.LRtext img.horz{display:inline;height:40px;width:0px;line-height:0px;margin:0px;padding:0px;}
/*
caption cell: its width (and the table width) must be >= 2*td.LRtext [+ td.CVtext] + td.scale 
eg. width >= 2*60 + 40 + 300
*/
table.slider_horz td.titlecell{width:460px;}
/*cells contains left-right text*/
table.slider_horz td.LRtext{width:60px;}
/*cell contain current slider pos*/
table.slider_horz td.CVtext{width:40px;}
/*cells contains scale*/
table.slider_horz td.scale{width:300px;}
/*long scale lines*/
table.slider_horz div.scale_horz_long{
	width: 270px;
	height:1px;
}
/*short scale lines*/
table.slider_horz div.scale_horz_short{
	width: 1px;
	height:10px;
}
/*movable element*/
table.handle_horz{
	z-index:1;
	cursor: e-resize !important;
}
table.handle_horz td{
	padding:0px;
	width: 20px;
	height: 20px;
	background:url("handle2horz.gif") center center no-repeat;
}








/****************** vertical styles ********************/

/*whole slider table*/
table.slider_vert{height:420px;}
table.slider_vert td{width:44px;}
table.slider_vert td.LRtext img.vert{display:block;height:0px;width:44px;line-height:0px;margin:0px;padding:0px;}
/*caption cell*/
table.slider_vert td.titlecell{height:420px;}
/*cells contains left-right text*/
table.slider_vert td.LRtext{height:60px;}
/*cell contain current slider pos*/
table.slider_vert td.CVtext{height:40px;}
/*cells contains scale*/
table.slider_vert td.scale{height:300px;}
/*scale lines*/
table.slider_vert div.scale_vert_long{
	width: 1px;
	height:270px;
}
table.slider_vert div.scale_vert_short{
	width: 12px;
	height:1px;
}
table.handle_vert{
	z-index:1;
	cursor: n-resize !important;
}
table.handle_vert td{
	width: 20px;
	height: 20px;
	padding:0px;
	background:url("handle2vert.gif") center center no-repeat;
}