#config_menu{
	width-min:0px;
	width-max:200px;
	font-size:  12pt;
	color:#FFFFFF;
	cursor:default;
	height:100%;
	overflow-y:scroll;
}


::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #525151;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #de4a4a;
}
::-webkit-scrollbar-thumb:active {
  background: #e01313;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

#menu_content_list{
	height:100%;	
}

#menu_container{
display:none;
position: absolute; 
top: 30px; 
left: 0px;
float:left; 
width:40%;
height:70%;
background-color:#262626;
opacity:0.9;
z-index:999;
}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	#menu_container{
	display:none;
	position: absolute; 
	top: 30px; 
	left: 0px;
	float:left; 
	width:80%;
	height:70%;
	background-color:#262626;
	opacity:0.9;
	z-index:999;
	}
	
	
}
#nav,
#nav ul,
#nav li,
#nav a,
#nav span {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	height:60px;
	line-height:60px;
	text-align:left;
}

#nav ul{
	 border-bottom: 1px solid #999;
}

#nav {
    float: left;
    width: 100%;
}


#nav li > a span {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	padding: 0 10px;
	margin-right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}

.accordion li {
	list-style: none;
}

#nav li a{
	width:100%;
	display:inline-block;cclear:both;
}

#nav li > a {
	display: block;
	position: relative;
	min-width: 110px;
	padding: 0px px 10px 0px 10px;
	color:#bcbcbc;
	text-decoration: none;
	border-bottom: 1px solid #333333;
	-webkit-border-radius:  2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}

#nav > li:hover{
	background-color:#808080;
	color:#FFFFFF;
}

#nav li > a span {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	padding: 0 10px;
	margin-right: 10px;
	background: #657938;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-top: 1px solid #fff;
}

#nav li ul {
    display: none; /* used to hide sub-menus */
}

#nav li ul li a {
    padding: 0 0 0 20px;
    color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: #e5e5e5;
	border-bottom: 1px solid #c9c9c9;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

#nav li ul li a:hover{ 
	background: #efefef; 
	color: #333333;
	
}

#config_content{
	margin: 5px;
	margin-left: 205px;
}


#nav li img{
	 vertical-align: middle;
	 padding-right:5px;
}