/*
  colours
  #E2E2A0 light yellow
  #999969; darker yellow
  #474B5E dark blue
  #9ACD32 yellowgreen
  
  
  */


/*********** calendar legend ******/

.available {background-color: #9ACD32; }
.unavailable { background-color: #778899; }
.current-day-available {background-color:#32CD32; }
.current-day-unavailable {background-color:#87CEEB; }

p.legend { width: 80px; float: left; margin: 0px; padding: 0px; font-size: 11px; margin-left: 10px;}

#calendar-legend { margin: 0 auto; width: 300px; }
.calendar-legend-item { width: 120px; float: left; padding: 10px;}
.calendar-square { height: 20px; width: 20px; float: left; }


/******* calendar settings ********/
#calendar { color: #474B5E; font-family: Arial; width: 250px; }
#events { color: #000; margin: 0px; padding: 0px; text-align: justify;}
p.calendar-events { margin: 0px; padding: 5px; width: 230px;}
a.calendar-links:link, a.calendar-links:visited { color: #474B5E; text-decoration: none;}
.calendar-table {text-align: center; margin-left: 20px; margin-top: 85px;}
.days {width: 30px; font-size: 12px; color: #474B5E; font-weight: bold;}
.calendar-header {color:#474B5E; font-weight: normal;}
.calendar-day { font-size: 12px; color: #000; background-color:#9ACD32; }
.calendar-current-day { font-size: 12px; background-color: #32CD32; color: #474B5E;}
.calendar-day-has-event { font-size: 12px; background-color: #778899; color: #E2E2A0; }
.past { color:#474B5E; }
.current-calendar-day-has-event{font-size: 12px; background-color:#87CEEB;}


  
.calendar-form-wrapper { width: 260px; float: left;  }
label.calendar { clear: both; margin: 5px;  float: left;}
input.calendar { clear: both; margin: 5px;  float: left; width: 220px;}
textarea.calendar { clear: both; margin: 5px;  float: left; width: 220px;}
select.calendar { clear: both; margin: 5px; float: left;}
input.calendar-submit {clear: both; margin: 5px;  float: left; width:auto;}
h1.calendar { font-size: 16px; color: #E2E2A0;}



p.calendar { margin-left: 0px; width: auto; padding-top: 0px; color: #999969;}

div#cal:hover, div#cal.iehover { 
/* Note the -160px y-coordinate; it tells the browser to pull the background up by 160 pixels, to our standard up button state */ 
background:url(http://www.wiredbanner.com/images/calendar/work-calendar.png) 0px 0px no-repeat; 
width:300px; 
height:300px; 
margin: 0 auto; }

div#cal.iehover { 
/* Note the -160px y-coordinate; it tells the browser to pull the background up by 160 pixels, to our standard up button state */ 
background:url(http://www.wiredbanner.com/images/calendar/work-calendar.png) 0px 0px no-repeat; 
width:300px; 
height:300px;
margin: 0 auto;  }

div#cal {
/* Note the -160px y-coordinate; it tells the browser to pull the background up by 160 pixels, to our standard up button state */ 
background:url(http://www.wiredbanner.com/images/calendar/work-calendar.png) 0px 0px no-repeat; 
width:300px; 
height:300px;
margin: 0 auto;  }

div#message-cal {
/* Note the -160px y-coordinate; it tells the browser to pull the background up by 160 pixels, to our standard up button state */ 
background:url(http://www.wiredbanner.com/images/calendar/message-middle.jpg) 0 0px repeat; 
width:322px; 
height:auto;}

div#message-top {
/* Note the -160px y-coordinate; it tells the browser to pull the background up by 160 pixels, to our standard up button state */ 
background:url(http://www.wiredbanner.com/images/calendar/message-top.jpg) 0 0px repeat; 
width:322px; 
height:71px;
padding: 0px; }