/* Calendar tabbed navigation */
/* --------------------------------------------------------------- */
div#calendarnavcontainer {
	text-align:right;
	width: 98%;
	margin-bottom:0;
	border:none;
	}
div#calendarcontainer {
	text-align:left; 
	border: 1px solid #666;
	width: 98%;
	margin-top:0;
	}
div#calendarview {
	text-align:left; 
	width: 99%;
	margin: 0px auto;
	padding-top:10px;
	padding-bottom:10px;
	}
/* -------------------------------------------- */
div#calendarnavcontainer table {
	text-align:right;
	margin: 0 0 0 auto;
	width: 545px;
	border-collapse: collapse; 
	border: none;
	}
td.calendarselection {
	text-align:right;
	vertical-align:middle;
	padding: 0 10px 0 0;
/*	width: 345px; */
	}
td.calendartabview {
	vertical-align:bottom;
	text-align: right;
	margin: 0 0 0 auto;
	padding:0;
	}
/* -------------------------------------------- */
/* currently  #calendarnav is defining a TD. This will also work with a DIV */
#calendarnav{
	width: 175px; 
	text-align: right;  
	margin: 0 0 0 auto;
	padding:0;
}
#calendarnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#calendarnav ul li {
	list-style: none; 
	float: left;
	margin: 0 0 0 3px;
	background: #CCC url(/images/calendar/tab-left-01.gif) no-repeat left top;
	padding: 0 0 0 9px;
	white-space: nowrap;
	} 
#calendarnav a {
	float: left;
	display: block;
	width: .1em;
	height: 15px;
	background: #CCC url(/images/calendar/tab-right-01.gif) no-repeat right top;
	padding: 8px 10px 4px 1px;
	text-decoration: none;
	font: 10px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	} 
#calendarnav > ul a {width: auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#calendarnav a {float: none;}
/* End IE5-Mac hack */
#calendarnav a:hover {
	color: #033;
	}
#calendarnav #current {
	background-position: 0 -28px;
	}
#calendarnav #current a {
	background-position: 100% -28px;
	color: #033;
	cursor: default;
	}
#calendarnav li:hover, #calendarnav li:hover a {
	background-position: 0% -28px;
	color: #033;
	}
#calendarnav li:hover a {
	background-position: 100% -28px;
	}
* html #calendarnav li a:hover{
	background-position: 0% -28px;
	color: #033;
	}
* html #calendarnav li a:hover {
	background-position: 100% -28px;
	}
/* -------------------------- */
table.right {
	float:right;
	clear:right;
	}
/* Small Calendar */
.calendarsmall {
	float:left; 
	width: 203px;
	margin: 5px 15px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #CCC;
	font-size:.85em;
	}
.calendarsmall th {
	width: 25px;
	border: none;
	padding: 1px;
	font-size:.85em;
	text-align: center;
	background-color: #CCC;
	font-weight: bold;
	}
.calendarsmall td {
	border: none;
	padding: 1px;
	font-size:.85em;
	text-align: right;
	}
.calendarsmall caption {
	font-weight: bold;
	font-size:1em;
	margin: 5px 0;
	height: 1.5em;
	}
.calendarsmall td a {
	display: block;
	text-decoration: none;
	color: #000;
	}
.calendarsmall td a.e {
    background-color: #CFF;
    }
/* Yearly Calendar View */
/*
.calendaryear {
    width: 750px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    }
.calendaryear td, .calendaryear th {
    font: inherit;
    }
*/
/* Large Calendar */
table.calendar {
	width: 728px;
	margin: 0px auto;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #CCC;
	font-size:.85em;
	}
table.calendar th {
	width:100px;
	border: none;
	padding: 1px;
	font-size:1em;
	text-align: center;
	background-color: #CCC;
	font-weight: bold;
	border: 1px solid #CCC;
	}
table.calendar td {
	border: 1px solid #CCC;
	padding: 5px;
	text-align: left;
	height: 100px;
	vertical-align: top;
	font-size: 1em;
	}
td p {font-size:1em;}
.calendar td a {
	font-size: .8em;
	}
.calendar caption {
	font-weight: bold;
	font-size: 1.5em;
	margin: 5px 0;
	height: 1.75em;
	}
.calendar caption a{
	color: #000;
	font-weight: normal;
	font-size: .8em;
	background-color: #F0F0F0;
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0 2px 0 2px;
	}
.calendar caption a:link{
	color: #000;
	}
.calendar caption a:visited{
	color: #000;
	}
.calendar caption a:hover{
	color: #000;
	background-color: #FFC;
	}
.calendar caption a:active{
	color: #000;
	}
/* Daily Calendar View*/
.calendardaily {
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #CCC;
	font-size:.85em;
	background-color: #F0F0F0;
	}
.calendardaily th {
	border: none;
	padding: 3px;
	font-size:1em;
	text-align: center;
	background-color: #CCC;
	font-weight: bold;
	border: 1px solid #CCC;
	}
.calendardaily td {
	border: 1px solid #CCC;
	padding: 0px;
	vertical-align: top;
	font-size: 1em;
	}
.calendardaily h2 {
	background-color: #D4D4D4;
	display: block;
	margin: 0px;
	padding: 3px;
    font-size: .85em;
	font-weight: bold;
    }
.calendardaily caption {
	font-weight: bold;
	font-size: 1.5em;
	margin: 5px 0;
	height: 1.75em;
	}
.calendardaily caption a{
    color: #000;
    font-weight: normal;
    font-size: .8em;
    background-color: #F0F0F0;
    border: 1px solid #CCC;
    text-decoration: none;
    padding: 0 2px 0 2px;
    }
.calendardaily caption a:link{
    color: #000;
    }
.calendardaily caption a:visited{
    color: #000;
    }
.calendardaily caption a:hover{
    color: #000;
    background-color: #FFC;
    }
.calendardaily caption a:active{
    color: #000;
    }
div.hourlyevent {
	width:98%;
	margin:0px;
	padding:5px;
	border-bottom: dashed 1px #CCC;
	}
div.hourlyevent p, div.hourlyeventlast p{
	background-color: #DBDBDB;
	display: block;
	margin: 0px;
	padding: 3px 25px;
    font-size: .85em;
    }
div.hourlyeventlast {
	width:98%;
	margin:0px;
	padding: 5px;
	border-bottom: none;
	}
th.timeth {width:50px;}
.dailytime {
	text-align: right;
	font-weight: bold;
	background-color: #CCC;
	padding: 5px;
	}
.filler {background-color: #FFF;}
td.d7 {
	background-color: #F0F0F0;
	color: #333;
	}
td.d1 {
	background-color: #F0F0F0;
	color: #333;}
td.today, td.today a.e {
	background-color: #FFC;
	font-weight: bold;
	}
a.vo {
    color: #999;
    }
label {font-weight:bold;}
hr {
	display: block;
	clear: both;
	visibility: hidden;
	}