/*
 * Style sheet loading order is:
 * ie_style.css
 * new_style.css
 * w3c.css
 * 
 * Therefore set-up default or global styles here
 */

BODY {
    background-color: rgb(255, 255, 255);
    color: rgb(102, 102, 102);
    margin: 7px 18px 18px 7px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

DIV {
    color: rgb(102, 102, 102);
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

TABLE {
    clear: both;
    color: rgb(102, 102, 102);
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

IMG {
    border-width: 0px;
}

DIV.ddaInfo {
    display: none;
}

P {
    clear: left;
}




/*
 * Table styles
 */

TABLE.TableBasic {
    
}

TABLE.TableBasic TBODY {
    
}

TABLE.TableBasic TBODY TR {
    
}

TR.TRBasic {
    
}

TR.TRBasic TD {
    
}

TR.TRBasic TD.TDBasic {
    
}

TD.TDBasic DIV.TextTDBasic {
    margin: 0.2em 0em 0.2em 0em;
}

TD.TDBasic DIV.TextTDBullet {
    background: transparent url(../images/MyBillsOnline/bullet-grey.gif) no-repeat scroll 0 6px;
    margin: 0.2em 0em 0.2em 0em;
    padding: 0px 0px 0px 10px;
}

TD.TDBasic DIV.TextTDBold {
    color: rgb(24, 0, 124);
    font-weight: bold;
    margin: 0.2em 0em 0.2em 0em;
}

TD.TDBasic DIV.TextTDBasic A, TD.TDBasic DIV.TextTDBasic A:visited {
    color: rgb(24, 0, 124);
    text-decoration: underline;
}

TD.TDBasic DIV.TextTDBasic A:hover {
    text-decoration: underline;
}

TD.TDBasic DIV.TextTDBasic NOBR A.basiclink, TD.TDBasic DIV.TextTDBasic NOBR A.basiclink:visited {
    color: rgb(24, 0, 124);
    text-decoration: underline;
}

TD.TDBasic DIV.TextTDBasic NOBR A.basiclink:hover {
    text-decoration: underline;
}

TR TD.TDTableLeftLine, TR.TRBasic TD.TDTableLeftLine {
    border-left: 1px solid rgb(231, 231, 231);
    height: 0.2em;
}

TR TD.TDTableRightLine, TR.TRBasic TD.TDTableRightLine {
    border-right: 1px solid rgb(231, 231, 231);
    height: 0.2em;
}

TR.TRBasic TD.TDBillSummaryLabel, TR.TRBasic TD.TDBillSummaryLabelValue {
    height: 0.2em;
}

TR.TRBasic TD.TDBillSummaryLabelValue {
    border-left: 1px solid rgb(231, 231, 231);
}

TD.TDBillSummaryLabel DIV.TextTDBillSummaryLabel {
    font-weight: bold;
    margin: 0.2em;
}

TD.TDBillSummaryLabelValue DIV.TextTDBillSummaryLabelValue {
    margin: 0.2em 0.2em 0.2em 0.6em;
}

TR.TRBasic TD.TDLabelValue {
    border-left: 1px solid rgb(231, 231, 231);
}

TR.TRBasic TD.TDLabelValueNotValid {
    border-left: 1px solid rgb(231, 231, 231);
}

.TextTDLabel {
    font-weight: bold;
    margin: 0.1em;
}

TD.TDLabel DIV.TextTDLabel {
    font-weight: bold;
    margin: 0.1em;
}

TD.TDLabelNotValid DIV.TextTDLabelNotValid, TD.TDLabelNotValid LABEL.TextTDLabelNotValid {
    background-color : #FFFFFF;
    color : #CC0000;
    font-weight: bold;
    margin: 0.1em;
}

TD.TDLabelValue DIV.TextTDLabelValue, TD.TDLabelValue DIV.TextTDAccQuestDesc, TD.TDLabelValue DIV.TextTDBasic {
    margin: 0.1em 0.2em 0.1em 0.6em;
    font-weight: normal;    
}

TD.TDLabelValue DIV.TextTDLabelValue A, TD.TDLabelValue DIV.TextTDLabelValue A:visited {
    color: rgb(24, 0, 124);
    text-decoration: none;
}

TD.TDLabelValue DIV.TextTDLabelValue A:hover {
    text-decoration: underline;
}

DIV.TextTDLabelValueNotValid {
    margin: 0.1em 0.2em 0.1em 0.6em;
    color : #CC0000;
}

TR.TRDetails TD.TDTableLeftLine {
    border-left: 1px solid rgb(231, 231, 231);
}

TR.TRDetails TD.TDTableRightLine {
    border-right: 1px solid rgb(231, 231, 231);
}


TR.TRAlternate {
    background-color: #E7E7E7;
}

TR.TRAlternate TD {
    border-bottom: 1px solid rgb(231, 231, 231);
}

TR.TRAlternate TD.TDTableLeftLine {
    border-left: 1px solid rgb(231, 231, 231);
    height: 0.2em;
}

TR.TRAlternate TD.TDTableRightLine {
    border-right: 1px solid rgb(231, 231, 231);
    height: 0.2em;    
}

TR.TRAlternate TD.TDBillSummaryLabel, TR.TRAlternate TD.TDBillSummaryLabelValue {
    height: 0.2em;
}

TR.TRAlternate TD.TDBillSummaryLabelValue {
    border-left: 1px solid rgb(231, 231, 231);
}

TR.TRAlternate A, TR.TRAlternate A:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
TR.TRAlternate  A:hover {
    text-decoration: underline;
}



TR.TRFiller {
    
}

TR.TRFiller TD.TDTableLeftLine, TR.TRFiller TD.TDTableRightLine {
    height: 0.2em;
}

TR.TRFiller TD.TDTableLeftLine {
    border-left: 1px solid rgb(231, 231, 231);
}

TR.TRFiller TD.TDTableRightLine {
    border-right: 1px solid rgb(231, 231, 231);
}

TR.TRFiller TD.TDFillerLabel, TR.TRFiller TD.TDFillerValue {
    height: 0.2em;
}

TR.TRFiller TD.TDFillerValue {
    border-left: 1px solid rgb(231, 231, 231);
}

TR.TRTableTotal TD.TDTableLeftLine {
    border-left: 1px solid rgb(231, 231, 231);
}

TR.TRTableTotal TD.TDTableRightLine {
    border-right: 1px solid rgb(231, 231, 231);
}

TR TD.TDDetailHeadLeft, TR TD.TDDetailHeadRight {
    background-color: rgb(225, 224, 255);
    height: 1.8em;
}

TR TD.TDDetailHeadInnerLeft, TR TD.TDDetailHeadInnerRight {
    background-color: rgb(225, 224, 255);
    height: 1.8em;
}

TR TD.TDTableHeader {
    background-color: rgb(225, 224, 255);
    height: 1.8em;
}

TR TD.TDTableHeader SPAN.TextTDTableHeader NOBR {
    margin: 0em 0.2em 0em 0.2em;
}

TR TD.TDTableHeader SPAN.TextTDTableHeader NOBR A, TR TD.TDTableHeader SPAN.TextTDTableHeader NOBR A:visited {
    color: rgb(24, 0, 124);
    text-decoration: none;
}

TR TD.TDTableHeader SPAN.TextTDTableHeader NOBR A:hover {
    text-decoration: underline;
}

TR TD.TDTableHeader SPAN.TextTDTableHeader NOBR, TR TD.TDTableHeader SPAN.TextTDTableHeader NOBR A DIV {
    color: rgb(24, 0, 124);
    font-weight: bold;
}

TR.TRBasic TD.TDTableTitleHeader {
    background-color: rgb(225, 224, 255);
    height: 1.8em;
}

TD.TDTableTitleHeader NOBR SPAN.TextTDTableTitleHeader {
    font-weight: bold;
    margin-left: 0.6em;
}

TR.TRBasic TD.TDTableHeaderContactLink {
    background-color: rgb(225, 224, 255);
    height: 1.8em;
    text-align: right;
}

TD.TDTableHeaderContactLink A, TD.TDTableHeaderContactLink A:visited {
    color: rgb(24, 0, 124);
    text-decoration: underline;
}

TD.TDTableHeaderContactLink A:hover {
    text-decoration: underline;
}

TR.TRTableLineDivider {
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    margin: 0px;
    padding: 0px;
}

TR.TRTableLineDivider TD, TR.TRTableLineDivider TD.TDTableLeftLine, TR.TRTableLineDivider TD.TDTableRightLine {
    border-bottom: 1px solid rgb(231, 231, 231);
}

.TRMyBills {
}

TR.TRMyBills TD{
    border-bottom: 1px solid rgb(231, 231, 231);
}

TR.TRMyBills TD.TDTableLeftLine {
    border-left: 1px solid rgb(231, 231, 231);
}

TR.TRMyBills TD.TDTableRightLine {
    border-right: 1px solid rgb(231, 231, 231);
}

TR.TRMyBills A, TR.TRMyBills A:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
TR.TRMyBills  A:hover {
    text-decoration: underline;
}

DIV.OofD A, DIV.OofD A:visited{
    font-style: italic;
    color: rgb(102, 102, 102);
}

TR.TRMyBills TD.TDBasic DIV.TextTDMyBillsOofD A:hover {
    text-decoration: underline;
}

TR.urgent {
    background-color: rgb(250, 229, 229);
}

TR.bold A {
    font-weight : bold;
}

TR.TRBottomBorder TD {
    
}

TR.TRBottomBorder TD.TDDetailBottomLeft, TR.TRBottomBorder TD.TDDetailBottomMid, TR.TRBottomBorder TD.TDDetailBottomRight {
    border-top: 1px solid rgb(231, 231, 231);
    font-size: 0em;
}

DIV.divInTableButtonSection {
    float: right;
}

DIV.divInTableButtonSection DIV {
    float: left;
}


/*
 * Pagination styles
 */

DIV.divPagination {
    float: right;
    margin: 0.4em 0em 0.4em 0em;
}

DIV.divPagination A, DIV.divPagination A:visited {
    color: rgb(24, 0, 124);
    text-decoration: underline;
}

DIV.divPagination A:hover {
    text-decoration: underline;
}

DIV.divPagination DIV.TextTDPagination {
    display: inline;
}



/*
 * Button styles
 */

DIV.divButtonSection {
    clear: both;
    float: right;
    margin: 0.4em 0em 0.4em 0em;
}

DIV.divButtonSection DIV.divButtonContainer {
    clear: right;
    float: left;
}

DIV.divButtonSection DIV.divButtonContainer DIV {
    float: left;
    margin: 0em 0.2em 0em 0.2em;
}

DIV.divButtonSectionLeft {
    clear: both;
    float: left;
    margin: 0.4em 0em 0.4em 0em;
}

DIV.divButtonSectionLeft DIV.divButtonContainerLeft {
    
}

DIV.divButtonSectionLeft DIV.divButtonContainerLeft A.basiclink, DIV.divButtonSectionLeft DIV.divButtonContainerLeft A.basiclink:visited {
    color: rgb(24, 0, 124);
    text-decoration: underline;
}

DIV.divButtonSectionLeft DIV.divButtonContainerLeft A.basiclink:hover {
    text-decoration: underline;
}

DIV.divButtonSectionLeft DIV.divButtonContainerLeft INPUT.OVButton {
    
}

.divButtonSectionWithLabel {
    font-size : 80%;
    float : left;
    width : 95%;	
    clear : both;
    margin : 8px 0px 0px 0px;
    padding : 8px 8px 8px 8px;
    border : 2px solid rgb(157, 146, 130); 
}

DIV.divButtonSectionWithLabel DIV.divButtonContainer {
    clear: right;
    float: right;
}
DIV.divButtonSectionWithLabel DIV.divButtonContainer DIV {
    float: left;
    margin: 0em 0.2em 0em 0.2em;
}

.divButtonSectionLabel {
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-SIZE: 125%; 
    float : left;
    xpadding : 6px 8px 0px 8px;	    
}

/*
 * Filter styles
 */

TR.TRfilter {
    background-color: rgb(225, 224, 255);
 	height: 2em;
}

TR.TRfilter TD, TR.TRfilter TD.TDDetailHeadInnerLeft, TR.TRfilter TD.TDDetailHeadInnerRight {
    
}

TR.TRfilter TD DIV.filterselectlabel {
    color: rgb(24, 0, 124);
    display: inline;
    float: left;
    font-weight: bold;
    padding: 0.2em;
}

TR.TRfilter TD SELECT.filterselect {
    color: rgb(102, 102, 102);
    display: block;
    float: left;
}

TR.TRfilter TD IMG.filterButton {
    margin: 0.1em 0em 0em 0.5em;
}

.divFilter {
    font-size : 90%;
	display : inline;
	clear : none;
	float : right;
	padding : 7px;
}

.filterselectlabel { 
    display : inline;
    font-size : 90%;
    vertical-align : 10%;
}

.filterButton {
}
.filterButton input {
	vertical-align : bottom;
}
.trfilter img {
    float : left;   
    margin : 0.2em 0.5em 0px 0.5em;  
}

.filterselect {
    font-size : 90%;
    color : #333333;
    width : 10em;   
}

.filterdesc {
    font-weight : normal;   
    font-size : 80%;
    float : left;
    clear : both;
    color : #333333;
}

/*
 * Required Option styles
 */

DIV.RequiredOptionLegend {
    clear: right;
    display: block;
    margin: 0em;
    padding: 0em;
    text-align: right;
    margin : 0px 0.2em 0px 0px;    
}

DIV.divRequired {
    color: rgb(204, 0, 0);
    display: inline;
    font-size: 1.4em;
    font-weight: bold;
    width: 0.5em;
    margin : 0px 0.2em 0px 0px;     
}

DIV.divNotRequired {
    color: rgb(204, 0, 0);
    display: inline;
    font-size: 1.4em;
    font-weight: bold;
    width: 0.5em;
    margin : 0px 0.2em 0px 0px;     
}

/*
 * INPUT BOX styles.
 */

.SelectBox {
    
}

.SelectBoxNotValid {
    font-weight: bold;
    color: rgb(204, 0, 0);
}

INPUT.InputTextNotValid, TEXTAREA.InputTextNotValid {
    color: rgb(204, 0, 0);
    font-weight: normal;
    border: 2px solid rgb(204, 0, 0);
}

INPUT.checkbox {
    width: 1.2em;
}

/*
 * Misc Content styles
 */

P.divPaymentCopy {
    clear: right;
    color: rgb(24, 0, 124);
    float: right;
    font-weight: bold;
    margin: 0px 5px 0px 0px;
    text-align: left;
    width: 50%;
}

Table#BillDetail, Table#DirectDebit {
    
}

Table#BillDetail TBODY TR TD.TDBasic DIV.TextTDBasic {
    xbackground-color: rgb(255,0,0);
    font-weight: bold;
    line-height: 1.5em;
	padding: 0em 0.4em;
}

Table#DirectDebit TBODY TR TD.TDBasic DIV.TextTDBasic {
    xbackground-color: rgb(255,0,0);
    line-height: 1.1em;
}

TABLE#Banner TBODY TR TD.TDTableLeftLine, 
TABLE#BillSummaryInformation TBODY TR TD.TDTableLeftLine, 
TABLE#BillSummaryInformation TR.TRDetailHead TD.TDDetailHeadInnerLeft, 
TABLE#LoyaltySummaryInformation TBODY TR TD.TDTableLeftLine, 
TABLE#LoyaltySummaryInformation TR.TRDetailHead TD.TDDetailHeadInnerLeft, 
TABLE#NectarMessages TBODY TR TD.TDTableLeftLine, 
TABLE#NectarMessages TR.TRDetailHead TD.TDDetailHeadInnerLeft, 
TABLE#BillDetailDirectDebitMessage TBODY TR TD.TDTableLeftLine, 
TABLE#DirectDebitMessage TBODY TR TD.TDTableLeftLine {
    border-left: 1px solid rgb(255,255,255);
}

TABLE#Banner TBODY TR TD.TDTableRightLine, 
TABLE#BillSummaryInformation TBODY TR TD.TDTableRightLine, 
TABLE#BillSummaryInformation TR.TRDetailHead TD.TDDetailHeadInnerRight, 
TABLE#LoyaltySummaryInformation TBODY TR TD.TDTableRightLine, 
TABLE#LoyaltySummaryInformation TR.TRDetailHead TD.TDDetailHeadInnerRight, 
TABLE#NectarMessages TBODY TR TD.TDTableRightLine, 
TABLE#NectarMessages TR.TRDetailHead TD.TDDetailHeadInnerRight, 
TABLE#BillDetailDirectDebitMessage TBODY TR TD.TDTableRightLine, 
TABLE#DirectDebitMessage TBODY TR TD.TDTableRightLine {
    border-right: 1px solid rgb(255,255,255);
}

TABLE#Payments TBODY TR.TRDetailHead TD.TDDetailHeadLeft {
    border-left: 1px solid rgb(225,224,255);
}

TABLE#Payments TBODY TR.TRDetails TD.TDTableLeftLine, 
TABLE#Payments TBODY TR.TRFiller TD.TDTableLeftLine, 
TABLE#Payments TBODY TR.TRTableTotal TD.TDTableLeftLine {
    border-left: 1px solid rgb(255,255,255);
}

TABLE#Payments TBODY TR.TRDetailHead TD.TDDetailHeadRight {
    border-right: 1px solid rgb(225,224,255);
}

TABLE#Payments TBODY TR.TRDetails TD.TDTableRightLine, 
TABLE#Payments TBODY TR.TRFiller TD.TDTableRightLine,  
TABLE#Payments TBODY TR.TRTableTotal TD.TDTableRightLine {
    border-right: 1px solid rgb(255,255,255);
}

TABLE#Notes TBODY TR.TRDetailHead TD.TDDetailHeadLeft {
    border-left: 1px solid rgb(225,224,255);
}

TABLE#Notes TBODY TR.TRDetails TD.TDTableLeftLine, 
TABLE#Notes TBODY TR.TRFiller TD.TDTableLeftLine {
    border-left: 1px solid rgb(255,255,255);
}

TABLE#Notes TBODY TR.TRDetailHead TD.TDDetailHeadRight {
    border-right: 1px solid rgb(225,224,255);
}

TABLE#Notes TBODY TR.TRDetails TD.TDTableRightLine, 
TABLE#Notes TBODY TR.TRFiller TD.TDTableRightLine {
    border-right: 1px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo1 TBODY TR.TRAlternate, 
TABLE#BillSummaryInfo2 TBODY TR.TRAlternate, 
TABLE#BillSummaryInfo3 TBODY TR.TRAlternate {
    background-color: rgb(255,255,255);
}

TABLE#BillSummaryInfo1 TBODY TR.TRFiller TD.TDTableLeftLine, 
TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDTableLeftLine, 
TABLE#BillSummaryInfo1 TBODY TR.TRAlternate TD.TDTableLeftLine {
    border-left: 1px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo1 TBODY TR.TRFiller TD.TDTableRightLine, 
TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDTableRightLine, 
TABLE#BillSummaryInfo1 TBODY TR.TRAlternate TD.TDTableRightLine {
    border-right: 1px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDDetailHeadInnerLeft {
    background-color: rgb(225,224,255);
    border-left: 0px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDDetailHeadInnerRight {
    background-color: rgb(225,224,255);
    border-right: 0px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDTableTitleHeader {
    background-color: rgb(225,224,255);
    border-bottom: 0px solid rgb(255,255,255);
    border-top: 0px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDTableTitleHeader SPAN.TextTDTableTitleHeader {
    xcolor: rgb(24,0,124);
    font-size: 1.0em;
    font-style: normal;
    font-weight: bold;
    xheight: 1.5em;
    xline-height: 1.5em;
    xmargin: 0.1em 0em;
    padding: 0em;
}

TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDTableHeaderContactLink {
    background-color: rgb(225,224,255);
    border-bottom: 0px solid rgb(255,255,255);
    border-top: 0px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDTableHeaderContactLink A.ABillerContactLink, 
TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDTableHeaderContactLink A.ABillerContactLink:hover, 
TABLE#BillSummaryInfo1 TBODY TR.TRBasic TD.TDTableHeaderContactLink A.ABillerContactLink:visited {
    color: rgb(24,0,124);
    text-decoration: underline;
}

TABLE#BillSummaryInfo2 TBODY TR.TRFiller TD.TDTableLeftLine, 
TABLE#BillSummaryInfo2 TBODY TR.TRBasic TD.TDTableLeftLine, 
TABLE#BillSummaryInfo2 TBODY TR.TRAlternate TD.TDTableLeftLine {
    border-left: 1px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo2 TBODY TR.TRFiller TD.TDTableRightLine, 
TABLE#BillSummaryInfo2 TBODY TR.TRBasic TD.TDTableRightLine, 
TABLE#BillSummaryInfo2 TBODY TR.TRAlternate TD.TDTableRightLine {
    border-right: 1px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo3 TBODY TR.TRFiller TD.TDTableLeftLine, 
TABLE#BillSummaryInfo3 TBODY TR.TRBasic TD.TDTableLeftLine, 
TABLE#BillSummaryInfo3 TBODY TR.TRAlternate TD.TDTableLeftLine {
    border-left: 1px solid rgb(255,255,255);
}

TABLE#BillSummaryInfo3 TBODY TR.TRFiller TD.TDTableRightLine, 
TABLE#BillSummaryInfo3 TBODY TR.TRBasic TD.TDTableRightLine, 
TABLE#BillSummaryInfo3 TBODY TR.TRAlternate TD.TDTableRightLine {
    border-right: 1px solid rgb(255,255,255);
}

TABLE#InstalmentNotice TBODY TR.TRBasic TD.TDTableLeftLine, 
TABLE#Instalment TBODY TR.TRBasic TD.TDTableLeftLine, 
TABLE#InstalmentDetails TBODY TR.TRFiller TD.TDTableLeftLine, 
TABLE#InstalmentDetails TBODY TR.TRBasic TD.TDTableLeftLine, 
TABLE#InstalmentPostText TBODY TR.TRBasic TD.TDTableLeftLine {
    border-left: 1px solid rgb(255,255,255);
}

TABLE#InstalmentNotice TBODY TR.TRBasic TD.TDTableRightLine, 
TABLE#Instalment TBODY TR.TRBasic TD.TDTableRightLine, 
TABLE#InstalmentDetails TBODY TR.TRFiller TD.TDTableRightLine, 
TABLE#InstalmentDetails TBODY TR.TRBasic TD.TDTableRightLine, 
TABLE#InstalmentPostText TBODY TR.TRBasic TD.TDTableRightLine {
    border-right: 1px solid rgb(255,255,255);
}

IMG.BannerAd {
    border: 0px solid rgb(255,255,255);
}

DIV.divMerchantContact {
    font-size: 100%;
}