/* Navigation Bar */
.calendarnav
{
	height: 26px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 10px 0 10px;;
}

.monthname
{
	width: 150px;
	float: left;
	font-weight: bold;
	margin: 0px auto 0px auto;
}

/* Left/right Cursors*/
.prevmonth
{
	float: left;
	background: url("../img/arrowblackrollleft.gif") 0 0 no-repeat;
}

.nextmonth
{
	float: right;
	background: url("../img/arrowblackrollright.gif") 0 0 no-repeat;
}

.prevmonth, .nextmonth
{
	width: 16px;
	height: 16px;
	border: none;
	vertical-align: middle;
	display: block;
}

.prevmonth:hover, .nextmonth:hover {background-position: -16px 0;}
.prevmonth:active, .nextmonth:active {background-position: 16px 0;}

/* Calendar Table */
.calendar {width: 200px; border-collapse: collapse; float:left;}
.calendar th {font-weight: bold}
.calendar td {text-align: center; border: 1px solid;}

.calendar td a {display: block;}

.calendar th,.calendar td,.calendar td a {height: 20px; line-height: 20px;}
.calendar_event_box
{
	display: none;
	margin: 3px 2px 3px 2px;
	border-width:1px;
	width: 203px;
	border-style: solid;
}

#calendarmessage {display: none; text-align: center; padding: 5px; font-weight: bold;}
#calendarresponse {border:1px solid;}

/* Drop down box */
.calendar_event_box p, .calendar_event_box h3 {margin-left: 5px; margin-top: 5px;}

.closeshow a
{
	display: block;
	width: 11px;
	height: 11px;
	background: url("../img/closesmallblack.gif") 0 0 no-repeat;
	border: none;
	vertical-align: middle;
	float: right;
	margin: 5px;
	text-indent: -9999px;
	cursor: pointer;
}

.closeshow a:hover{background-position: -11px 0;}