/*
###########################
Copyright : Paul Outterside 2006, 2007, 2008
Author : Paul Outterside
Site : www.6point4.com
###########################
*/

/* CONTROL LAYOUT ELEMENTS */
/* main div that holds it all together */
#calControl {
	border : 0px;
	margin : 0px;
	margin-bottom : 5px;
	padding : 0px;
	width : 201px;
	}

/* the month display and navigation arrows holder */
#calHeader {
	border : 0px;
	margin : 0px;
	padding : 0px;
	}

/* day headers holder */
#calSubHeader {
	border : 0px;
	margin : 0px;
	padding : 0px;
	}

/* holds the table that contains all the day fields */
#dayHolder {
	border : 0px;
	margin : 0px;
	padding : 0px;
	}

/* holds the closing bottom pane */
#calControl .closeHolder {
	background : #dedede;
	color : #fff;
	font-weight : bold;
	border : 1px solid #fff;
	height : 16px;
	line-height : 16px;
	font-size : 10px;
	text-align : right;
	}

#calControl .closeHolderHover {
	background : #9a9b9c;
	color : #fff;
	font-weight : bold;
	border : 1px solid #fff;
	height : 16px;
	line-height : 16px;
	font-size : 10px;
	text-align : right;
	cursor : pointer;
	}

/* DISPLAY STYLE ELEMENTS */
/* Calendar Controls Table */
#calControls {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	}

#calControls td {
	font-size : 10px;
	font-weight : bold;
	color : #333;
	height : 24px;
	border : 1px solid #fff;
	border-bottom : 0px;
	padding : 0px;
	margin : 0px;
	}

#calControls .calLeftArrow {
	background : #dedede;
	color : #333;
	text-align : center;
	width : 24px;
	}

#calControls .calLeftArrowHover {
	background : #9a9b9c;
	color : #fff;
	text-align : center;
	width : 24px;
	cursor : pointer;
	}

#calControls .calMonthName {
	background : #dedede;
	color : #333;
	text-align : center;
	width : 149px;
	}

#calControls .calMonthNameHover {
	background : #9a9b9c;
	color : #fff;
	text-align : center;
	width : 149px;
	cursor : pointer;
	}

#calControls .calRightArrow {
	background : #dedede;
	color : #333;
	text-align : center;
	width : 24px;
	}

#calControls .calRightArrowHover {
	background : #9a9b9c;
	color : #fff;
	text-align : center;
	width : 24px;
	cursor : pointer;
	}

/* Calendar Day Headers Table */
#calDayHeaders {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	}

#calDayHeaders td {
	background : #dedede;
	font-size : 10px;
	font-weight : bold;
	color : #333;
	width : 24px;
	height : 24px;
	border : 1px solid #fff;
	padding : 0px;
	margin : 0px;
	}

#calDayHeaders .calDayHead {
	text-align : center;
	}

/* Calendar Main Week Days */
#calWeeks {
	border : 0px;
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	}

#calWeeks td {
	background : #fff;
	font-size : 10px;
	color : #333;
	width : 24px;
	height : 24px;
	border : 1px solid #fff;
	padding : 0px;
	margin : 0px;
	}

#calWeeks .calWeekFullSel {
	text-align : center;
	font-weight : bold;
	color : #333;
	background : #dedede;
	cursor : pointer;
	}

#calWeeks .calWeekFullSelHover {
	text-align : center;
	font-weight : bold;
	color : #fff;
	background : #9a9b9c;
	cursor : pointer;
	}

#calWeeks .calWeekDay {
	text-align : center;
	cursor : pointer;
	}

#calWeeks .calWeekDayHover {
	text-align : center;
	background : #b3b4b5;
	font-weight : bold;
	cursor : pointer;
	}

#calWeeks .calWeekDaySel {
	text-align : center;
	background : #ffc0b0;
	font-weight : bold;
	cursor : pointer;
	}

#calWeeks .calOtherWeekDay {
	background : #efefef;
	text-align : center;
	}

#calWeeks .calOtherWeekDayHover {
	background : #d4d5d6;
	text-align : center;
	/*cursor : pointer;*/
	}

#calWeeks .calOtherWeekDaySel {
	background : #b3b4b5;
	text-align : center;
	}