/* forms.css */
@media screen {

/* business specific */
h2 {
	font-weight: bold;
}

table{
	 border:0px;
     margin:0px 0px 0px 0px;	
}	
.comparison form {
	margin:0 0 20px 0;
}
/* end business specific */

#maincontent #content form fieldset.imageabove,
div.fieldcontainer {
	margin:-2pt 0px 0px;	
}
	#maincontent #content form fieldset.noheader {
		border:1px solid #dcdcdc;
		padding-top:10px;
	}
	#maincontent #content form fieldset div.field,
	div.fieldcontainer div.field {
		background:#f8f8f8;
		margin:0 9px 2px 9px;
		padding:3px 10px;
		min-height:17px;
		clear:both;
	}
	#maincontent #content form fieldset div.merged,
	div.fieldcontainer div.merged {
		margin-bottom: 0;
	}	
	#maincontent #content form fieldset div.nolabel {
		padding-left:148px;
	}
	form fieldset div.nolabel .errormessage {
		padding:0;
		clear:both;
		margin:0;
	}
	#maincontent #content form fieldset div.agreement {
		background:#fff;
	}
		#maincontent #content form fieldset div.field div.output,
		div.fieldcontainer div.field div.output {
			float: left;
			width: 230px;
			padding:2px 0 0 0;
		}
		#maincontent #content form fieldset div.field div.output-long {
			clear: both;
			padding: 2px 0;
			width: auto;
		}
		#maincontent #content form fieldset div.vertical div {
			float:none;
			clear:both;
		}
		#maincontent #content form fieldset div div.vertical {
			float: right;
		}
		#maincontent #content form fieldset div div.vertical div.radioleft {
			float: left;
			width: 238px;
		}
		#maincontent #content form fieldset div.level3 {
			padding-right:0 !important;
		}
			#maincontent #content form fieldset div.level3 span.question {
				display:block;
				float:left;
				width:220px;
				padding:0 10px 0 20px;
			}
				#maincontent #content form fieldset div.level3 span.question strong {
					margin-left:-16px;
				}
				#maincontent #content form fieldset div.level3 span.question em {
					font-weight:bold;
					font-style:normal;
				}
			#maincontent #content form fieldset div.level3 div {
				float:left;
			}
	#maincontent #content form fieldset legend {
		/* replaced 'display:none'. 
		   issue 41064: fieldset-and-legend-bug 
		*/
		overflow:hidden;
    	width:0;
    	height:0;
    	padding:0;
    	font-size:0;
	}
	#maincontent #content form fieldset h3,
	div.fieldcontainer h3 {
		display:block;
		color:#a3228e;
		border-bottom:1px solid #dcdcdc;
		border-top:1px solid #dcdcdc;
		background: #F9F9F9 url("../images/backgrounds/h3-form.gif") bottom left repeat-x;
		min-height:17px;
		padding:5px 10px;
		margin:0 0 10px 0;
	}
	form fieldset label,
	div.fieldcontainer label {
		display:block;
		color:#552878;
		float:left;
		font-weight:bold;
		padding:0 14px 0 0;
	}
			#maincontent #content form fieldset div.field label,
			div.fieldcontainer div.field label {
				padding:2px 14px 0 0;
				width:124px;
				position:relative;
				line-height:150%;
			}
		#maincontent #content form fieldset div.multiple label.inline,
		#maincontent #content form fieldset div.radio label.inline,
		div.fieldcontainer div.field label.inline,
		div.costcalculator div.radio label.inline,
		#maincontent #content form fieldset div.multiple-rows label {
			width:auto;
			margin:0 6px 0 13px;
			padding:2px 0 0 0;
		}
		#maincontent #content form fieldset div.multiple-rows label {
			margin-left: 0;
			padding-bottom: 4px;
		}
		#maincontent #content form fieldset div.multiple-rows .indent {
			margin-left: 138px;
		}
		#maincontent #content form fieldset div.radio label.inline,
		div.costcalculator div.radio label.inline {
			margin:0 11px 0 0;
		}
		#maincontent #content form fieldset div.radio label.last {
			margin:0;
		}
		#maincontent #content form fieldset div.checkfirst label {
			display:inline;
			float:none;
		}
		#maincontent #content form fieldset div.vertical label,
		#maincontent #content form fieldset div.agreement label {
			display:block;
			width:338px;
			margin:0 0 5px 0;
		}
		#maincontent #content form fieldset div.agreement label {
			font-weight:normal;
			font-style:italic;
			width:auto;
			padding-right:30px;
		}
		#maincontent #content form fieldset div.conditions label {
			width:auto;
			margin:0 0 6px 0;
		}
		#maincontent #content form fieldset div.error label {
			color:#f00;
		}
	form fieldset input,
	form fieldset textarea {
		background:#fff;
		border:1px solid #B2E7FA;
		padding:2px 6px;
		font-size:98%;
	}
		#maincontent #content form fieldset input,
		#maincontent #content form fieldset textarea {
			border:1px solid #B2E7FA;
			width:194px;
			float:left;
		}
		#maincontent #content form fieldset div.radio input,
		#maincontent #content form fieldset div.checkbox input,
		#maincontent #content form fieldset td.check input,
		#maincontent #content form fieldset th.checkbox input,
		#maincontent #content form fieldset td.checkbox input,
		#maincontent #content table.table-lists input,
		#maincontent #content form .product-overview fieldset input {
			width:auto;
			margin:4px 3px 0 0;
			border:none !important;
		}
		
		#maincontent #content form fieldset div.conditions .textarea {
			clear:both;
			background:#fff;
			margin-bottom:10px;
			padding:2px 6px;
			width:358px;
			height:72px;
			border:1px solid #B2E7FA;
			overflow:auto;
		}
			
			#maincontent #content form fieldset div.conditions .textarea p {
				font-size:98%;
				line-height:1.2em;
			}
		
		form fieldset div.error input,
		form fieldset div.error textarea {
			border:1px solid #f00;
		}
		
	#maincontent #content form fieldset textarea {
		height:70px;
	}
	#maincontent #content form fieldset input[disabled],
	#maincontent #content form fieldset input[readonly],
	#maincontent #content form fieldset textarea[disabled] {
		background:#eee;
	}
	#maincontent #content form fieldset input.digits {
		width:30px;
	}
	#maincontent #content form fieldset input.addition {
		width:51px;
	}
	#maincontent #content form fieldset input.day {
		width:17px;
		margin:0 10px 0 0;
	}
	#maincontent #content form fieldset input.inlinepostcode {
			width:50px;
			margin:0 10px 0 0;
	}
	#maincontent #content form fieldset label span.required {
		position:absolute;
		right:5px;
		top:3px;
		color:#552878;
	}
	#maincontent #content form fieldset label.required-left span.required {
		position:relative;
		left:5px;
		top:3px;
		color:#552878;
	}
	#maincontent #content form fieldset div.error span.required,
	#maincontent #content form fieldset div.error label.required-left span.required,
	#maincontent #content form fieldset div.error label span.required {
		color:#f00;
	}
	span.required span {
		position:absolute;
		text-indent:-1000em;
	}
	#maincontent #content form fieldset a {
		color:#007ec6;
	}
	#maincontent #content form fieldset p {
		margin:10px;
	}
		#maincontent #content form fieldset p.note {
			font-style:italic;
		}
	#maincontent #content form fieldset a.help,
	form fieldset span.errormessage {
		float:left;
		margin:2px 0 4px 138px;
		clear:both;
		width:225px;
		font-style:italic;
	}
	#maincontent #content form fieldset a.help {
		background:url("../images/icons/arrow.gif") 0 center no-repeat;
		padding:0 0 0 10px;
		
	}
	form fieldset span.errormessage {
		color:#f00;
		font-size:90%;
		position:relative;
	}
	form fieldset .field.error span.errormessage ul.errormessage{
		color:#f00;
		font-size:90%;
		display:block;
	}

	form div.errormessage {
		color:#f00;
	}
	#maincontent #content form fieldset span.additional,
	.dialog span.additional {
		margin: 0 .5em;
		font-style:italic;
	}
		
	/* select box */
	form fieldset .DCselect {
		position:relative;
		float:left;
		padding:0 17px 0 0;
		cursor:default;
		border:1px solid #b2e7fa;
		background:#fff url("../images/forms/select-arrow.gif") right no-repeat;
		margin:0 10px 0 0;
	}
	form fieldset div.error .DCselect {
		border:1px solid #f00;
	}
	form fieldset .DCselect.disabled {
		background-color:#eee;
	}
		form fieldset .DCselect .status {
			float:left;
			padding:1px 0 2px 6px;
			background:#fff;
			z-index:20;
			border-right:1px solid #b2e7fa;
			width:182px;
			overflow:hidden;
			white-space:nowrap;
		}
		
		/* When an option has the class active, the DesignControls need to make the spans bold.
		   For now this is only implemented for the active contract inside MijnNuon */		
		form fieldset .DCselect .active,
		form fieldset .DCselect .options span.active {
			font-weight: bold;
		}
		
			/* widths per type of select box */
			.form-pulldowns form fieldset .DCselect .status {
				width:130px;
			}
			#content .form-pulldowns form fieldset .DCselect .status {
				width:150px;
			}
			form.form-advice fieldset .DCselect .status {
				width:150px;
			}
			.form-filter form fieldset .DCselect .status {
				width:127px;
			}
			form fieldset .month .status {
				width:70px !important;
			}
			form fieldset .year .status {
				width:35px !important;
			}
			.period .DCselect .status {
				width:54px;
			}
			#content form fieldset .address-select .DCselect .status {
				width:170px;
			}
			div.row.request-offer form fieldset .DCselect .status {
				width: 127px;
			}
			.homepage-business div.row.request-offer form fieldset .DCselect .status {
				width: 157px;
			}
			
			#maincontent #content .list-notifications form fieldset div.field .DCselect .status {
				width: 210px;
			}			
			
			/* optgroup header in designselect */
			.DCselect .DCscroller .group {
				font-style: italic;
				color: #552878;
			}
			
		#calendar .DCselect {
			float:left;
			clear:none;
			margin-right:0;
		}
			#calendar .DCselect.calendar-month { margin-right:5px; }
			#calendar .DCselect.calendar-year .status { width:40px; }
			#calendar .DCselect.calendar-month .status { width:65px; }

			#calendar .DCselect.calendar-year .options {
				width:64px !important;
			}

			#calendar .DCselect.calendar-month .options {
				width:107px !important;
			}

		form fieldset .error .status {
			border-right:1px solid #f00;
		}
		form fieldset .disabled .status {
			background:#eee;
		}
		form fieldset .DCselect .options {
			display:none;
			position:absolute;
			left:-1px;
			margin:1.7em 0 0 0;
			background:#fff;
			border:1px solid #b2e7fa;
			z-index: 100;
		}
			form fieldset .DCselect .options span {
				display:block;
				white-space:nowrap;
				padding:3px 6px;
			}
			form fieldset .DCselect .options span.hover,
			form fieldset .DCselect .options span.selected {
				color:#333;
				background:#B2D8EE;
			}

/* foldout forms */
	
	#maincontent #content form fieldset.foldout {
		border:none;	
	}
		#maincontent #content form fieldset.foldout ul {
			list-style:none;
			margin:0;
			padding:0;
		}
		#maincontent #content form fieldset.foldout ul li div.field {
			background:#fff url("../images/forms/level1.gif") left bottom repeat-x;
			margin:0;
			border:1px solid #d7d7d7;
			padding:10px;
		}
			#maincontent #content form fieldset.foldout ul li ul {
				margin:0 0 10px 0;
				padding-top:1px;
				border-left:1px solid #d7d7d7;
			}
				#maincontent #content form fieldset.foldout ul li ul li {
					margin:10px 0 10px 10px;
				}
					#maincontent #content form fieldset.foldout ul li ul li div.field {
						border-top:0;
						border-right:0;
						background:none;
						border:1px solid #d7d7d7;
					}
						#maincontent #content form fieldset.foldout ul li ul li ul {
							list-style-position:inside;
							border:1px solid #d7d7d7;
							border-top:0;
							padding-top:1px;
						}
							#maincontent #content form fieldset.foldout ul li ul li ul li div.field {
								border:none;
								background:#f8f8f8;
								margin:0 10px 0 0;
							}
								#maincontent #content form fieldset.foldout ul li ul li ul li div.field label {
									font-weight:normal;
								}
		#canvas #maincontent #content form fieldset.foldout label {
			width:350px;
		}
			#canvas #maincontent #content form fieldset.foldout ul li ul label {
				width:340px;
			}
				#canvas #maincontent #content form fieldset.foldout ul li ul li ul label {
					width:auto;
					padding-right:8px;
				}
				


/* TEMP foldout forms 
   LET OP: De uiteindelijke layout van de formulieren staat nog ter discussie. De kans is groot dat onderstaand blok in een volgende oplevering anders is. In ieder geval komt er uiteindelijk _��n_ .foldout blok, deze stylesheet zal dus opgeschoond worden. --------------------------------------- */
	
	#maincontent #content form fieldset.foldout2 {
		border:none;	
	}
		#maincontent #content form fieldset.foldout2 h3 {
			border:1px solid #d7d7d7;
			border-bottom:0;	
			margin:0;
		}
		#maincontent #content form fieldset.foldout2 ul {
			list-style:none;
			margin:0;
			padding:0;
		}
		#maincontent #content form fieldset.foldout2 ul li div.field {
			background:#fff url("../images/forms/level1.gif") left bottom repeat-x;
			margin:0;
			border:1px solid #d7d7d7;
			padding:10px;
		}
			#maincontent #content form fieldset.foldout2 ul li ul {
				margin:0 0 10px 0;
				padding-top:1px;
				border-left:1px solid #d7d7d7;
			}
				#maincontent #content form fieldset.foldout2 ul li ul li {
					margin:10px 0 10px 10px;
				}
					#maincontent #content form fieldset.foldout2 ul li ul li div.field {
						border-top:0;
						border-right:0;
						background:none;
						border:1px solid #d7d7d7;
					}
						#maincontent #content form fieldset.foldout2 ul li ul li ul {
							list-style-position:inside;
							border:none;
							padding:0;
							margin:0;
							clear:both;
						}
							#maincontent #content form fieldset.foldout2 ul li ul li ul li {
								margin:0;
							}
								#canvas #maincontent #content form fieldset.foldout2 ul li ul li ul li div.term {
									margin:0 0 2px 0; 
								}
									#canvas #maincontent #content form fieldset.foldout2 ul li ul li ul li div.term label {
										width: 150px;
									}
									#maincontent #content form fieldset.foldout2 ul li ul li ul li div.term div.term-box {
										clear: none;
										float: right;
										border-left:1px solid #d7d7d7;
										padding-left: 10px;
										width: 155px;
									}
										#canvas #maincontent #content form fieldset.foldout2 ul li ul li ul li div.term div label {
											width: 60px;
											margin-right: 0;
										}
										#canvas #maincontent #content form fieldset.foldout2 ul li ul li ul li div.term div .DCselect {
											margin-right: 0;
										}
							#maincontent #content form fieldset.foldout2 ul li ul li ul li .DCselect .status {
								width:60px;
							}
							#maincontent #content form fieldset.foldout2 ul li ul li ul li div.field {
								border:none;
								background:#f8f8f8;
								margin:0 !important;
							}
								#maincontent #content form fieldset.foldout2 ul li ul li ul li div.field label {
									font-weight:normal;
								}
				#canvas #maincontent #content form fieldset.foldout2 label {
					width:250px;
				}
				#canvas #maincontent #content form fieldset.foldout2 div.checkbox label {
					width: 338px;
				}
			#canvas #maincontent #content form fieldset.foldout2 label.inline {
				width:auto;
			}
			#canvas #maincontent #content form fieldset.foldout2 ul li ul label {
				xwidth:340px;
			}
				#canvas #maincontent #content form fieldset.foldout2 ul li ul li ul label {
					width:auto;
					padding-right:8px;
				}

/* END TEMP -------------------------------->

	
	/* foldout 3 */
	
	ul.foldout3 {
		margin: 0;
		padding: 0;
		border:none;
		list-style: none	
	}
	
		ul.foldout3 ul {
			margin: 10px;
			border: 1px solid #d4d4d4;
			list-style: none;
		}
		
			ul.foldout3 ul li {
				margin: 10px 0 0 0;
			}
			
				#maincontent #content ul.foldout3 ul li div.field {
					background: none;
					margin: 0;
				}
/* foldout 4 */
fieldset.foldout4.open {
	
}
	#maincontent #content form fieldset.foldout4 h3 {
		padding: 0;
	}
	#maincontent #content form fieldset.foldout4 h3 a,
	#maincontent #content form fieldset.foldout4 h3 a:visited {
		display: block;
		background: url(../images/icons/arrow-invoices.gif) no-repeat 2% 5px;
		color: #A3228E;
		padding: 5px 30px;
              cursor: hand;
       }
	#maincontent #content form fieldset.foldout4 h3 a:hover {
		background-position: 2% -109px;
               
	}
			#maincontent #content form fieldset.foldout4.open h3 a,
			#maincontent #content form fieldset.foldout4.open h3 a:visited {
				background-position: 2% -224px;
                            
			}
			#maincontent #content form fieldset.foldout4.open h3 a:hover {
				background-position: 2% -339px;
                          
			}

	fieldset.foldout4 h4,
	fieldset.foldout4 h5 {
		background:#f8f8f8;
		margin:0 9px 2px 9px;
		padding:3px 10px;
		min-height:17px;
		clear:both;
	}
	fieldset.foldout4 h5 {
		position: relative;
		color: #000;
		font-size: 100%;
	}
		fieldset.foldout4 h5 em {
			position: absolute;
			top: 3px;
			right: 10px;
			font-style: normal;
		}
	.DOMEnabled fieldset.foldout4 div.details {
		display: none;
		padding-bottom: 0;
	}
		.DOMEnabled fieldset.foldout4.open div.details {
			display: block;
			padding-bottom: 10px;
		}

	fieldset.foldout4 div.details {
		padding-bottom: 10px;
	}
	fieldset.foldout4 div.details ul {
		margin:0 9px 2px 9px;
		padding:3px 10px;
		clear:both;
		list-style: none;
	}
		fieldset.foldout4 div.details li {
			position: relative;
			margin: 10px 0;
			padding-right: 5em;
		}
			fieldset.foldout4 div.details span,
			fieldset.foldout4 div.details em,
			fieldset.foldout4 div.details div {
				color: #000;
			}	
			fieldset.foldout4 div.details em {
				position: absolute;
				top: 0;
				right: 0;
				font-style: normal;
			}
			#maincontent #content form fieldset.foldout4 div.details p.more {
				margin:0 19px 0 19px;
				padding:3px 0;
				text-align: right;
				border: 1px solid #d4d4d4;
				border-width: 1px 0px 0px;
			}
			#maincontent #content form fieldset p.price {
				position: relative;
				margin:10px 19px 7px 19px;
			}
			#maincontent #content form fieldset div.field p.price {
				margin: 0;
			}
			#maincontent #content form fieldset.open p.price {
				margin-top: 0;
			}
				fieldset p.price strong {
					color: #000;
				}
				fieldset p.price em {
					position: absolute;
					top: 0;
					right: 0;
					color: #000;
					font-style: normal;
				}
				
				fieldset p.price-total em {
					color: #f00;
				}

	/* radio buttons / checkboxes */
	form fieldset .DCradio,
	form fieldset .DCcheckbox {
		background:url("../images/forms/checkradio-icons.gif") no-repeat;
		float:left;
		width:20px;
		height:20px;
	}
	form fieldset .DCradio {background-position:0 -125px}
	form fieldset .DCradiochecked {background-position:0 -105px}
	form fieldset .DCcheckbox {background-position:0 -25px}
	form fieldset .DCcheckboxchecked {background-position:0 -5px}
	form fieldset div.error .DCradio {background-position:0 -145px}
	form fieldset div.error .DCradiochecked {background-position:0 -105px}
	form fieldset div.error .DCcheckbox {background-position:0 -45px}
	form fieldset div.error .DCcheckboxchecked {background-position:0 -5px}
	form fieldset .DCradiodisabled {background-position:0 -165px}
	form fieldset .DCcheckboxdisabled {background-position:0 -65px}
	form fieldset .DCradiodisabledchecked {background-position:0 -185px}
	form fieldset .DCcheckboxdisabledchecked {background-position:0 -85px}


/* foldout5 */
.foldout5 ul {
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

.foldout5 ul li li {
	margin-bottom:10px;
}

#maincontent #content form fieldset.foldout5 ul li div.vertical div div {
	padding-left:13px;
}

#maincontent #content form fieldset.foldout5 div.vertical label {
	width:auto;
}

#maincontent #content form fieldset.foldout5 div.vertical div div label {
	width:83px;
}

#maincontent #content form fieldset.foldout5 div.vertical div div.checkbox label {
	width:auto;
}


#maincontent #content form fieldset.foldout5 div.vertical div ul input {
	border:1px solid #B2E7FA !important;
}

#maincontent #content form fieldset.foldout5 div.vertical div ul input.day {
	margin:0pt 10px 0pt 0pt;
	width:17px;
}

/* fieldcontainer */

div.fieldcontainer {
	margin-bottom: 20px;
	padding: 0 10px 7px 10px;
	border: 1px solid #dcdcdc;	
	margin: 10px 0;
}
	div.fieldcontainer h3 {
		position: relative;
		/* margin: 0 -10px 14px -10px; */
		border-width: 0 0 1px 0;
	}
		div.fieldcontainer h3 a.information {
			position:absolute;
			top:7px;
			right: 235px;
		}
	div.fieldcontainer div.field {
		background: #F4F4F4;
		margin-left: 0;
		margin-right: 0;
	}
		div.fieldcontainer div.field label,
		#maincontent #content form .address-choice div.field label {
			width: 187px;
			font-weight:normal;
		}
		#maincontent #content form .address-choice div.field label {
			float: left;
			width: 50%;
			color: #2b2b2b;
		}
		#maincontent .application #content form .address-choice div.field label {
			float: none;
			width: auto;
		}
			div.fieldcontainer div.field label.inline {
				margin:0 6px 0 0;
			}
		#maincontent #content form .address-choice div.output,
		div.fieldcontainer div.field span.output {
			display: block;
			float: left;
			padding-top: 3px;
			width: 230px;
			font-weight: bold;
		}
		#maincontent #content form .address-choice div.output {
			width: auto;
		}
		div.fieldcontainer table {
			border: none;
			margin-top: -12px;
			margin-bottom: 0;
		}
			div.fieldcontainer th,
			div.fieldcontainer td {
				padding: 5px 10px;
				border: none;
				text-align: left;
			}
			div.fieldcontainer th {
				color: #552878;
				padding-bottom: 2px;
				font-weight: normal;
			}
				div.fieldcontainer th.download {
					text-indent: -9000px;
				}
			div.fieldcontainer td {
				background: #F4F4F4;
				color: #2B2B2B;
				border-top: 2px solid #fff;
			}
				div.fieldcontainer td.download {
					width: 225px;
				}
		div.fieldcontainer p.more {
			margin: 6px 0 0 10px;
		}
		div.fieldcontainer div.field a.more {
			float: right;
			margin: 0;
			width: 215px;
		}
	
/* tabitem fieldcontainer */
	
div.tabitem div.fieldcontainer {
	margin: 0;
	padding: 0 0 7px 0;
	border: none;
}

div.tabitem.mijnnuon div.fieldcontainer {
	border: 1px solid #D5D5D5;
}

div.tabitem div.fieldcontainer.invoice-details {
	padding: 0;
}
div.tabitem div.fieldcontainer.invoice-details p.waitimage {
	padding-top: 25px;
}

div.tabitem div.fieldcontainer.invoice-details p.waittext {
	font-weight:bold;
	padding-bottom: 68px;
	margin-top: -0.5em;
}

	div.tabitem div.fieldcontainer h3 {
		margin: 0 0 3px 0;
		padding-left: 10px;
		border: 1px solid #dcdcdc;
	}

div.tabitem.mijnnuon div.fieldcontainer h3 {
	border-style: none none solid none;
	border-width: 1px;
	border-color: #D5D5D5;
}

		div.tabitem div.fieldcontainer h3 a.information {
			/* issue 45283: align info bullit. */
			right: 5px;
		}

			#maincontent #content form .address-choice .address-select {
				float: right;
				padding-top: 8px;
				padding-bottom: 8px;
				width:230px;
			}

			#maincontent .application #content form .address-choice .address-select {
				float: none;
			}

			div.tabitem div.fieldcontainer p.more {
				margin-bottom: 10px;
			}

			div.tabitem div.fieldcontainer div.field a.more {
				width: 215px;
			}

/* my-overview */
	#maincontent #content form fieldset.my-overview {
		padding: 0;
	}
	fieldset.my-overview h4 {
		margin-top: 0;
		padding-left: 19px;
		font-weight: normal;
	}
		fieldset.my-overview .column {
			float: left;
			margin: 0;
			width: 50%;
		}
		fieldset.my-overview .column.last {
			float: right;
			width: 49%;
		}
		#maincontent #content form fieldset.my-overview .column div.field {
				margin-right: 0;
			}
			fieldset.my-overview ul.list-modify {
				margin: 0;
				list-style: none;
			}
				fieldset.my-overview .list-modify li {
					margin-bottom: 2px;
					padding: 3px 0 3px 19px;
					min-height: 17px;
				}

/* buttons / button containers */
div.buttons {
	clear:both;
	position:relative;
}

#content div.buttons {
	width:710px;
}

.application #content .box-content div.buttons, 
.contentpage #content .box-content div.buttons {
	width: auto;
	margin-bottom: 0;
}

div.buttons.calculate {
	border-bottom:1px solid #dfdfdf;
	text-align:right;
}

	.buttons.calculate a.button {
		float:right;
	}
	.buttons.calculate em {
		float:left;
		color:#666;
		margin:10px 0 0 10px;
	}

	.buttons.calculate div {
		float:right;
		color:#f00;
		margin:0 10px 10px 0;
		font-style:normal;
		clear:both;
		white-space: nowrap;
	}
div.compare {
	border:1px solid #dfdfdf;
	border-width:1px 0;
}
	.compare em {
		float:right;
		color:#666;
		margin:.5em 0 0 0;
		text-align: right;
	}
	.compare p.more {
		float:right;
		margin:.5em 0 0 0;
	}
		.compare p.more a {
		font-weight:normal;
	}
div.buttons {
	position:relative;
}
#content div.buttons {
	width:710px;
}
.application #content div.buttons,
.contentpage #content div.buttons {
	width:415px;
	margin:0 0 10px 0;
}

.contentpage #content form div.buttons {
	margin:10px 0 0 0;
}

/* new buttons */
div.DCsubmitDisabled {
	float:left;
	background:#2094D2 url("../images/buttons/grey-br.gif") no-repeat bottom right;
	color:#fff !important;
	text-decoration:none;
	border:none;
}
	div.DCsubmitDisabled span {
		display:block;
		background:url("../images/buttons/grey-tr.gif") no-repeat top right;
	}
		div.DCsubmitDisabled span span {
			background:url("../images/buttons/grey-bl.gif") no-repeat bottom left;
		}
			div.DCsubmitDisabled span span span {
				background:url("../images/buttons/grey-tl.gif") no-repeat 0 0;
				color:#fff;
				padding:17px 20px 18px 30px;
				font-weight:bold;
			}

a.DCsubmit,
a.button {
	float:left;
	background:#2094D2 url("../images/buttons/blue-br.gif") no-repeat bottom right;
	color:#fff !important;
	text-decoration:none;
	border:none;
}
	a.DCsubmit span,
	a.button span {
		display:block;
		background:url("../images/buttons/blue-tr.gif") no-repeat top right;
	}
		a.DCsubmit span span,
		a.button span span {
			background:url("../images/buttons/blue-bl.gif") no-repeat bottom left;
		}
			a.DCsubmit span span span,
			a.button span span span {
				background:url("../images/buttons/blue-tl.gif") no-repeat 0 0;
				color:#fff;
				padding:17px 20px 18px 30px;
				font-weight:bold;
			}
	a.DCsubmit:hover,
	a.button:hover {
		text-decoration:underline;
	}
	a.button.attention {
		background-image: url("../images/buttons/blue-attention-br.gif");
	}
		a.button.attention span {
			background-image: url("../images/buttons/blue-attention-tr.gif");
		}
			a.button.attention span span {
				background-image: url("../images/buttons/blue-attention-bl.gif");
			}
				a.button.attention span span span {
					background-image: url("../images/buttons/blue-attention-tl.gif");
				}
a.button-content {
	background-color:#EBEBEB;
	background-image:url("../images/buttons/grey-br.gif");
	color:#552878 !important;
}
	a.button-content span {
		background-image:url("../images/buttons/grey-tr.gif");
	}
		a.button-content span span {
			background-image:url("../images/buttons/grey-bl.gif");
		}
			a.button-content span span span {
				background-image:url("../images/buttons/grey-tl.gif");
				color:#552878;
			}
a.button-content.cool2 {
	background-color:#EBEBEB;
	background-image:url("../images/buttons/grey-br-cool.gif");
	color:#552878 !important;
}
	a.button-content.cool2 span {
		background-image:url("../images/buttons/grey-tr-cool.gif");
	}
		a.button-content.cool2 span span {
			background-image:url("../images/buttons/grey-bl-cool.gif");
		}
			a.button-content.cool2 span span span {
				background-image:url("../images/buttons/grey-tl-cool.gif");
				color:#552878;
			}
a.button-content.bcsmall {
	background-color:#EBEBEB;
	background-image:url("../images/buttons/grey-br-small.gif");
	color:#552878 !important;
}
	a.button-content.bcsmall span {
		background-image:url("../images/buttons/grey-tr-small.gif");
	}
		a.button-content.bcsmall span span {
			background-image:url("../images/buttons/grey-bl-small.gif");
		}
			a.button-content.bcsmall span span span {
				background-image:url("../images/buttons/grey-tl-small.gif");
				color:#552878;
				padding:5px 20px 7px 23px;
			}
			a.button-content.bcsmallprevious span span span {
				background-image:url("../images/buttons/grey-tl-small-previous.gif");
			}
a.contentbutton {
	float:right;
	background-color:#0897DA;
	background-image:url("../images/buttons/content-blue-br.gif");
	color:#fff !important;
	font-size:100%;
	white-space:nowrap;
}
	a.contentbutton span {
		background-image:url("../images/buttons/content-blue-tr.gif");
	}
		a.contentbutton span span {
			background-image:url("../images/buttons/content-blue-bl.gif");
		}
			a.contentbutton span span span {
				background-image:url("../images/buttons/content-blue-tl.gif");
				color:#fff;
				padding:10px 20px 11px 27px;
			}	
			
			td.costs a.contentbutton {
				float:left;
			}
			tr:hover a.contentbutton {
				background-image:url("../images/buttons/content-blue-br-hover.gif");
			}
			tr:hover a.contentbutton span {
				background-image:url("../images/buttons/content-blue-tr-hover.gif");
			}
				tr:hover a.contentbutton span span {
					background-image:url("../images/buttons/content-blue-bl-hover.gif");
				}
					tr:hover a.contentbutton span span span {
						background-image:url("../images/buttons/content-blue-tl-hover.gif");
					}	
div.contentbutton{
	float:right;
	background-color:#2094D2;
	background-image:url("../images/buttons/content-grey-br.gif");
	color:#fff!important;
	font-size:100%;
	white-space:nowrap;
}
	div.contentbutton span{
		background-image:url("../images/buttons/content-grey-tr.gif");
	}
		div.contentbutton span span{
			background-image:url("../images/buttons/content-grey-bl.gif");
		}
			div.contentbutton span span span{
				background-image:url("../images/buttons/content-grey-tl.gif");
				color:#fff;
				padding:10px 20px 11px 27px;
			}
			
			
			
			
a.contentbutton.cool {
	background-color:#0897DA;
	background-image:url("../images/buttons/content-blue-br-cool.gif");
	color:#fff !important;
}
	a.contentbutton.cool span {
		background-image:url("../images/buttons/content-blue-tr-cool.gif");
	}
		a.contentbutton.cool span span {
			background-image:url("../images/buttons/content-blue-bl-cool.gif");
		}
			a.contentbutton.cool span span span {
				background-image:url("../images/buttons/content-blue-tl-cool.gif");
				color:#fff !important;
				padding:10px 20px 11px 27px;
			}	
a.contentbutton.cbsmall {
	background-image:url("../images/buttons/contentsmall-blue-br.gif");
	color:#fff !important;
}
	a.contentbutton.cbsmall span {
		background-image:url("../images/buttons/contentsmall-blue-tr.gif");
	}
		a.contentbutton.cbsmall span span {
			background-image:url("../images/buttons/contentsmall-blue-bl.gif");
		}
			a.contentbutton.cbsmall span span span {
				background-image:url("../images/buttons/contentsmall-blue-tl.gif");
				color:#fff !important;
				padding:5px 20px 7px 23px;
			}
a.textbutton {
	float: none;
	background: none;
	color: #007EC6 !important;
	text-decoration: none;
	border: none;
}
	a.textbutton span {
		display: inline;
		background: none;
	}
		a.textbutton span span {
			background: none;
		}
			a.textbutton span span span {
				background: none;
				padding: 0;
				color: #007EC6;
				font-weight: bold;
			}
a.textbutton:hover {
	text-decoration: underline;
}
	
a.flatbutton {
	background:#fff;
	color:#552878 !important;
	border:1px solid #DFDFDF !important;
	font-size:109.5%;
}
	a.flatbutton span,
	a.flatbutton span span {
		background:none;
	}
		a.flatbutton span span span {
			background:url("../images/icons/arrow-purple.gif") no-repeat 11px center;
			color:#552878;
			padding:10px 13px 11px 20px;
		}		
div.inlinesubmit {
	background:#fff url("../images/icons/arrow-submit-gray.gif") center 5px no-repeat;
	border:1px solid #B2E7FA !important;
	padding:0;
	height:17px;
	width:17px;
	margin:0;
	text-indent:-3000em;
	overflow:hidden;
}
dev.inlinesubmit:hover {
	background-position:center -28px;
}
	div.inlinesubmit span {
		background:none;
	}	
		div.inlinesubmit span span {
			background:none;
		}
			div.inlinesubmit span span span {
				background:none;
				padding:0;
			}
a.inlinesubmit {
	background:#fff url("../images/icons/arrow-submit.gif") center 5px no-repeat;
	border:1px solid #B2E7FA !important;
	padding:0;
	height:17px;
	width:17px;
	margin:0;
	text-indent:-3000em;
	overflow:hidden;
}
a.inlinesubmit:hover {
	background-color:#007ec6; 
	background-position:center -28px;
}
	a.inlinesubmit span {
		background:none;
	}	
		a.inlinesubmit span span {
			background:none;
		}
			a.inlinesubmit span span span {
				background:none;
				padding:0;
			}
#subcontent a.contentbutton {
	margin:0 -7px 0 0;
}
a.previous {
	background-color:#EBEBEB;
	background-image:url("../images/buttons/grey-br.gif");
	color:#552878 !important;
}
	a.previous span {
		background-image:url("../images/buttons/grey-tr.gif");
	}
		a.previous span span {
			background-image:url("../images/buttons/grey-bl.gif");
		}
			a.previous span span span {
				background-image:url("../images/buttons/grey-tl-back.gif");
				color:#552878;
			}			
a.calculator {
	background-color:#EBEBEB;
	background-image:url("../images/buttons/grey-br.gif");
	color:#552878 !important;
}
	a.calculator span {
		background-image:url("../images/buttons/grey-tr.gif");
	}
		a.calculator span span {
			background-image:url("../images/buttons/grey-bl.gif");
		}
			a.calculator span span span {
				background-image:url("../images/buttons/grey-tl-calculator.gif");
				color:#552878;
				padding-left:54px;
			}
a.next, a.right,
input.next, input.right {
	float:right;
	margin:0 -7px 0 0;
}

/* removed as it messes up link in business site
a.next {color:#552878 !important;}
*/

div.centered {
	float:left;
	position:relative;
	left:50%;
}

#maincontent #content form div.centered a.button {
	float:left;
	position:relative;
	left:-50%;
}

input.previous {
	float: left;
}

/* design controls */
.DCblur {
	border:1px solid #f8f8f8;
}
	#maincontent #content form fieldset.foldout ul li ul li div.field .DCblur,
	#maincontent #content form .DCsubmit,
	#maincontent #content form div.agreement .DCblur,
	table.table-matrix .DCblur {
		border:1px solid #fff;
	}
		#maincontent #content form fieldset.foldout ul li ul li ul li div.field .DCblur,
		#maincontent #content form .contentbutton {
			border:1px solid #f8f8f8;
		}
		#maincontent #content form tr:hover .contentbutton {
			border:1px solid #E9E4EE;
		}
		#maincontent #content form a.button.cool {
			border: none;
		}
	table.table-lists th .DCblur {
		border-color:#F3F3F3;
	}
	table.table-lists td.product-checkbox .DCblur,
	.product-overview .DCblur,
	div.costcalculator .DCblur {
		border-color:#f8f8f8;
	}
		table.table-lists tr:hover td.product-checkbox .DCblur,
		.product-overview:hover .DCblur,
		table.table-matrix td:hover .DCblur {
			border-color:#E9E4EE;
		}
		.application .table-lists tr.deselected:hover td.product-checkbox .DCblur {
			border-color:#b2b2b2 !important;
		}
	table.table-lists tr.deselected td.product-checkbox .DCblur {
		border-color:#b2b2b2;
	}
	.application table.table-lists td.product-checkbox .DCblur,
	table.table-matrix .DCblur {
		border-color:#fff;
	}
	.list-brochures .DCblur,
	.list-category .DCblur {
		border-color:#F8F8F8;
	}
		.application table.table-lists tr:hover td.product-checkbox .DCblur,
		.list-brochures li:hover .DCblur {
			border-color:#E9E4EE;
		}
		.application table.table-lists.no-hover tr:hover td.product-checkbox .DCblur,
		table.table-lists.no-hover tr:hover td.product-checkbox .DCblur,
		table.table-matrix.no-hover td:hover .DCblur {
			border-color:#fff;
		}
.DCfocus {
	border:1px solid #ccc;
}
.replaced {
	position:absolute;
	left:-9000px;
	width:1px;
	height:1px;
	overflow:hidden;
	filter:alpha(opacity=0);
}

/* icons */
a.information,
a.explanation,
a.calendar,
a.close {
	background:url("../images/forms/information.gif") 0 0 no-repeat;
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	text-indent:-3000em;
	position:relative;
	z-index:20;
	float: left;
}
a.explanation {
	background:url("../images/forms/explanation.gif") 0 0 no-repeat;
}
a.close {
	background:url("../images/forms/close.gif") 0 0 no-repeat;
}
#maincontent #content form fieldset div.field a.information,
#maincontent #content form fieldset div.field a.explanation {
	float:right;
	position:relative;
	top:3px;
	right: 3px;
}
a.calendar {
	float: right;
	width:21px;
	height:19px;
	margin:0;
	background-image:url("../images/icons/calendar.gif");
}

/* C3 pulldowns */
.form-pulldowns h3 {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
	.form-pulldowns .group {
		background:#F8F8F8;
		margin:0 0 10px 0;
		padding:2px 10px 0 10px;
		border:1px solid #D4D4D4;
	}
		#canvas #maincontent .form-pulldowns fieldset {
			margin:0;
			padding:0;
			border:none;
		}
			.form-pulldowns legend {
				display:none;
			}
			#canvas #maincontent .form-pulldowns label {
				display:block;
				float:none;
				color:#552878;
				margin:6px 0 3px 0;
				padding:0;
				width:auto;
				font-size:109.5%;
				font-weight:bold;
			}
			.form-pulldowns select {
				margin:0 0 6px 0;
				padding:1px;
				width:182px;
			}
			#maincontent #contextual .form-pulldowns form fieldset .DCselect,
			#maincontent #content .form-pulldowns form fieldset .DCselect {
				margin-bottom:1em;
			}

/* Advies pulldown */

.form-advice {
	clear:both;
	margin:10px 0 10px 0;
}
#maincontent #content .form-advice fieldset {
	border:none;
}
	#maincontent #content .form-advice label {
		margin:3px 0 0 0;
		width:auto;
	}
	

/* Item (newsletter) styling */
#contentcontainer #subcontent .item fieldset {
	background:#f8f8f8;
	margin:1em 0;
	padding:9px;
	border:1px solid #D7D7D7;
}
	#contentcontainer #subcontent .item legend {
		display:none;
	}
	#contentcontainer #subcontent .item label {
		display:block;
		float:none;
		color:#333;
		margin:0 0 3px 0;
		font-weight:normal;
	}
	#contentcontainer #subcontent .item input {
		width:154px;
	}
	
/* request-offer */
#maincontent #content div.row.request-offer fieldset,
div.row.request-offer fieldset {
	margin: 0;
	border: none;
}

	div.row.request-offer fieldset legend {
		display: none;
	}
	
	div.row.request-offer fieldset label {
		float: none;
		color: #333;
		margin-bottom: 4px;
		padding: 0;
		font-size: 109.5%;
		font-weight: normal;
	}
	
	div.row.request-offer fieldset select {
		width: 127px;
	}
	
	div.row.request-offer fieldset input {
		width: auto !important;
	}
	
/* dialog form styles */

div.dialog form, 
div.dialog fieldset {
	position:relative;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	border:0;
}

	div.dialog fieldset legend {
		display:none;
	}
	div.dialog fieldset h3 {
		margin-bottom:1.5em;
	}
	div.dialog fieldset div.field {
		border:0;
		margin:0 0 2px 2px;
		padding:3px 10px;
		background:#f8f8f8;
	}
	div.dialog fieldset div.nolabel {
		padding-left:148px;
	}
	div.dialog fieldset div.field label {
		padding:.2em 0 0;
		width:138px;
	}
	div.dialog fieldset div.agreement label {
		font-style:italic;
		font-weight:normal;
		padding-right:30px;
		width:auto;
	}
	div.dialog form fieldset .DCselect .status {
		width:196px;
	}
	div.dialog fieldset div.field input,
	div.dialog fieldset div.field textarea {
		width:208px;
	}
	div.dialog fieldset div.field .DCsubmit {
		clear:both !important;
	}
	div.dialog fieldset a.help {
		background:url("../images/icons/arrow.gif") 0 center no-repeat;
		display:block;
		margin:2px 0 4px 138px;
		padding:0 0 0 10px;
		font-style:italic;
	}

/* Dialog with slider */

div.dialogslider fieldset {
	background:#f8f8f8;
	border:none;
	padding:0;
	margin-bottom:0;
}
	div.dialogslider div.field {
		background: none;
		margin:0;
		padding-right: 0;
	}
		div.dialogslider fieldset div.field label {
			float: none;
			width:220px;
			margin-bottom:0.5em
		}
		div.dialogslider fieldset div.field input {
			width:50px;
		}
		div.dialogslider span.entity {
			padding-left:0.5em;
			line-height:1.5em;
			font-weight:bold
		}
		div.dialogslider .slider {
			position:relative;
			float: left;
			margin-right: 1em;
			width:215px;
			height:21px;
			clear:left;
			background: url("../images/buttons/slider.gif") center 7px no-repeat;
		}
		div.dialogslider .thumb {
			position:absolute;
			width:21px;
			height:21px;
			display:block;
			background:url("../images/buttons/slider-thumb.png") no-repeat;
			overflow:hidden;
			/*positive indent works only for the first line
			a negative indent allows a very long first line*/
			text-indent:-2500px;
		}

/* dialog usage */
#dialog-usage label {
	width: 174px;
}
		
/* kostencalculator */
div.costcalculator fieldset {
	position: static;
	background:#f8f8f8;
	border:none;
	padding:0;
	margin-bottom:0;
}
	div.costcalculator div.field {
		background:none;
		margin:0;
		padding-right: 0;
	}
	div.costcalculator div.field label {
		width: auto;
	}
	div.costcalculator.dialog-wide div.field label {
		width: 174px;
	}
	div.costcalculator div.field div {
		background:none;
		border:0;
		margin:0;
		padding:0;
	}
		div.costcalculator div.field div label {
			float:left;
		}
		
		div.costcalculator form fieldset .DCselect .options {
			width: 199px !important;
		}
		
/* list invoices */
#maincontent #content form fieldset .list-invoices {
	margin: 0;
	list-style: none;
}
	#maincontent #content form fieldset .list-invoices li {
		padding: 0;
		margin:0 10px 2px 10px;
	}
	#maincontent #content form fieldset .list-invoices li.open {
		border: 1px solid #D4D4D4;
	}
		#maincontent #content form fieldset .list-invoices li h3 {
			position: relative;
			margin: 0;
			border: none;
			font-size: 100%;
			font-weight: normal;
			background:none;
			padding:0;
			
		}
			#maincontent #content form fieldset .list-invoices h3 a,
			#maincontent #content form fieldset .list-invoices h3 a:visited {
				display: block;
				background: #f4f4f4 url(../images/icons/arrow-invoices.gif) no-repeat 5px 3px;
				color: #333;
				padding: 3px 100px 6px 29px;
			}
			#maincontent #content form fieldset .list-invoices li.open h3 a,
			#maincontent #content form fieldset .list-invoices li.open h3 a:visited {
				background-position: 4px -228px;
				padding-top: 2px;
				padding-left: 28px;
			}
			#maincontent #content form fieldset .list-invoices li.open h3 a:hover {
				background-position: 4px -342px;
			}	
			#maincontent #content form fieldset .list-invoices h3 a:hover em {
				cursor: pointer;
				text-decoration: none;
			}
			#maincontent #content form fieldset .list-invoices h3 a:hover {
				background-position: 5px -112px;
			}
			#maincontent #content form fieldset .list-invoices li p.price {
				margin-right:0;
			}
			#maincontent #content form fieldset .list-invoices li h3 em,
			#maincontent #content form fieldset .list-invoices li p.price em {
				position: absolute;
				top: 3px;
				right: 10px;
				font-style: normal;
			}
				#maincontent #content form fieldset .list-invoices li h3 em span {
					position: absolute;
					left: -5000px;
					width: 4000px;
				}
				
		#maincontent #content form fieldset .list-invoices li div.details {
			background: #fff;
			color: #333;
			padding-left: 29px;
		}
		
			#maincontent #content form fieldset .list-invoices li div.details h4 {
				color: #2b2b2b;
				margin-top: 10px;
				margin-bottom: 0;
			}
			#maincontent #content form fieldset .list-invoices li div.details p {
				margin-top: 0;
				color: #2b2b2b;
				margin-left:0;
			}
			#maincontent #content form fieldset .list-invoices li div.details p.price {
				position: relative;
			}
				#maincontent #content form fieldset .list-invoices li div.details p.price strong {
					color: #f00;
				}
				
				
/* List notifications */

#maincontent #content .list-notifications form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

fieldset .list-notifications {
	margin: 10px;
}


	#maincontent #content .list-notifications form fieldset div.field {
		background: none;
		margin: 0;
		padding: 0;
	}
	
		#maincontent #content .list-notifications form fieldset div.field label {
			float: none;
			padding:2px 14px 4px 7px;
			font-weight: normal;
		}
		
		
/* List Category */

#maincontent #content form fieldset.list-category {
	padding:0;
	border:none;
}	
	fieldset.list-category div {
		float:left;
		width:33%;
	}		
		#maincontent #content form fieldset.list-category div.field {
			float:none;
			margin:0;
			padding:0;
			width:auto;
		}
			#maincontent #content form fieldset.list-category div.field label {
				width:auto;
				margin:0 6px 0 0;
				padding:2px 0 0 0;
				font-weight:normal;
			}
			
/* NEMO overview-properties */

.overview-properties {
	padding: 10px 0 10px 0;
}

	.overview-properties form {
		border: 1px solid #d4d4d4;
		border-width: 0 1px 1px 1px;
	}

		.overview-properties div.group {
			background:#f8f8f8;
			margin:0;
			padding:2px 10px 0 10px;
			border-top:1px solid #D4D4D4;
		}
			.overview-properties fieldset {
				border: 0;
			}
				.overview-properties legend {
					display: none;
				}
				.overview-properties h3 {
					font-size:109.5%;
					font-weight:bold;
					margin:0 -12px;
					padding:4px 12px;
				}
				.overview-properties div.field {
					margin: 5px 0;
					padding: 0;
					border: 0;
				}
				#maincontent #contextual .overview-properties div.multiple label {
					width: 35px !important;
					padding: 0;
				}
				.overview-properties div.margin-extra {
					margin: 2em 0 10px 0;
				}
					.overview-properties input.day,
					.overview-properties input.month,
					.overview-properties input.year {
						float: left;
						margin-right: 2px;
					}
					
					.overview-properties input.day,
					.overview-properties input.month {
						width: 22px;
					}
					
					.overview-properties input.year {
						width: 40px;
					}
					.overview-properties div.field .status {
						width: 184px;
					}
					.overview-properties .month .status {
						width:22px !important;
					}
					.overview-properties form fieldset .DCselect {
						margin-right: 2px;
					}
					.overview-properties .DCcheckboxdisabled {
						border: none;
					}
				.overview-properties div.buttons {
					padding: 5px 0 10px 0;
				}
					.overview-properties a.contentbutton,
					.overview-properties a.button-content {
						float: left;
						margin: 0 -4px;
					}
					.overview-properties a.contentbutton span span span,
					.overview-properties a.button-content span span span {
						width: 175px;
					}
				
				/* explanation filter en overview properties */
				
				div.explanation {
					position: absolute;
					left: 266px;
					background:url("../images/backgrounds/tooltip-shadow-light.gif") no-repeat right bottom;
					width: 315px;
					z-index:40;
				}
					div.explanation div {
						position:relative;
						top:-3px;
						left:-3px;
						background: #fff url(../images/backgrounds/explanation.gif) repeat-x bottom left;
						padding: 10px;
						border: 1px solid #d4d4d4;
						clear:both;
					}
				
					div.explanation h4,
					div.explanation h3 {
						margin: 0;
						padding: 0;
						font-size: 109.5%;
					}
					
					div.explanation p {
						color: #333;
						margin: 0;
						font-weight: normal;
					}
					div.explanation .pointer {
						position: absolute;
						top: 50%;
						left: -10px;
						display: block;
						background: url(../images/icons/pointer-cool.gif) no-repeat 0 0;
						margin-top: -8px;
						padding: 0;
						border: none;
						width: 8px;
						height: 15px;
					}
					
		/* Group identity */
		.overview-properties div.group-identity {
			padding: 10px;
		}
			.overview-properties  div.group-identity div.explanation {
				margin-top: -2.2em;
			}
			.overview-properties  div.group-identity div.field {
				margin: 0;
			}

			
/* information centre */

.information-centre {
	border: 1px solid #D5D5D5;
	margin: 0 0 10px 0;
	padding: 12px 10px 0 10px;
	min-height: 366px;
}

	.information-centre h2 {
		color: #007EC6;
		display: block !important;
		font-size: 100%;
		font-weight: bold;
	}

	.information-centre fieldset {
		border: none;
	}

		.information-centre legend {
			display: none;
		}

		.information-centre div.group {
			border: 1px solid #D4D4D4;
			margin-bottom: 20px;
		}
	
		.information-centre div.information-filter {
			border: none;
			margin-bottom: 16px;
		}

			.information-centre div.filter-content h3 {
				border-bottom:1px solid #D4D4D4;
				color: #007EC6;
				font-size:100%;
				font-weight:bold;
				margin: 0;
				padding:4px 5px;
			}
			
			.information-centre div.field {
				margin: 5px 0;
				padding: 0;
				border: 0;
			}
			
				.information-centre input {
					float: left;
					margin:4px 3px 0pt 0pt;
				}
	
				.information-centre form fieldset .DCselect {
					margin: 0;
				}
					.information-centre form fieldset .DCselect .status {
						width: 185px;
					}
						
			.information-centre div.checkbox {
				margin: 0;
				padding: 0 0 0 3px;
			}
			
				.information-centre div.checkbox div {
					float:none;
					clear:both;
					margin: 2px 0;
				}
				
					.information-centre div.checkbox div .DCblur,
					.information-centre div.radio div .DCblur {
						border-color: #fff;
					}

				.information-centre div.field label {
					color:#552878;
					display:block;
					float:none;
					font-weight:normal;
					width:auto;
					padding:2px 0 0 0;
				}
				
				.information-centre div.information-search {
					margin-bottom: 10px;
					padding: 9px;
				}
				
					.information-centre div.information-search h3 {
						position: absolute;
						left: -5000px;
						width: 4000px;
					}
					
					.information-centre div.information-search .vertical {
						margin-top: 1em;
					}
					
						.information-centre div.information-search label {
							color: #007EC6;
							font-weight: bold;
							margin-bottom: 3px;
						}
						
						.information-centre div.information-search .vertical label {
							color: #552878;
							font-weight: normal;
						}
						
						#maincontent #contextual .information-search input {
							border-right-width: 0;
							float: left;
							margin: 0;
							width: 159px;
						}
						
						#maincontent #contextual .information-search .vertical input {
							width: auto;
						}
		
		body.DOMEnabled .information-centre div.buttons {
			display: none;
		}
						
		.information-centre div.buttons {
			margin: -10px 0 20px 0;
		}
		
			
/* item information-centre small */
#contentcontainer #subcontent .item.information-centre-small {
	position:relative;
	min-height: 179px;
	padding-bottom:30px;
}

body.page-1024 #contentcontainer #subcontent .item.information-centre-small {
	margin-bottom: 9px;
}

#contentcontainer #subcontent .item.information-centre-small fieldset {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}			

	#subcontent .item.information-centre-small div.field {
		margin:0 0 2px 0;
		padding:3px 0;
		min-height:17px;
		clear:both;
	}
	
		body.page-1024 #contentcontainer #subcontent .item.information-centre-small div.field input {
			width: 193px;
		}
		
		.item.information-centre-small .DCblur {
			border-color: #fff;
		}
	
		#subcontent .item.information-centre-small div.vertical div {
			float:none;
			clear:both;
		}
		form fieldset .DCcheckbox {
			height:18px;
		}
		
			#contentcontainer #subcontent .item.information-centre-small div.vertical label {
				color: #007EC6;
				display:block;
				margin:0;
				padding: 2px 0 0 0;
			}
			
		#subcontent .item.information-centre-small div.buttons {
			position:absolute;
			bottom:0px;
			right:10px;
			margin-top: -1px;
		}


/* calender filter */

.navigation-calendar fieldset {
	border: none;
}
	.navigation-calendar legend {
		display: none;
	}
		.navigation-calendar div.checkbox {
			margin: 10px 0 10px 8px;
			padding: 0;
			border-top: 1px solid #D4D4D4;
		}
			.navigation-calendar div.checkbox div {
				float:none;
				clear:both;
				margin: 0;
				padding: 3px 0 0 0;
				border-bottom: 1px solid #D4D4D4;
			}
					.navigation-calendar div.checkbox div .DCblur,
					.navigation-calendar div.radio div .DCblur {
						border-color: #fff;
					}
					
					form.navigation-calendar fieldset .DCcheckbox {
						height: 16px;
						background-position:0 -27px;
					}
					
					form.navigation-calendar fieldset .DCcheckboxchecked {
						background-position:0 -7px;
					}

				.navigation-calendar div.field label {
					display: inline;
					float: none;
					color:#552878;
					font-weight:normal;
					padding:0;
				}
				
				.navigation-calendar div.field div.all-calendar-items label {
					color: #007EC6;
				}
		
		body.DOMEnabled .navigation-calendar div.buttons {
			display: none;
		}
		
		.navigation-calendar .back {
			display: block;
			background:url("../images/icons/arrow-back.gif") 0 4px no-repeat;
			margin-left: 8px;
			padding:0 0 0 10px;
		}
						
/* clearfix */
form:after,
fieldset:after,
#maincontent #content:after,
#maincontent #content form fieldset div.field:after,
#subcontent .item.information-centre-small div.field:after,
#maincontent #contextual form fieldset div.field:after,
#maincontent #content .fieldcontainer div.field:after,
#maincontent #contextual form fieldset div.field:after,
#maincontent #content form .address-choice .address-select:after,
fieldset.my-overview .columns:after,
.information-centre div.vertical div:after,
.navigation-calendar div.field div:after,
#maincontent #content form fieldset.foldout2 ul li ul li ul li div.term:after,
div.centered:after  {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}


/* Retail specific after this: */
			

/* rotator subhomepage */

#rotator-subhomepage {
	position:relative;
	height:231px;
}
	#rotator-subhomepage h2 {
		position:absolute;
		left:-5000em;
		width: 4000px;
	}
	#rotator-subhomepage ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#rotator-subhomepage li {
		margin: 0;
		padding: 0;
	}
	#rotator-subhomepage ul li div {
		left:-5000px;
		position:absolute;
		width:4000px;
	}
	#rotator-subhomepage li span.container {
		background:#FFFFFF none repeat scroll 0%;
		border:1px solid #D4D4D4;
		left:0pt;
		padding:4px;
		position:absolute;
		top:0pt;
		z-index:1;
	}
	#rotator-subhomepage li.current span.container {
		z-index:2;
	}
	#rotator-subhomepage li span.container img {
		display: block;
}

/* landings page additions */
body #contentcontainer.landingspage #h1container {
	background: none;
}	
	#contentcontainer.landingspage #maincontent #pagecontainer {
		background:none;
		width:718px;
		padding-left: 14px;
	}
	#contentcontainer.landingspage #maincontent {
		width:733px;
		padding:0;
	}
	body #contentcontainer.landingspage #maincontent #pagecontainer #content {
		float:left;
		top:0;
		padding:0;
		margin:0;
		width:719px;
	}
	/* small column */
	#contentcontainer.landingspage .row .column.small {
		margin-right:10px;
		width:233px;
	}
	#contentcontainer.landingspage #maincontent #content .form-question input {
		width:219px;
	}
	body.page-1024 #contentcontainer.landingspage #maincontent #content .form-question input {
		width:93%;
}


/* ---ENota----*/
.unbold {
	font-weight: normal;
}

.counter {
	margin-bottom:10px;
	margin-left:10px;
}

table th.sort-up a {
	background:url(../images/icons/sort-up.gif) no-repeat right center;
	padding:0 12px 0 0;
}		
table th.sort-down a {
	background:url(../images/icons/sort-down.gif) no-repeat right center;
	padding:0 12px 0 0;
}
		
/* table-enota */

div.table-container table.table-enota {
	margin: 0 0 0 0;
	border:none;
}

div.table-container table.table-enota caption a {
	display: block;
	background: url(../images/icons/arrow-invoices.gif) no-repeat 5px 0;
	padding-left: 30px;
	width: 346px;
	color: #A3228E
}

div.table-container table.table-enota caption a:hover {
	background-position:5px -345px;
}

div.table-container table.table-enota caption.open a {
	background: url(../images/icons/arrow-invoices.gif) no-repeat 5px 0;
	background-position:5px -345px;
}

.DOMEnabled div.table-container table.table-enota tbody tr {
	display:none;
}


div.table-container table.table-enota tbody.open tr {
	display:table-row;
}

div.table-container table.table-enota tbody td{
	width:20%;
	text-align:right;
}

div.table-container table.table-enota caption.open .money {
	display: none;
}

caption .money,
caption .money2 {
	color:#000000;
	float:right;
	position:relative;
}

a.caption, a.caption:visited {
	background:transparent url(../images/icons/arrow.gif) no-repeat scroll 100% 55%;
	color:#A3228E;;
	padding:0pt 10px 0pt 0pt;
}
	
div.table-container table.table-enota caption {
	border: 1px solid #D4D4D4;;
}

div.table-container table.table-enota tbody tr th.text {
	color:#007EC6;
	background:transparent url(../images/icons/arrow.gif) no-repeat scroll 12px 8px;
	padding:3px 9px 0pt 20px;
}


div.table-container table.table-enota tbody tr .bold {
	font-weight:bold;
}

div.table-container table.table-enota tbody tr th .darkbluetext {
	color: #552878;
	text-decoration:none;
}

/* ------------------------------------------------------ */
/*                  table-consumption                     */
/* ------------------------------------------------------ */



/*  ------------------ HEADER ------------------ */

table.table-consumption thead .costs,
table.table-consumption thead th.costsconsumptionopen {
	text-align:left;
	width:18%;				
}

.DOMEnabled table.table-consumption thead .costsconsumption{
	text-align:left;
	width:18%;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;	
}

.DOMEnabled table.table-consumption thead th.costsconsumption a img{
	display:none;
}

table.table-consumption thead th.rowconsumptionopen {
	padding:3px 9px 3px 9px;
	text-align:left;
}

.DOMEnabled table.table-consumption thead th.rowconsumption {
	padding:3px 9px 3px 9px;
	text-align:left;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;	
	border-right: 1px solid #FFFFFF;
	
}

table.table-consumption thead .product-descriptionopen {
	padding-left:10px;
	text-align:left;
	width:44%;	
}

.DOMEnabled table.table-consumption thead .product-description {
	padding-left:10px;
	text-align:left;
	width:44%;
	border-right: 1px solid #FFFFFF;
}

/*  ------------------ BODY ------------------ */

table.table-consumption tbody .costs{
	width:18%;
	text-align:right;
	font-weight:bold;
}

table.table-consumption tbody tr.head  a{
	background:transparent url(../images/icons/arrow-invoices.gif) no-repeat scroll 0px 0px;
	display:block;
	min-height:15px;
	padding-left:20px;
}

table.table-consumption tbody tr.head td {
	color:#000000;
	font-weight:bold;
}

table.table-consumption tbody tr.head a:hover,
table.table-consumption tbody tr.head:hover a{
	background-position:0px -115px;
}

table.table-consumption tbody.open tr.head a{
	background-position:0px -345px;
}

.DOMEnabled table.table-consumption tbody tr.other {
	display:none;
}
.DOMEnabled table.table-consumption tbody.open tr.head td{
	visibility:hidden;
}

table.table-consumption tbody tr.head, 
table.table-consumption tbody.open tr.other {
	display:table-row;
}
table.table-consumption tbody tr td {
	text-align:right;
	padding-right:10px;
}

/*  ------------------ FOOTER ------------------ */
table.table-consumption tfoot th{
	color:#000000;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
}

table.table-consumption tfoot td{
	color:#000000;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}
table.table-consumption tfoot tr .money {
	color:#000000;
	float:right;
	position:relative;
	padding-right:6px;
}
table.table-consumption tfoot .costs{
	width:18%;
	text-align:right;
}
/* <---------- table-consumtion */
table.table-total, table.table-total th {
font-weight:bold;
}
table.table-total tbody td{
text-align:right;
padding-right:5px;
}
table.table-legend{
border: none;
margin:1px 5px;;
width:90%;
}
table.table-legend thead th{
font-weight:bold;
}
table.table-legend tbody th{
border:none;
}
table.table-legend td, table.table-legend thead th{
border:none;
text-align:right;
padding-right:5px;
}

table.table-summary{

}
table.table-summary th{
text-align:left;
color:#000000;

}
table.table-summary td{
font-weight:bold;
color:#666666;
text-align:left;
width:60%;
}
/* <--- Martijn  einde weizigingen*/
table.table-consumption tbody.open tr.head .money {
	display: none;
}

.application #contextual form .invoice-choice .invoice-select 
 {
	float:none;
}

.application #contextual form  .invoice-choice
{
	float:right;
	padding-bottom:8px;
	padding-top:8px;
	width:220px;
	border:1px solid #D4D4D4;
}

.application #contextual form .invoice-select .DCselect {
	background:#FFFFFF url(../images/forms/select-arrow.gif) no-repeat scroll right center;
	border:1px solid #B2E7FA;
	cursor:default;
	float:left;
	margin:0pt 10px 0pt 0pt;
	padding:0pt 17px 0pt 0pt;
	position:relative;
}

.application #contextual form  .invoice-select .DCselect .status {
	background:#FFFFFF none repeat scroll 0%;
	border-right:1px solid #B2E7FA;
	float:left;
	overflow:hidden;
	padding:1px 0pt 2px 6px;
	white-space:nowrap;
	width:70px;
/* conflicting internal value: 	width:163px; */
	z-index:20;
}

.application #contextual form .invoice-select .DCselect .options span {
	display:block;
	padding:3px 6px;
	white-space:nowrap;
}

.application #contextual form .invoice-select {
	padding-left: 8px;
	padding-right: 10px;
}

.application #contextual form .invoice-choice label  {
	padding-left: 8px;
	padding-right: 10px;
	clear: left;
	display: block;
	font-size: 100%;
	color: #552878;
	font-weight: bold;
}

.application #contextual form .invoice-choice  .normaltext {
	font-weight: normal;
}

.application #contextual form .invoice-select .DCselect .options {
	display:none;
	position:absolute;
	left:-1px;
	margin:1.7em 0 0 0;
	background:#fff;
	border:1px solid #b2e7fa;
	z-index: 100;
}

.application #contextual form .invoice-select .DCselect .options span.hover,
.application #contextual form .invoice-select .DCselect .options span.selected {
	color:#333;
	background:#B2D8EE;
}

dl.adobe{
display:block;
position:relative;
}

dl.adobe dt{
position:absolute;
top:4px;
left:4px;
}
dl.adobe dd{
	padding-left: 140px;
}
dl.telwerk{
	width:110px;
	display:block;
	float:left;
	margin:6px 3px;
	padding:9px;
	background-color:#f8f8f8;
}
dl.telwerk dt.title{
	height:3em;
}
dl.telwerk .title{
	font-size:0.9em;
	text-align:left;
}
dl.telwerk .date{
	font-weight:normal;
	text-align:center;
	font-size:0.9em;
}
dl.telwerk .value1{
	background: url(../images/enota/telwerk1.gif) no-repeat center top;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	letter-spacing:1px;
	text-indent:17%;
}
dl.telwerk .value2 {
	background: url(../images/enota/telwerk2.gif) no-repeat center top;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	letter-spacing:1px;
	text-indent:12.5%;
}
dl.telwerk .value3 {
	background: url(../images/enota/telwerk3.gif) no-repeat center top;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	letter-spacing:1px;
	text-indent:8%;
}
dl.telwerk .comma{
	padding-left:3px;
}
.print-link li{
text-align:right;
float:none;
clear:both;
display:block;
border:none;
width:200px;
}
a.information-table{
	background:url(../images/forms/information.gif) 0 0 no-repeat;
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	text-indent:-3000em;
	position:relative;
	z-index:900;
	float:right;
	margin-top:-14px;
}
span.information-p{
float:left;
display:inline;
}
a.information-p{
	background:url(../images/forms/information.gif) 0 0 no-repeat;
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	text-indent:-3000em;
	position:relative;
	z-index:20;
	margin-left:3px;
}

.information-img {
	padding:2px 0px;
	margin:0;
}
a.information-img:hover{
	text-decoration: none;
}
.information-img img{
	border:none;
	vertical-align: text-bottom;
}

/* c75_list-notifications */
#maincontent .contentpagewide #content .list-notifications form fieldset div.field .DCselect .status {
	width: 210px;
}			

.list-notifications {
	margin:10px 0;
	list-style:none;
}

		.list-notifications li {
			position: relative;
			margin:10px 0 0 0;
			padding:10px 10px 10px 63px;
			min-height: 54px;
			border: 1px solid #D4D4D4;
		}
			.list-notifications img {
				position: absolute;
				top: 10px;
				left: 10px;
			}
			#maincontent .contentpagewide #content form fieldset .list-notifications h3,
			.list-notifications li h3 {
				background: none;
				color:#2B2B2B;
				margin:0;
				padding: 0;
				border: none;
				font-size:100%;
				font-weight:bold;
				min-height: 0;
			}
			#maincontent .contentpagewide #content form fieldset .list-notifications p,
			.list-notifications p {
				color:#333;
				margin:0;
			}
				.list-notifications p.more {
					margin:0;
				}
			.list-notifications span.attention strong,
			.list-notifications span.attention {
				color: #f00;
				font-weight: normal;
			}
				
	/* Notification list + columns */
	.list-notifications .row {
		margin: 0;
		overflow: visible;
	}
	
		.list-notifications div.row .column {
			float: left;
			padding-right: 20px;
			width: 270px;
			border-right: 1px solid #d4d4d4;
		}
		
		.list-notifications div.row .column.last {
			float: left;
			margin-left:10px;
			padding: 0;
			width: 270px;
			border: none;
		}	
	
	/* Notification list priority */
	.list-notifications.priority li {
		padding-left: 93px;
		min-height: 73px;
	}
		.list-notifications.priority p.more {
			margin: 1em 0 0 0;
		}
		.list-notifications.priority h3 {
			color: #552878;
			margin-bottom: .5em;
			font-size: 145.5%;
			font-weight: normal;
		}
	

			
/* List notifications */

#maincontent .contentpagewide #content .list-notifications form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#maincontent .contentpagewide #content .list-notifications form fieldset div.field {
	background: none;
	margin: 0;
	padding: 0;
}
	
#maincontent .contentpagewide #content .list-notifications form fieldset div.field label {
	float: none;
	padding:2px 14px 4px 7px;
	font-weight: normal;
}

/* Show PKO Transactions without padding */
.list-elements li.nopadding {
	padding:0;
	
}

/* Reset the LI within the link list content */
.list-elements li .list-links li {
	position: relative;
	margin-bottom:0px;
	padding:0px 0px 3px 10px;
	min-height: 17px;
}

.field .errormessage {
 display:none;
}

.field .errormessage.show {
 display:inline;
}

.field.error .errormessage {
 display:inline;
}

#metanavigation #form-login a a {
 display: block;
 float:left;
}

a.contentbutton.callnow {
 float:left;
}

.callnow #phonenumber {
	float:left;
	display:block;
	margin-top:10px;
}

.form-question a.information {
	margin-left:5px;
}

#content .my-checklist {
	zoom:100%;
}

#content .my-checklist .description h4 {
	height:1%
}

		/* kostencalculator */
		div.costcalculator div.buttons. {
			padding: 10px 0 0 0;
			width: auto;
		}

/* Login box */
#metanavigation a.help {
	display:block;
	float:left;
}

/* Subscript for form fields */
form fieldset span.note {
	font-style:italic;
	clear:both;
	float:left;
	display:block;
}

/* Costcalculator */
.costcalculator h3 {
	margin-bottom:10px !important;

}

                .costcalculator .box-content {
                        margin-top:10px;
                        margin-left:10px;
                        margin-right:10px;
                }

                .costcalculator .box-content p.price {
                        text-align:right;
                        margin-top:10px;
                        margin-bottom:10px;
                        margin-right:10px;
                }

span.note {
	padding-left:150px;

}


/* table in format area */
p table {
 clear:both;
}

/* Brochure in formulier */
#maincontent #content div.form-brochures fieldset {
	background:#f3f3f3 url("../images/headers/item-gradient.gif") repeat-x 0 0;
	border:1px solid #dcdcdc;
	padding:4px 6px;
	margin:10px 0 10px 0;
	position:relative;
}
	#maincontent #content div.form-brochures fieldset label {
		margin-top:2px;
		font-weight:normal;
	}
	.list-brochures {
		margin:10px 0;
		list-style:none;
	}
		#maincontent #content div.form-brochures .list-brochures fieldset {
			float:left;
			background:none;
			border:none;
			padding:0;
			margin:0;
		}
			#maincontent #content form .list-brochures label {
				position:absolute;
				left:0;
				top:-500px;
				width:1px;
				height:1px;
				overflow:hidden;
			}
			#maincontent #content div.form-brochures input {
				width:auto;
			}
			.list-brochures li {
				background:#F8F8F8;
				margin-bottom:10px;
				padding:10px;
			}
				.list-brochures li:hover {
					background:#E9E4EE;
				}
				.list-brochures img {
					float:left;
					padding-right:10px;
				}
				.list-brochures li h3 {
					display:inline;
					color:#2B2B2B;
					margin:0 0 .25em 0;
					font-size:109.5%;
					font-weight:bold;
				}
					.list-brochures li h3 a,
					.list-brochures li h3 a:visited {
						color:#2B2B2B;
					}
					.list-brochures li h3 a {
						background:url("../images/icons/arrow.gif") no-repeat 100% 55%;	
						padding:0 10px 0 0;
					}
				.list-brochures p {
					color:#666;
				}
					.list-brochures p.more {
						margin-top:.5em;
						text-align:right;
					}

/* information in compair */
#maincontent #content th a.information, 
#maincontent #content th a.explanation {
	float: right;
	position: relative;
	top: 1px;
	right: 3px;
}

			#metanavigation li span {
				color:#805E9A;
				padding:2px 1px 0.82em 8px;
			}
			#metanavigation li.no-sep {
				background-image:none;
			}



.outro {
	font-size:80%;
}



/*
BUSINESS
*/

#maincontent #content form fieldset{
	border:1px solid #dcdcdc;
	border-top:0;
	padding:0 0 10px 0;
	margin:10px 0 10px 0;
}

#maincontent #content form fieldset.foldout4 {
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 10px;
}
#maincontent #content form fieldset.total {
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 10px;
}


#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails {
	border:1px solid #dcdcdc;
	border-top:0;
	padding:0px 0px 0px 0px;
	margin:10px 10px 0px 10px;

}
#maincontent #content form fieldset.total div.summary {
	border:1px solid #dcdcdc;
	border-top:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

}

	#maincontent #content form fieldset.foldout4 h3,
	#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3,
	#maincontent #content form fieldset.total h3 {
		display:block;
		color:#a3228e;
		border-bottom:1px solid #dcdcdc;
		border-top:1px solid #dcdcdc;
		background: #F9F9F9 url("../images/backgrounds/h3-form.gif") bottom left repeat-x;
		min-height:17px;
		padding:5px 10px;
		margin:0 0 0px 0;
	}	
   #maincontent #content form fieldset.foldout4 h3 span.value	{
	    position:relative;
        float: right;
        padding:0;        
        margin-right: 5px;
        white-space:nowrap;
        text-align:right;
	}
	
       #maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 span.value{

	 position:relative;
        color:#a3228e;
        float: right;
        padding:0;
        margin-right: -5px;
        white-space:nowrap;
        text-align:right;


       }
	
	#maincontent #content form fieldset.total h3 span.value{
	    position:relative;
        float: right;
        padding:0;
        margin-right: -5px;
        white-space:nowrap;
        text-align:right;
	}

  
	#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 a
	{
	    position:relative;
        float: left;
        padding:0;
        margin-top: -15px;
        margin-right: 5px;
        white-space:nowrap;
	}


	/* foldout forms */

	.DOMEnabled fieldset.foldout4 div.summary {
		display: block;
		padding-bottom: 0;
	}	
		.DOMEnabled fieldset.foldout4.open div.details {
			display: block;
			padding-bottom: 0px;
		}
		.DOMEnabled fieldset.foldout4.open div.summary {
			display: none;
			padding-bottom: 0;
		}
	fieldset.foldout4 div.details {
		padding-bottom: 0px;
	}

/* my-overview */


	fieldset.my-overview .address-choice {
		margin-top: 10px;
	}


/* design controls */

	div.costcalculator .DCselect {
		border-color: #B2E7FA;
	}

/* icons */

#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 a.information,
#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 a.explanation,
#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 a.calendar,
#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 a.close {
	background:url("../images/forms/information.gif") 0 0 no-repeat;
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	text-indent:-3000em;
	position:relative;
	z-index:20;
	float: right;
}
#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 a.information {
	margin-top:0;
}
#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 a.explanation {
	background:url("../images/forms/explanation.gif") 0 0 no-repeat;
}
#maincontent #content form fieldset.foldout4 div.details fieldset.fieldsetdetails h3 a.close {
	background:url("../images/forms/close.gif") 0 0 no-repeat;
}

/* clearfix */
form:after,
fieldset:after,
#maincontent #content:after,
#maincontent #content form fieldset div.field:after,
#subcontent .item.information-centre-small div.field:after,
#maincontent #contextual form fieldset div.field:after,
#maincontent #content .fieldcontainer div.field:after,
#maincontent #contextual form fieldset div.field:after,
#maincontent #content form .address-choice .address-select:after,
fieldset.my-overview .columns:after,
.information-centre div.vertical div:after,
.navigation-calendar div.field div:after,
#maincontent #content form fieldset.foldout2 ul li ul li ul li div.term:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

td {
  text-align:left;
  padding-left: 10px;
}
td.value {
   text-align:right;
   width: 100px;
}

td.subtotal {
   font-weight: bold;
}


/* Gas Region Selector */
#maincontent #pagecontainer #content .tabcontent .tabcontent-main form.gasregionselector {
	margin-left: 10px;
	margin-right: 10px;
}
#maincontent #pagecontainer #content form.gasregionselector fieldset .submit {
	float: right;
	right: 8px;
	bottom: 8px;
}
}