/* estilo - iblue ---------------------------------------------------------------- */
div.jslider_iblue .jslider_container {
	display: block;
	height: 20px;
	background-position: 0px 2px;
	position: relative;
}

/* parte esquerda */
div.jslider_iblue .jslider_leftpart {
	background-image: url(../ui/jslider_leftpart.png);
	background-repeat: no-repeat;
	left: 6px;
	top: 4px;
	height: 9px;
	width: 4px;
	top: 5px;
}
/* parte direita */
div.jslider_iblue .jslider_rightpart {
	background-image: url(../ui/jslider_rightpart.png);
	background-repeat: no-repeat;
	right: 0px;
	width: 4px;
	height: 9px;
	top: 5px;
}

/* parte preenchida a esquerda */
div.jslider_iblue .jslider_rightside {
	background-image: url(../ui/jslider_bg_empty.png);
	background-repeat: repeat-x;
	right: 0px;
	width: 1px;
	height: 9px;
	top: 5px;
}
/* parte preenchida a direita */
div.jslider_iblue .jslider_leftside {
	background-image: url(../ui/jslider_bg_fill.png);
	background-repeat: repeat-x;
	left: 10px;
	right: 4px;
	height: 9px;
	top: 5px;
}
















/* estilo - iblue reverso ---------------------------------------------------------------- */
div.jslider_ibluer .jslider_container {
	display: block;
	height: 20px;
	background-position: 0px 2px;
	position: relative;
}

/* parte esquerda */
div.jslider_ibluer .jslider_leftpart {
	background-image: url(../ui/jslider_leftpart_r.png);
	background-repeat: no-repeat;
	left: 6px;
	top: 4px;
	height: 9px;
	width: 4px;
	top: 5px;
}
/* parte direita */
div.jslider_ibluer .jslider_rightpart {
	background-image: url(../ui/jslider_rightpart_r.png);
	background-repeat: no-repeat;
	right: 0px;
	width: 4px;
	height: 9px;
	top: 5px;
}

/* parte preenchida a esquerda */
div.jslider_ibluer .jslider_rightside {
	background-image: url(../ui/jslider_bg_fill.png);
	background-repeat: repeat-x;
	right: 0px;
	width: 1px;
	height: 9px;
	top: 5px;
}
/* parte preenchida a direita */
div.jslider_ibluer .jslider_leftside {
	background-image: url(../ui/jslider_bg_empty.png);

	background-repeat: repeat-x;
	left: 10px;
	right: 4px;
	height: 9px;
	top: 5px;
}







/* selector igual nos dois modos */
div.jslider_iblue .jslider_selector, div.jslider_ibluer .jslider_selector {
	margin: 0px;
	padding: 0px;
	top: 0px;
	width: 18px;
	height: 18px;
	position: absolute;
}
div.jslider_iblue .jslider_selector_default, div.jslider_ibluer .jslider_selector_default {
	background-color: transparent;
	background-image: url(../ui/jslider_sel_blue.png);
	background-repeat: no-repeat;
}
div.jslider_iblue .jslider_selector.jslider_icon, div.jslider_ibluer .jslider_selector.jslider_icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: -4px;
}