/* ****************************************************************************************************** */
/* THIS FILE CONTAINS LAYOUTS AND STYLES FOR PAGES WHEN THE CUSTOMER IS LOGGED IN				    */
/* ****************************************************************************************************** */
/* Anne, march 9th 2010													    */


/* ------------------------------------------------------------------------------------------------------ */
/* MY PAGE (MIN SIDE) (CUSTOMER LOGIN)					                                        */

.myPage h2 {
	margin-top				: 0px;
	}

.myPage .balanceContainer {
	float					: left;
	display				: inline;
	width					: 172px;
	height				: 97px;
	padding				: 12px 17px 12px 17px;
	background				: url("/application/css/berlingskemobil/images/elements/my-page-balance-background.gif") no-repeat;
	}
.myPage .paymentOptionsContainer {
	float					: right;
	display				: inline;
	width					: 352px;
	height				: 97px;
	padding				: 12px 17px 12px 17px;
	background				: url("/application/css/berlingskemobil/images/elements/my-page-payment-options-background.gif") no-repeat;
	text-align				: center;
	}	
.myPage .refillAutomaticContainer,
.myPage .extraServicesContainer {
	width					: 576px;
	height				: 55px;
	margin				: 15px 0px 0px 0px;
	padding				: 12px 17px 12px 17px;
	background				: url("/application/css/berlingskemobil/images/elements/my-page-refill-automatic-background.gif") no-repeat;
	}
.myPage .paymentOptions {
	padding				: 0px 0px 0px 0px;
	margin				: 0px 0px 0px 0px;
	text-align				: center;	
	}
.myPage .paymentOptions h2 {
	text-align				: center;
	}	
.myPage .paymentOptions a {
	display				: block;
	width					: 352px;
	background				: #DDDDDD;
	height				: 66px;
	background				: url(/application/css/berlingskemobil/images/elements/paymentoptions.gif) no-repeat 50% 50%;
	margin				: 5px 0px 0px 0px;
	}
.myPage .refillAutomaticContainer .info,
.myPage .extraServicesContainer .info {
	float					: left;
	display				: inline;
	}
.myPage .refillAutomaticContainer a,
.myPage .extraServicesContainer a {
	float					: right;
	display				: block;
	}
.myPage .balanceContainer {
	text-align				: center;
	}
.myPage .balanceNumberContainer {
	margin				: 1px 0px 10px 0px;
	}		
.myPage .balanceNumber {
	font-size				: 32px;
	line-height				: 34px;
	font-weight				: bold;
	color					: #004166;
	margin				: 12px 0px 0px 0px;
}
/* ------------------------------------------------------------------------------------------------------ */
/* REFILL PAGE AND REFILL AUTOMATIC PAGE (OPTANKNING SIDE OG AUTOMATISK OPTANKNING SIDE) (CUSTOMER LOGIN) */

.refillAutomaticPage,
.refillPage {
	overflow				: hidden; /*helps IE8 margin-bug*/
	}
.refillAutomaticPage fieldset,
.refillPage          fieldset {
	padding				: 12px 12px 12px 12px;
	margin				: 0px 0px 20px 0px;
	}	
.refillAutomaticPage legend span, 
.refillPage          legend span {
	display				: block;
	height				: 20px;
	}
.refillAutomaticPage .order legend span, 
.refillPage .order          legend span {
	position				: relative;
	top					: 7px;
	}	
.refillAutomaticPage label,
.refillPage          label {
	display				: inline;
	float					: left;
	width					: 160px;
	margin				: 0px 0px 3px 9px;
	}
.refillAutomaticPage input[type=radio],
.refillPage          input[type=radio] {
	display				: inline;
	float					: left;
	margin				: 0px 0px 3px 0px;
	}
.refillAutomaticPage input[type=text],
.refillPage          input[type=text] {
	display				: inline;
	float					: left;
	width					: 50px;
	margin				: 0px 0px 3px 7px;
	text-align				: right;
	padding				: 0px 3px 0px 3px;
	}
		
.refillAutomaticPage .submitButtonContainer input,
.refillPage          .submitButtonContainer input {
	display				: block;
	width					: 65px;
	height				: 31px;
	background				: url(/application/css/berlingskemobil/images/buttons/button-next.gif) no-repeat 0px 3px;
	color					: #FFFFFF;
	font-weight				: bold;
	font-size				: 17px;
	border				: none;
	margin				: 6px 0px 0px 0px;
	text-decoration			: none;
	}
.refillAutomaticPage .submitButtonContainer input:hover,
.refillPage          .submitButtonContainer input:hover {
	color					: #CCCCCC;
	}	
			
.refillAutomaticPage .failureMessage,
.refillPage          .failureMessage {
	color					: #FA108A;
	margin				: 5px 0px 3px 0px;
	}
.refillAutomaticPage .first,
.refillPage          .first {
	margin				: 0px 0px 20px 12px;
	}	
.refillAutomaticPage .submitButtonContainer,
.refillPage          .submitButtonContainer {
	float					: right;
	}
.refillAutomaticPage .dankortIcon,
.refillAutomaticPage .visaIcon,
.refillAutomaticPage .visaElectronIcon,
.refillAutomaticPage .mastercardIcon,
.refillAutomaticPage .maestrocardIcon,
.refillAutomaticPage .danskeIcon,
.refillAutomaticPage .nordeaIcon,
.refillPage .dankortIcon,
.refillPage .visaIcon,
.refillPage .visaElectronIcon,
.refillPage .mastercardIcon,
.refillPage .maestrocardIcon,
.refillPage .danskeIcon,
.refillPage .nordeaIcon {
	padding				: 0px 0px 0px 8px;
	display				: inline;
	float					: left;
	width					: 90px;
	}
.refillAutomaticPage .dankortIcon,
.refillPage          .dankortIcon {
	background				: url("/application/css/berlingskemobil/images/elements/kreditkort-dk.gif") no-repeat 0px 1px;
	}
.refillAutomaticPage .visaIcon,
.refillPage          .visaIcon {
	background				: url("/application/css/berlingskemobil/images/elements/kreditkort-visa.gif") no-repeat 0px 1px;
	}
.refillAutomaticPage .visaElectronIcon,
.refillPage          .visaElectronIcon {
	background				: url("/application/css/berlingskemobil/images/elements/kreditkort-visae.gif") no-repeat 0px 1px;
	}		
.refillAutomaticPage .mastercardIcon,
.refillPage          .mastercardIcon {
	background				: url("/application/css/berlingskemobil/images/elements/kreditkort-master.gif") no-repeat 0px 1px;
	}	
.refillAutomaticPage .danskeIcon,
.refillPage          .danskeIcon {
	background				: url("/application/css/berlingskemobil/images/elements/netbank-db.gif") no-repeat 0px 1px;
	}
.refillAutomaticPage .cardIcon,
.refillPage          .cardIcon {
	width					: 400px;
	}	
.refillAutomaticPage .feeInfo,
.refillPage          .feeInfo {
	float					: left;
	display				: inline;
	}
.refillAutomaticPage .feeText,
.refillPage          .feeText {
	float					: left;
	display				: inline;
	margin				: 0px 8px 0px 0px;
	}	
/* Table styles                                                                                           */
.refillAutomaticPage .tableOrder,
.refillPage          .tableOrder {
	width					: 100%;
	margin				: 0px 0px 20px 0px;
	border-collapse			: collapse;
	}
.refillAutomaticPage .tableOrder th,
.refillPage          .tableOrder th {
	height				: 22px;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	text-transform			: none;
	font-size				: 14px;
	}
.refillAutomaticPage .tableOrder td,
.refillPage          .tableOrder td {
	border				: none;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	height				: 24px;
	font-size				: 14px;
	}

/* Table columns. "text-align" and "width"                                                                */	
.refillAutomaticPage .tableOrder td:first-child + td,
.refillPage          .tableOrder td:first-child + td  {
	text-align				: right;
	}
.refillAutomaticPage .tableOrder td:first-child,
.refillPage          .tableOrder td:first-child {						
	width					: 50%; 
	}
.refillAutomaticPage .tableOrder td:first-child + td,
.refillPage          .tableOrder td:first-child + td {					
	width					: 50%; 
	}


.refillAutomaticPage input[type=checkbox],
.refillPage          input[type=checkbox] { 
	float					: left;
	margin				: 10px 10px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width					: 15px;
	}
.refillAutomaticPage .labelTerms,
.refillPage          .labelTerms {
	float					: left;
	width					: 500px;
	margin				: 7px 0px 0px 0px;
	padding				: 0px;
	}	
		
/*REFILL PAYMENT PAGE AND REFILL AUTOMATIC PAYMENT PAGE*/
.refillAutomaticPayment h2,
.refillPayment          h2 {
	margin				: 0px 0px 3px 0px;
	}
.refillAutomaticPayment form,
.refillPayment          form {
	margin				: 0px 0px 50px 0px;
}	
.refillAutomaticPayment  label,
.refillAutomaticPayment .label,
.refillPayment           label,
.refillPayment          .label {
	display				: inline;
	float					: left;
	width					: 148px;
	margin				: 0px 0px 3px 0px;
	}
.refillAutomaticPayment  input,
.refillAutomaticPayment .input,
.refillPayment           input,
.refillPayment          .input {
	display				: inline;
	float					: left;
	width					: 148px;
	margin				: 0px 0px 3px 0px;
	padding				: 0px 3px 0px 3px;
	}
.refillAutomaticPayment .input,
.refillPayment          .input {
	color					: #888888;
	cursor				: default;
	background				: #FFFFFF;
	border				: #CCCCCC 1px solid;
	height				: 18px;
	overflow				: hidden;
	}
	
.refillAutomaticPayment .submitButtonContainer input,
.refillPayment          .submitButtonContainer input {
	display				: block;
	width					: 164px;
	height				: 31px;
	background				: url(/application/css/berlingskemobil/images/buttons/button-confirm-payment.gif) no-repeat 0px 3px;
	color					: #FFFFFF;
	font-weight				: bold;
	font-size				: 16px;
	border				: none;
	margin				: 6px 0px 0px 0px;
	text-decoration			: none;
	}
.refillAutomaticPayment .submitButtonContainer input:hover,
.refillPayment          .submitButtonContainer input:hover {
	color					: #CCCCCC;
	}	
			
.refillAutomaticPayment .failureMessage p,
.refillPayment          .failureMessage p {
	color					: #FA108A;
	}
.refillAutomaticPayment select,
.refillPayment          select {
	margin				: 0px 0px 5px 0px;
	padding				: 0px 0px 0px 0px;
	line-height				: normal;
	}	
.refillAutomaticPayment .submitButtonContainer,
.refillPayment          .submitButtonContainer {
	position				: relative;
	left					: 147px;
	z-index				: 27;
	}
.refillAutomaticPayment .last,
.refillPayment          .last {
	margin-top				: 3px;
	color					: #4F4F4F;
	position				: relative;
	left					: 160px;
	top					: 10px;
	padding				: 0px 0px 0px 0px;
	z-index				: 26;
	}
.refillAutomaticPayment .controlNumber input,
.refillPayment          .controlNumber input {
	width					: 35px;
	margin				: 0px 0px 7px 0px;
	}
	
.refillAutomaticPayment .cardNumberInformation,
.refillPayment .cardNumberInformation,
.refillAutomaticPayment .cardDateInformation,
.refillPayment .cardDateInformation,
.refillAutomaticPayment .cardControlInformation,
.refillPayment .cardControlInformation {
	display				: inline;
	float					: left;
	width					: 175px;
	min-height				: 200px;
	margin				: 80px 25px 0px 0px;
	}	
.refillAutomaticPayment .cardNumberInformation,
.refillPayment .cardNumberInformation {
	background				: url("/application/css/berlingskemobil/images/content/kortnummer.jpg") left bottom no-repeat;
	}
.refillAutomaticPayment .cardDateInformation,
.refillPayment .cardDateInformation {
	background				: url("/application/css/berlingskemobil/images/content/udloebsdato.jpg") left bottom no-repeat;
	}
.refillAutomaticPayment .cardControlInformation,
.refillPayment .cardControlInformation {
	background				: url("/application/css/berlingskemobil/images/content/kontrolcifre.jpg") left bottom no-repeat;
	}						
/* ------------------------------------------------------------------------------------------------------ */
/* PAYMENT OVERVIEW PAGE (FORBRUG) (CUSTOMER LOGIN)                                                       */

.paymentOverviewPage .showPeriod,
.paymentOverviewPage .selectPeriod {
	float					: left;
	display				: inline;
	margin				: 0px 10px 0px 0px;
	}
.paymentOverviewPage option {
	padding				: 0px 6px 0px 6px;
	}

/* Table styles                                                                                           */
.tablePaymentOverview,
.tableFeeOverview {
	width					: 100%;
	margin				: 0px 0px 0px 0px;
	border-collapse			: collapse;
	}
.tableFeeOverview {
	margin				: 50px 0px 0px 0px;
	}	
.tablePaymentOverview th,
.tableFeeOverview th {
	height				: 22px;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	text-transform			: none;
	font-size				: 14px;
	}
.tablePaymentOverview td,
.tableFeeOverview td {
	border				: none;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	height				: 24px;
	font-size				: 14px;
	}
.tablePaymentOverview .sum td {
	font-weight				: bold;
	color					: #004166;
	padding				: 7px 0px 5px 0px;
	}

/* Table columns. "text-align" and "width"                                                                */	
.tablePaymentOverview th:first-child,
.tablePaymentOverview th:first-child + th {text-align:left;}
.tablePaymentOverview th:first-child + th + th,
.tablePaymentOverview td:first-child + td + td {text-align:right;}

.tableFeeOverview th:first-child,
.tableFeeOverview th:first-child + th {text-align:left;}
.tableFeeOverview th:first-child + th + th,
.tableFeeOverview td:first-child + td + td {text-align:right;}

.tablePaymentOverview th:first-child {					width	: 45%; }
.tablePaymentOverview th:first-child + th {				width	: 32%; }
.tablePaymentOverview th:first-child + th + th {			width	: 33%; }

.tableFeeOverview th:first-child {						width	: 45%; }
.tableFeeOverview th:first-child + th {					width	: 22%; }
.tableFeeOverview th:first-child + th + th {				width	: 33%; }

.tablePaymentOverview tr.hoverLink td:first-child {
	text-decoration			: none;
	cursor				: pointer;
	color					: #FA108A;
	}
.tablePaymentOverview tr.hoverLink:hover td:first-child {
	text-decoration			: underline;
	}	

.paymentOverviewPage .left {
	text-align				: left;
	margin				: 30px 0px 10px 0px;
	}
.tablePaymentOverview .tableDetails {	
	width					: 100%;
	border-collapse			: collapse;
	margin				: 0px 0px 6px 0px;
	}
.tablePaymentOverview .tableDetails th {
	font-weight				: normal;
	}
.tablePaymentOverview .tableDetails td,
.tablePaymentOverview .tableDetails th {
	margin				: 0px 0px 0px 0px;
	padding				: 2px 0px 2px 0px;
	background-color			: #FFFFFF;
	border				: #CCCCCC solid 0px 0px 1px 0px;
	}
.tablePaymentOverview .tableDetails th:first-child			{ width: 33%; text-align: left;   }
.tablePaymentOverview .tableDetails th:first-child + th		{ width: 35%; text-align: left;   }
.tablePaymentOverview .tableDetails th:first-child + th + th	{ width: 10%; text-align: center; }
.tablePaymentOverview .tableDetails td:first-child + td + td	{             text-align: center; }		
.tablePaymentOverview .tableDetails th:first-child + th + th + th	{ width: 22%; text-align: right;  }	
.tablePaymentOverview .tableDetails td:first-child + td + td + td	{             text-align: right;  }

.tablePaymentOverview .pageCount {
	float: right;
	display: inline;
	margin				: 0px 0px 13px 0px;
	color					: #999999;
	}		
.tablePaymentOverview .pageLink {
	float: right;
	display: inline;
	margin				: 0px 13px 13px 0px;
	}	
.tablePaymentOverview .pageLink a {
	padding				: 0px 2px 0px 2px;
	}	
/* ------------------------------------------------------------------------------------------------------ */
/* INVOICE ARCHIVE PAGE (FAKTURAARKIV) (CUSTOMER LOGIN)	                                              */
.invoiceArchive {
	overflow				: hidden; /*helps IE8 margin-bug*/
	}
.invoiceArchive a.pdfLink {
	display				: block;
	width					: 31px;
	height				: 31px;
	background				: url("/application/css/berlingskemobil/images/buttons/pdfikon.png") no-repeat;
	float					: right;
	margin				: 3px 0px 3px 0px;
	}
.invoiceArchive .pageCount {
	float					: left;
	display				: inline;
	margin				: 0px 8px 0px 0px;
	color					: #999999;
	}		
.invoiceArchive .pageLink {
	float					: left;
	display				: inline;
	margin				: 0px 0px 0px 0px;
	}	
.invoiceArchive .pageLink a {
	padding				: 0px 2px 0px 2px;
	}	
.invoiceArchive a.taxLink {
	float					: right;
	display				: inline;
	}
/* Table styles                                                                                           */
.tableInvoiceArchive {
	width					: 100%;
	margin				: 10px 0px 20px 0px;
	border-collapse			: collapse;
	}
.tableInvoiceArchive th {
	height				: 22px;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	text-transform			: none;
	font-size				: 14px;
	}
.tableInvoiceArchive td {
	border				: none;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	height				: 24px;
	font-size				: 14px;
	}

/* Table columns. "text-align" and "width"                                                                */	
.tableInvoiceArchive th:first-child,
.tableInvoiceArchive th:first-child + th, 
.tableInvoiceArchive th:first-child + th + th {text-align:left;}
.tableInvoiceArchive th:first-child + th + th + th,
.tableInvoiceArchive th:first-child + th + th + th + th,
.tableInvoiceArchive td:first-child + td + td + td,
.tableInvoiceArchive td:first-child + td + td + td + td {text-align:right;}

.tableInvoiceArchive th:first-child {					width	: 20%; }
.tableInvoiceArchive th:first-child + th {				width	: 17%; }
.tableInvoiceArchive th:first-child + th + th {				width	: 17%; }
.tableInvoiceArchive th:first-child + th + th + th {			width	: 23%; }
.tableInvoiceArchive th:first-child + th + th + th + th {		width	: 23%; }

/* ------------------------------------------------------------------------------------------------------ */
/* TAX OVERVIEW PAGE (MOMSOVERSIGT) (CUSTOMER LOGIN)                                                      */
.taxOverviewPage {
	overflow				: hidden; /*helps IE8 margin-bug*/
	}
.taxOverviewPage .showPeriod,
.taxOverviewPage .selectPeriod {
	float					: left;
	display				: inline;
	margin				: 0px 10px 30px 0px;
	}
.taxOverviewPage option {
	padding				: 0px 6px 0px 6px;
	}	
.taxOverviewPage a.pdfLink {
	display				: inline;
	float					: right;
	width					: 50px;
	height				: 20px;
	background				: url("/application/css/berlingskemobil/images/buttons/pdfikon.png") 6px 0px  no-repeat;
	margin				: 3px 0px 3px 0px;
	padding				: 33px 0px 0px 0px;
	color					: #004166;
	}
.taxOverviewPage .pageNumber {
	float					: left;
	display				: inline;
	}

/* Table styles                                                                                           */
.tableTaxOverview {
	width					: 100%;
	margin				: 0px 0px 20px 0px;
	border-collapse			: collapse;
	}
.tableTaxOverview th {
	height				: 22px;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	text-transform			: none;
	font-size				: 14px;
	}
.tableTaxOverview td {
	border				: none;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	height				: 24px;
	font-size				: 14px;
	}
.tableTaxOverview tfoot td {
	font-weight				: bold;
	color					: #004166;
	}
/* Table columns. "text-align" and "width"                                                                */	
.tableTaxOverview th:first-child {text-align:left;}
.tableTaxOverview th:first-child + th, 
.tableTaxOverview th:first-child + th + th, 
.tableTaxOverview th:first-child + th + th + th,
.tableTaxOverview td:first-child + td,
.tableTaxOverview td:first-child + td + td,
.tableTaxOverview td:first-child + td + td + td {text-align:right;}

.tableTaxOverview th:first-child {						width	: 13%; }
.tableTaxOverview th:first-child + th {					width	: 29%; }
.tableTaxOverview th:first-child + th + th {				width	: 29%; }
.tableTaxOverview th:first-child + th + th + th {			width	: 29%; }

/* ------------------------------------------------------------------------------------------------------ */
/* MY DATA PAGE (MINE OPLYSNINGER) (CUSTOMER LOGIN)                                                       */

.myDataPage {
	overflow				: hidden; /*helps IE8 margin-bug*/
	}
.myDataPage caption {
	text-align				: left;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	padding				: 0px 0px 5px 0px;
	}	
.myDataPage .personalData,
.myDataPage .phoneData,
.myDataPage .codes {
	float					: left;
	width					: 70%;
	margin				: 0px 0px 25px 0px;
	}	
	
/* Table styles                                                                                           */
.tablePersonalData,
.tablePhoneData,
.tableCodes {
	width					: 100%;
	margin				: 0px 0px 10px 0px;
	border-collapse			: collapse;
	}
.tablePersonalData th,
.tablePhoneData th,
.tableCodes th {
	height				: 22px;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	text-transform			: none;
	font-size				: 14px;
	}
.tablePersonalData td,
.tablePhoneData td,
.tableCodes td {
	border				: none;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	height				: 24px;
	font-size				: 14px;
	}


/* Table columns. "text-align" and "width"                                                                */	
.tablePersonalData th:first-child {text-align:left;}
.tablePersonalData th:first-child + th,
.tablePersonalData td:first-child + td {text-align:right;}

.tablePhoneData th:first-child {text-align:left;}
.tablePhoneData th:first-child + th,
.tablePhoneData td:first-child + td {text-align:right;}

.tableCodes th:first-child {text-align:left;}
.tableCodes th:first-child + th,
.tableCodes td:first-child + td {text-align:right;}


.tablePersonalData th:first-child {					width	: 50%; }
.tablePersonalData th:first-child + th {				width	: 50%; }

.tablePhoneData th:first-child {					width	: 50%; }
.tablePhoneData th:first-child + th {				width	: 50%; }

.tableCodes th:first-child {						width	: 50%; }
.tableCodes th:first-child + th {					width	: 50%; }

/* ------------------------------------------------------------------------------------------------------ */
/* EDIT PERSONAL DATA PAGE (REDIGER PERSONLIGE OPLYSINGER) (CUSTOMER LOGIN)                        */

.editPersonalData h2 {
	margin				: 0px 0px 3px 0px;
	}
.editPersonalData form {
	margin				: 0px 0px 50px 0px;
}	
.editPersonalData label,
.editPersonalData .label {
	display				: inline;
	float					: left;
	width					: 148px;
	margin				: 0px 0px 3px 0px;
	}
.editPersonalData input,
.editPersonalData .input {
	display				: inline;
	float					: left;
	width					: 148px;
	margin				: 0px 0px 3px 0px;
	padding				: 0px 3px 0px 3px;
	line-height				: normal;
	}
.editPersonalData .input {
	color					: #888888;
	cursor				: default;
	background				: #FFFFFF;
	border				: #CCCCCC 1px solid;
	height				: 18px;
	overflow				: hidden;
	}
.editPersonalData .postalCode {
	width					: 40px;
	}
.editPersonalData .submitButtonContainer input {
	width					: auto;
	}		
.editPersonalData .failureMessage,
.editPersonalData .cprInfo {
	color					: #FA108A;
	display				: inline;
	float					: left;
	width					: 280px;
	margin				: 0px 0px 3px 7px;
	}
.editPersonalData .last {
	margin-top				: 4px;
	color					: #4F4F4F;
	position				: relative;
	left					: 153px;
	}	
.editPersonalData .cprInfo {
	color					: #999999;
	}	
.editPersonalData select {
	margin				: 0px 0px 5px 0px;
	padding				: 0px 0px 0px 0px;
	line-height				: normal;
	}	
.editPersonalData .submitButtonContainer {
	position				: relative;
	left					: 147px;
	}	
/* ------------------------------------------------------------------------------------------------------ */
/* EDIT PASSWORD PAGE (REDIGER ADGANGSKODE SIDE) (CUSTOMER LOGIN)				                      */

.editPassword legend span {
	margin				: 0px 0px 3px 0px;
	}
.editPassword .description {
	margin				: 0px 0px 30px 0px;
	width					: 310px;
	}
.editPassword label {
	display				: inline;
	float					: left;
	width					: 150px;
	margin				: 0px 0px 3px 0px;
	}
.editPassword input {
	display				: inline;
	float					: left;
	width					: 150px;
	margin				: 0px 0px 3px 0px;
	}
.editPassword .submitButtonContainer input {
	width					: auto;
	}		
.editPassword .failureMessage {
	color					: #FA108A;
	display				: inline;
	float					: left;
	width					: 280px;
	margin				: 0px 0px 3px 7px;
	}
.editPassword .submitButtonContainer {
	margin				: 0px 0px 0px 150px;
	}
.editPassword .backLink {
	margin				: 30px 0px 0px 150px;
	}
/* ------------------------------------------------------------------------------------------------------ */
/* SERVICES MY PAGE (SERVICES MIN SIDE) (CUSTOMER LOGIN)	                                              */

.servicesMyPage .failureMessage {
	color					: #FA108A;
	margin				: 5px 0px 3px 0px;
	}

	
/* show/hides service-info text by :hover on <a href ...> */	
a.serviceInfo { 
	position				: relative; 
	z-index				: 24;
	background				: #FFFFFF;
	padding				: 0px 6px 0px 6px;
	border				: solid 1px #CCCCCC;
	color					: #4F4F4F;
	text-decoration			: none;
	cursor				: default;
}
.serviceInfo span { 
	display				: none;
	}
.serviceInfo:hover {
	z-index				: 25;
	text-decoration			: none;
	background				: #f959ac;
	color					: #FFFFFF;
	}
.serviceInfo:hover span {
	display				: block;
	position				: absolute;
	width					: 300px;
	background-color			: #FFFFFF;
	border				: 1px dotted #AAAAAA;
	padding				: 6px 14px 12px 14px;
	font-weight				: normal;
	color					: #4F4F4F;
	text-align				: left;
}
.tableServicesStandard .serviceInfo:hover span {
	top					: -1px;
	left					: 22px;
}
.tableServicesExtra .serviceInfo:hover span {
	top					: -125px;
	left					: 22px;
}
/* Table styles                                                                                           */
.tableServicesStandard,
.tableServicesExtra {
	width					: 100%;
	margin				: 10px 0px 20px 0px;
	border-collapse			: collapse;
	}
.tableServicesStandard th,
.tableServicesExtra th {
	height				: 22px;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	text-transform			: none;
	font-size				: 14px;
	}
.tableServicesStandard td,
.tableServicesExtra td {
	border				: none;
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x bottom left;
	height				: 24px;
	font-size				: 14px;
	}

/* Table columns. "text-align" and "width"                                                                */	
.tableServicesStandard th:first-child {text-align:left;}
.tableServicesStandard th:first-child + th, 
.tableServicesStandard th:first-child + th + th,
.tableServicesStandard td:first-child + td, 
.tableServicesStandard td:first-child + td + td {text-align:center;} 
.tableServicesStandard th:first-child + th + th + th,
.tableServicesStandard td:first-child + td + td + td {text-align:right;}

.tableServicesStandard th:first-child {					width	: 31%; }
.tableServicesStandard th:first-child + th {				width	: 25%; }
.tableServicesStandard th:first-child + th + th {			width	: 23%; }
.tableServicesStandard th:first-child + th + th + th {		width	: 21%; }

.tableServicesExtra th:first-child {text-align:left;}
.tableServicesExtra th:first-child + th, 
.tableServicesExtra th:first-child + th + th,
.tableServicesExtra td:first-child + td, 
.tableServicesExtra td:first-child + td + td {text-align:center;} 
.tableServicesExtra th:first-child + th + th + th,
.tableServicesExtra td:first-child + td + td + td {text-align:right;}

.tableServicesExtra th:first-child {					width	: 31%; }
.tableServicesExtra th:first-child + th {					width	: 25%; }
.tableServicesExtra th:first-child + th + th {				width	: 23%; }
.tableServicesExtra th:first-child + th + th + th {			width	: 21%; }
					
/* ------------------------------------------------------------------------------------------------------ */
/* WEBSMS PAGE (CUSTOMER LOGIN)			                                                          */

.websmsPage form:first-child {
	margin				: 0px 0px 30px 0px;
	}
.websmsPage legend span {
	margin-bottom			: 8px;
	}
.websmsPage .senderContainer label,
.websmsPage .senderContainer .label,
.websmsPage .recieverContainer label,
.websmsPage .textMessageContainer label,
.websmsPage .addressbookContainer .label {
	display				: block;
	width					: 100px;
	float					: left;
	margin				: 0px 0px 3px 0px;
	}
.websmsPage .submitMessageContainer,
.websmsPage .submitContactContainer {
	margin				: 3px 0px 3px 100px;
	}	
.websmsPage .senderContainer input,
.websmsPage .senderContainer .input,
.websmsPage .recieverContainer input {
	display				: block;
	float					: left;
	margin				: 0px 0px 3px 0px;
	width					: 250px;
	padding				: 0px 3px 0px 3px;
	}
.websmsPage .senderContainer .input {
	color					: #888888;
	cursor				: default;
	background				: #FFFFFF;
	border				: #CCCCCC 1px solid;
	height				: 18px;
	overflow				: hidden;
	}	
.websmsPage .submitMessageInputText {
	display				: inline;
	float					: left;
	margin				: 0px 0px 0px 76px;
	}
*+html .websmsPage .submitMessageInputText {
	margin				: 0px 0px 0px 70px;
	}	
.websmsPage .submitMessageButtonContainer input {
	display				: inline;
	float					: left;
	}
.websmsPage .submitMessageInputText input {
	width					: 30px;
	}	
.websmsPage .textMessageContainer textarea {
	width					: 250px;
	height				: 174px;
	display				: block;
	float					: left;
	margin				: 0px 0px 3px 0px;
	padding				: 3px 3px 3px 3px;
	}
.websmsPage .senderFailureMessage,
.websmsPage .recieverFailureMessage,
.websmsPage .submitSmsFailureMessage,
.websmsPage .textMessageFailureMessage,
.websmsPage .addressbookFailureMessage,
.websmsPage .failureMessage {
	display				: block;
	float					: left;
	margin				: 0px 0px 0px 5px;
	color					: #FA108A;
	width					: 230px;
	}
.websmsPage .last {
	margin				: 4px 0px 0px 10px;	
	}
.websmsPage .submitSmsFailureMessage,
.websmsPage .textMessageFailureMessage,
.websmsPage .addressbookFailureMessage {
	width					: 200px;
	}	
	
/* addressbook */
.websmsPage .tableAddressbook, 
.websmsPage .tableAddressbook td,
.websmsPage .tableAddressbook th {
	border-color			: #CCCCCC;
	border-style			: solid;
	}

.websmsPage table.tableAddressbook {	
	width					: 250px;
	float					: left;
	border-width			: 0px 0px 1px 1px;
	border-spacing			: 0px 0px 0px 0px;
	border-collapse			: collapse;
	}

.websmsPage .tableAddressbook td,
.websmsPage .tableAddressbook th {
	margin				: 0px 0px 0px 0px;
	padding				: 4px 4px 4px 4px;
	border-width			: 1px 1px 0px 0px;
	background-color			: #FFFFFF;
	}
.websmsPage .tableAddressbook th:first-child		{ width: 73%; text-align: left; }
.websmsPage .tableAddressbook th:first-child + th	{ width: 27%; text-align: left; }	

.websmsPage .tableAddressbook .onClick {
	cursor				: pointer;
	}	
.websmsPage .createLink {
	margin				: 20px 0px 0px 100px;
	}	
/* ------------------------------------------------------------------------------------------------------ */
/* ADDRESSBOOK PAGE (ADRESSEBOG SIDE) (CUSTOMER LOGIN)		                                        */

.addContact legend span {
	margin-bottom			: 8px;
	}
.addContact .contactNameContainer label,
.addContact .phonenumberContainer label {
	display				: block;
	width					: 110px;
	float					: left;
	margin				: 0px 0px 3px 0px;
	}
.addContact .addContactButtonContainer {
	margin				: 3px 0px 3px 110px;
	}	
.addContact .contactNameContainer input,
.addContact .phonenumberContainer input {
	display				: block;
	float					: left;
	margin				: 0px 0px 3px 0px;
	width					: 170px;
	line-height				: normal;
	}
.addContact .contactNameFailureMessage,
.addContact .phonenumberFailureMessage,
.addContact .failureMessage {
	display				: block;
	float					: left;
	margin				: 0px 0px 0px 5px;
	color					: #FA108A;
	width					: 200px;
	}
.addContact .failureMessage {
	display				: inline;
	float					: none;
	padding				: 0px 0px 0px 7px;
	}
.addressbook {
	margin				: 40px 0px 0px 0px;
	}
.addressbook h2 {
	margin				: 0px 0px 8px 0px;
	float					: left;
	width					: 110px;
	}
.addressbook .tableAddressbook {
	float					: left;
	}		
.addressbook .tableAddressbook, 
.addressbook .tableAddressbook td,
.addressbook .tableAddressbook th {
	border-color			: #CCCCCC;
	border-style			: solid;
	}

.addressbook .tableAddressbook {	
	width					: 300px;
	float					: left;
	border-width			: 0px 0px 1px 1px;
	border-spacing			: 0px 0px 0px 0px;
	border-collapse			: collapse;
	}

.addressbook .tableAddressbook td,
.addressbook .tableAddressbook th {
	margin				: 0px 0px 0px 0px;
	padding				: 2px 4px 2px 4px;
	border-width			: 1px 1px 0px 0px;
	background-color			: #FFFFFF;
	}
.addressbook .tableAddressbook th:first-child			{ width: 64%; text-align: left;   }
.addressbook .tableAddressbook th:first-child + th		{ width: 20%; text-align: center; }
.addressbook .tableAddressbook th:first-child + th + th	{ width: 16%; text-align: center; }	
.addressbook .tableAddressbook td:first-child + td + td	{             text-align: center; }	

.addressbook input[type=submit] {
	background				: none;
	text-decoration			: none;
	display				: block;
	border				: none;
	margin-left				: 7px;
	color					: #FA108A;
	}
.addressbook input[type=submit]:hover {
	text-decoration			: underline;
	}
.addressbook .backLink {
	margin				: 30px 0px 0px 110px;
	}			
	
/* ------------------------------------------------------------------------------------------------------ */