@charset "UTF-8";

@import url("/css/reset.css");

/* Globale Styles
------------------------------------------------- */

body {
	background: #464646;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #636363;
	line-height: 1.618em;
}
.clear:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
div.warning-box {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/css/layout/warningboxbg.png);
	color: #fff;
	border-bottom: 1px solid #000;
	z-index: 9999;
}
div.warning-box p {
	margin: 2% 2% 2% 1%;
	float: right;
	width: 67%;
}
div.warning-box h1 {
	font-size: 1.618em;
	padding: 2% 1% 2% 2%;
	float: left;
	width: 27%;
	text-align: right;
}
div.warning-box strong {
	font-weight: bold;
}
div.warning-box a, div.warning-box a:visited {
	text-decoration: none;
	color: #fff;
	font-style: italic;
	border-bottom: 1px dotted;
}
div.warning-box a:hover, div.warning-box a:active {
	border-bottom: solid;
}

/* Layout
------------------------------------------------- */

#topshadow {
	width: 100%;
	height: 28px;
	background: url(/css/layout/topshadow.gif) repeat-x bottom;
}
#backgroundpattern {
	width: 100%;
	background: url(/css/layout/background.gif) top repeat-x #ececec;
}
#container {
	border: 1px solid #e6e6e6;
	width: 940px;
	margin: 0 auto;
	background: #fff;
	padding: 0 10px;
}
.indexlink {
	background: url(/css/layout/indexlink.gif) no-repeat center left;
	width: 210px;
	height: 9px;
	margin: 2em 0 0 0;
	padding: 1em 0;
	border-top: 1px solid #ececec;
	display: block;
	text-indent: -9999px;
}
div.corners {
	position: absolute;
	background-image: url(/css/layout/roundedcorners.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	z-index: 99;
}
.topleft {
	top: 0;
	left: 0;
}
.topright {
	top: 0;
	right: 0;
	background-position: -10px 0;
}
.bottomleft {
	bottom: 0;
	left: 0;
	background-position: 0 -10px;
}
.bottomright {
	bottom: 0;
	right: 0;
	background-position: -10px -10px;
}

/* Header
------------------------------------------------- */

#header h1 {
	float: left;
	margin: 15px 0 0 30px;
	width: 267px;
	text-indent: -9999px;
	background: url(/css/layout/logo.gif);
}
#header h1 a, #header h1 a:visited {
	display: block;
	height: 71px;
}
#header h2 {
	text-indent: -9999px;
	float: left;
}
#header ul {
	float: right;
	padding: .5em;
	margin: 10px;
}
#header li {
	margin: 0 0 .2em 0;
	list-style: none;
	text-align: right;
	font-size: .8em;
	color: #0082c8;
}
#header li.search {
	float: right;
	margin: 1em 0 0 0;
}
#header input {
	margin: 0 1em 0 0;
}

/* Navigation */

/* Basic code - don't modify */

#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

/* Essentials - configure this */

#nav ul { width: 220px; }
#nav ul ul { left: 225px; width: 140px; }

/* Custom Styling */

#nav {
	width: 940px;
	margin: 0 auto;
	height: 40px;
	background: url(/css/layout/bkgrd-nav.gif);
	border-bottom: 1px solid #fff;
}
#nav li {
	padding: 0 0 0 19px;
}
#nav li a, #nav li a:visited {
	line-height: 40px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
#nav li a:hover, #nav li a:active {
	color: #eeb01c;
}
#nav ul {
	background: url(/css/layout/dropdownbackground.jpg) repeat-x #015989;
	padding: 10px;
}
#nav ul li {
	line-height: auto;
	padding: 0;
	margin: 0;
}
#nav ul li a, #nav ul li a:visited {
	text-transform: none;
	line-height: 30px;
	padding: 0 10px;
}
#nav ul li a:hover, #nav ul li a:active {
	background: #eeb01c;
	color: #fff;
}
#nav ul ul {
	padding: 0;
	background: #151515;
	border: 2px solid #252525;
	font-size: .9em;
}
#nav ul ul a, #nav ul ul a:visited {
	line-height: 20px;
	padding: 0 5px;
	border-top: 1px solid #252525;
	border-bottom: 1px solid #000;
}
.touchstone {
	padding: 0 0 0 30px;
	background: url(/css/layout/touchstone-nav.gif) no-repeat 0 50%;
}
.touchstone:hover {
	padding: 0 0 0 30px;
	background: url(/css/layout/touchstone-nav-hover.gif) no-repeat 0 50%;
}

#subnav {
	width: 940px;
	margin: 0 auto;
	height: 32px;
	background: #231f20;
	border-bottom: 1px solid #fff;
	
}
#subnav li {
	padding: 0 0 0 19px;
	font-size: 12px;
	display: inline;
}
#subnav li a, #subnav li a:visited {
	line-height: 32px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
#subnav li a:hover, #subnav li a:active {
	color: #eeb01c;
}

/* Homepage
------------------------------------------------- */

/* Login */

#elogin {
	width: 229px;
	height: 298px;
	border-right: 1px solid #fff;
	background: url(/css/layout/eloginbackground.jpg) no-repeat;
	float: left;
	padding: 0;
}
#elogin h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
	margin: 1em 0 15px 20px;
}
#elogin h4 {
	font-size: 1em;
	font-weight: bold;
	color: #eeb01c;
	margin: 0 0 5px 20px;
}
#elogin legend {
	font-size: 1em;
	font-weight: bold;
	color: #eeb01c;
	margin: 0;
	padding: 0;
}
#elogin p {
	color: #fff;
	margin: 0 0 10px 20px;
}
#elogin a, a:hover, a:active, a:visited {
	color: #fff;
}
#elogin form {
	margin: 0 0 0 20px;
}
#elogin ul {
	margin: 0 0 1em 0;
	padding: 0;
	color: #fff;
}
#elogin li {
	margin: 0 0 0 0;
	padding: 0;
}
#elogin fieldset input {
	margin: 0 0 .618em 0;
	display: block;
}
#elogin fieldset button {
	margin: 0 0 0 0;
}
#ebillpage label, #ebillpage input {
	display: block;
	margin: 0 0 .5em 0;
}
#ebillpage button {
	margin: .5em 0 0 0;
}
#ebillpage {
	margin: 0 0 1em 0;
}

/* Splash */

#splashgraphic {
	width: 710px;
	height: 298px;
	float: right;
	overflow: hidden;
}
#splashgraphic ul {
	margin: 0;
	padding: 0;
}
#splashgraphic ul li {
	width: 710px;
	height: 298px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
.splash1 {
	background: url(/css/layout/splash1.jpg);
}
.splash2 {
	background: url(/css/layout/splash2.jpg);
}
.splash3 {
	background: url(/css/layout/splash3.jpg);
}
.splash4 {
	background: url(/css/layout/splash4.jpg);
}
.splash5 {
	background: url(/css/layout/splash5.jpg);
}
.splash6 {
	background: url(/css/layout/splash6.jpg);
}
.splash7 {
	background: url(/css/layout/splash7.jpg);
}
.splash8 {
	background: url(/css/layout/splash8.jpg);
}
.splash9 {
	background: url(/css/layout/splash9.jpg);
}

/* Highlights */

#highlights li {
	float: left;
	width: 220px;
	height: 200px;
	margin: 20px 0 0 0;
	padding: 0 9px 0 10px;
	border-right: 1px solid #ececec;
}
#highlights li.last {
	margin-right: 0px;
	padding-right: 0px;
	border: none;
}
#highlights li.first {
	margin-left: 0;
	padding-left: 0;
}
#highlights p {
	padding: 0 10px;
}
#highlights img {
	margin: 0 10px;
}
#highlightcontainer {
	width: 940px;
	margin: 2em auto;
	padding: 0;
}
#highlights h3 {
	font-weight: normal;
	font-size: 1.6em;
	color: #fff;
	height: 35px;
	line-height: 35px;
	margin: 0 0 .6em 0;
	width: 210px;
	padding: 0 0 0 10px;
	background:url(/css/layout/headerbkgrd-black.gif) no-repeat;
}
#highlights h3.green {
	background-image:url(/css/layout/headerbkgrd-green.gif);
}
#highlights h3.yellow {
	background-image:url(/css/layout/headerbkgrd-yellow.gif);
}
#highlights h3.red {
	background-image:url(/css/layout/headerbkgrd-red.gif);
}
#highlights h4 {
	color:#0082C8;
	font-weight: bold;
	margin: 0 10px;
}
#highlights a, #highlights a:visited {
	color: #0082c8;
	text-decoration: none;
}
#highlights a:hover, #highlights a:active {
	color: #eeb01c;
	text-decoration: none;
}
#highlights li#news img {
 border: 1px solid #000;
}

/* Banners */

#banner {
	margin: 10px 0 1em 0;
}
#banner li {
	position: relative;
	width: 220px;
}
#banner li.left {
	float: left;
	margin: 10px;
}
#banner li.right {
	float: right;
	margin: 10px 0 10px 10px !important;
	width: 210px !important;
}

/* Body
------------------------------------------------- */

#body {
	width: 700px;
	float: right;
	margin: 2em 0 1em 0;
}
#body p, #body ul, #body ol{
	margin: 0 20px 1em 20px;
}
#body ul {
	list-style: outside disc;
}
#body ul ul, #body ol ul, #body ol ol, #body ul ol {
	margin: 1em 20px;
}
#body ol {
	list-style: decimal outside;
}
#body a, #body a:visited {
	color: #0082c8;
	text-decoration: none;
}
#body a:hover, #body a:active {
	color: #eeb01c;
	text-decoration: none;
}
#body h2{
	color:#0082C8;
	font-size:2.3em;
	font-weight:normal;
	line-height:1em;
	margin:0 0 0.6em 20px;
	clear: both;
}
#body h3 {
	clear:both;
	color:#EEB01C;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.2em;
	margin:0 10px 0.6em 20px;
	clear: both;
}
#body h4 {
	color:#0082C8;
	margin: 0 20px .381em 20px;
	font-weight: bold;
}
#body img {
}
#body strong {
	color: #464646;
	font-weight: bold;
}
#body em {
	color: #464646;
	font-style: italic;
}
#body div.entry {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px dotted #cdcdcd;
}
#body div.entry-first {
	padding: 1em 0;
	border-top: 1px dotted #cdcdcd;
}
#body div.entry img.entry-img {
	margin: 0 20px;
	border: 1px solid #000;
}
#body div.entry h2 {
	margin-bottom: 0;
	font-size: 1.618em;
	text-transform: uppercase;
	font-weight: bold;
}
#body div.entry p.entry-date {
	color: #000;
}

/* Tables */

#body table {
	width: 670px;
	margin: 0 10px 1em 20px;
	border-bottom: 1px dotted #efefef;
	border-left: 1px dotted #efefef;
	border-right: 1px dotted #efefef;
	background: #fff;
}
#body table h4, #body table p {
	margin: 0;
}
#body thead th {
	border-right: 1px solid #fff;
	vertical-align: center;
	font-weight: bold;
	padding: 5px 10px;
}
#body table td {
	padding: 5px 10px;
}
#body thead {
	background: #0082C8;
	color: #fff;
}
#body table p {
	margin: 0 0 1em 0;
}
.adobereader {
	display: block;
	text-indent: -9999px;
	width: 112px;
	height: 33px;
	background: url(/css/layout/adobereader.gif) no-repeat;
	border-bottom: none;
	margin: 0 20px 1em 20px;
}
.float-image-left {
	float: left;
	margin: 4px 15px 15px 0;
}
.float-image-right {
	float: right;
	margin: 4px 0 15px 15px;
}

/* Sitemap */

.sitemap {
	float: left;
	width: 300px;
}
.sitemap li {
	list-style: none;
	font-size: 1.6em;
	margin: 0 0 .6em 0;
}
.sitemap ul li {
	list-style: circle;
	font-size: .6em;
}
.sitemap ul li a, .sitemap ul li a:visited {
	color: #111;
}
.sitemap ul li ul li {
	list-style: none;
	font-size: 1em;
}

/* Forms */

#body form {
}
#body form fieldset {
	margin: 0 0 .618em 0;
	background: #f7f7f7;
	border: 1px solid #0082C8;
}
#body form fieldset legend {
	color: #0082C8;
	font-weight: bold;
	margin: 0 20px 1.618em 20px;
}
#body form ol, #body form ul {
	list-style: none;
	margin: 0 20px 1.618em 20px;
	padding: .618em 0 0 0;
}
#body form li {
	margin: 0 0 .681em 0;
}
#body label {
	display: block;
}
#body input {
	width: 200px;
}
#body textarea {
	width: 300px;
	height: 100px;
}
#body input.radio, #body input.checkbox, #body input.submit {
	width: auto;
}
#body input.radio {
	float: left;
	margin-right: 1em;
}
#body input.checkbox {
	float: left;
	margin-right: 1em;
}
#body form ol.address {
	float: left;
}
#addressmore {
	display: block;
}
li.state, li.zip {
	float: left;
}
#body form li.zip {
	margin: 0 0 0 1em;
}
#body form li.zip input {
	width: 100px;
}
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/css/layout/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
#body form input.dp-applied {
	width: 80px;
	float: left;
}

/* Paginate */
div.paginate {
	margin: 0 20px;
}

/* Employees */

#employees li {
	list-style: none;
	clear: both;
}
#employees li.employee {
	margin: 0 0 2.618em 0;
}
#employees img {
	float: left;
	margin: 0;
}
#employees ul {
	width: 510px;
	float: right;
}
#employees li.info {
	border-top: 1px solid #efefef;
	padding: 1em 0 0 0;
	margin: 1em 0 0 0;
}
#employees h4 {
	font-size:1.6em;
	font-weight:normal;
	line-height:1.2em;
	margin: 0 0 1em 0;
}
#employees h5 {
	color:#0082C8;
	font-weight:normal;
	line-height:1.2em;
	margin: 0 0 .6em 0;
}
#employees p {
	margin: 0;
}

/* Ruralite */

table#ruralite {
	width: 680px;
}
table#ruralite thead th {
	text-align: center;
	vertical-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 17px 0;
}
table#ruralite tbody th {
	text-align: center;
	vertical-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 17px 0;
	border-bottom: 1px solid #efefef;
}
table#ruralite th.empty {
	background: none;
}
table#ruralite td {
	width: 50px;
	vertical-align: center;
	text-align: center;
	padding: 17px 0;
	border-bottom: 1px solid #efefef;
}
table#ruralite a, table#ruralite a:visited {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(/css/layout/pdficon.png);
}

/* Links */
div.links img {
	float: left;
	margin: 0 20px 1em 20px;
}
a.external {
	padding: 0 20px 0 0;
	background: url(/css/layout/externallink.png) no-repeat right center;
}

/* Outages */

#outages {
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	background: #f7f7f7;
	border: 1px solid #0082C8;
}

#outage_grid td.Red {background-color: #cc0000; color: #cc0000; width: 40px; text-indent: -999em;}
#outage_grid td.Green {background-color: #4bc800; color: #4bc800; width: 40px; text-indent: -999em;}

/* Sidebar
------------------------------------------------- */

#sidebar {
	float: left;
	width: 210px;
	margin: 1em 0 1em 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #ececec;
}
#sidebar h1 {
	font-weight: normal;
	font-size: 1.6em;
	color: #fff;
	margin: 0 0 .6em 0;
	width: 210px;
	padding: 0 0 0 10px;
	height: 35px;
	line-height: 35px;
	background:url(/css/layout/headerbkgrd-black.gif) no-repeat;
}
#sidebar h2 {
	font-weight: normal;
	font-size: 1.6em;
	color: #eeb01c;
	padding: 0 10px .5em 10px;
	line-height: 1.2em;
	margin: 0;
	background-image: url(/css/layout/highlightbkgrd.gif);
	background-repeat: repeat-y;
}
#sidebar p {
	padding: 0 10px 1em 10px;
}
#sidebar ul {
	margin: 0 10px 0 10px;
}
#sidebar ul li {
	margin: 0 0 .5em 0;
}
#sidebar ul ul {
	margin: 1em 10px;
	list-style: disc;
	font-size: .8em;
}
#sidebar a, #sidebar a:visited {
	display: block;
	color: #0082c8;
	text-decoration: none;
}
#sidebar ul ul a, #sidebar ul ul a:visited {
	color: #111;
}
#sidebar a:hover, #sidebar a:active {
	color: #eeb01c;
}
#sidebar ul ul a:hover, #sidebar ul ul a:active {
	color: #eeb01c;
}
#sidebar img {
	margin: 0 10px .5em 10px;
	border: 1px solid #111;
}
.bold {
	font-weight: bold;
}
#sidebar form {
	margin: 0 10px 1em 10px;
}
#sidebar form label {
	display: block;
}
#sidebar form li {
	margin: 0 0 .681em 0;
}

/* Footer
------------------------------------------------- */

#footercontainer {
	width: 100%;
	background: url(/css/layout/bottomshadow.gif) repeat-x #464646;
}
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 1em 0 2em 0;
}
#footer p {
	color: #fff;
	line-height: 1.2em;
	font-size: .8em;
	margin: 1em 10px 0 10px;
	text-align: center;
}
#footer a, #footer a:visited {
	color: #eeb01c;
}
#footer a:hover, #footer a:active {
	color: #0082c8;
}

/* Agami Styles
------------------------------------------------- */

a.bul {background: url(/css/layout/bul_arrowrht.png) 0 50% no-repeat; padding-left: 20px; display: block; line-height: 16px; text-decoration: underline !important;}


/* Billing Estimator Table */
#billingestimator table {
	width: 100%;
	padding: 0 20px 1em 20px;
	margin: 0;
}
#billingestimator td.blue {
	background: #0082c8;
	padding: 10px;
	color: #fff;
	margin: 0 0 1em 0;
	font-size: 18px;
}
#billingestimator td {
	padding: 5px;
}
#billingestimator th {
	padding: 10px 5px;
	color:  #eeb01c;
}
#billingestimator input.sml {width: 50px;}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 940px; 
height: 50px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 13px;
width: 920px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 920px;
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
white-space: nowrap;
font-size: 20px;
color: #005e91;
font-weight: bold;
}

.banners {margin: 30px 0;}
.banners li {display: block; float: left; overflow: auto; width: 227px; height: 115px; margin-left: 10px; text-align: center;;}
.banners li:first-child {margin: 0;}