/**
 * Calendar toolbar
 */
.availability-calendar-toolbar {
	position:relative;
    padding-bottom: 15px;
    font-size: 1.4em;
    font-weight: bold;
	width:100%;
	text-align:center;
	
}



.mths {
padding-bottom:10px;text-align:center;
  
}


.availability-calendar-toolbar input {
	
    padding: 7px 14px;
    background: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
    border: 1px solid #BBB;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    font-weight: bold;
    cursor: pointer;
    outline: 0;
	font-size:12px;
}



.availability-calendar-toolbar input:hover {
    background: #E5E5E5;
    background-image: linear-gradient(to bottom, #EEE, #D6D6D6);
}

.availability-calendar-toolbar input:active {
    background: #D5D5D5;
    background-image: linear-gradient(to bottom, #DDD, #C6C6C6);
}



.availability-calendar {
    width: 100%;
    background: #FFF;
    table-layout: fixed;
    border-collapse: collapse;
	margin-bottom:10px;
	
}

.availability-calendar th, .availability-calendar td {
    border: 1px solid #DDD;
    padding: 5px;
	
}

.availability-calendar td {
    height: 80px;
    vertical-align: top;
    text-align: right;

}

.availability-calendar .ex-month { color:#000; }
.availability-calendar .unavailable,
.availability-calendar .closed,
.availability-calendar .pending {position: relative}

.availability-calendar .unavailable div,
.availability-calendar .closed div,
.availability-calendar .pending div {
    position: absolute;
    left: 0;
    right: -1px;
    height: 20px;
  
	z-index:99;
	
	
  
}
.availability-calendar .unavailable div {

  background: #C60B0B;
}
.availability-calendar .pending div {
    background: #DF9A00;
}

.availability-calendar .closed div {
    background:#999999;
}

.availability-calendar .unavailable:last-child div,
.availability-calendar .closed:last-child div,
.availability-calendar .pending:last-child div {right: 0}

.availability-calendar .unavailable .first,
.availability-calendar .closed .first,
.availability-calendar .pending .first {
    left: 51%;
    border-radius: 20px 0 0 20px;

}

.availability-calendar .unavailable .last,
.availability-calendar .closed .last,
.availability-calendar .pending .last {
    right: 51%;
    border-radius: 0 20px 20px 0;
   
}


.availability-calendar .pending div.first.pending,
.availability-calendar .pending div.last.pending{
    background: #DF9A00;
	
}

.availability-calendar .closed div.first.closed,
.availability-calendar .closed div.last.closed{
    background: #999999;
	
}

.availability-calendar .unavailable div.first.unavailable,
.availability-calendar .unavailable div.last.unavailable{
    background: #C60B0B;
	
}





.pendinglab { padding:10px; border-left:#666 solid:10px; font-size:10px; display:inline-block;  background-color:#DF9A00; color:#FFFFFF; border:solid 1px #CCCCCC;}
.unavailablelab { padding:10px; border-left:#666 solid:10px; font-size:10px; display:inline-block;  background-color:#C60B0B;color:#FFFFFF; border:solid 1px #CCCCCC;}
.Availablelab { padding:10px; border-left:#666 solid:10px; font-size:10px; display:inline-block;  background-color:#ffffff;color:#000000; border:solid 1px #CCCCCC;}
.closedlab { padding:10px; border-left:#666 solid:10px; font-size:10px; display:inline-block; background-color:#999999; color:#ffffff; border:solid 1px #CCCCCC;}
.tm { display:none;}
.pm { width:40px; float:left;}
.nm { width:40px; float:right;}