@charset "utf-8";
/* CSS Document */

/* Stiler for Billaanskalkulatorene 

	Gunn - 21.mai 2012 - tatt ut stilene for billaan i et eget stilsett */
	
#wrapper #column_left .calculator.carLoans .full .moduleContent.medium {
	width: 400px;
}
#wrapper #column_left .calculator.carLoans .containerBoxElement.small .moduleContent.medium {
	width: 200px;
	margin-left: 0px;
}
#wrapper #column_left .calculator.carLoans .containerBoxElement.small div.small {
	width: 205px;
	margin-left: 0px;	
}
.carLoans .topHeaderDiv .topTitle {
	width:100%;
	float:left;
	border-bottom:1px solid #ebebeb;
}
.carLoans .topHeaderDiv .contentFrame {
	float:left;
	margin:0px;
}
.carLoans .topHeaderDiv .content {
	border-bottom:1px solid #ebebeb;
	padding:0px;
	margin:0px;
}
.carLoans .large .topHeaderDiv .content {
	height:91px;
}
.carLoans .topHeaderDiv .content {
	border-bottom:1px solid #ebebeb;
	padding:0px;
	margin:0px;
}

.carLoans .large .topHeaderDiv .content {
	height:91px;
}

.carLoans .medium .topHeaderDiv .content {
	height:80px;
	padding-top:10px;
}

.carLoans .small .topHeaderDiv .content{
	height:120px;
	width:200px;
}


.carLoans .resultPanel .content .leftSide .resultRow {
	float:left;
	border-bottom:1px solid #ebebeb;
	height:82px;
	width:100%;
}

.carLoans .topHeaderDiv .content .resultRow {
	float:left;
	border-bottom:1px solid #ebebeb;
	height:auto;
	margin:10px 5px 5px 10px;
	padding-bottom:5px;
}

.carLoans .large .topHeaderDiv .content .resultRow {
	width:442px;
}

.carLoans .medium .topHeaderDiv .content .resultRow {
	width:202px;
}

.carLoans .small .topHeaderDiv .content .resultRow .labelExtensionLarge.resultSmall {
	display:block;
	font-size:1.8em;
	padding-top:0px;
	margin-top:0px;
}


.carLoans .topHeaderDiv .content .interestRow {
	float:left;
	padding-top:1px;
    white-space:nowrap;
	padding-left:10px;
}

.carLoans .small .topHeaderDiv .content .interestRow {
	width:190px;
}


.carLoans .topHeaderDiv .content .interestRow .numberSmall {
	font-size:0.7em;
	margin-left:0px;
	text-align:right;
	color:#58595B;
	margin-top: 2px;
}


.carLoans .small .topHeaderDiv .content .interestRow .labelExtensionSmall {
	font-size:0.7em;
	margin:2px 3px 0px 2px;
}
.carLoans .containerBoxElement {
	/*border:none;*/
}	
.carLoans .containerBoxElement.small {
	margin-left: 10px;	
}
#column_right .carLoans .containerBoxElement.small .moduleContent.small,
#wrapper #column_right .carLoans .containerBoxElement.small .moduleContent.medium {
    margin-left: 0px;
	margin-bottom: 10px;
	padding-right: 0px;
    width: 218px;
}
.carLoans .content {
	height: 68px;	
}
.carLoans .small .content {
	padding: 0;	
}
.carLoans .labelLarge {
	width: 120px;
}
/*.carLoans .full .inputLarge,
.carLoans .full .inputSmall {
	position: absolute;
}*/
.carLoans .full .inputLarge {
	right: 144px;
}
.carLoans .full .inputSmall {
	right: 209px;
	
}
.carLoans .medium .inputLarge {
	margin-left: 0px;	
}

/*.carLoans .containerBoxElement.full .moduleContent.medium .content .inputLarge,
.carLoans .containerBoxElement.full .moduleContent.medium .content .inputSmall {
    margin-left: -30px;
}*/
.carLoans .small .moduleContent.medium .content .inputLarge,
.carLoans .small .moduleContent.medium .content .inputSmall {
    left: 10px;
}
.carLoans .small .labelLarge {
	margin-top: 2px;
	text-align: left;
}

/*
.carLoans .full form .content .inputSmall + .labelSmall {
    margin-left: -126px;
}*/
.carLoans .small form .content:first-child + .content + .content .labelSmall {
	margin-left: -126px;
}	

.carLoans .medium form .content .labelSmall {
	margin-top:	 11px;
	margin-right: 0px\9;
}

.carLoans .medium form .content .labelSmall.labelSmallPurchaseAmount {
	margin-right: 10px\9;	
}

.carLoans .full form .content .labelSmall.labelSmallPurchaseAmount {
	float: left;
}
.carLoans .containerBoxElement.small .topHeaderDiv {
	margin-top: 10px;
	margin-right: 0px;
}
.carLoans .containerBoxElement.small .medium .labelSmall {
	margin-left: 0px;
	margin-left: -62px;	
}
.carLoans .containerBoxElement.full .topHeaderDiv {
	margin-top: 33px;
	margin-top: 42px;
	margin-right: 14px;
}

.carLoans .full #inputPurchaseAmount, 
.carLoans .small #inputPurchaseAmount {
	display: block;
}

.carLoans .small .topHeaderDiv .content {
	height: auto;
}
.carLoans .small .topHeaderDiv .content .resultRow {
	width: 205px;	
}
.carLoans .small .topHeaderDiv .content .resultRow .numberLarge {
    font-size: 1.8em;
    margin-top: 0;
    padding: 0 10px 0 0;
    text-align: right;
    width: auto;
}
.carLoans .topHeaderDiv .content .resultRow .numberLarge {
    float: left;
}
.carLoans .topHeaderDiv .content .resultRow .labelExtensionLarge {
    float: left;
	margin-top: 10px;
	font-size: 1em;
}
.carLoans .topHeaderDiv .content .interestRow {
    padding-bottom: 5px;
}
.carLoans .small .topHeaderDiv .content .resultRow .labelExtensionSmall {
	margin-top: 10px;	
}
.carLoans .large div.boxElement, 
.carLoans .medium div.boxElement, 
.carLoans .small div.boxElement {
    width: 194px;
}
.carLoans div.boxElement {
    border: medium none;
    float: left;
    margin-bottom: 0;
    padding: 5px 3px;
	margin-left: 9px;
}

/******* BLU-kampanje stiler for carLoans  ************/

.carLoans .calculateMessage,
#blu .carLoans .calculateMessage {
      background: none repeat scroll 0 0 #E76A0B;
      border-radius: 5px 5px 5px 5px;
      float: left;
      margin: 0 10px 15px 10px;
      padding: 5px;
      width: 186px;     
}
#blu .carLoans .calculateMessage {
      background-color:#F8EE13;
      margin-left: 23px;
      width: 176px;     
}
#blu .carLoans .full .calculateMessage {
      margin-left: 15px;
      margin-right: 11px;
}
.carLoans .calculateMessage span,
#blu .carLoans .calculateMessage span {
      color:#FFFFFF;
      font-weight: bold;
}
#blu .carLoans .calculateMessage .subtitleSmall {
      padding-left: 0px;
      color:#000000;
}

#blu .calculator.carLoans .contactList li a {
    background-image: url("/portalfront/dnb/images/gfx/ingress_blu.png");
    background-position: 0 0;
	background-repeat:no-repeat;
	cursor: pointer;
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	border: 0px solid #cccccc;
	padding: 8px 10px 6px 20px;
	height:19px;
	filter: none;
	text-shadow: none;
	margin-left: 20px;
	width: 160px;
	color: #000;
}
#blu .calculator.carLoans .small .contactList li a {
	margin-left: 0px;	
}
#blu .carLoans div.full {
	margin-bottom: 0px;	
}

#blu .carLoans .full form {
	margin-top: 0px;
}
#blu .carLoans .full .PurchaseAmount .inputLarge {
	/*top: 27px;
	right: 0;	*/
}
/*#blu .carLoans .full .inputLarge,
#blu .carLoans .full .inputSmall {
	margin-left: -40px;
}*/
/*#blu .carLoans .full .inputSmall  {
	right: 219px;	
}*/
#blu .carLoans .small .inputLarge,
#blu .carLoans .small .inputSmall {
	margin-right: 0;	
}
/*#blu .carLoans .full .inputSmall {
	top: 137px;
}*/

#blu .carLoans .small .moduleContent div.content:nth-child(2) .labelSmall {
	/*margin-top: -52px;*/
	margin-top: 12px\9;
}

/*#blu .carLoans .small .labelSmall {
	float: right;	
}*/
#blu .carLoans .containerBoxElement.small div.moduleContent {
	margin-left: 0px;	
}
#blu #column_right .carLoans .containerBoxElement.small .moduleContent.medium {
    margin-left: 0px;
	margin-bottom: 10px;
    width: 218px;
}
#blu #column_right .carLoans .containerBoxElement.small .moduleContent.small {
	width: 218px;
}
#blu .carLoans h1.headline {
	color: #333333;	
	color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 10px 5px 0;
    width: 200px;
}
#blu .carLoans .topHeaderDiv {
	margin-top:	30px;
	width: 220px;
}
#blu .carLoans .small .topHeaderDiv {
	margin-top: 0px;	
}
#blu #column_right .carLoans .topHeaderDiv {
	margin-top: 5px;	
}
#blu .carLoans .full .topHeaderDiv {
    background: url("/portalfront/dnb/images/gfx/blu_carLoans_img.png") repeat-x scroll center top #FFFFFF;
	*background: url("/portalfront/dnb/images/gfx/blu_carLoans_img.png") repeat-x scroll left top #FFFFFF;
    border: medium none;
	height: 120px;
    margin: 26px 0 15px;
	margin: 18px 0 15px;
    width: 230px;
}
#blu .carLoans .topHeaderDiv .topTitle {
	padding-left: 25px;
    padding-top: 20px;
}
#blu .carLoans .full .topTitle,
#blu .carLoans .small .topTitle {
	margin-bottom: 0px;	
}
#blu .carLoans .small .topHeaderDiv .topTitle {
	padding-top: 5px;	
}
#blu .carLoans .topHeaderDiv .topTitle h2.headline {
	/*font-family: Verdana,Geneva,sans-serif;*/
    font-size: 1.3em;
    font-weight: normal;
	
	/*font-size: 1.1em;
	font-weight: bold;	*/
}
/*#blu .carLoans div.moduleContent {
	padding-right: 0px;	
}*/
#blu .carLoans .full #sliderPurchaseAmount,
#blu .carLoans .small #sliderPurchaseAmount {
	/*display: none;	*/
}
/*#blu .carLoans .full #inputPurchaseAmount,
#blu .carLoans .small #inputPurchaseAmount {
	display:block;
}*/
#blu .carLoans .small #inputPurchaseAmount {
	/*margin-left: 14px;
	*margin-left: 4px;
	margin-top: 10px;*/
}
#blu #column_right .carLoans containerBoxElement.small #inputPurchaseAmount {
	margin-left: 4px;	
}
#blu .carLoans .boxElement .contactList li {
	height: 30px;
	margin-left: 22px;
}
#blu .carLoans .containerBoxElement.small .boxElement .contactList li {
	margin-left: 4px;
}
#blu .carLoans div.boxElement {
	margin-left: 35px;	
}
#blu .carLoans .small div.boxElement {
	margin-left: 12px;	
}
#blu .carLoans span.numberLarge {
	font-weight: bold;	
}
#blu .carLoans .topHeaderDiv .content .resultRow {
	border-bottom: 1px solid #000000;
	margin-left: 15px;
	padding-left: 0px;
}
#blu .carLoans .topHeaderDiv .content .interestRow {
	margin-left: 15px;
	padding-left: 0px;
}
#blu .carLoans .topHeaderDiv .content .resultRow .labelExtensionLarge {
	margin-top: 0px;	
}
#blu .carLoans .small .topHeaderDiv .content .interestRow .labelExtensionSmall {
	color: #000000;
}
#blu .carLoans .small .topHeaderDiv .content .interestRow .numberSmall {
	color: #000000;
}
#blu .carLoans label.labelExtensionLarge,
#blu .carLoans label.labelExtensionSmall {
	color:#58595B;
}

/* Legger til for at border skal vises bedre */
.carLoans .small .sliderContainer {
	padding-right: 0px;	
}
/* IE 8 og IE 9 hack*/
/*.carLoans .sliderPluss {
	margin-top: -18px\9;	
}*/

/**************************
*	Feilmeldinger
***************************/

.carLoans .small .content.fieldError,
.carLoans .small .content.fieldInfo {
    height: 120px;
}
.carLoans .full .content.fieldError,
.carLoans .full .content.fieldInfo {
    width: 390px;
}
#blu .carLoans .small .sliderValidationBottomWrapper span, 
.carLoans .small .sliderValidationBottomWrapper span {
    white-space: normal;
    height: 26px;
}
#blu .carLoans .full .fieldInfo .sliderValidationBottomWrapper XXXspan,
.carLoans .full .fieldInfo .sliderValidationBottomWrapper XXXspan {
    width: auto;
    padding-right: 7px;
}