body
{
	font-family: Arial;
	font-size: 12px;
	background: #DDDDDD url('images/body_background.png') repeat-x top left;
	margin: 0px; padding: 0px;
}
table { border: 0px; border-collapse: collapse; margin: 0px; padding: 0px; }
td { vertical-align: top; }
th { background: url('images/th_background.png') repeat-x top left; border-bottom: solid 1px black; text-align: left; font-family: Arial; color: Black; height: 1.4em;}
tr.blRowEven td { background: #E0E0E0; }
tr.blRowEven td:hover { background: Red; }
tr.blRowOdd td { background: #FFFFFF; }
/*ul { list-style: inside url('images/list-item.png'); margin-left: 0; padding-left: 14px; }*/
form { border: 0px; }
.form_error { color: red; }
fieldset { border: 0px; }
.blForm {margin: 0; padding: 0; font-size: 10pt; }
.blFormTitle span { background: url('images/tab_sel.png') top right no-repeat; padding-left: 5px; padding-right: 8px; height: 25px; padding-top: 5px; padding-bottom: 2px; border-left: solid 1px #CCCCCC; font-size: 12px; font-weight: bold; text-align: center; }
.blFormTitle { padding-top: 5px; }
.blFormLine { border: 1px solid #EEEEEE; }
.blFormContainer { border: 1px solid #999999; background: #EEEEEE; padding-left: 3px; padding-right: 3px; }
label { width: 130px; float: left; text-align: left; margin-right: 3px; display: block; margin-top: 3px; font-size: 12px;}
input { color: Black; background: White; border: 1px solid #AAAAAA; margin-top: 3px; margin-bottom: 3px; }
select { color: Black; background: White; border: 1px solid #AAAAAA; margin-top: 3px; margin-bottom: 3px; width: 150px}
textarea { color: Black; background: White; border: 1px solid #AAAAAA; margin-bottom: 3px; width: 100%; height: 100px;}

.blSidePanelTitle { font-size: 12px; font-weight: bold; text-align: center; background: url('images/panel_header.png') top right no-repeat; border-left: solid 1px #CCCCCC; height: 20px; padding-top: 5px; }
.blSidePanelBody { border: solid 1px #CCCCCC; margin-bottom: 15px; }
.blSidePanel ul { padding-left: 20px; list-style-type: disc; }
.blSidePanel li { padding-left: 0px; margin-left: 0px;}

#pageContainer
{
	width: 950px;
	background: White;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
}
#pageContainerTD { border: 0px; padding: 0px; margin: 0px; border-collapse: collapse; }
.pageContainerShadowLeft { background: url('images/shadow_left.png') top right repeat-y; width: 3px; }
.pageContainerShadowRight { background: url('images/shadow_right.png') top left repeat-y; width: 3px; }
.pageContainerShadowBottomLeft { background: url('images/shadow_bottom_left.png') repeat-x; height: 5px; width: 3px;}
.pageContainerShadowBottom { background: url('images/shadow_bottom.png') repeat-x; height: 5px; }
.pageContainerShadowBottomRight { background: url('images/shadow_bottom_right.png') repeat-x; height: 5px; width: 3px;}

#topPanel
{
	height: 60px;
	border-bottom: 1px solid #666666;
	background: #0000CC;
}
#topPanelContainer
{
	width: 100%;
	height: 50px;
	border: 0px;
 	border-collapse: collapse; margin: 0px; padding: 0px; 
}
#topLogo
{
	padding-top: 10px;
}
#topMenuLinks
{
	font-size: 11px;
	float: left;
	padding-right: 30px;
	padding-top: 4px;
	color: White;
}
#topMenuLinks a { font-size: 12px; font-family: Helvetica; color: White ; padding-left: 15px; padding-right: 15px; text-decoration: none;}
#topMenuLinks a:visited { color: White; text-decoration: none; }
#topMenuLinks a:hover { text-decoration: underline; }
#topMenuContainer
{
	background: #999999;
}
#topMenu
{
	height: 24px;
	width: 100%;
	border-bottom: solid 1px #666666;
}


.menuTabs { border-collapse: collapse; padding: 0; margin: 0;}
.menuTabs div { display: table-cell; margin: 0; white-space: nowrap; text-align: center; padding-left: 3px; padding-right: 3px;}
.menuTabs div span { display: block; font-variant: small-caps; font-size: 13px; font-weight: Bold; text-decoration: none; height: 20px; border-left: solid 1px #CCCCCC; padding: 0 10px; padding-top: 5px;}
.menuTabs a { font-variant: small-caps; font-size: 13px; font-weight: Bold; text-decoration: none; height: 20px; color: #0000CC;}
.tabUnSelected span:hover { background: url('images/tab_hover.png') top right no-repeat; }
.tabSelected span { background: url('images/tab_sel.png') top right no-repeat; }
.tabSelected span a { color: Black; }
.tabUnSelected span { background: url('images/tab_unsel.png') top right no-repeat; }

#mainMenu
{
	height: 24px;
	padding-top: 46px;
}
.menuPanel
{
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.menuButton
{
	float: left;
	height: 16px;
	text-align: center;
	font-variant: small-caps;
	font-size: 13px;
	border-left: solid 1px #CCCCCC;
	margin-left: 2px;
	margin-right: 2px;
	padding: 4px;
	background: url('images/tab_unsel.png') top right;
}
.menuButton:hover { background: url('images/tab_hover.png') top right; }
.menuButton a, .menuButton a:visited { color: #4444CC; text-decoration: none; font-weight: Bold; padding-left: 15px; padding-right: 15px;}

.menuButtonSelected
{
	float: left;
	height: 16px;
	text-align: center;
	font-variant: small-caps;
	font-size: 13px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px white;
	margin-left: 2px;
	margin-right: 2px;
	padding: 4px;
	background: url('images/tab_sel.png') top right;
}
.menuButtonSelected a, .menuButtonSelected a:visited { color: Black; text-decoration: none; font-weight: Bold; padding-left: 15px; padding-right: 15px;}

#contentContainer
{
	height: 400px;
	width: 100%;
	border-top: 0px;
}

#leftPanel
{
	width: 150px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#mainPanel
{
	vertical-align: top;
	padding: 5px;
}

#footer
{
	text-align: center;
	padding: 5px;
	font-size: 11px;
	margin: auto;
	border-top: 1px solid #CCCCCC;
}

.formHelpButton
{
	padding-left: 10px;
}

#breadCrumbList { width: 100%; height: 20px; }
#breadCrumbList ul { list-style: none; padding: 0; margin: 0; }
#breadCrumbList li { float: left; padding-right: 10px; }

.imageThumbnail
{
	border: 1px solid #DDDDDD;
	text-align: center;
	width: 150px;
	padding: 5px;
	margin: 10px;
}
/* Event Calendar Stuff */
.eventCalendar { border: 1px solid black; width: 100%; }
.eventCalendar td { border: 1px solid black; }
.eventCalendarHeader th { color: White; width: 14.28%; text-align: center; background: #000088; }
.eventCalendarToday { background: #DDDDDD; }
.eventCalendarDay { font-weight: bold; display: block; font-size: 12px; }
.eventCalendarLink a { font-weight: normal; color: black; display: block; font-size: 10px; text-decoration: none; }
.eventCalendarNext a, .eventCalendarPrev a { font-size: 10px; text-decoration: none; font-size: 10px; color: Black; }
.eventCalendarDate { font-weight: bold; }

