/* General  --------------------------- */
td { color: #394D63; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.smallText { color: #7F201C;  /*font-size: .75 em;*/ }						
input,select { color: #4D3963; }
.mainTable {margin-top:-2px}
a.img {border:0}
.newsheader { background-color: #CEDBEF; font-size: .8 em; font-weight: bold; padding-bottom: 3px; padding-top: 3px; text-align: center; }
newslist { list-style-type: square; margin-bottom: 0px; margin-left: 1em; margin-top: 0px; padding-left: 1em; }
.newstools, .news { background-color: #EFEFEF; }
tr.news {font-size:11px}
.catForm {}
.TitleText { font-size: 1.5 em; font-weight: bold; }
.alert { color: green; background-color: #FFFFCC; width: 70%; text-align: center; margin-left: 20px;  }
.highlight { background-color: #FFFFCC; }

/* ----- Big Month Name :: Prev, Next -------*/
.date {color: #ffffff; font-size: 16px; font-weight: bold; background: #808080 }
a.direction, a:visited.direction {color: #ffffff; font-weight: bold; text-align: center; display:block; padding:6px; background:#808080}
a:hover.direction {font-weight: bold; text-align: center; display:block; padding:6px; background: #78a647}

/* ----- Day Names :: Sun, Mon, Tue, etc -------*/
.subheader { background-color: #78a647; color: #FFFFFF; font-weight: bold; text-align: center; }

/* ----- Current day -------*/
.day-current { background-color: #cde7ea; }
.day-event { background-color: #dceacd; }
.day-basic { background-color: #edf6e3; }
a.number { font-weight: bold; color:#797979 }
.event { border-top: 2px solid #CCCCCC; margin-top: 2px; padding-bottom: 3px; padding-left: 10px; padding-top: 3px; width: 100%; }

/* ----- Mini Calendar & Year View -------*/
.miniday-basic { background-color: #EFEFEF; font-size: .75 em; }
.minisubheader { background-color: #78a647; font-size: .75 em; font-weight: bold; text-align: center; color:white }
.minititle { font-weight: bold; text-align: center; }

/* ------- buttons ----------- */
.detailbutton {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFF;
	text-align : center;
	border: 1px ridge #FFFFFF;
	background: url(images/button-bg.jpg) center bottom;
	padding:3px 8px 5px 8px;
}
.buybutton {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFF;
	text-align : center;
	border: 1px ridge #FFFFFF;
	background: url(images/button-bg-2.jpg) center bottom;
	padding:3px 8px 5px 8px;
}

/* category layer ------------------------- */
/*#CatLyr         {position:absolute; left:15px; top:150px; z-index:1; visibility:hidden; width:90%;}*/




/* top menu for Montly View, Weekly View and List View --------------------------- */

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
/* http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/ */

/* to change the colors, substitute the color folder name /green/ for red, blue, purple, green or orange */

.glossymenu{
	/*position: relative;*/
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/green/menu_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
	border-right:2px solid white;
	border-left: 2px solid white;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/green/menu_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/green/menu_hover_right.gif) no-repeat right top; /*right tab image path*/
}

tr.header td.header a.navmonth {
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}