/* ACCOUNT DEFAULT */

div#balances td, div#balances td.divLine {
	padding:4px;
}

div#balances td.divLine {
	border-bottom:1px solid #dfdfdf;
}

div#balances td.balTypeCol {
	padding:4px 0px;
}

div#pBarLongOuter {
	width:217px;
	height:22px;
	border:1px solid #dfdfdf;
}

div.pBarLongInner {
	height: 22px;
	background:url(../img/account/progBarInner.gif) repeat-x;
	z-index:0;
}

div#pBarLongText {
	z-index:1; 
	position:absolute; 
	top:-20px; 
	left:62px;
	color:#000000;
	font-weight:bold;
}

span#profileDate {
	font-size:8pt;
	font-weight:normal;
}

div#profileStatus td.completed, 
div#profileStatus td.incomplete, 
div#profileStatus td.active {
	padding-left:5px;
	border-top:0px;
	border-right:0px;
	border-left:0px;
	border-bottom:3px solid #ffffff;
	font-weight:bold;
}

div#profileStatus td.completed {
	color:#888;
	background-color:#f3f3f3;
	padding:4px;
}

div#profileStatus td.active {
	color:#666;
	background-color:#e6e6e6;
	padding:4px;
}

div#profileStatus a.completed { 
	color:#888;
}

div#profileStatus td.incomplete {
	color:#000;
	background-color:#feefef;
	padding:4px;
}

div#profileStatus a.incomplete {
	color:#000;
}

div#profileStatus div.pointer {
	text-align:right;
	padding-right:6px;
}

div#profileStatus .blockCompleted, 
div#profileStatus .blockIncomplete, 
div#profileStatus .blockActive {
	border:0px;
	padding:5px 0;
	color:#fff;
	font-weight:bold;
	text-align:center; 
}

div#profileStatus .blockCompleted a, div#profileStatus .blockIncomplete a {
	color:#fff;
}

div#profileStatus .blockCompleted {
	background-color:#aaa;
}

div#profileStatus .blockActive {
	background-color:#666;
}

div#profileStatus .blockIncomplete {
	background-color:#cc3333;
}

div#profileStatus a.normalWeight{
	font-weight:normal;
	font-size:11px;
	text-align:center;
	padding-left:3px;
}
div#profileStatus .completedPts{
	color:#888;
	font-size:11px;
	background:#e4e4e4;
	text-align:center;
	border-bottom:3px solid #fff;
}
div#profileStatus .activePts{
	color:#666;
	font-size:11px;
	background:#d2d2d2;
	font-weight:bold;
	text-align:center;
	border-bottom:3px solid #fff;
}
div#profileStatus .incompletePts{
	color:#cc3333;
	font-size:11px;
	background:#ffe2e3;
	font-weight:bold;
	text-align:center;
	border-bottom:3px solid #fff;
}
div#settings td {
	padding:4px;
}

/* BALANCES */

div#statementFilters table {
	margin-top:0;
}

div#statementFilters td {
	font-size:8pt;
	padding-bottom:5px;
}

div#statementFilters td.leftCol {
	width:130px; 
	padding:0px 5px; 
	text-align:right;
}

div#statementFooter {
	padding:5px;
	background-color:#dfdfdf;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
div#statementFooter .prevLink{
	float:left;
	width:200px;
}

div#statementFooter .nextLink{
	float:right;
	text-align:right; 
	width:200px;
}

.importantInfo {
	font-weight:bold;
}

.normalWeight {
	font-weight:normal;
}

div#compPromoTitle {
	float:left;
	width:224px;
	margin-top:7px;
}

div#compPromoImg {
	float:left;
	width:75px; 
	margin-left:8px;
}


/* ACCOUNT VERIFICATION */

div#verification td.labelColumn {
	padding:8px;
	font-size: 8pt;
	background-color:#eee;
}

div#verification td.statusColumn {
	padding:8px;
	font-size: 10pt;
}
.verifiedYes {
	background-color:#ceefc6;
}
.verifiedPending {
	background-color:#fff0c3;
}

.verifiedNo {
	background-color:#f0c6c8;
}

.verifiedNA {
	background-color:#eee;
	color:#666;
}

.large {
	font-size:15pt;
}

.small {
	font-size:8pt;
}

div#verificationSteps {
	padding-left:5px;
}

div.verificationHelpLinks {
	border-bottom: 1px dashed #CCC;
	border-collapse:collapse;
	padding-top:3px;
	padding-bottom:3px;
}


/* PROFILE */

div#profileStatsCol {
	width:280px; 
	float:left; 
	margin-right:20px;
}

div#profileQnsCol {
	float:left; 
	width:660px;
}

div.pFormSection, div.pFormSectionUnanswered {
	margin-bottom:10px;
	padding:5px 0px 5px 5px; 
}

div.pFormSectionUnanswered {
	background-color:#fcf2d1;
}

div.pFormSection div.fieldName, div.pFormSectionUnanswered div.fieldName {
	font-weight:bold;
	margin-bottom:3px;
	width:90%;
}

div.pFormSection div.formField, div.pFormSection div#genderField,
div.pFormSectionUnanswered div.formField, div.pFormSectionUnanswered div#genderField {
	float:left; 
	margin-left:30px;
	margin-bottom:5px;
	display:inline;   /* IE margin bug fix */
}

div.pFormSection div#genderField, div.pFormSectionUnanswered div#genderField {
	width:200px;
}

div.pFormSection div.infoBox, div.pFormSectionUnanswered div.infoBox {
	float:right; 
	width:370px; 
	background-color:#f3f3f3; 
	font-size:8pt;
}

div.pFormSection div.infoImg, div.pFormSectionUnanswered div.infoImg  {
	width:16px; 
	padding:5px; 
	float:left;
}

div.pFormSection div.infoTxt, div.pFormSectionUnanswered div.infoTxt {
	width:339px; 
	padding:5px 5px 5px 0px; 
	float:left;
}

div.formFieldError input {
	border:1px solid #ccc;
	margin-top:3px;
}

div.formFieldErrorMsg {
	font-weight:bold;
	font-size:11px;
	width:426px;
	margin-left:5px;
}

div#pFormPostcodeAlert {
	border:1px solid #e6e6e6; 
	padding:10px; 
	background-color:#fff; 
	float:left; 
	margin-left:30px; 
	margin-bottom:5px; 
	display:inline;
}

div#pFormPostcodeAlert input.postcodeField {
	border:1px solid #ccc; 
	margin-top:3px; 
	float:left;
}

div#postcodeInfo {
	font-weight:bold; 
	font-size:11px; 
	width:335px; 
	margin-left:5px; 
	float:left;
}

div.profileQnTable {
	width:590px;
}

div.profileQnTable table {
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

div.profileQnTable td.leftCol, div.profileQnTable td.optionCol {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:5px;
}

div.profileQnTable td.leftCol {
	width:40%;
}

div.profileQnTable td.optionCol {
	width:15%; 
	text-align:center;
}


/* PROFILE PROGRESS BAR */

div#profileProgWrap {
	width:960px;
	height:40px;
	padding:0px;
	margin:0px;
	background-color:#fff;
}

div.inactiveStepWrap {
	float:left; 
	width:197px; 
	margin-right:1px;  
	background-color:#f3f3f3;
}

div.activeStepWrap {
	float:left; 
	width:196px; 
	background-color:#fff;
}

div.activeOutline {
	border:1px solid #4f4f4f;
}

div.inactiveOutline {
	border:1px solid #e6e6e6;
}

div.progImg {
	float:left; 
	width:20px; 
	text-align:center; 
	padding-top:8px;
}

div.inactiveStepTxt {
	float:left; 
	width:170px; 
	padding:0px; 
	font-weight:bold;
	color:#999;
}

div.activeStepTxt {
	float:left; 
	width:169px; 
	padding:0px; 
	font-weight:bold; 
}

div.progTxtPad {
	padding:5px 10px 5px 5px;
}

div#progBarEmpty {
	float:left; 
	width:367px; 
	display:block; 
	background-color:#f3f3f3; 
	margin-left:1px;
}

span.stepDetails {
	font-size:8pt;
}


/* SETTINGS */

div.detailsWrap {
	border-bottom:1px solid #e6e6e6; 
	margin-bottom:5px;
}

div.detailsIcon, div.detailsCol, div.detailsColLong,
div.detailsUserInput, div.detailsUserInputLong, div.detailsChange, 
div.detailsChangeLong, div.detailsUserInputExp {
	padding:4px; 
	float:left;
}

div.detailsIcon {
	width:25px;
}

div.detailsCol {
	width:120px;
	font-weight:bold;
}

div.detailsColLong {
	width:164px;
	font-weight:bold;
}

div.detailsCol a.settingsLink {
	color:#000;
}

div.detailsUserInput {
	width:210px;
}

/* used on Account Default*/
div.detailsUserInputLong {
	width:244px;
}

/*used on Account Settings */
div.detailsUserInputExp {
	width:275px;
	overflow:auto;
}

div.detailsChange {
	width:73px;
}

div.detailsChange span.noChange {
	font-size:8pt;
}

div.detailsChangeLong {
	width:112px;
}

div.detailsPending {
	margin-top:15px; 
	color:#666; 
	font-size:11px;
}

span.primaryHead, span.moreInfo, span.secondaryEdit {
	font-size:11px;
}

span.secondaryHead {
	font-size:11px; 
	color:#666;
}

span.secondaryInfo {
	color:#666;
}

div.unsubFormWrap {
	border:1px solid #e6e6e6; 
	margin-bottom:15px;
}

h2.unsubHead {
	margin-bottom:0px;
}

div.queryImg {
	float:left; 
	margin:5px 10px; 
	width:25px; 
	display:inline;
}

div.queryTxt {
	float:left; 
	width:418px; 
	padding:5px 5px 10px 0px;
}

div#ePrefsWrap div.emailType {
	float:left; 
	width:190px; 
	font-weight:bold; 
	padding:5px;
	margin-bottom:3px;
}

div#ePrefsWrap div.subStatusSub, div#ePrefsWrap div.subStatusUnsub, div#ePrefsWrap div.subStatusConfirm {
	float:left; 
	width:90px; 
	padding:5px; 
	display:block;
	margin-bottom:3px;
}

div#ePrefsWrap div.subStatusSub {
	background-color:#ceefc6;
}

div#ePrefsWrap div.subStatusUnsub {
	background-color:#f0c6c8;
}

div#ePrefsWrap div.subStatusConfirm {
	background-color:#fdeab4;
}

div#ePrefsWrap div.subStatusChange {
	float:left; 
	padding:5px;
	margin-bottom:3px;
}


/* CANCEL MEMBERSHIP */

div.showhide {
	border:1px solid #dfdfdf;
	padding:10px;
	margin-top:15px;
	background-color:#f8f8f8;
	width:480px;
}
.smallGrey{
	font-style:italic;
	color:#bbbbbb;
}
.paddingTop10{
	padding-top:10px;
}
