.calendar_left
{
width: 400px;
display: inline-block;
margin: 20px;	
vertical-align: top;
max-width: 100%;
}

.calendar_right
{
width: 600px;
display: inline-block;
margin: 20px;	
vertical-align: top;
max-width: 100%;
}

.calendar
{
width: 400px;
height: auto;
display: inline-block;
position: relative;
max-width: 100%;	
}

.calendar .h
{
height: 30px;
position: relative;	 
margin-bottom: 3px;
}

.calendar .h .prev, .calendar .h .next
{
	position: absolute;
	left: 0;
	top: 50%;
	
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	font-weight: bold;
	width: 30px;
	height: 30px;
	line-height: 30px;
background-color: #f9f9f9;
    box-shadow: 0px 0px 10px -5px rgba(5,5,5,1);
	text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;		
}
 
.calendar .h .next
{ 
	right: 0; 
	left: auto;
}

.calendar .h .prev:hover, .calendar .h .next:hover
{
background-color: #eeeeee; 
}


.calendar .h .t
{
	position: absolute;
	left: 50%;
	top: 50%;
	
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	font-weight: bold;
}


.calendar .cbody
{
width: 400px;
height: auto;
display: inline-block;
position: relative;	
max-width: 100%;	
}

.calendar .cbody .z
{
width: 14.1%;
height: auto;
display: inline-block;	
}


.calendar .cbody .z .zin
{
margin: 3px;
text-align: center;
padding: 5px;
background-color: #f9f9f9;
    box-shadow: 0px 0px 10px -5px rgba(5,5,5,1);
cursor: pointer;
display: block;	

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;		
}

 
.calendar .cbody .z ._dum
{
background-color: #FFE8CE;	
}


.calendar .cbody .z ._azi
{

background-color: #FCFAE9;	
border: #F3EB9E 1px solid;
}


.calendar .cbody .z ._undisp
{
color: #cccccc;
}

 

.calendar .cbody .z .zih
{
margin: 3px;
text-align: center;
padding: 5px; 	
}