#calendar{
	font-family: Arial, Verdana;	
	font-size: 12px;
}
/* Buttons displayed in showCalendar.php */
.showCalendarButton {
    font-weight:bold;
    background-color:blue;
    color: white;
}
.masterlist {
  list-style-type: none;
  background-color:#f1f1f1;
  width:200px;
  overflow:auto;
  height: 540px;
  padding: 0px;
  margin: 0px;
}
.list {
  list-style-type: none;
  background-color:#ffffff;
  padding: 0px;
  margin: 0px;
  height: 80px;
	font-family: Arial Black;
}
/* LINKS */
a                 { color:#0160b0; text-decoration:none; }
a:link            { color:#0160b0; text-decoration:none; }
a:hover           { color:#336699; text-decoration:underline; }
a:visited         { color:#0160b0; text-decoration:none; }
a:visited:hover   { color:#336699; text-decoration:underline; }
#calendar_header  				{ width:99%; }
#calendar_header .caption_left 	{ width:15%; text-align:left; }
#calendar_header .caption 		{ width:70%; font-size: 16px;font-weight:bold; text-align:center; }
#calendar_header .types_changer { width:15%; font-size: 12px; font-weight:normal; text-align:right; }
/* MONTLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td,
#calendar .td_empty,
#calendar .td_actday,
#calendar .td_selday{
	width:1%;
	text-align: left;
	vertical-align: top;
	padding:3px; 
	padding-left:5px;
	padding-top:5px;
}
#calendar .month  			{ width:99%; align:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; }
#calendar .tr_days   		{ height:32px; background-color:#f1f1f1; background-image: url(images/headerbg.gif); background-repeat: repeat-x; }
#calendar .tr				{ }
#calendar .td 				{ border:1px solid #ddd; color:#555; background-color:#ffffff; }
#calendar .td_empty 		{ border:1px solid #ddd; color:black; font-weight: bold; background-color:gray; }
#calendar .td_actday 		{ background-color:#0466ba; color:#fff; font-weight:bold; }
#calendar .td_selday 		{ background-color:#ffffcc; border:1px; color:#555; font-weight:bold; }
#calendar .th 	{ 
  height:26px; 
  text-align:center; 
  align:center; 
  font-weight:bold; 
  padding-top:3px; 
  padding-bottom:3px; 
  padding:5px; 
  color:black;
  background-color: gray; 
}
#calendar .th_mccm{
	width:33%;
	text-align: center;
  font-weight:bold;
	/*! vertical-align: top; */
	padding:3px; 
	padding-left:3px;
	padding-top:3px;
  color: white;
  background-color: gray;
}
/* SMALL MONTLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td_small,
#calendar .td_small_empty,
#calendar .td_small_actday,
#calendar .td_small_selday{
	width:14%;
	text-align: right;
	vertical-align: top;
	padding:1px; 
	padding-right:3px;
}
#calendar .year_container   { width:100%; align:center; margin-top:8px; border:1px solid #ccc; border-collapse:collapse; }
#calendar .month_small	    { width:96%; align:center; border:1px solid #ccc; margin-top:5px; border-collapse:collapse; }
#calendar .tr_small_days    { background-color:#f1f1f1; background-image: url(images/headerbg.gif); background-repeat: repeat-x; }
#calendar .tr_small         { }
#calendar .td_small         { border:1px solid #ddd; color:#555; background-color:#ffffff; }
#calendar .td_small_empty 	{ border:1px solid #ddd; color:#555; background-color:#f1f2f3; }
#calendar .td_small_actday  { background-color:red; color:#fff; font-weight:bold; }
#calendar .td_small_selday  { background-color:red; border:1px; color:gray; font-weight:bold; }
#calendar .th_small         { text-align:center; align:center; font-weight:bold; padding-top:1px; padding-bottom:1px; padding:2px; color:#fff; }
/* NAVIGATION BAR */
#calendar .table_navbar   	{ border:0px; width:100%; height: 40px; /*font-size: x-large;*/}
#calendar .tr_navbar   		{ /*! width:100%; */ background-color:#ffffff; height:30px; font-size: larger;}
#calendar .tr_navbar_left 	{ width:29%; background-color:white; color:gray; height:30px; padding-left:7px; text-align:left; }
#calendar .tr_currentMonth 	{ width:60%; background-color:blue; color:white; padding-left:7px; text-align:left; font-size:x-large}
#calendar .tr_navbar_right 	{ width:20%; background-color:white; color:gray; height:30px; padding-right:7px; text-align:right; }
#calendar .class_form       { padding:0px; margin:0px; }
#calendar .form_select      { font-size:12px; }
#calendar .form_button      { font-size:12px; }
.GNBoxClass {
  border: 1px solid black;
  background-color: #f1f2f3;
  font-weight: bold;
  width: 90%;
  display: inline-block;
  /*! margin-bottom: 5px; */
}
.dayofmonth {
  font-weight: bold;
  border: 1px solid black;
  text-align: center;
  width: 8%;
  display: inline-block;
  margin-bottom: 15px;
}
.logo {
  width:100%;
}
    <style type="text/css"> 
    label { display: block; }   
    .ui-datepicker     {         
      z-index: 10003; /* must be > than popup editor (1002) */     
      }     
      #whichclient {     
        width: 250px;         
        } 
      .container {
      }    
      .ui-menu {       
        overflow:auto;       
        height: 300px;       
        width: 210px;     
          } 
      .ui-menu-item, .ui-widget-content {
      /*  font-size: 65%;       */
      }    
      .msgstyle {       
        color: red;       
        font-size: 40px;       
        font-weight: bold;     
        }     
      .smallmsgstyle {       
        color: red;       /*font-size: 40px;*/       
        font-weight: bold;     
        }     
      .totTable {       
        color: blue;       
        font-size: 80%;       
        font-weight: bold;       
        text-align: right;     
        }      
      .totTable>td {       
        text-align: right;     
        }            	
      .bdr {   		
        border: 1px solid black;   		
        padding: 5px;   		
        vertical-align: top;   		
        background-color: #ffff99;    	
        }   	
      .bdrck {   		
        vertical-align: top;     	
        }