/*******************************Calendar Top Navigation*********************************/
div#calendar{
margin : 20px auto 30px auto;
padding:0px;
width: 90%;
font-family:Helvetica, "Times New Roman", Times, serif;
}
 
div#calendar div.box{
position:relative;
top:0px;
left:0px;
width:100%;
height:40px;
//background-color:#787878;
background-color : #be0000;
}
 
div#calendar div.header{
line-height:40px;  
vertical-align:middle;
//position:absolute;
position:relative;
//left:11px;
//top:0px;
width:100%;
height:40px;
text-align:center;
padding : 0 5px;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{ 
//position:absolute;
position:relative;
//top:0px;   
height: 17px;
display:block;
cursor:pointer;
text-decoration:none;
color:#FFF;
}
div#calendar div.header span.title{
//color:#FFF;
color:#FF0;
font-size:18px;
}
div#calendar div.header a{
width : auto;
font-size : 30px;
}
div#calendar div.header a.prev{
float : left;
//left:0px;
}
div#calendar div.header a.next{
float : right;
//right:0px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
border:1px solid #be0000;
border-top:none;
padding-bottom:10px;
}



div#calendar ul.label{
float:left;
margin: 0px;
padding: 0px;
margin-top:5px;
margin-left: 5px;
width : 100%;
}
 
div#calendar ul.label li{
margin:0px;
padding:0px;
margin-right:5px;  
float:left;
list-style-type:none;
//width:80px;
width:calc( (100% / 7) - 5px );
height:40px;
line-height:40px;
vertical-align:middle;
text-align:center;
//color:#000;
font-size: 15px;
background-color: transparent;
}
 
 
div#calendar ul.dates{
//float:left;
margin: 0px;
padding: 0px;
margin-left: 5px;
margin-bottom: 5px;
}
 
/** overall width = width+padding-right**/
div#calendar ul.dates li {
margin:0px;
padding:0px;
margin-right:5px;
margin-top: 5px;
vertical-align:middle;
float:left;
list-style-type:none;
//width:80px;
width:calc( (100% / 7) - 5px );
//height:80px;
//height : 32px;
height : auto;
max-height : 32px;
font-size : 24px;
line-height : 32px;
background-color: #DDD;
color:#000;
text-align:center; 
}

.a_symbol_cell {
position : relative;
display : table;
list-style-type:none;
//width:80px;
min-width:64px;
min-height : 32px;
max-height : 32px;
font-size : 24px;
line-height : 32px;
text-align:center;
margin-top : 10px;
}
.a_symbol_cell .a_symbol_color {
position : relative;
display : table-cell;
min-width : 64px;
min-height : 32px;
background-color: #DDD;
}
.a_symbol_cell .a_symbol_label {
white-space : pre;
}
:focus{
outline:none;
}
.clear{
clear:both;
}
.today {
color : #ff0!important;
}
.holiday {
background-color : #f00!important;	
}