/* ------------------------------------------------------------
                                BRAND = Westpac
                          Layout-Controls Override
------------------------------------------------------------ */


/********** Common Rules */ 
body {font-size: 100%; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #46403b/*text-body*/; background-color: #fff/*background-body*/;} 

h1, h2, h3, h4, h5, h6 {color: #46403b/*text-heading*/;}

h1 {font-size: 2em/*24px*/; line-height: 0.83em/*20px*/;}
h2 {font-size: 1.5em/*18px*/; line-height: 1.0em/*18px*/;}
h3 {font-size: 1.17em/*14px*/; line-height: 1.0em/*14px*/;}
h4 {font-size: 1em/*12px*/; line-height: 1.0em/*12px*/;}


a {color: #46403b/*link-body*/;}
a:hover {color: #bb1903/*link:hover-body*/;}


/********** MasterPage */
#Body, .OutsideBody {font-size: .75em/*12px*/;} /*.OutsideBody is for controls rendered outside of the #Body div (eg security search dialog) */
#HeaderContainer, #Header {background: #000/*background-header*/;}
#Footer {font-size: .83em/*10px*/; color: #46403b/*text-footer*/ ;}


/********** Homepage */
div#HomePageWrap {font-size: .92em/*11px;*/}
div#HomePageWrap h3, div#HomePageWrap table.Widget caption {font-size: 1.09em/*12px;*/}
ul.HomePanel li h2 {border-bottom: 1px solid #dedcda/*border*/; font-size: 1.17em/*14px;*/}


/********** Origination */
ul.Steps li.Selected {color: #fff/*text-orgination-step-selected*/;}
ul.OrginationPanel li h2 {color: #fff/*text-orgination-step-selected*/;}


/* ------------------------------------------------------------
                              Controls Override
------------------------------------------------------------ */


/********** Content Panel - Field Panel Control List */
div.FieldPanel ul li.FirstItem {border-top: solid 1px #eee/*border-separator*/;}
div.FieldPanel ul li.LastItem {border-bottom: 1px solid #eee/*border-separator*/;}
div.FieldPanel ul li.Separator {border-top: solid 1px #eee/*border-separator*/;}
div.Footer {font-size: .83em/*10px*/; border-top: solid 1px #eee/*border-separator*/;}
div.RequiredField {font-size: .83em/*10px*/; color: #bfc4c9/*text-required-field*/;}


/********** Panel */
.DisclaimerPanel {font-size: .83em/*10px*/;} 


/********** Buttons */
div.ButtonPanel {border-top: solid 1px #eee/*border-separator*/;}
div.NoSeparator {border-top: none;}
div.CbaButton input.button, div.CbaButton a.LinkButton, .DynamicTableButton button {color: #fff/*text-button*/; font-size: .92em/*11px;*/; font-family: Verdana;}


/********** Tables / GridView */
/*Layout*/
table, .Grid {border: solid 1px #dedcda/*border*/;}

/*Caption*/
table caption, table caption h3, table caption h4, .GridHeading th, .GridHeading th h3, .GridHeading th h4 {font-size: 1em; line-height: 1em;}
table caption {border: solid 1px #dedcda/*border*/; color: #46403b/*table-text-caption*/;}
.GridHeading th {border: solid 1px #dedcda/*border*/; border-bottom: solid 1px #dedcda/*border*/; color: #46403b/*table-text-caption*/;}
.GridHeaderRow a:hover {background-color: #eeedec/*table-gv-bg-link:hover*/;}

/*Header*/
th {border: solid 1px #dedcda/*border*/; background-color: #eeedec/*table-bg-row-header*/; color: #46403b/*table-text-row-header*/;}

/*Section Header*/
.SecondLevelHeading, .SectionHeaderRow {background-color: #ccc/*table-bg-row-header-second-level*/; color: #46403b/*table-text-row-header-second-level*/;}
.SectionHeaderRow td {border-bottom: solid 1px #dedcda/*border*/;}
div#MarketDepth .GridHeading th {background: #ccc/*table-bg-row-header-second-level*/ none repeat scroll 0 0;}

/*Rows and Cells*/
tr {background-color: #fff/*table-bg-row*/;}
tr.AltTableRow, .GridAlternateRow {background-color: #eeedec/*table-bg-row-alt*/;}  
td, .GridRow td, .GridAlternateRow td {border-right: solid 1px #dedcda/*border*/; border-left: solid 1px #dedcda/*border*/;}

/*Footer*/
table tr.TableFooter, .TotalRow td, .GridFooterRow td, .GrandTotalRow td, .GSTRow td {border: solid 1px #dedcda/*border*/; background-color: #eeedec/*table-bg-row-footer*/;}
table tr.TableFooter td {border: solid 1px #dedcda/*border*/;}

/*Pager*/
.Pager {font-size: .92em/*11px;*/; border: solid 1px #dedcda/*border*/}
.Pager td {border-top: solid 1px #dedcda/*border*/;}
.PagerButton, .PagerButtonEnd {border: solid 1px #dedcda/*border*/}    

/*Other Tables - Non Table/Grid Control*/
table.OrderEstimate, table.OrderQuote, table.Widget {font-size: .92em/*11px;*/;}
table.OrderEstimate caption, table.OrderQuote caption, table.Widget caption {font-size: 1em/*11px;*/; line-height: 1.09em;/*12px;*/;}

table.OrderEstimate {border-bottom:none;}
table.OrderEstimate tr.TableFooter {background-color: #fff/*table-bg-row*/;}   
table.OrderQuote caption {background: #eeedec/*table-bg-row-header*/;}
table.Widget td, table.Widget th {border: none;}
table.Widget th {border-bottom: solid 1px #dedcda/*border*/;}

/*Other*/
td.Selected, tr.Selected {background-color: #f4f4f4/*table-bg-cell-selected*/;}
.GridSelectedRow td {background-color:#b5b5b5/*table-bg-row-link:hover*/; color:#fff/*background-body*/;}
.GridSelectedRow td div.SecurityLinksStrip {color: #46403b/*text-body*/;}

.OptionsOut {background-color: #fff/*table-bg-cell-options-out*/;}
.OptionsIn {background-color: #ccc/*table-bg-cell-options-in*/;}
.OptionsAt {background-color: #eee/*table-bg-cell-options-at*/;}
.OptionsKey {border: solid 1px #dedcda/*border*/;}


/********** AsAtDate */
.AsAtDate {font-size: 10px; line-height:14px;}


/********** Tab Strip */
div.TabStrip ul li {border: solid 1px #d3d0ce/*tab-border*/; font-size: .92em/*11px;*/;}
div.TabStrip ul li a {color: #46403b/*tab-link*/;}
div.TabStrip ul li a:hover {color: #bc1903/*tab-link:hover*/;}
div.TabStrip ul li.tab-active {border-bottom: solid 1px #fff/*background-body*/; background-color: #fff/*tab-bg-active*/;}
div.TabStrip ul li.tab-active a {color: #bc1903/*tab-link:active*/;}
div.TabStrip ul li.tab-inactive {background-color: #d3d0ce/*tab-bg*/;}


/********** Left Right Panel */
.solid {border: solid 1px #dedcda/*border*/; color: #46403b/*text-heading*/;}


/********** Third Party links  */
.AdobeDownloadPanel, .WMPDownloadPanel {font-size: .92em/*11px;*/;}


/********** Show/Hide Panel */
div.ShowHidePanelBar {border-bottom: dashed 1px #dedcda/*border*/;}
div.ShowHidePanelHidden div.ShowHidePanelBar a, div.ShowHidePanelHidden div.ShowHidePanelBarBoxed a {color: #46403b/*text-heading*/;}
div.ShowHidePanelVisible div.ShowHidePanelBar a, div.ShowHidePanelVisible div.ShowHidePanelBarBoxed a {color: #46403b/*text-heading*/;}
div.ShowHidePanelBarBoxed {border: solid 1px #dedcda/*border*/;}


/********** Panel */
div.Boxed {border: solid 1px #dedcda/*border*/;}
div.Boxed h3 {font-size: 1em; border-bottom: solid 1px #dedcda/*border*/; color: #46403b/*text-heading*/;}
div.BoxedWidget h3 {font-size: 1em; border-bottom: solid 1px #dedcda/*border*/; color: #46403b/*text-heading*/;}
div.BoxedWidget {border: solid 1px #dedcda/*border*/; font-size: .92em/*11px;*/;}
div.BoxedWidget div.BoxedWrapper {background-color: #fafafa/*background-widget*/;}
div.BoxedWidget div.BoxedWrapper table tr {background-color: #fafafa/*background-widget*/;}



/********** Security Links */
div.SecurityLinks a {color: #221e1a/*security-links-link*/; font-size: 11px/*fixed font size*/;}
div.SecurityLinks a:hover {color: #bc1903/*security-links-link:hover*/;}
div.SecurityLinksStrip {border: 1px solid #dedcda/*border*/;}
div.SecurityLinksStrip.Widget {border: 1px solid #dedcda/*border*/;}
div.SecurityLinksPanel {border:solid 1px #dedcda/*border*/; background-color: #fff/*background-body*/; border-top:none;}
div.SecurityLinksPanel.Widget {border:solid 1px #dedcda/*border*/; background-color: #fff/*background-body*/; border-top:none;}
div.SecurityLinksPanel li.Alt {background-color: #dedcda/*security-links-row-alt*/; border-top: 1px solid #fff/*security-links-separator*/;}    
div.SecurityLinksPanel li.Row {background-color: #dedcda/*security-links-row*/; border-top: 1px solid #fff/*security-links-separator*/;}
div.SecurityLinksPanel li.Select {background-color: #b5b5b5/*security-links-selected*/; border-top: 1px solid #fff/*security-links-separator*/;}


/********** Information Panel */
div.InfoPnl {border: solid 1px #969696/*border-infopanel*/;}


/********** Login Control */
div.LoginControl {border: 1px solid #221e1a/*login-border*/; color: #999/*login-text*/;}
div.LoginFooter ul.FieldPanelHorizontal a, div.LoginFooter ul.FieldPanelHorizontal a:hover {color:#999/*login-text*/;}
div.AuthRetailHeader a, div.AuthRetailHeader a:hover, div.AuthAdvisorHeader a, div.AuthAdvisorHeader a:hover {color:#999/*login-text*/;}
div.AuthAdvisorFooter ul.FieldPanelHorizontal a, div.AuthAdvisorFooter ul.FieldPanelHorizontal a:hover {color: #999/*login-text*/;}


/********** Security Search Control *//*Overide for YUI Container.css and Datatable.css*/
.yui-skin-sam .yui-panel {border: solid 1px #46403b/*border-popup*/;}
.yui-skin-sam .yui-panel .hd {border-bottom: solid 1px #dedcda/*border*/; color: #46403b/*table-text-caption*/;}
.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft {background-color:#fff/*background-body*/; color: #46403b/*text-body*/;}
.yui-dt-odd {background-color: #eeedec/*table-bg-row-alt*/;}
.yui-dt-highlighted, .yui-dt-selected {background-color:#b5b5b5/*table-bg-row-link:hover*/; color:#fff/*table-text-row-link:hover*/;} 


/********** Menu */
/*styles common to both flyout and cascade menus*/
ul.menu {border-color: #fff/*menu-border*/;}
ul.menu li {border-bottom:1px solid #fff/*menu-border*/;}
ul.menu li a {color:#46403b/*menu-text-level-1*/;}
ul.menu li a.fly:hover {color: #bc1903/*menu-text-selected*/;}
ul.menu li a:hover {color:#46403b/*menu-text-level-1*/;}/*for IE6*/
ul.menu li ul a {background-color:#eeedec/*menu-bg-level-2*/; color: #46403b/*menu-text-level-2*/;}
ul.menu li ul a:hover {background-color:#b5b5b5/*menu-bg-selected*/; color: #bc1903/*menu-text-selected*/;}
ul.menu li ul a.selected {background-color:#fff/*menu-bg-on*/; color:#bc1903/*menu-text-on*/;}
ul.menu li ul a.open:hover {background-color:#b5b5b5/*menu-bg-selected*/;}
ul.menu li ul ul a {background-color:#fff/*menu-bg-level-3*/; color: #46403b/*menu-text-level-3*/;}
ul.menu ul ul ul a {background-color: #fff/*menu-bg-level-4*/; color: #46403b/*menu-text-level-4*/;}
/*cascade menu specific*/
ul.cascade li a {border-bottom: 1px solid #fff/*menu-border*/;}
ul.cascade li {border-bottom: none;}
.FourthLevelNav {border: 1px solid #fff/*menu-border*/; background-color: #fafafa/*background-widget*/;}


/********** Sitemap */
#SiteMap a, #SiteMap a:hover {color:#46403b;/*menu-text-level-1*/}
#SiteMap div.Column ul {color: #46403b/*menu-text-level-1*/;}
#SiteMap div.Column li {border-left: solid 1px #fff/*menu-border*/; border-right: solid 1px #fff/*menu-border*/; border-top: solid 1px #fff/*menu-border*/; border-bottom: solid 1px #fff/*menu-border*/;}
#SiteMap div.Column ul li ul li {background-color: #eeedec/*menu-bg-level-2*/; color: #46403b/*menu-text-level-2*/; border-left: none; border-right: none; border-bottom: none;}
#SiteMap div.Column ul li ul li ul li {background-color: #fff/*menu-bg-level-3*/; color: #46403b/*menu-text-level-3*/;}
#SiteMap div.Column ul li ul li ul li ul li {background-color: #fff/*menu-bg-level-4*/; color: #46403b/*menu-text-level-4*/;}


/********** BreadCrumbs */
div.BreadCrumbs {font-size: .75em/*10px*/;}


/********** Labels */
.HintText {color: #999/*text-hint*/; font-size: .83em/*10px*/;}
.DisclaimerText {font-size: .83em/*10px*/;}


/********** Calendar */
.yui-calcontainer {border: 1px solid #46403b/*border-popup*/; background-color:#fff/*background-body*/;}
.yui-calendar td.calcell a {color: #46403b/*link-body*/;}
.yui-calendar td.calcell.calcellhover {background-color:#46403b/*link-body*/; border: 1px solid #46403b/*link-body*/;}
.yui-calendar td.calcell.calcellhover a {color:#fff/*background-body*/;}
.yui-calendar a.calnav {color: #46403b/*link-body*/;}
.yui-calendar a.calnav:hover {color: #46403b/*link-body*/;}


/********** Validation */
div.inside {border-left: 1px solid #9e9e9e/*border-validation*/; border-right: 1px solid #9e9e9e/*border-validation*/; background: #eee/*background-validation*/;}
p.message {color: #46403b/*text-validation*/;}


/********** Help */
div.inside-help {border-left: 1px solid #9e9e9e/*border-help*/; border-right: 1px solid #9e9e9e/*border-help*/; background: #eee/*background-help*/;}
p.message-help {color: #46403b/*text-help*/;}


/********** Quote */
div.Quote {border: solid 1px #dedcda/*border*/; font-size: .92em/*11px;*/;}


/********** StrengthBar */
.StrengthBar {border: solid 1px #dedcda/*border*/;}


/********** QuoteBar */
div.QuoteBar {border: solid 1px #dedcda/*border*/; color: #46403b/*text-heading*/;}
div.QuoteBar li span.Pipe {border-right: solid 1px #46403b/*text-body*/;}

div.QuoteBarMain {border-bottom: solid 1px #dedcda/*border*/;}
div.QuoteBarDetails {font-size: 19px/*fixed font size*/;}

div.QuoteBarFooter {background-color: #eeedec/*table-bg-row-header*/; font-size: 11px/*fixed font size*/;}
div.QuoteBarFooter .AsAtDate {font-size: 11px/*fixed font size*/;}


/********** News */
ul.News ul.TwoColumn li.First img {border: solid 1px #dedcda/*border*/;}
ul.News .Title {font-size: 1.17em/*14px*/;}
ul.News li.NewsHighlight {background-color: #eeedec/*table-bg-row-alt*/;}
div.BoxedWrapper ul.News .Title {font-size: 1em;}


/* ------------------------------------------------------------
                                Westpac Specific
------------------------------------------------------------ */


/********** MasterPage */
#ContentContainer {background: none;}
#ContentContainerFooter {background: none;} 
#Footer .FloatRight {background: none;}


/********** Logos and Header */
#HeaderContainer {background: url(../images/backgrounds/bg-body.png) center top repeat-y;}
#Header {background: url(../images/backgrounds/bg-header.png) no-repeat;}
#Header #Logo {width: 359px; padding: 24px 0 0 28px;}
#Header #Logo a {height: 52px; background: url(../images/logos/logo-header.png) no-repeat;}


/********** Homepage *//* changes for different header styles */
ul.HomePanel li h2 {border: none; font-size: 1.33em /*16px*/; line-height: 1.33em /*16px*/; font-weight: normal;}
ul.HomePanel.Half li {padding: 10px 0 10px 10px; width: 269px; background: url(../images/backgrounds/bg-homepage-panel-half.png) 10px top no-repeat;}
ul.HomePanel.Half li.First {padding: 10px 10px 10px 0; background: url(../images/backgrounds/bg-homepage-panel-half.png) left top no-repeat;}
ul.HomePanel.Full li {width: 176px;}
div.TextPanel ul.HomePanel.Full li.First {margin-left: 0;}
ul.HomePanel.Full li img {height:70px; width: 172px; border: solid 1px #dedcda/*border*/;}
ul.HomePanel.Half ul li {width: 220px;}
ul.HomePanel.Half li.Second {background: url(../images/backgrounds/bg-homepage-panel-half2.png) 10px top no-repeat;}


/********** Footer */
#FooterContainer {background: url(../images/backgrounds/bg-body.png) center top repeat-y;}
#Footer {background: url(../images/backgrounds/bg-footer.png) no-repeat; height: 146px; padding-top: 0px;}
#Footer .FloatLeft {padding: 30px 0 0 15px;}
#Footer .FloatRight {padding: 20px 0 0 0; text-align:left;}
#Footer .FloatRight .FloatLeft {padding: 0;}


/********** Other */
a {text-decoration: underline;} /*links*/
a[disabled] {text-decoration: none;} /*links*/
div.CbaButton input.button, div.CbaButton a.LinkButton, .DynamicTableButton button {padding-bottom: 6px;} /*fix button alignment as the bg images are a differnet size */

.RightClickMenu {border: solid 1px #dedcda/*border*/; color: #46403b/*text-heading*/; text-align: left; background-color: #dedcda/*security-links-row*/; }
.RightClickMenu li {list-style: none;}

H3.SectionHeading {font-size: 1.17em/*14px*/; line-height: 1.17em/*14px*/; font-weight: normal; border-top: 1px solid #641a4b/*other-header-border*/; width: 100%; margin-top:20px; padding: 10px 0px 10px 0px;}


/********** QuickLinkBoxes */
div.QuickLinkBoxes {border-top: 2px solid #641a4b/*other-header-border*/; border-bottom: 2px solid #641a4b/*other-header-border*/; float: left; padding-bottom: 10px; margin-bottom: 20px; width: 787px;}
div.QuickLinkBoxes h3 {font-weight:normal;}   
div.QuickLinkBoxes ul {margin: 0; float: left;}
div.QuickLinkBoxes li {display:block; width: 172px; float:left; padding-left:20px; }
div.QuickLinkBoxes div.Demo {text-align: center; line-height:30px;}
div.QuickLinkBoxes div.Demo a {background-image: url(../images/icons/icon-take-tour.png); background-repeat: no-repeat; background-position: right; padding-right: 22px;}