/* calendar */


.calendar-table 								{ border: none; width: 99%;  margin: 20px 0; position: relative; }
#main-right .calendar-table .calnk a:hover 	{ background-position: 0 0; text-decoration: none; color: #333; }
#main-right .calendar-table .calnk a:visited 	{ text-decoration: none; color: #333; }
#main-right .calendar-table .calnk a 			{ text-decoration: none; color: #333; }
.calnk a span 								{ display: none; }
.calnk a:hover span 							{ color: #333; display: block; position: absolute; margin-top: 1px; padding: 5px; width: 150px; z-index: 100; line-height: 1.2em; text-decoration; none; }

table caption									{ background: #e6e6e6; position: relative; height: 60px; border-radius: 0 10px 0 0; -webkit-border-radius:  0 10px 0 0; -moz-border-radius:  0 10px 0 0; -o-border-radius:  0 10px 0 0; /*behavior:url(PIE.htc);*/ }
table caption #calTitle						{ position: absolute; top: -2px; left: -2px; background: url('../images/design/events-title-bg-end.png') 100% 0 no-repeat; padding: 0 13px 0 0; height: 31px; }

table caption #calTitle span					{ background: url('../images/design/events-title-bg-middle.png') 0 0 no-repeat; height: 31px; color:  #fff; line-height: 1.6em; font-size: 1.4em; display: block; padding: 0 0 0 10px; }

table caption #calNextPrev								{ margin: 0 auto; width: 300px; padding: 20px 0 0 0; }
table caption #calNextPrev span.calendar-month				{ color: #0068b7; font-size: 1.6em; padding: 0 10px; }

table caption #calNextPrev span.calendar-next,
table caption #calNextPrev span.calendar-prev				{ display: inline-block; width: 13px; height: 20px; vertical-align: bottom; }

table caption #calNextPrev span.calendar-next				{ background: url('../images/design/arrow_orange_next.png') 0 0 no-repeat; }
table caption #calNextPrev span.calendar-prev				{ background: url('../images/design/arrow_orange_prev.png') 0 0 no-repeat; }

table caption #calNextPrev span.calendar-next a,
table caption #calNextPrev span.calendar-prev a			{ width: 13px; height: 20px; display: block; }

table caption #calNextPrev span.calendar-next a:hover,
table caption #calNextPrev span.calendar-prev a:hover		{ text-decoration: none; }


table caption form							{ position: absolute; right: 10px; top: 20px; }
table caption form #calSubmit					{ width: 30px; height: 23px; margin: 2px 0 0 0; float: left; border: none; background: url('../images/design/go-btn.png') 0 100% no-repeat; }

.calendar-heading 							{ height: auto; padding; 10px 0; text-align: center; border: 1px solid #e1e1e1; background-color: #cccc00; }
/*.calendar-next 								{ width: 54px; text-align: left; background; url(../images/bg_cal-button-next.gif) no-repeat top left; margin-left; 28px; padding; 3px 0 5px 20px ; float; left; }

.calendar-prev 								{ width: 54px; text-align: left; background; url(../images/bg_cal-button-prev.gif) no-repeat top left; margin-left; 28px; padding; 3px 0 5px 18px; float; left; }
*/
#main-right .calendar-prev a,
#main-right .calendar-next a 				{ color; #333 }

.calendar-month 								{ width: 50%; text-align: center; font-weight: bold; }

.day-with-date 								{ vertical-align: text-top; text-align: right; padding: 7px; width: 60px; height: 60px; background: #D9E1F1; }
.day-with-date span							{  }
.day-with-date span.event-date				{ color: #fff; }
.event-details								{ color: #fff !important; }
.day-with-date.no-events 					{ background: white; }
.day-without-date							{ width: 60px; height: 60px; border: 1px solid #ccc; background: #e6e6e6; }
span.weekend 								{  }
.current-day 								{ vertical-align: text-top; text-align: right; padding: 7px; width: 60px; height: 60px; border: 3px solid #B42B85;  }
span.event									{ font-size: 1em; }
.kjo-link 									{ font-size: 0.75em; text-align: center; }
.calendar-date-switcher 						{ height: 25px; text-align: center; border: 1px solid #e1e1e1; background-color: #e8e8e8; }
.calendar-date-switcher form 				{ margin: 0; padding: 0; }
.calendar-date-switcher input 				{ border: 1px #e1e1e1 solid; }
.calendar-date-switcher select 				{ background: #c8d7e5;  border: solid 1px #267cae; }
.cat-key 									{ width: 100%; margin-top: 20px; padding: 5px; }
.cat-key strong 								{ color; #666; margin-bottom; 10px; float; left; }
.calnk a										{ color: #fff !important; padding: 5px; line-height: 2em; }
.calnk a:hover span span.event-title 			{ padding: 0; text-align: center; font-weight: bold; font-size: 1em; float; left; padding-bottom; 10px; height; auto; }
.calnk a:hover span span.event-content-break 	{ width: 96%;  text-align: center;  height: 1px;  margin-top: 5px;  margin-right: 2%;  padding: 0;  background-color: #000000; }
.page-upcoming-events						{ font-size: 80% }
.page-todays-events 							{ font-size: 80% }

tfoot tr td									{ border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px ; -moz-border-radius: 0 0 10px 10px ; -o-border-radius: 0 0 10px 10px; /*behavior:url(PIE.htc);*/ background: #E6E6E6; font-size: 0.1em; height: 10px; }


/* classes */
.red										{ background: #df1223; }
.orange										{ background: #df721f; }
.green										{ background: #48a635; }
.teal										{ background: #00a19d; }
.blue										{ background: #0068b8; }
.pink										{ background: #cb2e65; }
.hotpink									{ background: #b42b85; }

/* shared styles */
.normal-day-heading,
.weekend-heading							{ text-align: center; width: 25px; height: 25px; padding: 5px 0; color: #fff; line-height: 1.6em; font-size: 1.4em; }

/* fix for centering text in a td */
.ie7 .normal-day-heading,
.ie7 .weekend-heading						{ width: auto; }


.normal-day-heading,
.weekend-heading ,
.day-with-date,
.day-without-date							{ border: 1px solid #fff; }

table caption #calTitle,						
table caption #calNextPrev,
.normal-day-heading,
.weekend-heading,
.day-with-date span,
.current-day span							{ font-family: 'VAGRounded', 'Arial', sans-serif; }