@charset "utf-8";
/* CSS Document */
.adjLabel {
	margin-top:5px;
}
.adjLeft10 {
	margin-left:-10px;
}
.adjArrows {
	position:relative;
	left:0px;
	top:-2px;
	background-color:#000080;
}
.adjUp {
	margin-top:-14px;
}
.adjUp2x {
	margin-top:-34px;
}
.arrows {
	background-image:url('../images/navArrows.gif');
	background-repeat:no-repeat;
}
body {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #666666;
	background-image:url('../images/bg.gif');
}
.boldLtBlue {
	font-weight:bold;
	color:#0000ff;
}
.borderBot {
	border-bottom:1px solid;
}
.bread {
	position:relative;
	margin: 0;
	padding:0;
	line-height:1em;
}
.bread p {
	position:absolute;
	bottom:0;
	right:6px;
	margin:0;
	padding:5px;
	text-align:right;
	background-image:url('../images/captionBG.png');
	background-repeat:repeat;
	font-size:11px;
	color:#333333;
}
.bread p span {
	display: block;
}
.bread img{
	margin:0;
	padding:0;
	display:block;
}
.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.chkBox {
	float:left; 
	margin-top:-3px; 
	margin-left:-3px; 
	width:25px; 
	height:30px; 
}
.clearB {
	clear:both;
}
.closeMe {
	position:relative;
	top:0;
	left:630px;
	background:url('../images/close.gif');
	width:15px;
	height:15px;
	border:none;
}
.closeMe:hover {
	background:url('../images/close_over.gif');
	border:none;
}
.columns {
	width:209px;
}
.content {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}
.eInfo {
	padding:3px; 
	background-color:#E8E8FB; 
	border:1px solid #000080;
}
.errorinfo {
	margin-bottom:5px;
	color:#FF0000;
	text-align: Left;
	font-size: 11px;
	font-weight: bold;
	padding: 10px;
	border: 2px solid #FF0000;
	display: block;
	background-color: #EEEEEE;
	clear: both;
}
.errorinfo a:link{
	color:#FF0000;
	text-decoration:underline;
}
.errorinfo a:visited{
	color:#FF0000;
	text-decoration:underline;
}
fieldset.grouper {
	margin:0;
	padding:0;
	border:0;
	width:650px;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.font10 {
	font-size:10px;
}
.font11 {
	font-size:11px;
}
#footer {
	width:630px;
	height:12px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	clear:both;
	font-size:10px;
	text-align:center;
}
#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}
form {
	margin:0;
	padding:0;
}
.greenBold {
	color:#009900;
	font-weight:bold;
}
.greenHd {
	color:#060;
	font-weight:bold;
	margin-bottom:5px;
}
.grey {
	background-color: #DDDDDD;
	margin-left:-5px;
	margin-right:-5px;
	padding-left:5px;
	padding-right:5px;
}
.greyLBorder {
	border-left:1px solid #DDD;
}
.greyRBorder {
	border-right:1px solid #DDD;
}
.h15 {height: 15px;}
#Help {
	margin-top:1px;
	width:275px; 
    float:right;
    text-align:right;
	font-weight:normal;
	display:block;
	visibility:visible;
}
.hand {cursor:pointer;}
.headerImg {
	margin-left:5px;
	margin-top:10px;
	padding-top:5px;
	background-image:url('../images/navHeadImg.gif');
	background-repeat:no-repeat;
	height:26px;
	font-size:12px;
}
.highlight {			/*make a payment*/
	color:#AC6363;
}
.hover {
	color:#000000;
}
hr {
	margin-top:10px;
	margin-bottom:10px;
	border-top: 1px dashed #999999;
	border-bottom:0px;
	height:1px;
	width:80%;
	text-align:center;
}
input, select, textarea, .type {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000000;
}
input.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
fieldset p.italics {
	width:434px;
	font-style:italic;
}
.italics {
	font-style:italic;
}
.lmic {
	color: #000080;
}
#lNote, #myAcct, #signOut, #PoInfoForm {
	display:none;
	visibility:hidden;
}
#MakePmt, #SignUp, #Pending, #NoLogin, #EmailInfo, #Maint, #ViewHistoryLink, #ViewHistory, #MakePaymentLink {
	display:none;
	visibility:hidden;
    font-weight:normal;
}
#MakePaymentLink, #ViewHistoryLink {
	padding-top:1px;
	width:150px;
	background-color:#ceedce;
	border:1px solid #038203;
	border-bottom:none;
}
#map {
	position:absolute;
	top:85px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	padding-right:5px;
	padding-bottom:20px;
	padding-left:5px;
	clear:both;
	display:none;
	visibility:hidden;
	width:650px;
	z-index:1000;
	background-color:#000080;
}
#mobile {
	display:none;
	visibility:hidden;
	margin-left:5px;
	margin-top:5px;
}
.MR5px {
	margin-right:5px;
}
#myPage, #poInfoTbl {
	display:block;
	visibility:visible;
	margin-top: -6px
}
#poInfoTbl td {
	border-top:1px solid #DDD;
}
.nav {
	width:171px;
	font-size:11px;
	color:#FFFFFF;
	
}

.nav a {
	color:#FFFFFF;
	text-decoration:none;
}

.nav a:hover {
	text-decoration:underline;
}

.nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.nav ul li {
	text-align:left;
	text-indent:10px;
}

.nav li img {
	margin-left:2px;
	margin-right:2px;
	margin-bottom:1px;
	border:0px;
}
.normal { 				/*make a payment*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:normal;
}
ol {
	margin:0px;
	padding:0px;
	list-style:none;
}
ol label {
	margin-right:2px;
	line-height:1em;
}
ol li {
	text-align:left;
	line-height:2em;
}
ol.hover li:hover {
	background-color:#CCCCCC;
}
tr.hover:hover {
	background-color:#CCCCCC;
}
ol.numOL {
	display:block;
	margin:auto auto auto 30pt;
	list-style:decimal;
}
ol.numOL li {
	line-height:normal;
	padding-bottom:5px;
}
.outlineBlk {				/*make a payment*/
	border:1px solid #000000;
}
.outlineBlue {
	border:2px solid #000080;
}
.outlineGrey {
	border:1px solid #666666;
}
.pad2px {padding-left:2px;}
.page {
	background-color:#FFFFFF;
	color:#000000;
/*	padding-left:5px;
	padding-right:5px;*/
	text-align:justify;
}
.page a {
	color:#000080;
	text-decoration:underline;
}
.page a:hover {
	color:#000080;
	text-decoration:none;
}
.page fieldset {
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	padding:3px;
}
.page fieldset legend {
	margin-left:-3px;
	padding-left:3px;
	padding-right:5px;
	padding-bottom:5px;
	color:#000080;
	font-size:14px;
	font-weight:bold;
}
.page fieldset.fNoList {		/*make a payment*/
	padding:0;
}
.page fieldset.fNoList legend {/*make a payment*/
	color:#000000;
}
p.noList {
	margin-left:-30px;
}
#phLogin {
	display:inline;
	visibility:visible;
}
.redBold {
	color:#FF0000;
	font-weight:bold;
}
.reflections {
	padding:3px;
	margin-left:3px;
	float:right;
	background-color:#CCCCCC;
	text-align:center;
	width:154px;
	clear:both;
}
#rightSection {
	width:457px;
}
#sun {
	position:relative;
	top:0;	
	left:-25px;
}
.smallerGrey {			/*make a payment*/
	font-size:11px;
	color:#666666;
}
.thWhite {
	background-color:#000080;
	color:#FFFFFF;
	font-weight:bold;
}
.thWhite a {color:#FFF}
.thWhite a:hover {color:#FFF}
.topCorners {
	margin-top:10px;
	height:5px;
	background-color:#FFFFFF;
}
.bottomCorners {
	height:5px;
	background-color:#FFFFFF;
	clear:both;
}
.taLeft {
	text-align:left;
}
#topSection {
	width:457px;
}
.topSectionBox {
	margin-top:30px;
	width:230px;
}
.topSectionBox a {
	color:#FFFFFF;
	text-decoration:none;
}
.topSectionBox a:hover {
	text-decoration:underline;
}
.type2 {
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
}
.txtARt {
	text-align:right;
}
div.page fieldset ul li {
	padding-bottom:3px;
}
ul.checklist {
	list-style-image:url('/images/checkedbox.gif');
}
ul.checklist li {
	padding-left:10px;
}
ul.noList { 			/*make a payment*/
	margin:5px;
	padding:0;
	list-style:none;
}
ul.noList li { 			/*make a payment*/
	padding-bottom:5px;
}
ul.noList li label { 	/*make a payment*/
	margin-top:3px;
	margin-right:2px;
	float:left;
}
ul.tblDiv {
	margin:0;
	padding:0;
}
ul.tblDiv li {
	list-style:none;
	float:left;
	width:100%;
	clear:left;
}
fieldset ul.tblDiv li label {
	float:left;
	width:100px;
}
.underline {
	text-decoration:underline;
}
.w50 {
	width:50px;
}
.w55 {
	width:55px;
}
.w60 {width:60px;}
.w70 {
	width:70px;
}
.w75 {
	width:75px;
}
.w80 {					
	width:80px;
}
.w90 {					
	width:90px;
}
.w100 {
	width:100px;
}
.w125 {width:125px;}
.w150 {
	width:150px;
}
.w175 {
	width:175px;
}
.w200 {
	width:198px;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	width: 650px;
	background-color:#000080;
	color:#FFFFFF;
	position:relative;
}
.weatherV { /*dup*/
/*	width:162px; */
/*	height:620px; */
/*	background-color:#000080; */
	padding-top:7px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
#accuWeather {
	width: 160px; 
	height: 600px; 
	margin-top:5px;
	background-image: url('http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring2_160x600_bg.jpg');
/*	background-image: url('//vortex.accuweather.com/adcbin/netweather_v2/backgrounds/summer2_160x600_bg.jpg'); */
/*	background-image: url('//vortex.accuweather.com/adcbin/netweather_v2/backgrounds/winter2_160x600_bg.jpg'); */
	background-repeat: no-repeat; 
	background-color: #7CADEE;
}
#accuWeatherTxt {
	text-align: center; 
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 10px; 
	line-height: 15px; 
	color: #0000FF;
}
/* START CSS only needed for weather */
	#weather_leftPanel ul{
		padding-left:20px;
		margin-left:0px;
	}
	#weather_leftPanel div{
		padding:0px;
	}
/* END CSS ONLY NEEDED FOR WEATHER */
	#weather_leftPanel{	/* Styling the help panel */
		background-color:#000066;	/* Blue background color */
		color:#FFF;	/* White text color */
		font-family: Arial, Helvetica, sans-serif;	/* Which font to use */
/* You shouldn't change these 5 options unless you need to */		
		height:100%;		
		left:0px;
		z-index:10;
		position:absolute;
		display:none;
	}
	#weather_leftPanel #leftPanelContent{
		padding:0px;
	}
	#weather_leftPanel .closeLink{ /* Layout of close link */
		padding:0px;
		position:absolute;
		top:1px;
		right:1px;
		background:url('../images/close.gif');
		border:none;
		width:15px;
		height:15px;
	}
	#weather_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		background:url('../images/close_over.gif');
		border:none;
	}
	#headerButtons {margin-top:4px; clear:both}
	#headerButtons table {width:100%}
	#headerButtons td {width:33%; text-align:center; border:2px solid #8888FF; background:darkblue}
	div#headerButtons td  a {text-decoration:none; color:yellow; font-weight:bold; font-size:12pt; display:block}
	div#headerButtons td  a div {width:100%}
	div#headerButtons td a:hover {background:#8888FF; color:white}