body {
	background: #E4E9DD url(../images/bg.gif) 0 0 repeat-x;
	font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input, select, textarea {
	font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
textarea {
	height: auto;
	width: auto;
}

.container {
	background: #fff;
}
.container.main {
	border-bottom: 7px solid #6d9e32;
	border-left: 1px solid #c7cdbe;
	border-right: 1px solid #c7cdbe;
}
input.text, input.title, textarea, select {
	margin: 0;
}


table .left {
	text-align: left;
}
table .right {
	text-align: right;
}
table .center {
	text-align: center;
}


/*
 * ---------------------------------------------
 * blueprint overrides
 * --------------------------------------------- 
 */
table, td, th {
  vertical-align: top;
}


/*
 * ---------------------------------------------
 * simple table for reports
 * --------------------------------------------- 
 */
table.simple {
	background: #fff;
	border: 1px solid #999;
	border-collapse: collapse;
}
table.simple th,
table.simple td {
	border: 1px solid #999;
}
table.simple th {
	font-size: 100%;
	background: #ccc;
	color: #000;
	text-align: center;
}
table.simple td.highlight {
	background-color: #eee;
}
table.simple td.lighter {
	background-color: #f2f2f2;
}
table.simple .right {
	text-align: right;
}
table.simple .left {
	text-align: left;
}
table.simple .center {
	text-align: center;
}


/*
 * ---------------------------------------------
 * Fixes for DNN control panel
 * --------------------------------------------- 
 */
.control_panel table {
	margin: 0;
}
.control_panel table td {
	padding: 2px;
}
.control_panel table td.Normal {
	text-align: center;
}
.control_panel .ControlPanel {
	border: 1px solid #6d9e32;
	border-width: 0 0 1px 0;
}


/*
 * ---------------------------------------------
 * Fixes for DNN edit controls
 * --------------------------------------------- 
 */
.ModuleTitle_SubMenu {
	width: auto;
	border: 1px solid #eee;
}
.ModuleTitle_SubMenu td {
	padding: 2px 4px;
	font-size: 11px;
}
.ModuleTitle_SubMenu tr.ModuleTitle_MenuBreak td {
	padding: 0;
	height: 3px;
}


/*
 * ---------------------------------------------
 * Main menu
 * --------------------------------------------- 
 */
#header {
	margin-top: 10px;
	background: transparent url(../images/headers/2.jpg) 185px 4px no-repeat;
	height: 143px;
}

#header_eric {
	margin-top: 10px;
	background: transparent url(../images/headers/eric2.jpg) 185px 4px no-repeat;
	height: 143px;
}

#logo h1 {
	padding: 20px 0 0 45px;
}
#logo h1 a {
	display: block;
	height: 102px;
	width: 96px;
	background: transparent url(../images/logo.png) 0 0 no-repeat;
	text-indent: -9999em;
}


/*
 * ---------------------------------------------
 * Main menu / search
 * --------------------------------------------- 
 */
#navigation {
	background: #6a9a31 url(../images/menu_bg.png) 0 100% repeat-x;
	border-top: 2px solid #4c721d;
	border-bottom: 1px solid #365115;
}

#main_menu .item  {
	color: #fff;
	float: left;
	text-align: center;
	padding: 7px 8px;
	font-weight: bold;
	text-transform: normal;
}
#main_menu .item.selected  {
	background-color: #2D4A09;
}
#main_menu .item.hover,
#main_menu table.subitems .subitem.hover {
	color: #fff;
	background: #405626;
}
#main_menu table.subitems {
	border: 1px solid #142006;
	background: #4c721d;
	margin: 0;
	width: auto;
	z-index: 1000 !important; 
	 /*z-index: 10;  Prevent problems with menu being behind module elements - DWW */
}
#main_menu table.subitems td {
	padding: 0;
	white-space: nowrap;
	color: #fff;
	padding: 2px 5px;
}


/*
 * ---------------------------------------------
 * new search box
 * --------------------------------------------- 
 */
#site_search {
	padding-top: 4px;
}
#site_search .xsTxtSearch {
	width: 110px;
	padding: 3px 5px;
	font-size: 100%;
}
#site_search .xsImgSearch {
}


/*
 * ---------------------------------------------
 * Breadcrumbs
 * --------------------------------------------- 
 */
#breadcrumbs_nav {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 5px 0;
	background: #eee url(../images/submenu_bg.png) 0 0 repeat-x;
}
#login_box {
	text-align: right;
}
#breadcrumbs_nav p {
	padding: 0 10px;
	margin: 0;
}
#breadcrumbs_nav a {
	color: #405626;
}


/*
 * ---------------------------------------------
 * Content/Modules
 * --------------------------------------------- 
 */
td.TopPane,
td.BottomPane,
td.ContentPane,
td.LeftPane,
td.RightPane {
	vertical-align: top;
	padding: 10px 15px;
} 
td.TopPane {
}
td.BottomPane {
}
td.ContentPane {
} 
td.LeftPane {
}
td.RightPane {
}
td.DNNEmptyPane {
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.module_container div.DNNAligncenter {
	text-align: left;
}

.module_container h1 {
	font-size: 20px;
	color: #365115;
	font-weight: normal;
	padding-bottom: 8px;
	border-bottom: 1px dotted #c7cdbe;
}
.module_container h3,
.module_container span.SubHead {
	font-size: 14px;
	font-weight: bold;
	color: #365115;
}
.module_container h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.module_container a {
	color: #369;
}

.module_container fieldset {
	margin: 10px 0;
	padding: 0;
	border: 0;
}
.module_container table.data {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
}

.module_container table.data th,
.module_container table.data td {
	vertical-align: top;
	padding: 5px;
	font-size: 11px;
	background: #fff;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 0;
}
.module_container table.data th {
	background: #eee;
	font-weight: bold;
	color: #333;
}


/*
 * ---------------------------------------------
 * homepage headline content
 * --------------------------------------------- 
 */
#HeadlineContent h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0;
}
#HeadlineContent p.age {
	color: #666;
	margin: 0 0 5px 10px;
}
#HeadlineContent span {
	display: block;
	margin: 0 0 15px 10px;
}
#HeadlineContent ul {
	margin-left: 20px;
}


/*
 * ---------------------------------------------
 * footers -- feet?
 * --------------------------------------------- 
 */
#subfooter p,
#footer p {
	margin-bottom: 0;
}
#subfooter {
	border-top: 2px solid #c7cdbe;
	background: #dfe5d6;
}
#subfooter p {
	padding: 10px 15px;
}
#subfooter a {
	color: #446117;
}
#subfooter a:hover {
	color: #000;
}
#footer {
	padding-top: 10px;
	background-color: transparent;
	margin-bottom: 10px;
	color: #333;
}
#footer p {
	padding: 0 10px;
}
#footer .last {
	text-align: right;
}
#footer a {
	color: #000;
}


/*
 * ---------------------------------------------
 * log viewer
 * --------------------------------------------- 
 */
#dnn_ctr362_LogViewer_dlLog {
	background-color: transparent !important;
}
#dnn_ctr362_LogViewer_dlLog td {
	padding: 0;
}
#dnn_ctr362_LogViewer_dlLog td table {
	margin: 0;
	border-bottom: 1px solid #fff;
}
#dnn_ctr362_LogViewer_dlLog td table td {
	padding: 4px;
}
#dnn_ctr362_LogViewer_dlLog td table td table td {
	background-color: #fff !important;
}
.PagingTable {
	border: none;
}


/*
 * ---------------------------------------------
 * for ozone forecast
 * --------------------------------------------- 
 */
.issued {
	color: #9ba9b4;
	font-weight: bold;
	font-size: 110%;
	margin: 5px 0 10px;
}	
#forecast {
	margin-bottom: 2.5em;
}
#forecast th,
#forecast td {
	color: #000;
}
#forecast td.columnhead {
	width: 150px;
	font-weight: bold;
	font-size: 110%;
}
#forecast thead th {
	background-color: #f2f2f2;
	font-size: 90%;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #fff;
}
#forecast tbody th {
	text-align: right;
	font-size: 100%;
}
#forecast tbody td {
	text-align: center;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

/*
 * ---------------------------------------------
 * Report Filter Buttons 
 * --------------------------------------------- 
 */
 
#rptFilter button {
	background: url(button.png) no-repeat 0 0;
	border: 0;
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 81px;
	}
#rptFilter button:hover { 
	background-position: 0 -30px;
	}
#rptFilter button:hover:active {
	-ms-background-position-x: 1px;
	-ms-background-position-y: -29px;
	}



/*
 * ---------------------------------------------
 * for message boxes 
 * --------------------------------------------- 
 */

.info, .success, .warning, .alert {
	margin: 10px 0px;
}

.alert {    
	background: #fff6bf url('../images/alert.png') center no-repeat;    
	background-position: 15px 50%;    
	text-align: left;
	font-weight:bold;
	font-size: 15px;    
	padding: 5px 20px 5px 55px;    
	border-top: 2px solid #ffd324;    
	border-bottom: 2px solid #ffd324;    
	color: #9F6000;
}
.info {
	background: #F8FAFC url('../images/info.png') center no-repeat;    
	background-position: 15px 50%;
	font-weight:bold;
	text-align: left; 
	color: #00529B;
	padding: 5px 25px 5px 55px;
	border-top: 2px solid #B5D4FE;    
	border-bottom: 2px solid #B5D4FE;
}
.success {
	background: #DFF2BF url('../images/success.png') center no-repeat;    
	background-position: 15px 50%;    
	text-align: left;    
	padding: 5px 25px 5px 55px;    
	border-top: 2px solid #4F8A10;    
	border-bottom: 2px solid #4F8A10;
	color: #4F8A10;
}
.warning {
	    background: #fff6bf url('../images/warning.gif') center no-repeat;    
	    background-position: 15px 50%;    
	    text-align: left;
	    font-size: 12px;
	    line-height: 95%;     
	    padding: 5px 25px 5px 55px;    
	    border-top: 2px solid #ffd324;    
	    border-bottom: 2px solid #ffd324;
		color: #9F6000;
}
.error {
	background: #FFBFBF url('../images/error.png') center no-repeat;    
	background-position: 15px 50%;    
	text-align: left;    
	padding: 5px 25px 5px 55px;    
	border-top: 2px solid #FF2424;    
	border-bottom: 2px solid #FF2424;
	color: #D8000C;
}
label.error { 
	float: none; 
	color: red; 
	border: 0px solid #fff;
}
