#sidr {
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:260px;
	overflow-x:none;
	overflow-y:auto;
	text-align: left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 16px;
	font-weight: 300;
	background:#333;
	color:#fff;
	-webkit-box-shadow:inset 0 0 5px 5px #222;
	-moz-box-shadow:inset 0 0 5px 5px #222;
	box-shadow:inset 0 0 5px 5px #222;}
	
#sidr #sidr-inner{padding:0 0 15px}
#sidr #sidr-inner>p{margin-left:15px;margin-right:15px}
#sidr.right{left:auto;right:-260px}

#sidr h1,#sidr h2,#sidr h3,#sidr h4,#sidr h5,#sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}
#sidr p{font-size:13px;margin:0 0 12px}
#sidr p a{color:rgba(255,255,255,0.9)}
#sidr>p{margin-left:15px;margin-right:15px}
#sidr ul { 
	display:block;
	margin:0 0 15px;
	padding:0;
	border-top:1px solid #1a1a1a;
	border-bottom:1px solid #4d4d4d;}
#sidr ul li{
	display:block;
	margin:0;
	line-height:48px;
	border-top:1px solid #4d4d4d;
	border-bottom:1px solid #1a1a1a;}
#sidr ul li:hover,#sidr ul li.active,#sidr ul li#sidr-class-active{border-top:none;line-height:49px}
#sidr ul li:hover>a,#sidr ul li:hover>span,#sidr ul li.active>a,#sidr ul li.active>span,#sidr ul li#sidr-class-active>a,#sidr ul li#sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}
#sidr ul li a,#sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}
#sidr ul li ul{border-bottom:none;margin:0}
#sidr ul li ul li{line-height:40px;font-size:13px}
#sidr ul li ul li:last-child{border-bottom:none}

#sidr ul li ul li:hover,
#sidr ul li ul li.active,
#sidr ul li ul li#sidr-class-active{
	border-top:none;line-height:41px}

#sidr ul li ul li:hover>a,
#sidr ul li ul li:hover>span,
#sidr ul li ul li.active>a,
#sidr ul li ul li.active>span,
#sidr ul li ul li#sidr-class-active>a,
#sidr ul li ul li#sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}
#sidr ul li ul li a,#sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}#sidr form{margin:0 15px}#sidr label{font-size:13px}
#sidr input[type="text"],
#sidr input[type="password"],
#sidr input[type="date"],
#sidr input[type="datetime"],
#sidr input[type="email"],
#sidr input[type="number"],
#sidr input[type="search"],
#sidr input[type="tel"],
#sidr input[type="time"],
#sidr input[type="url"],
#sidr textarea, #sidr select{ 
	width:100%;
	font-size:13px;
	padding:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;margin:0 0 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	border:none;
	background:rgba(0,0,0,0.1);
	color:rgba(255,255,255,0.6);
	display:block;
	clear:both}
#sidr input[type=checkbox]{
	width:auto;
	display:inline;
	clear:none}
#sidr input[type=button],
#sidr input[type=submit]{
	color:#333;
	background:#fff}
#sidr input[type=button]:hover,
#sidr input[type=submit]:hover{
	background:rgba(255,255,255,0.9)}