/* formstyles.css  version 2.18.1  November 2009 Danske Bank

	 SECTIONS:
	 					Form structure
						Currencyconverter Styles
						Form controls
						Result tables and lists
						FAQ styles
						General and D2006 styles
*/


/* --- Form structure --- */

 #formspan { /* this id-based version is depricated. Use the class instead... */
  width: 570px;
 }

 .formspan {
  width: 570px;
 }
 
 .formspan2 {
 	width: 563px;
 }

 .formspan3 {
 	width: 553px;
 }
 
 div.formSection.hide {
   display: none;
 }
 
 div.contactformIntrotext {
 	 width: auto;
	 padding-left: 8px;
	 padding-right: 8px;
	 padding-bottom: 4px;
	 font-family: Verdana;
	 font-size: 11px;
   background-color: transparent;
 }
 
 div.fieldgroup {
   position: relative;
	 clear: both;
	 width: 100%;
	 padding-top: 8px; /* plads til legend */
   background-color: #ebf0f3;
   font-family: Verdana;
	 font-size: 11px;
 }
 
  div.fieldgroup goOn {
	   background-color: transparent;
	}
 
 div.fieldgroup p.sectionLeadText {
 	 margin-top: -4px;
	 padding: 0px 8px 0px 8px;
 }
 
 div.fieldgroup.termssection {
 	 _width: 554px;
	 padding-left: 8px;
	 padding-right: 8px;
 }
 
 div.fieldgroup li p {
    padding: 0px 8px 8px 8px;
 }
 
 div.fieldgroup buttonrow {
   padding-top: 0px;
 }
 
 div.fieldgroup.head {
   padding-bottom: 8px;
	 border-top: 2px solid #ffffff;
   background-color: #e0e8ec; /* blaa 8 */
 }
 
 div.fieldgroup results {
   background-color: #ebf0f3; /* blaa 11 */
 }
 
 div.fieldgroup.whitetop {
	 border-top: 2px solid #FFFFFF;
 }
 
 div.fieldgroup div.errorline {
   margin-right: 6px;
	 padding-bottom: 2px;
 }
 
 div.fieldgroup div.errorlinestatic {
   margin-right: 6px;
	 padding-bottom: 2px;
 }
 
 div.fieldgroup div.errorframe {
 	 float: right;
	 width: 230px;
   border:none;
	 background-color: #999;
 }
 
 div.fieldgroup div.errorbox {
    position: relative;
		right: 2px;
		bottom: 3px;
		padding: 0;
		margin: 0;
		width: 229px;
		background-color: #fff;
 		border: 1px solid #336581;
 }
 
 div.fieldgroup div.errorsign {
    float: left;
		width: 20px;
		padding-top: 4px;
		text-align: center;
		color: #CC0000;
		background-color: #fff;
		font-family: verdana;
		font-size: 14px;
		font-weight: bold;
 }
 
 div.fieldgroup div.errormessage {
    float: right;
		width: 200px;
 		padding: 6px 4px;
    color: #CC0000;
		background-color: #fff;
		border-left: 1px solid #336581;
 }
 
 div.fieldgroup fieldset {
	 padding: 0;
	 margin: 0;
	 border: none;
	 z-index: 500;
 }
 
 div.fieldgroup fieldset ol,div.resultlines ol {
   list-style: none;
	 padding: 0;
	 margin: 0;
 }
 
 div.fieldgroup fieldset li,div.resultlines li {
   float: left; /* Hack, tvinger container omkring indhold */
	 clear: left;
	 width: 100%;
	 margin-top: 8px;
	 padding-top: 8px;
 }
 
 div.fieldgroup fieldset li.whitetop {
	 border-top: 2px solid #FFFFFF;
 }
 
 div.fieldgroup fieldset li.nopriorlegend {
	 margin-top: -8px;
 }
 
  div.fieldgroup li.last {
   padding-bottom: 12px !important; /*IE8 will use "div.fieldgroup filedset.group li" by default*/
 }


 div.fieldgroup ol.reqmarknotice {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
 }
 
 div.fieldgroup li.reqmarknotice {
 		padding-bottom: 12px;
 }
 
 div.fieldgroup fieldset.group {
   margin-bottom: -12px;
   _margin-bottom: 0px;
	 border: none;
	 background-color: transparent;
 }
 
 div.fieldgroup fieldset.butgroup {
   margin-bottom: -12px;
   _margin-bottom: 0px;
	 border: none;
	 background-color: transparent;
 }
 
 div.fieldgroup legend {
 	color:#000000;
	font-weight: bold;
	padding: 0px;
	padding-left: 8px;
	margin: 0;
	*margin: 0 -7px;  /*IE6,IE7 */
 }
 
  div.fieldgroup legend.group { /* serve as a label for a button group */
   width: 230px;
	 float: left; 
	 padding: 0px;
	 padding-left: 8px;
 	 font-weight: normal;
 }
 
  div.fieldgroup fieldset.group ol {
   position: relative;
	 top: -18px;
 }
 
  div.fieldgroup fieldset.group li.first {
   _margin-top: -12px;
 }

  div.fieldgroup fieldset.group li {
   padding: 0px;
   margin-top: 6px;
   _margin-top: 2px;/* IE Win */
 }
 
  div.fieldgroup label {
   width: 190px;
	 float: left;
	 margin-right: 8px;
	 padding-left: 8px;
 }
 
   div.fieldgroup label.goOnLabel {
	  clear: left;
		width: 230px;
	 }
 
  div.fieldgroup label.wide {
   width: 320px;
 }
 
  div.fieldgroup label.group {
	 float: right;
   width: 210px;
	 margin-top: 3px;
	 padding: 0px;
 }
 
 div.fieldgroup label.norskindfri {
    width: 95px;
 }
 
 div.fieldgroup li p {
   padding-left: 8px;
 }
 
 div.fieldgroup li p.reqmark {
	 width: 550px;
	 float: left;
	 margin-left: 2px;
   background-image: url("rodstjerne.gif");
	 background-repeat: no-repeat;
 }
 
 div.fieldgroup .currencylabel {
   float: right;
	 width: 40px;
 }


/* Currencyconverter Styles only */
/* simple version */ 
 .currencyHeader {
 	padding-bottom: 8px;
 	background-color: #e0e8ec;
 }
 
 div.fieldgroup .currencyOutputHeader1 {
 		float: left; 
		width: 130px; 
		margin-left: 8px; 
		font-weight:bold;
		text-align: right;
 }
 
 div.fieldgroup .currencyOutputHeader2 {
 		float: left; 
		width: 200px; 
		font-weight:bold;
		text-align: right;
 }
 
 div.fieldgroup .currencyResult1 {
   float: left; 
	 width: 130px; 
	 margin-left: 8px;
	 text-align: right;
 }
 
  div.fieldgroup .currencyResult2 {
	  float: left; 
		width: 200px;
		text-align: right;
	}
/* extended version of currency converter */

 div.fieldgroup .currencyOutputHeader1Ext {
 width:40px; 
 font-weight:bold; 
 float:left; 
 padding-left:8px;
 text-align: right;
 	}

  div.fieldgroup .currencyOutputHeader2Ext {
 width:130px; 
 font-weight:bold; 
 float:left;
 text-align: right;
 	}
	
  div.fieldgroup .currencyOutputHeader3Ext {
 width:70px; 
 font-weight:bold; 
 float:left;
 text-align: right;
 	}
	
  div.fieldgroup .currencyOutputHeader4Ext {
 width:140px; 
 font-weight:bold; 
 float:left;
 text-align: right;
 	}
	
  div.fieldgroup .currencyResult1Ext {
  width:40px; float:left; padding-left:8px;text-align: right;
  }
  
  div.fieldgroup .currencyResult2Ext {
  width:130px; float:left;text-align: right;
  }
  
  div.fieldgroup .currencyResult3Ext {
  width:70px; float:left;text-align: right;
  }
  
  div.fieldgroup .currencyResult4Ext {
  width:140px; float:left;text-align: right;
  }

  div.fieldgroup .currencyOutputHeaderResult1Ext {
  width:200px; font-weight:bold; float:left; padding-left:15px;text-align: left;
  }
  
  div.fieldgroup .currencyOutputHeaderResult2Ext {
  width:305px; font-weight:bold; float:left; padding-left:8px;text-align: right;
  }
/*Currency converter styles end*/ 
 
 
 /* --- Form controls --- */
 
 div.fieldgroup input {
	 float: right;
	 width: 230px;
	 margin-right: 8px;
	 font-family: Verdana;
	 font-size: 11px;
 }
 
  div.fieldgroup input.leftField {
	  float: left;
		margin-left: 8px;
	}
 
  div.fieldgroup input.group {
	 float: right;
	 width: 12px;
	 font-size: 11px;
	 margin-right: 8px;
 }
 
  div.fieldgroup input.lookupfield {
   float: right;
	 width: 162px;
	 margin-right: 8px;
	 font-family: Verdana;
	 font-size: 11px;
 }
 
div.fieldgroup input.currency {
   float: right;
	 width: 190px;
	 margin-right: 8px;
	 font-family: Verdana;
	 font-size: 11px;
 }
 
 div.fieldgroup input.goOnResultField {
   float: left;
	 width: 330px;
	 margin-left: 8px;
	 font-family: Verdana;
	 font-size: 11px;
	 border: none;
	 background-color: #fff;
 }
 
  div.fieldgroup input.alignright {
		text-align: right;				 
	}
 
 div.fieldgroup input.norskindfri {
   width: 103px;
	 _width: 106px;
 }
 
 div.fieldgroup select { 
	 float: right;
   width: 230px;
	 _width: 231px;
	 margin-right: 8px;
   font-family: Verdana;
	 font-size: 11px;
	 color: #000000;
 }
 
 div.fieldgroup textarea {
	 float: right;
	 width: 230px;
	 margin-right: 8px;
	 /*\**/margin-bottom: 12px; /* IE8*/
	 font-family: Verdana;
	 font-size: 11px;
	 overflow: auto;
	 /* overflow: visible;  deactivated dt IE6 bug*/
 }
 
 div.fieldgroup button {
	 float: right;
	 width: 80px;
	 margin-right: 8px;
	 margin-bottom: 8px;
	 font-family: Verdana;
	 font-size: 11px;
	 background-color: #d9e2e8; /* Blaa 07 */
 }
 
  div.fieldgroup button.goOnButton {
	  float: left;
		width: 82px;
		margin-left: 8px;
	  margin-right: 8px;
	  font-family: Verdana;
	  font-size: 11px;
		border: 1px solid #8A8A71;
		background-color: #d9d9ce;
	}
 
 div.fieldgroup button.lookupbutton {
   width: 60px;
	 font-family: Verdana;
	 font-size: 10px;
 }
 
 div.fieldgroup button.icon {
   width: 30px;
	 height: 17px;
 }
 
 div.fieldgroup #expander {
    float: left; 
  	width: 16px; 
  	margin-left: 8px;
  	_margin-top: -2px;
 }

  div.fieldgroup .expander {
    float: left; 
  	width: 16px; 
  	margin-left: 8px;
  	_margin-top: -2px;
  }

div.fieldgroup input.postal {
  width: 45px;
	_width: 43px;
}

div.fieldgroup input.city {
  width: 176px;
	width: 175px;
}

div.fieldgroup input.cardnumber {
  width: 50px;
	_width: 48px;
}

 
 /* --- Result tables and lists --- */
 
 #referencenumbertable {
 	 width: 100%;
   border-collapse: collapse;
 }
 
 #referencenumbertable td {
   padding-bottom: 0px;
	 border-collapse: collapse;
 }
 
 #referencenumbertable input {
   width: 170px;
	 background-color: #f5f7f9;
	 border: none;
	 padding-bottom: 2px;
}

#referencenumberlist {
  float: none;
	margin-left: 8px;
	margin-bottom: 16px;
}

div.fieldgroup div.resultlabel {
 		float:left;
		width:190px;
 		margin-right:8px;
 		margin-left:8px;
		padding: 6px 0px;
		border-bottom: 1px solid #FFFFFF;
 }
 
 div.fieldgroup div.resultline {
    float: right;
		width: 230px;
		padding: 6px 0px;
		margin-right:8px;
		border-bottom: 1px solid #4c7891;
		text-align: right;
 }

 div.fieldgroup label.resultlabel {
 		background-color: #ebf0f3;
 		border: none;
		border-bottom: 1px solid #FFFFFF;
 }
 
 div.fieldgroup input.resultfield {
 		background-color: #ebf0f3;
 		border: none;
		border-bottom: 1px solid #4c7891;
 }

/* --- FAQ styles --- */
 
 div.fieldgroup.faq {
	 padding-top:0px;
	 background-color: transparent;
 }
 
 div.faq .answer{
	 padding:0 0 10px 12px;
	 display:none;
 }
 
 div.fieldgroup.faq .faqhead{
	background-color:#7F9FB0;
	color:#FFFFFF;
	padding:6px;
 }
 
 div.fieldgroup.faq .faqodd{
	background-color:#E6EDF0;
 }

 div.fieldgroup.faq .faqeven{
	background-color:#F5F7F9;
 }
 
 /* --- General and D2006 styles --- */
 
 div.fieldgroup .reqmark {
   float: right;
	 width: 10px;
	 background-image: url("rodstjerne.gif");
 }
 
 div.fieldgroup .activemark {
	 border: 1px solid #4c7891; /* Blaa 14 */
 }
 
 div.fieldgroup .activemarkGoOn {
	 border: 1px solid #8A8A71; /* Graa ? */
 }
 
 div.fieldgroup .inactivemark {
   border: 1px solid #a4bbc7; /* Blaa 15 */
 }
 
 div.fieldgroup .defaultbutton {
   border: 1px solid #4C7891; /* Blaa 02 */
	 background-color: #bfcfd8; /* Blaa 05 */
 }
 
 
 div.fieldgroup .defaultbuttonGoOn {
   border: 1px solid #8a8a71; /* Graa ? */
	 background-color: #d9d9ce; /* Graa ? */
 }
 
 div.fieldgroup .secondarybutton {
    border: 1px solid #7f9fb0; /* Blaa 04 */
		background-color: #d9e2e8; /* Blaa 07 */
 }
 
 div.fieldgroup .inactivebutton {
   border: 1px solid #7f9fb0; /* Blaa 04 */
	 background-color: #d9e2e8; /* Blaa 07 */
 }
 
 div.fieldgroup .lineshadeA {
	  background-color: #e6edf0; /* Blaa 10 */
 }
 
 div.fieldgroup .lineshadeB {
	  background-color: #f5f7f9; /* Blaa 12 */
 }
 
 div.fieldgroup .errormark {
   border: 1px solid #CC0000;
 }
 
 div.fieldgroup .show {
    display: block;
 }
 
 div.fieldgroup .hide {
   display: none;
 }
 
 
 div.fieldgroup.hide {
   display: none;
 }
 
 div.fieldgroup .jsvisible {
   visibility: visible;
 }
 
 div.fieldgroup .jsnotvisible {
   visibility: hidden;
 }
 
 div.fieldgroup .stopFloat {
   clear: both;
 }

 .fieldgroupBG {
    background-color: #ebf0f3;
 }