#extcalendar td,#extcalendar tr,#extcalendar p, #extcalendar div { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ccc; }

#extcalendar select {
	color: inherit;
}

#extcalendar strong {
	color: inherit;
}

#extcalendar h2 { font-family: Verdana, Arial, Helvetica, sans-serif; background-image :   url(images/box_left_icon.gif); background-repeat : no-repeat; background-position : left 50%; padding-left : 13px; font-size: 11px; margin: 0; color : #fc6; }

#extcalendar p { color: #001; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 2px 0; }

#extcalendar hr {
	color : #ccc;
	height: 1px;
}

#extcalendar .textinput { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; padding-right: 3px; padding-left: 3px; background-image:   url(images/txtboxbg.gif); border: solid 1px #fff; }

#extcalendar .textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #686868; padding-right: 3px; padding-left: 3px; border: solid 1px #555; }

#extcalendar .listbox { color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: groove 1px; }

#extcalendar .button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#fff; padding: 2px; border-style: groove; border-width: 1px; }


#extcalendar a {
	color: #fff;
	text-decoration: none;
}

#extcalendar a:hover {
	color: #9f9;
}

#extcalendar .apptitle { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; background-color: #222; }

#extcalendar .appdesc { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size:10px; background-color: #222; }


#extcalendar .buttontext a {
	font-size: 9px;
	color: #ccc;
	text-decoration: none;
}

#extcalendar .buttontext:hover {
	color: #9f9;
}

#extcalendar .previousmonth, #extcalendar .previousday, #extcalendar .previousweek { font-size: 10px; text-decoration: none; font-weight: bold; background-color: #000; padding: 3px 10px; border: solid 1px #fff; }

#extcalendar .previousmonth a:hover, #extcalendar .previousday a:hover, #extcalendar .previousweek a:hover { color: #9f9; }

#extcalendar .nextmonth, #extcalendar .nextday, #extcalendar .nextweek { font-size: 10px; text-decoration: none; font-weight: bold; background-color: #000; padding: 3px 10px; border: solid 1px #fff; }

#extcalendar .nextmonth a:hover, #extcalendar .nextday a:hover, #extcalendar .nextweek a:hover { color: #9f9; }

#extcalendar .currentmonth, #extcalendar .currentday, #extcalendar .currentweek { font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; background-color: #222; padding: 3px 10px; border: solid 1px white; }

#extcalendar .tablev1 { margin: 0; color : #dbdbdb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-color: #000; text-decoration: none; text-transform: uppercase; writing-mode: tb-rl; layout-flow: vertical-ideographic; vertical-align: middle; padding: 12px 2px; }

#extcalendar .tablev1 a { color : #ccc; text-decoration: none; }

#extcalendar .tablev1 a:hover { color : #9f9; }

#extcalendar .searchlink {
	font-size: 10px;
	color: #999;
	text-decoration: underline;
	font-weight: bold;
}

#extcalendar .searchlink:hover {
	color: #9f9;
	text-decoration: underline;
}

#extcalendar .searchdesc {
	font-size: 10px;
	color: #999;
}

#extcalendar .eventtitle {
	font-size: 12px;
	color: #dbdbdb;
	text-decoration: none;
	font-weight: bold;
}

#extcalendar .eventtitle:hover {
	color: #9f9;
}

#extcalendar .eventdesc {
	font-size: 10px;
	color: #dbdbdb;
}

#extcalendar .eventdesclarge { font-size: 12px; color: #dbdbdb; font-weight: bold; line-height: 18px; }

#extcalendar .cattitle, #extcalendar .usertitle, #extcalendar .grouptitle {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#extcalendar .cattitle:hover, #extcalendar .usertitle:hover, #extcalendar .grouptitle:hover {
	color: #9f9;
}

#extcalendar .catdesc, #extcalendar .userdesc, #extcalendar .groupdesc {
	font-size: 10px;
	color: #999;
}

#extcalendar .titlehighlight {
	color: #39f;
	text-decoration: underline;
}

#extcalendar .highlight {
	color: #9f9;
}

#extcalendar .tableh1 { color:#666; font-size: 11px; background-color: #222; height: 26px; padding: 8px 12px 8px 8px; border-bottom-color: #fff;b;order-bottom-style: solid; }

#extcalendar .tableh2   { margin: 0; color : white; font-size: 10px; font-weight: bold; background-color: #000; padding: 6px 12px; border: solid 1px #fff; }

#extcalendar .tableh2_nobackground   { color : white; font-size: 10px; font-weight: bold; }

#extcalendar .tableb { color : #ccc; line-height: 16px; background-color: #000; padding: 6px 10px; border: solid 1px #fff; }

#extcalendar .tablec { color : #ccc; background-color: #000; padding: 3px 10px; border: solid 1px #fff; }


#extcalendar .maintable { margin-top: 0; margin-bottom: 0; border: solid 1px #fff; }

#extcalendar .error {
	color : Red;
	font-weight : bold;
}

#extcalendar .today { font-size: 11px; font-weight: bold; background-color: #222; }

#extcalendar .atomic { font-size: 9px; }

#extcalendar .legend { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.4pt; font-size: 11px; }

/* Weekday Label Cells */

#extcalendar .caldaydigits { font-size: 9px; background-color: #000; }

#extcalendar .weekdaytopclr, #extcalendar .sundaytopclr { border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 0; color : #ffffff; font-size: 10px; font-weight: bold; background-color: #000; padding: 6px 12px; }

#extcalendar .sundaytopclr { color: #fff; }

/* Day Cells */

#extcalendar .weekdayclr { font-size: 10px; background-color: #222; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; }

#extcalendar .todayclr { font-size: 10px; background-color: #222; border: solid 1px #fff; }

#extcalendar .sundayemptyclr { font-size: 10px; background-color: #222; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; }

#extcalendar .weekdayemptyclr { font-size: 10px; background-color: #333; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; }

/* Text Editor classes */

#extcalendar .tdBtn { padding-left: 3px; padding-top:3px; }

#extcalendar .btnOut {    
  border: solid 1px #e4e8e8;
}

#extcalendar .btnOver { border-color: #ffffff #c0c4c4 #c0c4c4 #ffffff; border-style: solid; border-width: 1px; }

#extcalendar .btnDown { border-color: #c0c4c4 #ffffff #ffffff #c0c4c4; border-style: solid; border-width: 1px; }

#extcalendar a.flatButton img {
  border: solid 1px #dbdbdb;
}

#extcalendar a.flatButton:hover img { color: #9f9; border-color: #ffffff #666 #666 #ffffff; border-style: solid ridge ridge solid; border-width: 1px; }

/* Monthly View classes */
#extcalendar .eventstyle { color: #fff; font-size: 9px; background-color: #000; padding: 3px; text-align: left; border-bottom: 3px solid #fff; }
#extcalendar .eventfull { background-color: #888; margin-left: 3px; margin-right: 3px; border-left: 1px solid #fff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top-style: solid; border-top-width: 1px; }

#extcalendar .eventstart { background-color: #888; margin-left: 3px; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #ffffff; }

#extcalendar .eventmiddle {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #ffffff;
	background-color: #ccc;
}

#extcalendar .eventend { background-color: #888; margin-right: 3px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }

#extcalendar .imagecell { background-color: #888; padding: 8px; }
#extcalendar .imagecell img { border-color: #ffffff #dbdbdb #dbdbdb #ffffff; border-style: solid; border-width: 1px; }