body {
  background-color: #fff;  
  font-family: helvetica, sans-serif;
  margin-left:20px;
  margin-right:20px;
}

body.event_details_body {
  background-color: #fff;  
}

h1 {
  font-weight:bold;
  font-size:large;
}


img {  /* prevents borders around images that are links (whose dumb idea was that anyway?) */
  border-width:0px;
}

/* event_box surrounds each event*/

a.event_box { 
  border-style:solid;
  border-width:1px; 
  border-color:#aaa; 
  padding:3px;
  margin:2px;
  text-align:center;
  color:#3266cd;
  font-weight:normal;
  font-size:x-small;
  text-decoration:none;
}

.event_time {
  text-decoration:none;
  white-space:nowrap;
}

.event_box:link {
  color:#0000ff !important; 
}

.event_box:hover {
  color:#0000ff; 
}

.event_box:visited {
  color:#0000ff; 
}

.event_box.background {
  border-color:#000; 
}

.date {           /* dates */
  font-weight:normal;
  font-style:normal;
  border:solid 0px #ababab;
  display:inline;
  margin:0px;
  padding:0px;
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  line-height:30px;
  vertical-align:top;
  color:#666;
  float:left;
}

.date.today {                     /* this can be used to put some image on today's date (like a circle around the date) */
  background-color:#fff;
  display:inline;
  color:#f00;
  font-weight:bold;
}




.day {               /* used for calendar cells*/
  background-color:#fff;
  border:solid 1px #333;
  padding:0;
  padding-left:2px;
  padding-right:2px;
  width:11%;
  font-size:small;
  font-weight:normal;
  vertical-align:top;
  height:2px;
}

.day.other_month {               /* used for calendar days in months before & after the current month */
  color:#333333;      
  font-size:small;
  background-color:#eeeeee;
}

.day.other_month_multi {         /* used for odd months in multicalendar continuous month display */
  color:#333333;
  background-color:#eeeeee;
}

.day.cell_bottom {               /* used for calendar cell bottoms */
  height: 3px;
  padding: 0;
  margin: 0;
}

.day.spacer {                    /* used for spacers beneath multi-day events */
  height:auto;
}
.day.spacer.bottom {                    /* used for spacers beneath multi-day events */
}

td.today {                          /* used for today's date */
  background-color:#fff;
}

table.calendar {      /* used for invisible tables & divs */
  background-color:transparent;  
  padding:0px;
  margin:0px;
  border:solid 0px #aaa;
  border-collapse:collapse;
  height:100%;
  margin-top:2em;
}

td.event_slot {               /* this surrounds each event box on the calendar */
  border-style:solid;         
  background-color:#fff;
  border-width:0px;
  border-color: #000;
  padding:2px;
  margin:0px;
}


/**************** print styles ************************/

@media print {

/* for printing, things should be black & white
   (backgrounds light, text & borders dark.)*/

/* set all fonts to black */
font {
  color:#000 !important;            
}

/* set all links to black */
a:link { color: #000 !important; text-decoration:none;}
a:visited { color: #000 !important; text-decoration:none;}


body {
  background-color: #fff;  
  background-image:none;
}

#plans_links {
  display:none;
}

#tab_menu {
  display:none;
}

.calendar_controls {
  display:none;
}

.prev_next {
  display:none;
} 

}


#calendar table { border:1px solid #fff; padding: 0; margin:1px; }
#calendar th { background: #565; color: #fff; margin: 3px; padding: 2px 5px;}
#calendar td { background: #eee; color: #000;  padding: 2px;
    margin:0; height:30px; text-align:right; vertical-align:top; border:1px solid #fff;}
#calendar td.notInMonth{ background: #999; }
#important table { border:1px solid #fff; padding: 0; margin:20px; }
#important th { background: #fff; color: #ff0; margin: 3px; padding: 2px 5px;}
#important td { background: #e0e; color: #000;  padding: 2px;
    margin:0; height:60px; text-align:right; vertical-align:top; border:1px solid #fff;}
#important td.notInMonth{ background: #999; }