/* Changed that were made in Lost Boys baseline CSS */
/* NUON ICT - 20080418: added .script to disable fetchview in non GWT mode */

/* Navigation */
/* subtabs (c17_sidenav, c26_tabs) */	
.application #contextual #contentnavigation ul.subtabs								{margin:0;padding:0;}
.application #contextual #contentnavigation ul.subtabs li							{display:block;border:none;padding:0 20px 0 0;margin:10px 0 5px 0;background:transparent;text-align:right;color:#000;}
.application #contextual #contentnavigation ul.subtabs li a							{background:transparent;text-decoration:none;font-weight:normal;color:#552878;padding:0;width:auto;min-height:0;font-size:100%;}
.application #contextual #contentnavigation ul.subtabs li.current					{background:none;}
.application #contextual #contentnavigation ul.subtabs li.current a					{display:block;font-weight:bold;background:transparent;}
.application #contextual #contentnavigation ul.subtabs li.current a span,   		
.application #contextual #contentnavigation ul.subtabs li a span					{padding-left:10px;background:transparent url('/static/images/icons/arrow.gif') no-repeat 0 4px;display:inline;float:none;position:static;text-decoration:none;}
.application #contextual #contentnavigation ul.subtabs li a:hover					{text-decoration:underline;}
.application #contextual #contentnavigation ul.subtabs li a span					{background:transparent;padding:0 0 0 10px;}

/* Misc styles from LB Baseline */
/* content.css */
p.right																				{ text-align:right; }
div.dialog-medium																	{ background:url("/static/images/backgrounds/tooltip-shadow.gif") no-repeat right bottom;width:391px; }

/* layout.css */
.contentpage .box-content div.row .column.medium									{ width:191px; }

/* forms.css */
div.centered																		{ float:left;position:relative;left:50%; }
#maincontent #content form div.centered a.button,
#maincontent #content form div.centered input										{ float:left;position:relative;left:-50%; }
a.button.attention																	{ background-image:url("/static/images/buttons/blue-attention-br.gif"); }
a.button.attention span																{ background-image:url("/static/images/buttons/blue-attention-tr.gif"); }
a.button.attention span span														{ background-image:url("/static/images/buttons/blue-attention-bl.gif"); }
a.button.attention span span span													{ background-image:url("/static/images/buttons/blue-attention-tl.gif"); }
.foldout5 ul																		{ clear:both;margin:0;padding:0;list-style:none; }
.foldout5 ul li li																	{ margin-bottom:10px; }
form fieldset .DCcheckbox															{ height:18px; }
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; }
#maincontent #content form fieldset label span.required								{ position:static; right:auto; top:auto; color:#552878; }


/* content.css */
span.options-links																	{ float:right; width:13em; margin-top:17px; padding-bottom:1em; }
.application #content .glow .timeclock-container div.buttons a.more 				{ clear:both; float:left; margin:0 1em 1em 0; white-space:nowrap; }

/* styleguide.css */
tr.total span.highlight, tr.total span.highlight-neg								{ font-weight:bold; }
span.highlight																		{ color:#552878; }
span.highlight-neg																	{ color:#ff0000; }
.sup																				{ position:relative; top:-0.5em; font-size:.8181em; }
/* take the subscripts out of the layout because baselign alignment doesn't work in IE */
.usage-detail sup	{ position:relative; top:-0.3em; font-size:.8181em; }
.usage-detail sub	{ position:relative; bottom:-0.3em; font-size:.8181em; }

ul.scan-options 																	{ position:absolute; top:-2.9em; right:-10px; z-index:300; padding:0 0 0 0 20px; }
ul.scan-options li																	{ float:left; margin:0 7px 0 0; padding:0 7px 0 0; background:transparent url("/static/images/backgrounds/line-pageoptions.gif") no-repeat scroll 100% 55%; }
ul.scan-options li.last																{ background:none; }
ul.scan-options	a, ul.scan-options span												{ font-weight:normal; }
ul.scan-options input																{ margin-top:-2px; background:none; border:none; color:#007EC6; font-weight:normal; }
ul.scan-options img																	{ display:none; }

.DOMEnabled ul.scan-options 														{ position:static; top:auto; right:auto; z-index:auto; padding:0; }
.DOMEnabled ul.scan-options li														{ float:none; margin:0 0 0.5em 0; padding:0 0 0 10px; background:transparent url("/static/images/icons/arrow.gif") no-repeat scroll 0pt 4px; }
.DOMEnabled ul.scan-options li.last													{ background:transparent url("/static/images/icons/arrow.gif") no-repeat scroll 0pt 4px; }
.DOMEnabled ul.scan-options	a, .DOMEnabled ul.scan-options span						{ font-weight:bold; }




/* bespaarinzicht.css */
#maincontent #content fieldset#year-usage ul li div.vertical,
#maincontent #content form.bi fieldset div.field									{ padding-left:0; background:none; }
#maincontent #content fieldset#year-usage ul li div.vertical div div				{ margin-left:0; padding-left:22px; }
#maincontent #content fieldset#year-usage div.vertical label						{ width:auto; }
#maincontent #content fieldset#year-usage div.vertical div div.checkbox label		{ width:auto; }
#maincontent #content fieldset#year-usage div.vertical div ul input					{ border:1px solid #B2E7FA !important; }
/* for some reason inputs with error are not red otherwise */
#maincontent #content fieldset#year-usage div.vertical div ul div.error input			{ border:1px solid #FF0000 !important; }
#maincontent #content fieldset#year-usage div.vertical div ul input.day				{ margin:0pt 10px 0pt 0pt;width:17px; }

.application #content .box-content div.buttons,     								
.contentpage #content .box-content div.buttons 										{ margin:1em 0 0 0; width:auto; }
.buttons ul.list-horizontal															{ padding-top:6px; }

/* box content glow */
.glow {
	width: 387px;
	margin: 1.5em 0;
	padding: 0 15px;
	background: url('/static/images/backgrounds/box-content-glow.gif') repeat-y 50% 0;
	border: none;
}
	.glow .top {
		display: block;
		margin: 0 -13px;
		background: url('/static/images/backgrounds/box-content-glow-top.gif') no-repeat 0 0;
		height: 13px;
	}
	.glow .btm {
		display: block;
		margin: 0 -13px;
		background: url('/static/images/backgrounds/box-content-glow-btm.gif') no-repeat 0 0;
		height: 13px;
	}
	div.attention {
		background-color: #eae4ee;
		margin: -6px;
		padding: 2px 10px 10px 10px;
		border: none;
	}
	div.attention h2 { font-size:109.5%; font-weight:bold; line-height:1.31em; }
	.glow div.attention {
		margin: 0;
		padding-bottom: 0;
	}
		div.attention h2 {
			margin-top: .5em;
		}
		div.attention h4 {
			color: #552878;
		}
	.contentpage #content .attention div.buttons {
		width: auto;
		margin-bottom: 0;
	}
		.contentpage #content .glow div.buttons a.more {
			float: right;
			position: relative;
			margin: 17px 1em 0 0;
		}
			
	/* Time clock */
	div.timeclock-container {}
		div.timeclock {
			float: left;
			width: 70px;
			text-align: center;
		}
			div.timeclock img {
				display: block;
			}
				div.timeclock p {
					white-space:nowrap;
				}
			div.timeclock p span {
				position: absolute;
				left: -5000px;
				width: 4000px;
			}
		div.timeclock-txt {
			float: left;
			width: 280px;
		}
		#maincontent #content .timeclock-container fieldset {
			clear:both;
			border:none;
			padding:0;
			margin:0;
		}
			#maincontent #content .timeclock-container fieldset div.field {
				margin:1em 0 0 0;
				background:none;
			}
			#maincontent #content .timeclock-container fieldset div.field label {
				margin:0;
				float:left;
				width:auto;
			}
		.application #content div.timeclock-container div.buttons {
			width: auto;
			margin-bottom: 0;
		}
			#content .timeclock-container .list-links {
				float:right;
				margin:.5em 2em 0 0;
			}
			#content .timeclock-container .list-links .DCsubmit {
				border:none !important;
			}
			#content .timeclock-container .DCsubmit {
				border:none !important;
			}
		
	/* Time clock small */
	div.timeclock-container-small {
	}
		div.timeclock-container-small h4 {
			color: #552878;
		}
		div.timeclock-container-small div.timeclock {
			float: left;
			width: 60px;
			text-align: center;
		}
			div.timeclock-container-small div.timeclock p img {
				display: block;
				margin: 0 auto;
			}
		div.timeclock-container-small .column {
			float: left;
			width: 180px;
			margin-left: 10px;
		}
			div.timeclock p span {
				position: absolute;
				left: -5000px;
				width: 4000px;
			}
		div.timeclock-container-small div.timeclock-txt {
			float: right;
			width: 113px;
		}
		.contentpage #content div.timeclock-container-small div.buttons {
			width: auto;
			margin-bottom: 1em;
		}
			.contentpage #content div.timeclock-container-small div.buttons a.more {
				margin-top: 0;
			}



/* Test results */

.nbi .heating-error {
	padding: 6px;
	border: 3px red solid;
}

.box-content .test-results {
	width: 274px;
	margin-bottom: 1em;
	padding: 0 10px;
	border: none;
}
.item .test-results {
	width: auto;
	margin-top: 1em;
}
.box-content div.timeclock-container .glow,
.box-content div.timeclock-container-small .glow {
	width: auto;
	margin: 0 0 1em 0;
	background: url('/static/images/backgrounds/test-results-glow.gif') repeat-y 0 0;
}
	.timeclock-container .glow span.top,
	.timeclock-container-small .glow span.top {
		display: block;
		height: 6px;
		margin: -5px -10px 0 -10px;
		background: url('/static/images/backgrounds/test-results-glow-top.gif') no-repeat 0 0;
	}
	.timeclock-container .glow span.btm,
	.timeclock-container-small .glow span.btm {
		display: block;
		height: 6px;
		overflow: hidden;
		margin: 0 -10px;
		background: url('/static/images/backgrounds/test-results-glow-btm.gif') no-repeat 0 0;
	}
	.test-results p,
	.test-results p strong {
		color: #c0329f;
	}
	.results-bar {
		position: relative;
		height: 15px;
		margin-bottom: 3em;
		border: 1px solid #cbcbcd;
		background: #f5f5f5;
	}
	.test-results {
		width: 271px;
	}
	.item .results-bar {
		margin-right:0;
		width: 186px;
	}
		.results-bar ul {
			margin: 0;
			padding:0;
			list-style: none;
		}
			.results-bar li {
				float: left;
				height: 15px;
				margin: 0;
			}
			.results-bar li.good {
				background-color: #008718;
			}
			.results-bar li.average {
				background-color: #ff7000;
			}
			.results-bar li.bad {
				background-color: #ff0000;
			}
				.results-bar li span {
					position: absolute;
					top: 22px;
					right: 0;
					padding-left: 15px;
				}
				.results-bar li.good span {
					background: url('/static/images/icons/good.gif') no-repeat 0 50%;
					right: 13em;
				}
				.results-bar li.average span{
					background: url('/static/images/icons/average.gif') no-repeat 0 50%;
					right: 5.4em;
				}
				.results-bar li.bad span{
					background: url('/static/images/icons/bad.gif') no-repeat 0 50%;
				}
					.results-bar li span strong {
						position: absolute;
						left: -5000px;
						width: 4000px;
					}
		.results-bar div {
			position: absolute;
			top: 0;
			left: 0;
			height: 15px;
			background:#552878;	
			color:#fff;
			text-indent:-9000px;
		}
		
/* Test results small */
.box-content .timeclock-container-small .test-results {
	clear: both;
	width: auto;
}
.box-content div.timeclock-container-small .glow {
	background-image: url('/static/images/backgrounds/test-results-glow-small.gif');
}
	.timeclock-container-small .glow span.top {
		background-image: url('/static/images/backgrounds/test-results-glow-top-small.gif');
	}
	.timeclock-container-small .glow span.btm {
		background-image: url('/static/images/backgrounds/test-results-glow-btm-small.gif');
	}

	.box-content .timeclock-container-small .test-results .results-bar {
		width: 152px;
		margin-bottom: 5.5em;
	}
	.box-content .timeclock-container-small .test-results .results-bar li span {
		position: absolute;
		top: 2em;
		left: 0;
		padding-left: 15px;
	}
	.box-content .timeclock-container-small .test-results .results-bar li.good span {
		right: auto;
	}
	.box-content .timeclock-container-small .test-results .results-bar li.average span{
		top: 3.5em;
		right: auto;
	}
	.box-content .timeclock-container-small .test-results .results-bar li.bad span{
		top: 5em;
	}
				
		
#contentcontainer #subcontent .column .item.scan-options {
	position: relative;
	margin-bottom: 5em;
}
	.item.scan-options ul.list-links {
		position: absolute;
		top: 7.5em;
	}
		.item.scan-options ul.list-links li {
			white-space: nowrap;
		}
			.item.status-check ul.scan-options li span {
				font-weight: normal;
			}

/* Test results usage-energy */				
.results-bar-usage {
	width: 359px;
	height: 15px;
	margin: 5em 0 0 15px;
	padding-bottom: 5em;
	background: url('/static/images/backgrounds/results-bar-usage.gif') no-repeat 0 0;
}
	.results-bar-usage div {
		position: relative;
		left: 179px;
		width: 180px;
	}
		.results-bar-usage div img {
			position:absolute;
			top:0;
			left:-179px;
		}
		.results-bar-usage ul {
			margin: 0;
			list-style: none;
		}
			.results-bar-usage li {
				margin-left: -27px;
				padding: 5px 10px;
				background: #fff;
				color: #2b2b2b;
				font-weight: bold;
				border: 2px solid #d4d4d4;
			}
			.results-bar-usage li.gas {
				position: absolute;
				bottom: 2px;
				width: 190px;
			}
			.results-bar-usage li.electricity {
				position: absolute;
				top: 25px;
				width: 230px;
			}
			.results-bar-usage li.more-electricity {
				margin-left: -215px;
				text-align: right;
			}				
			.results-bar-usage li.more-gas {
				margin-left: -176px;
				text-align: right;
			}
				.results-bar-usage li span {
					position: absolute;
					bottom: -17px;
					left: 10px;
					display: block;
					width: 32px;
					height: 17px;
					background: url('/static/images/icons/arrow-usage.gif') no-repeat 0 0;
					overflow: hidden;
				}
				.results-bar-usage li.more-electricity span,
				.results-bar-usage li.more-gas span {
					right: 10px;
					left: auto;
				}
				.results-bar-usage li.electricity span {
					top: -17px;
					bottom: 0;
					background: url('/static/images/icons/arrow-usage-top.gif') no-repeat 0 0;
				}
				
					.DOMEnabled .results-bar-usage li span img {
						display:none;
					}
				

/* Usage detail */
.usage-detail {
	margin: 1em -10px -10px -10px;
	background: #fff;
}
.usage-detail table {
	margin:0;
	width: 100%;
	background: white;
	border: none;
}
	.usage-detail th,
	.usage-detail td {
		border-width: 1px 0 1px 1px;
		vertical-align: baseline !important;
	}
	.usage-detail thead th.row,
	.usage-detail tbody th {
		border-left-width: 0;
	}
	.usage-detail span.highlight,
	.usage-detail span.highlight-neg {
		white-space: nowrap;
	}
	.usage-detail p.more {
		padding-right: 10px;
	}
								
/* Action label */
.action-label {
	float:right;
	width: 84px;
	height: 84px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left:40px;
	padding-top: 15px;
	background: url('/static/images/icons/actielabel.png') no-repeat 0 0;
}
.contentblock .action-label {
	position: static;
	left: auto;
	float: left;
	width: 84px;
	height: 84px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-top: 17px;
	margin-left:0;
	background: url('/static/images/icons/actielabel.png') no-repeat 0 0;
}
	.action-label h3 {
		margin-top: 4px;
		color: #fff;
		font-weight: normal;
		text-align: center;
	}
		.action-label h3 span {
			display: block;
			margin-bottom: -.25em;
			font-weight: bold;
		}
		
		
/* List collapse */
.list-collapse {
	margin: 0 0 2em 0;
	list-style: none;
}
.box-content .list-collapse {
	margin: -6px -6px -9px -6px;
}
	.list-collapse li {
		margin-bottom: 3px;
		padding: 0;
		border: 1px solid #f4f4f4;
	}
	.list-collapse li.open {
		border-color: #D4D4D4;
	}
		#maincontent #content.nbi .list-collapse h3 {
			background: #f4f4f4 url('/static/images/icons/arrow-invoices.gif') no-repeat 99% 3px !important;
		}
		.list-collapse h4 {
			background: #f4f4f4 url('/static/images/icons/arrow-invoices.gif') no-repeat 99% 3px;
		}
		#maincontent #content .list-collapse li h3:hover,
		.list-collapse li h4:hover {
			background-position: 99% -112px;
		}
		#maincontent #content .list-collapse li.open h3,
		.list-collapse li.open h4 {
			background-position: 99% -227px;
		}
		#maincontent #content .list-collapse li.open h3:hover,
		.list-collapse li.open h4:hover {
			background-position: 99% -343px;
		}
		#maincontent #content .list-collapse-left li h3,
		.list-collapse-left li h4 {
			background-position: 5px 2px;
		}
		#maincontent #content .list-collapse-left li h3:hover,
		.list-collapse-left li.open h4:hover {
			background-position: 5px -112px;
			cursor: pointer;
		}
		#maincontent #content .list-collapse-left li.closed h3:hover {
			cursor: auto;
			background-position: 5px 2px;
		}
		#maincontent #content .list-collapse-left li.open h3,
		.list-collapse-left li.open h4 {
			background-position: 5px -227px;
		}
		#maincontent #content .list-collapse-left li h3,
		.list-collapse-left li h4 {
			padding-left: 29px;
		}
		#maincontent #content .list-collapse-left li.open h3:hover,
		.list-collapse-left li.open h4:hover {
			background-position: 5px -343px;
			border-color: #D4D4D4;
		}		
	#maincontent #content .list-collapse li h3:hover,
	.list-collapse li h4:hover {
		cursor: pointer;
	}
		#maincontent #content .list-collapse h3 {
			min-height: 15px;
			margin: 0;
			padding: 3px 10px;
			border: none;
			color: #552878;
			font-size: 100%;
			line-height: 1.31em;
		}
		.list-collapse li h4 {
			display: block;
			margin: 0;
			padding: 3px 10px 3px 10px;
			color: #552878;
		}
		.list-collapse li.open h4 {
			padding-top: 4px;
			padding-bottom: 4px;
		}
		.list-collapse li div.details {
			display: none;
			padding: 10px 10px 1px 29px;
			background: #fff;
			color: #333;
		}
		.application #content .list-collapse li div.details div.buttons {
			width: auto;
		}
		.application #content .list-collapse li div.details div.buttons .float-left {
			float: left;
		}
		.list-collapse li.open div.details {
			display: block;
		}
			.list-collapse li.open div.details h5 {
				font-size: 100%;
			}
			#maincontent #content .list-collapse fieldset {
				margin: 0;
				border: none;
			}
				#maincontent #content .list-collapse fieldset div.field {
					margin: 0;
					padding: 0;
					background: none;
				}
					#maincontent #content .list-collapse fieldset div.vertical label {
						width: 318px;
					}
		.list-collapse .details p.price {
			position: relative;
			margin: .25em 0;
		}
		.list-collapse .details p.price-total {
			margin-bottom: 1.5em;
			padding: .5em 0;
			border: 1px solid #d4d4d4;
			border-width: 1px 0;
		}
			.list-collapse .details p.price strong {
				color:#000;
				font-size: 100%;
			}
			.list-collapse .details p.price em {
				color:#000000;
				font-style:normal;
				position:absolute;
				right: 10px;
				top: 0;
				margin: 0;
			}
			.list-collapse .details p.price-total em {
				top: .5em;
			}
		.list-collapse ul li {
			border:  none;
		}
		.list-collapse div.details h4 {
			margin: .5em 0 0 0;
			padding: 0;
			background: none;
			color: #2b2b2b;
			cursor: auto;
		}
			
			
/* List check */
#maincontent #content form .list-check fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
	.list-check li h4 {
		display: block;
		margin: 0;
		padding-left: 5px;
	}
			#maincontent #content form .list-check input {
				width: auto;
				margin: -2px 4px 0 4px;
			}
			#maincontent #content form .list-check .DCcheckbox {
				margin-top: -2px;
			}
			

/* Energy label */
.energy-label-container {
	clear:both;
	margin: 10px -5px 5px -5px;
	border: 1px solid #d4d4d4;
	border-top-width: 0;
}
	.energy-label-arrow {
		height: 30px;
		margin: 0 -10px;
		background: url('/static/images/backgrounds/energy-label-arrow.gif') no-repeat 50% 0;
	}
	.energy-label {
	line-height: 16pt;
		margin:5px 20px 10px 20px;
		padding-top: 1px;
		border: 1px solid #d4d4d4;
		background: url('/static/images/backgrounds/energy-label.gif') no-repeat 10px 29px;
	}
		.energy-label img { display:none; }
		
		.energy-label h4 {
			float: left;
			width: 137px;
			height: 138px;
			margin: 0;
			padding-left: 10px;
			padding-top:3px;
			color: #2b2b2b;
		}
			.energy-label h4 span {
				position: absolute;
				left: -5000px;
				width: 4000px;
			}
		.energy-label ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			.energy-label li {
				position: relative;
				float: left;
				height: 138px;
				margin: 0;
				padding-top:3px;
				color: #2b2b2b;
				border-left: 1px dashed #d4d4d4;
				font-size: 91.5%;
				font-weight:  bold;
			}
			.energy-label .label-current {
				width: 92px;
				padding-left:10px;
			}
			.energy-label .label-new {
				padding-left:10px;
			}
				.energy-label li strong {
					position: absolute;
					left: 0;
					display: block;
					font-weight: normal;
					text-align: right;
					color: #fff;
				}
				.energy-label .label-current strong {
					width: 26px;
					height: 21px;
					padding: 0px 5px 0 0;
					font-size: 180%;
					background: url('/static/images/backgrounds/energy-label-current.gif') no-repeat 0 0;
				}
				.energy-label .label-current img{
					margin-top: 3px;
				}
				.energy-label li.label-new strong {
					width: 39px;
					height: 26px;
					padding: 3px 6px 0 0;
					font-size: 260%;
					background: url('/static/images/backgrounds/energy-label-new.gif') no-repeat 0 0;
				}
				.energy-label .label-new img{
					margin-top: 7px;
				}
				.energy-label li strong em { font-style:normal; }

				/* A++ label */
				.energy-label li strong.label-app 	{ background-color: #004f00; }
					.label-current strong.label-app	{ top: 25px; width: 59px !important;}
					.label-new strong.label-app		{ top: 21px; width: 79px !important;}

				/* A+ label */
				.energy-label li strong.label-ap 	{ background-color: #004f00; }
					.label-current strong.label-ap	{ top: 25px; width: 39px !important;}
					.label-new strong.label-ap		{ top: 21px; width: 59px !important;}

				.energy-label li strong.label-a 	{ background-color: #004f00; }
					.label-current strong.label-a 	{ top: 25px; }
					.label-new strong.label-a		{ top: 21px; }
				.energy-label li strong.label-b { background-color: #008c00; }
					.label-current strong.label-b 	{ top: 39px; }
					.label-new strong.label-b		{ top: 35px; }
				.energy-label li strong.label-c { background-color: #0abe07; }
					.label-current strong.label-c 	{ top: 53px; }
					.label-new strong.label-c		{ top: 49px; }
				.energy-label li strong.label-d { background-color: #f3fe00; }
					.label-current strong.label-d 	{ top: 67px; }
					.label-new strong.label-d		{ top: 63px; }
				.energy-label li strong.label-e { background-color: #ffd801; }
					.label-current strong.label-e 	{ top: 81px; }
					.label-new strong.label-e		{ top: 77px; }
				.energy-label li strong.label-f { background-color: #e47003; }
					.label-current strong.label-f 	{ top: 95px; }
					.label-new strong.label-f		{ top: 91px; }
				.energy-label li strong.label-g { background-color: #e50003; }
					.label-current strong.label-g 	{ top: 109px; }
					.label-new strong.label-g		{ top: 105px; }

				.energy-label li span {
					position: absolute;
					left: -5000px;
					width: 4000px;
				}
	.energy-label-results {
		margin:5px 20px 0 20px;
	}
	.usage-detail table tr.total th,
	.usage-detail table tr.total td,
	.energy-label-results table tr.total th,
	.energy-label-results table tr.total td {
		background-color:#E6E6E6;
	}
	
	.energy-label-results table tr.total * {
		color:#552878;
	}
	
	.usage-detail table tr.total th,
	.energy-label-results table tr.total th {
		font-weight:bold;
	}
		
	.usage-detail table tr.total td,
	.energy-label-results table tr.total td {
		background:#E6E6E6 url('/static/images/backgrounds/report-total.gif') repeat-x 0 0;
	}
	.energy-label-results * {
		color:#000;
	}
	

			
/* Clearfix */
div.timeclock-container:after,
div.timeclock-container-small:after,
.energy-label-container:after,
.energy-label:after,
div.centered:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}


/* NUON ICT - Added to disable fecthview in non GWT mode */
.script {
	display: none;
}

/* TODO make some of these more specific? */
.total-measures-savings {
	border-top:1px solid #D4D4D4;
	margin-bottom:0px;
	margin-top:13px !important;
	padding-top:5px;
}

.total-measures-savings strong em {
	float: right;
	font-style: normal;
	margin-right: 13px;
}

.listcheck li h4 {
	position: relative;
}

li h4 em {
	font-style:normal;
	font-weight: normal;
	margin-right:15px;
	margin-top:0px;
	float: right;
}

.total-savings-results {
	margin: 1px;
}

.total-savings-results .total {
	background-color: #E6E6E6;
	font-weight: bold;
}

.total-savings-results table tr.total th {
	font-weight:bold;
}

p.note {
	font-size: 90%;
}


/* Added to overule default style rules for landing page */
.buttons.nbilanding {
	width: auto !important;
	clear:none;
}

ul.nbilanding {
	clear: right;
}

/* Rules for the loading fetchviews */
.nbifetchview img {
	float: left;
	padding-top: 10px;
	padding-right: 5px;
}

.nbifetchview span {
	display: block;
	padding-top: 10px;
}