.sidr { display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; width:260px; overflow-x:none; overflow-y:auto; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; font-size:15px; color:#fff; -webkit-box-shadow:inset 0 0 2px 2px #000000; -moz-box-shadow:inset 0 0 2px 2px #000000; box-shadow:inset 0 0 2px 2px #000000; background-color: #333; }
.sidr .sidr-inner { padding:0 0 15px }
.sidr .sidr-inner>p { margin-left:15px; margin-right:15px }
.sidr.right { left:auto; right:-260px }
.sidr.left { left:-260px; right:auto }
.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;  }
.sidr ul li { display:block; margin:0; line-height:48px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #666; border-bottom-color: #000; }
.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 #000000; -moz-box-shadow:inset 0 0 15px 3px #000000; box-shadow:inset 0 0 15px 3px #000000 }
.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 #000000; -moz-box-shadow:inset 0 0 15px 3px #000000; box-shadow:inset 0 0 15px 3px #000000 }
.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) }