div#glider_container{
	margin:0;
	padding:0 0 0 20px;
}
.timescale{
	 width:600px;
	 height:16px;
	 background:#fff url(../img/tmbg.gif) center left repeat-x;
	 margin:0;
	 padding:0;
	 float:left;
}
.timescale li{
	list-style-type:none;
	float:left;
	width:16px;
	height:16px;
}
.timescale li a{
	width:16px;
	height:16px;
	display:block;
}
.timescale li.sp{
	margin-left:12px;
}
.timescale li.g1 a{
	background:#fff url(../img/kruzici.gif) top left no-repeat;
	text-decoration:none;
}
.timescale li.g1 a:hover{
	background-position:0 -16px;
}        
.timescale li.g2 a{
	background:#fff url(../img/kruzici.gif) top center no-repeat;
}
.timescale li.g2 a:hover{
	background-position:bottom center;
	text-decoration:none;
}   
.timescale li.g3 a{
	background:#fff url(../img/kruzici.gif) top right no-repeat;
}
.timescale li.g3 a:hover{
	background-position:bottom right;
	text-decoration:none;	
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 600px; 
	height:28px;
	overflow: hidden;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:600px;
	height:28px;
	overflow:hidden;
	float:left;
}
div.scroller div.content {
	width: 10000px;
}
div#lbl-glider{
	float:left;
	width:162px;
	margin:10px 10px 0 0;
	font-size:11px;
}
div.ctrl-glider{
	float:left;
	width:14px;
	height:16px;
	margin:9px 0 0 0;
}
div#my-glider{
	float:left;
	margin:8px 0 0 0;
}
div.tooltip .xboxcontent{
	color:#3399FF;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	text-shadow:none;
	background:none;
}
div.tooltip{
	position:absolute;
	margin-left:20px;
	width:80px;
}
div.section-txt{
	float:left;
	font-size:11px;
	font-weight:bold;	
}
/*************** Conica styles *************************************************************************************************************************/
/******************************************************************************************************************************************************/
div#glider_container{width:645px;}
.timescale li.start{margin-left:30px;}
div#lbl-glider{float:none;	width: auto;margin:10px 10px 0 0;font-size:11px;}
div#my-glider{width:617px;}
.timescale{ width:614px;}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 615px; 
	height:28px;
	overflow: hidden;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:614px;
	height:28px;
	overflow:hidden;
	float:left;
}