
#resize_menu{
	border-top-color: #333;
	background: #333;
	padding: 5px 4px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: black 0 1px 0;
	-moz-box-shadow: black 0 1px 0;
	box-shadow: black 0 1px 0;
	
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	
	color: white;
	font-size: 10px;
	text-decoration: none; 
	vertical-align: middle;
}

/*#resize_menu:hover{
	background: #ffffff;
	border-top: 1px solid #ffffff;
    color: #eee; 
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#000));
    background: -moz-linear-gradient(top,  #65a9d7,  #3e779d);
}*/

/*#resize_menu:active{
	border-top-color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#000));
	outline: 0;
}*/

#menu_show{
	 -webkit-transition: left 400ms;
	 -moz-transition: left 400ms;
     -o-transition: left 400ms;
     transition: left 400ms ;
     	
}
#center{
	 left:0px;
	 top:50px;
	 -webkit-transition: margin-left 400ms;
	 -moz-transition: margin-left 400ms;
     -o-transition: margin-left 400ms;
     transition: margin-left 400ms ;
/*
	-webkit-transition: width 400ms;
	-moz-transition: width 400ms;
	-o-transition: width 400ms;
	transition: width 400ms ;
*/

}


#_MENU_BAR{
	position:fixed;
	background-color:#3d3d3d;
	float:left;
	z-index:100;
   -webkit-transition: left 400ms;
    -moz-transition: left 400ms;
    -o-transition: left 400ms;
    transition: left 400ms ;		
}

#_MENU_BAR_FIXED_BG{
	background-color:#3d3d3d;
	float:left;
	height:100%;
	position:fixed;
	top:0px;	
	left:0px;		
	width:220px ; 		
	z-index:90;
 -webkit-transition: left 400ms;
    -moz-transition: left 400ms;
    -o-transition: left 400ms;
    transition: left 400ms ;
}

#_MENU_BAR .logo {
	padding:10px;
}

.productionMenu {
    border-left:2px solid #f00;
}

#_SIDE_MENU{
	width:220px ; 	
	height:100%;
}
#_SIDE_MENU h3{
	color:#FFF;
	padding:10px;
	border-top:1px solid #595959;
	cursor:pointer;
}
#_SIDE_MENU h3 div{
	background-repeat:no-repeat;
	background-position:right;
}
#_SIDE_MENU h3 div img{
	float:left;
	position:relative;
	top:-6px;
}
#_SIDE_MENU .Closed{
	background-image: url('https://sbo.ezugi.com/office/office_1.0/images/menu_closed.png');			
	width:90%
}
#_SIDE_MENU .Opened{
	background-image: url('https://sbo.ezugi.com/office/office_1.0/images/menu_opened.png');			
	width:90%	
}
#_SIDE_MENU .Selected{
	background-color:#d64635;	
	background-image: url('https://sbo.ezugi.com/office/office_1.0/images/arrow_active.png');		
	background-repeat:no-repeat;
	background-position:right;
}
#_SIDE_MENU .sub{

}
#_SIDE_MENU li{
	cursor:pointer;
	list-style-type: none;		
	letter-spacing:0.5px;

}
#_SIDE_MENU .ITEM{
	padding:4px;
	line-height:11px; 	
   -webkit-transition: background-color 400ms;
    -moz-transition: background-color 400ms;
    -o-transition: background-color 400ms;
    transition: background-color 400ms ;	
}
#_SIDE_MENU .ITEM:hover,#_SIDE_MENU .active{
	background-color:#313131; 
	color:#FFFFFF;
}
#_SIDE_MENU  .active{
	font-weight:bold !important;	
	list-style-type: square;		
}
#_SIDE_MENU  .active a {
	color:#FFF;		
}
#_SIDE_MENU li, a, h3{
	outline: 0;
}
#_SIDE_MENU li, #_SIDE_MENU a{
	font-size:10px;
	color:#e3e3e3;
	text-decoration:none;
	padding:4px;	
}
#_SIDE_MENU a:hover{
	color:#fff;
}
#_SIDE_MENU .CATEGORY{
	cursor:default;
	background-color:#313131 ; 	
	font-size:14px;
	border-top:1px solid #595959;
	border-bottom:1px solid #595959;	
	padding-left:10px;
}

.badge{
	float: right;
	margin-top: -3px;
	border-radius: 0;
	background-color: #F3565D;
	text-align: center;
	padding: 3px 6px 3px 6px;
}

#custom_tabs .active a{
	color: #525758;
	font-weight: bold;
}
