/* Zoom Level Slider */
#zoomControls {
    position: absolute;
    left: 16px;
    top:39px;
    z-index:20;
}

.fullscreen-mode #zoomControls {
    left: 43px;
}

#zoomControlSlider {
    background: transparent none repeat scroll 0 0;
    width: 100%;
    height: 197px;
    margin-top: 2px;
    border: none;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
    
#zoomSliderContainer {
    position: absolute;
	left:10px;
	top:24px;
	height:209px;
	width:6px;
	background: url(../../images/helioviewer/blackGlass/glass_slider_trough_vertical_white.png) repeat-y;
	text-align:center;
	z-index:10000;
}

#zoomControlSlider > .ui-slider-handle {
	left:-8px;
	width:21px;
	height:12px;
	background:url(../../images/helioviewer/blackGlass/glass_slider_handle_white.png);
    border: none;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	z-index:10000;
}

#zoomControlZoomOut, #zoomControlZoomIn {
	background: url(../../images/helioviewer/blackGlass/glass_button_square_24px_white.png);
	position: absolute;
	color:white;
	left:0px;
	cursor:pointer;
	width:24px;
	height:24px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	z-index:10000;
}

#zoomControlZoomOut {top:233px;}
#zoomControlZoomIn  {top:0px;}