/*******************************Calendar Top Navigation*********************************/
div#calendar{
  
  width: 252px;
  height: 300px;
  margin: auto;
  margin-top: 5px;

}
 
div#calendar div.boxx{
    height:40px;
    background-color:#183f72;      
}
 
div#calendar div.header-mon{
    line-height:40px;  
    vertical-align:middle;
    height:40px;   
    text-align:center;
}
  
div#calendar div.header-mon span.titlle{
    color:#FFF;
    font-size:18px;
}
  
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
    border:1px solid #787878 ;
    border-top:none;
}
 
 
 
div#calendar ul.label{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-top:5px;
    margin-left: 5px;
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px;
    margin-right:5px;  
    float:left;
    list-style-type:none;
    width:30px;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 11px;
    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;
    line-height:30px;
    vertical-align:middle;
    float:left;
    list-style-type:none;
    width:30px;
    height:30px;
    font-size:12px;
    background-color: #80ffb2;
    color:#000;
    text-align:center; 
}
 
:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}