TDataView_ui/styles/heighterControl.css

#heighterSlider{
	width: 65px;
	height: 365px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background:url(../images/layout/heighter-control-bg.png) top left no-repeat;
	z-index: 111;
}
#heighterSlider.class3d{
	width: 60px;
	background:url(../images/layout/heighter-control-bg-3d.png) top left no-repeat;
	/*background-size: 100%;*/
}
#heighterSlider .cell{
	margin: 0px;
	position: relative;
}
#heighterSlider .heighterslider-content{
	width: 45px;
	height: 510px;
	position: absolute;
    top: 13px;
    right: 8px;
}
#heighterSlider .heighterslider-content .heighterslider-li{
	height: 90px;
	width: 100%;
	position: relative;
	margin-top: -10px;
}
#heighterSlider .heighterslider-content .heighterslider-li .hover-bg{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	display: none;
	background:url(../images/layout/cur-heighter-control.png) -4px -11px no-repeat;
}
#heighterSlider .heighterslider-content .heighterslider-li:hover .hover-bg{
	display: block;
}
#heighterSlider .heighterslider-content .heighterslider-li.active .hover-bg{
	display: block;
}
#heighterSlider .heighterslider-content .heighterslider-btn{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	border:0px;
	cursor: pointer;
	color:#bdbdbd;
}

#heighterSlider .heighterslider-content .heighterslider-li p{
	color:#bdbdbd;
	position: absolute;
	top: 60px;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size: 12px;
}
#heighterSlider .heighterslider-content .heighterslider-li:hover p{
	color:#ffffff;
}
#heighterSlider .heighterslider-content .heighterslider-li.active p{
	color:#ffffff;
}
#heighterSlider .heighterslider-content .stallite{
	margin-top: 10px;
}
#heighterSlider .heighterslider-content .stallite .heighterslider-btn{
	background:url(../images/layout/heighter-control.png) 0px 0px no-repeat;
}
#heighterSlider .heighterslider-content .ionosphere .heighterslider-btn{
	background:url(../images/layout/heighter-control.png) 0px -76px no-repeat;
}
#heighterSlider .heighterslider-content .clouds .heighterslider-btn{
	background:url(../images/layout/heighter-control.png) 0px -161px no-repeat;
}
#heighterSlider .heighterslider-content .image .heighterslider-btn{
	background:url(../images/layout/heighter-control.png) 0px -242px no-repeat;
}
#heighterSlider .heighterslider-content .model .heighterslider-btn{
	background:url(../images/layout/heighter-control.png) 0px -324px no-repeat;
}
#heighterSlider .heighterslider-content .liveaction .heighterslider-btn{
	background:url(../images/layout/heighter-control.png) 0px -402px no-repeat;
}

#heighterSlider .heighterslider-content .stallite.active .heighterslider-btn,
#heighterSlider .heighterslider-content .stallite:hover .heighterslider-btn{
	background:url(../images/layout/heighter-control-active.png) 0px 0px no-repeat;
}
#heighterSlider .heighterslider-content .ionosphere.active .heighterslider-btn,
#heighterSlider .heighterslider-content .ionosphere:hover .heighterslider-btn{
	background:url(../images/layout/heighter-control-active.png) 0px -76px no-repeat;
}
#heighterSlider .heighterslider-content .clouds.active .heighterslider-btn,
#heighterSlider .heighterslider-content .clouds:hover .heighterslider-btn{
	background:url(../images/layout/heighter-control-active.png) 0px -161px no-repeat;
}
#heighterSlider .heighterslider-content .image.active .heighterslider-btn,
#heighterSlider .heighterslider-content .image:hover .heighterslider-btn{
	background:url(../images/layout/heighter-control-active.png) 0px -242px no-repeat;
}
#heighterSlider .heighterslider-content .model.active .heighterslider-btn,
#heighterSlider .heighterslider-content .model:hover .heighterslider-btn{
	background:url(../images/layout/heighter-control-active.png) 0px -324px no-repeat;
}
#heighterSlider .heighterslider-content .liveaction.active .heighterslider-btn,
#heighterSlider .heighterslider-content .liveaction:hover .heighterslider-btn{
	background:url(../images/layout/heighter-control-active.png) 0px -402px no-repeat;
}