br { margin: 0px; padding: 0px }
body { color: #000000; background-color: #ffffff; margin: 0px; padding:0px }
h1 { font: bold 14pt tahoma, sans-serif; color: #ce0004; margin-top: 15px }
h2 { font: bold 12pt tahoma, sans-serif; color: #aa0000 }
form { margin: 0px; padding: 0px }

.fbText,.fbPassword { width: 400px }

.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 { text-align: right; border-bottom: none; color: #ffffff; font: 10pt verdana, sans-serif }
.headerWelcome a { color: #9999ff }

.headerCompany { color: #ffffff; text-align: right }
.headerCompany a { color: #ffffff; text-decoration: none }


/*
.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: 91px; 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; margin: 0px 1px 0px 1px;
}
.whiteButtonLeft { padding: 1px 0px 0px 0px; }
.whiteButtonLeft a {
			cursor: hand; width: 90px; height: 16px; text-decoration: none;
			font: 8pt verdana, sans-serif; display: block; color: #000000;
}
.whiteButtonLeft a:hover { background-color: #ddd; }
.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 }

.actionBar { background-color: #eee; padding: 6px }

.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 td.totals { font-weight: bold; border-bottom: solid 1px #000 }
table.stdData tr.paid td.financial.negative { color: #ff0000 }
table.stdData tr.paid td { color: #999 !important }
table.stdData tr.allocated td.financial.negative { color: #ff0000 }
table.stdData tr.allocated 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 }

#content { min-height: 320px; width: 900px }


#footer {
	margin-top: 40px; border-top: solid 1px #aaaaaa;
	padding-top: 10px; width: 900px; 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 }
#footer table td #padlockIcon { margin: 10px auto 0px auto; width: 20px; height: 22px; background-image: url('/f/padlock-off.png') }
#footer table td:hover #padlockIcon {  background-image: url('/f/padlock-on.png') }


.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 }

/* Specific layouts */

.pricing { border: solid 1px #999999; border-collapse: collapse }
.pricing td { border: solid 1px #aaaaaa; background-color: #ffffff; text-align: center }
.pricing tbody th { border: solid 1px #aaaaaa; width: 250px; font-weight: normal; text-align: right; padding: 2px 5px }
.pricing thead th { width: 100px; background-color: #cccccc; text-align: center }
.pricing form { margin: 0px; padding: 0px }



.breadcrumb { padding: 3px; margin: 0px 0px 20px 0px; font: 8pt verdana, sans-serif; color: #aaa; }
.breadcrumb a { color: #666; text-decoration: none }