div.calendar{
  float: left;
  padding: 2px;
  margin-top: 10px;
}

table.calendar{
  width: 146px;
}

div.calendar li.header{
  text-transform: uppercase;
  color: #fff;
  background: #34A2A1;
  float: left;
  border-bottom: 0;
  border: 1px solid #E2E2E2
}

div.calendar li.header a{
  color: #fff
}

div.calendar li.header span{
  padding: 3px;
  display: block;
  border: 1px solid #FFF;  
}

div.calendar li.calendar{
  width: 146px;
  border: 1px solid #E2E2E2;
  padding: 1px;
  clear: left;
  background: #fff;
}

li.calendar li.inst{
  padding: 4px
}



table.calendar{
  border-collapse: collapse;
}

div.full_calendar table.calendar,
div.full_calendar table.calendar tbody tr td, 
div.full_calendar table.calendar thead tr th{
  border: 1px solid #505050
}

table.calendar thead,
table.calendar tfoot{
  background: #ccc
}

table.calendar tr.day_letter_row th,
td.current_month{
  width: 15px;
  padding: 2px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  cursor: default
}

table.calendar td{
  text-align: center;
  border: none
}

td#today{
  border: 1px solid #34A2A1
}

tr.days td{
  cursor: default
}

tr.days td span.day_num{
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin-left: -1px;
  margin-top: -1px;
  margin-right: 2px;
  padding: 1px;
  width: 15px;
  text-align: center;
  display: block;
  float: left
}

tr.days td span.note{
  font-size: 8px;
  display: block
}

tr.days td span.num_events{
  font-size: 10px;
  display:block;
  float: right
}

tr.days a.day_info_link{
  color: #505050;
  cursor: default;
  display: block !important;
  width: 100%;
  height: 100%
}

tr.days a.day_info_link:hover{
  text-decoration: none
}

tr.days td:hover{
  background: #ccc !important;
}

tr.days td:hover span.day_num,
tr.days td.event_day span.day_num{
  border-right: 1px solid #505050;
  border-bottom: 1px solid #505050;
}

tr.days td.blank_day:hover{
  background: none
}

tr.days td.note_day{
  background: #dedede;
  color: #000
}

tr.days td.event_day{
  background: #ccc;
  color: #000
}

tr.days td.event_day a{
  display: block
}

div.full_calendar tr#current_week_full{
  background: #e5e5e5
}

div.full_calendar,
div.calendar{
  position: relative
}

div.full_calendar table.calendar{
  width: 470px
}

div.full_calendar table.calendar tr.days td{
  height: 50px;
  vertical-align: top;
  text-align: left;
  width: 14%
}

div.full_calendar table.calendar tr.days td a.add_notes{
  float: right;
  font-size: 8px;
  display: block;
  width: 12px;
  margin-right: 0px;
}

div.full_calendar td#today_full{
  font-weight: bold;
  background: #D5F3F2
}

div.full_calendar table.calendar tbody tr td.event_day a span{
  display: block 
}

div#full_calendar_notes{
  border: 2px solid #666;
  background: #fff;
  text-align: center;
  width: 250px;
  padding: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -81px;
  margin-left: -135px
}

div#full_calendar_notes a.close_notes,
div#day_info a.close_info,
div#day_info_full a.close_info{
  float: right;
  margin: -5px -5px 0 0
}

div#day_info,
div#day_info_full{
  border: 1px solid #34A2A1;
  padding: 10px;
  background: #D1F1F0;
  position: absolute;
  width: 124px;
  top: 0%;
  left: -1px;
  margin: 5px;
  margin-top: 59px;
  font-size: 9px;
  overflow: auto;
  max-height: 120px
}

div#day_info_full{
  width: 250px;
  top: 50%;
  left: 50%;
  margin-left: -125px;
  margin-top: -105px;
  font-size: 12px;
  max-height: 180px
}

div#day_info ul li,
div#day_info_full ul li{
  background: none;
  padding: 0;
  margin: 0;
  margin-top: 5px;
  display: inline
}

div.calendar_key a.false_a{
  background: url(/images/structure/plus_button.jpg) no-repeat 6px 0;
  padding:  2px 2px 2px 30px;
  display: block;
  margin: 3px 0
}

div.main_content div.calendar_key li{
  display: inline;
  background: none;
  padding: 0 10px
}