/* CSS Document */
#drawer_wrapper{
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;	
	background: rgba(255,255,255,0.7);
	z-index: auto;
	overflow: hidden;
}

.drawer{
	position:absolute;
	float:left;
	display:block;
	padding:0px;
	background:#fff;
	box-shadow: 0px 0px 2px  rgba(0,0,0,.4);
	z-index:1009;
	overflow:hidden;
	border:1px solid #333;
	border-radius: 0px 2px 2px 2px;

}

.drawer.right{
	border-radius: 0px;
	border-top:none;
	border-left: 1px solid #333;
	border-right: none;
	border-bottom: none;
}

.drawer.left{
	border-radius: 0px;
	border-top:none;
	border-right: 1px solid #333;
	border-left: none;
	border-bottom: none;
}



.drawer .body{
	z-index:1009;
	overflow: auto !important;
	background: #fff;
}

.drawer.right .body,
.drawer.left .body{
	height: 100%;
}

.drawer.right .body .grid{
	margin-bottom: 34px;	
}

.drawer .footer{
	position:absolute;
	bottom:0px;
	left:0px;
	float:left;
	display:block;
	width: 100%;
	height: 24px !important;
	padding:0px 0px 0px 0px;
	color:#FFF;
	background:#DDDDDD !important;
	border-radius: 0px 0px 2px 2px !important;
	z-index:1010;

}


.drawer .closeBtn{
	position:absolute;
	bottom:8px;
	right:8px;
	float:left;
	display:block;
	width: 16px;
	height: 16px;
	background:url(../img/closeBtn.png) no-repeat top center;
	cursor:pointer;
	z-index:1010;
}

.drawer  .closeBtn:hover{
	background:url(../img/closeBtn.png) no-repeat bottom center;
}


.drawer.right .closeBtn{
	display: none;
}