/* page background colour */
BODY {background-color: #FFFFFF;}

/* container border colour */
TABLE.stdOuterBox {
	border-color: #000066;
}

/* container header-bar colour */
TD.outerBoxHLeft, TD.outerBoxHRight {
	background-color: #000066;
}

TABLE.stdOuterBox, TABLE.stdInnerBox, TABLE.stdInnerTable, TABLE.bestbuyInnerBox, TABLE.tabBox, TABLE.emptyOuterBox {
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* TABLE COLOURS */
/* header row */
TR.innerTopRow {
	background-color: #FFFFFF;
}

/* table lines */
.spacer {background-color: #BDBACE;}

/* inset background colour */
TABLE.stdInnerBox {
	background-color: #EFEFF7;
}

/* inset border colour */
TABLE.stdInnerBox {
	border-color: #BDBACE;
}

/* Table data row */
/* background colour */
TABLE.stdInnerTable {
	background-color: #EFEFF7;
}

/* border colour */
TABLE.stdInnerTable {
	border-color: #BDBACE;
}

/* Best Buys */
/* best buy border colour */
TABLE.bestbuyInnerBox, TABLE.emptyOuterBox {
	border-color: #BDBACE;
}

/* best buy table header row colour */
TR.bestbuyinnerTopRow {
	background-color: #EFEFF7;
}

/* best buy table row colour */
TABLE.bestbuyInnerBox {
	background-color: #FFFFFF;
}

/* Pre-logon Tabs (see fonts section) */

/* Secure Tabs */
/* inactive tab, inactive navigation button background */
TABLE.tabBox, TD.naviLink, TD.naviLinkHover {
	background-color: #D5DAF4;
}

/* active navigation button */
TD.naviLinkSelected	{cursor: default; background-color: #FFFFFF;}

/* tab border colour, navigation button border colour */
TD.naviLink, TD.naviLinkSelected, TD.naviLinkHover, TABLE.tabBox,TABLE.tabBoxSelected {
	border-left: solid 1px #868999;
	border-right: solid 1px #868999;
	border-top: solid 1px #868999;
}

TD.naviLink, TD.naviLinkSelected, TD.naviLinkHover, TABLE.tabBox {
	border-bottom: solid 1px #868999;
}

/* default navigation button style */
TD.naviLink,
TD.naviLinkSelected,
TD.naviLinkHover {
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	text-align: center;
	cursor: hand;
}

/* spacer between secure tabs */
TABLE.tabSpacer {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #6B6B6B;
}

/* empty tab with secure message and email message counters */
TABLE.utilityTab {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #6B6B6B;
}

/* Secure Messaging */
/* inbox table hover row background */
TR.rollover {
	background-color: #DDDDFF;
}

/* inbox table row background */
TR.message {
	background-color: #FFFFFF;
}

/* editable fields */
SELECT {background: #FFFFFF;}
CHECKBOX {background: #333366;}
TEXTAREA {
	background: #FFFFFF;
	padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px;
	border: solid;
	border-width: 1px;
}

INPUT {
	background-color: #F7F7F7;
}

TABLE.bestbuyad {
	border-color: #000066;
}

/* *************************************************/
/* FONTS                                           */
/* *************************************************/

/* Container Header */
TD.outerBoxHLeft, TD.outerBoxHRight {
	color: white;
}

TD.outerBoxHRightFlash {
	background-color: #000066;
	color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

/* left header */
TD.outerBoxHLeft {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
}

a:hover.outerBoxHLeftLink {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: blue;
}

/* right header */
TD.outerBoxHRight {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

TABLE.stdInnerTable {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    font-weight: normal;
}

a.stdInnerTableLink,
a:visited.stdInnerTableLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: normal;
	text-decoration: underline;
}
a:hover.stdInnerTableLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #994040;
	font-weight: normal;
	text-decoration: underline;
}

/* header row */
TR.innerTopRow {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color : #blue;
}

/* best buy table header row colour */
TR.bestbuyinnerTopRow {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color : #blue;
}

/* best buy table row colour */
TABLE.bestbuyInnerBox {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000066;
}

A.bestbuyRowLink,
A:visited.bestbuyRowLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	font-weight: normal;
	text-decoration: underline;
}
A:hover.bestbuyRowLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #994040;
	font-weight: normal;
	text-decoration: underline;
}

/* editors choice row */

A.editorChoiceRowLink,
A:visited.editorChoiceRowLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}
A:hover.editorChoiceRowLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #994040;
	font-weight: bold;
	text-decoration: none;
}
/* secure message */

TR.message {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    font-weight: normal;
}
TR.rollover {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
    font-weight: normal;
}

/* email message sprinbgboard link */
a.messageLink, a:visited.messageLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: normal;
	text-decoration: underline;
}

a:hover.messageLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #994040;
	font-weight: normal;
	text-decoration: underline;
}

/*color: #000066 color: #994040; */
/* label text */
TD.fieldLabel {
    font-family: arial, helvetica, sans-serif;
    color: #333366;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1px;
    padding-right: 5px;
    vertical-align: middle;
}

/* non-editable field text */
TD.nonEditablefield {
    font-family: arial, helvetica, sans-serif;
    color: #333366;
    font-weight: normal;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1px;
    padding-right: 1px;
    text-transform: capitalize;
}

/* secure tabs and navigation buttons inactive */
TD.naviLink, TD.naviLinkSelected {
	color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/* active navigation buttons */
TD.naviLinkHover {
	color: #994040;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/* add accounts provider links */
A.addProvider, A:visited.addProvider, A:hover.addProvider {
        font-family: arial, helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}

/* editable fields */
SELECT {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: 333366;
    text-decoration: none;
}

CHECKBOX {
    font-family: Tahoma;
    font-size: 8px;
    font-weight: normal;
    color: 333366;
    text-decoration: none;
}

TEXTAREA {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;;
}

INPUT {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;
	background-color: #F7F7F7;
}

/* step indicator */
.selectedheaderText {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000066;
}
    
.unselectedheaderText {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #6D7B8D;
}

/* best buy table headers */
A.headinglink, A:visited.headinglink, A:hover.headinglink {
    font-family: arial, helvetica, geneva;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}

A:hover.headinglink {
	color: #FFFF00;
}


/* error msgs for myview */
.error {
	font-family: arial, helvetica, sans-serif;
	color: #FF0000;
	font-size: 12px;
}

A.errorLink, A:hover.errorLink, A:visited.errorLink {
	font-family: arial, helvetica, sans-serif;
	color: #0000FF;
	text-decoration: underline;
}

A:hover.errorLink {
	color: #994040;
}

/* pre-logon tab */
.pageTabLink, A.pageTabLink, A:visited.pageTabLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: 000066;
	text-decoration: none;
}

A:hover.pageTabLink {
	color: #994040;
	text-decoration: underline;
}

.pageTabLinkSelected, A.pageTabLinkSelected, A:visited.pageTabLinkSelected {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: 000066;
    text-decoration: none;
}

A:hover.pageTabLinkSelected  {
    color: 994040;
    text-decoration: underline;
}

/* inactive post-logon tab */
A.secureTabLink,
A:visited.secureTabLink {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #000066;
    }
A:hover.secureTabLink {
     color: #994040;
}

/* active post-logon tab */
A.secureTabLinkSelected,
A:visited.secureTabLinkSelected,
A:hover.secureTabLinkSelected {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #000066;
}

/* comparison links */
A.comparisonLink,
A:visited.comparisonLink {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #000066;
    font-size: 12px;
     text-decoration: underline;
}

A:hover.comparisonLink {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #994040;
    font-size: 12px;
	text-decoration: underline;
}

/* misc page headers */
.headerText {
    font-family: arial, helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #333366;
}

.sectionHeaderText {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333366;
}

/* page header text */
.pageHeaderText {
    font-family: arial, helvetica, sans-serif;
    color: #333366;
    font-size: 12px;
    font-weight: normal;
}

a.pageHeaderText,
a:visited.pageHeaderText {
    font-family: arial, helvetica, sans-serif;
    color: #333366;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

a:hover.pageHeaderText {
    font-family: arial, helvetica, sans-serif;
    color: #994040;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;

}

.welcomeHeader {
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: strong;
    color: #333366;
}

.welcomeText {
    font-family: arial, helvetica, sans-serif;
    color: #333366;
    font-size: 12px;
    font-weight: normal;
}

a.welcomeLink,
a:visited.welcomeLink	{
    font-family: arial, helvetica, sans-serif;
    color: #333366;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

a:hover.welcomeLink {
    font-family: arial, helvetica, sans-serif;
    color: #994040;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline
}

.standardText 	{
    font-family: arial, helvetica, sans-serif;
    color: #333366;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

a.standardLink,
a:visited.standardLink	{
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #0000FF;
}

a:hover.standardLink {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #994040;
}

a.messageNavigLink,
a:visited.messageNavigLink {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000066;
    text-decoration: none;
}

a:hover.messageNavigLink {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #994040;
    font-weight: bold;
    text-decoration: underline;
}

/* 'please wait, loading...' text */
.loadingText {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: 808080;
}

/* miscellaneous errors */
.error { color: #FF0000;}

/* provider on add accounts page */
TR.addProvider {
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

/* defaults */
UL.circle {list-style-type: circle;}


IMG {border: 0;}

/* *************************************************/
/* styles used in header, footer and channels area */
/* *************************************************/
TR.footer, TD.footer {
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000066;
	color: white;
	font-size: 9px;
}

A.footerlink, A:visited.footerlink, A:hover.footerlink {font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;color: FFFFFF; text-decoration: none;}

A:hover.footerlink {color: #DDDDDD;}

.compareHeader {
	font-weight: bold; font-size: 12px; color: #000000; font-family: Tahoma,Arial, Helvetica, Geneva; text-decoration: none;
}

A.channelLink, A:visited.channelLink, A:hover.channelLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-left: 2px;
}

A:hover.channelLink {color: #994040;}

TR.channelBackground {background-color: #EDEDED; height: 15px;}