body{margin:0; padding:0; background:#a4b6b5;}
form, td, p, textarea, ul {margin:0; padding:0;}
table, td {border-collapse:collapse;}
table, td, img {border:0;}
input, textarea, select{font:11px/14px Tahoma, Arial, Geneva, sans-serif; color:#595959;}
input{ width:180px; height:17px; border:1px solid #d0d0d0;}
textarea{width:190px; height:75px; border:1px solid #d0d0d0; overflow:auto;}
.inp_h{ height:23px; margin:0 0 6px 0;}

.inp{ width:193px; height:18px; border:1px solid #ffffff; background:#93abad; color:#FFFFFF; font-size:12px;}
.inp_1{ width:136px; height:16px; border:1px solid #a9aaaa; background:#f8f8f9;}
.inp_2{ width:136px; height:14px; border:1px solid #a9aaaa; background:#f8f8f9;}
.inp_3{ width:106px; height:16px; border:1px solid #a9aaaa; background:#f8f8f9;}
.inp_4{ width:86px; height:14px; border:1px solid #a9aaaa; background:#f8f8f9;}

.inp_h1{height:24px; text-align:right; padding:0 3px 0 0;}
td, tr {vertical-align:top; text-align:left}
td{
	font:11px/14px arial, helvetica, sans-serif;
	color:#696969;
}
a{ color:#d52d00;}
a:hover{text-decoration:none;}
/*------links------*/
.link{ color:#d52d00; font-weight:bold; font-size:11px; text-decoration:none;}
.link:hover{text-decoration: underline;}
.link_1{ color:#d52d00; text-decoration:none;}
.link_1:hover{text-decoration: underline;}
.link_2{ color:#da522e;}
/*------//links------*/
ul {list-style:none;}
li a { 
	background:url(images/arr.gif) 0 4px no-repeat;
	padding:0 0 0 11px;
	line-height:17px;
	color:#d52d00;
	text-decoration:underline;
}
li a:hover { 
	text-decoration:none;
}
.header{
	height:353px;
}
.txt{ color:#124d5f; font-size:12px;}
.txt_1{color:#ffffff; font-size:12px;}
.txt_2{ font-family:Arial, Helvetica, sans-serif; color:#212121; font-weight:bold;}
.txt_3{ color:#689800; font-weight:bold;}
.txt_4{ color:#d52d00; font-weight:bold;}
.txt_15{ color:#303030;}
.txt_5{ color:#424242; font-weight:bold;}
.txt_6{ color:#595959; font-weight:bold;}
.txt_7{ color:#444444; font-weight:bold;}
.txt_8{ color:#565656; font-weight:bold;}
.txt_9{ color:#696969;}
.txt_10{ color:#696969; font-weight:bold;}
.txt_11{ color:#303030; font-weight:bold;}
.txt_12{ color:#545454; font-weight:bold;}
.txt_13{ color:#676767;}
.PageHeading{ color:#124d5f; font-size:22px;  }
.SubHeading{ color:#124d5f; font-size:18px; }
.SubHeading16{ color:#124d5f; font-size:16px; }
.txt_3_16{ color:#689800; font-weight:bold; font-size:16px;}

strong{ color:#303030; font-weight:bold;}

.clock{margin:35px 0 0 70px; padding:0 0 0 15px; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:url(images/pic_1.gif) 0 3px no-repeat;}
.sign{padding:2px 0 0 0;}
.indent_form{padding:0 0 0 45px;}
.head_indent{margin:33px 0 0 0;}
.h_h{height:113px;}
.logo{ margin:0 0 49px 0;}
.sep{background:url(images/sep.gif) 13px top no-repeat; padding:1px 0 0 0;}
.bg{ background:url(images/bg.gif) left top repeat-x;}
.bg_1{ background:url(images/bg_1.gif) right top repeat-y;}
.right_txt{ text-align:right;}
/**********************/
.fill_left{background:url(images/fill_left.jpg) right top repeat-y}
.bg_top_left{background:url(images/bg_left.jpg) right top no-repeat;}
.bg_bot_left{background:url(images/bg_left_bot.jpg) right bottom no-repeat;}
/**********************/
.bg_top{ background:url(images/bg_top.jpg) right top no-repeat;}
.fill_1{background:url(images/fill.jpg) right top repeat-y}
.bg_bot{background:url(images/bg_bot.jpg) right bottom no-repeat;}

.in_footer{
	padding:0 13px 0 13px;
}
.footer{
	color:#ffffff;
}
.footer a{ color:#FFFFFF; text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.fill{background:url(images/bg_footer.jpg) left top repeat-x; height:84px;}
.left{background:url(images/bg_footer_left.jpg) left top no-repeat;}
.right{background:url(images/bg_footer_right.jpg) right top no-repeat;}

.footer .link_1{ color:#737373; text-decoration:none;}
.footer .link_1:hover{ text-decoration:none; color:#FFFFFF;}
.footer span{ color:#737373;}

 
 
 table.axial th, table.axial td {vertical-align:middle; padding:.3em 0; padding-right:4px; margin:0;}
	table.axial th.top, table.axial td.top, table.axial tr.top th {vertical-align:top;}
table.axial th {font-weight:normal; text-align:right; width:206px;}
	table.auto-width th, table.autowidth th, table.login table.auto-width td.axialdivider { width: auto; } /* "autowidth" is deprecated. use "auto-width" */
table.axial th.full-width {width:auto; text-align:left;}
table.axial td {padding-right:0;}
table.axial td.axialdivider {width:0}
table.axial td .ext {padding-left:10px;}
table.axial tr.required th, table.axial th.required {font-weight:bold;}
table.axial tr.required td {font-weight:normal;}
table.axial tr.underline {text-decoration:none;}
table.axial tr.underline td, table.axial tr.underline th {border-bottom:1px solid #CCC; padding-bottom:.5em;}
table.axial tr.overline td, table.axial tr.overline th {border-top:1px solid #CCC; padding-top:.5em;}
table.axial td.text {text-align:right;}

table.axial.flipproportion th {width:332px;} /* make left column larger and right column smaller */
table.axial.questions th {width:385px; text-align:left;} /* make left column larger and aligned left for questions with radio buttons */
table.axial.questions th, table.axial.questions td {padding:.75em 0 !important;}
table.axial.questions.nospacing th, table.axial.questions.nospacing td {padding:0 !important;}
table.axial.questions td fieldset {white-space:nowrap;}
table.axial.autowidth, table.axial.autowidthfixedlabels {width:auto;} /* remove the axial table width */
table.axial.autowidth th {width:auto;} /* remove the width set in the labels column (TH) */

table.axial td.indent, table.axial tr.indent th, table.axial tr.indent td, table.axial .indent {padding-left:164px;}
.axialindent {margin-left:164px;} /* for items below an axial table row, but not inside the table */
.axialmediumindent {margin-left:111px;} /* one and a half indents - equivalent to 10em at default font size */

/* TEMPORARY FIX FOR ESTIMATED PROP VALUE ON HLO LOAN INFO PAGE - label too long, causing rendering problem in FF */
table.axial tr#EstimatedPropertyValueLBL th {width:208px;}
	/* reset for IE: */
	* html table.axial tr#EstimatedPropertyValueLBL th {width:206px;}
	*:first-child+html table.axial tr#EstimatedPropertyValueLBL th {width:206px;}

/* if the row has an error, color only the th */
table.axial .error td {color:#333;}
table.axial .error td.formaid, table.axial .error td .formaid {color:#7C7C7C;}
table.axial label.error, table.axial .error th label, table.axial th.error label, table.axial .error th {color:#F60;}
.error th label, th.error label {padding-left:23px; padding-top:1px; background:url(/common/images/40/icon_error_small.gif) no-repeat .1em 0;}

/* if the row has the error, and erroralllabels is in the row, apply color to all labels */
table.axial tr.erroralllabels label {color:#F60;}

/* if spacingtop/bottom is used in the row, add space to the td */
table.axial tr.spacingtop td, table.axial tr.spacingtop th {padding-top:1.55em !important;}
	table.axial tr.spacingtop td.top, table.axial tr.spacingtop th.top {padding-top:0 !important;}
table.axial tr.spacingbottom td, table.axial tr.spacingbottom th {padding-bottom:1.55em !important;}
table.axial.login tr.spacingbottom td, table.axial.login tr.spacingbottom th {padding-bottom:1em !important;}

/* axial table summary style */
table.axial.summary thead td {font:bold 1.2em tahoma,geneva,sans-serif; color:#333;}
table.axial.summary th, table.axial.summary td {vertical-align:top;}
table.axial.summary th {font-weight:bold;}
table.axial.summary.twocolumns td {padding-left:1em; color:#5a5a5a;}
table.axial.summary.twocolumns td.first {border-right:1px solid #CCC; padding-left:0; padding-right:.1em; width:168px;}

table.axial.summary #rowAdditionalPayment input {vertical-align: top}

/* axial table transaction history */
table.transaction, table.transaction .datagrid {width: 100%;}
table.axial.transaction {width:100%; margin-bottom:1em;}
table.axial.transaction td {white-space:nowrap; vertical-align:middle;}
	table.axial.transaction td .calendar {margin:0 10px 0 2px;}
table.axial.transaction td.searchby {padding-right:12px;}
	table.axial.transaction td.searchby .fieldlong {margin-right:6px;}
table.axial.transaction td.search {width:100%; padding-left:9px;}
table.axial.transaction a, table.axial.transaction a:visited {text-decoration:none;}
table.axial.transaction a:hover {text-decoration:underline;}
table.transaction select, table.transaction input { vertical-align: middle; }
table.transaction #ButtonRowBottom input {float: right;}

/* some common axial font styles */
table.axial.transfer th, table.axial.payee th, table.axial.income th, table.axial.selectaccount th, table.axial.otherincome th {padding-right:0 !important; font-weight:bold;}

/* axial table with bullet list (used for create user name/pw interface) */
.axial-header {margin:0 0 .7em 14.8em;}
.axial-container {float:left; width:31.4em;}
.axial-container TH, .axial-container-errorbox TH {width:14.5em!important;}
.axial-container-errorbox .success, .axial-container-errorbox .error {margin-top:0;}
.axial-errorbox-cell {width: 32em;}
.axial-list-container {float:left; width:15em; margin-left:.8em; margin-top:.2em;}
	* html .axial-list-container {margin-left:1.3em !important;}
	*:first-child+html .axial-list-container {margin-left:1.3em !important;}
.axial-list-container ul li {font-size:.9em; color:#7C7C7C; padding-left:.4em;}
	* html .axial-list-container ul li {padding-left:.1em !important;}
	*:first-child+html .axial-list-container ul li {padding-left:.1em !important;}

/* axial table for spacing left - needs to be larger than default 1em */
table.axial .spacingleft {padding-left:8px;}
table.axial input.spacingleft {padding-left: 0;}

/* axial table for payee */
table.axial.payee span.formaid {font-weight:normal;}
table.axial.payee .marginleftcheckbox {margin-left:175px;}

/* axial for income */
table.axial.income span.formaid {font-weight:normal;}
	* html table.axial.income td {width:350px;}
	*:first-child+html table.axial.income td {width:350px;}
table.axial.income input {width:60px;}
table.axial.income td input.perweek {margin-left:10px; width:25px;}

/* axial select account */
table.axial.selectaccount td p {line-height:.1em;}
table.axial.selectaccount a.dashed, table.axial.income a.dashed {text-decoration:none; border-bottom:1px dashed #00C;}

/* axial for pull down questions */
table.axial.pulldown th, table.axial.pulldown td {text-align:left; width:100%;}
table.axial.pulldown td select {margin:15px 0 15px 30px;}

/* axial for other income */
table.axial.otherincome th {width:326px;}
table.axial.otherincome span.formaid {font-weight:normal;}
table.axial.otherincome td input.other_income {width:40px;}
table.axial.otherincome td input.spacingleft {margin-left:0;}

/* axial-style rate tables */
table.rates-axial {font-size:1em; margin-left:20px;}
table.rates-axial td, table.rates-axial th {vertical-align:top; padding:2px; padding-right:5px; white-space:nowrap; border-collapse:collapse; font-size:.9em;}
table.rates-axial tbody th {text-align:right; font-size:1em; font-weight:bold;}
table.rates-axial thead th, table.rates-axial tbody tr.table-header th {font-weight:bold; text-align:left; font-size:.9em; padding-top:8px;}
table.rates-axial tbody tr.ons td {background:#EEE;}
table.rates-axial td.rate-details, table.rates-axial tr.ons td.rate-details {padding:0; background:transparent; white-space:normal;}
table.rates-axial tr.ons td.rate-details {background:#EEE;}
table.rates-axial td div {padding:2px; position:relative; left:-2px; width:210px; white-space: normal; font-size:1em;}
	* html table.rates-axial td div {width:220px;}
table.rates-axial .TodayRatestoolTip {color:#009; white-space:nowrap;}

/***********Buttons**************/
input.btn {text-transform:uppercase;font:bold 99% verdana,sans-serif; padding:.1em .7em .2em .7em; cursor:pointer; border:1px solid  #FF0000; background:#B00D0E; color:#FFF; font-size:.85em; letter-spacing:1px; overflow:visible;}
	* html input.btn {padding:.1em 1em; font-size:.8em;}
	*:first-child+html input.btn {padding:.1em 1em; font-size:.8em;}
/* wide version of input buttons -- necessary since IE6 can't render multiple same name classes with different styles, properly */
input.widebtn {font:bold 99% verdana,sans-serif; padding:.1em 2.5em .2em 2.6em; cursor:pointer; border:1px solid #FF0000; background:#B00D0E; color:#FFF; font-size:.85em; letter-spacing:1px; overflow:visible;}
	* html input.widebtn {padding:.15em 3.1em .15em 3.2em; font-size:.8em;}
	*:first-child+html input.widebtn {padding:.15em 3.1em .15em 3.2em; font-size:.8em;}


.pageheadersection {position:relative; clear:both; padding:12px 0 25px 30px; z-index:10; zoom:1;}
	* html .pageheadersection {padding:12px 0 12px 30px;}
	*:first-child+html .pageheadersection {padding:12px 0 12px 30px;}
.headertitle {float:left;}
.pageheadersection .headertitle h1 {margin-top:2px;}

/* login-in box */
.pageheadersection .loginbox {position:absolute; border:1px solid #FFF; top:8px; right:15px; cursor:pointer; width:16.2em;}
.pageheadersection .loginbox fieldset {padding:7px 7px 10px;}
	* html .pageheadersection .loginbox fieldset {padding:6px 7px 4px;}
	*:first-child+html .pageheadersection .loginbox fieldset {padding:6px 7px 4px;}
.pageheadersection .loginbox input.usernamefield, .pageheadersection .loginbox input.passwordfield {width:8em; height:1.3em;}
.pageheadersection .loginbox h5 {font-weight:normal; margin-bottom:12px; background:url(/common/images/40/icon_nav_lock.gif) no-repeat 13.8em .1em;}
	* html .pageheadersection .loginbox h5 {margin-bottom:11px; background-position:13.75em .1em;}
	*:first-child+html .pageheadersection .loginbox h5 {margin-bottom:11px; background-position:13.75em .1em;}
.pageheadersection .loginbox a#loginexpander {padding-left:16px; height:12px; display:inline-block; background:url(/common/images/40/icon_plusbox.gif) no-repeat;}
.pageheadersection .expanded a#loginexpander {background:url(/common/images/40/icon_minusbox.gif) no-repeat;}
.pageheadersection .loginbox .loginform {display:none; text-align:right;}
.pageheadersection .loginbox div {margin:.5em 0;}
	* html .pageheadersection .loginbox div {margin:.4em 0;}
	*:first-child+html .pageheadersection .loginbox div {margin:.4em 0;}
.pageheadersection .loginbox div a {padding:0; background:0; font-size:.9em; float:left;}
.pageheadersection .loginbox label {display:inline; color:#5A5A5A; font-size:.9em;}
.pageheadersection .loginbox .remember label {display:inline;}
.pageheadersection .loginbox .remember input {width:13px; height:13px; margin:1px 4px 3px 0;}
	* html .pageheadersection .loginbox .remember input {margin:3px 4px 3px 0;}
	*:first-child+html .pageheadersection .loginbox .remember input {margin:3px 4px 3px 0;}

.pageheadersection .loginbox .logout {position:absolute; padding-left:16px; right:0; line-height:1.3em; background:url(/common/images/40/icon_arrowbox.gif) no-repeat 0 1px !important;}