/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; top:25px; margin-bottom:60px;}

.calendar, .perfcalendar table {
  border: 0px solid #000000;
  font-size: 12px;
  color: #fff;
  cursor: default;
  background: transparent;
  font-family: tahoma,verdana,sans-serif;
  margin-left:auto;margin-right:auto;
  width:220px;
  clear:both;
}

.calendar table {
  background-image:url(../images/performance_calendar_bg.png);
  background-repeat:no-repeat;
}

.calendar th { height:20px; }
.calendar th.daylabels { height:32px; }

.calendar td { height:20px; }

.calendar tbody th { text-align:center; font-size:11px; line-height:17px;}

.calendar tbody td { 
	text-align:center; 
	width:30px;
	padding-left:3px;
	}

html>body .calendar tbody td { 
	padding-left:0px;
}
	
.calendar tbody td.hilite { 
  background-image:url(../images/calendar_spot-large.png);
  color:#ffffff;
}
.calendar tbody td.hilite-blue { 
  background-image:url(../images/calendar_spot-large-blue.gif);
  color:#ffffff;
}

.calendar tbody td.hilite-purple { 
  background-image:url(../images/calendar_spot-large-purple.gif);
  color:#ffffff;
}

.calendar tbody td.hilite a { 
	color:#fff;
	text-decoration:none;
}
.calendar tbody td.hilite-blue a, .calendar tbody td.hilite-purple a { 
	color:#fff;
	text-decoration:none;
}


a.monthlink { color:#fff; text-decoration:none;}
a.monthlink:hover { color:#ef3322; }


/*stuff for 'full screen' calendar*/

.bigcalendar, .bigcalendar table {
  border: 1px solid #000000;
  font-size: 11px;
  color: #fff;
  cursor: default;
  background: #000000;
  font-family: tahoma,verdana,sans-serif;
  margin-left:auto;margin-right:auto;
  width:100%;
}

.bigcalendar table {
  background-image:url(../images/calendar_bg.gif);
  background-repeat:no-repeat;
}

a.bigmonthlink { color:#ef3322; text-decoration:none;}
a.bigmonthlink:hover { background-color:#ef3322; color:#ffffff; text-decoration:none;}

.bigcalendar tbody td { 
	vertical-align:bottom;
	font-size:120%;
	background-color:#fff;
	color:#000;
	width:130px; height:130px;
}

.bigcalendar tbody td.empty {
	background-color:#333;
	
}


td div a.full { text-decoration:none; color:#000;  }
td div a.full:hover { text-decoration:none; color:#fff; background-color:#EF3322; }

.bigcalendartop, .bigcalendartop table {
  border: 1px solid #000000;
  font-size: 11px;
  color: #fff;
  cursor: default;
  background: #000000;
  font-family: tahoma,verdana,sans-serif;
  margin-left:auto;margin-right:auto;
  width:100%;
  border-top:1px solid #3f3f3f;
  border-bottom:1px solid #3f3f3f;
  margin-bottom:40px;margin-top:40px;
}

.bigcalendartop table {
  background-image:url(../images/calendar_bg.gif);
  background-repeat:no-repeat;
}

.bigcalendartop tbody td { 
	height:120px; 
	vertical-align:bottom;
	font-size:120%;
	background-color:#fff;
	color:#000;
	width:14%;
}

.bigcalendartop tbody td.empty {
	background-color:#333;
	
}

.bigcalendartop thead th a { color:#ef3322; }

.bigcalendartop a { color:#ef3322;}