body {
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

b {
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

option, select, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

/*
a.prevnext:link {color: #3b73b9; font-size: 11px; text-decoration:none;}
a.prevnext:visited {color: #3b73b9; font-size: 11px; text-decoration:none;}
a.prevnext:hover {color: #3b73b9; font-size: 11px; text-decoration:underline;}
a.prevnext:active {color: #3b73b9; font-size: 11px; text-decoration:none;}

a.day:link {color: #3b73b9; text-decoration:none;font-size:10px; font-weight:bold;}
a.day:visited {color: #3b73b9;text-decoration:none;font-size:10px; font-weight:bold;}
a.day:hover {color: #3b73b9; text-decoration:underline;font-size:10px; font-weight:bold;}
a.day:active {color: #3b73b9; text-decoration:none;font-size:10px; font-weight:bold;}

a.event:link {color: #3b73b9; font-size: 10px; text-decoration:none;}
a.event:visited {color: #3b73b9; font-size: 10px; text-decoration:none;}
a.event:hover {color: #3b73b9; font-size: 10px; text-decoration:underline;}
a.event:active {color: #3b73b9; font-size: 10px; text-decoration:none;}

a.admin:link {color: #3b73b9; font-size: 11px; text-decoration:none;}
a.admin:visited {color: #3b73b9; font-size: 11px; text-decoration:none;}
a.admin:hover {color: #3b73b9; font-size: 11px; text-decoration:underline;}
a.admin:active {color: #3b73b9; font-size: 11px; text-decoration:none;}
*/
/*
table.cal {
background-color: #cccccc;
height: 770px;
border-style:solid;
border-width: 1px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
}

.caption {
color: black;
font-size: 11px;
font-weight: bold;
}

.thead {
color: #666666;
background-color: #e5e5e5;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
}

td.cal {
background-color: white;
text-align: right;
vertical-align: top;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
}




tfoot.cal {
color:black;
background-color: lightblue;
font-size: 11px;
text-align: left;
}

ul.cal {
margin: 0px;
list-style-position: inside
}

.cal-admin-link {
color: #ffffff;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}


*/
/* this is the new stuff */

table.calendar {
  table-layout:fixed;
  border: 1px solid black;
  width: 770px;
  border-collapse: collapse;
}

#monthView {
	table-layout: fixed;
	width: 770px; }

#weekView {
	table-layout: auto;
	width: 770px;}
	
#dayView {
	table-layout: auto;
	width: 770px;}

#weekView tr.spacer td, #dayView tr.spacer td {
	border-right: 1px inset #cccccc;}

table.calendar tr {
  border-collapse: collapse;
}

table.calendar a.arrow:link, table.calendar a.arrow:visited {
  font-family: arial;
  font-size:7px;
  color:#0066b3;
}

table.calendar td {
  font-family: arial;
  font-size: 7px;
  font-weight:normal;
  color: #505050;
  border-collapse: collapse;
	width: 14%;}	  

table.calendar tr#month td {
  color:#666666;
  text-align:center;

  padding:7px 0 7px 0;
  background-color: #e5e5e5;
}

table.calendar tr#week td {
  color:#666666;
  font-size: 10px;
  text-align:center;

  padding:5px 0 5px 0;
  background-color: #e5e5e5;
  border-bottom: 1px inset #cccccc;
  border-right: 1px inset #cccccc;
  border-top: 1px solid #000000;
}

table.calendar tr#day td {
  color:#666666;
  font-size: 10px;
  text-align:center;
  font-weight:bold;
  padding:5px 0 5px 0;
  background-color: #e5e5e5;
  border-bottom: 1px inset #cccccc;
  border-right: 1px inset #cccccc;
  border-top: 1px solid #000000;
}

table.calendar tr.days td {
  color:#666666;
  font-size: 10px;
  vertical-align:top;
  height: 78px;
  padding:5px 5px 5px 5px;
  border-bottom: 1px inset #cccccc;
  border-right: 1px inset #cccccc;
}

table.calendar tr.HR td {
  color:#666666;
  vertical-align:top;
  height: 35px;
  padding:5px 5px 5px 5px;
  border-bottom: 1px inset #cccccc;
  border-right: 1px inset #cccccc;}
  
table.calendar tr.HR td.time {
	font-weight: bold;
	text-align: right;}
	
table.calendar tr.HR td.details {
	text-align: left;}

table.calendar tr.HR td.details ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

table.calendar tr.days td#current, table.calendar tr#current td {
  background-color:#ffffcc;
}

table.calendar tr.days td div.dayOfMonth {
  font-weight:normal;
  text-align:left;
  width:100%;  
}
	
table.calendar tr.days td div.dayOfOtherMonth {
  font-weight:bold;
  text-align:right;
  width:100%;
  color:#cccccc;
}

table.eventForm tr td{
  padding:5px 0 5px 0;
}
table.eventDetail tr td {
  padding:2px 0 2px 0;
}

/* clear the padding on the first row...*/
table.eventForm tr#first td, 
table.eventDetail tr#first td {
  padding-top:0;
}