br { margin: 0px; padding: 0px }
body { color: #000000; text-align: left; background-color: #ffffff; margin: 0px; padding:0px }
h1 { font: bold 14pt tahoma, sans-serif; color: #320A63; margin-top: 15px }
h2 { font: bold 12pt tahoma, sans-serif; color: #aa0000 }
abbr { border-bottom: dashed 1px #cc9; cursor: help }

.fbText,.fbPassword { width: 180px }



table { font: 9pt verdana, sans-serif; }


#content { width: 920px; margin-left: 15px }

#header a { color: #ffff00; text-decoration: none }


#footer {
	margin-top: 40px; border-top: solid 1px #aaaaaa;
	padding-top: 10px; width: 920px; margin-bottom: 20px;
	background-color: #ffffff; color: #aaaaaa;
	font: 8pt sans-serif; text-align: center;
}
#footer a { color: #aaaaaa }
#footer table { font-size: 100% }
#footer table td:hover { color: #666666 }
#footer table td:hover a { color: #666666 }
#footer table td:hover a:hover { color: #000099 }

/* Chrome renders whitespace - odd */
#notext { font-size: 0pt }


/* Front Page specifics */

.fp-promo { }
.fp-promo h1 { font: 24px arial, sans-serif; color: #ffffff; width: 350px; margin: 0px 0px 0px 40px }
.fp-promo .fp-subhead { font: 19px arial, sans-serif; color: #ffffff; width: 350px; margin: 10px 0px 0px 40px }
.fp-promo .fp-bullet { background-image: url(/f/frontpage-promos/200903/tick.gif); background-repeat: no-repeat; font: 18px arial, sans-serif; color: #ffffff; width: 350px; padding: 0px 0px 0px 30px; margin: 10px 0px 10px 20px }
#fpEasyLine { margin: 0px 0px 15px 20px; font: 13pt verdana, sans-serif }
#fpEasyLine strong { font-weight: bold }
#fpSmallBizLine { margin-top: 10px; font: 8pt verdana, sans-serif; }
#fpSupportedAccounts { margin: 10px 10px 0px 10px; font: 8pt verdana, sans-serif; color: #666 }

#fpTextual { color: #666 }
#fpTextual h1 { margin: 5px 0px; padding: 0px; color: #666; font: bold 9pt verdana, sans-serif; border-bottom: solid 1px #666 }
#fpTextual ul { margin: 0px ; padding: 0px 0px 0px 15px}
#fpTextual ul li { margin: 10px 0px; padding: 0px}
#fpTextual a { color: #669; text-decoration: none }
#fpTextual a:hover { color: #669; text-decoration: underline }
#fpTextual small { color: #999 }

.promocell { padding: 5px; width: 200px; text-align: center; font: 15pt sans-serif }
.promocell .small { font: 8pt verdana, sans-serif; color: #999 }
.promocell a { color: #320A63; text-decoration: underline }

.floatyquote { margin: 8px; padding: 8px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc }
.floatyquote q { font: 14pt georgia, serif; color: #999; font-style: italic }


.staticBox { font: 8pt sans-serif; }
.staticBox h1 { font: bold 10pt tahoma, sans-serif; color: #aa0000; margin: 0px; padding: 0px;
letter-spacing: 1pt }
.staticMainBox h1 { color: #005ca6; font-size: 180%; text-align: center }
.staticMainBox h2 { font: 9pt sans-serif; color: #005ca6; margin: 0px; padding: 0px }
.staticMainBox p { font-size: 140%}

.headerWelcome { border-bottom: solid 1px #ffffff; color: #ffffff; font: 10pt verdana, sans-serif }
.headerWelcome a { color: #6666ff }
/*
.headerButton { width: 76px; height: 26px; text-align: center; background-image:
url(/f/button.gif); float: left; font: 7pt sans-serif }
.headerButton div {  padding-top: 6px;  }
.headerButton div a { color: #000000; text-decoration: none }
.headerButton div a:hover { color: #000099 }

.whiteButton { background-image: url(/f/white-button-left.gif); width: 120px; height:
28px; text-align: right }
.whiteButtonLeft { float: left; width: 84px; margin-left: 15px; text-align: center; padding-top:
7px }
.whiteButtonLeft a { text-decoration: none; font: bold 90% sans-serif; display: block }
.whiteButtonRight img { float: right; text-align: right } 

*/

.headerButton { margin: 1px; width: 76px; height: 20px; text-align: center; border-style: solid; border-width: 1px; border-color: #ffffff #999999 #999999 #ffffff; background-image: url('/f/button-graduated.gif'); background-color: #eeeeee; float: left; font: 8pt verdana, sans-serif }
.headerButton div {  padding-top: 2px;  }
.headerButton div a { color: #000000; text-decoration: none; height: 18px }
.headerButton div a:hover { color: #000099 }

.whiteButton { height: 18px; width: 96px; text-align: center; border-style: solid; border-width: 1px; border-color: #ffffff #999999 #999999 #ffffff; background-image: url('/f/button-graduated.gif'); background-color: #eeeeee; float: left; font: 8pt verdana, sans-serif }
.whiteButtonLeft { padding: 1px 3px 0px 3px; }
.whiteButtonLeft a { width: 90px; height: 16px; text-decoration: none; font: 8pt verdana, sans-serif; display: block; color: #000099 }
.whiteButtonRight img { display: none } 

/* tabs */
.TabBar { border-bottom: solid 1px #000000; width: 100% }
.TabOuter { width: 150px; float: left; background-color: #cccccc; margin-right: 4px }
.TabInner { padding: 0px }
.TabInner a { padding: 3px; display: block; width: 144px; font: bold 10pt sans-serif; text-decoration: none; text-align: center; color: #000000 }
.TabInner a:hover { background-color: #dddddd }

.TabOuter.active { background-color: #005ba5 }
.TabOuter.active .TabInner a { color: #ffffff }
.TabOuter.active .TabInner a:hover { background-color: #005ba5 }

.helpPanel { background-color: #ffffcc; border: solid 1px #cccccc; padding: 8px; font: 8pt verdana, sans-serif;
	margin-bottom: 10px }

table { font: 9pt verdana, sans-serif; }

table.databox { margin-top: 10px }

table.standard { border: solid 1px #cccccc; font: 8pt verdana, sans-serif; border-collapse:
collapse; background-color: #ffffff }
table.standard th { background-color: #666666; color: #ffffff; font-weight: bold }
table.standard td { font: 10pt verdana, sans-serif; border-bottom: dotted 1px #cccccc;
border-right: solid 1px #cccccc }

table.sideways { border: solid 1px #cccccc; font: bold 9pt sans-serif;  border-collapse: collapse;
background-color: #ffffff }
table.sideways td { border-bottom: dotted 1px #cccccc; text-align: center; border-right: solid 1px
#cccccc; width: 100px }
table.sideways td.first { border-bottom: solid 1px #cccccc; background-color: #005ba5; text-align:
left; color: #ffffff; width: 120px; padding: 1px 8px 1px 10px }

table.topways { border: solid 1px #cccccc; font: bold 9pt sans-serif;  border-collapse: collapse;
background-color: #ffffff }
table.topways td { border-bottom: dotted 1px #cccccc; text-align: center; border-right: solid 1px
#cccccc; width: 70px }
table.topways th { border-bottom: solid 1px #cccccc; background-color: #005ba5; text-align: left;
color: #ffffff; width: 120px; padding: 1px 8px 1px 10px }

#updateMessage { width: 100%; margin: 0px; padding: 1px; text-align: center; background-color:
#ff0000; color: #ffffff; font: 9pt verdana, sans-serif }
#lastUpdate { font: 8pt verdana, sans-serif; color: #666666 }

table.stdData { font: 9pt arial, sans-serif; border-bottom: solid 1px #999999; border-collapse: collapse }
table.stdData th { padding: 5px; background-color: #f5f5f5; text-align: center; font: bold 9pt
sans-serif; border-bottom: solid 1px #999999 }

table.stdData tr.oddline { background-color: #f6f6f6 }
table.stdData tr.overdue td { background-color: #f99 }


table.stdData td { border-bottom: none; padding: 2px; border-left: solid 1px #dddddd; }
table.stdData td.firstCol { border-left: none }
table.stdData td.numeric { text-align: center }
table.stdData td.financial { text-align: right; font-size: 90% }
table.stdData td.financial.negative { color: #ff0000 }
table.stdData td.financial.zero { color: #aaa }
table.stdData td.financial.positive { color: #000000 }
table.stdData td.datetime { text-align: center }

table.stdData tr.settled td.financial.negative { color: #ff0000 }
table.stdData tr.settled td { color: #999 !important }




table.formEntry { font: 9pt arial, sans-serif; border-bottom: solid 1px #999999; border-collapse: collapse }
table.formEntry th { padding: 5px; background-color: #005ba5; text-align: right; font: bold 9pt
sans-serif; border-bottom: solid 1px #ccc; color: #ffffff;  }
table.formEntry td { border: solid 1px #ccc; padding: 2px; border-left: solid 1px #dddddd; }
table.formEntry th a { color: #fff }

table.formEntryLine { font: 9pt arial, sans-serif; border-bottom: solid 1px #999999; border-collapse: collapse }
table.formEntryLine th { padding: 5px; background-color: #005ba5; text-align: center; font: bold 9pt
sans-serif; border-right: solid 1px #ccc; color: #ffffff;  }
table.formEntryLine td { border: solid 1px #ccc; padding: 2px; border-left: solid 1px #dddddd; }

table#topBar #topBarLeft { font: bold 8pt sans-serif; color: #005ca6 }
table#topBar #topBarRight { text-align: right; font: 8pt sans-serif; }
table#topBar #topBarRight a { text-decoration: none }

.tableHeader { background-color: #005ba5; color: #ffffff; font: bold 12pt sans-serif; width: 240px;
padding: 3px 8px 3px 10px;  }


.lastUpdated { border: solid 1px #999999; color: #666666; width: 120px; text-align: center;
background-color: #ffffff; font: 8pt sans-serif; vertical-align: middle; padding: 5px; margin: 30px }


.mailcount { margin: 5px; border: solid 1px #cccccc; background-color: #ff0; padding: 2px 0px 3px 5px }
.mailcount a { text-decoration: none; color: #00f;  }

.quicklinks { text-align: right; margin: 0px 0px 6px 0px; padding: 3px; color: #999; font: 8pt verdana, sans-serif }

.validationError { font: bold 7pt verdana, sans-serif; color: #f00; }
.fieldRequired { font: bold 7pt verdana, sans-serif; color: #FFA215 }

textarea { width: 250px; height: 80px; font-family: arial, sans-serif }

.formEntry input[type='text'] { width: 250px }



fieldset { border: solid 1px #ccc; margin: 10px 1px; padding: 5px }
legend { font: 8pt verdana, sans-serif; color: #999 }
fieldset .options { text-align: right; font-size: 8pt }
fieldset table th { text-align: right; width: 150px; vertical-align: top; padding-right: 5px }

.errormsg { background-color: #ffee; border: solid 2px #f00; padding: 8px; margin: 20px }
.errormsg code { background-color: #ccc; padding: 5px }
.errormsg li { margin: 8px }