#calendar_content {
      position: relative;
    }
    
    img {
      border: 0px;
    }
    #calendardiv {
      border: 1px solid black;
      background-color: #FFFFFF;
      text-align: center;
    }

    #calendar {
      font: 11px/14px arial, helvetica, sans-serif;
      color: #333333;
      margin-left: auto; 
      margin-right: auto;
      margin-bottom: 10px;
      margin-top: 10px;
      border-left: 1px solid #000000;
    }
    
    #calendar th  {
      border-top: 1px solid #000000;
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      width:20px;
      text-align:center;
    }
    
    #calendar td {
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      width :80px;
      height:80px;
      text-align:center;
      vertical-align:top;
    }
    
    #calendar td div {
      padding-left: 5px;
      text-align:left;
    }
    
    #calendar .dayheader {
      background-color: #004000;
    	border-bottom: 1px solid #004000;
      font-weight: bold;
      text-align:left;
      color: #FFFFFF;
      height:16px;
    }

    #calendar .dayheader_filler {
      background-color: #C0C0C0;
    	border-bottom: 1px solid #C0C0C0;
      font-weight: bold;
      text-align:left;
      color: #FFFFFF;
      height:16px;
    }
    
    .dh_i {
      float:right;
      width:16px;
      padding-top:1px;
    }    
    
    #calendar .calendar-month {
      font: 11px/14px arial, helvetica, sans-serif;
      margin-left: auto; 
      margin-right: auto;
      margin-top: 5px;
      font-weight:bold;
    }
    
    #calendar td div div.details {
      position:absolute;
      padding:0px;
      right: 0px;
    }
    .event {
      margin:0;
      padding:0;
    }
    #eventdiv {
      font-family: arial, helvetica, sans-serif;
      font-size: 11px;
    	border: 1px solid #C0C0C0;
    	text-align:left;
      background-color:#FFFFCC;
    }
    
    #eventdiv div {
      margin: 0;
      padding: 0;
    }
    
    #eventdiv label, #eventdiv .viewlabel { 
    	display: block;  /* block float the labels to left column, set a width */
    	float: left; 
    	width: 50px; 
    	padding: 0; 
    	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    	text-align: right; 
    }
    #eventdiv input, #eventdiv textarea, #eventdiv .viewdetail {
    	width:auto;
    	margin:5px 0 0 10px;
      font-size:9pt;
    }

    #eventdiv .viewlabel {
      clear:left;
    }
    #eventdiv .viewdetail {
      font-size: 11px;
      margin-left: 52px;
    }

    #eventdiv .editdelete {
      margin-top:32px;
      float:right;
      
    }

    #eventdiv .eventHeader {
      background-color: #004000;
      font-weight: bold;
      text-align:left;
      color: #FFFFFF;
      height:18px;
    }
    /* calendar styles */
    #calendardiv_popup {
      border: 1px solid black;
      background-color: #FFFFFF;
      text-align: center;
    }
    
    #calendar_popup {
      font: 12px/16px verdana, arial, helvetica, sans-serif;
      color: #333333;
      margin-left: auto; 
      margin-right: auto;
      margin-bottom: 10px;
      margin-top: 10px;
      clear:left;
    }
    
    #calendar_popup_header {
      background-color: #004000;
      font-weight: bold;
      text-align:left;
      color: #004000;
      height:18px;
      clear:both;
    }
    
    #calendar_popup th  {
      border-top: 1px solid #000000;
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      width:20px;
      text-align:center;
    }
    
    #calendar_popup td {
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      width:20px;
      text-align:center;
    }
    
    #calendar_popup .calendar-month {
      margin-left: auto; 
      margin-right: auto;
      margin-top: 5px;
      font-weight:bold;
    }
    
    #calendar_popup th.dayrowstart, td.dayrowstart {
      border-left: 1px solid #000000;
    }
    
    #calendar_popup td.emptydaysright {
      border:0px;
      border-right: 0px;
    }
    #calendar_popup a {
      text-decoration:none;
    }
    
    #reserveform {
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 12px;
    	text-align:left;
      width:490px;
      margin:auto;
      padding:5px;
    }
    
    #reserveform label { 
    	display: block;  /* block float the labels to left column, set a width */
    	float: left; 
    	width: 110px; 
    	padding: 0; 
    	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    	text-align: right; 
    }
    #reserveform input, #reserveform textarea, #reserveform select {
    	width:auto;
    	margin:5px 0 0 10px;
      font-size:10pt;
    }

    
    #calendar_legenda {
      margin-left: auto; 
      margin-right: auto;
      margin-bottom: 20px;
    }

    #months_div {
      position:absolute;
      background-color: #C0C0C0;
      top: 16px;
      left: 38%;
      display:none;
      padding: 10px;
      width: 130px; 
      height:200px;
      border:1px solid #9C0000;
      overflow-y:scroll;    
      font: 11px/14px arial, helvetica, sans-serif;
    }