/* *****************************

This is the style sheet for the Infrastructure Security and Energy Restoration (ISER) Division public Web site. ISER is part of the Department of Energy's (DOE) Office of Cybersecurity, Energy Security, and Emergency Response (CESER).

This site is located at http://www.oe.netl.doe.gov/

ToC:
	1.	 Main (global)
	2.  Header
	3.  Sidebar
	4.  Content
	5.  Content Tables
	6.  Content Misc


******************************** */

.nav-links
{
    position: relative;
    display: inline;
    float: left;
}
.nav-links a
{
    /* 	text-align:left; 	padding: 0px 4px 0px 4px; 	margin: 0px 4px 0px 4px; 	*/
    display: block;
    width: 120px; /*Width of top level menu link items*/
    padding: 2px 8px;
}

/* ******** SECTION 1: Main. ********* */


body
{
    margin: 0;
    padding: 0; 
     background: white;
    height: 100%;
}

a:link
{
    color: #7C1219;
}
a:visited
{
    color: purple;
}
a:active
{
    color: #7C1219;
}
a:hover
{
    color: #262626;
}

h1, h2, h3, h4
{
    font-weight: bold;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    color: #7C1219;
    font-size: 148%;
    margin: 0 10px 10px 0;
    line-height: 110%;
}

h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%;
    color: #3A486B;
    margin: 20px 0 10px 0;
    padding: 0;
}

h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #444;
    padding: 0;
    margin: 18px 0 10px 0;
}

h4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%;
    color: #444;
    padding: 0;
    margin: 0 0 10px 0;
}


/********* SECTION 2:  Header *********** */

#header
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-image: url(images/header_background.gif);
    background-repeat: repeat-x;
}

#skiplink a
{
    position: absolute;
    overflow: hidden;
    width: 0px;
    height: 0px;
}

#skiplink a:active, #skiplink a:focus
{
    position: absolute;
    overflow: visible;
    width: auto;
    height: auto;
    background-color: #666;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    top: 0;
    left: 0;
    padding: 4px 46px 4px 46px;
    border: 1px solid #999999;
    font-weight: bold;
    font-size: 65%;
    z-index: 5;
}

#searchbox
{
    font-size: 100%;
    color: #7C1219;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#searchbox input
{
    margin: 0;
    padding: 0;
}

#searchbox p
{
    margin: 0 0 5px 9px;
    padding: 12px;
}

#searchbox form
{
    margin: 0 0 5px 9px;
    padding: 12px;
}

#header-nav
{
    position: absolute;
    top: 119px;
    left: 0;
    width: 755px;
    text-align: right;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    z-index: 3;
    margin: 0;
    padding: 0;
}

#header-nav a
{
    margin: 0;
    padding: 0 4px 0 4px;
}

#header-nav a:link
{
    color: #ABABAB;
}
#header-nav a:visited
{
    color: #ABABAB;
}
#header-nav a:active
{
    color: #ABABAB;
}
#header-nav a:hover
{
    color: #FFFFFF;
}



/********* SECTION 3:  Sidebar  *********** */


#sidebar
{
    position: absolute;
    top: 140px;
    left: 0;
    width: 192px;
    margin: 0;
    padding: 50px 0 15px 0;
    background-image: url(images/sidebar_background.gif);
    background-repeat: repeat-y;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 70%;
    color: #6E6E6E;
    background-color: #ECE9D8;
}

#sidebar h1
{
    font-size: 100%;
    color: #7C1219;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 13px 0 0 0;
    padding: 0 0 0 14px;
}

#sidebar ul
{
    margin: 0 0 5px 9px;
    padding: 12px;
}

#sidebar li
{
    margin: 0;
    padding: 5px 0;
    list-style-type: none;
}

#sidebar .subnav
{
    margin: 0 0 0 9px;
    padding: 3px 0;
}

#sidebar a
{
    text-decoration: none;
}

#sidebar a:link
{
    color: #7C1219;
    text-decoration: underline;
}
#sidebar a:visited
{
    color: #262626;
    text-decoration: underline;
}
#sidebar a:active
{
    color: #262626;
    text-decoration: underline;
}
#sidebar a:hover
{
    color: #262626;
    text-decoration: underline;
}

/* ******** SECTION 4:  Right Sidebar Sub-links *********** */
#rightnavlinks
{
    margin: 0 0 0 0;
    padding: 0;
}

#rightnavlinks ul
{
    list-style-type: none;
}


#rightnavlinks li
{
    list-style-type: none;
    border-bottom: 1px dashed #000;
    margin: 0;
    padding: 2px 3px 1px 3px;
}

#rightnavlinks .rightnavlinks-last
{
    list-style-type: none;
    border-bottom: none;
    margin: 0;
    padding: 2px 3px 1px 3px;
}

.rightnavlinks
{
    margin: 0 0 0 0;
    padding: 0;
}

.rightnavlinks ul
{
    list-style-type: none;
}


.rightnavlinks li
{
    list-style-type: none;
    border-bottom: 1px dashed #000;
    margin: 0;
    padding: 2px 3px 1px 3px;
}

.rightnavlinks .rightnavlinks-last
{
    list-style-type: none;
    border-bottom: none;
    margin: 0;
    padding: 2px 3px 1px 3px;
}

.sidebox_nav
{
    width: 174px;
    border: 1px solid #bdbbbc;
    padding: 0 0 8px 0;
    margin: 0 0 9px 10px;
    font-size: 90%;
}

.sidebox_nav h1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #595959;
    margin: 0;
    padding: 0 8px 1px 8px;
    background-color: #bdbbbc;
}

.sidebox_nav a:link, .sidebox_nav a:visited
{
    color: #0e2289;
    text-decoration: none;
}

.sidebox_nav a:hover
{
    color: #0e2289;
    text-decoration: underline;
}

/* ******** SECTION 5: Content Section ********* */

#content
{
    /*position: absolute; 	top: 167px; 	left: 205px; 	width: 530px;*/
    padding: 0 0 25px 0;
    margin: 0 0 20px 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 146%;
    z-index: 100;
}

#content p
{
    margin: 0 20px 15px 0;
    padding: 0;
}

#content ul
{
    margin: 5px 5px 20px 35px;
    padding: 0;
}

#content ol
{
    margin: 0 5px 20px 35px;
    padding: 0;
}

#content li
{
    margin: 5px 0 5px 10px;
    padding: 0;
}

#content a:link
{
    color: #0e2289;
    text-decoration: underline;
}

#content a:hover
{
    color: #1b56ff;
    text-decoration: underline;
}
#breadcrumb
{
    padding: 0;
    margin: 0 10px 0 5px;
}
.breadcrumb
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    color: #595959;
    padding: 0;
    margin: 0;
}
#ctl00_breadCrumbContent_breadcrumb
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    color: #595959;
    padding: 0;
    margin: 0;
}
.breadcrumblink
{
    font-size: 7px;
    color: navy;
    font-weight: normal;
    text-decoration: none;
}

.breadcrumblink:link
{
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: navy;
}


.breadcrumblink:visited
{
    font-size: 10px;
    color: navy;
    text-decoration: none;
    font-weight: normal;
}

.breadcrumblink:hover
{
    font-size: 10px;
    color: navy;
    text-decoration: underline;
}

#sideboxes
{
    float: right;
    vertical-align: top;
    padding: 0;
    margin: 17px 10px 20px 25px !important;
    margin: 17px 10px 20px 22px;
    width: 227px;
}

#hurricaneboxes
{
    padding: 0;
    margin: 0;
}
#hurricaneboxes p
{
    padding: 0 8px;
    margin: 9px 0;
}

#sideboxes .sidebox p
{
    margin: 0 8px 2px 12px;
    padding: 0;
}

#sideboxes .sidebox ul
{
    margin: 0 14px 2px 24px;
    padding: 0;
    color: #7C1219;
}

.sidebox
{
    width: 174px;
    border: 1px solid #bdbbbc;
    padding: 0 0 8px 0;
    margin: 0 0 9px 10px;
    font-size: 90%;
}

.sidebox h1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #595959;
    margin: 0;
    padding: 0 8px 1px 8px;
    background-color: #bdbbbc;
}

.sidebox h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0e2289;
    text-decoration: none;
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 1px 5px 1px 0;
}

.sidebox p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0e2289;
    text-decoration: none;
    font-weight: normal;
    margin: 0;
    padding: 3px 0;
}

.sidebox a:link, .sidebox a:visited
{
    color: #0e2289;
    text-decoration: none;
}

.sidebox a:hover
{
    color: #0e2289;
    text-decoration: underline;
}

.sidebox ul
{
    margin: 5px 7px 5px 10px;
    padding: 0;
}

.sidebox li
{
    margin: 0px 9px 5px 9px;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0e2289;
    text-decoration: none;
    font-weight: normal;
}

.sidebox-garnish
{
    padding: 0;
    margin: 0 0 7px 0 !important;
    margin: 0 0 7px 0;
    width: 225px;
}

.sidebox-garnish img
{
    border: 1px solid #363; /*margin: 0 0 5px 0;*/
    margin: 0;
    padding: 0;
}

.sidebox_contentgroup
{
    border-bottom: 1px dashed #000;
    margin: 0 5px;
    padding: 0;
}

.sidebox_contentgroup_last
{
    margin: 0 5px;
    padding: 0;
}

.sidebox-list
{
    width: 240px;
    border: 1px solid #CDCDCD;
    padding: 0 0 8px 0;
    margin: 0px 0px 9px 0px;
    font-size: 90%;
}
.sidebox-list h1
{
    font-size: 100%;
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 12px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #CDCDCD;
}

.boxwrapper
{
    float: right;
}

.sidebox-otherlist-srt
{
    width: 600px;
    border: 1px solid #CDCDCD;
    padding: 0 0 8px 0;
    margin: 0px 0px 9px 0px;
    font-size: 90%;
}

.sidebox-otherlist-srt h2
{
    font-size: 110%;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 12px;
    background-color: #0e4274;
    border-bottom: 1px solid #0e4274;
}

.sidebox-sitreportlist-srt
{
    padding: 0 0 8px 0;
    margin: 0px 7px 9px 0px;
    font-size: 90%;
    border: 1px solid #0e4274;
}

.sidebox-otherlist
{
    width: 200px;
    border: 1px solid #0e4274;
    padding: 0 0 8px 0;
    margin: 0px 10px 9px 0px;
    font-size: 90%;
}

.sidebox-otherlist h2
{
    font-size: 110%;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 12px;
    background-color: #0e4274;
    border-bottom: 1px solid #0e4274;
}
.sidebox-other ul
{
    margin: 0px 8px 0px 0px;
    padding: 0;
}

.sidebox-sitreportlist
{
    width: 300px;
    border: 1px solid #0e4274;
    padding: 0 0 8px 0;
    margin: 0px 0px 9px 0px;
    font-size: 90%;
}

.sidebox-sitreportlist p
{
    /*border: 1px solid #CDCDCD;*/
    margin: 0;
    padding: 0;
}

.sidebox-sitreportlist h2
{
    font-size: 110%;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 12px;
    background-color: #0e4274;
    border-bottom: 1px solid #0e4274;
}

.sidebox-sitreportlist-srt h2
{
    font-size: 110%;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 12px;
    background-color: #0e4274;
    border-bottom: 1px solid #0e4274;
}

.garnish
{
    float: right;
    padding: 0;
    margin: 20px 1px 20px 28px !important;
    margin: 20px 0px 20px 25px;
    width: 225px;
}

.garnish img
{
    border: 1px solid #7C1219; /*margin: 0 0 5px 0;*/
    margin: 0;
    padding: 0;
}

.garnish-vert
{
    float: right; /*border: 1px solid #636;*/
    padding: 0;
    margin: 0px 0px 30px 38px !important;
    margin: 0px 0px 30px 38px;
    width: 122px;
}

.garnish-vert img
{
    border: 1px solid #7C1219;
    margin: 0 0 5px 0;
    padding: 0;
}

#footer
{
    border-top: 1px solid #8c8c8c;
    margin: 100px 20px 0px 0px;
    padding: 7px 0px 0px 0px;
    width: 530px;
    font-size: 90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    clear: both;
}



/* ******** SECTION 6: Content Tables ******** */


.datatable
{
    font-size: 90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 10px 0px 0px 0px;
    padding: 0;
    background-color: #ccc;
}

.datatable th
{
    text-align: left;
    background-color: #f4f4f4;
    font-size: 90%;
    margin: 0;
    padding: 2px 5px 2px 10px;
    font-weight: bold;
}

.datatable td
{
    margin: 0;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
}

.datatable caption
{
    text-align: left;
    font-size: 100%;
    color: #02467D;
    font-weight: bold;
    margin-top: 5px;
}

OE417datatable
{
    font-size: 90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 10px 0px 0px 0px;
    padding: 0;
    background-color: #ccc;
}

.OE417datatable th
{
    text-align: center;
    background-color: #f4f4f4;
    font-size: 90%;
    margin: 0;
    padding: 2px 5px 2px 10px;
    font-weight: bold;
}

.OE417datatable td
{
    text-align: center;
    margin: 0;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
}

.OE417datatable caption
{
    text-align: left;
    font-size: 100%;
    color: #02467D;
    font-weight: bold;
    margin-top: 5px;
}

/* ******** SECTION 7: Content Misc ********* */


.hr
{
    border-top: solid 1px #cccccc;
    padding: 0;
    margin: 33px 0px 33px 0px;
}

.hrseparator
{
    width: 350px;
    text-align: center;
    margin: 40px 0px 40px 95px !important;
    margin: 35px 0px 15px 95px;
    padding: 0; /* IE will add this but N7 won't */
    border-top: 1px solid #999999;
}

input
{
    font-size: 11px;
    font-family: Verdana, Arial;
}

.container
{
    position: relative;
    height: 17px;
}

.left-element
{
    position: absolute;
    left: 0;
    width: 50%;
}

.right-element
{
    position: absolute;
    right: 0;
    top: 0px;
    width: 50%;
    text-align: right; /* depends on element width */
}

/*#navlinks ul {
	
	list-style-type:none;
	padding: 0px 2px 2px 3px;
	margin: 2px 2px 2px 3px;
	
}*/

.clearfooter
{
    clear: both;
}

.thispage
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    color: #3A486B; /*#C14900;*/
}

#content .sidebox-sitreportlist-srt h2 a:link, #content .sidebox-sitreportlist-srt h2 a:visited, #content .sidebox-sitreportlist-srt h2 a:hover
{
    color: #fff;
}

.fake-link
{
    color: navy;
    font-size: 90%;
    font-weight: normal;
    text-decoration: none;
}

.sidebox_contentgroup_last blockquote
{
    margin: 8px 5px 2px 20px;
}

.sidebox_contentgroup_last ul
{
    padding: 5px 0px 0px 0px;
}

div.inset
{
    font-family: Arial, Helvetica, sans-serif;
    color: navy;
    width: 134px;
    margin: 0 10px 25px 25px;
    float: right;
    background-color: #FFF;
}

div.inset-top
{
    border-top: 1px solid #BDBBBC;
    border-left: 1px solid #BDBBBC;
    border-right: 1px solid #BDBBBC;
    border-bottom: 1px solid #BDBBBC;
    padding: 3px;
}

div.inset-bottom
{
    border: 1px solid #BDBBBC;
    padding-bottom: 3px;
}

div.inset a
{
    padding: 3px 3px 3px 3px;
}

.attention
{
    border: 1px solid #ff0000;
    margin: 10px;
    padding: 0;
}

.attention p
{
    margin: 0;
    padding: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100% !important;
    font-size: 100%;
    color: #000000;
}

/* ******** BEGIN: OE-417 section ( added as part of testing can be removed if there is another place this should be ********* */

/*
red: #FF0000
blue: #0000FF
black: #000000
white: #FFFFFF
light green: #00FF00

Black = #000000
dark Green = #008000
Silver = #C0C0C0
Lime = #00FF00
Gray = #808080
Olive = #808000
White = #FFFFFF
Yellow = #FFFF00
Maroon = #800000
Navy = #000080
Red = #FF0000
Blue = #0000FF
Purple = #800080
Teal = #008080
Fuchsia = #FF00FF
Aqua = #00FFFF
steelblue = #42599C
*/


.leftback
{
	background: url(images/left_middle.jpg) repeat-y;
	width: 		16px;
}

.rightback
{
	background: url(images/right_middle.jpg) repeat-y;
	width: 		16px;
}

.required
{
	font-family: 	verdana, arial, helvetica, sans-serif;
	font-size: 		8pt;
	font-weight: 	bold;
	color: 			#FF0000;
}

.msgRed
{
	font-family: 	verdana, arial, helvetica, sans-serif;
	font-size: 		8pt;
	font-weight: 	bold;
	color: 			#FF0000;
}

.tableBorder
 {
	border:				1px solid #b2b2b2;
	border-top: 			solid 1px;
	border-bottom:		solid 1px;
	border-left:		solid 1px;
	border-right:		solid 1px;
	padding:				2px;
	
}

td.sectionHeading 
{
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size: 				10pt;
	font-weight: 			bold;
	color: 					#FFFFFF;
	background-color:		#42599C;
	border-top-color:		#000000;
	border-bottom-color:	#000000;
	border-top-style:		solid;
	border-bottom-style:	solid;
	border-top-width:		1px;
	border-bottom-width:	1px;
	}
td.sectionSubHeading 
{
	font-family:			verdana, arial, helvetica, sans-serif;
	font-size:				8pt;
	font-weight:			bold;
	text-align:				left;
	color:					#000000;
	background-color:		#E8E8E8;
	border-top-color:		#000000;
	border-bottom-color:	#000000;
	border-top-style:		solid;
	border-bottom-style:	solid;
	border-top-width:		1px;
	border-bottom-width:	1px;
}
	
.tdBorder
{
	font-family: 	verdana, arial, helvetica, sans-serif;
	font-size: 		8pt;
	border:			1px solid #ffffff;
}

td
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
}

.tdRightAlign
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	text-align: right;
}

.inputLeftAlign
{
    font-size: 11px;
    font-family: Verdana, Arial;
    text-align:left;
}
.inputRightAlign
{
    font-size: 11px;
    font-family: Verdana, Arial;
    text-align:right;
}

.option_display_none
{
	display:		none;
	padding:		5px;
}
.option_display_visible
{
	border:		1px solid #b2b2b2;
	padding:		5px;
	
}

.option_errorDisplay_visible
{
	border:					1px solid #FF0000;
	background-color:		#D3D3D3;
	padding:					5px;
	
}

th
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-align: left;
}

/* ******** END: OE-417 section ********* */
/* ******** BEGIN: Special Message Formatting ********* */
.smallTextMessage
{
    font-family: Sans-Serif, Arial, Verdana, helvetica ;
    font-size:6.5pt;
    font-style:normal;
    text-transform:uppercase;
    color:#000000;
}

.form-info 
{
	background-color: #999;
	font-size: 115%;
	color: #000;
	font-weight: bold;
}

.form-h1 
{
	background-color: #ccc;
	font-size: 125%;
	padding: 0;
	text-align: center;
	font-style: italic;
}

.form-h2 
{
	background-color: #ccc;
	font-size: 140%;
	text-align: center;
	padding: 0;
} 

.lightGray, .oeHeaderLeft
{
    background-color:#ccc;
    font-size: 100%;
}
.scheduleHeader
{
	background-color:#ccc;
    font-size: 150%;
    font-weight: bold;
}
.darkGray
{
    background-color:#999;
    font-size: 100%;
}  

.darkGray, .oeHeaderLeft
{
	background-color:#ccc;
    font-size: 105%;
}
.form-table {
	background-color: #fff;
	font-size: 86%;
	font-family: verdana, arial, helvetica, sans-serif;
	border-collapse: collapse;
}

.form-table th 
{
	background-color: #999;
	color: #000;
	text-align: left;
	padding: 4px 10px 4px 10px;
}

.form-table td 
{
	padding: 6px 12px 5px 12px;
}
/* ******** END: Special Message Formatting ********* */