


/*   overall cal basics..   */
.kalender{
	width:212px;
	cursor:pointer;
	margin: auto;
}
#consumerSecondary1 .kalender {	width:500px;}


#businessSecondary1 .kalender {	width:450px;}






/*   Event menu overlay..  */

.kalender-menu { width:212px;margin: auto; }
#consumerSecondary1 .kalender-menu {width:500px;}

#businessSecondary1 .kalender-menu {width:400px;}




/*  AREA WHERE MONTH/YEAR IS DISPLAYED - WITH ARROW NAV */
.kalender-month{
	/* background:url('images/month_bar.gif') repeat-x; */
	height:23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	width:150px;
	color:#003745;
}

.kalendar-month-pageTitle { display:none;}



/* the month year header..  */
#consumerSecondary1 .kalender-month {	font-size:18px; width:350px; height:34px;}
#consumerSecondary1 .kalendar-month-pageTitle, #businessSecondary1 .kalendar-month-pageTitle { color:#C27B13 ; display:inline; }


#businessSecondary1 .kalender-month {	font-size:18px; width:275px; height:34px;}





/* the row above the cal where the day of the week is indicated..  */
.kalender-week{
	height:15px;
	width:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#433d27;	
}

#consumerSecondary1 .kalender-week {
	height:20px;
	width:70px;
	font-size:15px;
	}


#businessSecondary1 .kalender-week{
	height:20px;
	width:50px;
	font-size:15px;
	}

	
	
	
	

/*   the days of the previous/next months - this is essentially an inactive cell - these do not show events so its best to play them down.. */
.kalender-dayDim{
	background-color:#e4eff2;
	height:25px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCC;
	text-align:center;
	border-right:2px #fff solid;
	border-bottom:2px #fff solid;
	vertical-align:middle;
}

#consumerSecondary1 .kalender-dayDim, #businessSecondary1 .kalender-dayDim{
	height:50px;	
	font-size:12px;
	border-right:4px #fff solid;
	border-bottom:4px #fff solid;
}



/*   the default for every cell - gets overridden by "highlight classes"   */
.kalender-dayDefault{
	background-color:#B2C3C7;
	height:25px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003745;
	text-align:center;
	border-right:2px #fff solid;
	border-bottom:2px #fff solid;
	vertical-align:middle;
}


#consumerSecondary1 .kalender-dayDefault, #businessSecondary1 .kalender-dayDefault {
	background-color:#B2C3C7;
	height:50px;	
	font-size:15px;
	color:#003745;
	text-align:center;
	border-right:4px #fff solid;
	border-bottom:4px #fff solid;
	vertical-align:middle;
}





/*   default weekend cell - they are a hair lighter than weekday   */
.kalender-dayWeekend{
	background-color:#B2C3C7;
	height:25px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003745;
	text-align:center;
	border-right:2px #fff solid;
	border-bottom:2px #fff solid;
vertical-align:middle;
}


#consumerSecondary1 .kalender-dayWeekend, #businessSecondary1 .kalender-dayWeekend  {
	height:50px;	
	font-size:16px;
	border-right:4px #fff solid;
	border-bottom:4px #fff solid;
	vertical-align:middle;
}



/*  WEEKDAYS: the highlighted (ie, an event on this day) cel for    */
.kalender-dayHighlight_1, .kalender-dayHighlight_2, .kalender-dayHighlight_3 {
	background-color:#C0CDD0;
	color:#FFF;
	height:25px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	border-right:2px #fff solid;
	border-bottom:2px #fff solid;
vertical-align:middle;
}

.kalender-dayHighlight_1:hover, .kalender-dayHighlight_2:hover, .kalender-dayHighlight_3:hover {
	background-color:#ff6314;
}


 

#consumerSecondary1 .kalender-dayHighlight_1, #consumerSecondary1 .kalender-dayHighlight_2, #consumerSecondary1 .kalender-dayHighlight_3 {
	height:50px;	
	font-size:16px;
	text-align:center;
	border-right:4px #fff solid;
	border-bottom:4px #fff solid;
	}

#businessSecondary1 .kalender-dayHighlight_1, #businessSecondary1 .kalender-dayHighlight_2, #businessSecondary1 .kalender-dayHighlight_3 {
	height:50px;	
	font-size:16px;
	text-align:center;
	border-right:4px #fff solid;
	border-bottom:4px #fff solid;
	}

	
	
	

#consumerSecondary1 .kalender-dayHighlight_1:hover, #consumerSecondary1 .kalender-dayHighlight_2:hover, #consumerSecondary1 .kalender-dayHighlight_3:hover {
	background-color:#ff6314;
}

#businessSecondary1 .kalender-dayHighlight_1:hover, #businessSecondary1 .kalender-dayHighlight_2:hover, #businessSecondary1 .kalender-dayHighlight_3:hover {
	background-color:#ff6314;
}




/*  WEEKENDS: the highlighted (ie, an event on this day) cel for WEEKENDS   */
.kalender-dayWeekendHighlight_1, .kalender-dayWeekendHighlight_2, .kalender-dayWeekendHighlight_3{
	background-color:#C0CDD0;
	color:#FFF;
	height:25px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	border-right:2px #fff solid;
	border-bottom:2px #fff solid;
	vertical-align:middle;
}

.kalender-dayWeekendHighlight_1:hover, .kalender-dayWeekendHighlight_2:hover, .kalender-dayWeekendHighlight_3:hover{
	background-color:#d05110;
}


#consumerSecondary1 .kalender-dayWeekendHighlight_1, 
#consumerSecondary1 .kalender-dayWeekendHighlight_2,
#consumerSecondary1 .kalender-dayWeekendHighlight_3{
	height:50px;	
	font-size:16px;
	text-align:center;
	border-right:4px #fff solid;
	border-bottom:4px #fff solid;
}


#businessSecondary1 .kalender-dayWeekendHighlight_1, 
#businessSecondary1 .kalender-dayWeekendHighlight_2,
#businessSecondary1 .kalender-dayWeekendHighlight_3{
	height:50px;	
	font-size:16px;
	text-align:center;
	border-right:4px #fff solid;
	border-bottom:4px #fff solid;
}



/*  FIRST row of floating tool tip for events... Has date within it.. */
.kalender-tooltip-day{
	background-color:#B2C3C7;
	height:23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003745;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	padding:10px;
}

/*  EVENT Title and TIMe row,,,  */
.kalender-tooltip-row_1, .kalender-tooltip-row_2 {
	background-color:#e0e0e0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003745;
	text-align:center;
	padding:2px;
	width:200px;
}

/*  EVENT Title and TIMe row,,,  */
.kalender-tooltip-row_1_title {
	background-color:#e0e0e0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003745;
	text-align:center;
	padding:2px;
	width:200px;
	font-weight:bold;
}



/*
.kalender-tooltip-row_2{
	background-color:#e0e0e0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003745;
	text-align:center;
}
*/

/*  NOT SURE>>>?,,,  */
.kalender-tooltip-highlight_1, .kalender-tooltip-highlight_2, .kalender-tooltip-highlight_3{
	background-color:#f6af12;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003745;
	text-align:center;
	
}


/*.kalender-tooltip-highlight_2{
	background-color:#dc8902;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003745;
	text-align:center;

	font-weight:bold;	
}

.kalender-tooltip-highlight_3{
	background-color:#fec852;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003745;
	text-align:center;
	font-weight:bold;	
}
*/



.kalender-tooltip-row_shadow{
	/* background:url('images/tooltip_row_shadow.gif') repeat-x; */
	height:10px;	
}

.kalender-next{
	background:url('images/next.gif') no-repeat;	
	width:15px;
	height:14px;
}

.kalender-next:hover{
	background:url('images/next_over.gif') no-repeat;	
	width:15px;
	height:14px;
}

.kalender-previous{
	background:url('images/previous.gif') no-repeat;	
	width:15px;
	height:14px;
}

.kalender-previous:hover{
	background:url('images/previous_over.gif') no-repeat;	
	width:15px;
	height:14px;
}

















/* not really used in this theme.... */


.kalender-jump-row {
	font-family:verdana;
	font-size:10px;
	color:#433d27;	
	cursor:pointer;	
	background-color:#eeeeee;
	height:15px;
	text-decoration:none;
}

.kalender-jump-row:hover{
	font-family:verdana;
	font-size:10px;
	color:#ffffff;	
	cursor:pointer;	
	height:15px;
	text-decoration:none;	
	background-color:#d0d0d0;	
}

.kalender-jump-row-text {
	text-decoration:none;
	color:#555555;
}

.kalender-jump-current-row {
	font-family:verdana;
	font-size:10px;
	color:#433d27;	
	cursor:pointer;	
	background-color:#dfdfdf;
	height:15px;
	text-decoration:none;
}

.kalender-jump-link{
	font-family:verdana;
	font-size:10px;
	color:#433d27;	
	font-weight:bold;	
	cursor:pointer;
}

.kalender-jump-link:hover{
	text-decoration:none;
}

