.sidr
{
	background: #fff;	
	display: none;	

	height: 100%;

	overflow-x: none;
	overflow-y: auto;
	position: absolute;
	position: fixed;
	top: 0;

	width: 260px;
	z-index: 999999;
}
.sidr.right
{
	left: auto;
	right: -260px;
}
.sidr.left
{
	left: -260px; 
	right: auto;
	-webkit-box-shadow: 6px 0 4px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 6px 0 4px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 6px 0 4px 1px rgba(0, 0, 0, 0.2);
}


.sidr ul { list-style:none; padding:0; margin:0;}
.sidr li { list-style:none; padding:0; margin:0;display:block;}
.sidr a:hover { text-decoration:none;}



.sidr a { display:block; float:none; padding:10px 10px 10px 10px; font-size:15px; border-bottom:1px #01aef0 solid; color:#01aef0; text-decoration:none; text-transform:uppercase;}



.sidr ul ul { background:#01aef0; display:none;}
.sidr ul ul a { display:block; float:none; padding:10px 10px 10px 20px; font-size:13px; border-bottom:1px #fff solid; color:#fff; text-transform:none;}

.sidr ul ul ul { background:#01aef0; display:none;}
.sidr ul ul ul a { padding:5px 5px 7px 35px; }

.sidr-inner { position:relative;}
.sidr .close { width:24px; height:55px; display:none; position:fixed; left:260px; top:11px; background:#01aef0 url(../img/icon-left-white-16x16.png) no-repeat 50% 50%; cursor:pointer; border-radius:0 3px 3px 0;
-webkit-box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.2);
}