/* This CSS file uses the following conventions:

1. Headings take the following form:
   *--- (Higher up in HTML hierarchy) ---*
   *-- (Mid level in HTML hierarchy) --*
   *- (Low level in HTML hierarchy) -*
   * (Lowest level in HTML hierarchy) *
   
2. CSS naming convention.
   Class names should be in camel case (myVariable). They should not use underscores (my_variable) or hyphens (my-variable)

3. Always precede a selector with the HTML element it is intended for. 
   This means:  div.myClass or *.myClass instead of .myClass
   
4. Keep CSS as compact as possible. 
   If a selecter applies only one or two properties, lay it out over one line instead of two.
     
*/ 



/*---- BT Your account ----*/


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


/*--- Styles reset ---*/
body { margin: 0; padding: 0; font-size: 62.5%;	font-family: Tahoma, sans-serif;  }  /* Sets default from 16px to 10px for easy manipulation using 'ems' */ 
a img { border: none; vertical-align:middle; }
img{ vertical-align:middle;}
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
ul { list-style-type: none; }
ul, ol { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,p,li,blockquote,q,label,input,select,option,textarea {
	margin: 0;
	padding: 0;
	font-size: 100%; 
	font-weight: normal; 
	vertical-align:middle;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }
/*.clearfix { display: inline-block; }*/

/*--- General ---*/
html { background: white; }
html body {
	min-width: 765px;  /*width and height are handled in IE6 by JS & ie6.css */
	max-width: 980px;
	padding: 0px;
	margin: 0 auto;
	/* background: url(/static/wa/appsyouraccount/images/css/header_bar.gif) 20px 7em no-repeat; */		
}
.hidden{
	position:absolute;
	left:-10000px;
}
.inline{
	display:inline;
}

/* Generic styles */
.floatLeft { float: left; }
.textRight { text-align: right; }

/*hide from both visual and screenreader interfaces*/
.nodisplay{
	display:none;
	visibility:hidden;
}

/* no border...! */
.disabled{
	border:1px solid #ccc;
}
.contentArea .noBorder, #mainContentArea .noBorder {
	border: none;
}
	
/* no margin! */
#mainContentArea div.noMarginBottom {
	margin-bottom: 0;
}
#mainContentArea div.noPadding {
	padding: 0 !important;
}
#mainContentArea .noPaddingBottom, div#mainContentArea div.tellUsPaymentDetails {
	padding-bottom: 0;
}
div#mainContentArea div.tellUsPaymentDetails {
	border: none !important;
}
p.formInfo {
	padding-top: 15px;
}
div#mainContentArea div.tellUsPaymentDetails p.formInfo {
	padding-top: 0;
	padding-bottom: 10px;
}

/* position relative to place buttons */
#mainContentArea div.floatNameContainer {
	width: 100%;
	padding-top: 0;
	float: left;
}
#mainContentArea div.floatNameContainer p.nameContainer {
	margin-top: 5px;
	/*margin-bottom: -20px;*/
	margin-bottom: -5px;
}
#mainContentArea div.floatNameContainer p.nameContainer strong {
	float: left;
	font-weight: normal;
	margin-right: 100px;
}	

/*--- Header ---*/
div#header { 
	padding-right: 20px;
	margin-right: -20px;
	overflow: hidden; 
	/* background: url(/static/wa/appsyouraccount/images/css/header_bar_end.gif) 100% 5em no-repeat; */		
}

/*-- Company information --*/
div#companyInformation { float: left; margin-right: 20px; }

/*-- Login information --*/
ul#loginInformation { 
	float: left; 
	overflow: hidden;
	margin: 2px 20px 0 0;
}
ul#loginInformation li { 
	padding-left: 15px;
	margin: 0 15px 0 -15px;
	float: left; 
	font-size: 1.1em;
	background: url(/static/wa/appsyouraccount/images/css/divider.gif) 5px 50% no-repeat;
}

/*-- Search panel --*/
div#searchPanel { margin: 12px 0 1em;}
div#searchPanel p, div#searchPanel input.inputBox { font-size: 1.1em; }
div#searchPanel {float: right;}
div#searchPanel input.inputBox,
div#searchPanel input.inputButton, 
div#searchPanel p#searchAdvancedOptions { float: left; }
div#searchPanel input.inputBox { 
	padding: 1px 2px 2px;
	margin: 0 5px 3px 0;
	background: #F1F8FF;
	border: 2px solid #ECE9D8; 
	border-style: inset; 
}
div#searchPanel label { position: absolute; left: -20000px; }
div#searchPanel input.inputButton { margin: 1px 0 0 0; }
div#searchPanel p.searchAdvancedOptions { margin: 2px 0; }
div#searchPanel p.viewSearchTips {clear: both; }

/*-- Section title --*/
p.sectionTitle { height: 30px; float: left; margin-top: 10px; }

/*-- Primary navigation --*/
ul#primaryNavigation { 
	padding: 0 5px 0 0;
	margin: 0 -9px 0 0;
	position: relative;
	z-index: 2;
	/*width: 964px;*/
}
ul#primaryNavigation li { 
	width: 20%;
	float: left;
	line-height: 1.2; 
	background: url(/static/wa/appsyouraccount/images/css/tab_bg.gif) -391px top no-repeat;
}
ul#primaryNavigation li a, 
ul#primaryNavigation li strong {
	display: block;
	margin-left: 4px;
	margin-right:0px;
	padding-top: 0.25em; /*3px*/
	padding-left: 5px;
	padding-bottom: 0.25em; /*3px*/
	padding-right: 10px;
	height: 1.417em; /*17px*/
	height: 100%;
	font-size: 1.2em;
	font-weight: bold;
	word-spacing: -1px;
	color: white;
	background: url(/static/wa/appsyouraccount/images/css/tab_bg.gif) 100% -300px no-repeat #6c9ee1;
	text-decoration: none;
} 
ul#primaryNavigation li.selected, 
ul#primaryNavigation li.selected strong { color: black; background-image: url(/static/wa/appsyouraccount/images/css/tab_selected_bg.gif);background-color:transparent; } 
ul#primaryNavigation li.selected { margin-bottom: -1px; }
ul#primaryNavigation li.selected strong { padding-bottom: 0.333em; /*4px*/}
ul#primaryNavigation li.selected strong a {
	color: black !important; background-image: none !important; background-color:transparent !important; font-size: 1.1em; padding: 0 !important; margin-top: -2px; position: relative; top: 2px; margin-left: 0;;
}

/* Start Safari 4 fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   ul#primaryNavigation li.selected strong a {
       margin-bottom: 1px;
   }
}
/* end Safari 4 fix */
div.navigationBorder {height: 1px; width: 100%; clear: both; overflow: hidden; border-top: 1px solid #859CD3;}

/*-- Secondary navigation --*/
ul#secondaryNavigation {
	clear: both;
	margin: 0;
	padding: 5px 0 7px 10px;
	/*border-top: 1px solid #859cd3; C.Mulley 07/12/09 - Remove due to global header launch */
	border-left: 1px solid #AFAFAF;
	border-right: 1px solid #AFAFAF;
	overflow: hidden;
	background: url(/static/wa/appsyouraccount/images/css/secondary_nv_bg.gif) bottom repeat-x;
	/*width: 948px;*/
}
ul#secondaryNavigation li { 
	float: left; 
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -11px;
	margin-right: 10px;
	font-family: Verdana, sans-serif;	
	font-size: 1.1em;
	border-left: 1px solid #A7A7A7;
}

/*--- Content areas ---*/
div#contentAreas {
	overflow: hidden;
	position: relative;
	border-right: 1px solid #AFAFAF;
	/*width: 959px;*/
	z-index: 1;
	/*float: left;*/
}
div#contentAreas.contentAreasWithTertiaryNavigation {
	background: #e4e4e4 url(/static/wa/appsyouraccount/images/css/leftbar_bg.gif) left repeat-y;
}

/*-- Breadcrumbs --*/
div#breadcrumbs {
	overflow: hidden;
	padding: 18px 0 5px;
	margin: 0;
	border-left: 1px solid #AFAFAF;
	background: white;
	font-family: Verdana, sans-serif;
}
div#breadcrumbs p.breadcrumbsHeading { 
	padding-right: 0.5em;
	padding-left: 20px;
	float: left; 
	font-size: 1.1em;
	color: #666; 
}
div#breadcrumbs ul.breadcrumbsList { 
	margin-right: 200px;          /*to prevent overlapping 'hints & tips' on text resize */
	float: left; 
	background: white;  
}
div#breadcrumbs ul.breadcrumbsList li { 
	margin-right: 0.5em; 
	float: left; 
	font-size: 1.1em; 
}
div#breadcrumbs ul.breadcrumbsList li a { 
	padding-right: 1em; 
	float: left; 
	display: block; 
	background: url(/static/wa/appsyouraccount/images/css/breadcrumb_arrow.gif) 100% 0.5em no-repeat;
}
div#breadcrumbs ul.breadcrumbsList li strong { font-weight: normal; }

/*-- Hints and tips --*/
p.helpAndTips {
	position: absolute;
	z-index: 2000;
	width: 200px;                 /*to prevent overlapping breadcrumbs on text resize */	
	padding: 18px 0 20px 0;
	right: 20px;
	top: 0;
	font-family: Verdana, sans-serif;
	font-size: 1.1em;
	text-align: right;
	/*background: url(/static/wa/appsyouraccount/images/icons/operator_blue.gif) right 16px no-repeat ;*/
	z-index: 2000;
}
p.helpAndTips span{
	/*background-image:url(/static/wa/appsyouraccount/images/css/transparent70.png);	*/
	background-color:#FFFFFF;
	padding:5px;
}
p.helpAndTips a { padding-left: 8px; background: url(/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif) no-repeat left 0.3em; }

/*-- Tertiary column --*/
div#tertiaryNavigationColumn {
	width: 160px;
	float: left;
	clear: both;
	font-family: Verdana, sans-serif;
}
ul.personalInformation,
ul#tertiaryNavigation { 
	padding: 10px 20px; 
	background: white;
	border-left: 1px solid #AFAFAF;
}

/*-- Personal information --*/
ul.personalInformation { border-left: 1px solid #AFAFAF; background: white; }
ul.personalInformation li {	font-size: 1.1em; padding-bottom: 0.333em; /*4px*/ color: #666; }
ul.personalInformation li.personalInformationName { font-weight: bold; color: #64379B; }
ul.personalInformation li.personalInformationAddressLine1 {}
ul.personalInformation li.personalInformationAddressLine2 {}
ul.personalInformation li.personalInformationStatus {}
			
/*-- Tertiary navigation --*/
ul#tertiaryNavigation {
	padding-top: 0;
	font-size: 1.1em;
	border-left: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
}
ul#tertiaryNavigation li { 
	margin-top: -1px;
	padding: 7px 0 7px;
	background: url(/static/wa/appsyouraccount/images/css/horizontal_border_dotted.gif) left top repeat-x; 
}
ul#tertiaryNavigation li h3 {
	padding: 0 0 2px;
	font-weight: bold;
	color: #666;
	height: auto;
}
ul#tertiaryNavigation li ul { padding-top: 0; margin-left: 10px; }
ul#tertiaryNavigation li ul li { margin: 0; padding: 5px 0 2px; background:  none; }
ul#tertiaryNavigation li ul li ul li { padding: 7px 0 0; }
ul#tertiaryNavigation li strong { font-weight: normal; color: black; }

/*-- Switch accounts area --*/
div.switchAccounts {
	padding: 10px 0px 20px 0;
	margin-left: 10px;
	display: inline;
	float: left;
	background: url(/static/wa/appsyouraccount/images/css/switch_accounts_bg.gif) left 40px repeat-x;
}
div.switchAccounts h2 {
	height: auto;
	padding-top: 5px;
	padding-left: 25px;
	padding-bottom: 20px;
	background: url(/static/wa/appsyouraccount/images/icons/person_violet.gif) left top no-repeat;
}
div.switchAccounts select {
	min-width: 110px;
	float: left;
	margin-right: 3px;
	font-size: 1.1em;
	color: #666;
}
div.switchAccounts select option {	padding: 1px;  }
div.switchAccounts input.inputButton {
	margin-right: -10px;
	position: relative;
	top:-1px;
	float:left;
}

/*--- Footer ---*/
div#footer {
	clear: both;
	margin: 0;
	padding: 12px 20px 14px;
	background: #EBEBEB;
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
}
ul#footerLinks { overflow: hidden; }
ul#footerLinks li { 
	float: left; 
	padding-left: 12px;
	padding-right: 7px;
	margin-left: -11px;
	margin-right: 10px;
	font-size: 1.1em;
	background: url(/static/wa/appsyouraccount/images/css/divider.gif) 0 50% no-repeat;
	color: #06c;
}
ul#footerLinks li a{color: #06c !important;}

/*--- Main content area ---*/
div#mainContentArea {
	/* min-height: 450px; */
	height: auto !important;
	padding: 0 20px 10px 20px; /* padding: 10px 20px 20px 20px; */
	clear: right;
	font-size: 1.1em;
	color: #666;
	border-left: 1px solid #AFAFAF;
	background: #e4e4e4 url(/static/wa/appsyouraccount/images/css/content_areas_bg_b.gif) top repeat-x;
}	
div#contentAreas.contentAreasWithTertiaryNavigation div#mainContentArea {
	margin-left: 160px;
	border-left: none;
	float: none;
}
html[xmlns*=""] body:last-child ul#primaryNavigation {float: left;display: inline;width: 960px;} /* Safari 2 fix */
html[xmlns*=""] body:last-child ul#secondaryNavigation {overflow: visible;height: 14px;} /* Safari 2 fix */
html[xmlns*=""] body:first-of-type ul#primaryNavigation { width: 101%;} /* Safari 3 fix */
html[xmlns*=""] body:first-of-type ul#secondaryNavigation {overflow: hidden;} /* Safari 3 fix */																	    

/*-- Content areas --
div.contentArea {
	margin: 20px 0;
	margin-bottom: 20px;
	padding: 20px 10px;
	border-top: 3px solid #B9DAEC;
	background: white;
}*/

div.contentAreaFixed,
div.contentAreaMoveable { width: 544px; }
div.billSectionExtraInformation{padding-bottom:20px;}
div.contentAreaNoEmphasis { border-color: #64379B;border: none;background:#ffffff; padding:20px 10px 0 10px; margin-top:20px;}
div.contentAreaNoEmphasis h4 {/*margin-left:10px;*/ margin-top:10px; padding:0;}
/*div.contentAreaNoEmphasis div.billSectionExtraInformation{ padding:0px 10px 10px 10px;}*/
div.contentAreaMoveable {
	border-top: 1px solid #B9DAEC;
	border-bottom: 1px solid #B9DAEC;
}
#mainContentArea div.contentAreaMinusMargin {
	margin-top: 0 !important;
}
body.windowLargerThan1024 div.contentAreaMoveable {
	float: right;
	width: 154px;
	display: inline; /*for ie6 */
	position: relative;
	background: #EBFAFC;
}

/*- Benefits -*/
div.heroContainer {
	margin-right:-20px;
	margin-left: -20px;
	/*position: relative;*/
	height: 249px;
	display: block;
}
div.heroContainer h1 {
	border: none;
	width: auto;
	padding: 0;
}
div.benefits {
	background: url(/static/wa/appsyouraccount/images/css/bg_benefits_hero.jpg) left top;
	overflow:hidden;
}
div.resizedHeaderHero {
	background: url(/static/wa/appsyouraccount/images/css/bg_800x600_hero.jpg)
}
div.benefits h1 {
	margin-top: 30px; /* margin-top: 80px;*/
	margin-left: 20px; /* margin-left: 15px; */
}
div.panelMain {
	border:0 none;
	clear:none;
	display:block;
	float:left;
	margin:0 !important;
	padding:0;
	width: 530px;
}
div.panelMain h2 {
	font-size: 1.5em;
	font-weight: normal;
}
div.panelMain div.panelTopLeft {
	background: url(/static/wa/appsyouraccount/images/css/panel_main_topleft.gif) no-repeat scroll left top;
	font-size: 1px;
}
div.panelMain div.panelTopRight {
	background: url(/static/wa/appsyouraccount/images/css/panel_main_topright.gif) no-repeat scroll right top;
	font-size: 1px;
}
div.panelMain div.panelTop {
	background:transparent url(/static/wa/appsyouraccount/images/css/panel_main_top.gif) repeat-x scroll center top;
	height:8px;
	margin:0 8px;
	font-size: 1px;
}
div.panelMain div.panelMainContent {
	background-color:#FFFFFF;
	padding: 0 10px 0 10px;
}
div.panelMain div.panelBottomLeft {
	background: url(/static/wa/appsyouraccount/images/css/panel_main_bottomleft.gif) no-repeat scroll left top;
	font-size: 1px;
}
div.panelMain div.panelBottomRight {
	background: url(/static/wa/appsyouraccount/images/css/panel_main_bottomright.gif) no-repeat scroll right top;
	font-size: 1px;
}
div.panelMain div.panelBottom {
	background:transparent url(/static/wa/appsyouraccount/images/css/panel_main_base.gif) repeat-x scroll center top;
	height:8px;
	margin:0 8px;
	font-size: 1px;
}
div.panelMain h3 {
	font-weight: bold;
}
div.benefitsContent img {
	/* width: 80px; */
	float: left;
	margin: 0 0 0 20px;
	/* height: 100px; */
	clear: right;
	padding-top: 12px;
}
div.benefitsContent div.content {
	width: 70%;
	clear: right;
	margin: 0 0 0 130px;
	position: relative;
	top: -5px;
	padding-top: 12px;
}
div.benefitsContent ul {
	margin: 1px 0 20px 0;
}
div.benefitsContent ul li {
	background: url(/static/wa/appsyouraccount/images/icons/bullet_dot_grey.gif) no-repeat left 0.4em;
	padding-left: 8px;
	margin: 0 0 1em 0;
	/*clear: both;*/
	display: block;
}
div.expandableContent div.benefitsContent div.shortDesc p a, div.expandableContent div.benefitsContent p a.textLink {
	top: -5px !important;
	position: relative;
}
div.signUpInfo {
	border-top: 1px solid #EAEAEA;
	padding-top: 14px;
	margin: 10px 0 0 0;
}

/* benefits redesign */
.benefitsIcons { margin-top: 10px; }
.benIcon {
	width: 490px;
	float: left;
}
.benefitsIcons .last{
	margin-bottom: 10px;
}
.benefitsIcons .benIcon img {
	width: 46px;
	height: 60px;
	margin-right: 20px;
}
.benefitsIcons .benCopy {
	margin-top: 10px;
}
.benefitsIcons .benIcon p {
	padding-bottom: 5px;
}

/*- Recent Usage -*/
div.contentArea {padding:10px;background: white; border-top: 3px solid #B9DAEC; margin-top:0px; }
div.contentAreaFixed,div.contentAreaFull{margin-top:20px !important; position:relative;}
div.contentAreaHeader { padding: 0 10px; margin-top: -10px !important; }
div.contentAreaHeader h1 { margin: 0 -10px; }
div.contentAreaFixed{ padding-top:10px; padding-bottom:10px;}
div.contentAreaSimple { background:#ffffff; padding:0 10px 10px 10px; /* was 10px */margin-top: 0 !important; overflow: hidden; }
div.contentAreaSimpleFixed { background:#ffffff; padding:10px; margin-top: 0 !important; width:544px; overflow: hidden; }
div.loggedOut div.contentAreaSimpleFixed { background:#ffffff; padding:0;margin-top: 0 !important; width:544px;min-height:350px; }
div.contentAreaBillInformation {
	min-height: 2.0em;
	padding: 10px 10px 3px 10px;
	/*border-top: 3px solid #64379B;*/
	border-bottom: 1px solid #e9e9e9;
	background: url(/static/wa/appsyouraccount/images/css/whitesmoke_bg.gif) left top;
}
div.contentAreaTabInformation{min-height:62px; padding:15px 10px 10px 10px;background:none;font-size:1.1em;}
div.contentAreaPlain {
	margin: 10px 0 0 0;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	background: none;
}
div.contentAreaFirst{margin-top:15px !important;}
div.yourPayments h3 {color: #64379B; font-size: 2em; font-weight: normal;}
div.contentAreaEmphasised{border-top:3px solid #64379B;}
div.contentAreaPlain div.billHeader {padding-bottom: 15px; position:relative;}
div.contentAreaPlain h2{ padding-bottom:0;}
div.billHeader p.nameContainer{float:left;margin:0;}
div.billSectionForm div.billSectionFormGroup select{ position:static;}
table.tableData tbody td a span {padding:0;}
div.billSectionForm div.billSectionFormGroup label.dateRange{width:auto; padding-right:3px; width:7em;}
div.graphAnalysis div.billSectionForm div.billSectionFormGroup label.range {
	padding:0 10px 0 5px;
	display:block;
	float:left;
	width:10em;	
}
div.graphAnalysis div.billSectionForm div.billSectionFormGroup label.billPeriod { padding:0 63px 0 5px;}
div.billSectionForm ul.buttonsInLine{
	width: auto;
	margin-top:5px;
	padding-left: 108px;
	padding-bottom:2px;
	text-align:left;
	clear:both;
	border: none;
}
div.billSectionForm ul li input.inputButton{
	vertical-align:middle;
	padding-right:5px;
}
div.billSectionForm ul.buttonsInLine li input.clearForm{
	position:relative;
	top:-8px;
	background:transparent url(/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif) no-repeat scroll left center;
	padding-left:5px;
	margin-left:10px;
}
div.contentAreaSubTabs{ background:#ffffff url(/static/wa/appsyouraccount/images/css/bg_tabsub_nav.gif) repeat-x;}
div.contentAreaSubTabs{}
div.billSectionForm div.billSectionFormGroup select.switchBillView{ width:21em}
div.billSectionForm div.billSectionFormGroup select.switchBillCallType{ width:13em}
div.contentArea h4 img { vertical-align:top; }
div.contentArea h4 span.number { padding:4px; color:#64379B;}

/*- Bill section -*/
div.billSection { padding: 10px 0; z-index:10;position:relative;}
div.billFirst { padding-bottom:0px; }
div.billSection p.nameContainer,
div.billSection p.descContainer,
div.billSection p.actionsContainer { margin: 0 170px 0.2em 0; padding: 0; }
div.billSection p.actionsContainer { padding-top: 10px; }
div.billSection p.nameContainer strong { font-size: 1.3em; }
div.billSection p.nameContainer strong,
div.billSection p.priceContainer { font-weight: normal;}
div.billSection p.nameContainer span { color: #80379b; }
div.billSection p.nameContainer a span { color: #005293 }
div.billSectionSummary p.priceContainer,
div.billSection p.priceContainer{
	margin-right: 0;
	position: absolute;
	top: 10px;
	right: 114px;
	text-align: right;
	font-size:1.3em;
}
div.billSection p.descContainer{ line-height:1.45em;}
div.billPaymentTime,div.productBenifit{ padding:2px 30px !important; }
div.productBenifit span {font-weight:bold;}
div.billPaymentTime p.priceContainer{ top: 0 !important; font-size:1em; right:200px; }
div.billSectionSummary { padding-bottom: 0; font-size:1.1em;}
div.billSectionSummary p.nameContainer,
div.billSectionSummary p.priceContainer { font-size: 1.4em !important; border-top: 1px solid #e9e9e9; color: #64379b; }
div.billSectionSummary p.nameContainer { margin-right: 114px; width: auto; padding-top:5px; }
div.billSectionSummary p.priceContainer { width: 80px; right: 0; padding-top:5px; }
div.billSectionSummary p.priceContainer strong { font-weight: bold; }
div.billTotal { padding: 0 0 15px 0; }
div.contentAreaEmphasised div.billTotal p.priceContainer{right: 0;color:#64379B; font-size:1.8em; padding-top:10px;}
div.contentAreaEmphasised div.billTotal p.priceContainer span{font-size:0.5em; display:block; color:#666666}
div.billTotal p.priceContainer { right: 0; top: -36px; }
div.billTotal p.priceContainer strong { font-size: 1.8em; color: #64379b; }
div.billTotal p.adobeReader { padding-bottom: 0; clear: both; text-align: right; }
div.billSectionExtraInformation p.priceContainer { right: 190px; }
div.billSectionExtraInformation p.actionsContainer { top: 0.4em; right: 0; padding-top: 0; }
div.billSectionExtraInformation p.actionsContainer {
	position: absolute;
	top: 0.5em;
	right: 0px;
	margin-right: 0;
	text-align: right;
}
div.billSectionMessages {
	margin-top: 0.5em;
	border-top: 1px solid #eaeaea;
}
div.contentAreaNoEmphasis div.billSectionMessages ul.actionsContainer{float:right;}
div.contentAreaNoEmphasis div.billSectionMessages ul.actionsContainer li{float:left;}
div.contentAreaNoEmphasis div.billSectionMessages ul.actionsContainer li a.billPrint {visibility: visible; position: static;}
div.billSectionMessages p.infoMsg { margin: 0; }
div.billContent{background:#ffffff; margin-bottom:15px; padding:10px;}
div.billAmount{ border-top:3px #64379b solid; padding:10px 0px 0px 0px; overflow:hidden; margin-top:15px;}
div.billAmount h3{float:left; padding-top:2px; font-size: 1.9em; color: #64379B;}
div.billAmount p.priceContainer{ float:right; color:#64379B; font-size:1.9em; text-align:right;}
div.billAmount p.priceContainer span{ font-size:.5em; color:#666666; position:relative; top:-8px }
div.billAmount p.buttonsInLine{ float: right; clear:both;}
div.billAmount p.buttonsInLine a { margin-left:5px;}
div.billAmount p.buttonsInLine a img{
	top:0px;
}
div.billContent div.billSectionSummaryTable { padding:0;}
div.billSectionSummaryTable { padding-bottom: 0; margin-right: 104px; padding:5px 10px 0px 0px; }
table.SummaryTableFirst { margin-top:15px; }
div.billSectionSummaryTable p.nameContainer{ font-size:1.5em; color:#64379b; padding:0 0 8px 0}
div.contentAreaNoEmphasis div.billSectionTableBound p.nameContainer,
div.contentAreaNoEmphasis div.billSectionTableBound p.priceContainer { border-top:none;}
div.contentAreaNoEmphasis div.billSectionTableBound p.nameContainer a {float:left; font-weight:normal; font-size:0.9em !important;}
/*div.billSectionTableBound p.priceContainer { top: 0; }*/
div.billSectionTableBound p.descContainer {
	margin-bottom: 1em;
	text-align: right;
	line-height: 2em;
	margin-right: 120px;
	font-size:.9em;
}
div.billSectionTableBound p.nameContainer,
div.billSectionTableBound p.priceContainer { padding-bottom: 0; padding-top: 0; border-bottom: 1px solid #e9e9e9; line-height: 1.8em; }
div.billSectionTableBound p.nameContainer { text-align: right; color: #666; padding:0 7px 0 0; }
div.billSectionTableBound p.savedTitle{ text-align: right; color: #666; font-size:1.4em; margin-right:114px; padding:0 7px 0 0;}
div.billSectionTableBound p.savedAmount{right:0; width:80px; text-align:right; position:absolute; top:45px; color:#64379B; font-size:1.4em; padding:0;}
p.buttonsInLine { text-align: right; margin-right: 0; }
p.buttonsInLine img {
	margin-left: 5px;
	position: relative;
	top: 0.7em;
}
ul.buttonsInLine {
	display: block;
	width: 100%;
	padding: 10px 0;
	margin-top:15px;
	text-align: right;
	border-top:1px solid #EAEAEA;
}
ul.buttonsInLine li { padding: 0 0 0 10px; display: inline; float: none; }
ul.buttonsInLine li.actionsContainerBack { padding-left: 0; float: left; }
ul.buttonsInLine li a.info { 
	background:transparent url(/static/wa/appsyouraccount/images/icons/info_green.gif) no-repeat scroll left 0.7em;
	padding:10px 0px 0px 14px;
}

/* Bill section information */
fieldset.billSectionSwitch {
	min-width: 20em;
	padding: 0;
	border: none;
	text-align: right;
}
fieldset.billSectionSwitch label { position: relative; top: -0.3em; }
fieldset.billSectionSwitch select {
	position: relative;
	top: -0.2em;
	min-width: 7em;
}
fieldset.billSectionSwitch input {
	position: relative;
	margin-left: 5px;
	top: 0.4em;
}

/* Bill section header */
div.billHeader p.descContainer { margin: 0;  padding-top:5px;}
div.billHeader p.infoMsg {
	padding: 0px 0px 10px 15px !important;
	color: #333333;
	 font-weight:bold;
	background:url(/static/wa/appsyouraccount/images/icons/info_green.gif) no-repeat scroll left top
}
div.billFormatAccountType{
	float: left;
	margin: 12px 0 0 0;
	width: 100%;
}
div.billFormatAccountType p.infoMsg {
	float: left;
	display: inline;
	padding: 0px 0px 10px 15px !important;
	color: #333333;
	background:url("/static/wa/appsyouraccount/images/icons/info_green.gif") no-repeat scroll left top
}
div.billFormatAccountType p.infoMsg a{
	margin: 0 0 0 3px;
	padding-left: 8px;
	background: url("/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif") no-repeat left 0.3em; 
}
div.billFormatAccountType .accountType label{
	margin: 0 5px 0 0;
}
div.billFormatAccountType .accountType{
	float: right;
	display: inline;
}
div.billHeader p.nameContainer {font-size: 1.5em;  float:left;  } /*H D*/
div.billHeader p.importantMsg{padding:5px 0;}
div.billHeader p.importantMsg strong,
div.billHeader p.nameContainer strong,
div.billHeader p.nameContainer span { color: #80379b; font-weight: normal; }
div.billHeader p.nameContainer span { font-weight: bold; }

/* Bill section lists */
div.contentAreaTabInformation {
	background-color: #FFFFFF;
	width: 704px;
	font-size:1.1em;
}
div.panelContent {
	width: auto !important;
	float: left;
	margin-bottom: 30px;
	/*	position: relative;*/
}
div.panelAlternateContent {
	float: left;
	width: auto !important;
	margin-bottom: 22px;
	margin-left: 10px;
}
div.panelContent p.intro, div.panelAlternateContent p.intro {
	font-size: 1.4em;
	/*font-weight: 600;*/
}
ul.billSectionBaseData { float: left; }
ul.billSectionBaseData li { display: inline; list-style: none;}
div.contentAreaTabInformation ul{ float: right; margin-top:3px; }
div.contentAreaTabInformation ul.billSectionBaseData li{display: block; list-style: none; line-height: 1.5em; text-align:right;}
ul.billSectionBaseData span.nameContainer { color: #80379b; font-weight: bold; }
ul.billSectionBaseData span.descContainer { padding: 0 1em 0 0.2em; }
ul.actionsContainer { list-style: none;}
ul.actionsContainer li { 
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 1em;
	float: right;
}
div.billSectionMessages ul.actionsContainer li{ padding-top:0;}
div.paymentDeatils{overflow:hidden}
div.paymentDeatils ul.actionsContainer li{ float:left; padding:10px 5px 15px 0 }
ul.billSectionQAndAList {
	padding: 0;
	margin-left: -10px;
	margin-right: -10px;
	list-style: none;
}
ul.billSectionQAndAList li {
	display: block;
	padding: 0 10px;
	line-height: 27px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: url("/static/wa/appsyouraccount/images/css/help_button_bg.gif") repeat-x left top;
	margin-bottom: 1px;
}
ul.billSectionQAndAList li a {
	display: block;
	line-height: 27px;
}
.expandableContent div.shortDesc { /*display: none;*/ }
.expandableContentCollapsed div.shortDesc { display: block; }
.expandableContentCollapsed ul.billSectionQAndAList li a {
	background: url("/static/wa/appsyouraccount/images/icons/plus.gif") no-repeat left center;
	padding-left: 20px;
}
ul.billSectionNumberedList {
	margin-top: 0.5em;
	line-height: 1.6em;
	color: #005293;
}
ul.billSectionNumberedList li {
background: url(/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif) no-repeat scroll 0px 5px;
padding-left:10px;
}

/* section tables */
table.tableData { width: 100%; border-collapse: separate; }
table.tableData thead th {
	padding: 0 7px; 
	line-height: 23px;
	font-weight: normal;
	border: 1px solid #e9e9e9;
	border-right-color: #afafaf;
	background: #f8f8f7 url("/static/wa/appsyouraccount/images/css/table_header_bg.gif") repeat-x right bottom;
	text-align: left;
}
table.tableData thead th a{
	color:#666666;
}
table.tableData td {
	vertical-align: top;
}
table.tableData td span.type {
	color: #333;
}
table.tableData td ul {
	margin-bottom: 10px;
}
table.tableData td ul li {
	line-height: 1.4em;
}
table.fourCol th,table.fourCol td{
	width:25%;
}
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; }
table.tableData th.tableDate {width: 22%;}
table.tableData th.tableTime, table.tableData th.tablePrice {width: 12%;}
table.tableData tr.tableTotal th,
table.tableData tr.tableTotal td {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: none;
	padding: 0 0.4em;
	font-size: 1.5em;
}
table.tableData tr.tableTotal td.tablePrice { color: #80379b; }
table.tableData th.tablePrice { border-right-color: #e9e9e9; }
table.tableData tbody tr { line-height: 2.4em; }
table.tableData tbody td, table tbody th {
	font-weight: normal;
	padding: 0 7px;
	background: url("/static/wa/appsyouraccount/images/css/table_row_splitter.gif") repeat-x left bottom;
	text-align: left;
}
table.tableData tbody td a span {
	background-repeat: no-repeat;
	background-position: left center;
}
table.tableData tbody td a.mobile span {
	background-image: url("/static/wa/appsyouraccount/images/icons/mobile_green.gif");
}
table.tableData tbody td a.phone span {
	background-image: url("/static/wa/appsyouraccount/images/icons/phone_green.gif");
}
table.tableData tbody td a.home span {
	background-image: url("/static/wa/appsyouraccount/images/icons/home_green.gif");
}
table.tableData tr.borderless th,
table.tableData tr.borderless td { background: none; }
table.tableData tr.hover {
	background-color: #f8fbfd;
}
table.tableData tbody th a {
	color: #005293;
}
table.tableData tbody th a:hover {
	text-decoration: underline;
}
table.tableFixed {
	width: 564px;
	margin: -10px;
	margin-bottom: 10px;
}

/* Bill section select service */
ul.billSectionSelectService {
	position: relative;
	z-index: 2;
	overflow:hidden;
	margin-top:-46px;
}
ul.billSectionSelectService li {
	display: block;
	float: left;
	margin-right: 5px;
	background: url("/static/wa/appsyouraccount/images/css/switch_services_bg.gif") no-repeat right -36px;
}
ul.billSectionSelectService li a  {
	float: left;
	height: 33px;
	display: block;
	background: url("/static/wa/appsyouraccount/images/css/switch_services_bg.gif") no-repeat -197px top;
	cursor: hand;
	/*padding: 0 20px 0 15px;*/
}
ul.billSectionSelectService li.selected,
ul.billSectionSelectService li.selected a {
        background: url("/static/wa/appsyouraccount/images/css/switch_services_selected_bg.gif") no-repeat right -36px; 
}
ul.billSectionSelectService li.selected span {
 	background:transparent url(/static/wa/appsyouraccount/images/css/switch_services_selected_bg.gif) no-repeat -222px top; /* CM 27/07/10 change from -197px */
	display:block;
	float:left;
	margin-right:5px;
}
ul.billSectionSelectService li span {
	padding: 0 15px 0 12px;
}
ul.billSectionSelectService li.selected a,  ul.billSectionSelectService li span  { 
	height: 36px; 
	display: block; 
}
ul.billSectionSelectService li a img, ul.billSectionSelectService li span img { margin-top: 10px; }

/* Products Tabs Sub Navigation*/
div.tabSubNav ul {
	margin:8px 0 20px 1px;
	overflow:hidden;
}
div.tabSubNav ul li{
	float:left;
	border-left:2px solid #A7A7A7;
	padding:0px 10px;
	margin-left:-2px;
	overflow:hidden;
}
div.tabSubNav ul li.selected{
	font-weight:bold;
	color:#64379b;
}

/* Bill section select call summary */
ul.billSectionCallSummarySwitch {
	position: relative;
	top: -35px;
	float: right;
}
ul.billSectionCallSummarySwitch li { display: inline; }

/* Bill section friends and family */
div.billSectionFriendsAndFamily { float: right; width: 240px; }
div.billSectionFriendsAndFamily h4 { padding-top: 0; padding-bottom: 5px; }
div.billSectionFriendsAndFamily p { margin-right: 0 !important; padding-bottom: 0.5em; }
div.billSectionFriendsAndFamily p em { font-style: normal; font-size: 1.4em; }
div.billSectionFriendsAndFamily p em span { color: #64379b; font-weight: bold; }
div.billSectionFriendsAndFamily p strong { color: #666; }
div.billSectionFriendsAndFamilyTable { margin-right: 290px; }
div.billSectionFriendsAndFamilySummary {
	position: static;
	margin-right: 290px;
	border-top: 1px solid #e9e9e9;
	text-align: right;
}
div.billSectionFriendsAndFamilySummary p.nameContainer,
div.billSectionFriendsAndFamilySummary p.priceContainer {
	margin-right: 0;
	font-size: 1.4em !important;
	border: none;
	display: inline;
	line-height: 1.8em;
}
div.billSectionFriendsAndFamilySummary p.priceContainer { position: static; }
div.billSectionFriendsAndFamilySummary p.descContainer { margin-right: 0; margin-bottom: 1em; }
div.billSectionFriendsAndFamilyTable div.billSectionTableBound p.priceContainer { color: #64379b; }

/*All Bills Section*/
div.billVatDetails{ float:left;}
ul.billInvoiceDetails{margin-top:10px;}
ul.billInvoiceDetails,ul.billInvoiceDetails li{ overflow:hidden;}
ul.billInvoiceDetails li{position:relative; border-bottom:1px #eaeaea solid; padding-bottom:16px; margin-bottom:18px;}
ul.billInvoiceDetails li.last{border-bottom:none; margin-bottom:0;}
div.viweBillDetails{ position:absolute; text-align:right; bottom:16px; right:0; }
div.billVatDetails p{padding-bottom:4px;}
div.billVatDetails p.billDate{ font-weight:bold;}
/*div.billVatDetails p span.billInfo{width:180px;float:left;}*/

div.viweBillDetails a { padding:3px;}
div.viweBillDetails a.blockButton {display:block; padding-bottom:5px;}

/*Usage analysis*/
div.graphAnalysis{ padding:0 10px 10px 0; background:#FFFFFF;}
div.graphAnalysis p.infoMsg{margin-top:10px;}
div.legends  {
	padding: 10px 10px 10px 10px;
	background: url("/static/wa/appsyouraccount/images/css/whitesmoke_bg.gif") left top;
	overflow:hidden;
}
div.legends ul.legendInfo{ float:left;}
div.legends ul.actionsContainer li { padding:0;}
div.legends ul.legendInfo li{ float:left;}
/*End Usage Analysis*/

/* Bill section switch */
div.billSectionSwitch {
	padding: 15px 5px 0px 0;
	display: table;
	width: 100%;
}
div.contentAreaWithTabsSpace { margin-bottom: 50px; }
div.contentAreaSubTabs div.billProduct{padding: 0px 0 8px 0;}
div.contentAreaWithTabs div.billProduct{padding: 20px 0 10px 0;}
div.billSectionSwitch p.nameContainer {
	margin-right: 0;
	float: left;
	font-size:1.4em;
}
div.billSectionSwitch p.nameContainer span{ color:#80379B;}
div.billSectionSwitch fieldset {
	min-width: 20em;
	padding: 0;
	border: none;
	text-align:right;
}
div.billSectionSwitch fieldset label { position: static;  }
div.billSectionSwitch fieldset select { position: static; min-width: 9em; }
div.billSectionSwitch fieldset label.pages { position: static;  top: 0; }
div.billSectionSwitch fieldset select.pages { position: static; min-width: 4em; margin-right:5px; }
div.billSectionSwitch fieldset input { margin-left: 5px; vertical-align:middle;}
div.billSectionForm {
	padding: 0;
	background: url("/static/wa/appsyouraccount/images/css/light_grey_bg.gif") repeat left top;
}

/* Bill section forms */
div.billSectionForm {z-index: 2; margin: 0; padding-bottom: 0.2em; }
div.billSectionForm fieldset {
	padding: 10px;
	border: none;
}
div.billSectionForm p.billSectionShowHide,
div.billSectionForm p.descContainer {
	margin-right: 0;
	padding: 10px;	
}
div.expandableContentShow  p.billSectionShowHide{border-color: #ececec;
	border-width: 0;
	border-style: solid;}
div.billSectionForm div.billSectionFormGroup { margin-top: 0.5em; }

div.billSectionForm div.billSectionFormGroup label {
	line-height: 2em;
	float: left;
	width: 10em;
}
div.expandableContent div.billSectionFormGroup label {
	width: 10.4em;
}
div.expandableContent div.billSectionFormGroup label.dateRange {
	padding-right: 3.4em;
}
div.expandableContent div.billSectionFormGroup ul.dateRange li label.dateRange {
	padding-right: 3px;
}
div.expandableContent ul.buttonsInLine {
	padding-left: 10.4em;
}
div.billSectionForm .graphFilters{
	position:relative;
}
div.billSectionForm .graphFilters .dateRangeFields{
	float:left;
	padding-left:3px;
}
div.billSectionForm .graphFilters .PE_errWrapper{
	/*	position:absolute;
	top:0px;
	right:0px; 
	rem DB 2008-10-24*/
}
div.billSectionForm div.billSectionFormGroup ul label {
	float: none;
}
div.billSectionForm div.billSectionFormGroup select {
	width: 15.1em;
}
div.billSectionForm div.billSectionFormGroup input.billSectionFormDate {
	width: 6em;
	margin-right: 0.5em;
}
div.billSectionForm p.billSectionShowHide { border-bottom-width: 1px; padding:6px;}
div.billSectionForm p.descContainer { border-top: 1px solid #ECECEC; }
div.billSectionForm fieldset p.descContainer {
	font-size: 1.1em;
	padding: 0 0 1em 0;
	border: none;
}
div.billSectionForm div.billSectionFormGroup ul li {
	list-style: none;
}
div.billSectionForm div.billSectionFormGroup label.dateRange{ width:7.0em;}
div.billSectionForm div.billSectionFormGroup #dateRange {float:left;margin-top:3px;}
div.billSectionForm div.billSectionFormGroup ul.dateRange{
	float:left;
	margin-top: -2px;
	width:60%;
}
div.billSectionForm div.billSectionFormGroup ul.dateRange li{
	padding-right:5px;
	padding-bottom:6px;	
	clear:both;
}
div.billSectionForm ul.buttonsInLine li {
	padding: 0;
	display: inline;
	float: none;
}
div.billSectionForm ul.buttonsInLine li input.clearForm {
	height: 3em;
	border: none;
	background: none;
	color: #005293;
	cursor: pointer;
}

/*-- Payment section --*/
div.paymentSectionExtraInformation div.paymentSectionAction {
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
div.paymentSection {
	padding: 20px 0 5px 0 !important;
	border-top: 2px solid #f4f4f4;
	clear: right;
}
div.paymentSectionNew {
	border-bottom: 2px solid #f4f4f4;
	margin-bottom: 20px;
}
div.paymentInputSection {
	border-top: 2px solid #f4f4f4;
	padding: 20px 0 !important;
}
div.paymentInputSection label {
	padding-top: 2px;
}
div.paymentAmount {
	float: left;
	width: 100%;
}
div#mainContentArea div.makePaymentSummary {
	padding: 0 !important;
	border: 0;
	margin-top: 0;
	float: left;
	width: 100%;
	clear: left;
}
div#mainContentArea div.makePaymentSummary ul {
	float: left;
	width: 100%;
}
div.paymentAmount span.descContainer {
	width: 170px;
	display: block;
	float: left;
}
div.paymentSectionEmail {
	padding: 10px 0 15px 0 !important;
	border-top: 2px solid #f4f4f4;
}
div.paymentSectionEmail label {
	padding-bottom: 9px;
}
div.paymentSection h2, div.paymentSection label {
	font-size: 1.4em;
}
div.paymentSection h2 {
	color: #80379B;
	font-size: 1.6em;
	font-weight: normal;
}
div.paymentSection label {
	padding-left: 5px;
	color: #666;
}
div.paymentSection label.smallLabel, div.paymentSectionEmail label.smallLabel {
	font-size: 1em;
	display: block;
	float: left;
}
div.paymentSectionEmail label.smallLabel {
	width: 40%;
	margin: -2px 0 0 0;
}		
input#cancelPaymentConfirm {
	float: left;
}	
div.paymentSection label.amountLabel {
	width: 182px;
	display: block;
	float: left;
	font-size: 1em;
	padding-left: 0;
}
div.paymentSection div.formDetails label.amountLabel {
	width: 151px;
}
div.loggedOutPayment label.amountLabel {
	width: 161px;
}
div.loggedOutPayment input#payment_amount {
	width:150px;
}
div.paymentSectionAmount {
	padding-bottom: 10px;
}	
div.paymentSectionAmount label {
	float: left;
	width: 150px;
	padding-top: 2px;
}
div.paymentSection p.infoMsg, div.paymentSection p.infoMsgNew {
	margin-bottom: 0.3em;
}	
div.paymentSection ul li {
	margin-bottom: 10px;
}
div.paymentSection table.tableData ul li {
	margin-bottom: 7px;
}
		
/* empty generic content div for client */
div.genericContent {
	padding: 10px 0;
}
div.accountDetails {
	min-height: 2.2em;
	height: auto !important;
	height: 2em;
}	
div.accountDetails ul {
	color: #64379b;
}
div.accountDetails ul li {
	font-weight: bold;
	float: left;
}
div.accountDetails ul li span {
	font-weight: normal;
	color: #666;
}
div.accountDetails ul li.floatRight {
	float: right;
}
div.paymentSection p.importantMsg strong, div.paymentSectionSummary p.importantMsg strong { color: #80379b; font-weight: normal; }
div.paymentSectionSummary p.importantMsg { font-size: 1.6em !important; }
div.paymentSectionSummary p.infoMsg {
	font-weight: bold;
	padding-bottom: 1em !important;
	margin-bottom: 1em;
	border-bottom: 1px solid #eaeaea;
}
div.paymentSectionSummary p.infoMsg span {font-weight: normal;}
div.paymentSection p.infoMsg {
	margin-left: 0;
}
div.indentPaymentInfo p.nameContainer {
	font-size:1.4em;
}
div.paymentSectionSummary ul { font-size: 1.3em; margin-bottom: 0.5em; }
div.paymentSection p span.billInfo, div.indentPaymentInfo p span.billInfo {width:170px;float:left;}
div.paymentSection p.subtitleContainer { font-size: 1.3em; }
div.paymentSectionAction ul.buttonsInLine { border: none; margin-top: 0; padding: 0; }

/* div.paymentSection p.detachedContainer { border-top: 1px solid #e9e9e9; margin-top: 5px; padding-top: 15px; } */

/* Your payment details */
.paymentSectionNewCard {
	padding: 0 0 15px 0;
}
.paymentSectionNewCard label.primaryLabel {
		font-size: 1.4em;
		padding-left: 5px;
}
.paymentSectionNewCard input, .paymentSection input#cardnumber, .paymentSection input#cardname {
	width: 150px;
}
.paymentSectionNewCard input.radio {
		width: auto;
}
input#issuenumber, input#securitycode {
	width: 45px;
}		
select#cardtype {
	width: 154px;
}
.savedCard {
	position: relative;
}	
.savedCard input {
	width:150px;
}
.paymentSection .savedCard .radio {
	width: auto;
}
.savedCardInner {
	margin: 10px 0;
	padding: 5px 0 5px 22px;
	border-bottom: 1px solid #e9e9e9;
}
.savedCardInner div label {
	font-size: 1em;
	float: left;
	width: 170px;
}
.savedCardInner input {
	width: 45px;
}	
input#savecard {
	width: auto;
}	
select#start_month, select#start_year, select#expiry_month, select#expiry_year {
	width: 75px;
	margin-right: 1px;
}
input#payment_amount { }	
select#month_pay_date {
	width: 122px;
	margin-bottom: 10px;
}
#mainContentArea p.payDateError {
	float: right;
	width: 190px;
	margin-top: -30px;
}
html[xmlns*=""] body:first-of-type  div#mainContentArea p.payDateError {margin-top: 0;} /* Safari 3 fix */
#mainContentArea span.payRecommended {
	width: 150px;
	position: absolute;
	right:50px;
}
span.amountToPay {
	margin: 0 0 0 -8px;
}	
span.name {
	display: block;
	float: left;
	width: 170px;
}
.paymentSection .savedCardInner label {
	padding-left: 0;
}
.paymentSection .savedCardInner div {
	padding-bottom: 9px;
}
.paymentSection .savedCardInner .helpDiv, .paymentSection .savedCardInner .helpDiv-top, .paymentSection .savedCardInner .helpDiv-top-left, .paymentSection .savedCardInner .helpDiv-base, .paymentSection .savedCardInner .helpDiv-right, .paymentSection .savedCardInner .helpDiv-base-left {
	padding-bottom: 0;
}
/*.paymentSectionNewCard .cardDetails div.helpDiv {left: 34em; }
.paymentSectionNewCard .cardDetails .helpDiv, .paymentSectionNewCard .cardDetails .helpDiv-top, .paymentSectionNewCard .cardDetails .helpDiv-top-left, .paymentSectionNewCard .cardDetails .helpDiv-base, .paymentSectionNewCard .cardDetails .helpDiv-right, .paymentSectionNewCard .cardDetails .helpDiv-base-left {
	padding-bottom: 0;
}
*/
.paymentSectionNewCard .wrap .helpDiv, .paymentSectionNewCard .wrap .helpDiv-top, .paymentSectionNewCard .wrap .helpDiv-top-left, .paymentSectionNewCard .wrap .helpDiv-base, .paymentSectionNewCard .wrap .helpDiv-right, .paymentSectionNewCard .wrap .helpDiv-base-left {
	padding-bottom: 0;
}
.remove {
	position:absolute;
	right:0;
	top:5px;
}
div#mainContentArea div.creditCardVisuals {
	float: left;
	padding-top: 18px;
	border-top:2px solid #F4F4F4;
}	
div#mainContentArea div.creditCardVisualsNew {
	width: 100%;
}
div.creditCardVisuals img {
	margin: 0 0 10px 8px;
}
div.creditCardVisualsNew img {
	margin-right: 20px;
}
div.cardDetails {
	margin-top: 10px;
	padding-left: 22px;
}
h2.cardDetailsTitle {
	margin-bottom: 0;
}
#mainContentArea div.wrap {
	padding-bottom: 10px;	
}
#mainContentArea div.wrap span.pseudoLabel {
	width: 170px;
	display: block;
	float: left;
	padding-top: 5px;
}	
.cardDetails div.wrap label {
	width: 170px;
	float: left;
	padding: 3px 0 0 0;
	font-size: 1em;
}
#mainContentArea div.checkWrap {
	margin-bottom: 10px;
}
#mainContentArea div.checkWrap label {
	float: none;
	font-size: 1em;
	padding-left: 5px;
}
p.PE_help {
/*	margin-top: 10px;*/
	padding-bottom: 0.5em !important;
	margin-bottom: 10px;
}
p.helpRemember {
	margin-top: 10px;
	padding-bottom: 0;
}
div.chooseName label {
	font-size: 1em;
	padding-left: 0;
	padding-top: 4px;
	float: left;
	width: 170px;
}
	
/* Regular payments */

/* .indentPaymentInfo {
	padding-left: 23px;
} */	
div.indentPaymentInfo h2 {
	/*	color: #666;*/
}

/* change regular payment */
div.noTextBorder {border: none !important;}
div.noTextBorder img.changePayment { }
img.setUpRegPayment, img.directDebit {
	float: right;
	vertical-align: baseline;
	margin-bottom: 10px;
}
img.changePayment {
	float: right;
	vertical-align: baseline;
	margin-bottom: 15px;
}
img.directDebit {
	margin: 10px 0 0 30px;
}
img.setUpRegPayment{ margin: 0 0 10px 0;}
img.changePayment {
	margin-left: 10px;
}
div#mainContentArea div.setupRegularPayment {
	width: 100%;
	float: left;
	clear: left;
}
div.regularPayment h2 {
	font-size: 1.6em;
	color: #80379B;
	font-weight: normal;
}
div.regularPayment h2 span {
	font-size: 0.85em;
	color: #666666;
	font-weight: normal;
	margin-left: 60px;
}

/* Payment history */
div.paymentSectionExtraInformation {
	margin-bottom: 15px;
}
	
/* payment section action */
div.paymentSectionAction {
	min-height: 38px;
	clear: right;
}
div.paymentSectionAction p {
	float: right;
	padding-bottom: 0;
}	
.paymentSectionAction .PE_print {
	float: right;
}
div.paymentSectionAction p.infoMsg {
	float: none;
}
	
/* Account details */
div.accountLogin {
	margin-top: 0;
	padding: 0 0 10px 0;
}
div.accountLogin h2 {
	color: #80379B;
	font-size: 1.6em;
	font-weight: normal;
}
#mainContentArea div.accountLogin div.wrap {
	padding-bottom: 5px;
}
div.accountLogin label {
	font-size: 1em;
	float: left;
	width: 150px;
	padding: 0 0 0 0;
}
div.accountLogin input {
	margin-bottom: 5px;
}	
div.accountLogin input#sortCode, div.accountLogin input#sortCode_1, div.accountLogin input#sortCode_2 {
	width: 35px;
}
.paymentSection .accountLogin div.helpDiv {left: 34em; }
.paymentSection .accountLogin .helpDiv, .paymentSection .accountLogin .helpDiv-top, .paymentSection .accountLogin .helpDiv-top-left, .paymentSection .accountLogin .helpDiv-base, .paymentSection .accountLogin .helpDiv-right, .paymentSection .accountLogin .helpDiv-base-left {
	padding-bottom: 0;
}	
		
/* payment holiday */
div.selectMonth {
	margin-bottom: 10px;
}
.holidayAreaFixed, .holidayAreaFixedComplete {
	position: relative;
}
.holidayAreaFixed img.changePayment, .holidayAreaFixedComplete img.changePayment {
	float: none;
	position: absolute;
	right: 20px;
	top: 43px; /* 88px with heading */
}
.holidayAreaFixedComplete img.changePayment {
	top: 100px;
}
div.holidaySpacing {
	padding-bottom: 15px;
}
	
/* make a payment */
div.emailConfirmation {
	margin-bottom: 0;
	clear: left;
	padding-bottom: 18px !important;
}
div.emailConfirmation label {
	font-size: 1em;
	padding-left: 0;
	float: left;
	width: 170px;
}	
#mainContentArea div.paymentAmount p {
	float: left;
}
	
/* payment misc */
div.clear {
	clear: left;
	height: 1px;
	font-size: 1px;
	width: 100%;
}
#mainContentArea div.paymentSection ul.paymentList {
	margin-bottom: 30px;
}
div.clearRight {
	clear: right;
}

/*-- pagination --*/
div.paginationContainer {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding:10px 0 10px 10px !important;
	margin-bottom:10px !important;
}
ul.pagination {
	text-align: right;
	position: relative;	
}
ul.pagination li {
	display: inline;
	padding: 0 0.5em;
	list-style: none;
}
ul.pagination li.paginationNumber {
	padding: 0 0.1em;
	font-weight:bold;
}
ul.pagination li.paginationNumber a {
	font-weight:normal;
}
ul.pagination li.paginationShowAll {
	padding-left: 0;
}
ul.pagination li.paginationNext {
	padding-right: 0;
}
ul.pagination li.paginationShowAll {
	border-right: 1px solid #d1d1d1;
	padding-right: 8px;
	margin-right: 4px;
}
ul.pagination li.paginationShowAll a.arrowRight span {
	/* padding-right: 2px;
	padding-left:9px;
	background-position: left center; */
	background-image: none;
}

/*-- Popup box --*/
div.popupBox, div.popupBox div {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
div.popupBox {
	left: 10em;
	zoom: 1;
	margin-top: 16px;
	position: absolute !important;
	z-index: 98;
	background: url("/static/wa/appsyouraccount/images/css/popup_box_bg.png") repeat-y right top;
}
div.popupBox span.topborder,
div.popupBox span.topborder span,
div.popupBox span.baseborder,
div.popupBox span.baseborder span {
	display: block;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url("/static/wa/appsyouraccount/images/css/popup_box_border.png");
}
div.popupBox span.topborder,
div.popupBox span.baseborder { position: absolute; width: 100%; }
div.popupBox span.topborder span,
div.popupBox span.baseborder span { margin-left: 16px; }
div.popupBox span.topborder { top: -16px; background-position: -748px top; }
div.popupBox span.topborder span { background-position: right -42px; }
div.popupBox span.baseborder, div.popupBox span.baseborder span { height: 24px; }
div.popupBox span.baseborder { top: 100%; background-position: -748px -16px; }
div.popupBox span.baseborder span { background-position: right -58px; }
div.popupBox div.content {
	position: relative;
	top: -16px;
	margin-bottom: -16px;
	z-index: 100;
	padding-left: 10px;
	padding-right: 30px;
}

/*- Popup callendar -*/
div.callendarBox { width: 200px; }
div.callendarBox div.callendarBoxHeader {
	position: absolute;
	z-index: 99;
	width: 184px;
	height: 42px;
	background: url("/static/wa/appsyouraccount/images/css/medium_grey_bg.gif") repeat left -1px;
}
div.callendarBox div.callendarBoxHeader span.topborder,
div.callendarBox div.callendarBoxHeader span.topborder span,
div.callendarBox div.callendarBoxHeader span.baseborder,
div.callendarBox div.callendarBoxHeader span.baseborder span {
	background-image: url("/static/wa/appsyouraccount/images/css/medium_grey_border.png");
}
div.callendarBox div.callendarBoxHeader span.topborder span {
	margin-left: 8px;
	background-position: right -26px;
}
div.callendarBox div.callendarBoxHeader span.baseborder {
	height: 10px;
	background-position: -748px -16px;
}
div.callendarBox div.callendarBoxHeader span.baseborder span {
	height: 10px;
	margin-left: 8px;
	background-position: right -42px;
}
table.callendarTable { width: 100%; }
table.callendarTable caption {
	padding-top: 0.5em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 3em;
}
table.callendarTable thead th,
table.callendarTable tbody td {
	text-align: right;
	font-weight: normal;
	padding: 0.2em 0.5em;
}
table.callendarTable thead th {
	padding-bottom: 2em;
}
table.callendarTable tbody td.actualDay {
	font-weight: bold;
	color: black;
}

/*-- Adivice of payment --*/
div.loggedOut{width:725px; background:#FFFFFF; padding:20px 10px 10px 10px;}
div.makePaymentSection p {
	line-height: 1.4em;
	margin-bottom: 1em;
}
div.makePaymentSummary {
	margin-bottom: 1em;
	/* margin-left:2em; */
}
div.loggedOut div.makePaymentSummary {
	margin-bottom: 1em;
	margin-left:.1em;
}
div.makePaymentSummary p {
	margin-bottom: 0;
	padding-bottom:7px;
}
p.error {color:#FF6600}
div.makePaymentSummary p span.billInfo,
div.makePaymentSummary p label.billInfo,
div.makePaymentSummary div.paymentfield span.billInfo,
div.makePaymentSummary div.paymentfield label.billInfo { float:left; width:160px; }
div.makePaymentSummary p label.radioPayment, div.makePaymentSummary div.paymentfield label.radioPayment{ min-height:30px;}
div.makePaymentSummary label.paymentMode{ display:block; padding-bottom:5px;}
div.makePaymentSummary label.paymentMode input{ margin-right:5px;}
.confirmMsg {
	background:transparent url(/static/wa/appsyouraccount/images/icons/success.gif) no-repeat scroll right top;
	padding-bottom:5px;padding-right:20px;
}
div.makePaymentSummary p input, div.makePaymentSummary div.paymentfield input{ width:175px; padding:2px 0;}
div.makePaymentSummary div.paymentfield input {padding: 0;}
div.makePaymentSummary p input.radio, div.makePaymentSummary div.paymentfield input.radio{ width:auto;}
div.makePaymentSummary p input.amountPaid, div.makePaymentSummary div.paymentfield input.amountPaid{ width:65px; color:#666666;}
div.makePaymentSummary p select, div.makePaymentSummary div.paymentfield select{ width:179px; height:20px; color:#666666;}
div.contentAreaSimpleFixed p.formInfo{ padding-bottom:20px;}
div.formDetails div.paymentfield,div.formDetails p{ padding-bottom:12px;}
div.formDetails p label.accountLabel{ float:left; padding-right:20px; padding-top: 2px;}
div.loggedOut div.formDetails p label.accountLabel{ float:left; width:150px; margin-top:2px; }
div.loggedOut div.formDetails p select.accountLabel{ width:250px; color:#666666;}
div.formDetails label {
	font-size: 1em;
	padding-left: 0;
}
div.makePaymentAction {
	padding:10px 0	;
	text-align: right;
	border-top: 1px solid #E9E9E9;
	overflow:hidden;
}
div.makePaymentAction input,
div.makePaymentAction a {
	display: block;
	margin-left: 10px;
	float: right;
	width: auto;
}
div.makePaymentGroup, div.makePaymentGroupNew {
	/*margin-bottom:10px;
	border-bottom:1px solid #e9e9e9;*/
	padding-bottom: 15px;
}
div.makePaymentGroup label, div.makePaymentGroupNew label {
	float: left;
	width: 160px;
}
div.makePaymentGroup div.selectPaymentType label, div.makePaymentGroupNew div.selectPaymentType label{
	/* float:none; */
}
div.makePaymentGroup input, div.makePaymentGroupNew input {
	width: 133px;
}
div.makePaymentGroup select, div.makePaymentGroupNew select {
	width: 180px;
}
div.makePaymentGroup input.amount, div.makePaymentGroupNew input.amount {
	width: 175px;
}
div.makePaymentGroup input.checkbox,
div.makePaymentGroup input.radio, div.makePaymentGroupNew input.checkbox, div.makePaymentGroupNew input.radio {
	float: left;
	width: auto;
	margin-right: 5px;
}
div.makePaymentGroup div.selectPaymentType, div.makePaymentGroupNew div.selectPaymentType {
	margin-left: 160px;
	min-height: 1em;
	margin-bottom: 5px;
	padding-bottom: 2px;
	clear:left;
}
div.makePaymentGroupNew div.selectPaymentType:after, div.makePaymentGroup div.selectPaymentType:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
div.makePaymentGroup div.first, div.makePaymentGroupNew div.first {
	clear: none;
	margin-bottom:5px;
}
div.makePaymentGroup div.radioGroup, div.makePaymentGroupNew div.radioGroup {
	margin: 0 0 8px 0;
	clear: left;
}
div.makePaymentGroup select#accountName, div.makePaymentGroupNew select#accountName {
	width: 27.5em;
}
p.makePaymentConfirmMsg {
	padding-left:21px;
	padding-bottom: 0;
	color:#005293;
	background: url("/static/wa/appsyouraccount/images/icons/success.gif") no-repeat center left;
	line-height: 2em;
}
div.makePaymentDivider {
	border-top:2px solid #F4F4F4;
	padding: 15px 0 5px 0;
	margin-bottom: 10px;
}
div.makePaymentSummary div.paymentfield select#paymentDate {
	width: 175px;
}

/* need to check this
#paymentTypeContainer div span {
	font-weight: bold;
	padding: 0 5px;
}
#paymentTypeContainer div div span {
	font-weight: normal;
	padding: 0;
}
#YourAccount-1_3_1b #adviceOfPaymentContainer, #YourAccount-1_3c #addPaymentContainer {
	border: none;
	padding-bottom: 15px;
	margin-bottom: 0;
}
#paymentDetailsContainer, #additionalPaymentDetailsContainer {
	padding-bottom: 30px;
}
#YourAccount-1_2a #paymentDateContainer,
#YourAccount-1_2b #paymentDateContainer,
#YourAccount-1_3a #paymentDateContainer,
#YourAccount-1_4a #paymentDateContainer,
#YourAccount-1_4b #paymentDateContainer {
	padding-bottom: 70px;
}
#paymentDetailsContainer p, #additionalPaymentDetailsContainer p, #paymentDetailsContainer1 p {
	margin: 0;
}
#accountNumberContainer div div, #referenceNumberContainer div {
	margin-bottom: 5px;
}
#accountNumberContainer div div div, #referenceNumberContainer div div {
	margin-bottom: 0;
}
#accountNumberContainer div span {
	font-weight: bold;
	text-transform: uppercase;
}
#accountNumberContainer div div span {
	font-weight: normal;
	text-transform: none;
}
#accountNameContainer div .PE_error {
	top: 1.3em;
}
#addPaymentContainer div, #paymentDetailsContainer1 div {
	display: table;
	width: 100%;
}
#paymentDetailsContainer1 div {
	padding-top: 1em;
}
#addPaymentContainer.account div.header, #paymentDetailsContainer1.account div.header, #addPaymentContainer.account div.header div, #paymentDetailsContainer1.account div.header div {
	display: block;
	width:512px;
	padding-top: 0;
}
#addPaymentContainer.account div.header div, #paymentDetailsContainer1.account div.header div {
	padding-top: 6px;
	width: auto;
}

*/

/* temporary hidden content */

/*div.lightBox {
	display: none;
} DB commented out, this is inaccessible*/

/* Expandable areas */
div.expandableContentCollapsed div.shortDesc a {
	padding-left: 17px;
	background: url("/static/wa/appsyouraccount/images/icons/plus.gif") no-repeat left center;
	cursor:pointer;
}
div.expandableContentShow div.shortDesc a {
	padding-left: 17px;
	background-image: url("/static/wa/appsyouraccount/images/icons/minus.gif");
	cursor:pointer;
}
div.expandableContent div.longDesc { }
div.itemisedListingFiltersInner div.longDesc {
	display:block;
}
div.expandableContentCollapsed div.longDesc {
	display:none;
}
div.expandableContentShow div.longDesc {
	display:block;
}

/*EXPANDABLE AREAS OVERRIDES*/

/*override for non-js users*/
div.expandableContent.defaultToOpen div.longDesc{
	display:block;
}

/*--- Typography ---*/
h1, h2, h3, h4 { margin: 0; padding: 0; }
h1 { 
	padding: 0 0 10px;
	/* font-size: 2em; */
	color: black;
	border-bottom:3px solid #64379B;
}
h1.indexHeading {
	font-size: 2em;
}
h1.yourBill {
	padding-bottom: 23px;
}
h2 {
	padding-bottom: 0.6em;
	font-weight: bold;
	color: #666; 
	font-size: 1.4em;
} 
h3 {
	padding-bottom: 0.5em;
}
h4 { 
	padding-top: 15px;
	padding-bottom: 0;
	font-size: 135%;
	font-weight: normal;
}
a.arrow span, a.textLink {
	padding-left: 8px;
	background: url("/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif") no-repeat 0 0.3em;
	cursor: pointer;
	zoom: 1;
}
a.textLink {
	padding-left: 8px;
	background: url("/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif") no-repeat 0 0.20em;
	cursor: pointer;
}
a.arrowRight span {
	padding-right: 9px;
	background: url("/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif") no-repeat right center;
	cursor: pointer;
}
a.arrowLeft span {
	padding-left: 9px;
	background: url("/static/wa/appsyouraccount/images/icons/arrow_blue_left.gif") no-repeat left center;
	cursor: pointer;
}
a.plus span,
a.minus span {
	padding-left: 17px;
	background: url("/static/wa/appsyouraccount/images/icons/plus.gif") no-repeat left center;
}
a.minus span {
	background-image: url("/static/wa/appsyouraccount/images/icons/minus.gif");
}
a.infoMsg {
	padding:10px 10px 10px 0 !important;
	/* background: url("/static/wa/appsyouraccount/images/icons/info_green.gif") no-repeat left .8em; */
}
p { padding-bottom: 1em; }
p.description{ padding:0;}
div.billSectionExtraInformation p.description{ padding:5px 0 5px 1px;}
div.allCostsNoPrint p.description{ padding:10px 0 10px 8px;}
div.billSectionExtraInformation p.priceContainer { right: 0.9em; }
div.billSectionExtraInformation p.infoMsgLink{padding:3px 0 0 15px;}
p.infoMsg, p.infoMsgNew {
	/* color: #333; */
	padding:10px 0 0 0 !important; /* was padding-left 12px */
	margin-bottom: 1em;
	/* line-height:1.5em;
	 background: url("/static/wa/appsyouraccount/images/icons/info_green.gif") no-repeat left .8em; */
}
p.infoMsgNew {
	margin-left: 23px;
}
p.moreInfo {
	margin-left: 23px;
	margin-top: -10px;
}
div.expandableContent {
	margin: 0 0 20px 23px;
}
div.contentAreaSubTabs div.expandableContent,
div.contentAreaWithTabs div.expandableContent {
	margin: 0;
}
p.importantMsg { font-size: 1.8em !important; }
p.adobeReader { color: #333; padding:2px 5px 0px 5px; text-align:right; clear:both;}
ul.list {
	padding-bottom: 0.5em;
}
ul.list li {
	line-height: 1.4;
	padding-bottom: 0.4em;
}
table.sortable th a span {
	background:url(/static/wa/appsyouraccount/images/icons/sort_arrow_down.gif) right center no-repeat;
	padding-right:15px;
	zoom: 1;
}
table.sortable th a span.arrowUp {
	zoom: 1;
	background:url(/static/wa/appsyouraccount/images/icons/sort_arrow_up.gif) right center no-repeat;
}
table.sortable th a{
	color:#666666;
	text-decoration:none;
}
table.sortable th.sorttable_sorted span{
	background:url(/static/wa/appsyouraccount/images/icons/sort_arrow_up.gif) right center no-repeat;
}

/*--------Expand Collapse--------*/
div.expandableContentShow div.shortDesc a{
	background-image: url("/static/wa/appsyouraccount/images/icons/minus.gif");
}

/*--- PE errors ---*/
div.PE_error input, .PE_error select{
	border:2px solid #ff6600;
}
input.active {
	border: 2px solid #7d59aa;
}
	
/*take off background colour on input when you focus on it*/
div.PE_error .active{
	background:transparent;
}
div.PE_error input.nobg{
	background:transparent;
}
div.PE_error .PE_errWrapper{
	float:right;
	width:185px;
	position:relative;
	/*top: -15px;*/
}
ul.dateRange div.PE_error .PE_errWrapper{
	margin-top:3px;
}
div.errorTop{
	margin-bottom:5px;
}
div.errorTop .PE_errWrapper,div.mainError .PE_errWrapper{
	float:none;
	width:auto;
	position:static;
	margin:0;
}
div.mainError{
	float:none;
	width:auto;
	position:static;
	padding:10px 0 0;
}
div.PE_error span.PE_error, div.paymentSectionEmail div.PE_error span.PE_error {
	color: #ff6600;
	display:block;	
	/* height:2.7em; */
	margin-right:20px;
	overflow:hidden;	
	position:absolute;
	width:16em;
}
div.PE_error span.PE_error a{
	color:#f60;outline:#999;
}
.paperMandate .accounts div.errorTop{margin:0;}
div.mainError span.PE_error,div.PE_error.errorTop span.PE_error{position:static;margin:0;width:auto;}
div.PE_error span.PE_error img{
	padding-right:5px;
	float:left;
	/*padding-bottom:3em;*/
}
div.mainError span.PE_error img,div.errorTop span.PE_error img{
	padding-bottom:0;
}
div.makePaymentGroup .PE_error span.PE_error {
	/*width: 16.5em;*/
}

/*--- PE lightbox ---*/
.tintedBg{
	background:#afafaf;
	opacity:0.5;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.lightBox{
	margin-top:10px;
	margin-left: 10px;
}
.lightBox.hasJS{
	margin-top:0;
	width:360px;
	z-index:20;
	position:absolute;
	left:50%;
	margin-left:-170px;
}
.lightBox.hideLightbox{
	display:none;
	visibility:hidden;
	border:1px solid red; /*will indicate erroneous display on page*/
}
.lightBox.hasJS .headContainer{
	background-image:url(/static/wa/appsyouraccount/images/css/bg_lightbox_headTop.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-top:10px;
}
.lightBox.hasJS .headContainer .headBody{
	background-image:url(/static/wa/appsyouraccount/images/css/bg_lightbox_headBottom.png);
	background-position:0px bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
	padding-right:6px;
}
.lightBox.hasJS .headContainer .heading{
	color:#fff;
	/*min-height:26px;/*cf ie6 css*/
	padding:0px 11px 0 15px;
	font-size:1.4em;
}
.lightBox .heading{
	/*font-weight:bold;*/
}
#titleContainer_panel .lightBox .heading{
	color:#fff;
}
.lightBox .heading a.closeBtn {
	float:right;
	color:#fff;
	font-size:.75em;
	font-weight:normal;	
}
.lightBox .heading a.closeBtn img{
	vertical-align:middle;
	padding-left:5px;
}
.lightBox.hasJS .content{
	margin:0 15px 0 1px;
	padding:10px 15px;
	background:#fff;
}
.lightBox dl{
	margin:0;
}
/*
.lightbox-top{background:url(/static/wa/appsyouraccount/images/css/bg_lightbox_top.png) repeat-x;height:6px;margin:0 7px 0 8px;}
.lightbox-top-left{background:url(/static/wa/appsyouraccount/images/css/bg_lightbox_topleft.png) top left no-repeat;font-size:0.1em;}
.lightbox-top-right{background:url(/static/wa/appsyouraccount/images/css/bg_lightbox_topright.png) top right no-repeat; height:6px;width:8px;float:right;}
*/
.lightbox-main{background:url(/static/wa/appsyouraccount/images/css/bg_lightbox_left.png) left top repeat-y; font-size: 1.1em;}
.lightbox-right{background:url(/static/wa/appsyouraccount/images/css/bg_lightbox_right.png) right top repeat-y;}
.lightbox-base{background:url(/static/wa/appsyouraccount/images/css/bg_lightbox_base.png) repeat-x;height:17px;margin:0 15px 0 8px;font-size:0.1em;}
.lightbox-base-left{background:url(/static/wa/appsyouraccount/images/css/bg_lightbox_baseleft.png) top left no-repeat;font-size:0.1em;}
.lightbox-base-right{background:url(/static/wa/appsyouraccount/images/css/bg_lightbox_baseright.png) top right no-repeat;height:17px;width:15px; float:right;font-size:0.1em;}
div.lightbox-main .paginationButtons {
	margin-top: 18px;
	text-align: right;
	position: relative;
	left: 20px;
}
div.lightbox-main .paginationButtons img {
	margin: 0 8px 0 0;
} 

/* your payment icons */
.PE_infoToolTipAnchor{
	margin: -8px 0 0 5px;
}
img.informationIcon {
	margin: -2px 0 0 2px;
}

/*-- save/print lightboxes --*/

.lightBox .actionButtons input{
	padding-bottom:5px;
}
.lightBox ul.billRef li{
	list-style:none;
	margin:0;
	font-weight:bold;
}
.lightBox .billDownloadSettings .options{
	margin:20px 0 15px;
}
.lightBox .billDownloadSettings .options input{
	padding-top:5px;
	vertical-align:top;
}
.lightBox .billEmail select {
	width:115px;
}
.lightBox .billDownloadSettings .options label{
	padding:0 32px 0 5px;
}
.lightBox .billEmail select{
	margin:0 5px;
	vertical-align:middle;
}
.lightBox .billEmail input{
	vertical-align:top;
}
.lightBox .xhr_loading h4,.lightBox .xhr_results h4{
	color:#666;
	font-size:1em;
}
.lightBox .xhr_loading,.lightBox .xhr_results{
	border-top:1px solid #e9e9e9;
	margin-top:15px;
	padding-top:10px;
}

/*-- assign name lightbox --*/
.assignName.hasJS .content {
	padding-top:20px;
}
.assignName .content input#assignName, .assignName .content input#selectName, .assignName .content input#selectNumber {
	width:11.5em;
	margin:0 8px 10px 0;
	float:left;
	display:inline;
	clear:left;	
}
.assignName .content fieldset {
	border:none;
	padding:10px 0 10px 0;
	margin:0;
	clear:left;
	min-height:15px;
}
.assignName .content p {
	margin-bottom:0px;
}
.assignName .content div {
	clear:left;
}
.assignName .content fieldset label, .assignName .content fieldset input {
	float:left;
}
.assignName .content fieldset label {
	width:4.8em;
	margin-left:5px;
	height:1.1em;
}
.assignName .content .footer {
	border-top:#E9E9E9 solid 1px;
	padding:10px 0 0 0;
	position:relative;
}
.assignName .content .footer p {
	text-align:right;
	line-height:1.636em;
	padding:0 0 6px 150px;
	/*margin-top:-20px;*/
}
.assignName .content .footer p a {
	padding-left:10px;
}
.assignName .content .footer input, .assignName .content .footer img {
	position:absolute;
}
.assignName .content .footer input {
	top:auto;
	left:0;
	padding:0;
}
.assignName .content .footer img {
	left:67px;
}
.assignName .content .footer a.closeButton img {
	left:134px;
}

/*--- PE contextual help ---*/
div.hidden {
	top:-100000px !important;
	left:-100000px !important;
}
div.helpDiv {
	margin-top: -9px !important;
	width:165px;
	background-color: #7d59aa;
	position:absolute;
	z-index:2;
	left:52em; /* was 36 */
	margin-right:-1px;
}
div.contentAreasWithoutTertiaryNavigation div.helpDiv,
div.contentAreasWithoutTertiaryNavigation div.wrap div.helpDiv,
div.makePaymentGroup div.helpDiv {
	left: 35em;
}
div.savedCardInner div.helpDiv {
	left: 34.5em;
	display: block;
	margin-top: -8px !important;
}
div.emailConfirmation div.helpDiv {
	left: 36em;
}
#mainContentArea div.newHelpDiv div.helpDiv {
	left: 52em;
}
div.wrap div.helpDiv {left: 52em; margin-top: -4px !important; display: block;}
div.helpDiv div{
	margin-bottom:0;
	margin-top:0;
}
div.helpDiv p{
	/* position: relative;
	top: -20px;
	margin-bottom: -13px !important; */
	background:#64379b url(/static/wa/appsyouraccount/images/css/help_white_arrow.gif) no-repeat scroll 8px 3px;	
	color:#fff;
	margin:0 2px;
	padding-left:20px;
	padding-right:5px;
	line-height:1.1em;
}
div.helpDiv p a {
	 color: #005293 !important;
}
.helpDiv-top {
	background: url(/static/wa/appsyouraccount/images/css/help_violet_top.gif) bottom repeat-x;
	font-size:0.1em;
}
.helpDiv-top-left {
	background: url(/static/wa/appsyouraccount/images/css/help_violet_topleft.gif) bottom left no-repeat;
	height:6px;	
}
.helpDiv-top-right {
	background: url(/static/wa/appsyouraccount/images/css/help_violet_topright.gif) bottom right no-repeat;
	height:6px;
}
.paymentSection .savedCardInner div.helpDiv-top-right {
	padding-bottom: 0;
}
.helpDiv-left {
	background: url(/static/wa/appsyouraccount/images/css/help_violet_left.gif) left repeat-y;
}
.paymentSection .savedCardInner div.helpDiv-left {
	padding-bottom: 0;
}
#mainContentArea .helpDiv-right {
	background: url(/static/wa/appsyouraccount/images/css/help_violet_right.gif) right repeat-y;
}
.helpDiv-base {
	background: url(/static/wa/appsyouraccount/images/css/help_violet_base.gif) top right repeat-x;	
}
.helpDiv-base-left {
	background: url(/static/wa/appsyouraccount/images/css/help_violet_baseleft.gif) top left no-repeat;
	height:6px;
}
.helpDiv-base-right {
	background: url(/static/wa/appsyouraccount/images/css/help_violet_baseright.gif) top right no-repeat;
	height:6px;
	font-size: 1px;
}
.paymentSection .savedCardInner div .helpDiv-base-right {
	padding-bottom: 0;
	font-size: 1px;
}

/*print hidden by default for all users, switched on with JS*/
.PE_print{display: none;}
body.hasJs .PE_print{display: inline; }

/*calendar*/
div.calendarPopupBox {
	background: url("/static/wa/appsyouraccount/images/css/popup_box_bg.png") repeat-y right top;
	width:210px;
	margin-top: 16px;
	height:13em;
}
div.calendarPopupBox div.callendarBoxHeader {
	position: absolute;
	z-index: 99;
	width: 194px;
	height: 42px;
	background: url("/static/wa/appsyouraccount/images/css/medium_grey_bg.gif") repeat left -1px;
}
div.calendarPopupBox div.callendarBoxHeader span.topborder,
div.calendarPopupBox div.callendarBoxHeader span.topborder span,
div.calendarPopupBox div.callendarBoxHeader span.baseborder,
div.calendarPopupBox div.callendarBoxHeader span.baseborder span {
	background-image: url("/static/wa/appsyouraccount/images/css/medium_grey_border.png");
}
div.calendarPopupBox div.callendarBoxHeader span.topborder span {
	margin-left: 8px;
	background-position: right -26px;
}
div.calendarPopupBox div.callendarBoxHeader span.baseborder {
	height: 10px;
	background-position: -748px -16px;
}
div.calendarPopupBox div.callendarBoxHeader span.baseborder span {
	height: 10px;
	margin-left: 8px;
	background-position: right -42px;
}
div.calendarPopupBox span.topborder,
div.calendarPopupBox span.topborder span,
div.calendarPopupBox span.baseborder,
div.calendarPopupBox span.baseborder span {
	display: block;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url("/static/wa/appsyouraccount/images/css/popup_box_border.png");
}
div.calendarPopupBox span.topborder,
div.calendarPopupBox span.baseborder { position: absolute; width: 100%; }
div.calendarPopupBox span.topborder span,
div.calendarPopupBox span.baseborder span { margin-left: 16px; }
div.calendarPopupBox span.topborder { top: -16px; background-position: -748px top; }
div.calendarPopupBox span.topborder span { background-position: right -42px; }
div.calendarPopupBox span.baseborder, div.calendarPopupBox span.baseborder span { height: 24px; }
div.calendarPopupBox span.baseborder { top: 100%; background-position: -748px -16px; }
div.calendarPopupBox span.baseborder span { background-position: right -58px; }
div.calendar_wrapper{
	position:absolute;
	z-index:100;
	margin-top:10px;
	left:-9999em;
}
div.calendar{
	padding:0;
	width:170px;
	margin-bottom:-16px;
	padding-left:10px;
	padding-right:30px;
	position:relative;
	top:-16px;
	z-index:100;
}
div.cpMonthDisplay{
	padding-top:8px;
	padding:18px 0 10px;
}
div.cpMonthNavigation{
	text-align:center;
	font-weight:bold;
}
div.cpMonthDisplay, div.calendar table.cpDates thead{
	background: url("/static/wa/appsyouraccount/images/css/medium_grey_bg.gif") repeat left -1px;
}
div.cpMonthDisplay a{
	color:#005293;
}
div.cpPrevNavigation{
	float:left;
	padding-right:10px;
}
div.cpNextNavigation{
	float:right;
	padding-right:5px;
}
div.calendar span{
	padding:0;
	color:#666;
}
div.calendar table.cpDates{
	margin-top:0px;
	text-align:center;
}
div.calendar table.cpDates thead th{
	font-weight:normal;
	padding-bottom:12px;
}
div.calendar table.cpDates th, div.calendar table.cpDates td{
	padding:2px 5px;
	width:13%;
}
div.calendar table.cpDates tbody tr {
	background:#fff;
}
td.cpOtherMonthDate span,td.cpOtherMonthDate a{
	display:none;
}
td.cpCurrentDate{ }
td.cpCurrentDate a,td.cpCurrentDate a:link,td.cpCurrentDate a:visited {
	color:#000;
	font-weight:bold;
}
/* end calendar */

/* modules area */
div.accountModule {
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: white;
	width:564px;
}
div.accountModule div.longDesc div.accountInfo p {color:black; padding:0 0 10px 10px; color:#666;}
div.accountModule div.longDesc div.accountInfo p a {display:block;}
div.accountModule div.longDesc div.accountInfo p.title {color:#64379B; font-weight:bold; padding-bottom:3px;}
div.accountModule span.bottom {height:11px;float:left;width:100%;}
div.accountModule div.shortDesc h3 {font-size: 1.8em; color:#64379b;}
div.accountModule div.shortDesc h3,
div.accountModule h4 { margin-left: 10px; padding-top: 0; }
div.accountModule div.shortDesc h3 span { color:#64379b; }
.windowLargerThan1024 div#ModulesArea {
	position: absolute;
	right: 16px;
	top: 14.9em;
}
.windowLargerThan1024 div.accountModule {
	width:179px;
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
}
.windowLargerThan1024 div.accountModule div.shortDesc{
	padding:8px 5px;
	height:19px;
	position:relative;
	z-index:5;
	background:url("/static/wa/appsyouraccount/images/css/bg_accInfo.png") no-repeat left top;
}
.windowLargerThan1024 div.accountModule span.infoMsg {
	padding: 0px 0px 10px 15px !important;
	color: #ffffff;
	background:url("/static/wa/appsyouraccount/images/icons/info_msg.png") no-repeat left top;
	/* font-weight:bold; */
}
.windowLargerThan1024 div.accountModule div.shortDesc h3 {
	font-size:1.3em;
	color:#FFFFFF;	
}
.windowLargerThan1024 div.accountModule div.shortDesc a{
	background: none;
	padding-left: 0px;
	color:#FFFFFF;
}
.windowLargerThan1024 div.accountModule div.longDesc {
	font-size:1.3em;
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:9px;
	margin-top:-5px;
	border: none;
	background: url("/static/wa/appsyouraccount/images/css/bg_accInfo_bottom.png") no-repeat bottom left;
}
.windowLargerThan1024 div.accountModule div.longDesc div.accountInfo {
	background:url("/static/wa/appsyouraccount/images/css/bg_accInfo_long_middle.jpg") top left repeat-y;
	padding:25px 15px 0 10px;
	width:155px;
}
.windowLargerThan1024 div.accountModule div.longDesc div.accountInfo p{font-size:.8em; padding:0 0 10px 20px;}
.windowLargerThan1024 div.accountModule div.longDesc div.accountInfo p.lineBreak{padding:0 0 10px 20px; }
.windowLargerThan1024 div.accountModule div.longDesc div.accountInfo p.title{padding-bottom:3px;}
.windowLargerThan1024 div.accountModule div.longDesc div.accountInfo h4{padding:0px 0px 0px 0;margin:0;}
div.promo { display:none; }
div.promoFull { display:block !important;}
.windowLargerThan1024 div.promoFull{ display:none;}
.windowLargerThan1024 div.promo{ 
	background:url(/static/wa/appsyouraccount/images/css/feature_module_top.png) no-repeat top left;
	padding-top:86px;
	width:176px;
	position:absolute;
 	right:-192px;
}

/*Promo Small*/
div.promo div.promoContainer {
	background:url(/static/wa/appsyouraccount/images/css/feature_module_bottom.png) bottom left no-repeat; padding-bottom:14px; overflow:hidden;
}
div.promo div.promoContent{
	background:#666666 url(/static/wa/appsyouraccount/images/css/feture_module_middle.jpg) repeat-x;
	border-left:1px #aeaeae solid;
	padding:10px 10px 0 10px;
	color:#FFFFFF; }
div.promoFull div.promoContent p.title, div.promo div.promoContent p.title{  font-weight:bold; padding-bottom:10px;}
div.promoFull div.promoContent p a, div.promo div.promoContent p a{ color:#FFFFFF; text-decoration:none;}
div.promoFull div.promoContent p a:hover, div.promo div.promoContent p a:hover{ color:#FFFFFF; text-decoration:underline;}

/*Promofull*/
.promoFullTop{background:#666666;height:10px;font-size:1px;}
.promoFullTopLeft{background:url(/static/wa/appsyouraccount/images/css/bg_promobox_topleft.gif) top left no-repeat;height:10px;width:10px; float:left;}
.promoFullTopRight{background:url(/static/wa/appsyouraccount/images/css/bg_promobox_topright.gif) top left no-repeat;height:10px;width:10px; float:right; }
.promoFullBase{background:#666666; height:10px;}
.promoFullBaseLeft{background:url(/static/wa/appsyouraccount/images/css/bg_promobox_baseleft.gif) bottom left no-repeat;height:10px;width:10px; float:left;}
.promoFullBaseRight{background:url(/static/wa/appsyouraccount/images/css/bg_promobox_baseright.gif) bottom left no-repeat;height:10px;width:10px; float:right;}
.promoContent { background:#666666; padding:10px;color:#FFFFFF;}

.graphAnalysisGraph{
	background-color:#fff;
	padding:35px 0px 20px 0;
}

/* barGraphPanel */
.barGraphPanel{ padding:25px 0 20px 0;}
.barGraph .firstLine strong{
	display:block;
}
.barGraphPanel .title{
	font-size:1.4em;
	font-weight:normal;
	color:#666;
	padding:0px;
	margin:0px 0px 10px;
}
.barGraphPanel .body{
	position:relative;
	/*margin: 0px 10px;*/
}	
.barGraphPanel .yAxis{
	border-bottom:1px solid #666;
	/*padding:0px 10px;*/
	margin-bottom:-1px;
}
.barGraphPanel .yAxis .last{
	border:none;
	margin-bottom:0px;
}	
.barGraphPanel .yStep{
	/*font-size:1.1em;*/
	color:#afafaf;
	border-bottom:1px solid #afafaf;
	margin-bottom:0px;
	height:4.3em;
	position:relative;
}
.barGraphPanel .yStep span{
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:50px;
}	
.barGraphPanel .xAxisLabel{
	color:#80379b;
	margin-top:3em;
	margin-left:10px;
}
.barGraphPanel .xAxis{
	position:absolute;
	bottom:0px;
	left:55px;
	height:100%;
}
.barGraphPanel .xStep{
	width:60px;
	float:left;
	height:100%;
	position:relative;
}
.barGraphPanel .xStep .bar{
	position:absolute;
	bottom:1px;
	height:0%;
	background-color:#006666;
	background-image:url(/static/wa/appsyouraccount/images/barGraph/barTopLeft.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:72%;
	left:14%;		
	/*cursor:help;*/
	outline:none;
}		
.barGraphPanel .xStep .bar .trCorner{
	background-image:url(/static/wa/appsyouraccount/images/barGraph/barTopRight.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	width:2px;
	height:2px;
}
.barGraphPanel .dblBar .bar{
	background-image:url(/static/wa/appsyouraccount/images/barGraph/barTopSmall.png);
	width:15px;
	left:50%;
	margin-left:-15px;
}	
.barGraphPanel .dblBar .pos1{
	left:50%;
	margin-left:1px;
}	
.barGraphPanel .xStep .bar .free{
	position:absolute;
	overflow:hidden;
	bottom:0px;
	height:0%;
	width:100%;
	background-image:url(/static/wa/appsyouraccount/images/barGraph/barBody.gif);	
	background-position:left top;
	opacity:0.8;
}	
.barGraphPanel .hover {
	z-index:3;
}
.barGraphPanel .xStep .label{
	position:absolute;
	bottom:-5px;
	height:5px;
	border-right:1px solid #666;
	width:100%;
}	
.barGraphPanel .xStep .label span{
	display:block;
	position:absolute;
	top:5px;
	width:100%;
	text-align:center;
	color:#666;
	/*font-size:1.1em;*/
}
.barGraphPanel .xStep .label span strong{
	font-weight:normal!important;
	color:#A909E4;
	display:block;		
}
.barGraphPanel .focus .label span{
	/*font-weight:bold;*/
}	
.barGraphPanel .xStep .barToolTip{
	background: url(/static/wa/appsyouraccount/images/barGraph/tooltipBgBottom2.png) left bottom no-repeat;
	display:none;
	padding-bottom:13px;
	position:absolute;
	left:100%;
	top:0px;
	margin-top:-9px;
	margin-left:2px;
	width:145px;
	z-index:3;
	/*opacity:0.9;*/
}	
.barGraphPanel .xStep .barToolTip p{	
	background-image:url(/static/wa/appsyouraccount/images/barGraph/tooltipBgTop2.png);
	bottom:13px;
	color:#FFFFFF;
	margin:0px;
	padding:3px 10px 3px 15px;
	position:absolute;
	width:120px;		
}
.barGraphPanel .xStep .barToolTip p span{
	/*background-color:#80379B;*/
	padding:1px;
	display:block;
	margin-bottom:-13px;
}	
.barGraphPanel .focus{
	z-index:3;
}
.barGraphPanel .hover .barToolTip{
	display:block;
}
.barGraphPanel .last .barToolTip p{
	padding:3px 15px 3px 10px;
	text-align:right;
}	
.barGraphPanel .last .barToolTip{
	background: url(/static/wa/appsyouraccount/images/barGraph/tooltipBgBottom2Last.png) left bottom no-repeat;	
	right:100%;
	left:auto;
	margin-left:0px;
	margin-right:2px;		
}
.barGraphPanel .legend .descr{
	background-color:transparent!important;
	padding:0px;
	margin:3px 25px 0px 10px;
	float:left;
}
.barGraphPanel .legend{
	clear:both;
	overflow:hidden;
	background-image:url(/static/wa/appsyouraccount/images/barGraph/legendBG.png);
	/*margin-top:0.5em;*/
	padding:10px;
	font-size:1.4em;
	color:#afafaf;
}
.barGraphPanel .legend .free{
	width:16px;
	height:16px;
	margin-top:4px;
	float:left;
	background-image:url(/static/wa/appsyouraccount/images/barGraph/legendFreeBall.png);
	background-repeat:no-repeat;
}
.barGraphPanel .legend .legendBall{
	width:15px;
	height:15px;
	margin-top:4px;
	float:left;
	background-image:url(/static/wa/appsyouraccount/images/barGraph/legendMaskBall.png);	
}
.barGraphPanel .legend a{
	float:right;
}
/* 	bar colours customisation. */ 

/* Calls by type */
.barGraph_CallsByType_colorSet1{
	background-color:#C6E001!important;
}
.barGraph_CallsByType_colorSet2{
	background-color:#69BE28!important;
}
.barGraph_CallsByType_colorSet3{
	background-color:#FFA02F!important;
}
.barGraph_CallsByType_colorSet4{
	background-color:#F26522!important;
}			
.barGraph_CallsByType_colorSet5{
	background-color:#D71F85!important;
}			
.barGraph_CallsByType_colorSet6{
	background-color:#A909E4!important;
}			
.barGraph_CallsByType_colorSet7{
	background-color:#006100!important;
}			
.barGraph_CallsByType_colorSet8{
	background-color:#006100!important;
}						

/* free calls */
.barGraph_freeCalls_weekdays{			
	background-color:#58AAE6!important;
	color:#58AAE6;			
}						
.barGraph .barGraph_freeCalls_weekdays{
	color:#fff;
}
.barGraph_freeCalls_weekends{
	background-color:#00528E!important;
	color:#00528E;
}
.barGraph .barGraph_freeCalls_weekends{							
	color:#fff;
}			
			
/* ------------- */	
/*INFO DIVS*/
.infoDivLink{
	padding:0 5px;
}
.infoDiv{
	position:absolute;
	color:#fff;
	right:-4px;
	width:170px;
	text-align:left;
	/*margin-top:-2.4em;/*IE6*/
	top:-7px;
}
.infoDiv{
	line-height:1.2em;
}
table.tableData tbody td a .infoDiv span,

.infoDiv span{
	display:block;
	padding:4px 15px 4px 10px;

	background:url(/static/wa/appsyouraccount/images/icons/ico_info_box.gif) no-repeat;
	background-position:right 3px;
	margin-right:9px;
	color:#fff!important;
}
.infoDiv span a{
	color:#fff!important;
}
.infoDiv-top{background:url(/static/wa/appsyouraccount/images/css/bg_info_top.gif) bottom repeat-x;font-size:0.1em}
.infoDiv-top-left{background:url(/static/wa/appsyouraccount/images/css/bg_info_topleft.gif) bottom left no-repeat;}
.infoDiv-top-right{background:url(/static/wa/appsyouraccount/images/css/bg_info_topright.gif) bottom right no-repeat;height:4px;}
.infoDiv-left{background:url(/static/wa/appsyouraccount/images/css/bg_info_left.gif) left repeat-y; border:0px red solid;}
.infoDiv-right{background:url(/static/wa/appsyouraccount/images/css/bg_info_right.gif) right repeat-y #64379b;margin-left:5px;}
.infoDiv-base{background:url(/static/wa/appsyouraccount/images/css/bg_info_base.gif) top right repeat-x;height:6px;}
.infoDiv-base-left{background:url(/static/wa/appsyouraccount/images/css/bg_info_baseleft.gif) top left no-repeat;height:6px;}
.infoDiv-base-right{background:url(/static/wa/appsyouraccount/images/css/bg_info_baseright.gif) top right no-repeat;height:6px;}/*IE6 bugfix*/
.PE_infoContainer{
	position:relative;
	display:inline;
	z-index:10;
}
.PE_infoContainer.right .infoDiv {
	left:-4px;
	right:auto;
}
.PE_infoContainer.right .infoDiv span{
	padding:4px 10px 4px 20px;			
	background-position:left 2px;
	margin-left:5px;
	margin-right:0px;
}
.PE_infoContainer{
	position:relative;
	display:inline;
	z-index:10;
}
.PE_infoContainer.right .infoDiv {
	left:-4px;
	right:auto;
}
.PE_infoContainer.right .infoDiv span{
	padding:4px 10px 4px 20px;			
	background-position:left 2px;
	margin-left:5px;
	margin-right:0px;
}
.PE_infoToolTipPositioner,
.PE_iFrameToolTipPositioner{
	position:absolute;
	z-index:200;
}
.PE_infoToolTipContainer,
.PE_iFrameToolTipContainer{
	position:absolute;
	left:0px;
	bottom:0px;
	outline:none;
	width:251px;
}
.PE_iFrameToolTipContainer{
	width:598px;;
}
.PE_infoToolTipContainer .PE_infoToolTipFooter,
.PE_iFrameToolTipContainer .PE_iFrameToolTipFooter{
	bottom:0px;
	background-image:url(/static/wa/appsyouraccount/images/css/toolTip_Bottom.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:28px;
}
.PE_iFrameToolTipContainer .PE_iFrameToolTipFooter{
	background-image:url(/static/wa/appsyouraccount/images/css/iFrameToolTip_Bottom.png);
}
.PE_infoToolTipContainer .PE_infoToolTipBody{
	background-image:url(/static/wa/appsyouraccount/images/css/toolTip_Top.png);
}
.PE_iFrameToolTipContainer .PE_iFrameToolTipBody{
	background-image:url(/static/wa/appsyouraccount/images/css/iFrameToolTip_Top.png);
}
.PE_infoToolTipContainer .PE_infoToolTipBody .ttText{
	padding:15px 20px 15px 15px;
	font-size:1.1em;
	line-height:1.5em;
	color:#666666;
	display:block;
}
.PE_infoToolTipContainer .PE_infoToolTipBody .content{
	max-height:160px;
	overflow-y:auto;
	padding:5px;
	border:1px solid #ddd;
	background-color:#FFFDF0;
}
.PE_iFrameToolTipContainer .PE_iFrameToolTipBody .content{
	background-color:#FFFDF0;
	border:1px solid #DDDDDD;
	height:300px;
	margin:15px;
	margin-right:22px;
	overflow-y:auto;
	padding:5px;
	width:550px;
}
.PE_infoToolTipContainer .PE_infoToolTipBody .title,
.PE_iFrameToolTipContainer .PE_iFrameToolTipBody .title{
	padding:30px 35px 0px 15px;
	font-size:1.1em;
	color:#666666;
	display:block;
}
PE_iFrameToolTipBody { }
.PE_infoToolTipContainer .closeBtn,
.PE_iFrameToolTipContainer .closeBtn{
	position:absolute;
	top:12px;
	right:19px;
	width:10px;
	height:10px;
	background-image:url(/static/wa/appsyouraccount/images/buttons/tootlTip_Close.png);
}

/*For All Modules Display only*/
#allModules div.promo{position:static;}

/* Billing and Payments Alerts */
#billingPayments .billing_payments_info{
	padding:17px 10px 0px;
	background-color:#fff;
}
#billingPayments .billing_payments_info .details{
	padding-top:1em;
	/*padding-bottom:1em;*/
	border-bottom:1px solid #e9e9e9;
}
#billingPayments .billing_payments_info .details h2 {
	color:#80379B;
	font-weight:normal;
	font-size:1.6em !important;
}
#billingPayments .billing_payments_info .details .body{
	font-size:1.3em;
}
#billingPayments .billing_payments_info .details table th,
#billingPayments .billing_payments_info .details table td{
	padding:0px;
	background-image:none;
	padding-bottom:7px;
}
#billingPayments .billing_payments_info .details table th{
	width:10em;
}
#billingPayments .billing_payments_info a.arrow{
	margin-left:5px;
}
#billingPayments div.contentArea{
	border-top:none;
}
#billingPayments div.buttonsInLine{
	width: 100%;
	padding: 10px 0 14px 0;
	text-align: right;
}	
#billingPayments .billing_payments_configPanel .description{
	padding-bottom:1em;
	color:#666666;
}
#billingPayments .billing_payments_configPanel  ul {
	width: 100%;
	clear: both;
}
#billingPayments .billing_payments_configPanel .description ul li {
	background:transparent url(/static/wa/appsyouraccount/images/icons/info_green.gif) no-repeat scroll left top;
	padding:0px 0px 10px 15px !important;
	color: #333333;
}
#billingPayments .billing_payments_configPanel h2 {
	color:#80379B;
	font-weight:normal;
	font-size:1.6em !important;		
}
#billingPayments .billing_payments_configPanel tr{
	line-height:normal;
}	
#billingPayments .billing_payments_configPanel td{
	padding: 0.7em;
}
#billingPayments .billing_payments_configPanel td.hasErrors{
	color:#FF6600;
}
#billingPayments .billing_payments_configPanel td.email,
#billingPayments .billing_payments_configPanel td.text{
	width:4em;
}
#billingPayments .billing_payments_configPanel td.email input,
#billingPayments .billing_payments_configPanel td.text input {
	position: relative;
	top: -2px;
}
#billingPayments.hasJs .billing_payments_configPanel .settings{
	display:none;
	padding-top:1em;		
	color:#666;
}
#billingPayments.hasJs .billing_payments_configPanel{
	color:#aaa;
	margin-top:10px;
}
html[xmlns*=""] body:first-of-type div.contentArea div.billing_payments_configPanel {position: relative; top: -5px; } /* Safari 3 fix */
#billingPayments.hasJs .billing_payments_configPanel p {
	margin-bottom: 0;
}	
#billingPayments.hasJs .billing_payments_configPanel .active{
	color:#666666;
}
#billingPayments .billing_payments_configPanel .panel{
	background-image:url(/static/wa/appsyouraccount/images/css/light_grey_bg.gif);
	padding:10px;
}
#billingPayments .billing_payments_configPanel .panel li{
	margin-bottom:15px;
}
#billingPayments .billing_payments_configPanel .panel li label{
	margin:0px 5px 0px 8px;
}
#billingPayments .billing_payments_configPanel .panel .custom{
	width:50px;
}
div.billSection a.arrow span {
	background:transparent url(/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif) no-repeat 0 0.25em;
	cursor:pointer;
	padding-left:8px;
}

/*align the li with many fields in it*/
div.align{
	float:left;
}
div.align:after{
 content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; 
}

/* PE_ExpandFX expand / collapse buttons */
a.expand,
a.collapse {
	display:none;
}		
.hasJs a.expand,
.hasJs a.collapse {
	display:inline;
}	
a.expand span{
	background-image:url(/static/wa/appsyouraccount/images/icons/plus.gif)!important;
	background-position:0px 50%!important;
	padding-left:17px!important;
}
a.collapse span{
	background-image:url(/static/wa/appsyouraccount/images/icons/minus.gif);	
	background-position:0px 50%!important;
	padding-left:17px!important;
}		
	
/* billingPayments lightBox */
#billingPayments .PE_lightBox .footer{
	border-top:1px solid #CCCCCC;
	margin-top:15px;
	padding-top:15px;
}
#billingPayments .PE_lightBox input#alertMobile,
#billingPayments .PE_lightBox input#alertEmail{
	width:50%;
}

/* latestAlerts */
#billingPayments .lastUpdate{
	float:right;
}
#billingPayments .latestAlerts_options{
	overflow:hidden;
	padding-bottom:2px;
	margin-bottom:7px;
}
#billingPayments .latestAlerts_options .received{
	float:left;
}
#billingPayments .latestAlerts_options .show{
	float:right;
}
#billingPayments .latestAlerts_options .received select{
	width:12em;
	margin-right:8px;
}
#billingPayments .latestAlerts_options .show select{
	width:5em;
	margin-right:8px;	
}
#billingPayments .latestAlerts_options fieldset{
	border:medium none;
	padding:0;
	text-align:right;
}
#billingPayments .latestAlerts_options fieldset a.arrow{
	vertical-align:middle;
}

/* styles specifically  added for logged out pages */
div.loggedOutPayment{
	border-top: none;
	padding: 0 0 20px !important;
}
div.loggedOutPayment h2, div.signUpBT h2 {
	color:#80379B;
	font-size:1.6em !important;
	font-weight:normal;
}

/*Logged out hub page */
div.loggedOutContent div.panelMainContent {
		/*height: 1%;*/
		overflow: hidden;
		width: 510px;
		padding-top: 10px;
}
div.loggedOutContent div.serviceContent, div.loggedOutContent div.otherContent {
		padding: 0;
		float: left;
		display: inline;
}
div.loggedOutContent div.serviceContent {
	width: 60%;
}
div.loggedOutContent div.otherContent {
	width: 30%;
	margin-left: 36px;
}
div.loggedOutContent h2 {
	padding-bottom: 0;
}
div.loggedOutContent h3 {
	font-weight: normal;
}
div.loggedOutInfo {
	padding-top: 30px !important;
}
div.infoPanel {
	border:0 none;
	clear:both;
	display:block;
	/*float:left;*/
	 margin:0 !important;
	 padding: 0;
	 width: 510px;
}
div.infoPanel div.infoPanelTopLeft {
	background: url(/static/wa/appsyouraccount/images/css/info_panel_topleft.gif) no-repeat scroll left top;
	font-size: 1px;
}
div.infoPanel div.infoPanelTopRight {
	background: url(/static/wa/appsyouraccount/images/css/info_panel_topright.gif) no-repeat scroll right top;
	font-size: 1px;
}
div.infoPanel div.infoPanelTop {
	background:transparent url(/static/wa/appsyouraccount/images/css/info_panel_top.gif) repeat-x scroll center top;
	height:8px;
	margin:0 8px;
	font-size: 1px;
}
div.infoPanel div.infoPanelContent {
	background-color:#f7f7f7;
	padding: 0 0 0 10px;
}
div.infoPanel div.infoPanelBottomLeft {
	background: url(/static/wa/appsyouraccount/images/css/info_panel_bottomleft.gif) no-repeat scroll left top;
	font-size: 1px;
}
div.infoPanel div.infoPanelBottomRight {
	background: url(/static/wa/appsyouraccount/images/css/info_panel_bottomright.gif) no-repeat scroll right top;
	font-size: 1px;
}
div.infoPanel div.infoPanelBottom {
	background:transparent url(/static/wa/appsyouraccount/images/css/info_panel_base.gif) repeat-x scroll center top;
	height:8px;
	margin:0 8px;
	font-size: 1px;
}
div.infoPanel ul.help {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 8px;
}
div.infoPanel ul.help li {
	background: url(/static/wa/appsyouraccount/images/css/bg_dotted_line_grey.gif) repeat-x left bottom;
	margin: -1px 20px 0 0;
	padding:8px 0;
	width: 46%;
	float: left;
	display: inline;
}
div.infoPanel h4 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:2px;
	margin-left: 0;
	padding-top: 0;
}
div.loggedOutContent div.servicesPanel {
	width: 510px;
	float: none;
	margin-top: 40px;
}
div.loggedOutContent div.servicesPanel h2 {
	margin-bottom: 5px;
}
div.loggedOutContent div.servicesPanelInner {
	width: 510px;
	border: none;
	background: none;
	float: left;
	padding: 15px 0 0 10px;
	background: url(/static/wa/appsyouraccount/images/css/bg_services_bottom_small.gif) no-repeat left bottom;
}
div.productsList {
	float: left;
	width: 150px;
	min-height: 200px;
	margin-right: 20px;
}
div.productsList ul {
	padding-bottom: 8px;
}
div.productsList ul li {
	background: url(/static/wa/appsyouraccount/images/css/bg_dotted_line_grey.gif) repeat-x left bottom;
	margin-top:-1px;
	padding:8px 0;
}
div.PE_error.errorTop h2{
	color:#FF6600;
}

/* index page styles */
span.subTitle {font-size: 0.8em; display: block;}

/* Logged in hub page*/
div.hubAreaHeader {
	position: relative;
}
div.userInformation {
	position:absolute;
	width:100%;
	z-index:10;
}
div.loggedIn, div.loggedOut {
	background: url(/static/wa/appsyouraccount/images/css/bg_benefits_hero.jpg) left top;
	margin-top: -10px;
}
div.loggedIn h1 {
	padding-top: 70px; /* margin-top: 80px;*/
	margin-left: 20px; /* margin-left: 15px; */
}
div.userProfileInfo {
	position: absolute;
	left: 20px;
	top: 0;
	padding: 20px 0 0 0;
	color: #666666;
	z-index: 2000;
}
div.userProfileInfo p {
	background: url(/static/wa/appsyouraccount/images/icons/person_violet.gif) left top no-repeat;
	padding: 6px 0 0 25px;
	font-size: 1.6em;
}
div.userProfileInfo span.name {
	color: #64379b;
	display: inline !important;
	float: none;
}
div.userProfileInfo ul li {
	float: left;
	display: inline;
	width: auto;
	margin: 2px 10px 0 0;
	font-size: 1.1em;
}
div.accountToggle {
	position: relative;
	float: left;
	clear: both;
	top: -25px;
}
div.accountToggle ul li {
	float: left;
	display: inline;
}
div.accountToggle ul li p {
	margin-right: 26px;
	position: relative;
	top: 2px;
}
html[xmlns*=""] body:first-of-type div.accountSelector select {margin-left: 4px;} /* Safari 3 fix */
div.accountSelectionContainer {
	float: left; 
	width: 726px;
	clear: left;
	margin-bottom: 5px;
	position: relative;
	margin-top: -25px;
}
div.accountSelectionContainer div.accountSelector {
	float: left;
	width: auto;
}
div.accountSelector fieldset {
	border: none !important;
	width:30em;
	padding:0;
	float: left;
}
div.accountSelector label {
	color: #000000;
}
div.accountSelector select {
	width: 12em;
	margin-right: 5px;
	margin-left: 2px;
}
div.addAccount {
	float: right;
	width: 350px;
	position: relative;
}
div.addAccount p {
	display: inline;
   /* position: absolute;
	top: 5px;
	left: 15px; */
	color: #64379b;
	padding-bottom: 0;
	float: left;
	margin: 5px 0 0 22px;
}
div.addAccount img {
    /*position: absolute;*/
	/*right: 0;*/
	float: right;
	width: auto;
}
div.hubContentArea, div.hubContentServices { /* amends made 26/04/2010 to correct issue with RH column being cut off */
	/*width: 720px;
	margin-right: 30px;
	float: left;*/
	float: left;
	clear: both;
	margin: 0 0 0 -2px;
	position: relative;
}
div.hubContentServices {
	width: 530px;
}
div.hubContentDetail {
	float: left;
	clear: both;
	width: 726px;
	margin: 0;
	background-color:#fff;
}
div.hubOtherInformation {
	float: left;
}
.hasJs div.hubOtherInformation {
	margin-left:15px !important; /*548px;*/
	float:right;
}
div.servicesPanel {
	background-color: #FFFFFF;
	width: 704px;
	font-size: 1em;
	/*float: left;*/
}
div.servicesPanel div.contentArea {
	float: left;
	width: 704px !important;
	border: none !important;
	font-size: 1em;
	color:#666666;
}
div.servicesPanel ul.billSectionSelectService {
	margin-left: 10px;
}
div.servicesPanelInner {
	background: #FFFFFF url(/static/wa/appsyouraccount/images/css/bg_services_panel_bot.gif) no-repeat left bottom;
	min-height: 320px;
	margin: 0;
	padding: 0;
	float: left;
	border-top: 3px solid #B9DAEC;
	margin-top: -13px;
	width: 704px;
	padding-bottom: 10px;
}
html[xmlns*=""] body:last-child div.servicesPanelInner {margin-top: -3px;} /*Safari 2 fix */
html[xmlns*=""] body:first-of-type div.servicesPanelInner {margin-top: -3px;} /*Safari 3 fix */
div.noBorder{
	border: none;
}
div.serviceContentArea {
	overflow: hidden;
	padding-top: 8px;
}
div.serviceContentArea h3 {
	font-size: 1.5em;
} 
div.serviceContent {
	float: left;
	width: 45%;
	padding: 10px;
}
div.serviceContent h3 {
	font-size: 1.5em;
}
div.serviceContent p.infoMsg {
	background:transparent url(/static/wa/appsyouraccount/images/icons/info_green.gif) no-repeat scroll left top;
	padding:0px 0px 0 10px !important;
	margin-top: 28px;
}
div.targettedMessage p {
	padding:0px 0px 0 10px !important;
	margin-top: 28px;
}
div.targettedMessage img {
	float: left;
	width: auto;
	margin-right: 10px;
}
div.infoMsgGeneric p{
	background:transparent url(/static/wa/appsyouraccount/images/icons/info_green.gif) no-repeat scroll left top;
	padding:0px 4px 10px 12px !important;
	margin-left: 14px;
	float: left;
	width: auto;
}
div.infoMsgGeneric  p a.textLink {
	margin-left: 8px;
	margin-top: 2px;
}
div.serviceContent p.servicePlanInformation {
	width: 62%;
}
div.descriptionWithImage {
	background: url(/static/wa/appsyouraccount/images/css/bg_friends_family_photo.jpg) no-repeat left bottom;
	min-height: 154px;
}
div.descriptionWithImage div.content {
	margin-left: 80px;
}
div.supportLinks {
	border-top: 1px solid #E9E9E9;
	margin: 15px 10px 0 10px;
	float: left;
	clear: both;
}
div.supportLinks ul.help {
	display: inline;
	float: right;
	margin:0px 0 0 10px;
	width:333px;

}
div.supportLinks ul, div.supportLinks div.content {
	float:left;
	margin:0;
	width:333px;
}

/* Logged in hub page - Overview module */
.accountOverView{
	background-color:#ffffff;
	width: 726px;
}
.accountOverView h3{
	font-size:1.5em;
	padding-bottom:0px;
}
.accountOverView .header{
	background:transparent url(/static/wa/appsyouraccount/images/css/whitesmoke_bg.gif) repeat scroll left top;
	border-bottom:1px solid #E9E9E9;
	min-height:2em;
	padding:10px 10px 3px;
	border-top: 3px solid #64379B;
}
.plainHeader {
	background: none !important;
	border-bottom: none !important;
}
.accountOverView .header p strong{
	font-weight:bold;
	color:#64379b;	
}
.accountOverView .header .name{
	float:left;
}
.accountOverView .header .number,
.accountOverView .header .phone,
.accountOverView .header .allPhone{
	float:right !important;
	margin-left:10px !important;
}
.accountOverView .header .allPhone a{
	padding-left: 8px;
	background: url("/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif") no-repeat left 0.3em;
}
.accountOverView .header .last {
	background: url(/static/wa/appsyouraccount/images/css/divider.gif) no-repeat left 0.5em;
	padding-left: 10px;
}
.accountOverView .overviewContent{
	background:transparent none repeat scroll 0 0;
	min-height:62px;
	overflow:hidden;
	padding:15px 0 0;
}
.accountOverView .overviewContent .error{
 	color:red;
	font-size:1.2em;
	margin-left:10px;
}
.accountOverView .overviewPanel{
	float:left;
	margin-left:10px;
	width:348px;	
}
.accountOverView .overviewContent h2 {
	margin-left: 8px;
}
.accountOverView .overviewContent h2 {
	margin-left: 8px;
}
.accountOverView .overviewPanel .loading, .accountOverView .overviewContent .loading {
	background-image:url(/static/wa/appsyouraccount/images/css/ajax-loader.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	margin:auto !important;
	min-height: 400px;
}
.accountOverView .overviewPanel .error{
	background-image:url(/static/wa/appsyouraccount/images/css/error.png);
	padding-top:50px;
	padding-left:55px;
	background-position:0px 50%;
	background-repeat:no-repeat;
	width:200px;
	height:50px;
	margin:auto;
	vertical-align:middle;
}
.accountOverView .overviewPanel dl{
	margin-bottom:10px;
}
.accountOverView .overviewPanel dd{
	margin:0px;
	padding:0px;
	font-size:1.6em;
	font-weight:bold;
	color:#64379b;
}
.accountOverView iframe{
	width: 704px;
	border: 1px solid #FFFFFF;
	height: auto;
}
.accountOverView .actions{
	margin-bottom:15px;
}
.accountOverView .actions{
	overflow:hidden;
}
.accountOverView .actions li{
	background-color:#FFFFFF;
	background-image:url(/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif);
	background-position:8px 63%;
	background-repeat:no-repeat;
	/*border-left:1px solid #A7A7A7;*/
	display:inline;
	margin-left:-9px;
	padding-left:19px;
	padding-right:5px;
}
.accountOverView .notes {
	margin-top:20px;
	padding-right:10px;
}
.accountOverView .notes .group{
	margin-bottom:15px;
}
.accountOverView .notes .strong{
	font-weight:bold;
}
.accountOverView .notes p{
	padding-bottom:0.4em;
} 
.accountOverView .help {
	float:left;
	margin:0px 10px;
	width:333px;
	overflow:hidden;
}
.accountOverView .helpSection h4 {
	font-size:1em;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:2px;
}

/* styles for Ajax-retrieved content in iframes */
#ajaxContent .overviewPanel{
	float:left;
	margin-left:10px;
	width:348px;	
}
#ajaxContent .overviewContent h2 {
	margin-left: 8px;
}
#ajaxContent .overviewContent h2 {
	margin-left: 8px;
}
#ajaxContent .overviewPanel .error{
	background-image:url(/static/wa/appsyouraccount/images/css/error.png);
	padding-top:50px;
	padding-left:55px;
	background-position:0px 50%;
	background-repeat:no-repeat;
	width:200px;
	height:50px;
	margin:auto;
	vertical-align:middle;
} 
#ajaxContent .overviewPanel dl{
	margin-bottom:10px;
}
#ajaxContent .overviewPanel dd{
	margin:0px;
	padding:0px;
	font-size:1.6em;
	font-weight:bold;
	color:#64379b;
}
#ajaxContent .actions{
	margin-bottom:15px;
}
#ajaxContent .actions{
	overflow:hidden;
}
#ajaxContent .actions li{
	background-color:#FFFFFF;
	background-image:url(/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif);
	background-position:8px 63%;
	background-repeat:no-repeat;
	/*border-left:1px solid #A7A7A7;*/
	display:inline;
	margin-left:-9px;
	padding-left:19px;
	padding-right:5px;
}
#ajaxContent .notes {
	margin-top:20px;
	padding-right:10px;
}
#ajaxContent .notes .group{
	margin-bottom:15px;
}
#ajaxContent .notes .strong{
	font-weight:bold;
}
#ajaxContent .notes p{
	padding-bottom:0.4em;
}
#ajaxContent .help {
	float:left;
	margin:0px 10px;
	width:333px;
	overflow:hidden;
}
#ajaxContent .helpSection h4 {
	font-size:1em;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:2px;
}
#ajaxContent .helpSection{
	background-image:url(/static/wa/appsyouraccount/images/css/greyPanel_Bottom.png);
	background-position:0 bottom;
	background-repeat:no-repeat;
	clear:both;
	margin-left:10px;
	padding-bottom:10px;
	margin-bottom: 10px;
}
#ajaxContent .helpSection .container{
	background-image:url(/static/wa/appsyouraccount/images/css/greyPanel_Top.png);
	background-position:0px top;
	background-repeat:no-repeat;
}
#ajaxContent .helpSection h4 {
	font-size:1em;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:2px;
}
/* end */

div.supportLinks h4 {
	font-size:1em;
	font-weight:bold;
	margin-left:0;
	margin-bottom:2px;
}
.accountOverView .help li, div.supportLinks ul li, #ajaxContent .help li {
	background-image:url(/static/wa/appsyouraccount/images/css/bg_dotted_line_grey.gif);
	background-repeat:repeat-x;
	background-position:0px top;
	padding:8px 0px;
	margin-top:-1px;
	list-style-position: outside;
}
.accountOverView div.plainList {
	margin-left: 0;
	margin-bottom: 20px;
}
.accountOverView div.plainList ul {
	padding: 8px 0;
}
.accountOverView div.plainList ul li {
	background: url(/static/wa/appsyouraccount/images/css/bg_large_bullet.gif) no-repeat left 1em;
	padding-left: 15px;
	padding-bottom: 0;
	font-size: 1.4em;
}
 .accountOverView .help li.first, div.supportLinks ul li.first {
	background: none;
 }
 .accountOverView .helpSection{
	background-image:url(/static/wa/appsyouraccount/images/css/greyPanel_Bottom.png);
	background-position:0 bottom;
	background-repeat:no-repeat;
	clear:both;
	margin-left:10px;
	padding-bottom:10px;
	margin-bottom: 10px;
}
div.helpSection div.serviceContent p.infoMsg {
	margin-top: 20px;
}
.accountOverView .help li h4, div.supportLinks ul li h4 {
	padding-top: 10px;
 }
.accountOverView .helpSection .container{
	background-image:url(/static/wa/appsyouraccount/images/css/greyPanel_Top.png);
	background-position:0px top;
	background-repeat:no-repeat;
}
ul.columnsList {
	padding-bottom: 10px;
}
ul.columnsList li {
	border-bottom:1px dotted #E9E9E9;
	float:left;
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 2% 0 0;
	padding:3px 0 4px;
	width:31%;
	line-height: 1.4;
}
div.modulesAreaB { /* amends made 26/04/2010 to correct issue with RH column being cut off */
	float:left;
	margin-left: 30px;
	/* float: left;
	margin-left:-2px;	
	clear:both;*/
}
.windowLargerThan1024 div.modulesAreaB{ /* amends made 26/04/2010 to correct issue with RH column being cut off */
	/*position:absolute;
	right:16px;
	top:22.5em;
	margin:0px;*/
}
.windowLargerThan1024 div.modulesAreaB div.accountModule {
	width:179px;
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
}
div.modulesAreaB div.accountModule {
	width:726px;
}
.windowLargerThan1024 div.modulesAreaB div.accountModule div.shortDesc{
	padding:8px 0;
	height:19px;
	position:relative;
	z-index:5;
	background:url("/static/wa/appsyouraccount/images/css/bg_accInfo.png") no-repeat left top;
}
.windowLargerThan1024 div.modulesAreaB div.accountModule span.infoMsg {
	padding: 0px 0px 10px 15px !important;
	color: #ffffff;
	background:url("../images/icons/info_msg.png") no-repeat left top;
	/* font-weight:bold; */
}
div.modulesAreaB div.accountModule div.shortDesc h3 {
	color:#64379B;
	font-size:1.8em;
}
.windowLargerThan1024 div.modulesAreaB div.accountModule div.shortDesc h3{
	font-size:1.3em;
	color:#FFFFFF;	
}
div.modulesAreaB div.accountModule div.shortDesc a{
	background: none;
	padding-left: 0px;
	color:#FFFFFF;
}
div.modulesAreaB div.accountModule div.longDesc {
	font-size:1.3em;
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:9px;
	margin-top:-5px;
	border: none;
	background-image:none;
}
.windowLargerThan1024 div.modulesAreaB div.accountModule div.longDesc{
	background: url("/static/wa/appsyouraccount/images/css/bg_accInfo_bottom.png") no-repeat bottom left;
}
div.modulesAreaB div.accountModule div.longDesc div.accountInfo {
	background-image:none;
	padding:8px 15px 0 10px;
	/*width:155px;*/
}
.windowLargerThan1024 div.modulesAreaB div.accountModule div.longDesc div.accountInfo{
	background:url("/static/wa/appsyouraccount/images/css/bg_accInfo_long_middle.jpg") top left repeat-y;
}
div.modulesAreaB div.accountModule div.longDesc div.accountInfo p{font-size:.8em; padding:0 0 10px 0;}
div.modulesAreaB div.accountModule div.longDesc div.accountInfo p.lineBreak{padding:0 0 10px 20px; }
div.modulesAreaB div.accountModule div.longDesc div.accountInfo p.title{padding-bottom:3px;}
div.modulesAreaB div.accountModule div.longDesc div.accountInfo h4{padding:0px 0px 0px 0;margin:0;}
div.modulesAreaB div.accountInfo ul {padding-bottom: 12px;}
div.modulesAreaB div.accountInfo ul li {
	background: url(/static/wa/appsyouraccount/images/css/bg_lightgrey_dot.gif) repeat-x left bottom;
	padding: 5px 0 8px 0;
	line-height: 1.2;
	font-size: 0.8em;
	color: #666666;
}
div.modulesAreaB div.accountInfo ul li a {
	font-size: 1em;
}
div.modulesAreaB div.accountInfo ul li a.textLink {
	padding-left: 12px;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleA,
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleB {
	width:179px;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleA, 
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleB {
	margin: 50px 0 20px 0;
}
div.modulesAreaB div.rightPromoModuleA, 
div.modulesAreaB div.rightPromoModuleB {
	margin: 25px 0 20px 0;
	padding: 0;
	background: none;
}
div.modulesAreaB div.rightPromoModuleA  div.shortDesc, div.modulesAreaB div.rightPromoModuleB  div.shortDesc{
	padding:8px 0;
	height:36px;
	position:relative;
	z-index:5;
}
div.modulesAreaB div.rightPromoModuleA  div.shortDesc  {
	background:url("/static/wa/appsyouraccount/images/css/bg_right_promo_top_a.png") no-repeat left top;
	display:none;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleA  div.shortDesc,
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleB div.shortDesc {
	display:block;
}
div.modulesAreaB div.rightPromoModuleB  div.shortDesc {
	background:url("/static/wa/appsyouraccount/images/css/bg_right_promo_top_b.png") no-repeat left top;
	display:none;
}
div.modulesAreaB div.rightPromoModuleA  div.shortDesc img, div.modulesAreaB div.rightPromoModuleB  div.shortDesc img {
	position: absolute;
	bottom: 10px;
	right: 20px;
	display:block;
	width:40px;
	height:72px;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleA  div.longDesc,
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleB  div.longDesc  {
	color:#FFFFFF;
}
div.modulesAreaB div.rightPromoModuleA  div.longDesc,
div.modulesAreaB div.rightPromoModuleB  div.longDesc  {
	color:#666666;
	padding-bottom:9px;
	margin-top:-5px;
	border: none;
}
div.modulesAreaB div.rightPromoModuleB  div.longDesc,
div.modulesAreaB div.rightPromoModuleA  div.longDesc {
	background-color:#fff;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleA  div.longDesc {
	background: url("/static/wa/appsyouraccount/images/css/bg_right_promo_bottom_a.png") no-repeat bottom left;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleB  div.longDesc {
	background: url("/static/wa/appsyouraccount/images/css/bg_right_promo_bottom_b.png") no-repeat bottom left;
}
div.modulesAreaB div.rightPromoModuleA  div.longDesc div.accountInfo, div.modulesAreaB div.rightPromoModuleB  div.longDesc div.accountInfo {
	padding:8px 15px 0 10px;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleA  div.longDesc div.accountInfo {
	background: url("/static/wa/appsyouraccount/images/css/bg_right_promo_mid_a.jpg") top left repeat-y;
	width:155px;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleB div.longDesc div.accountInfo {
	background: url("/static/wa/appsyouraccount/images/css/bg_right_promo_mid_b.jpg") top left repeat-y;
	width:155px;
}
div.modulesAreaB div.rightPromoModuleA div.longDesc div.accountInfo h4,
div.modulesAreaB div.rightPromoModuleB div.longDesc div.accountInfo h4 {
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
}
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleA div.longDesc div.accountInfo a.textLink,
.windowLargerThan1024 div.modulesAreaB div.rightPromoModuleB div.longDesc div.accountInfo a.textLink {
	color: #FFFFFF;
	background: url(/static/wa/appsyouraccount/images/icons/arrow_white_right.png) no-repeat left 0.2em;
	padding-left: 12px;
}
div.modulesAreaB div.rightPromoModuleA div.longDesc div.accountInfo a.textLink,
div.modulesAreaB div.rightPromoModuleB div.longDesc div.accountInfo a.textLink {
	transparent url(/static/wa/appsyouraccount/images/icons/arrow_blue_right.gif) no-repeat scroll 0 0.3em
}

/* Account registration */
div.registrationInput {
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	margin: 15px 10px 10px 0;
	float: left;
	clear: both;
	width: 100%;
	padding-top: 5px;
}
div.registrationInput label{
	display:block;
	float:left;
	font-size:1em;
	padding-left:0;
	width:182px;
	font-weight: bold;
	margin-top: 2px;
}
div.registrationInput div.wrap input {
	height: 20px !important;
	width: 125px;
}
div.registrationInput input#submit {
	display: inline;
	float: left;
	margin-left: 5px;
}
div.registrationInput fieldset {
	border: none;
}
div.registrationInput div.wrap {
	width: 125px;
	float: left;
	padding-bottom: 0 !important;
	padding-right: 12px !important;
}
div.registrationInput div.wrap span {
	display: block;
	padding-top: 4px;
}

/* expanding panels for logged in and out pages - 10.02.2009*/
.hasJs .expandingPanel{
	margin: 0 0 10px 0;	
}
.expandingPanel {
	width: 374px;
}
.expandingPanel .expandingPanelTop, .expandingPanel .expandingPanelBottom{
	position: relative;
	padding: 0 0 0 8px;
}
.signUp .expandingPanelBottom { }
.expandingPanel .expandingPanelTopLeft, .expandingPanel .expandingPanelBottomLeft{
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
}
.expandingPanel .expandingPanelTopRight, .expandingPanel .expandingPanelBottomRight{
	height: 8px;
}
.expandingPanel .expandingPanelBody{
}
.expandingPanel .expandingPanelBodyContent{
	margin: 0 0 0 2px;
	padding: 0 10px;
}
.signUp .expandingPanelBodyContent {
	margin: 0 0 0 2px;
	padding: 0 10px 4px 10px;
}
.expandingPanelBlue .expandingPanelTopLeft{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_blue_top_left.png) no-repeat top left;
}
.expandingPanelBlue .expandingPanelTopRight{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_blue_top_right.png) no-repeat top right;
}
.expandingPanelBlue .expandingPanelBody{ }
.expandingPanelBlue .expandingPanelBody{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_blue_body_left.png) repeat-y top left;
}
.expandingPanelBlue .expandingPanelBodyContent{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_blue_body_right.png) no-repeat top right;
}
.expandingPanelBlue .expandingPanelBottomLeft{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_blue_bottom_left.png) no-repeat top left;
}
.expandingPanelBlue .expandingPanelBottomRight{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_blue_bottom_right.png) no-repeat top right;
}
.expandingPanelGrey .expandingPanelTopLeft{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_grey_top_left.png) no-repeat top left;
}
.expandingPanelGrey .expandingPanelTopRight{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_grey_top_right.png) no-repeat top right;
}
.expandingPanelGrey .expandingPanelBody{ }
.expandingPanelGrey .expandingPanelBody{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_grey_body_left.png) repeat-y top left;
}
.expandingPanelGrey .expandingPanelBodyContent{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_grey_body_right.png) no-repeat top right;
}
.expandingPanelGrey .expandingPanelBottomLeft{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_grey_bottom_left.png) no-repeat top left;
}
.expandingPanelGrey .expandingPanelBottomRight{
	background: url(/static/wa/appsyouraccount/images/panels/expanding_panel_grey_bottom_right.png) no-repeat top right;
}
.expandingPanel fieldset{
	margin: 0;
	padding: 0;
	border: none;
}
.expandingPanel fieldset .labelGroup{
	float: left;
	clear: left;
	width: 100%;
}
.expandingPanel fieldset label{
	float: left;
	clear: left;
	margin: -1px 3px 2px 0;
	font-size: 1.1em;
	font-weight: bold;
}
.expandingPanel fieldset input{
	float: left;
	display: inline;
	margin: 0 0px 5px 0;
	padding: 3px 1px;
	/*width: 50px;*/
	width: 95%;
}
.expandingPanel fieldset input.button{
	clear: none;
	margin: 0;
	width: auto;
}
.expandingPanel img.button{
	margin: 5px 0 0 5px;
}
.expandingPanel fieldset input.button.login{
	margin: 0 0 0 0;
}
.expandingPanel .expandingPanelTopRight,
.expandingPanel .innerPanelTopRight{
	overflow:hidden;
}
.remember{
    float: left;
  	margin: 10px 0px 10px 10px;		
}
.expandingPanel fieldset .remember input{
    float: left;
    display: inline;
	margin:  -1px 6px 0 0;
    width: auto;
}
.expandingPanel fieldset .remember label{
    float: left;
    display: inline;
	clear: none;
	font-size: 1em;
	font-weight: normal;
}
.expandingPanel h2{
	padding: 0 0 5px 0;
	color: #333;
	font-size: 1.4em;
}
.expandingPanel.login h2{
	padding: 0 0 5px 25px;
	color: #ffffff;
	background: url(/static/wa/appsyouraccount/images/panels/icon_user.png) no-repeat top left;
}
.expandingPanel.signUp h2{
	padding: 0 0 5px 0;
	color: #ffffff;
}
.expandingPanel a.forgotten{
	float: left;
	display: inline;
}
.expandingPanel h3{
	margin: 0 0 0 0;
	color: #ed0089;
	font-size: 1.5em;
	font-weight: bold;
}
.expandingPanel ul{
	padding: 0 0 10px 0;
}
.expandingPanel ul li{
	list-style: disc inside;
	padding: 3px;
	color: #707070;
	font-size: 1.1em;
}
.expandingPanel .expandingPanelInnerPanelMultiple{
	margin: 10px 0 0 0;
}
.expandingPanelInnerPanel .innerPanelTop, .expandingPanelInnerPanel .innerPanelBottom{
	position: relative;
	padding: 0 0 0 8px;
}
.expandingPanelInnerPanel .innerPanelTopLeft{
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 12px;
	background: url(/static/wa/appsyouraccount/images/panels/inner_panel_top_left.png) no-repeat top left;
}
.expandingPanelInnerPanel .innerPanelTopRight{
	height: 12px;
	background: url(/static/wa/appsyouraccount/images/panels/inner_panel_top_right.png) no-repeat top right;
}
.expandingPanelInnerPanel .innerPanelBottomLeft{
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 12px;
	background: url(/static/wa/appsyouraccount/images/panels/inner_panel_bottom_left.png) no-repeat top left;
}
.expandingPanelInnerPanel .innerPanelBottomRight{
	height: 12px;
	background: url(/static/wa/appsyouraccount/images/panels/inner_panel_bottom_right.png) no-repeat top right;
}
.expandingPanelInnerPanel .innerPanelBody{
	padding: 0 8px;
	background: #fff;
}
html[xmlns*=""] body:last-child .expandingPanelInnerPanel .innerPanelBody {overflow: hidden;} /*Safari 2 fix */

/* greyPanel */
.greyPanel {
	float:left;
	width:100%;
	margin-top:50px;
}
.greyPanel .header{
	background-image:url(/static/wa/appsyouraccount/images/css/greyPanelTopLeft-fs8.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:10px;
}
.greyPanel .shortDesc{
	background-image:url(/static/wa/appsyouraccount/images/css/greyPanelTopRight-fs8.png);
	background-position:top right;
	background-repeat:no-repeat;
	text-align:right;
	height:51px;
	position:relative;
	left:10px;
}
.greyPanel .shortDesc img{
	position:absolute;
	right:10px;
	top:-28px;
}	
.greyPanel .longDesc{
	background-image:url(/static/wa/appsyouraccount/images/css/greyPanelBottomRight-fs8.png);
	background-position:bottom right;	
	background-repeat:no-repeat;
	padding-right:10px;
	color:#fff;
}
.greyPanel .longDesc .accountInfo{
	padding-left:15px;
	background-image:url(/static/wa/appsyouraccount/images/css/greyPanelBottomLeft-fs8.png);
	background-position:bottom left;	
	background-repeat:no-repeat;
}
.greyPanel .longDesc h4{
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:8px;	
}
.greyPanel a.textLink{
	background:transparent url(/static/wa/appsyouraccount/images/icons/arrow_white_right.png) no-repeat scroll left 0.2em;
	color:#FFFFFF;
	padding-left:12px;	
	font-weight:bold;
}
/* --------  */


/* magentaPanel */
.hasJs	.magentaPanel {
	float:left;
	width:100%;
	margin-top:40px;
}
.magentaPanel {width: 374px;}
.magentaPanel .header{
	background-image:url(/static/wa/appsyouraccount/images/css/magentaPanelTopLeft-fs8.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:10px;
}
.magentaPanel .shortDesc{
	background-image:url(/static/wa/appsyouraccount/images/css/magentaPanelTopRight-or8.png);
	background-position:top right;
	background-repeat:no-repeat;
	text-align:right;
	height:48px;
	position:relative;
	left:10px;
}
.magentaPanel .shortDesc img{
	position:absolute;
	right:10px;
	top:-28px;
}	
.magentaPanel .longDesc{
	background-image:url(/static/wa/appsyouraccount/images/css/magentaPanelBottomRight-fs8.png);
	background-position:bottom right;	
	background-repeat:no-repeat;
	padding-right:10px;
	color:#fff;
}
.magentaPanel .longDesc .accountInfo{
	padding-left:15px;
	background-image:url(/static/wa/appsyouraccount/images/css/magentaPanelBottomLeft-fs8.png);
	background-position:bottom left;	
	background-repeat:no-repeat;
}
.magentaPanel .longDesc h4{
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:8px;	
}
.magentaPanel a.textLink{
	background:transparent url(/static/wa/appsyouraccount/images/icons/arrow_white_right.png) no-repeat scroll left 0.2em;
	color:#FFFFFF;
	padding-left:12px;	
	font-weight:bold;
}
.font150 { 
	font-size: 150%; 
}
/* --------  */

/* -------------------------------- */
/* =100 Clearfixes			  */
/* -------------------------------- */

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*- Cahnged for making text black  -*/
ul#primaryNavigation li.selected {color: black; background-image: url(/static/wa/appsyouraccount/images/css/tab_selected_bg.gif);background-color:transparent;} 
ul#primaryNavigation li.selected strong a{ 
	color: black; 
	background-image: url(/static/wa/appsyouraccount/images/css/tab_selected_bg.gif);
	background-color:transparent; 
	text-decoration: none;
	padding-bottom: 0.333em; /*4px*/
} 
ul#primaryNavigation li a:hover {
	color: black;	
	text-decoration: none;
} 

/* cat page amends */
.serviceContentRight{
	float:left;
	width: 230px;/*width:220px;*/
}
.serviceContentLeft{
	float:left;
	width:235px;
	margin-right:25px;
}
p.paidTextLink{ margin-top:5px; }
.payBill{ width:113px; }

/* eIM migration interstitial css */
.eimHelp p.helpAndTips {
	font-size: 1.0em;
	right: 0;
	padding: 8px 0 20px 0;
}
a, a:visited {
	color:#005293;
	text-decoration:none;
}
p.helpAndTips a:hover {
	text-decoration: underline;
}
.eimNewLook h2 {
	color: #ffffff;
	padding-top: 5px;
}
.eimNewLook ul li {
	padding: 4px 0;
}
.eimNewLook ul li span {
	color: #ed0089;
	font-size: 1.15em;
	font-weight: bold;
}
.eimThanks p {
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
}
.eimThanks ul li {
	background: transparent url(/static/wa/appsyouraccount/interstitial/green_tick_lrg.gif) no-repeat scroll left top;
	height: 24px;
	padding: 5px 0 3px 30px;
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
}
.viewAccount { 
	margin: 5px 0;  
}
.eimNewLook .expandingPanelInnerPanel {
	min-height: 223px;
}

/* eIM migration interstitial REDESIGN css */
.eimBanner { position: relative; }
.eimHelp {
	position: absolute;
	top: 5px;
	right: 0;	
	z-index: 99;
}
.startBtn {
	position: absolute;
	bottom: 50px;
	left: 18px;	
}	
.helpLink { float:right; }
.skipTour { 
	margin-left: 10px; 
	font-size: 1.1em;
}	

/* beta promo amends */
div.modulesAreaB div.promoBeta  div.shortDesc  {
	background:url("/static/wa/appsyouraccount/images/css/bg_right_promo_top_q_a.png") no-repeat left top;
}