body, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #114fa8; }

/*	height: 100%;*/
body { background-color: white; margin: 1px 10px; min-width: 800px; /* was 900px */ }

a:link { color: #114fa8; text-decoration: underline; }
a:visited {	color: #114fa8; }
a:hover { color: #f68300; }
a:active { color: #f68300; }


.footer { font-family: Arial, sans-serif; font-size: 10px; color: white; }
.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #20467C; }
.title2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #5076AC; }
.sub_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF9900; }

/*.orange { color: #F55200; }*/


#base_header { width: 100%; display: none; }
/*#base_header span#left { float: left; font-size: 27px; height: 40px; vertical-align: middle; line-height: 40px; }
#base_header span#right { float: right; }*/

#base_sidebar_blue {
	width: 40px;
	height: 100%;
	background-image: url(/media/img/side_blue_gradient.jpg);
	background-position: repeat-y;
	display: none;
}

#base_sidebar_orange {
	width: 40px;
	height: 100%;
	background-image: url(/media/img/side_orange_gradient.jpg);
	background-position: repeat-y;
	display: none;
}


#base_topmenu { width: 100%; height: 18px; display: none; }
#base_topmenu ul { list-style: none; margin: 0px -20px; height: 18px; width: 100%; }

#base_topmenu li {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: white;
	line-height: 18px;
	background-color: #114FA8;
	padding: 2px;
	margin: 0 4px;
	float: left;
	width: 95px;
	text-align: center;
}
#base_topmenu li.empty { background-color: white; width: 15px; }
#base_topmenu li.last { float: right; margin-right: 40px; }
#base_topmenu li a { display: block; width: 100%; text-decoration: none; color: white; }
#base_topmenu li a:visited { color: white; }
#base_topmenu li a:hover { color: #f68300; }
#base_topmenu li a:active { color: #f68300; }

 /* min-height was 50px, if we don't want title bar to change size if no subtitle */
#base_apptitle { background-color: #f6b278; min-height: 30px; text-align: center; }

#base_breadcrumb { background-color: #e9e9e9; height: 22px; line-height: 22px; margin-top: 3px; display: none; }
#base_breadcrumb span#crumbs { margin-left: 10px; float: left; }
#base_breadcrumb span#login { margin-right: 10px; float: right; }
#base_breadcrumb span#username { color: black; font-weight: bold; }


#base_middle { /*min-height: 460px;*/ height: 100%; margin-top: -3px; }
#base_middle table.helper { height: 100%; min-height: 460px }


#base_content { width: 100%; margin-top: 20px; }

#base_content_heading { margin: 5px auto; text-align: center; }
#base_content_container { width: 99%; margin-left: 8px; margin-right: 8px; }
#base_content_bottom { height: 10px; clear: both; }


#base_footer { width: 100%; }
#base_footer table.helper { border-spacing: 0px 0px; padding-left: 3px; padding-right: 3px; }
#base_footer table.helper tr { background-image: url(/media/img/Orange_footer.gif); height: 19px; }


table.helper { width: 99%; border-spacing: 3px 3px; } /* width was 100% but caused scrollbars */
table.helper tr { padding: 0px; }
table.helper td { padding: 0px; }

.base_side { min-width: 40px; margin: 0; width: 40px; padding: 0; }

img.base_side {	height: 40px; width: 40px; }

/* h1 and h2 are only used in the templates, so they are defined here */
h1, h2 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1#app_title { font-size: 22px; font-weight: bold; color: #20467C; display: inline; }
h1#app_subtitle { font-size: 17px; font-weight: normal; color: #5076AC; display: inline; }
h2#content_heading { font-size: 14px; font-weight: bold; color: #FF9900; }