/* CSS Document */
.utSpace
    {
	display			    	: block;
	height			    	: 1px;
	margin			    	: 0px;
	padding			    	: 0px;
	overflow				: hidden;
	background-color		: transparent;
	clear					: both;
    }
body{
	background-color:#d0d9df;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

table
{
	text-align:left;
	font-size:11px;
}
fieldset {
    border: 0 none;
    padding:0px;
    margin:0px;
}
.fixWide
    {
    padding:0 20px;
    }
.shadow_border_main_left{
	background-image:url(/images/elementer/shodow_border_left.gif);
}

.shadow_border_main_right{
	background-image:url(/images/elementer/shodow_border_right.gif);
}

.content{
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(/images/elementer/content_shadow_border_top.jpg);
	background-repeat:repeat-x;
	height:500px;
	vertical-align:top;
	padding:18px;
}

.footer{
	background-image:url(/images/elementer/footer.jpg);
	padding:0 18px 0 18px;
	font-size:11px;
	font-weight:bold;
	height:35px;
	vertical-align:middle;
}

.blacklink_txt
{
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.blacklink_txt:hover
{
	text-decoration:underline;
}

.menu_link{
	float:left;
	vertical-align:middle;
	font-weight:bold;
	font-size:10px;
	margin-top:10px;
}

.menu_link a, .menu_link a:visited
{
    text-decoration:none;
    font-weight:bold;
	font-size:10px;
	color:Black;
}

.menu_link a:hover, .menu_link a:visited:hover
{   
    text-decoration:underline;
    font-weight:bold;
	font-size:10px;
	color:Black;
}

.menu_txt
{
    font-weight:bold;
	font-size:10px;
}

.gray_txt{
	color:#9c9c9c;
	text-decoration:none;
}
.gray_txt a, .gray_txt a:visited{
	color:#9c9c9c;
	text-decoration:none;
}

.gray_txt a:hover, .gray_txt a:visited:hover
{
    color:#9c9c9c;
	text-decoration:underline;
}

.menu_seperator{
	padding: 0 8px 0 8px;
	float:left;
}

.purple_txt{
	color:#5e55a4;
	text-decoration:none;
}

.purple_txt a, .purple_txt a:visited{
	color:#5e55a4;
	text-decoration:none;
}

.purple_txt a:hover, .purple_txt a:visited:hover
{
    color:#5e55a4;
	text-decoration:underline;
}

img{
	border:0;
	padding:0;
	margin:0;
}

form, input{
	padding:0;
	margin:0;
}

input{
	height:16px;
}

.btn{
	width: 65px;
	height: 21px;
}

input[type="text"]{
	border-color:#c3c3c3;
	border-width:1px;
	border-bottom-style:solid;
}

.input_login
{
    width:80px; 
    border:none; 
    height:14px; 
    font-size:10px;
    padding-left:2px;  
}

input, select{
	font-size:10px;
	background-color:#FFFFFF;
}

h3{
	font-size:13px;
	padding:0;
	margin:0 0 4px 0;
}

.small_txt{
	font-size:9px;
}

.white_txt{
	color:#FFFFFF;
}

.price_label{
	font-size:15px;
	font-weight:bold;
}

.blank_link{
	color:#000000;
	text-decoration:none;
}

.div_header{
	font-weight:bold;
	font-size:11px;
	padding:0;
	margin:0;
}

.div_text{
	vertical-align:top;
	clear:both;
}

.div_text_color{
	vertical-align:top;
	clear:both;
	background-color:#CCCCCC;
}

.div_seperator_gray_dotted{
	height:1px;
	background-image:url(/images/elementer/seperator_gray_hor_dotted.gif);
	background-repeat:repeat-x;
	margin-top:3px;
	margin-bottom:3px;
	width:100%;
	float:left;
	clear:none;
	font-size:1px;
}

.div_seperator_purple_dotted{
	height:1px;
	background-image:url(/images/elementer/seperator_purple_hor_dotted.gif);
	background-repeat:repeat-x;
	margin-top:1px;
	margin-bottom:1px;
	width:100%;
	float:left;
	font-size:1px;
}

.div_produkter_ydelse{
	float:left;
	width:117px;
	clear:left;
}

.div_produkter_beskrivelse{
	float:left;
	width:300px;
}

.div_produkter_pris{
	float:left;
	width:100px;
	clear:right;
	text-align:right;
}

.div_priser_ydelse{
	float:left;
	width:30%;
	clear:left;
}
.timer
    {width:18% !important;}
.div_priser_ydelse_dobbelt{
	float:left;
	width:76%;
	clear:left;
}

.div_priser_beskrivelse{
	float:left;
	width:46%
}

.div_priser_beskrivelse_small
{
    float:left;
    width:34%;
}

.div_priser_beskrivelse_big{
	float:left;
	width:52%
}

.div_priser_pris{
	float:left;
	width:18%;
	clear:right;
	text-align:right;
}

.div_priser_ydelse_big{
	float:left;
	width:82%;
	clear:left;
}

.div_priser_pris_1{
	float:left;
	width:11%;
	text-align:right;
}

.div_priser_pris_2{
	float:left;
	width:12%;
	text-align:right;
}

.div_priser_pris_3
{
    float:left;
    width:13%;
    text-align:right;
    clear:right;
}

.div_seperator_login_menu{
	height:2px;
	background-image:url(/images/elementer/login/seperator_menu.gif);
	background-repeat:repeat-x;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	font-size:1px;
}

.login_menu_txt{
	font-weight:bold;
	font-size:9px;
	margin-left:8px;
}

.login_menu_txt a{
	text-decoration:none;
	color:#000000;
}

.login_menu_txt a:hover{
	text-decoration:underline;
	color:#000000;
}

.div_login_text{
	float:left;
	width:180px;
	text-align:left;
	clear:left;
}

.div_login_value{
	float:left;
	text-align:left;
}

.div_login_right{
	float:right;
	clear:right;
	padding:0;
}

.div_forbrug_left{
	float:left;
	clear:left;
	width:45%;
}

.div_forbrug_middle{
	float:left;
	width:35%;
}

.div_forbrug_right{
	float:right;
	clear:right;
	text-align:right;
	width:20%;
}

.div_multirefill_left
{
    float:left;
    clear:left;
    width:60%
}

.div_multirefill_middle
{
    float:left;
    width:20%;
}

.div_multirefill_right
{
    float:right;
    clear:right;
    text-align:right;
    width:20%;
}

.done{
	color:#95af2d;
}

.error{
	color:#CC3300;
}

.div_error{
	clear:both;
	color:#CC3300;
	font-weight:bold;
}

.div_ok{
	clear:both;
	color:#95af2d;
	font-weight:bold;
}

.div_optank_left{
	float:left;
	clear:left;
	width:16%;
}
.contentInnerContainer .div_optank_left {
	float:left;
	clear:none !important;
	width:15% !important;
}
.div_optank_middle{
	float:left;
	width:35%;
}

.div_optank_right{
	float:left;
}

.div_text .text{
	line-height:18px;
}
label.overlabel, label.overlabel-apply {
    left: 246px;
    line-height: 18px;
    position: absolute;
    top: 6px;
    z-index: 1010;
}
.orderContainer {
    width:635px;
    float:left;
    position:relative;
}
.contentInnerContainer
{
    background-image: url("/images/elementer/wide_box_bg.jpg"); 
    background-repeat: no-repeat;
    padding:20px;
    width:595px;
}
.infoButton
{
    float:left;
    cursor:help;
    background-image:url("/images/elementer/buttonInfo.png");
    height:14px;
    width:11px;
    position:relative;
    left:3px;
    z-index:10;
}

.infoText
{
    left: 20px;
    min-height: 91px;
    position: absolute;
    width: 250px;
    z-index: 12;
    top:0px;
}
.infoText span
    {
    padding: 10px;
    position: relative;
    z-index: 99;
    display:inline-block;
    color:#ffffff;
    font-weight:bold;
    }

.infoButton:hover
{
    background-image:url("/images/elementer/buttonInfo_active.png");
}
.infoTextTop
{
    background: url("/images/elementer/infoText_top.png") no-repeat scroll 0 0 transparent;
    height: 81px;
    left: 0;
    position: absolute;
    top: 0;
    width: 250px;
    z-index: 15;
}
.infoTextContent
{
    background:url("/images/elementer/infoText_content.png") repeat-y;
    width:250px;
    min-height: 90px;
    position:absolute;
    z-index:14;
    
}
.infoTextBottom
{
    background: url("/images/elementer/infoText_bottom.png") no-repeat scroll 0 0 transparent;
    height: 9px;
    bottom: 0;
    position: absolute;
    left: 0;
    width: 250px;
    z-index: 12;
}
.basket  {
    float:left;
    background-image: url("/images/elementer/bg_fixedboxarea_smaller.gif");
    background-repeat: no-repeat;
    min-height: 174;
    padding: 6px 0 0 6px;
    width: 270px;
    margin-left:8px;
}
.greyLight {
    color:#999999;
}
.shopBasket .btm {
    background: url("/images/elementer/bg_shopbasket_btm.gif") no-repeat scroll left top transparent;
    height: 9px;
    margin: -7px 0 0 -2px;
    position: absolute;
    width: 263px;
    z-index:1;
}
.shopBasket {
    background: url("/images/elementer/bg_shopbasket.gif") repeat-x scroll 0 19px #FFF0A4;
    border: 1px solid #FFFFFF;
    font-size: 11px;
    line-height: 16px;
    padding-bottom: 0;
}
.shopBasket .top {
    background: url("/images/elementer/bg_shopbasket_top.gif") no-repeat scroll left top transparent;
    height: 23px;
    width: 259px;
}
.displayNone
    {
    display:none;
    }
.shopBasketOuter {
    border: 1px solid #C5C5C5;
    margin-bottom: 4px;
    width: 261px;
}
.orderLeftColumn {
    width:185px;
    float:left;
}
.buttonPurple {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    outline: medium none;
    padding: 0;
}
.buttonPurple.inactive span {
    background: url("/images/buttons/buttonBackgroundRightInactive.gif") no-repeat scroll right top transparent !important;
}
.buttonPurple span {
    width:auto;
    background: url("/images/buttons/buttonBackgroundRight.gif") no-repeat scroll right top transparent;
    cursor: pointer;
    display: inline;
    float: left;
    height: 27px;
    margin-right: 0;
    padding-right: 7px;
    text-decoration: none;
}
.buttonPurple.inactive span em,
.buttonPurple.inactive span em input {
    background: url("/images/buttons/buttonBackgroundLeftInactive.gif") no-repeat scroll 0 0 transparent !important;
}
.buttonPurple span em, .buttonPurple span em input {
    background: url("/images/buttons/buttonBackgroundLeft.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 22px;
    line-height: 18px;
    padding: 3px 7px 7px 12px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}
.buttonPurple span em input {
    background:none !important;
    border:none !important;
    position:relative !important;
    top:-4px !important;
}
.buttonOrange {
    margin-top:5px 0 0 0;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    outline: medium none;
    padding: 0;
}
.buttonOrange span {
    width:auto;
    background: url("/images/buttons/buttonOrangeBackgroundRight.gif") no-repeat scroll right top transparent;
    cursor: pointer;
    display: inline;
    float: left;
    height: 27px;
    margin-right: 0;
    padding-right: 7px;
    text-decoration: none;
}
.buttonOrange span em {
    background: url("/images/buttons/buttonOrangeBackgroundLeft.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 22px;
    line-height: 18px;
    padding: 3px 7px 7px 12px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    }
.numbersLabel.orange {
    color:#FFB400
    }
.right {
    float:right;
    }
.left
    {
    float:left;
    }
.shoppingCart
    {
    width:100%;
    padding:0 5px;
    margin:5px 0;
    }
.shoppingCart thead tr th:first-child,
.shoppingCart tbody tr td:first-child {
    width:70%;
    text-align:left;
    }
.shoppingCart thead tr th:first-child + th,
.shoppingCart tbody tr td:first-child + td {
    width:30%;
    text-align:right;
    }
.overlay
    {
    display:none;
    }
.orderFlowServices
    {
    width:100%;
    margin:10px 0;
    }
.orderFlowServices thead tr th 
    {
    text-align:left;
    }
.orderFlowServices tbody tr td:first-child,
.orderFlowServices thead tr th:first-child
    {
    width:10%;
    }
.orderFlowServices tbody tr td:first-child + td,
.orderFlowServices thead tr th:first-child + th
    {
    width:30%;
    }
.orderFlowServices tbody tr td:first-child + td + td,
.orderFlowServices thead tr th:first-child + th + th
    {
    width:40%;
    }
.orderFlowServices tbody tr td:first-child + td + td + td,
.orderFlowServices thead tr th:first-child + th + th + th
    {
    width:20%;
    text-align:right;
    }
.lowerButton
    {
    position:relative;
    top:9px;
    float:left;
    }
button.numbersButton {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    margin: 0;
    outline: medium none;
    padding: 0;
    }
button.numbersButton {
    color: #054987;
    margin: 0 3px 0 0;
}
.fL {
    float:left;
}
#newMsisdnSearchSerie, #newMsisdnSearch {
    float: left !important;
    padding: 2px 0;
    position: relative;
    top: 13px;
}
.numbersTable
    {
    width:100%;
    margin: 10px 0;
    }
.numbersTable tbody tr td {
    padding:2px;
}
.orange
    {color: #FFB400;}
.importantInfo
    {
    border:1px solid #E0E0E0;
    padding:5px;
    margin:20px;
    }
.inputText label,
.inputText .label
    {
    width:120px;
    display:inline-block;
    float:left;
    }
.inputText input,
.inputText .input
    {
    width:120px;
    border: 1px solid #CCCCCC;
    cursor: text;
    display: inline;
    float: left;
    height: 14px;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 0 3px;
    width: 130px;
    font-size:10px;
    }
#customerCpr2
    {
    width:27px;
    margin-left:10px;
    }
#customerCpr1
    {
    width:64px;
    }
.errorContainer h3
    {
    color:Red;
    }
.marginSpace
    {
    margin:0px 20px
    }
.goldInfo {
    float: right;
    width: 220px;
}
.basketServices
    {
    padding-left:40px;
    font-size:9px
    }
.basketMsisdn {
    padding-left:20px;
    
}
.fieldsetTransferMsisdn label {
    width:180px;
}
#transferMsisdnProvider {
    width:138px;
    float:left !important;
}
#transferMsisdnSecret,
#transferMsisdnElectronical {
    float: left;
    width: auto;
}
.fieldsetTransferMsisdn .utSpace {
    height:3px;
}
.electronicalForm.inputCheckbox label {
    width:500px;
    float:left;
}
.customerTypeContainer {
    float:left;
}
.customerTypeContainer input {
    margin-left:13px;
}
.customerTypeContainer label {
    position:relative;
    top:-3px;
}
/* --------------------------------------------------------------------------------------------- */	
/* card styling refill page, refill subscription page, and orderflows payment pages              */			
.dankort,
.edankort,
.visa,
.visae,
.visadk,
.mastercard,
.loplusmastercard,
.mastercarddk,
.maestro,
.maestrodk,
.amexpressdk,
.amexpress,
.jcb,
.dinersdk,
.danskeIcon,
.nordeaIcon,
.netbank,
.netbank_nordea
 {
	margin				: 0px 0px 0px 10px;
	padding				: 0px 0px 0px 0px;
	display				: inline;
	float				: left;
	width				: 65px;
    height              : 16px;
}
.dankort {			background : url("/images/kreditkort/kreditkort-dk.gif") no-repeat 0px 1px;			}
.edankort {			background : url("/images/kreditkort/kreditkort-edankort.gif") no-repeat 0px 1px;		}	
.visadk {			background : url("/images/kreditkort/visa-dankort.gif") no-repeat 0px 1px;			}	
.visa {			    background : url("/images/kreditkort/kreditkort-visa.gif") no-repeat 0px 1px;			}
.visae {			background : url("/images/kreditkort/kreditkort-visae.gif") no-repeat 0px 1px;			}		
.mastercarddk,
.mastercard {		background : url("/images/kreditkort/kreditkort-master.gif") no-repeat 0px 1px;			}
.loplusmastercard {	background : url("/images/kreditkort/kreditkort-loplus-mastercard.gif") no-repeat 0px 1px;	}
.maestrodk,
.maestro {			background : url("/images/kreditkort/kreditkort-maestro.gif") no-repeat 0px 1px;		}		
.amexpressdk,	
.amexpress {		background : url("/images/kreditkort/kreditkort-americanExpress.gif") no-repeat 0px 1px;	}		
.jcb {			    background : url("/images/kreditkort/kreditkort-jcb.gif") no-repeat 0px 1px;			}		
.dinersdk {			background : url("/images/kreditkort/kreditkort-diners.jpg") no-repeat 0px 1px;			}		
.danskeIcon, .netbank {		background : url("/images/kreditkort/netbank-db.gif") no-repeat 0px 1px;				}
.nordeaIcon, .netbank_nordea {		background : url("/images/kreditkort/netbank-nordea.gif") no-repeat 0px 1px;			}

.inputLabelFloats label, .inputLabelFloats .label {
    display: inline;
    float: left;
    height: 18px;
    margin: 0 0 3px;
    width: 120px;
    }
.inputLabelFloats .input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #888888;
    cursor: text;
    overflow: hidden;
    }
.inputLabelFloats input, .inputLabelFloats .input {
    display: inline;
    float: left;
    height: 14px;
    margin: 0 10px 3px 0;
    padding: 1px;
    width: 148px;
}
.cardNumberInformation, .cardDateInformation, .cardControlInformation {
    display: inline;
    float: left;
    margin: 5px 11px 0 0;
    min-height: 200px;
    width: 175px;
}
.cardNumberInformation {
    background: url("/images/elementer/kortnummer.jpg") no-repeat scroll left bottom transparent;
}
.cardDateInformation {
    background: url("/images/elementer/udloebsdato.jpg") no-repeat scroll left bottom transparent;
}
.cardControlInformation {
    background: url("/images/elementer/kontrolcifre.jpg") no-repeat scroll left bottom transparent;
}
.singleSubscription {
    float:left;
    margin:0 7px 7px 0;
}
.noPaddingBottom {
    padding-bottom:0px !important;
}
#aoTrigger, #aoAmount {
    width:70px;
}
.aoLabel {
    width:125px;
    display:inline-block    
}
.inputLabelFloats {
float:left;
}
.aoContainer {
width:310px;
float:left;
}
.errorInfo {
    border: 1px solid #E0E0E0;
    margin: 20px 0 20px 0;
    padding: 5px;
}
.loadingOverlay {
    background: url("/images/elementer/loading-thickbox.gif") no-repeat scroll 0 0 transparent;
    height: 13px;
    position: absolute;
    top: 147px;
    width: 208px;
    z-index: 999;
}
.overlay {
    display:inline-block;
    position:relative;
    left:35%;
}
.paymentWarning {
    border: 1px solid red;
    color: Red;
    margin-left: 5px;
    padding: 1px;
    cursor:pointer
}
