@font-face {   
    font-family: "Interstate";
    src: url( /include/fonts/Interstate-Regular.ttf );
}  

@font-face {   
    font-family: "InterstateBold";
    src: url( /include/fonts/Interstate-Bold.ttf );
}  
.ActionsBar
{
    background-color: #F5F5F5;        
    border-bottom: 1px solid #CCCCCC;
    padding: 0px 8px 0px 8px;
    height: 51px;     
    clear: both;
    top: 50%;
    position: relative;
}

hr
{
    width: 100%;
    clear: both;
}

body, .normal
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
img 
{
	border:0px;
}
.helptext
{
	font-size: 7.5pt;
	color: #828282;
}

.gradient-black {
	color: #fff;
	background: #111111;

	/* for IE < 10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#111111');

	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#111111));

	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #3c3c3c, #111111);

	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #3c3c3c, #111111);

	/* IE 10 */
	background: -ms-linear-gradient(top, #3c3c3c, #111111);

	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #3c3c3c, #111111);
}


.helptext span
{
	position: relative;
	top: 3px;
	padding-right: 5px;
}

.helptextnormal
{
	font-size: 8pt;
	color: #828282;
}
.disclaimer
{
	font-size: 7.5pt;
	color: #828282;
	font-style: italic;
}

.tableHead
{
	font-weight: bold;
	font-size: 8pt;
	color: #3E3D39;
	padding-top: 1px;
	background-color: #CCCCCC;
}
.subSectionBreak
{
	font-weight: normal;
	color:#3E3D39;
	height: 1pt;
}
hr.greyLineBreak
{
	color: silver;
	background-color:silver;
	height: 1px;
	border:0px;
}
hr.lightGreyLineBreak
{
	color: #cccccc;
	background-color:#cccccc;
	height: 1px;
	border:0px;
}
.fieldNameLeft
{
	font-weight: bold;
	font-size: 9pt;
	color:#3E3D39;
	text-align: left;
}
.reportField
{
	font-weight: bold;
	font-size: 10pt;
	color:#3E3D39;
	font-style: italic;
	text-align: left;
}

.lightGrey
{
	background-color: #cccccc;
}
.darkgreyline
{
	background-color: #666666;
}
.darkGreyHeader
{
	background-color: #ffffff;
}

.fieldNameRight
{
	font-size: 8pt;
	color: #333333;
	text-align: right;
}
.fieldName
{
	font-size: 8pt;
	padding-bottom: 3px;
	color: #3E3D39;
	padding-top: 3px;
}
TD.fieldName A:link, TD.fieldName A:visited,TD.fieldName A:active, TD.fieldName A:hover
{
	font-size: 8pt;
	padding-bottom: 3px;
	color: #C09C00;
	padding-top: 3px;
}
TD.fieldName A:active, TD.fieldName A:hover
{
	color: #3E3D39;
}
.tableRow0Left
{
	font-size: 8pt;
	color:#3E3D39;
	background-color: #cccccc;
	text-align: left;
}
.widthFull
{
    width: 100%;
}
.widthSmall
{
	width: 2.2cm;
}
.widthMedium
{
	width: 4.5cm;
}
.widthMediumSm
{
	width: 4cm;
}
.widthMediumTiny
{
	width: 3cm;
}
.widthLarge
{
	width: 12cm;
}
.WidthMediumAudit
{
	width: 3.7cm;
}

.WidthLargeAudit
{
	width: 5.5cm;
}
.WidthLargeLimits
{
	width: 9cm;
}

TR.SmallText TD
{
    /*font-size: 8pt!important;*/
    color: #3E3D39;
}

TD.HelpText A:link, Span.HelpText A:link
{
	font-size: 7.5pt;
}
TD.HelpText A:visited, Span.HelpText A:visited
{
	font-size: 7.5pt;
}
TD.HelpText A:active, Span.HelpText A:active
{
	font-size: 7.5pt;
}
TD.HelpText A:hover, Span.HelpText A:hover
{
	font-size: 7.5pt;
}

TD.HelpText
{
	font-size: 7.5pt;
	color: #828282;
}

TD.disclaimer A:link, Span.disclaimer A:link
{
	font-size: 7.5pt;
	color: #C09C00;
	font-style: italic;
}
TD.disclaimer A:visited, Span.disclaimer A:visited
{
	font-size: 7.5pt;
	color: #C09C00;
	font-style: italic;
}
TD.disclaimer A:active, Span.disclaimer A:active
{
	font-size: 7.5pt;
	color: #3E3D39;
	font-style: italic;
}
TD.disclaimer A:hover, Span.disclaimer A:hover
{
	font-size: 7.5pt;
	color: #3E3D39;
	font-style: italic;
}

.fieldNameRed
{
	font-size: 8pt;
	padding-bottom: 3px;
	color: red;
	padding-top: 3px;
	text-align: left;
}

TR.GridHeader A:active
{
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	color: #3E3D39;
	background-color: #e6e6e6;
}
TR.GridHeader A:visited
{
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	color: #3E3D39;
	background-color: #e6e6e6;
}
TR.GridHeader A:link
{
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	color: #3E3D39;
	background-color: #e6e6e6;
}
TR.GridHeader A:hover
{
	text-decoration: underline;
	font-size: 8pt;
	font-weight: bold;
	background-color: #e6e6e6;
}
TR.GridHeader, TR.GridHeader TD, TD.GridHeader, TR.GridHeader TH
{
    padding: 5px 3px 5px 3px;
	font-weight: bold;
	font-size: 8pt;
	color: #3E3D39;
	background-color: #e6e6e6;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-color:#3E3D39;
	border-right-width: 1px;
}
.GridHeaderLight
{
	font-weight:normal;
	font-size:7.5pt;
}
	
TR.normal A:active
{
	font-size: 8pt;
}
TR.normal A:visited
{
	font-size: 8pt;
}
TR.normal A:link
{
	font-size: 8pt;
}
TR.normal A:hover
{
	font-size: 8pt;
	text-decoration: underline !IMPORTANT;
}
TR.normal, TR.normal TD
{
	padding-left: 3px;
	font-size: 8pt;
	color:#3E3D39;
}
TR.paging A:active
{
	font-size: 8pt;
	color: #3E3D39;
	text-decoration: none;
}
TR.paging A:visited
{
	font-size: 8pt;
	color: #3E3D39;
	text-decoration: none;
}
TR.paging A:link
{
	font-size: 8pt;
	color: #3E3D39;
	text-decoration: none;
}
TR.paging A:hover
{
	font-size: 8pt;
	color: #3E3D39;
	font-weight: bold;
	text-decoration: none;
}
TR.paging
{
	font-size: 8pt;
	color:#3E3D39;
	width: 100%;
}
TD.GridCell
{
	padding: 2px 2px 2px 2px;
	font-size: 8pt;
}

.commonLink
{
	font-size: 8pt;
	padding-bottom: 3px;
	color: #336799;
	padding-top: 3px;
}
TD.commonLink A:link, TD.commonLink A:visited,TD.commonLink A:active, TD.commonLink A:hover
{
	font-size: 8pt;
	padding-bottom: 3px;
	color: #336799;
	padding-top: 3px;
}

INPUT.GridCell,INPUT.GridCellDisabled,INPUT.GridCellLibraryDisabled,INPUT.GridCellError,INPUT.GridCellRightAligned,INPUT.GridCellRightAlignedDisabled,INPUT.GridCellRightAlignedError
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 8pt;
	padding-bottom: 0px;
	padding-top: 0px;
	border-right: #cccccc 1px solid;
	border-top: #666666 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #cccccc 1px solid;
	color: #3E3D39;
}
INPUT.GridCellDisabled
{
	color: #666666;
}
INPUT.GridCellLibraryDisabled
{
	color: #555555;
}
INPUT.GridCellError
{
	background-color: #ffffcc;
}
INPUT.GridCellRightAligned
{
	text-align: right;
}
INPUT.GridCellRightAlignedDisabled
{
	text-align: right;
	color: #666666;
}
INPUT.GridCellRightAlignedError
{
	text-align: right;
	background-color: #ffffcc;
}
INPUT.AmountField
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 9.25pt;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: right;
}
INPUT.AmountFieldReadOnly
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 9.25pt;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: right;
	color: #666666;
}
INPUT.TextField, SELECT.TextField
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 9.25pt;
	padding-bottom: 0px;
	padding-top: 0px;
}
INPUT.TextFieldReadOnly
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 9.25pt;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #666666;
}

INPUT.TextFieldGreyedOut
{
	background-color: #d3d3d3;
}

INPUT.TextFieldGoldBorder
{
	border-color: #ffffcc;
	border-style: solid;
    border-width: 3px;
}

DIV.DivGoldBorder
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-color: #ffffcc;
}

SPAN.SpanGoldBorder
{
	padding-right: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #ffffcc;
	
}
.normal
{
	font-size: 8pt;
	color:#3E3D39;
}
A.paging:hover
{
	font-size: 8pt;
	color: #3E3D39;
	letter-spacing: 1px;
}

A.paging:link
{
	font-size: 8pt;
	word-spacing: normal;
	color: #3E3D39;
	letter-spacing: 1px;
	text-decoration: none;
}

A.paging:active
{
	font-size: 8pt;
	word-spacing: normal;
	color: #3E3D39;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

A.paging:visited
{
	font-size: 8pt;
	word-spacing: normal;
	color: #3E3D39;
	letter-spacing: 1px;
	text-decoration: none;
}

.MediumTextBox
{
	width: 100px;
	font-size: 8pt;
	color: #3E3D39;
}
.LargeTextBox
{
	width: 150px;
	font-size: 8pt;
	color: #3E3D39;
}
.SmallLabel,.MediumLabel,.DollarLabel,.LargeLabel,.DateLabel
{
	width: 75px;
	font-size: 8pt;
	color: #333333;
	border-style: solid;
	border-width: 1;
	border-color: Gray;
}
.MediumLabel
{
	width: 100px;
}
.DollarLabel
{
	width: 100px;
	text-align: right;
}
.LargeLabel
{
	width: 300px;
}
.DateLabel
{
	width: 103px;
}

.ASBcpYearNavigation, .ASBcpMonthNavigation
{
	background-color: #FECB00;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #3E3D39;
	font-weight: bold;
}
.ASBcpDayColumnHeader,
.ASBcpYearNavigation,
.ASBcpMonthNavigation,
.ASBcpCurrentMonthDate,
.ASBcpCurrentMonthDateDisabled,
.ASBcpOtherMonthDate,
.ASBcpOtherMonthDateDisabled,
.ASBcpCurrentDate,
.ASBcpCurrentDateDisabled,
.ASBcpTodayText,
.ASBcpTodayTextDisabled,
.ASBcpText
{
	font-size:8pt;
}
TD.ASBcpDayColumnHeader
{
	text-align:right;
	border:solid thin #cccccc;
	border-width:0 0 1 0;
}
.ASBcpCurrentMonthDate,
.ASBcpOtherMonthDate,
.ASBcpCurrentDate
{
	text-align:right;
	text-decoration:none;
}
.ASBcpCurrentMonthDateDisabled,
.ASBcpOtherMonthDateDisabled,
.ASBcpCurrentDateDisabled
{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.ASBcpCurrentMonthDate
{
	color:#FECB00;
	font-weight:bold;
}
.ASBcpCurrentDate
{
	color: #FFFFFF;
	font-weight:bold;
}
.ASBcpOtherMonthDate
{
	color:#808080;
}
TD.ASBcpCurrentDate
{
	color:#FFFFFF;
	background-color: #FECB00;
	border-width:1;
	border:solid thin #3E3D39;
}
TD.ASBcpCurrentDateDisabled
{
	border-width:1;
	border:solid thin #FFAAAA;
}
TD.ASBcpTodayText,
TD.ASBcpTodayTextDisabled
{
	border:solid thin #cccccc;
	border-width:1 0 0 0;
}
A.ASBcpTodayText,
SPAN.ASBcpTodayTextDisabled
{
	height:20px;
}
A.ASBcpTodayText
{
	color:#3E3D39;
	font-weight:bold;
}
SPAN.ASBcpTodayTextDisabled
{
	color:#D0D0D0;
}
.ASBcpBorder
{
	border:solid thin #3E3D39;
}
.ASBcpCurrentMonthDate A:visited,
.ASBcpCurrentMonthDate A:link,
.ASBcpOtherMonthDate A:visited,
.ASBcpOtherMonthDate A:link,
.ASBcpCurrentDate A:visited,
.ASBcpCurrentDate A:link,
.ASBcpTodayText A:visited,
.ASBcpTodayText A:link,
.ASBcpYearNavigation A:visited,
.ASBcpYearNavigation A:link,
.ASBcpMonthNavigation A:visited,
.ASBcpMonthNavigation A:link
{
    font-size: 8pt;
    color: #3E3D39;
}
.ASBcpCurrentMonthDate A:active,
.ASBcpCurrentMonthDate A:hover,
.ASBcpOtherMonthDate A:active,
.ASBcpOtherMonthDate A:hover,
.ASBcpCurrentDate A:active,
.ASBcpCurrentDate A:hover,
.ASBcpTodayText A:active,
.ASBcpTodayText A:hover,
.ASBcpYearNavigation A:active,
.ASBcpYearNavigation A:hover,
.ASBcpMonthNavigation A:active,
.ASBcpMonthNavigation A:hover
{
    font-size: 8pt;
    color: #B39206;
	background-color: #FECB00;
}
.normal10
{
	font-size: 10pt;
	color:#3E3D39;
}
TEXTAREA
{
	font-size: 10pt;
}
.authorisationTitle
{
	font-size:13px;font-weight:bold; padding-left:2px;
}
.authorisationMessage
{
	font-style:italic;  padding-left:2px;
}
.header
{
    FONT-WEIGHT: bold;
    font-size: 16px;
    color: #333333;
}
.breadcrumb
{
    font-size: 7pt;
    color: #3E3D39;
}
.subhead
{
    FONT-WEIGHT: bold;
    font-size: 15px;
    color: #333333;
    /*font-family: "InterstateBold", Arial !important;
    text-shadow: 0px 0px 1px rgba(0,0,0,.05);*/
}
.sectionhead,.section2head
{
    FONT-WEIGHT: bold;
    font-size: 10pt;
    color: #3E3D39;
    padding: 0px;
}
.section2head
{
    color: #666666;
}
.subheader
{
    font-size: 8pt;
    color: #3E3D39;
}
.smalltext
{
    font-size: 8pt!important;
    color: #3E3D39;
}
TD
{
    font-size: 10pt;
    color: #3E3D39;
}
.intro
{
    font-size: 10pt;
    color: #3E3D39;
}
.section
{
    font-size: 10pt;
    color: #3E3D39;
}
.sectionsmall
{
    font-size: 9pt;
    color: #3E3D39;
}
.mobil
{
    font-size: 8pt;
    color: #3E3D39;
}
TH
{
    font-size: 10pt;
    color: #3E3D39;
}
UL
{
    font-size: 10pt;
    color: #3E3D39;
    LIST-STYLE-TYPE: square
}

OL
{
    font-size: 10pt;
    color: #3E3D39;
  
}
/*
.msg
{
	margin: 14 20 inherit 20; 
	border-bottom: solid 
	border-bottom-color: #FFCC00;
	border-bottom-style: solid;
	border-top-color: #FFCC00;
	border-top-style: solid;
	font-size: 8pt;
	background-color: #f5f5dc;
	text-align: center;
	padding: 5;
}
*/
	
.section2
{
    font-size: 10pt;
    color: #3E3D39;
}
.address
{
    font-size: 9pt;
    color: #3E3D39;
}
.disclaimer
{
    font-size: 8pt;
    color: #3E3D39;
    FONT-STYLE: italic;
}
.copyright
{
    font-size: 8pt;
    color: #3E3D39;
}
.indexrate
{
    font-size: 8pt;
}


.maintitle {color: #3E3D39; font-size: 14px; font-weight: bold; line-height: 16px}
.headertitle{color: #333333; font-size: 13px; font-weight: bold; line-height: 16px}

a.navigation:link { font-size: 8pt; color: #666666;  
  text-decoration: none } 

a.navigation:visited { font-size: 8pt; color: #666666;
  text-decoration: none } 

a.navigation:active { font-size: 8pt; color: #666666;
  text-decoration: none } 

a.navigation:hover { font-size: 8pt; color: #3E3D39;
  text-decoration: none }
a,
a:link,
a:visited,
a:active
{
    font-size: 10pt;
    color: #336799;
    text-decoration: none;
    cursor: pointer;
}

a:hover
{
    font-size: 10pt;
    color: #336799;
    text-decoration: underline;
}

A.glossary:link
{
    font-size: 10pt;
    color: #B39206;
    text-decoration:none;
}
A.glossary:visited
{
    font-size: 10pt;
    color: #B39206;
    text-decoration:none;
}
A.glossary:active
{
    font-size: 10pt;
    color: #3E3D39;
    text-decoration:none;
}
A.glossary:hover
{
    font-size: 10pt;
    color: #3E3D39;
    text-decoration:none;
}

A.footer:link
{
    font-size: 8pt;
    color: #B39206;
    text-decoration: none;
}
A.footer:visited
{
    font-size: 8pt;
    color: #B39206;
    text-decoration: none;
}
A.footer:hover
{
    font-size: 8pt;
    color: #3E3D39;
    text-decoration: none;
}

A.footer:active
{
    font-size: 8pt;
    color: #3E3D39;
    text-decoration: none;
}

.fastnetnote
{
    font-size: 8pt;
    color: #3E3D39;
}
.PageTitles 
{  
    font-size: 14pt; 
    color: #666666;
}

.businessUnit {
	font-size: 15pt; 
	color: #666666; 
}
p
{  
   font-size: 10pt; 
   color: #3E3D39;
}

li 
{  
      font-size: 10pt; 
      color: #3E3D39;
}
.SmallTextBox {width: 75px}

A.blackText:link 
{
    FONT-WEIGHT: bolder;
    font-size:10pt;
    color: #3E3D39;
}

A.blackText:hover 
{
	font-size: 10pt;
    color: #3E3D39;
    FONT-WEIGHT: bolder;
}
A.blackText:active
{
 	font-size: 10pt;
    color: #3E3D39;
    FONT-WEIGHT: bolder;
}
A.blackText:visited
{
 	font-size: 10pt;
    color: #3E3D39;
    FONT-WEIGHT: bolder;
}
A.small:link,A.small:visited,A.small:hover,A.small:active
{
    font-size: 9pt;
    color: #B39206;
}
A.small:hover,A.small:active
{
    color: #3E3D39;
}
/* Paging Styles */
.pagingtable, .pagingtable2 {
margin: 0px 0px;
border-collapse: collapse;
width: 100%;
}
.pagingtable tr td {
border-top:1px solid #555555;
padding:0px;
}
.pagingtable2 tr td {
border-bottom:1px solid #555555;
padding:0px;
padding-bottom:1px;
}
.pagingtable tr td input,.pagingtable2 tr td input {
margin:0px;
padding:0px;
position:relative;
display:block;
}
.pagingtable tr .pagingcaption {
border-bottom:1px solid #555555;
border-top:none;
}
.pagingtable2 tr .pagingcaption {
border-top:1px solid #555555;
border-bottom:none;
}
.pagingtable tr .pagingfirst, .pagingtable2 tr .pagingfirst {
border-left:1px solid #555555;
padding-left:8px;
background-position:1px 0px;
background-repeat: no-repeat;
}
.pagingtable tr .paginglast, .pagingtable2 tr .paginglast {
border-right:1px solid #555555;
padding-right:8px;
background-position:21px 0px;
background-repeat: no-repeat;
}
.pagingitemlink, .pagingitemspace {
background-image:url(/images/tab_bg.gif);
background-repeat:repeat-x;
background-position: 0px 2px;
}
.pagingitemspace div {
display:block;
width:2px;
}
.pagingtable tr .pagingitemlink a, .pagingtable2 tr .pagingitemlink a  {
height:17px;
padding:3px 2px 0px 2px;
font-size:8pt;
color:black;
font-weight:normal;
text-decoration:underline;
display:block;
}
.pagingtable2 tr .pagingitemlink a  
{
	padding-top:2px;
}
.pagingtable tr .pagingitemlink .pageselected, .pagingtable2 tr .pagingitemlink .pageselected {
text-decoration:none;
}
.pagingitemlink a:hover {
color:black;
font-weight:bold;
font-size:8pt;
}
.pagingtable tr .pagingrightspace {
border-bottom:1px solid #555555;
border-top:none;
}
.pagingtable2 tr .pagingrightspace {
border-top:1px solid #555555;
border-bottom:none;
}
.pagingrightspace div {
width:30px;
display:block;
}

.deployInformation
{
    background-image: url(/images/fnb_logo.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 160px;
    height: 100px;
}

/* These are from the homepage list of links */
#homelinks {
    list-style-type:none;
    margin-left:0px;
    padding-left:0px;
    float: left;
    display: block;
    width: 650px;
    margin: 0px 0px 0px 40px;
}

#homelinks li {
    padding-top:2px;
    margin-top:6px;
    margin-bottom:6px;
    clear: none;
    float: left;
    display: block;
    width: 300px;
}

#homelinks li a img {
    display:block;
    float:left;
    margin-right:10px;
}


#homelinks li a span {
    top:5px;
    /*position: relative;*/
}

#homelinks li span {
    top:5px;
    /*position: relative;*/
}


#homelinks a:link,
#homelinks a:link,
#homelinks a:active,
#homelinks a:visited
{
    color: #336799;
    text-decoration: none;
}

#homelinks a:hover
{
    text-decoration: underline;
}

/* Added for Trade Reporting */
TR.normal TH
{
	padding-left: 3px;
	font-size: 8pt;
	color:#3E3D39;
	border-bottom: solid 1px #cccccc;
}
TR.padded
{
	padding-right:10px;
}
TR.bold
{
	font-weight:bold;
}
TR.underlined TD
{
	border-bottom: solid 1px #cccccc;
}
/* End of Added for Trade Reporting */

#tabcontrol  
{
	position:relative;
	margin:0px;
    padding:0px;
    height:19px;
    width:100%;
    list-style-type:none;
    overflow:hidden;
}

#tabcontrol li
{
	margin:0px; 
	display:block;
	float:left; 
	list-style-type:none;
}

TR.ImgWithInsertedText TD  /* For FNBImageButtonWithInsertedText*/
{
    height:19px; 
	font-weight:bold; 
	font-size:8pt;
}

.userprofilesdetailscaption
{
	font-size: 8pt;
	color: #828282;
}

hr.userprofilessectionseparator
{
	color: silver;
	background-color:silver;
	height: 2px;
	border:0px;
}

.subTabWrapper
{
    width: 100%;
    float: left;
}

.subTabWrapper .button,
.subTabWrapper .button:link,
.subTabWrapper .button:focus,
.subTabWrapper .button:hover,
.subTabWrapper .button:active
{
    font-size: 8pt !important;
    font-weight: bold;
    padding: 3px 10px 5px 10px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    color: #444 !important;
    background-image: none;
    cursor: default;
    cursor: pointer;
    margin: 2px 5px 2px 0px;
    display: block;
    float: left;
    clear: none;
    position: relative;
    top: 3px;
    text-decoration: none;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.subTabWrapper .button,
.subTabWrapper .button:link,
.subTabWrapper .button:visited,
.subTabWrapper .button:focus,
.subTabWrapper .button:active
{
    background-color: #eeeeee;
}

.subTabWrapper .button:hover
{
    background-color: #ffffff;
}

.subTabWrapper .button.disabled /* NOTE:  This is the active tab, with white background */
{
    color: #444 !important;
    padding-top: 3px;
    text-decoration: none;
    cursor: default;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #fff !important;
    border-left: 1px solid #999;
    background-color: #fff !important;
}

.subTabWrapper .button.NonSelectedDisabled
{
    color: #8D8D8D !important;
    padding-top: 3px;
    text-decoration: none;
    cursor: default;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999 !important;
    border-left: 1px solid #999;
    background-color: #eeeeee !important;
}

TD.subTabWrapperRow
{
    background-color: #999;
}

.noWrap
{
    white-space: nowrap;
    width: 80;
    text-align: center;    
}

.button,
.button:link,
.button:visited,
.button:focus,
.button:active
{
    font-size: 8pt !important;
    font-weight: bold;
    padding: 3px 10px 5px 10px;
    border-top: 1px solid #bbb;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #bbb;
    color: #444 !important;
    background-image: url(/images/rebrand/button_bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    cursor: default;
    cursor: pointer;
    margin: 2px 5px 2px 0px;
    display: block;
    float: left;
    clear: none;
    position: relative;
    top: -4px;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -webkit-box-shadow: 1px 1px 5px #ccc;
    box-shadow: 1px 1px 5px #ccc;
    text-decoration: none;
 
}
.button:hover
{
    background-image: none;
    background-color: #fff;
}

.linkButton
{
    font-size: 9pt;
    font-weight:normal;
    padding-left: 20px;
    display: inline;
    width: 300px;
    height: 0px;
}

.tableButton,
.tableButton:link,
.tableButton:visited,
.tableButton:focus,
.tableButton:active
{
    font-size: 8pt !important;
    font-weight: bold;
    padding: 3px 10px 5px 10px;
    border-top: 1px solid #bbb;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #bbb;
    color: #444 !important;
    background-image: url(/images/rebrand/button_bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    cursor: default;
    cursor: pointer;
    margin: 2px 5px 2px 10px;
    display: block;
    float: left;
    clear: none;
    position: relative;
    top: 0px;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -webkit-box-shadow: 1px 1px 5px #ccc;
    box-shadow: 1px 1px 5px #ccc;
    text-decoration: none;
}
.tableButton:hover
{
    background-image: none;
    background-color: #fff;
}
/*
.button:hover
{
    margin: 3px 5px 2px 1px;
    border-top: 1px solid #999;
    border-right: 0px solid #666;
    border-bottom: 0px solid #666;
    border-left: 1px solid #999;
    text-decoration: none;
}
*/
.tableButton.disabled
{
    margin: 2px 5px 2px 10px;
    border-top: 1px solid #bbb;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #9bbb99;
    color: #aaa !important;
    text-decoration: none;
    cursor: default;
}

.button.disabled
{
    margin: 2px 5px 2px 0px;
    border-top: 1px solid #bbb;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #9bbb99;
    color: #aaa !important;
    text-decoration: none;
    cursor: default;
}
/*
.tableButton:hover
{
    margin: 3px 5px 2px 11px;
    border-top: 1px solid #999;
    border-right: 0px solid #666;
    border-bottom: 0px solid #666;
    border-left: 1px solid #999;
}
.button:hover
{
    margin: 3px 5px 2px 1px;
    border-top: 1px solid #999;
    border-right: 0px solid #666;
    border-bottom: 0px solid #666;
    border-left: 1px solid #999;
    text-decoration: none;
}
*/
.inlineControlWrapper
{
    float: left;
    display: block;
}

.inlineControlWrapper a.button
{
    top: 0px !important;
    margin-left: 5px;
}

.calendarIcon
{
    margin: 0px 0px 0px 5px;
    position: relative;
    top: 2px;
}

.left
{
    float: left !important;
}

.right
{
    float: right !important;
}

.none
{
    float: none !important;
}

.noClear
{
    clear: none;
}

.radio td
{
    padding-bottom: 4px;
}

td.RightPadded
{
    padding-right:5px;
}

.addLeftMargin
{
    margin-left:5px!important;
}


/*
-----------------------
Rebranding 2013
-----------------------
*/
#header-container {
	background-position: left top;
	background-color: #000;
	border-bottom: 3px solid #fff;
}

#headerLeft
{
    margin-left: 0px;
    padding-left: 0px;
	height: 86px;
	width: 234px; /* Ensure the tabs do not overlap */
	background-image: url(../images/rebrand2013/fnb-sprite-v2.png);
	background-position: left;
	float: left;
	background-repeat: no-repeat;
}

#headerRight
{
    margin-left: 0px;
    padding-left: 0px;
	height: 86px;
	width: 391px; /* Ensure the tabs do not overlap */
	background-image: url(../images/rebrand2013/fnb-sprite-v1.png);
	background-position: right;
	float: right;
	background-repeat: no-repeat;
}

#header 
{
    width: 100%;
	overflow: visible;
	min-width: 1024px;
	margin: 0 auto;
	background-image: url(../images/rebrand2013/fnb-header-repeater-bg.gif);
	background-repeat:repeat-x;
	height: 86px;
	/**
	position: relative;
	height: 86px;
	min-width: 994px; 
	background-image: url(../images/rebrand2013/fnb-sprite-v1.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
    **/
	font-size: 0;
}

#header-scroll-left {
    position: absolute;
    background: url("../images/header-left-repeater.gif"); /* Ensure left*/
    background-repeat: repeat-x;
    width: 50%;
    height: 86px;
}

#header a.logo {
	position: absolute;
	top: 18px;
    left: 47px;
}

a.logo {
    display: block;
	width: 102px;
	height: 28px;
	text-indent: -999em;
	background: url(../images/rebrand2013/ASB-logo-2013.png) no-repeat;
}

/* 2013 rebrand - new  navigation styles 
*******************************/
#menu-position {
    position: absolute;
    left: 34px;
    top: 61px;
    min-width: 800px;
}

#menu-position a {
    outline: none; /* get rid of dotted borders in FireFox */
    /*text-indent: -5000px ; this move the text outside of the screen area */
    margin: 0;
    height: 22px;
    text-decoration: none;
    padding-top: 3px;
    font-family: Calibri, Gill Sans, Trebuchet MS, Sans-serif !important;
    color: #fff;
    font-size: 11pt !important;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    margin-left: -17px !important;
    background: url("../images/rebrand2013/asb.co.nz-ultimate-sprite-v7.png");
    background-repeat: no-repeat;
    background-position: 0 -87px; /* Dark grey tab */
}

.overlay {
    position: absolute;
    width: 17px;
    height: 25px;
    margin-left: -17px;
    display: inline-block;
}
 
#menu-position .overlay {
    width: 17px;
    height: 25px;
    margin-left: -17px; /* Same as anchor margin-left */
}

#menu-position a#Home {
    width: 100px;
}

#menu-position a#TransactionalBanking {
    width: 184px;
}

#menu-position a#ProfessionalTrust {
    width: 160px;
}

#menu-position a#FinancialMarkets {
    width: 162px;
}

#menu-position a#Administration {
    width: 154px;
	background-position: -690px -87px;
    color: #fff;
}

#menu-position a#Administration:hover {
	background-position: -690px -115px;
    color: #fff;
}

#menu-position a#Administration:active {
    background-position: -690px -115px;
    color: #fff;
}

#menu-position a#Administration.current {
	background-position: -690px -143px;
    color: #000;
}

#menu-position a.disableAll {
    color: #999;
    background-position: 0 -143px;
}

#menu-position a:hover {
    background-position: 0 -115px;
    color: #fff;
}
 
#menu-position a:active {
    background-position: 0 -115px;
    color: #fff;
}

#menu-position a.current{
	background-position: 0 -143px;
    color: #000;
}

#panel-contact 
{
	right: 1px;
    z-index: 2; /* Above hero image and login button */
}

/* ----------
		3.2 Subnavigation
---------- */
#sub-navigation {
	position: relative;
	background: #fff;
	z-index: 1;
}

#sub-navigation ul {
	overflow: hidden;
}

#sub-navigation li {
	float: left;
	padding: 3px 18px 0 0;
	height: 33px;
	font-size: 12px;
	line-height: 35px;
}

#sub-navigation li:first-child {
	padding-left: 135px;
}

#sub-navigation li a {
	display: block;
}




/* ----------
		3.4 Header Actions
---------- */
#header-actions 
{
    width:242px;
    position: absolute;
    right: 29px;
    /*margin-right: -220px;*/
    top: 60px;
    height: 26px;
    font-family: Calibri, Gill Sans, Trebuchet MS, Sans-serif !important;
    font-size: 12pt;
    
	/*bottom: 0;*/
	/*
	*
	* Opera is super awesome and doesn't like bottom: 0,
	* if you use this it'll break the last option
	* of the header login select dropdown
	*
	*/
	overflow: visible;
}


.ctmTooltip
 {
     width: auto;
     border: 1px;
 }
 
 .ctmTooltip .ui-tooltip-content
 {
     background-color: #E3E4F2;
     border-color: #246AC2;
     font-family: Arial;
     font-size: 11px;
        color: #000000;
 }

.ctmTooltipWithImage
 {
     width: auto;
     border: 1px;
 }
 
 .ctmTooltipWithImage .ui-tooltip-content
 {
     background-color: #E3E4F2;
     border-color: #246AC2;
     font-family: Arial;
     font-size: 11px;
        color: #000000;
        vertical-align: middle;
        text-align: center;
 }
 
.toolTipItem li a:hover{
    background-color: white;
   
}

#header-actions .action-containerContactUs {
	position: relative;
	float: left;
	margin: 0 0 0 15px;
}

#header-actions .action-containerLogIn {
	position: relative;
	float: left;
	margin: 0 0 0 -42px;/* 0 0 0 6px*/
}

.action-containerContactUs .overlay
{
    width: 17px;
    height: 26px;
    margin-left: -16px;
}

.action-containerLogIn .overlay 
{
    width: 17px;
    height: 26px;
    margin-left: -1px;
}

#header-actions .action-containerContactUs a.action:hover, #header-actions .action-containerContactUs a.action:active {
    text-decoration:none;
    background-position: -276px -113px;
}

#header-actions .action-containerLogIn a.action:hover, #header-actions .action-containerLogIn a.action:active {
    text-decoration:none;
    background-position: -405px -113px;
}

#header-actions .action {
	display: block;
	line-height: 26px;
	color: #fff;
    font-size: 10pt !important;
    font-family: Calibri, Gill Sans, Trebuchet MS, Sans-serif !important;
}

#header-actions .action-contact {
   width:110px;
   background: url("../images/rebrand2013/asb.co.nz-ultimate-sprite-v7.png") -276px -87px no-repeat;
   margin-left: -25px;
}

#header-actions .action-login {
	width:90px;
    background: url("../images/rebrand2013/asb.co.nz-ultimate-sprite-v7.png") -405px -87px no-repeat;
}

#header-actions .action-contact span {
	/*padding-left:30px !important;*/
	background-image: url("../images/rebrand2013/dropDown-triangle.png");
	background-repeat: no-repeat;
	background-position: right;
	margin-left:30px;
	padding-right: 20px;
}

#header-actions .action-login span {
	color:#000 !important;
	padding-left: 35px !important;
}