/* CSS Document */

/* custom style for the iPhone Slider*/
.iPhoneSliderDiv {	 
	background-image: url(../images/iphoneSlider_track.png) !important; 
	background-position: center left !important; 
	background-repeat: repeat-x !important; 
	border: 0px !important; 
	height: 9px !important;
	-moz-border-radius: 6px !important;
	position: relative !important; 	
	-webkit-border-radius: 6px;
	z-index: 1 !important;
	behavior: url(border-radius.htc);
}

.iPhoneSliderLeft {
	background-image: url(../images/iphoneSlider_track_left.png) !important;
	background-position: center left !important;
	background-repeat: no-repeat !important;
	left: -4px;
	height: 9px;
	position: absolute;
	width: 6px !important;	
}

.iPhoneSliderRight {
	background-image: url(../images/iphoneSlider_track_right.png) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	height: 9px;
	position: absolute;
	right: -4px;
	width: 6px !important;
}

.iPhoneHandle {
	background:transparent url(../images/handle_21x22.png) no-repeat top left !important; 
	border: 0px !important;
	height:22px !important;		 
	top: -.5em !important;
	width:21px !important; 
}

.iPhoneShadeLeft {
	background:#538ac8; 
	border: 0px !important; 
	height:8px !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
}

.iPhoneShadeRight {
	background:#538ac8 !important; 
	border: 0px !important; 
	height:8px !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
}