@charset "UTF-8";
/* CSS Document */

/* 
Doc: 09Calendar
*/

@import url("../_default/_default.css");
@import url("../widget/_default.css");


.layout { background: #f6e28d url(topheader_bg.jpg) repeat center top;}
.top_header {background: url(topheader_img.jpg) no-repeat center top;}

.feature_col { background: url(featurecol_bg.png) repeat-y left top;}
	.feature_col .container { background: url(featurecol_arrow.png) no-repeat right 96px;}
		.feature_col .container .open { background: url(feature_open.png) no-repeat;}
		.feature_col .container .close { background: url(feature_close.png) no-repeat;}

a { color: #ff5500;}

a.link_button { background: #ffbb42; border-top: 1px solid #ffdb9a; border-bottom: 1px solid #bf8716;}
a.link_button:hover { background: #e09800; border-top: 1px solid #ffca57; border-bottom: 1px solid #905000; color: #000 !important;}

.main_container, .subpg .main_container { background: url(content_bg.png) repeat-y left;}

.content_container { background: url(content_title.jpg) no-repeat left top;}
	
.feature_col dt span.parent { display: none;}

.cal1col { display: block; margin-right: 16px;}
.cal2col { display: block; width: 328px; margin-right: 16px; float: left;}

.calindex table { position: relative; width: 100%; margin-bottom: 16px;}
.calindex td { border: 1px solid #888; padding: 8px;}
.calindex td.index { width: 114px; padding: 8px 0; font-family: Georgia, serif; color: #FFF; background: #888;}
.calindex td.thumbnail { padding: 0; background: #888; vertical-align: bottom; overflow: hidden;}
	.calindex td.thumbnail img { width: 114px; vertical-align: bottom;}

td .calname { padding: 0 8px;}
td .calname a { font-family: Georgia, serif; font-size: 12px; color: #FFF;}
td .caldate { font-size: 12px; padding: 8px 8px 0 8px;}
td .caldate .month { font-size: 48px; line-height: 48px;}

td .eventmeta { padding-bottom: 8px;}
td .eventcat {}
td .eventtitle a { font-family: Georgia, serif;}
td .eventvanue {}
td .eventtime {}
td .eventdescription { padding-top: 7px; border-top: 1px solid #e2e2e2;}

table.sc { width: 100%; margin-bottom: 8px;}
.sc th, .sc td { font-family: Georgia, serif; text-align: center; background: #f2f2f2; line-height: 24px; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
	.sc td div { line-height: 24px;}
.sc .sc_navi th { height: 24px; padding: 2px 0; background: #FFF; vertical-align: top;}
	.sc .sc_navi select { margin-bottom: 0;}
	.sc .sc_navi a span { display: none;}
	.sc .sc_navi .monthselection { margin-bottom: -18px;}
	.sc .sc_navi .monthnavi {}
	.sc .sc_navi a.monthprev { display: block; width: 8px; height: 15px; background: url(sc_arrowleft.png) no-repeat; float: left;}
	.sc .sc_navi a.monthnext { display: block; width: 8px; height: 15px; background: url(sc_arrowright.png) no-repeat; float: right;}
.sc .sc_othermonth { background: #f2f2f2 !important; color: #acacac !important;}
.sc .sc_selected { background: #e2e2e2; color: #000;}
.sc .sc_active { color: #C00;}
.sc .sc_today { display: block; background: #FFF; font-weight: bold;}

table.calendar { width: 100%;}

/* Table Color */
table.color1 td { border: 1px solid #906eb1;}
table.color1 td.index { background: #906eb1;}
table.color1 td.thumbnail { background: #906eb1;}
table.color1 .eventtitle a { color: #906eb1;}

table.color2 td { border: 1px solid #27850a;}
table.color2 td.index { background: #27850a;}
table.color2 td.thumbnail { background: #27850a;}
table.color2 .eventtitle a { color: #27850a;}

table.color3 td { border: 1px solid #004ff1;}
table.color3 td.index { background: #004ff1;}
table.color3 td.thumbnail { background: #004ff1;}
table.color3 .eventtitle a { color: #004ff1;}

table.color4 td { border: 1px solid #ff7800;}
table.color4 td.index { background: #ff7800;}
table.color4 td.thumbnail { background: #ff7800;}
table.color4 .eventtitle a { color: #ff7800;}

table.color5 td { border: 1px solid #ef379b;}
table.color5 td.index { background: #ef379b;}
table.color5 td.thumbnail { background: #ef379b;}
table.color5 .eventtitle a { color: #ef379b;}

table.color6 td { border: 1px solid #0095c5;}
table.color6 td.index { background: #0095c5;}
table.color6 td.thumbnail { background: #0095c5;}
table.color6 .eventtitle a { color: #0095c5;}

table.color7 td { border: 1px solid #bed500;}
table.color7 td.index { background: #bed500;}
table.color7 td.thumbnail { background: #bed500;}
table.color7 .eventtitle a { color: #bed500;}

table.color8 td { border: 1px solid #9a8643;}
table.color8 td.index { background: #9a8643;}
table.color8 td.thumbnail { background: #9a8643;}
table.color8 .eventtitle a { color: #9a8643;}

table.color9 td { border: 1px solid #9d3123;}
table.color9 td.index { background: #9d3123;}
table.color9 td.thumbnail { background: #9d3123;}
table.color9 .eventtitle a { color: #9d3123;}