﻿#scroller {
float:right;
}


#scroller-header {
font-family: 'Tahoma', sans-serif; font-size: 10px; font-weight: bold;
position:relative;
padding: 0;
margin: 0px 0;
overflow: hidden;
width:190px;
height: 30px;
text-align: left;
}


#scroller-header li {float:left;
list-style: none;
}


#scroller-header li.backLava {
background-color:#B3000A;
width: 15px;
position: absolute;
opacity: 0.5 !important;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
z-index: 0;
}



#scroller-header li a {
text-decoration: none;
color: #FFF;
margin: 1px;
padding: 1px;
z-index: 10;
display: block;
position: relative;
}


a.selected {
	text-decoration:none !important; 
	color:#FFF !important;
}
 

 
#scroller-body {
	width:190px;
	padding-bottom:30px;
}
 
#mask {
	width:190px;
	overflow:hidden;
	margin:0 auto;
	text-align: left;
        height:460px;
        position:relative;
}

#mask img{
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

 
#panel {
list-style:none;
position:relative;
height:460px;
width:180px;
}
 
#panel div {
float:left;
 
}
 
 
#panel ul {
list-style:none;
margin:0 0px;
padding:0;
}
 
	#panel ul li {
		padding:0px;
		color:#557482;
		border-bottom:1px dotted #333;
	}
 
	#panel ul li.last {
		border-bottom:none !important;
	}
 
#panel-1 {
}
 
#panel-2 {
}
 
#panel-3 {
}


#ChMenu {
font-family: 'Tahoma', sans-serif; font-size: 10px;
position:relative;
overflow: hidden;
width:190px;
}
#ChMenu li {
height: 20px;
margin: 2px;
list-style: none;
}



#ChMenu li.backLava {
background-color:#444;
height: 20px;
margin: -2px;
position: absolute;
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#ChMenu li.backLava img{
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



#ChMenu li a {
text-decoration: none;
color: #DFDFDF;
z-index: 10;
display: block;
position: relative;
}

#ChMenu li a:hover {
text-decoration: none;
color: #FFF;
z-index: 10;
display: block;
position: relative;
}

// webcam
#webcam {
font-family: 'Tahoma', sans-serif; font-size: 10px;
position:relative;
overflow: hidden;
width:190px;
}
#webcam li {
height: 20px;
margin: 2px;
list-style: none;
}



#webcam li.backLava {
background-color:#444;
height: 20px;
margin: -2px;
position: absolute;
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#webcam li.backLava img{
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



#webcam li a {
text-decoration: none;
color: #DFDFDF;
z-index: 10;
display: block;
position: relative;
}

#webcam li a:hover {
text-decoration: none;
color: #FFF;
z-index: 10;
display: block;
position: relative;
}




div.sc_menu_wrapper {
	position: relative; 	
	height: 500px;
	overflow: auto;
}

.sc_menu_wrapper .loading {
	

	text-align: center;
	color: #fff;

}

.sc_menu_tooltip {


}