body{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0;
	color: #000;
}
.mdi .noPrint{
    display: none;
} 
.mdi .onlyPrint{
	display: block !important;
}
a{color:#666;}
h1, h2, h3, h4, h5, h6{
	color: #000;
	margin: 15px 0 10px; 
	padding: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration: none;
	color: #000;
}
h1.logo{display: none;}
#print_logo{display: block;}
h1#pageTitle{font-size: 18px; border-bottom: 1px dotted #ccc; margin: 20px 0 10px; }
h1, h2{font-size: 16px;}
h3, .online .summarygroup h1{font-size: 14px; margin: 15px 0 10px;}
h4{font-size: 13px;}
h5{font-size: 12px;}
h6{font-size: 11px;}
ul, ol{
	margin: 0 0 20px 20px;
	list-style-position: inside;
	padding: 0;
}
dl{
	margin: 0 0 20px 0;0
	padding: 0;
}
dt{
	font-weight: bold;
}
ul li, ol li{
	margin: 0 0 5px 0;
	padding: 0;
	list-style: square;
}
dl dt, dl dd{
	margin: 0 0 5px 0;
	padding: 0;
}
.clear, .clearBoth, hr, .hr, s{
	display: block; clear:both; height: 1px; font-size: 1px; overflow: hidden;
}
s, .clear{text-indent: -9999px} /* added this for periods in .clear divs */

/******************
Hide Furniture
******************/
nav,
header ul,
header .searchGlobal,
#loginPortlet,
.contextColumn,
aside.marketing,
footer .footerSecondary,
footer ul,
a.actionLink,
div.topic,
a.backtotop{
	display: none;
}
.content img#print{
	display: block;
}
/******************
tables
******************/
table {
	display: table;
	clear: both;
	width : 100%; 
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 1.5em;
}
table caption {
	display: none;
}
table, td, th {
	border-color: #ccc;
	border-style: solid;
	vertical-align: top;
}
td, th {
	margin: 0;
	padding: 5px 5px;
	border-width: 1px 1px 0 0;
	background-color: #fff;
}
thead th {
	background-color: #efefef;
	text-align: center;
	color: #000000;
	font-weight: bold;
}
tbody th {
	background-color: #efefef;
	text-align: left;
	font-weight: bold;
}
tfoot th {
	background-color: #efefef;
	text-align: left;
}
th.currency, td.currency, td.value{
	text-align: right;
}
/*disclaimer*/
p.disclaimer{
	border-top: 1px dotted #ccc;
	margin-top: 20px;
	padding-top: 10px;
	font-size: 11px;
	color: #999;
}
/* tabs.css */
.contentTabs{
	display: none;	
}
/**/
.productSection{
	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.productSection dl{
	width: 50%;
	float: left;
}
/*************
Home Page
**************/
ul.promoShowSlides{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
ul.promoShowSlides a{
	text-decoration: none;
}
.promoShowUtilities,
.promoOverlayNext,
.promoOverlayClose,
ul.promoShowSlides li .btn{
	display: none;
}
ul.promoShowSlides li{
	display: block !important;
	padding: 0;
	margin: 0;
}
ul.promoShowSlides li img{
	width: 100%;
}
ul.promoShowSlides .promoOverlay{
	display: block;
}
ul.promoShowSlides .promoOverlay ul,
ul.promoShowSlides .promoOverlay li{
	margin: 0;
	padding: 0;
}
ul.promoShowSlides .promoOverlay h4{
	margin-bottom: 5px;
}
ul.promoShowSlides .promoOverlay img{
	display: none;
}
.promoSecondary{
	border-top: 1px dotted #ccc;
	padding-top: 20px;
}
.promoSecondary .callout-8 img{
	display: none;
}
/*************
online banking
**************/
ul#Members{margin: 0; padding: 0;}
ul#Members li{display: inline;}
div#MultiMember{padding-bottom: 15px;}
.content .control{
	clear: both;
}
/*Receipts*/
.mdi .receipts{
	clear: both;
	display: block;
	float: none;
	width: 100%
}
/*receipt header*/
.receipts .receiptHeader{
	float: none;
	margin: 0 0 10px;
	padding: 0 0 10px 0;
	width: 100%
}
.receiptHeader .column{
	margin: 0px;
}
.receiptHeader .twoColRow .column{
	float: left;
	width: 50%;
}
.receiptHeader .twoColRow .col1{
	display: block;
}
.receiptHeader label{
	float: left;
	font-weight: bold;
	padding-right: 10px;
}
.receiptHeader .value{
	padding-right: 10px;
}
/*receipt*/
.receipts .receipt{
	border-top: 1px solid #CCCCCC;
	clear: both;
	float: none;
	margin: 0;
	padding: 10px 0;
	width: 100%
}
.receipt dl{ 
	clear: left;
	float: none; /*floating because the dt is floating*/
	margin: 0;
	padding: 0;
	width: 600px;
}
.receipt dt,
.receipt dd{
	margin: 0 0 3px 0;
}
.receipt dt{
	clear: left;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 5px;
	width: 200px;
}
.receipt dd{
	float: left;
	width: 200px;
}
.receiptFail dd.status{
	font-weight: bold;
}
.receipt p{
	clear: both;
	padding-left: 0;
}
.receipt p.note{
	clear: left;
	padding: 10px 0;
}
.receipt p.noteN{
	margin-bottom: 0px;
}
/*************
forms
*************/
.sfProg .cur{display: block !important;}
.cntxthelp,
.sfProg .step,
.sfProg .num,
.reqNote,
.control{
	display: none;
}
.hint, .disableFormItems{
	display: block;
	clear: both;
}
.submit, .buttons{
	display: block;
	clear: both;
	padding: 0px 0px 15px;
}
fieldset{
	border: none;
	padding: 0;
}
/*************
row in SF
*************/
.r {
	display: block;
	clear: botk
	border-bottom: none;
	padding-bottom: 10px;
}
.r br {
	clear: both;
	font-size:1px;
	line-height: 1px;
	margin-bottom: -1px;
}
/*left column*/
.r label, .r .label{
	position: relative;
	padding: 0 15px 0 0;
	font-weight: normal;
}
/*right column (either inputs of text for confirmation)*/
.r span.in, 
.r span.conf {
	display: block;
}
/*when label in right col it needs the full width...*/
.r .in label {
	margin-bottom: 5px;
	padding-right: 0;
	padding-left: 0;
	margin-left: 0;
}
/*except when we want to display them inline*/
.r .il label {
	width: auto;
}
/*2column example loan app step 3*/
.r .d label, .r .d .label {
	position: relative;
	padding-right: 15px;
	padding-bottom: 2px;
}
.r .d span.in {
	display: block;
	clear: both;
	float: none;
}
.r .d {
	float: left;
}
.hideBlock {
	display: none;
}
.r .il input{
	border: none;
}
div.required, div.requirederror, div.string, div.entry{
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	display: block;
	clear: both;
	/*float: left; removed because it was breaking activity table*/
}
/*required is sometimes inside .entry so to avoid the duplicates*/
div.entry div.required{
	border-bottom: none;
	margin: 0; padding: 0;
}
/*form here*/
div.required label, div.requirederror label, div.string label, div.entry label,
div.required .label, div.requirederror .label, div.string .label, div.entry .label{
	padding: 0 15px 0 0;
}
div.required .input, div.requirederror .input, div.string .input, div.entry .input, div.string span.value{
	display: block;
	width: auto;
	float: left;
}
/*paybills*/
div.option label{float: left; width:auto;}
div.required div.input div.option{
	display: block;
	clear: both;
}
div.required div.input div.option input{
	float: left;
}
/*account summary*/
.accountSummary #showControl, .accountSummary #hideControl{
	display: none;
}
.accountSummary .hintExt{
	display: none;
}
/*CST-894*/
.accountSummary div.string span.value {
	display: inline;
    float: none;
}
.accountSummary table {
  	border: none;
	border-collapse: collapse;
}
.accountSummary td,
.accountSummary th {
	border: none;
}
.accountSummary tbody th,
.accountSummary thead th {
	background-color: white;
}
.accountSummary div.content tbody tr:first-child.header,
.accountSummary thead tr {
  	border-bottom: 1px black solid;
}
.accountSummary thead tr th.string,
.accountSummary thead tr th.date {
	text-align: left;
}
.accountSummary thead tr th.currency {
	text-align: right;
}
.accountSummary table.summarydata colgroup.bills col.date {
	width: 150px;
}
.accountSummary header img {
	margin-bottom: 2em;
}
.accountSummary #PageTitle,
.accountSummary .notificationList,
.accountSummary #Members,
.accountSummary #CuetsFundsSummary .summarygroupHeaderLink,
.accountSummary p.summarygroupHeaderLink a {
	display: none;
}
.accountSummary #AccountSummaryRibbon {
	display: block !important;
}
/*************
form v2
*************/
.helpHintTrigger{
	display: none;
}
.formSection,
.entry,
.entry label,
.entry input,
.oneColRow,
.helpHint,
div.formActions{
	float: none;
	display: block;
	clear: both;
}
.oneColRow{
	margin-bottom: 10px;
}
div.formActions{
	display: block;
	clear: both;
	padding-top: 20px;
}
div.formActions ul,
div.formActions ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.formSection div.entry div.inputOption,
.formSection div.entry div.inputOption label,
.formSection div.entry div.inputOption input{
 	float: left;
	clear: none;
}
div.formPageConfirmation label{
	font-weight: bold;
}
.formProgress > ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.formProgress > ul > li{
	list-style-type: none;
}
div.edit{
	display: none;
}
#PrintPageLink,
.formReceipt .entry,
ul.goTo{
	display: none;
}
.formReceipt{
	border: 1px solid #ccc;
	padding: 20px;
}
#printChequeInfo * {
	display: none;
}
#Component-AcceptUpdatedDSA_acceptUpdatedDSA_DSADialog {
	display: none;
}