/*--- Import core styles ---*/
@import url("/static/includes/appsyouraccount/css/core.css");


/*--- General ---*/
@media print {

@page {
	width: 100%;
	margin: 2.2cm 1.5cm;
}

* {
	position: /**/static !important; /* HIDDEN FROM IE 5.5 */
	background-image: /**/none !important; /* HIDDEN FROM IE 5.5 */
}

body {
	height: 100%;
	color: black;
	background: white;
	/*font: 12pt/1.3em Georgia,"New York CE",charter,serif;	*/
	font: 10pt/1.2em Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0.5em 0 0.2em 0;
	padding: 0;
	page-break-after: avoid !important;
}

h1 {
	/*font-size: 2em;	*/
	font-size: 20pt;
}
	
h2 {
	/*font-size: 1.6em;*/
	font-size: 18pt;
}
	
h3 {
	/*font-size: 1.3em;*/
	font-size: 16pt;
}

h4 {
	/*font-size: 1.15em;*/
	font-size: 14pt;
}

p {
	margin: 0 0 1em 0;
	text-align: justify;
	line-height: 1.3em;
}

a {
	color: #000000;
	text-decoration: underline;
}

a img {
	border: none;
}

[href]:after {
/*	content: " [" attr(href) "] ";*/
}

div#searchPanel,
ul#loginInformation,
ul#primaryNavigation,
ul#secondaryNavigation,
ul#tertiaryNavigation,
p.breadcrumbsHeading,
div#breadcrumbs,
p.helpAndTips,
div.switchAccounts,
div#footer,
.barGraphPanel { 
	display: none; 
}

ul.personalInformation {
	width: 100%;
	padding: 1em 0;
	margin: 0;
	list-style-type: none;
	clear: both;
}

div#header { border-bottom: 1px solid #666; }

/* Your latest bill */
h1 img { clear: both; display: block; padding-top: 10px;}
div.contentAreaFirst {border-bottom: none !important;}
div.contentAreaFixed {
border-bottom: 1px solid #CCCCCC; 
	/*	float: left; */
	padding-bottom: 10px;
	clear: both;
	width: 100%;
	overflow: hidden;
}

ul.actionsContainer, 
a.PE_infoToolTipAnchor,
div.billSection p.actionsContainer,
p.adobeReader {display: none;}
div.billSection {
	 width: 100%;
	 float: left;
	 clear: both;
}
div.billSection p.nameContainer, div.billSection p.descContainer, div.billSection p.actionsContainer {
	float: left;
	/*width: 85%;*/
	width: 420px;
}
div.billPaymentTime, div.productBenifit {
padding: 0 !important;
}
div.billSectionSummary {
/*font-size:1.1em;*/
	padding-bottom:0pt;
	margin-bottom: 10px;
}
div.billSectionSummary p.nameContainer {
	float: left;
	width: 65%;
	padding-top: 10px;
}
div.billSectionSummary p.priceContainer, div.billTotal p.priceContainer {
	padding-top:10px;
	float: right;
	width: 80px;
}
div.billSection p.priceContainer, div.billTotal p.priceContainer {
	width: 80px;
	float: right;
}
div.billSectionSummary p.nameContainer, div.billSectionSummary p.priceContainer  {
	border-top:1px solid #000000;
	font-size:14pt !important;
}
div.billTotal {padding-bottom: 0:}
div.billTotal p.priceContainer {font-size: 14pt;}
div.billTotal p.priceContainer span {display: block; font-size: 9pt; }
div.billTotal p.priceContainer {
	position: relative !important; top: -35px;
}
div.contentAreaEmphasised h3 {display: inline;}
div.contentAreaEmphasised {
	border-top: 3px solid #000000; 
	padding-top: 10px;
}
div#ModulesArea {
	float: left; 
	width: auto; 
	clear: both;
	margin-top: 10px;
}
.windowLargerThan1024 div.accountModule div.longDesc div.accountInfo p.lineBreak {
	padding:0;
}
.windowLargerThan1024 div.accountModule {
	margin:0pt 0pt 20px;
	padding:0pt;
}
div.accountModule div.longDesc div.accountInfo p.title {
	font-weight: bold;
	margin-bottom: 0;
}
div.genericContent {float: left; width: 100%;}
/* What you used - summary */
ul.billSectionSelectService, ul.billSectionSelectService li,  {
	float: left;
}
div.tabSubNav {}
ul.billSectionSelectService li, div.tabSubNav ul li {
	display: inline;
	margin: 0 20px 0 0;
}
div.billSectionSwitch p.nameContainer {
	clear: both;
}
div.billSectionSwitch fieldset,
div.billAmount p.buttonsInLine, 
a.arrow {
	display: none;
}
table.tableData { width: 100%;}
div.billSectionSummaryTable { }
div.billSectionSummaryTable table {	width: 100%; }
table.tableData thead th, table.tableData tbody th {text-align: left;}
table.tableData td.tableDuration,
table.tableData th.tablePrice,
table.tableData td.tablePrice,
table.tableData th.tableNumber,
table.tableData td.tableNumber,
table.tableData th.tablePayAmount,
table.tableData td.tablePayAmount { text-align: right; }
table.tableData th.tableDuration,
table.tableData td.tableDuration,
table.tableData th.tablePrice,
table.tableData td.tablePrice,
table.tableData th.tableNumber,
table.tableData td.tableNumber,
table.tableData th.tablePayAmount,
table.tableData td.tablePayAmount { text-align: right; }
div.billAmount {
 width: 100%;
/*float: left;*/
 clear: both;
 border-top: 3px solid #000000;
 margin-bottom: 30px;
}
div.billAmount p.nameContainer {
	float: left;
	width: 520px;
}
div.billAmount p.priceContainer {
	float: right;
	width: 80px;
	font-size: 14pt;
	position: relative !important; top: -35px;
	text-align: right;
	padding-top: 10px;
}
div.billAmount p.priceContainer span {display: block; font-size: 9pt; }
div.billSectionSummaryTable p.nameContainer {
	font-size: 12pt;
	padding:0pt 0pt 8px;
	display: block;
}
div.billSectionTableBound {/*float: left; clear: both; display: block;*/}
div.billSectionTableBound p.nameContainer, 
div.billSectionTableBound p.priceContainer {
	border-bottom:1px solid #CCCCCC;
	line-height:1.8em;
	padding-bottom:0pt;
	padding-top: 5px;
	margin-top: 10px;
}
div.billSectionTableBound p.savedTitle {
	float: left;
	clear: both;
	margin-top: -10px;
}
div.billSectionTableBound p.savedAmount {
	float: right;
	clear: right;
	margin-top: -10px;
}
div.billSectionTableBound p.priceContainer, div.billSectionTableBound p.savedAmount {
	text-align: right;
}
div.billSectionTableBound p.nameContainer a {
	margin-right: 50px;
	text-decoration: none;
}
ul.buttonsInLine {display: none;}

/*What you used - itemised */
div.billSectionForm,
div.paginationContainer,
table td div.PE_infoContainer {
	display: none;
}
table.sortable td {
	font-size: 8pt;
}
div.billSectionExtraInformation {
	margin-top: 20px;
}
/* Usage analysis graphs */
div.graphAnalysis table {
	font-size: 9pt !important;
	margin-bottom: 10px;
}
/* Payment history */
.PE_print, img.directDebit {display: none;}
/* Set up a regular payment - complete */
div.creditCardVisuals {
	margin: 10px 0;
}
div.paymentSection ul {
	text-indent: 0 !important;
	margin: 0;
	padding: 0;
 }
div.paymentSection ul li {
	margin:0 0 10px 0;
	list-style-type:  none;
	text-indent: 0 !important;
}
div.paymentSection ul li span.name, div.paymentSection p span.name {
	float:left;
	width:170px;
}
img.setUpRegPayment {display: none;}
div.paymentSection h2 {
	font-size: 14pt; 
	margin-bottom: 10px;
}
/*Cancel a regular payment - complete */
div.contentAreaHeader {
	border: none !important;
}
/* Change payment holiday - complete */
div.indentPaymentInfo p span.billInfo {
	display:block;
	float:left;
	width:170px;
	margin: 0;
}

/*Make a payment - complete */






/*light box */
.PE_lightBox {display: none !important;}

















 /* END MEDIA PRINT */
}