/* -------------------------------------------------------------- 
   Calendar Page
-------------------------------------------------------------- */


table.calendar 
{
	margin:12px 0;
	clear:both;
	font-size:12px;
	border-collapse:collapse;
	width:100%;
}

table.calendar thead th:first-child {-moz-border-radius:5px 0px 0 0;}
table.calendar thead th:last-child {-moz-border-radius:0px 5px 0 0;}
table.calendar tbody {-moz-border-radius:5px;}

table.calendar td { border:1px solid #bbb; }
table.calendar tr:last-child td:first-child {-moz-border-radius:0px 0px 0 5px;}

table.calendar .day_number 
{
	color:#6C6C6C;
	font-size:12px;
	padding:3px 9px;
	font-weight:bold;
}

table.calendar td .daynum { color: #6C6C6C; }

table.calendar th 
{
	width: 14.28%;
	height: 10px;
	background: #24B0B7  !important;
	font-weight:bold;
	color: #FFF;
	text-shadow: 0 0 1px rgba(0,0,0,.3);
	padding:12px 0;
	text-align:center;
}

table.calendar td 
{
	height: 90px;
	/*width:14.28%;*/
	color: #114B7D;
	text-align: left;
	vertical-align: top;
	padding:0;
	font-size:12px;
}



table.calendar .event { letter-spacing:-.1px; width: 83%; margin: 0 auto 1px; display: block; position: relative; padding:3px 5px; -moz-border-radius: 4px;	-webkit-border-radius: 4px;	border-radius: 4px;}
table.calendar .event p { margin:0 2px 0 4px; line-height:105%; color:inherit;}

table.calendar .event_title
{
	color: inherit;
	font-size: 10px;
	position: relative;
	text-decoration: none;
	z-index: 20;
}
#content table.calendar .event_title a {color: inherit; text-decoration:underline; font-weight: normal;}
#content table.calendar .event_title a:hover { }

table.calendar .event_time { display: block; font-size: 11px; font-weight: bold; color: inherit; padding-right: .25em; line-height:105%;}



table.calendar .not_current_month { background: #F1F1F1; }

table.calendar .not_current_month .day_number { color: #888; }

table.calendar td.today {background-color:#9FC6E6;}
table.calendar td.today div.day_number {font-weight:900;}


.container.inner #content h2.calendar_header {font-family: 'Open Sans Condensed', sans-serif; font-size: 46px; text-align: center; line-height: 48px; margin-bottom: 0; margin-top: .25em; }
	h2.calendar_header button { top: -10px; margin: 0 1em; position: relative; width:100px;}
		h2.calendar_header button:hover { color: #FFF !important; }
		h2.calendar_header button:active { top:-9px; }
		
		h2.calendar_header button.previous { right: 25px; }
		h2.calendar_header button.next { left: 25px; }
h3.calendar_header {text-align:center; margin-top:0; margin-bottom:.5em;}
		
		
/* -------------------------------------------------------------- 
   Buttons
-------------------------------------------------------------- */
.calendar-container .btn,
.calendar-container .btn-icon,
.calendar-container .btn-mini
{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px 4px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
}
	
	/* Active/Click state */
	.btn:active, .btn-icon:active, .btn-mini:active { top: 1px; }


/* Sizes */
.calendar-container .btn, .btn-icon { background-position: 0 -80px; font-size: 12px; height: 32px; line-height: 29px; }
.calendar-container .btn.btn-small, .btn-icon.btn-small { background-position: 0 0; font-size: 10px; height: 26px; line-height: 23px; }
.calendar-container .btn.btn-large, .btn-icon.btn-large { background-position: 0 -160px; font-size: 15px; height: 42px; line-height: 40px; }

	/* Sizes - Line height for A buttons need to be different */
	.calendar-container a.btn, .calendar-container a.btn-icon { height: 32px; line-height: 32px; padding-bottom: 0; }
	.calendar-container a.btn.btn-small, .calendar-container a.btn-icon.btn-small { line-height: 26px; padding-bottom: 0; }
	.calendar-container a.btn.btn-large, .calendar-container a.btn-icon.btn-large { line-height: 42px; padding-bottom: 0; }
	

/* Fix the button in IE7 :-( */
*+html .btn, *+html .btn-icon { border-color: none ; border: 1px solid transparent; }



/* Set default button colors */
.calendar-container .btn, .calendar-container .btn-icon, .calendar-container .btn-mini,
.calendar-container .btn:visited, .calendar-container .btn-icon:visited, .calendar-container .btn-mini:visited {  background-image: url(/php_includes/kc_calendar/images/bg-lite.png); background-color: #2e2e2e; border-color: #cAd0c6; color: #FFF; }

.btn:hover, .btn-icon:hover, .btn-mini:hover { background-color: #585858; color: #FFF; }


/* Colors */	
.btn-pink,
.btn-pink:visited { background-color: #FF0066; border-color: #DA0C59; }
.btn-pink:hover { background-color: #DA0C59; }

.btn-blue,
.btn-blue:visited { background-color: #066ECD; border-color: #0561B4; }
.btn-blue:hover { background-color: #0561B4; }

.btn-red,
.btn-red:visited { background-color: #E40001; border-color: #CC0000; }
.btn-red:hover { background-color: #CC0000; }

.btn-green,
.btn-green:visited { background-color: #77B32F; border-color: #689C29; }
.btn-green:hover { background-color: #689C29; }

.btn-black,
.btn-black:visited { background-color: #111; border-color: #000; }
.btn-black:hover { background-color: #000; }

.btn-purple,
.btn-purple:visited { background-color: #7B0F75; border-color: #6A0D66; }
.btn-purple:hover { background-color: #6A0D66; }

.btn-maroon,
.btn-maroon:visited { background-color: #750000; border-color: #530000; }
.btn-maroon:hover { background-color: #530000; }

.btn-yellow,
.btn-yellow:visited { background-color: #FFCC00; border-color: #D9AD01; }
.btn-yellow:hover { background-color: #D9AD01; }

.btn-teal,
.btn-teal:visited { background-color: #39A7B6; border-color: #2E8794; }
.btn-teal:hover { background-color: #2E8794; }

.btn-orange,
.btn-orange:visited { background-color: #F90; border-color: #D58000; color: #FFF; }
.btn-orange:hover{ background-color: #D58000; color: #FFF; }

.btn-grey,
.btn-grey:visited  { background-color: #999; border-color: #888; color: #FFF; }
.btn-grey:hover{ background-color: #888; color: #FFF; }


/* Images Overlays - Gradient Effect */
/* 50% Opacity for darker colors */
.btn-blue,
.btn-black,
.btn-purple,
.btn-maroon,
.btn-teal,
.btn-grey { background-image: url(/php_includes/kc_calendar/images/bg-dark.png) !important; }


/* 65% opacity for lighter colors */
.btn-red,
.btn-orange,
.btn-green,
.btn-yellow,
.btn-pink { background-image: url(/php_includes/kc_calendar/images/bg-lite.png) !important; }