@import url(reset.css);
.no_print {display: none;}
img {margin:5px 5px 0 5px;padding:5px 5px 0 5px}
div.accordian div.ui-accordion-content { display:block !important; }
.headwrap, div#footwrap, .grid_6 .rounded, .grid_4 div#leftnav {display:none;border:none;}
.container_16 {border-left:none;width:100%}
.grid_16 h2 {display:none;}
.grid_4, .grid_4 p {display: none;}
.container_16 .grid_3 {display: none;}
	
.body_content { width: 100%; float: none !important; }
.container_16 .grid_8 {width: 100% !important;}

.accordion h4 span.amount, .accordion h3 span.amount {float:right;padding-right:10px;}
.accordion h4 span, .accordion h3 span {display:block;float:left;margin:0;padding:0;}

.grid_12 {width:90%; margin:0 auto;}
h1,h2,h3,h4,h5,h6,p {margin:5px 5px 0 5px;padding:5px;}
h3 {font-size:22px;}
H4 span, h6 span, h3.bold_black span {float:right;}
h3.bold_black {border-top: 1px dotted #AAA; margin-top:10px;font-size:16px;}
h4 {border:1px solid #AAAAAA; background:#DAD8D9;padding:0.5em;}
h5.title {font-size:20px;}

ul {display:none}
table {width:100%;}
.accordion div div {padding:10px;}
.accordion div div h5 {padding:10px 0;margin:0;}

td {border-bottom: 1px solid #AAA}
thead th {text-align:left;}
thead th.cost {text-align:right;}
th span {display:block}
tbody td.text_align_right {text-align:right;}
td {padding:5px 0;}

body {font-size: 70%;font-family: Verdana, Arial, sans-serif;}

.text_right {text-align:right;padding-bottom:10px;}
h6 {border-bottom:1px solid #AAAAAA}
h6.last {border:none;}

hr {margin:10px 5px;border-top:1px solid #333 ; border-right:none; border-bottom:1px solid #AAA; border-left:none;}
#myTable th {width:16%}
#myTable th.cost {width:20%}
th.date , th.description {width:25%}
th.cost {width:50%}

/* Direct Debit Print view */

#print_dd .grid_12 { width: 700px; margin: 0 auto;}
#print_dd h6 span {position:static;}
.inner_rounded p strong { display: block; float: left; width: 200px; }
.inner_rounded p span { display: block; float: left; width: 200px; }

.inner_rounded ul {display: block; }

.inner_rounded ul.red_bullets {padding:20px 20px 0px 10px;}
.inner_rounded ul.red_bullets li {background:transparent url(/includes/legacy/images/bullet_red.gif) no-repeat scroll left 0.5em;color:#000;padding:0 10px 10px;}

/* -- clearfix -- */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
/* ie mac fix */
.clearfix{display:inline-table;}
* html .clearfix{/* nomac \*/height:1%;/* nomac */}
.clearfix{display:block;}


/* Print out for direct debit complete page */
.complete_print #VM-header,
.complete_print #VM-footer-legal-strip-wrap,
.complete_print #VM-middle .grid_16,
.complete_print #VM-middle .grid_3,
.complete_print #VM-middle .grid_4 { display:none; }
.complete_print #VM-middle .grid_8 { width:100%; }
.complete_print #VM-middle .grid_8 .rounded {
	border-width:0;
	-moz-box-shadow:0;
}
.complete_print #VM-middle .grid_8 .rounded .float_form { display:none; }
.complete_print #VM-middle .body_content {
	float:none;
	width:100%;
}
.complete_print #VM-middle .grid_12 h3 { color:#000; }

h5 span.telephonenumber { margin-left: 50px; }