/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym { border:0; }

/* fonts */

body {
	color:#333;
	font-family:verdana,Arial,Helvetica,sans-serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:small;
	font:x-small;
	line-height:1.5;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
table {font-size:inherit;}
pre, code {font:115% monospace;font-size:100%;}

/* page default settings */

a:link { color:#333; }
a:visited { color:#337; }
a:active { color:#373; }
a:hover { color:#C55; }

h1 { font-weight:bold; font-size:2em; }
h2 { font-weight:bold; font-size:1.4em; }
h3 { font-weight:bold; font-size:1.2em; }
h4 { font-weight:bold; font-size:0.8em; }
h5 { font-weight:bold; font-size:0.8em; font-style:italic; }
h6 { font-weight:normal; font-size:0.8em; font-style:italic; }

.byline {
	/* font-family:trebuchet,sans-serif; */
	font-style:italic;
	letter-spacing: 1px;
	margin: 0 0 0em;
}
#page {
	background:#282C33 none repeat scroll 0 0;
	font-size:0.88em;
	margin:10px auto 20px auto;
	width:1003px;
}
#page p, ul {
	/* font-family:verdana,sans-serif; */
	line-height:1.8em;
	margin: 0 0 1em;
}

/* end defaults section */

body {
	background:#282C33 none no-repeat scroll 0 0;
	text-align:left;
}
#header {
	background-image:url("../ui_images/dark_header_bg-0.2.png");
	height:100px;
	margin-bottom:0px;
	width:1003px;
}
#headerTransition {
	background:#000 url("../ui_images/header_bridge.png") no-repeat 0px -19px;
	height:8px;
	margin-bottom:0px;
	width:1003px;
}
#header > table {
	vertical-align:top;
	width:1000px;
}
#header #headerTableBrandBox {
	height:100px;
	text-align:center;
	vertical-align:middle;
	width:262px;
}

/* navigation */

#header #headerTableNavBox {
	height:28px;
	margin:0px 0px 0 14px;
	width:972px;
}
#header #headerTableNav {
	margin:0 0 0 0px;
}
#header #headerTableNav ul {
	display:inline;
	list-style:none;
}
#header #headerTableNav li {
	/* background:#EEE url("../ui_images/button_bg.png") repeat-x 0px -5px; */
	/* border-top: 1px solid #555; */
	border-right: 1px solid #000;
	color:#CCC;
	font-weight:bold;
	/* font-family:Arial,Helvetica,sans-serif; */
	font-size:1.2em;
	float: left;
	height:27px;
	line-height:2;
	margin:0px 0 0 0px;
	padding:0 20px;
	text-align:center;
	width:auto;
}
#header #headerTableNav li a,
	#header #headerTableNav li a:link,
	#header #headerTableNav li a:active,
	#header #headerTableNav li a:visited {
	color:#CCC;
	text-decoration: none;
}
#header #headerTableNav li a:hover {
	color: #FFF;
}
#header #headerTableNav li:hover {
	background: #333;
	color: #FFF;
}
#linkShare {
	background:url("../ui_images/share_palette-0.1.png") no-repeat 0px 0px;
	float:right;
	height:20px;
	margin:4px 15px 0px 0px;
	width:177px;
}
#logoLinkOverlay {
	width: 260px;
	margin: 0 0 0 370px;
}

/* main page structure */

#econoMapContent {
	background:#FFF url("../ui_images/content_bg-0.2.png") repeat-x 0px 0px;
	padding:10px 0 30px 0;
}
#home {
	background:#FFF;
	/* background:#FFF url("../ui_images/content_bg-0.2.png") repeat-x 0px 0px; */
	padding:10px 0 30px 0;
}
#home #mainColumn1 {
	float:left;
	margin:25px 0 0 50px;
}
#home #mainColumn2 {
	float:right;
	width:550px;
	margin:25px 95px 0 0;
}
#home p {
	font-size:1.2em;
}
#topLeftColBox {
	background:url("../ui_images/leftColTop.png") no-repeat 0px 0px;
	margin:0px 0 0 17px;
	text-align:left;
	position:relative;
	width:240px;
}
#topLeftColContent {
	padding:8px 0 0 0;
	position:relative;
	margin:0px 0 0 16px;
}
#topLeftColContent h3 {
	font-size:1.3em;
	line-height:2em;
}
#topLeftColContent p {
	font-size:1em;
	line-height:1.4em;
}

#leadStory {
	margin:0px 5px 0 0;
	text-align:left;
}
#leadStory ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	margin:0px 0px 0px 5px;
}

/* images */

#ben {
	border: 1px solid black;
	float:left;
	margin:5px 10px 0 0;
}
#tim {
	border: 1px solid black;
	float:right;
	margin:5px 10px 0 10px;
}
#gridPreview {
	margin:0 0 0 20px;
}

/* faq-page specific rules */

#faqContent {
	margin:20px auto;
	text-align:left;
	width:600px;
}

/* help-page specific rules */

.helpHeadingImage {
	float:left;
	padding:0 10px 0 0;
}
#helpBody {
	margin:20px auto;
	text-align:left;
	width:600px;
}
#helpTable { width:580px; }
#helpTable tr td {
	border:1px solid #CCC;
	font-size:0.8em;
	text-align:center;
	line-height:1.2;
}
#transportHelp {
	list-style:none;
	float:left;
	margin:0;
}
#transportHelp li {
	float:left;
}
#nav_bbb_help {
	background:url("../ui_images/arrows-0.5.png") no-repeat 0px -28px;
	margin:0 5px 0 5px;
	width:48px;
}
#nav_bbb_help:hover {
	background:url("../ui_images/arrows-0.5.png") no-repeat 0px 0px;
}

#footerwrap {
	background:#000 url("../ui_images/fv_dark_footer.png") no-repeat 0px 0px;
	clear:both;
	height:135px;
}
#footerwrap a:link { color:#CCC; }
#footerwrap a:visited { color:#AAE; }
#footerwrap a:active { color:#AEA; }
#footerwrap a:hover { color:#E55; }

#footer_promos {
	font-size:93%;
	line-height:19px;
	padding-top:20px;
	text-align:center;
}
.copyright {
	color:#CCC;
}

/* main grid */
#gridTransport {
	height:48px;
}
#transport {
	list-style:none;
	float:left;
	margin:0;
}
#transport li {
	float:left;
}

#gridHeader {
	height:63px;
}
#gridHeader h2 {
	text-indent:25px;
}
#modeButtons {
	list-style:none;	
	float:left;
	font-weight:bold;
	margin:3px 0px 0 18px;
	text-align:center;
}
#modeButtons li {
	float:left;
}
#decadeAButtons {
	list-style:none;	
	float:right;
	font-weight:bold;
	margin:-10px 173px 0 0px;
	text-align:center;
}
#decadeAButtons li {
	float:left;
}
#decadeBButtons {
	list-style:none;	
	float:right;
	font-weight:bold;
	margin:3px 173px 0 0px;
	text-align:center;
}
#decadeBButtons li {
	float:left;
}

/* fedgrid */

#mainTableBox {
	clear:both;
	font-size:1.2em;
	margin:0 0 0 20px;
}
#mainTable {
	width:960px;
}
#mainTable tr td {
	border:1px solid #CCC;
	font-size:0.7em;
	text-align:center;
	line-height:1.2;
}
#mainTable tr:hover td {
	border-bottom:1px solid #000;
}
#mainTable tr td.dateHeader {
	border:0;
	font-weight:bold;
}
#mainTable tr td.descrCol {
	border-left:0;
	border-right:0;
	border-top:0;
	color:#555;
	text-align:left;
	text-indent:0.5em;
}
#mainTable tr td.vals {
	width:40px;
}
#mainTable tr td.alternatingRowEven {
	background:#DED;
	width:40px;
}
#mainTable tr td.alternatingRowOdd {
	background:#EEE;
	width:40px;
}
#mainTable tr td.corner {
	border-left:0;
	border-right:0;
	border-top:0;
}
#mainTable tr td.tSpacer {
	border:0;
	height:15px;
}
#mainTable tr td.tSpacer2 {
	border:0;
	height:25px;
}
#mainTable tr td.tSpacer3 {
	border:0;
	height:0px;
}
#mainTable tr td.noBorder {
	border:0;
	text-align:left;
}

/* grid transport controls */
/*
#transportRight {
	border:0px solid #CCC;
}
*/
#transportLeft {
	border:0;
	color:#555;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}
.gridModeButtonBox {
	margin:0 20px 0 10px;
}
.gridModeButton {
	background:#EEE url("../ui_images/button_bg.png") repeat-x left top;
	border:1px solid #AAA;
	width:40px;
}
.gridModeButtonOn {
	background:#AAF;
}
.gridModeButtonOff {
}
.gridNavButton {
	border:1px none #FFF;
	font-size:0.9em;
	height:28px;
	margin:0 6px 0 6px;
}

#nav_bbb {
	background:url("../ui_images/arrows-0.5.png") no-repeat 0px -28px;
	margin:0 6px 0 30px;
	width:48px;
}
#nav_bbb:hover {
	background:url("../ui_images/arrows-0.5.png") no-repeat 0px 0px;
}
#nav_bb {
	background:url("../ui_images/arrows-0.5.png") no-repeat -67px -28px;
	width:39px;
}
#nav_bb:hover {
	background:url("../ui_images/arrows-0.5.png") no-repeat -67px 0px;
}
#nav_b {
	background:url("../ui_images/arrows-0.5.png") no-repeat -124px -28px;
	width:29px;
}
#nav_b:hover {
	background:url("../ui_images/arrows-0.5.png") no-repeat -124px 0px;
}
#nav_f {
	background:url("../ui_images/arrows-0.5.png") no-repeat -172px -28px;
	width:29px;
}
#nav_f:hover {
	background:url("../ui_images/arrows-0.5.png") no-repeat -172px 0px;
}
#nav_ff {
	background:url("../ui_images/arrows-0.5.png") no-repeat -219px -28px;
	width:39px;
}
#nav_ff:hover {
	background:url("../ui_images/arrows-0.5.png") no-repeat -219px 0px;
}
#nav_fff {
	background:url("../ui_images/arrows-0.5.png") no-repeat -277px -28px;
	width:48px;
}
#nav_fff:hover {
	background:url("../ui_images/arrows-0.5.png") no-repeat -277px 0px;
}
option {
	font-weight:bold;
	margin:10px;
}
#gridFooter {
	margin:10px 0 0 320px;
	font-size:0.8em;
	font-style:italic;
	text-align:middle;
}
.eventFrame {
	border:1px solid #AAA;
	background:#EEE;	
	height:23px;
}
.noBorder {
	border:0px solid #FFF;	
}
.noBorder:hover {
	border:0px solid #FFF;	
}

/* temperature-map color specifications */

.nan { width:40px; background:#DDD; text-align:center; color:#999;}
.gain0 { width:40px; background:#FFF; text-align:center; }
.gain1 { width:40px; background:#FF0; text-align:center; }
.gain2 { width:40px; background:#EF0; text-align:center; }
.gain3 { width:40px; background:#CF0; text-align:center; }
.gain4 { width:40px; background:#BF0; text-align:center; }
.gain5 { width:40px; background:#9F0; text-align:center; }
.gain6 { width:40px; background:#5F0; text-align:center; }
.gain7 { width:40px; background:#0F0; text-align:center; }
.gain8 { width:40px; background:#6F6; text-align:center; }
.gain9 { width:40px; background:#AFA; text-align:center; }
.gain10 { width:40px; background:#DFD; text-align:center; }
.gain11 { width:40px; background:#FEE; text-align:center; }
.gain12 { width:40px; background:#FCC; text-align:center; }
.gain13 { width:40px; background:#FAA; text-align:center; }
.gain14 { width:40px; background:#F77; text-align:center; }
.gain15 { width:40px; background:#F22; text-align:center; }
.gain16 { width:40px; background:#E00; text-align:center; }
.gain17 { width:40px; background:#C00; text-align:center; }
.gain18 { width:40px; background:#A01; color:rgb(160,160,160); text-align:center; }
.gain19 { width:40px; background:#802; color:rgb(160,160,160); text-align:center; }
.gain20 { width:40px; background:#603; color:rgb(160,160,160); text-align:center; }

/* groups drop menu */

#groupMenu {
	float:right;
	list-style:none;
	margin:22px 153px 0 0px; /* menu button position */
	padding:0;
	position:relative;
	width:246px; /* menu button width */
	z-index:500;
}
#groupMenu li.top {
	background:url("../ui_images/select_bg.png") repeat-x left top;
	border:1px solid #AAA; 
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em; 
	height:22px;
	line-height:1.6;
	padding:0px 5px 0 5px; 
	white-space:nowrap;
}
#groupMenu li.top ul li {
	font-size:1.2em;
	line-height:2;
}

/* Default drop-list styling */

#groupMenu ul {
	height:0; 
	left:-9999px; 
	list-style:none;
	margin:0; 
	padding:0; 
	position:absolute; 
	top:-9999px; 
	width:0; 
}
#groupMenu li:hover ul.sub {
	/* background:url("../ui_images/group_tray-0.1.png") no-repeat left top; */
	border:2px solid #888; 
	background:#E2E2E2;
	height:auto;
	left:0; 
	padding:0px;
	top:23px;
	white-space:nowrap; 
	width:auto; 
	z-index:300;
 	-moz-border-radius-bottomleft:6px;
 	-moz-border-radius-bottomright:6px;
 	-webkit-border-bottom-left-radius:6px;
 	-webkit-border-bottom-right-radius:6px;
}
#groupMenu li:hover ul.sub li {
	display:block; 
	height:20px; /* determines overall height of list (not background) height x n-lines */
	position:relative; 
	float:left; 
	width:auto; 
	font-weight:normal;
}
#groupMenu li:hover ul.sub li a {
	display:block; 
	font-family:Arial,Helvetica,sans-serif;
	height:20px; /* hovering over menu item, hilite */ 
	width:242px; 
	text-indent:5px; 
	color:#333;
	text-decoration:none;
}
#groupMenu li:hover ul.sub li a:hover {
	background:#666; 
	color:#FFF; /* hover text color */
}

.eventMenu {
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
	position:relative;
	text-align:middle;
	z-index:500;
}
.eventMenu li.topOn {
	cursor:pointer;
	height:22px;
	line-height:1.0;
	padding:0 0px 0 9px; 
}
.eventMenu li.topOn:hover {
}
.eventMenu li.topOff {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em; 
	height:22px;
	line-height:1.2;
	padding:0 0px 0 0px; 
	cursor:pointer;
}
.eventMenu li.topOn ul li {
	line-height:1.5;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em; 
}
.eventMenu li.topOff ul li {
	line-height:2.5;
}
.eventMenu li.topOff:hover {

}

/* Default list styling */

.eventMenu ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
.eventMenu li:hover ul.sub {
	background:#DDD url("../ui_images/event_tray-0.3.png") no-repeat left top;
	border-top:1px solid #000; 
	border-left:1px solid #000; 
	left:10px; 
	padding:5px; 
	top:21px; 
	white-space:nowrap; 
	width:206px; 
	height:115px; 
	z-index:300;
}
.eventMenu li:hover ul.sub li {
	display:block;
	color:#FFF;
	height:20px;
	position:relative;
	float:left;
	width:200px;
	font-weight:normal;
	text-indent:6px;
}
.eventMenu li:hover ul.sub li a {
	color:#FFF;
	display:block;
	height:auto;
	width:200px;
	text-indent:6px;
}
.eventMenu li:hover ul.sub li a:hover {
	background:#EEE; 
	color:#000; /* hover text color */
}
.eventMenu #trayDate {
	text-indent:6px;	
	color:#CCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em; 
	line-height:1.1;
}
#colorKey {
	float:left;
	list-style:none;
	margin:3px 0 0 17px;
	padding:0;
	position:relative;
	text-align:middle;
	z-index:600;
}
#colorKey li.topOn {
	cursor:pointer;
	height:22px;
	line-height:1.0;
	padding:0 0px 0 9px; 
}
#colorKey li.topOn:hover {
}
#colorKey li.topOff {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em; 
	height:22px;
	line-height:1.2;
	padding:0 0px 0 0px; 
	cursor:pointer;
}
#colorKey li.topOn ul li {
	line-height:1.5;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em; 
}
#colorKey li.topOff ul li {
	line-height:2.5;
}
#colorKey li.topOff:hover {

}

/* Default list styling */

#colorKey ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0 0 0 0px; 
	padding:0; 
	list-style:none;
}
#colorKey li:hover ul.sub {
	background:#CCC url("../ui_images/colorKeyTrayBG.png") no-repeat left top;
	border-top:1px solid #000; 
	border-left:1px solid #000; 
	left:0px; 
	padding:5px; 
	top:23px; 
	white-space:nowrap; 
	width:51px; 
	height:376px; 
	z-index:300;
}
#colorKey li:hover ul.sub li {
	display:block;
	color:#000;
	height:16px;
	position:relative;
	float:left;
	font-size:1em; 
	width:50px;
	font-weight:normal;
	text-indent:6px;
}

#colorKey #trayHeader {
	text-indent:1px;	
	color:#CCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em; 
	height:24px;
	line-height:1.1;
}

/* decade menu */

.decadeButton {
	background:#EEE url("../ui_images/button_bg.png") repeat-x left top;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	border-bottom:1px solid #AAA;
	width:40px;
}

.inactiveDecade {
	background:#EEE url("../ui_images/button_bg.png") repeat-x left top;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	border-bottom:1px solid #AAA;
	color:#777;
	width:40px;
}
#mon {
	background:#FFF;
	font-size:0.8em;
	margin:30px 0 0px 30px;
	padding:10px;	
}
#districts {
	margin:8px 0 0px 0;
}
#districts img {
	margin:20px 0 20px 0;
}
/* misc utilities */

.articleTrademark {
	color: #228;
	font-weight:bold;
}
.red { color:#800 }
.blue { color:#008 }
.green { color:#080 }
.grey { color:#555 }
.black { color:#000 }

#hr10 {
	width:800px;
	height:1px;
	margin:0px 0 10px 50px;
}
hr.thin {
	background-color: #AAA;
	border: 0;
	color: #333;
	height: 1px;
	margin:20px 60px;
	text-align:center;
	width: 80%;
}
.spacer10 {
	height:10px;
	width:10px;
}
.spacer20 {
	height:20px;
	width:20px;
}
.spacer50 {
	height:50px;
	width:50px;
}
.clearit {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0.0;
}

.districtList {
	margin:0 0 0 170px;
	text-align:left;
}
.districtList ul {
	width:350px;
	font-size:0.8em;
	float:left;
}
.sans8 {
	font-family:arial,helvetica,sans-serif;
	font-size:0.6em;
}
.sans10 {
	font-family:arial,helvetica,sans-serif;
	font-size:0.8em;
}
.bold {
	font-weight:bolder;
}
.hidden { 
	display:none; 
}
#downtime {
	border:3px solid red;
	margin:50px 0 0 230px;
	padding:20px;
	width:500px;
}
.validationWarning {
	font-weight:bold;
	color:#F00;
}

/* admin */

#adminForm #formRow1 {
	background:#EEE;
	border:1px solid black;
	float:left;
	margin:10px;
	padding:5px;
}
#adminForm option {
	font-weight:bold;
	margin:3px;
}
#adminForm #formRow1 > fieldset > select {
	height:200px;
	width:200px;
		
}
#adminForm #formRow2 {
	background:#EEE;
	border:1px solid black;
	float:left;
	margin:10px;
	padding:5px;
}
#adminForm #formRow3 {
	background:#EEE;
	border:1px solid black;
	float:left;
	height:200px;
	margin:10px;
	padding:5px;
	width:200px;
}
#adminForm fieldset {
	display:inline;
	float:left;
	list-style: none;
}
#adminForm #submit {
	clear:left;
	background:#EEE;
	border:1px solid black;
}
#formRow1 {
	background:#EEE;
	border:1px solid black;
	float:left;
	margin:10px;
	padding:5px;
}
option {
	font-weight:bold;
	margin:3px;
}
#formRow1 > fieldset > select {
	height:300px;
	width:300px;
		
}
#formRow2 {
	background:#EEE;
	border:1px solid black;
	float:left;
	margin:10px;
	padding:5px;
}
#formRow3 {
	background:#EEE;
	border:1px solid black;
	float:left;
	height:200px;
	margin:10px;
	padding:5px;
	width:200px;
}
fieldset {
	display:inline;
	float:left;
	list-style: none;
}
#submit {
	clear:left;
	background:#EEE;
	border:1px solid black;
}
#cbResults {
	color:#0F0;
	font-size:1em;
}
#four04 {
	color:#DDD;
	font-size:2em;
}
#four04 a {
	color:#DDD;
}
#bogBody {
	background:#FFF;
	margin:0 0 0 0;
	text-align:center;
}
#bogBody {
	text-align:center;
}
#bogBody #heading h2 {
	margin:0px 0px 0 0px;
	width:800px;
	display:inline;/* contact form styles */
}
#bogColorKey {
	margin:0px 0px -3px 40px;
}

/* contact form styles */

#mailingListForm {
    height:auto;
}
#mailingListForm .input {
    border: 1px solid #BBB;
	background:#EFEFEF; 
    width:250px;
    height:auto;
    padding:3px;
    font-size:14px;
    vertical-align:baseline;
}
#mailingListForm .textInput {
    border: 1px solid #BBB;
	background:#EFEFEF;
	margin:0 0 10px 0; 
	padding:10px;
	width:365px;
}
#mailingListForm .submitButton {
    border: 1px solid #BBB;
    background: #EFEFEF;
	margin:0 0 0 142px;
    width:100px;
}
#mailingListForm label {
    margin: 0 0 0 0 ;
    text-align: right;
}
#live-preview-display { 
	background:#EFEFEF; 
	border:1px solid #BBB;
	font-size:14px;
	padding:10px;
	min-height:100px;
	width:365px;
}
#lp-name { font-weight:bold; }
#lp-avatar { float:right; margin:0 -7px 10px 0px; }
#lp-comment { 
	padding-top:10px;
	font-style:italic; 
	line-height:19px; 
}

/* end contact form styles */