/* CSS Document */



/*  //////// =Tables - general alignment classes */
table th.rightalignedcontent, table td.rightalignedcontent { text-align:right; }
table th.leftalignedcontent, table td.leftalignedcontent { text-align:left; }

/*  //////// =Table Style 1 - Masterbrand default, colours overwritten by business class */
table.style1 { background-color: #FFFFFF; color:#000000; text-align:left; }
table.style1 th { background-color: #000066; color:#FFFFFF; font-weight:bold; margin: 0px; padding:10px 10px 15px 10px;  vertical-align:top; }
table.style1 td { background-color: #e8f0f9; color:#000000; margin: 0px; padding:10px 10px 15px 10px; vertical-align:top; }

/*  //////// =Table links (style1) */
table.style1 a { color:#000000; }
table.style1 th a { color:#FFFFFF; }
table.style1 th a.black{ color:#000000; } /* some <th> links will need defining as back if in main content (style1) */
/*  //////// =Tables - Reverse, bold black text for headings with light background  (style1)*/
table.style1 th.reverse { background-color:#e8f0f9; color:#000000; font-weight:bold; }
/*  //////// =Tables - Highlighted, bold black text with darker background, used  to emphasize a row (style1) */
table.style1 tr.highlighted th, table.style1 tr.highlighted td { background-color:#c5daf1; color:#000000; font-weight:bold; }
/*  //////// =Tables - Zebra, white bg to be used on everyother row of data for easy reading (style1) */
table.style1 tr.zebra th, table.style1 tr.zebra td { background-color:#FFFFFF; color:#000000; }
/*  //////// =Table hover styles - when you hover your mouse over it, use brand / header color (style1) */
table.style1 tr th:hover, table.style1 tr th:hover a, table.style1 tr td:hover, table.style1 tr td:hover a, table.style1 tr.zebra th:hover, table.style1 tr.zebra td:hover{background-color:#000066; color:#FFFFFF; }

/*  //////// =Table Style 2 - Membership default, should NOT be overwritten by business class */
table.style2 { background-color: #FFFFFF; color:#000000; text-align:left; }
table.style2 th { background-color: #ffb700; color:#000000; font-weight:bold; margin: 0px; padding:10px 10px 15px 10px; vertical-align:top; } /* Membership with black text */
table.style2 td { background-color: #ffe9b2; margin: 0px; padding:10px 10px 15px 10px; vertical-align:top; } /* light colour */
table.style2 a { color:#000000; }
table.style2 th a { color:#000000 } /* Membership with black text */
/*  //////// =Tables Style 1 - Reverse, bold black text for headings with light colour background */
table.style2 th.reverse { background-color:#ffe9b2; } 
/*  //////// =Tables Style 1 - Highlighted, bold black text with medium colour background, used  to emphasize a row (style1) */
table.style2 tr.highlighted th, table.style2 tr.highlighted td { background-color: #ffd466; }
/*  //////// =Tables - Zebra, white bg to be used on everyother row of data for easy reading (style1) */
table.style2 tr.zebra th, table.style2 tr.zebra td { background-color:#FFFFFF; color:#000000; }
/*  //////// =Table Style 1 hover styles - when you hover your mouse over it, use Membership / header color (style1) */
table.style2 tr th:hover, table.style2 tr th:hover a, table.style2 tr td:hover, table.style2 tr td:hover a, table.style12tr.zebra th:hover, table.style2 tr.zebra td:hover{ background-color:#ffb700; color:#000000; }




