/*EBill Styles*/

/*Main Content Area*/
div#mainContentArea { 
	height:auto !important; overflow:auto;
}

/*Title*/
.pagetitle {
	color: #64379B;
	font-size: 24px;
	padding-top:10px;
}

/*Gap*/

div.gap { 
	padding-top:10px;
	height:10px;
	clear:both;
}

/*Payment Section*/

div.paymentSection-eb {
	clear:right;
	padding:0px 0px 0px 0px !important;
}

img.directDebit-eb {
	float:right;
	margin-bottom:-10px !important;
	vertical-align:baseline;
}

div.expandableContent-eb {
	margin:0 0 20px 0;
}

div.billDetails-eb {
	background:transparent url(/static/wa/appsyouraccount/images/css/light_grey_bg.gif) repeat scroll left top;
}

div.billDetails-eb div.loggedOutPayment{
	padding:0px 10px 0px 10px !important;  
}

.billDetailShowHide-eb { 
	padding:6px;
	border-bottom:1px solid #ECECEC;
}

div.loggedOutPayment-eb {
	border-top:medium none;
	padding:0 0 0px !important;
}

div.makePaymentGroup-eb, div.makePaymentGroupNew-eb {
	padding-bottom:1px !important;
	margin-bottom: 10px !important;
}

div.makePaymentGroup-eb label, div.makePaymentGroupNew-eb label {
	float:left;
	width:160px;
}

div.accountLogin-eb {
	margin-top:0;
	padding:0 0 0px !important;
}

div.loggedOutPayment-eb h2 {
	color:#80379B;
	font-size:1.6em !important;
	font-weight:normal;
}

.lightBox.hasJS .content{
	padding:10px 4px;
}

div.paymentSectionAction {
	min-height:24px;
}

ul.accountInfo {
	margin:auto 10px;
}

/*Added for textbox width*/

div.makePaymentGroup-eb input.textfield, div.makePaymentGroupNew-eb input.textfield {
	width: 150px;
}

/*Added for selectbox width*/

div.makePaymentGroup-eb select, div.makePaymentGroupNew-eb select {
	width:153px;
}

div.makePaymentGroup select, div.makePaymentGroupNew select {
	width:137px;
}

/*Added for correct display of tabs*/

ul.billSectionSelectService li.selected,
ul.billSectionSelectService li.selected a {
	height:36px;
}

ul.billSectionSelectService li span  { 
	height: 33px; 
}

div.billSectionForm ul.buttonsInLine {
	text-align:right;
}

/* Styles for using font from server on tabs*/

@font-face {
	font-family: newbt;
	src: url(NewBT.ttf) format("truetype");
}

.activeTab { 
	font-family: newbt, verdana, helvetica, sans-serif;
	color:#663399;
	font-size:12px;
	font-weight:bold;
	line-height:36px;
}

.disabledTab { 
	font-family: newbt, verdana, helvetica, sans-serif;
	color:#336699;
	font-size:12px;	
	font-weight:bold;
	line-height:33px;
}

ul.billSectionSelectService li span {
	padding:0 10px 0 10px;
	background: url("/static/wa/appsyouraccount/images/css/switch_services_bg.gif") no-repeat -197px top; /* CM 27/07/10 */
}

ul.billSectionSelectService li.selected span {	
	background: url(/static/wa/appsyouraccount/images/switch_services_selected_bg.gif) no-repeat -222px top;	
}

ul.billSectionSelectService li.selected {	
	background: url(/static/wa/appsyouraccount/images/switch_services_selected_bg.gif) no-repeat right -36px;
}

ul.billSectionSelectService li.selected a {	
	background: url(/static/wa/appsyouraccount/images/switch_services_selected_bg.gif) no-repeat right -36px;
}

ul.billSectionSelectService li.selected,
ul.billSectionSelectService li.selected a {
	 background: url(/static/wa/appsyouraccount/images/switch_services_selected_bg.gif) no-repeat right -36px; 
}

div.makePaymentSummary-eb {
	padding: 0 !important;
	border: 0;
	margin-top: 0;
	/*float: left;
	width: 100%;
	clear: left;*/
}

div.makePaymentSummary-eb p {
	padding-bottom:20px;
}

div.optionBlock {
	border-top:2px solid #ECECEC;
	clear:right;
	padding-top:10px;
	padding-bottom:10px;
}

div.optionBlock.lastOpt {
	border-bottom:2px solid #ECECEC;
}

div.loggedOutPayment-eb {
	border-top:medium none;
	padding:0 !important;
}