ul {
    list-style-type: none;
}
.none{ display:none;}
.dropdown{color: #444444;font-size:13px;}
#calender_section{ width:673px; margin:30px auto 0;}
#calender_section h2{ background-color:#ffffff; color:#444444; font-size:14px; text-align:left; line-height:20px;}
#calender_section h2 a{ color:#766242; float:none;}
#calender_section_top{ width:100%; float:left; margin-top:10px;}
#calender_section_top ul{padding:0; list-style-type:none;}
#calender_section_top ul li{ float:left; display:block; width:96px; border-right:1px solid #fff;  text-align:center; font-size:14px; min-height:0; background:none; box-shadow:none; margin:0; padding:0;}
#calender_section_bot{ width:100%; margin-top:10px; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#calender_section_bot ul{ margin:0; padding:0; list-style-type:none;}
#calender_section_bot ul li{ float:left; width:96px; height:92px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc; min-height:0; background:none; box-shadow:none; margin:0; padding:0; position:relative;}
#calender_section_bot ul li span{ margin-top:7px; float:left; margin-left:7px; text-align:center;}
#calender_section_bot ul li span.microscopic {margin-top:-3px; float:left; margin-left:3px; text-align:left; width: 95%}

.current_cell_color{ background-color:#fff3f0 !important;}
.with_events_cell_color{ background-color:#e7f8ff !important;}

.microscopic {
    color: #766242;
    font-size: 9px;
    line-height: 10px;
}

.small{color:#808080;font-size:12px;margin:0;}
.tiny{color:#d90000;font-size:11px;margin:-10px 0 0 90px;}

.mobile {display: none; font-size: .9em;}
.landscape {display: block;}






@media only screen and (min-width: 300px) and (max-width: 767px) {
    
    .dropdown{font-size:13px;}
    #calender_section{ min-width:217px;width:90%;}
    #calender_section_top ul li{ display: none;}
    #calender_section_bot ul li{ width:100%;}
    #calender_section_bot{ width:100%;}
    #calender_section_bot ul li{ height:120px;}

    .microscopic {
        color: #766242;
        font-size: 11px;
        line-height: 12px;
    }

    .mobile {display: block;}
    .landscape {display: none;}
    
}
@media only screen and (min-width: 992px) {
  
    #calender_section{ width:900px;}
    #calender_section_top ul li{ width:127.5px;}
    #calender_section_bot ul li{ width:127.5px;}
    #calender_section_bot ul li{ height:120px;}
    
}