/* ================================================== */
/* DDS Service Online Guide Styles: Screen Styles

   Prepared for the CityDesk template: unifiedERCBlayout
	Prepared by: W. H. Clendining
	Modified: February: 6, 2008
	
	CSS 1.1 compliant, with the exception of overflow: hidden; rule, a CCS 2.0
	
	Colors: dark green 5, 52, 63 #05343E

*/
/* ================================================== */
body {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 10pt;	margin: 1px;}

/* === Structural Element Styles for the layout === */

/* Styles for the very top Global Navigation area */
#gnav {font-family: Arial, Helvetica, sans-serif; font-size: 24pt; color: #05343E;font-weight: bold;height: 52px; clear: both;background-image: url(../images-sitelook/ercb-logo-l1.gif);background-repeat: no-repeat; height: 60px;}
#gnav-links {font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: right;font-weight: normal;}
#gnav-links a, #gnav-links a:link, #gnav-links a:active, #gnav-links a:visited {color: black;text-decoration: none;}
#gnav-links a:hover {background-color: transparent!important; color: black;text-decoration: underline;}
form.SiteSearch {float: right;width: 215px;padding: 0;height: 20px;margin: 0;}
form.SiteSearch input {float: left;margin: 0;padding: 0;}
#gnav a, #gnav a:link, #gnav a:active, #gnav a:visited {color: #05343E;text-decoration: none;} 
#gnav a:hover {color: #05343E;text-decoration: underline;}

/* Styles for the Top Banner */
#top-banner-envelope {background-image: url(../images-sitelook/emerald-tb-bg.gif);
background-repeat: repeat-x;height: 18px;max-height: 18px;overflow: hidden;color: white;}
#top-banner {background-image: url(../images-sitelook/emerald-tb-r.GIF);background-repeat: no-repeat; background-position: top right;}
#top-banner, #top-banner p {font-family: Helvetica, Arial, sans-serif; font-size: 12px;font-weight: bold;font-style: normal; line-height: 1.3em;margin: 0;padding: 0;}
#top-banner-lc {background-image: url(../images-sitelook/emerald-tb-l.gif);background-repeat: no-repeat; height: 18px;width: 25px;float: left;}

/* Style for the Bottom Banner */
#base-banner-envelope {background-image: url(../images-sitelook/emerald-bb-bg.gif);
background-repeat: repeat-x;height: 18px;max-height: 18px;overflow: hidden;color: white;}
#base-banner {background-image: url(../images-sitelook/emerald-bb-r.gif);background-repeat: no-repeat; background-position: bottom right; font-family: Helvetica, Arial, sans-serif; font-size: 11px;font-weight: normal;font-style: normal; line-height: 1em; height: 18px; text-align: center;line-height: 1.4em;
}
#base-banner-lc {background-image: url(../images-sitelook/emerald-bb-l.gif);background-repeat: no-repeat; height: 18px;width: 25px;float: left;}

/*  Styles for the content */
#content-envelope {border-style: solid; border-color: #014450; border-width: 0 1px 0 1px;margin: 0;padding: 0;clear: both; background-image: url(../images-sitelook/emerald-snav-bg.gif);}
#content {background-color: white;margin-left: 200px;padding: 0 20px;}

/* Side Navigation Styles */
#side-nav {width: 200px; float: left;margin-top: 17px;}
/* styles if a list is used for the navigator */
#side-nav ul, #side-nav ol {list-style-type: none;margin-left: 5px;margin-top: 20px;padding-left: 5px;margin-right: 7px;}
#side-nav a, #side-nav a:link, #side-nav a:active, #side-nav a:visited {color: black; text-decoration: none;}
#side-nav a:hover {text-decoration: underline;} 
#side-nav li {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.1em; margin-bottom: .4em;padding: 3px 0 3px 20px;}
#side-nav li.index {padding-left: 0px;}
#side-nav li.index a {background-image: url(../images-sitelook/but-off.gif); background-repeat: no-repeat;background-position: center left;padding-left: 7px;}
#side-nav li.index a:hover {background-image: url(../images-sitelook/but-hov.gif); background-repeat: no-repeat;background-position: center left;}
/* styles for field-based navigator items */
#side-nav h2, #side-nav p {font-family: Arial, Helvetica, sans-serif;padding: 0 0 0 3px;font-size: 11px!important; }
#side-nav h2 {font-weight: bold;color: #05343E; margin: 3px 0 0 0; line-height: 1em;}
#side-nav h2 a, #side-nav h2 a:link, #side-nav h2 a:active, #side-nav h2 a:visited {color: #05343E; }
#side-nav h2 a:hover { background-color: #05343E;color: white;}
#side-nav p {margin: 0; }
div.sn0 {margin-left: 0;margin-top: 10px;}
div.sn1 {margin-left: 5px;}
div.sn1 h2 {margin-top: 4px;font-weight: normal;}

/* The Page Footer Styles */
#footer {margin: 20px 50px 0 50px; border-style: solid; border-color: #05323E; border-width: 1px 0 0 0;padding: 10px 0 0 0;}
#footer, #footer p {font-family: Arial, Helvetica, sans-serif; font-size: 11px!important; line-height: 1.5em; text-align: center!important;}
#footer a, #footer a:link, #footer a:active, #footer a:visited {color: black;text-decoration: none;}
#footer a:hover {text-decoration: underline;background-color: transparent;} 

/* === Tabbar styles === */
#tabbar {background-image: url(../images-sitelook/tabbar-bg.gif);height: 27px;overflow: hidden;margin-left: -20px;margin-right: -20px;}
#tabbar h1 {font-family: Arial, Helvetica, sans-serif;font-size: 20px;color: #05343E;color: white;line-height: 1em;height: 27px;font-style: normal;padding-left: 5px;}
#tabbar ol, #tabbar ul {width: 280px;margin: 0;padding: 0;height: 19px;overflow: hidden;float: right;display: inline;margin-top: 8px;}
#tabbar li {list-style-type: none;width: 132px;height: 19px;text-align: center;float:left;margin-right: 5px;background-image: url(../images-sitelook/tab-on.gif);background-position: center bottom;background-repeat: no-repeat;font-size: 11px;color: black;}
#tabbar li a, #tabbar li a:link {display: block; width: 132px; height: 19px; background-image: url(../images-sitelook/tab-off.gif);background-position: center bottom;background-repeat: no-repeat;} 
#tabbar li a, #tabbar li a:link, #tabbar li a:active, #tabbar li a:visited {
	color: black!important; text-decoration: none;} 
#tabbar li a:hover {text-decoration: underline;}

/* === Sidebar Element styles === */
#sidebar-wrapper {background-image: url(../images/scr-thumb-top.gif);background-repeat: no-repeat;width: 259px; overflow: hidden;float: right;margin: 0 0 5px 10px;}
#sidebar-wrapper h2 {font-family: Arial, Helvetica, sans-serif;padding: 3px 0 0 0; margin: 0;font-size: 12px!important;color: #05343E;font-weight: bold;text-align: center;width: 259px; height: 20px; overflow: hidden;}
#sidebar-content {background-image: url(../images/svr-scr-bg.gif);width: 259px;padding-left: 3px;padding-right: 3px;padding-bottom: 2px;}
#sidebar-content p, #sidebar-content ol, #sidebar-content ul, #sidebar-content dl {font-family: Arial, Helvetica, sans-serif;font-size: 12px!important;margin-bottom: .5em; line-height: 1.1em;}
/*#sidebar-content li {list-style-position: inside;}*/

#sidebar-content ul {margin: 0;padding: 0;}
#sidebar-content li {list-style-type: none; padding-left: 12px; font-size: 11px;}
#sidebar-content li a, #sidebar li a:link, #sidebar li a:active, #sidebar li a:visited {background-image: url(../images/svr-scr-boff.gif);background-repeat: no-repeat;background-position: center left;color: black;text-decoration: none; padding-left: 12px;}
#sidebar-content li a:hover {background-image: url(../images/svr-scr-bon.gif); background-repeat: no-repeat;background-position: center left;text-decoration: underline;background-color: transparent; padding-left: 12px;}
#sidebar-content img {margin-top: 3px;}

#sidebar-base {background-image: url(../images/scr-thumb-base.gif);background-repeat: no-repeat; width: 259px; height: 11px;}


/* === Content element Styles === */

/* first the headings */
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;}
h1 {background-image: url(../images-sitelook/ercb-logo-faintx24.gif);background-repeat: no-repeat;font-size: 18pt;margin: 0 0 1em 0;color: #05343E;padding-left: 8px;line-height: 24px;}
h2, h3 {margin: 2em 0 .2em 0;}
h4, h5, h6 {margin: 1em 0 0 0;font-size: 10pt;}
h5, h6 {font-weight: normal;}
h6 {padding-left: 1em;}

/* now the body content */
p, ol, ul, table, dl, div.note {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt;}
p, ol, ul, dl {line-height: 1.3em;margin-bottom: 1.5em;margin-top: 0;}
ol ol, ol ul, ul ol, ul ul {margin-bottom: 0;}
ol p, ul p {margin-bottom: 0;}

dt {font-weight: bold;}
dd {margin-left: 0;margin-bottom: .5em;}
dl dl {margin-left: 1em;margin-right: 0;}

a, a:link {color: black}
a:active {color: #CCCCCC;}
a:visited {color: #333333;}
a:hover {color: #9E0000;}

.prelist {margin-bottom: 0;}
.illustrate {font-family: Arial, Helvetica, sans-serif; font-size: 11px;line-height: 1em;}
.illustrate img {border: solid #05343E 1px;}

div.NoSeeM {display: none;}

.dothis {background-image: URL(../images/point.gif);background-repeat: no-repeat;	font-style: italic;	line-height: 16px;margin-top: .2em;	margin-bottom: 0;	padding-left: 12px;}
.preamble {margin-bottom: .2em;margin-left: 12px;}
.postamble {margin-bottom: 2em;}

span.must {font-family: "Courier New", monospaced;font-size: larger;font-weight: bold;color: #CC0000;vertical-align: sub;}

ul {list-style-type: square;}
ul ul {list-style-type: disc;}
ul ul ul {list-style-type: circle;}

ol {list-style-type: decimal;}
ol ol {list-style-type: lower-alpha;margin-bottom: 0;}
ol ol ol {list-style-type: lower-roman;}

.steps li {margin-top: .3em;margin-bottom: .2em;}

ol.qanda {margin-right: 3em;}
ol.qanda li {font-weight: bold;margin-bottom: 0;margin-top: .5em;}
ol.qanda p {margin-top: .2em;	margin-bottom: 1em;	font-weight: normal;}

ul.steps li {list-style-image: url(../images/checkb.gif);}
div.answer {display: none;} /* hide FAQ answers by default */
div.fdetails {display: none;} /* hide LLR formula details by default */

li.altqa {background-color: #E9E9E9;}

.notethis {background-image: url(../images/note.gif);background-repeat: no-repeat;min-height: 18px;font-style: italic;font-weight: normal;padding-left: 23px;}

.softly {
	font-size: 8pt;
	font-weight: normal;
}


/* === Special Table styles === */
table.data {border-style: solid;	border-color: black;	border-width: 0 0 1px 1px;}

table.data td, table.data th, table.data thead {padding: 0 3px 0 3px;border-style: solid;	border-color: black;	border-width: 1px 1px 0 0;}
table.data th, table.data thead {background-color: #05343E;	color: white; font-weight: bold;	text-align: center;}
table.data h2 {background-color: #05343E; margin: 0 -3px 0 -3px;padding: 0 0 1px 0; color: white; font-weight: bold; text-align: center; font-size: 10pt;}
table.data ul, table.data ol {list-style-position: inside; margin-left: 1em;padding-left: 0;}	

table.Figure {background-image: url(../images/svr-scr-bg.gif);margin-bottom: 2em;}
table.Figure caption {background-image: url(../images/figure-tbg.gif);text-algin: center;font-weight: bold;height: 23px; overflow: hidden;}
table.Figure img {margin: 3px;}
div.CapLeft {background-image: url(../images/figure-tlc.gif);background-repeat: no-repeat;width: 14px;height: 23px;float: left;}
div.CapRight {background-image: url(../images/figure-trc.gif);background-repeat: no-repeat;width: 14px;height: 23px;float: right;}
tr.FigureDesc td {background-image: url(../images/figure-blc.gif);background-repeat: no-repeat; background-position: bottom left;vertical-align: bottom;}
tr.FigureDesc p {font-size: 11px;line-height: 1.1em;background-image:  url(../images/figure-brc.gif);background-repeat: no-repeat; background-position: bottom right;padding-left: 11px;padding-bottom: 2px;margin: 0;}

div.FBaseLeft {background-image: url(../images/figure-blc.gif);background-repeat: no-repeat; width: 10px; height: 11px;float: left;}
div.FBaseRight {background-image: url(../images/figure-brc.gif);background-repeat: no-repeat; width: 10px; height: 11px;float: right;}

blockquote {padding-left: 15%;padding-right: 15%;text-align: center;}


div.note {
	background-color: #DFEFFF;
	color: #404040;
	margin-left: 0;
	margin-right: 0;
	border-style: solid;
	border-color: #404040;
	border-width: 1px 1px 1px 1px;
}

div.note h2 {
	background-color: #404040;
	color: #DFEFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
}

td.bctrl {
	font-family: Verdana, Thamoa, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
   
div.illustrate, div.screen-small, div.screen-big, div.ServicePages {
	font-family: Verdana, Tahoma, Arial, Helvetica, "sans-serif";
	font-size: 9pt;
	background-color: #404040; /* Dark Gray */
	color: white;
	margin-right: 5px;
	border-style: solid;
	border-color: #404040;
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 2px 5px;
}

div.screen-small {
	width: 260px;
	margin-right: -15px;
	float: right;
}

div.screen-big {
	width: 510px;
	margin-left: 50px;
}
div.ServicePages {
	float: right;
	width: 30%
	}
div.illustrate p, div.illustrate h2, div.screen-small p, div.screen-big p, div.ServicePages p, div.screen-small h2, div.screen-big h2, div.ServicePages h2{
	margin: 0 0 .2em 0;
	line-height: 1em;
}

div.screen-small strong, div.screen-big strong {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
}

div.illustrate  a,
div.illustrate  a:link,
div.illustrate  a:active,
div.illustrate  a:visited, 
div.ServicePages  a,
div.ServicePages  a:link,
div.ServicePages  a:active,
div.ServicePages  a:visited, 
div.screen-small  a,
div.screen-small  a:link,
div.screen-small  a:active,
div.screen-small  a:visited, 
div.screen-big  a,
div.screen-big  a:link,
div.screen-big  a:active,
div.screen-big  a:visited {
	color: white;
}

div.illustrate  a:hover,
div.screen-small  a:hover,
div.screen.big  a:hover,
div.ServicePages  a:hover {
	background-color: #666666;
}

div.illustrate h2, div.screen-small h2, div.screen-big h2, div.ServicePages h2 {
	color: #E9E9E9;
	text-align: center;
	padding-bottom: 1px;
	font-size: 12pt;
	border-style: solid;
	border-color: #E9E9E9;
	border-width: 0 0 1px 0;
}

div.print {
	font-family: Verdana, Tahoma, Arial, Helvetica, "sans-serif";
	font-size: 8pt;
	text-align: center;
	width: 20px;
	margin-right: -15px;
	float: right;
	color: #666666;
}

div.print a, div.print a:link, div.print a:active, div.print a:visited {
	background-color: white;
	color: #666666;
	text-decoration: none;
}

div.print a:hover {
	background-color: white;
	color: #990033;
}

span.guiitem, span.guiitemmust {
	font-weight: bold;
}