/* Palette Constants 

Header/Footer - #333333 (Dark Gray)

Sidebar - Background - #63852E (Medium Green)
          Navigation - #516F24 (Dark Green)
		  Note Box - #80B038 (Light Green)

Content Area - Main - #33586C (Blue)
               Header - #203744 (Dark Blue)

*/


/* General */

* {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 7.5pt;	
}

html, body { 
	min-height: 100%;
}

body {
	margin: 0;
}
   
a img {
	border: 0;
}   

form {
	margin: 0; 
	padding: 0;
}

input, select, option, textarea {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
}



/* Layout */

#wrapper {
	width: 100%;
	height: 100%; 
	border: 0;
}   


#header {
	height: 75px;
	padding: 15px;
	background: #333333;
	color: #ffffff;
}

	#header #logo {
		float: left;
		clear: none;
	}

	#header #date {
		float: right;
		text-align: right;
		clear: none;
		color: #ffffff;
		font-size: 7.5pt;
		line-height: 1.4em;
	}

	#header a {
		color: #ffffff; 
		text-decoration: none;
	}

	#header a:hover {
		text-decoration: underline;
	}


#footer {
	height: 30px;
	padding: 6px 8px 6px 8px;
	background: #333333;
	text-align: center;
	vertical-align: middle;
}

	#footer #copyright {
		display: block;
		margin: 0px auto;		
		padding-left: 200px;
		padding-top: 5px;
		z-index: 1;
		color: #ffffff;
		font-size: 7.5pt;
	}
	
	#footer .icon {
		float: right;
		clear: none;
		display: inline;
		margin: 0px 10px 0px 5px;	
		z-index: 2;	
	}
		
	#footer #footer_logo {				
		height: 22px;
		margin: 0px 10px 0px 5px;
		float: right;
		clear: none;
		z-index: 2;	
	}	
		
		
#sidebar {
	background: #63852E;
	width: 190px;
	padding: 0px 0px 0px 5px;
	vertical-align: top;
}

	#sidebar .nav {
		width: 190px;
	}
	
	#sidebar .nav td {
		text-align: left; 
		font-size: 7.5pt;
	}
	
	#sidebar .nav .nav_header {
		background: url(/media/admt/leftnav_hdr.gif) top center no-repeat;
		height: 30px;
		padding-left: 8px; 
		padding-top: 4px;
		color: #ffffff;
		text-align: left;
	}

	#sidebar .nav_header strong {
		text-transform: uppercase; 
		font-size: 8pt;
	}
	
	#sidebar .nav_header a {
		color: #ffffff; 
		text-decoration: none;
	}
	
	#sidebar .notebox {
		height: 100%;
	}
	
	#sidebar .notebox td {
		background: #80B038;
		vertical-align: top;
		color: #333333;
		font-size: 7.5pt;	
	}

	#sidebar .notebox td p {
		margin: 0px 8px;
	}


#content {
	background: #63852E;
	width: 90%;
	vertical-align: top;
	padding: 5px 5px 0px 5px;
}

	#content .content_outer {
		width: 100%;
		height: 100%;
		table-layout: fixed;
	}
	
	#content .content_outer_multi {
		width: 100%; 
		height: 100%;
	}
	
	#content .content_outer_th {
		background: #203744;
		border-bottom: 1px solid #ffffff;
		height: 25px;
		color: #ffffff;
		font-weight: normal;
	}
	
	#content .content_outer th strong {
		text-transform: uppercase;
	}
	
	#content .content_outer th a.small {
		color: #ffffff; 
		text-decoration: none;
	}
	
	#content .content_outer th a.small:hover {
		color: #ffffff; 
		text-decoration: underline;
	}
		
	#content .content_outer_backtab {
		background: #33586C;
		padding: 5px;
	}

	#content .message {
		border: 5px solid #33586C;
		background: #ffffff; 
		padding: 25px; 
		text-align: center;
		vertical-align: top;
		border-bottom-width: 0px !important;
	}
	
	
	
/* PopUp Windows  */

#popup {
	background: #63852E;
	margin: 5px;
}

	#popup .content_outer {
		width: 100%;
		height: 100%;
	}
	
	#popup .content_outer th {
		height: 25px; 
		background: #203744; 
		color: #ffffff; 
		text-align: left;
	}

	#popup .content_outer td.inner {
		text-align: center; 
		border: 10px solid #33586C; 
		padding: 30px 10px; 
		background: #fefefe; 
		vertical-align: top;
	}
	
	
/* Data Tables */

.data {
	width: 100%;
}

	.data tr.header th {
		background: #333333;
		height: 25px;
		padding: 0;
		color: #ffffff;
	}

	.data tr.header th a {
		color: #ffffff; 
		text-decoration: none;
	}

	.data tr.field_headers th {
		background: #999999;
		height: auto;
		padding: 5px;
		border-bottom: 1px solid #333333;
		font-weight: bold;
		color: #333333;
		text-align: left;
	}

	.data tr.field_headers th a {
		color: #333333;
	}
		
	.data tr.search td {
		background: #666666 !important;
		text-align: left;
		height: auto !important;
		padding: 3px 6px 3px 2.5px !important;
		border-bottom: none !important;
		color: #333333 !important;
		font-weight: bold;
	}

	.data td.ftr {
		background: #333333 !important;
		text-align: right;
		padding: 2px 5px !important;
		border: 1px solid #333333 !important;
		color: #ffffff !important;
	}

	.data td.ftr a {
		color: #ffffff;
	}
	
	.data td.ftr a.active {
		color: #ffffff; 
		font-weight: bold; 
		text-decoration: underline;
	}

	.data td {
		background: transparent;
		padding: 3px 5px;
		color: #000000;
	}

	.data tr.edit td {
		background: #ffffff; 
		border-bottom: 1px solid #cccccc;
		padding: 3px 5px;
	}

	.data tr.editheader td {
		background: #efefef !important; 
		border-bottom: 1px solid #cccccc !important;
		padding: 5px;
	}
	
	.data tr.datarow td {
		background: transparent;
		border-bottom: 1px solid #cccccc !important;
		padding: 3px 5px;
		color: #000000;
	}

	.data tr.edit td table td {
		padding-left: 0px; 
		border-bottom: none;
	}

	.data .label {
		width: 15%; 
		text-align: left; 
		padding: 8px 25px !important;
	}

	.data .center {
		text-align: center !important;
	}

	.data a {
		text-decoration: none;
	
	}
	.data a:hover {
		text-decoration: underline;
	}

	.data td a {
		color: #000000;
	}

	.data td.graph {
		background: #ffffff !important; 
		padding: 5px; 
		vertical-align: top;
	}
		
	.data tr.edit td .txt {
		width: 300px;
	}

	.data .list_total {
		display: inline; 
		float: left; 
		padding-top: 3px;
	}


.box_checks {
	width: 400px; 
	height: 190px; 
	overflow: auto; 
	overflow-y: scroll; 
	border: 1px solid #7F9DB9; 
	background-color: #ffffff;
}


.sublist {
	width: 100%;
	border: 2px;
}

.sublist .sublist_field_header th {
	background: #999999;
	height: auto;
	padding: 4px;
	border-bottom: 1px solid #666666;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

.sublist .sublist_datarow {
	padding: 2px 4px;
	border-bottom: 1px solid #cccccc !important;
	color: #000000;
}