/**
  * Standaard-stylesheet voor BEGROTINGSWIJZER
  *
  * @copyright 2009 Slik BV  * @version $Id$
  */

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version: 2.7.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

/* setting defaults */

table { border-collapse: collapse; border-spacing: 0; }
hr { display: none; }
h1 em, h2 em, h3 em, ul#content li span { display: none; }
.break { display: block; clear: both; }
body, h1, h2, h3, h4, h5 { font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 11px; }
strong { font-weight: bold; }
.hidden { display: none !important; }
a.print {  }
.clear { clear: both; }

#logo { display: none; }

h2 {
	font-size: 16px;
	background: url('/design/plain_site/images/gfx/backgr_hashed_gray.gif');
	text-transform: uppercase;
	padding: 20px;
	color: #4d4d4d; }
input.next {
	border: none;
	display: block;
	height: 33px;
	width: 480px;
	font-size: 14px;
	background: url('/design/plain_site/images/gfx/button_next.gif');
	padding: 0 50px;
	color: #800;
	margin-bottom: 20px;
	cursor: pointer; }
	input.next:hover { background-position: 0 -33px; }
h3 { font-size: 14px; }
a { text-decoration: none; }

label {
	display: block;
	padding: 10px 0 10px 0; }
input { 
	width: 472px;
	font-size: 12px;	
	padding: 3px;
	border: 1px solid #C1C1C1; }
.focusField { border: 1px solid #898989; }
input.button { 
	display: block;
	width: 100px;
	float: right; }
textarea {
	width: 472px;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #C1C1C1; }

body {
	background: white; }
	#main {
		position: relative;
		width: 990px;
		margin: 0 auto; }
		#header {
			position: relative;
			height: 438px;
			background: url('/design/plain_site/images/gfx/header.jpg') no-repeat; }
			#header h2 {
				position: absolute;
				display: block;
				height: 35px;
				width: 228px;
				top: 10px;
				left: 18px;
/*				background: url('/design/plain_site/images/gfx/h2.jpg') no-repeat; */ 
				background: none;
				}
			#header h2 em {
			display: none; }				
			#header h1 {
				position: absolute;
				top: 48px;
				left: 400px;
				display: block;
				height: 46px;
				width: 493px;
				background: url('/design/plain_site/images/gfx/h1.gif') no-repeat; }
			#header p {
				display: block;
				position: absolute;
				top: 100px;
				left: 400px;
				height: 40px;
				width: 335px;
				background: url('/design/plain_site/images/gfx/header_p.gif') no-repeat; }
				#header p em {
					display: none; }
			#header .overlayRoad {
				display: block;
				z-index: 5;
				position: absolute;
				top: 305px;
				left: 543px;
				height: 40px;
				width: 85px;
				background: url('/design/plain_site/images/gfx/road_painting.png') no-repeat; }
			#header .overlayTruck {
				display: block;
				z-index: 5;
				position: absolute;
				top: 295px;
				left: 734px;
				height: 40px;
				width: 85px;
				background: url('/design/plain_site/images/gfx/truck_painting.png') no-repeat; }
			#header img.painting {
				position: absolute; }
				#header #imageHolder {
				z-index: 1;
				overflow: hidden;
				position: absolute;
				width: 201px;
				height: 137px;
				top: 208px;
				left: 543px; }
				#imageHolder img { display: none; }
				#imageHolder img#std { display: inline; }
		#progress { border: 1px solid transparent; height: 273px;} /* ie6: border: none; height: 173px; */
			#progress h1 { 
				position: absolute;
				z-index: 1000;
				left: 0;
				top: 0;
				background: url('/design/plain_site/images/gfx/backgr_header_volgpagina.png') no-repeat 0 0;
				width: 478px;
				height: 182px; }
				#progress h1 em { display: none; }  
				#progress h1 img { 
					position: absolute;
					top: 73px;
					left: 262px;
					height: 66px;
					width: 96px;
				}
				#progress h1 .overlayRoad {
					display: block;
					z-index: 5;
					position: absolute;
					top: 120px;
					left: 261px;
					height: 40px;
					width: 85px;
					background: url('/design/plain_site/images/gfx/road_painting_small.png') no-repeat; }
				#progress h1 .overlayTruck {
					display: block;
					z-index: 5;
					position: absolute;
					top: 115px;
					left: 355px;
					height: 40px;
					width: 85px;
					background: url('/design/plain_site/images/gfx/truck_painting_small.png') no-repeat; }
			#progress ul { 
				margin-top: 163px; /* ie6: margin-top: 103px; */
				background: red; }
				#progress ul li { 
					cursor: pointer;
					display: block;
					float: left;
					width: 213px;
					height: 110px;
					position: relative;
					background: url('/design/plain_site/images/gfx/backgr_progress.gif') no-repeat 0 0; }
					#progress ul li.active { z-index: 100; }
					#progress ul h3 { 
						text-transform: uppercase;
						color: #4d4d4d;
						height:42px;
						padding:20px 20px 0;
						font-size: 16px; }
					#progress ul p {
						padding: 0 35px 0 20px;
						color: #4a4a4a; }
					#progress ul li.active span {
						display: block;
						position: absolute;
						background: url('/design/plain_site/images/gfx/navigation_buttons.png') no-repeat; }
						#progress ul li.active span.prev { width: 22px; height: 22px; background-position: -1px -15px; top: 44px; left: -12px; }
						#progress ul li.active span.next { width: 44px; height: 44px; background-position: -27px -4px; top: 34px; right: -14px; }
					#progress ul li:hover, #progress ul li.active, #progress ul li#last:hover, #progress ul li#last.active {
						background-position: 0 -110px; }
						#progress ul li:hover h3, #progress ul li.active h3,
						#progress ul li#last:hover h3, #progress ul li#last.active h3 {
							color: #800 !important; }
						#progress ul li:hover p, #progress ul li.active p {
							color: black; }
					#progress ul li#last {
						width: 136px;
						background: url('/design/plain_site/images/gfx/backgr_progress_last.gif') no-repeat 0 0; }
		#sidebar {
			float: left;
			width: 243px;
			margin: 0 0 0 10px;
			padding: 0 12px 0 14px;
			background: url('/design/plain_site/images/gfx/sidebar_background.gif') no-repeat; }
			#sidebar h3 {
				font-size: 20px;
				padding-right: 40px;
				margin-bottom: 20px;
				text-transform: uppercase;
				color: #800; }
			#sidebar p {
				font-family: lucida sans;
				font-size: 11px;
				color: #382008;
				margin-bottom: 12px; }
			#sidebar li {
				background: url('/design/plain_site/images/gfx/li_arrow.gif') no-repeat; 
				background-position: 0 4px;
				padding-left: 15px;	}
				#sidebar li a {
					font-size: 11px;
					color: #CD7724; }
					#sidebar li a:hover {
						color: #800; }
		ul#content {
			float: left;
			width: 711px;
			margin-bottom: 20px;
			background: url('/design/plain_site/images/gfx/ul_background1.gif') no-repeat; }
			ul#content li {
				text-align: center; 
				position: relative;
				float: left;
				width: 225px;
				height: 171px;
				border: 1px solid #DBDBDB;
				margin: 16px 13px 4px 0; }
				ul#content li:hover { border: 1px solid #999; }
				ul#content li.right {
					margin-right: 0; }
				ul#content li h3 {
					display: block;
					width: 225px;
					height: 35px;
					font-size: 16px;
					padding-top: 10px;					
					background: url('/design/plain_site/images/gfx/gemeente_header_background.gif') no-repeat; }
				ul#content img {
					margin-top: 2px; }
				ul#content li a, ul#content li em.binnenkort_online {
					position: absolute;
					display: block;
					width: 201px;
					height: 38px;
					bottom: 10px;
					left: 12px;	}
				ul#content li a {
					background: url('/design/plain_site/images/gfx/start_begrotingswijzer.jpg') no-repeat; }					
				ul#content li em.binnenkort_online {
					font-size:13px;
					line-height:38px;
					background: url('/design/plain_site/images/gfx/button_blanc.jpg') no-repeat; }
					ul#content li a em {
						display: none; }
		
		/* Left column */
		
		#leftColumn, .leftColumn { 
			position: relative;
			float: left; 
			width: 480px; 
			z-index: 2; 
			margin: 20px 27px 20px 0; }
		
		/* Right column */
			
		#rightColumn, .rightColumn { 
			float: right; 
			width: 480px; /* width: 460px; */
			margin: 20px 0;
			position: relative; 
			z-index: 1; }
			#rightColumn h3,
			.resultparagraph h3 { padding: 15px 20px 0 20px; color: #666; }
			#rightColumn p,
			.resultparagraph p { padding: 5px 20px 5px 20px; color: #444; font-size: 12px }
			#rightColumn ul, #rightColumn ol,
			.resultparagraph ul, .resultparagraph ol { padding: 5px 40px 0 40px; color: #444; font-size: 12px; }
			#rightColumn ol li,	#rightColumn ul li,
			.resultparagraph ol li, .resultparagraph ul li { list-style: square; padding: 0 0 5px 0; }
			
			h2.spend {
				background: url('/design/plain_site/images/gfx/backgr_hashed_red.gif');
				text-transform: uppercase;
				padding: 20px 50px;
				color: #800; }

			h2.income {
				background: url('/design/plain_site/images/gfx/backgr_hashed_green.gif');
				text-transform: uppercase;
				padding: 20px 50px;
				color: #060; }
			ul.accounts li {
				cursor: pointer;
				padding-bottom: 2px; 
				position: relative; }
				ul.accounts li.active {
					background: url('/design/plain_site/images/gfx/backgr_account.gif') no-repeat !important;
					border-right: 1px solid #C6AE3D; }
					ul.accounts li.folded ul.subpost li.active, ul.accounts li.folded ul.subpost li:hover {
						background: url('/design/plain_site/images/gfx/backgr_account_subpost.gif') no-repeat !important ; }
				ul.accounts#spend li:hover {
					background: url('/design/plain_site/images/gfx/backgr_account_spend.gif') no-repeat; }
				ul.accounts#income li:hover {
					background: url('/design/plain_site/images/gfx/backgr_account_income.gif') no-repeat; }
					ul.accounts#spend li ul li:hover,
					ul.accounts#income li ul li:hover { background: none; }
				ul.accounts#spend li:hover,
				ul.accounts#spend li.folded { background: url('/design/plain_site/images/gfx/backgr_account_spend_repeat.gif') repeat-y; }
				ul.accounts#income li:hover,
				ul.accounts#income li.folded { background: url('/design/plain_site/images/gfx/backgr_account_income_repeat.gif') repeat-y; }
				ul.accounts li em {
					font-size: 14px;
					width: 315px;
					display: block;
					float: left;
					color: #777;
					z-index: 111;
					position: relative; }
				ul.accounts li strong {
					font-weight: normal;
					color: #777;
					z-index: 112;
					position: relative; }
				ul.accounts li span.title {
					display: block;
					z-index: 113;
					position: relative;
					float: left;
					width: 70px;
					color: #800;
					font-size: 14px;
					padding: 0 0 0 8px; }
					ul.accounts li span.title .indicator {
						position: absolute; top: 0px; right: 25px;
						display: block; width: 13px; height: 13px;
						background: url('/design/plain_site/images/gfx/icon_actions.gif') no-repeat; }
						ul#spend.accounts li span.title .indicator { background-position:  -13px 0; }
						ul#spend.accounts li.folded span.title .indicator {	background-position:  -26px 0; }
						ul#income.accounts li span.title .indicator { background-position:  -39px 0; }
						ul#income.accounts li.folded span.title .indicator {	background-position:  -52px 0; }
				ul.accounts li span.percentage { position: absolute; display: block; width: 310px; height: 23px; top: 5px; left: 65px; z-index: 110; }
					ul.accounts li span.percentage .scalable,
					ul.accounts li span.percentage .besparing { width:0%; height: 23px; display: block; position: absolute; top: 0; }
						ul#spend.accounts .scalable { background-color: #E1BFBF; }
						ul#income.accounts .scalable { background-color: #BFD9BF; }
						ul#spend.accounts .besparing { background-color: #CC9D9D; }
						ul#income.accounts .besparing { background-color: #A1BFA1; }
						.begroting ul.accounts span.scalable,
						.begroting ul.accounts span.besparing { right: 0; float: right; }
						.uitleg ul.accounts span.scalable,
						.uitleg ul.accounts span.besparing { left: 0; }
					ul.accounts.income li span.title {
						color: #060 !important; }
			form.addPlan label { padding-left: 20px; }
			form.addPlan input { width: 455px; margin-left: 20px; }
			form.addPlan textarea { width: 452px; margin-left: 20px; }
			#error span.nextTitle { 
				width: 422px;
				background: url(/design/plain_site/images/gfx/decide_error.gif) no-repeat;
				padding-right: 20px;
				border: none; }
			#error input { display: none; }
		ul.accounts li .popup {	display: none; opacity: 0; }
		ul.accounts li span.itembar { display: block; padding: 8px 0 9px 0; position: relative; }
		ul.accounts li span.itembar .maxBesparing,
		ul.accounts li span.itembar .huidigeBesparing { display: none; }
			ul.accounts li .itembar .lt,
			ul.accounts li .itembar .lb { display: block; position: absolute; width: 480px; }
			ul.accounts li.active .lt,
			ul.accounts li.active .lb { display: none; }
			ul.accounts li.folded .itembar em { font-weight:bold; }	
				ul.accounts#spend li:hover .itembar .lt,
				ul.accounts#spend li.folded .itembar .lt { background: url('/design/plain_site/images/gfx/backgr_account_spend.gif') no-repeat; top: 0; left: 0; z-index: 2; }
				ul.accounts#spend li:hover .itembar .lb,
				ul.accounts#spend li.folded .itembar .lb { background: url('/design/plain_site/images/gfx/backgr_account_spend.gif') no-repeat 0 -22px; z-index: 3; }
				ul.accounts#income li:hover .itembar .lt,
				ul.accounts#income li.folded .itembar .lt { background: url('/design/plain_site/images/gfx/backgr_account_income.gif') no-repeat; top: 0; left: 0; z-index: 2; }
				ul.accounts#income li:hover .itembar .lb,
				ul.accounts#income li.folded .itembar .lb { background: url('/design/plain_site/images/gfx/backgr_account_income.gif') no-repeat 0 -22px; z-index: 3; }
			ul.accounts li span.itembar ul.subpost { display: none; }
				ul.accounts li span.itembar ul.subpost { padding: 10px 0 0; }
					ul.accounts ul.subpost .itembar em { font-weight: normal; }
					ul.accounts ul.subpost .itembar .title { width: 55px; margin: 0 0 0 15px; }
					ul#spend.accounts ul.subpost .itembar .title { background: url('/design/plain_site/images/gfx/backgr_title_subpost_spend.gif') no-repeat; padding: 0 0 0 10px; }
					ul#income.accounts ul.subpost .itembar .title { background: url('/design/plain_site/images/gfx/backgr_title_subpost_income.gif') no-repeat; padding: 0 0 0 10px; }

		
		/* subposts */
		
		#leftColumn ul.subpost li { display: block; }
		
		/* pop up */
		
		.popup { 
			position: absolute;
			z-index: 1000;
			cursor: default;
			top: 0px;
			background: #F5EFD3;
			width: 510px;
			border: 1px solid #C6AE3D; }
			.popup h3.title {
				position: relative;
				background: url('/design/plain_site/images/gfx/backgr_header_popup.gif') repeat-x;
				padding: 20px 20px 0 20px;
				font-size: 16px;
				text-transform: uppercase;
				color: #800; }
				.popup h3 .close {
					cursor: pointer;
					position: absolute; top: 20px; right: 20px;
					display: block; width: 14px; height: 14px;
					background: url('/design/plain_site/images/gfx/icon_close.gif') no-repeat; }
			.popup h4 { padding: 5px 20px 15px 20px; font-size: 12px; }
			.popup p { padding: 5px 20px 15px 20px; font-size: 12px; }
			.popup label { font-size: 12px; }
			.popup ul { font-size: 12px; }
			.popup blockquote { margin: 4px 0 4px 20px; padding-left: 10px; border-left: 6px solid #800; font-size: 12px; }
			.popup .decide {
				margin: 0 1px;
				background: url('/design/plain_site/images/gfx/backgr_hashed_grayonyellow.gif');
				padding-bottom: 20px; }
				.popup .decide .choice { padding-left: 20px; }
				.popup .decide #radio.choice { padding-top: 20px; }
					.popup .decide .choice input.radioButton { 
						width: 20px; 
						border: none;
						margin-left: 30px; }
					.popup .decide .choice select { margin: 15px 0 0 30px; }
					.popup .decide .choice h4 { padding: 15px 0 15px 0; }
				.popup .decide h3 { padding: 15px 20px 10px 20px; }
				.popup .decide h4 {
					padding: 35px 0 15px 20px;
					width: 180px;
					float: left;
					font-size: 12px;
					color: #800; }
				.sliderContainer {
					width: 270px;
					float: right;
					margin: 35px 25px 15px 0; }
					form.addPlan .sliderContainer { 
						float: none;
						padding-left: 30px;
						margin-top: 20px; }
					.sliderContainer .slider span.amountPointer,
					.sliderContainer .slider span.amountStep {
						display: none; }
					.sliderContainer .slider span.amountMinimum {
						position: absolute;
						top: 14px;
						font-size: 11px;
						left: -10px; }
					.sliderContainer .slider span.amountMaximum {
						position: absolute;
						font-size: 11px;
						top: 14px;
						right: -10px; }
						.sliderContainer .slider a span.amountPointer {
							display: block;
							font-size: 11px;
							position: absolute;
							top: -15px;
							left: -18px; 
							white-space: nowrap;}
					.sliderContainer .slider { border: 1px solid #c6ae3d; }
						.sliderContainer .slider a { border: 1px solid #880000; background: #ca3f3f; }
				/*.sliderContainer {
					background: transparent url(/design/plain_site/images/gfx/decide_slider.gif) no-repeat 49px 40px;
					width: 412px;
					height: 60px;
					padding: 0 47px 0 42px; }
					.decide .sliderContainer { 
						float: right;
						padding-left: 23px;
						margin-right: 15px;
						background: transparent url(/design/plain_site/images/gfx/decide_slider_small.gif) no-repeat 30px 40px;
						width: 202px; }
 					.sliderContainer .slider { 
						position: relative; }
						.sliderContainer .slider a {
							top: 10px;
							display: block;
							color: black;
							position: absolute;
							cursor: e-resize;
							outline: none;
							height: 36px;
							width: 15px;
							text-align: center;
							background: transparent url(/design/plain_site/images/gfx/decide_pointer.png) no-repeat left top; }
							.sliderContainer .slider a span {
								width: 65px;
								margin-left: -25px; }
					.slider span.amountMinimum {
						display: block;
						position: absolute;
						width: 50px;
						text-align: center;
						top: 54px;
						left: -16px; }
					.slider span.amountMaximum {
						display: block;
						position: absolute;
						top: 54px;
						text-align: right;
						left: 390px; }
						.decide .slider span.amountMaximum { left: 190px; }
					.slider span.amountPointer,
					.slider span.amountStep {
						display: none; }	
					.slider a span.amountPointer {
						display: block; }*/
					span.budgetLeft, .decide .confirm { margin-top: 20px; }
					span.budgetLeft, span.nextTitle { 
						display: block;
						float: left;
						background: url('/design/plain_site/images/gfx/decide_budgetleft.png') no-repeat; /* ie6: background: #F0E2A7; */
						width: 235px;
						height: 30px;
						color: #800;
						font-size: 13px;
						font-weight: bold;
						padding: 12px 0 0 62px;
						margin-left: 20px; }
						span.nextTitle { 
							margin-left: 0;
							font-size: 12px;
							padding: 15px 0 0 15px;
							width: 295px; }
							form.addPlan span.nextTitle { 
								margin-left: 20px;
								font-size: 11px;
								padding: 8px 0 0 15px;
								height: 33px;
								width: 278px; }
							form.addPlan .confirm { width: 170px; margin: 0; } 
					input.confirm {
						cursor: pointer;
						border: none;
						width: 171px;
						height: 42px;
						background: url('/design/plain_site/images/gfx/decide_confirm.png'); } /* ie6: background: #C6AE3D; */
						input.confirm:hover { color: #880000; }
				/* Pie Chart */
				table.chart {width: 500px; height: 200px; border-collapse: collapse; margin-left: 30px; font-size: 1em;}
				table.chart.accessHide { position: absolute; left: -999999px; }
				table.chart td, table.chart th { 
				   text-align: center; 
				   border: 1px solid #ddd; 
				   padding:2px 5px; 
				    font-size: 1.2em; padding: 2px; width: 13%; }
				table.chart th { background-color:#f4f4f4; }  
				table.chart td.hover { color: orange; }
				table.chart td.input { padding: 0; }
				table.chart td input, table.chart td input:focus { 
					border: 1px solid orange; 
					outline: none; 
					padding: 2px; 
					margin: 1px; 
					width: 20px; }
				table.chart caption { margin: 0 0 .5em; font-size: 1.5em; font-weight: bold; }
				#main .visualize { margin: 10px 0 0 20px; }
				
				/*sample alternate styling for info block on Pie Chart */
				#main .visualize-pie .visualize-info { top: 10px; border: 0; right: auto; left: 10px; padding: 0; background: none; }
				#main .visualize-pie ul.visualize-title { font-weight: bold; border: 0; }
				#main .visualize-pie ul.visualize-key li { float: none; }
				#main .visualize-pie ul.visualize-key li:hover { background: none; }
				
				.surveyResults, .surveyResultsNoBar { 
					margin-top: 10px;
					font-size: 12px;
					cursor: pointer;
					position: relative;
					border: 1px solid #C1C1C1; }
					.surveyResults .number, .surveyResultsNoBar .number { 
						width: 20px;
						display: table-cell;
						vertical-align: middle;
						padding: 10px;
						text-align: center;
						float: left; }
					.surveyResults .title, .surveyResultsNoBar .title{ 
						width: 220px; 
						min-height: 35px;
						padding: 10px;
						float: left;
						background: #f3f1f0; }
					.surveyResults .begroting, .surveyResultsNoBar  .begroting{ 
						width: 70px; 
						padding: 10px;
						float: left; }
					.surveyResults .partijen, .surveyResultsNoBar .partijen{ 
						float: right;
						width: 610px; }
					.surveyResults .resultDetail, .surveyResultsNoBar .resultDetail{ 
						position: relative;
						padding: 10px 5px 10px 5px;
						float: left; }
				
				/* Bubble pop-up */
				.surveyResults .popup, .surveyResultsNoBar .popup { /* IE6+7: replace .png for .gif versions to allow animation+transparency */
					position: absolute;
					display: none;
					text-align: left;
					z-index: 5;
					border: none;
					width: 373px;
					min-height: 200px; /* IE6: min-height replaced by height */
					padding-bottom: 49px;
					background: url('/design/plain_site/images/gfx/popup_bottom.png') no-repeat center bottom; }
					.surveyResults .popup h3, .surveyResultsNoBar .popup h3 { 
						background: url('/design/plain_site/images/gfx/popup_header.png') no-repeat center top; 
						width: 373px; 
						height: 43px; }
					.surveyResults .popup .popupText, .surveyResultsNoBar .popup .popupText{ 
						background: url('/design/plain_site/images/gfx/backgr_popup_result.png') repeat-y center top; 
						width: 333px; 
						padding: 0 20px; 
						min-height: 157px; /* IE6: min-height replaced by height */ }
						.surveyResults .popup .popupText p, .surveyResultsNoBar .popup .popupText p { padding: 0; }
						.surveyResults .popup .popupText img, .surveyResultsNoBar .popup .popupText img{ float: right; padding: 6px; }
						.surveyResults .popup dl, .surveyResultsNoBar .popup dl { padding: 12px 0; }
							.surveyResults .popup dt, .surveyResultsNoBar .popup dt { display: block; xxfloat: left; }
							.surveyResults .popup dd.pro, .surveyResultsNoBar .popup dd.pro { font-weight: bold; color: #65a90a; }
							.surveyResults .popup dd.con , .surveyResultsNoBar .popup dd.con { font-weight: bold; color: #d0380a; }
							
				/* results chart */
				.sliderTrigger { 
					display: none; 
					width: 943px;
					margin-left: -1px;
					background: #D3C064;
					border: 1px solid #C6AE3D;
					padding: 20px 10px 40px 35px;
					margin: 10px 0 10px 0; }
				
				/* results : plan */
				#plan {
					padding-top: 15px;
					float: left;
					width: 480px; }
					#plan h3, #plan p { padding: 10px 0 10px 20px; }
					
				#tell {
					padding-top: 15px;
					float: right;
					width: 490px; }
					#tell .social { width: 380px; text-align: center; }
						#tell .social a { padding-right: 10px; }
				
				/* results: buttons */
				#main .buttons { padding: 15px 0 15px 0; }
				body#statistieken #main .buttons { padding: 15px 5px 0 10px; }
					#main .buttons .print { float: left; }
					#main .buttons .statistieken { float: right; }
				
				.head { padding-top: 10px; font-size: 12px; }
					.head strong { 
						float: left;
						width: 110px;
						padding-left: 290px;
						padding-top:6px; }
					.head .fit { 
						margin-top: 3px;
						float: right;
						background: url(/design/plain_site/images/gfx/backgr_result_fit.gif) no-repeat;
						width: 442px;
						height: 19px; }	
						.head .fit p.left { 
							float: left;
							padding: 2px 0 0 10px; }
						.head .fit p.right { 
							float: right;
							padding: 2px 10px 0 0; }
		
		#budget {
			position: fixed;
			z-index: 1000;
			top: 0;
			right: 0;
			width: 510px;
			height: 100px;
			padding: 2px;
			background: url('/design/plain_site/images/gfx/backgr_budget.gif') no-repeat; 
			opacity: .85; }
			#budget .logo {
				width: 180px;
				height: 95px;
				display: table-cell;
				vertical-align: middle;
				text-align: center; }
			#budget dl {
				position: absolute;
				font-size: 16px;
				text-transform: uppercase;
				left: 205px;
				top: 15px; }
				#budget dl dt { float: left; clear: left; width: 150px; }
				#budget dl dd { float: left; text-align: right; width: 120px; }
				#budget dl dd.income { color: #060; }
				#budget dl dd.spend { color: #800; }
				#budget dl dt.left { border-top: 1px solid #ccc; padding-top: 2px; margin-top: 2px; }
				#budget dl dd.left { border-top: 1px solid #ccc; padding-top: 2px; margin-top: 2px; color: #060; font-weight: bold; }
		
		/* Standaard pagina */
				
		body#std #progress { height: 200px; }
		body#std #leftColumn { 
			background: url(/design/plain_site/images/gfx/titel_std.gif) repeat-x top left;
			margin: 0 0 0 10px; /* ie6: margin-left: 5px; */
			width: 600px;  }
			body#std #leftColumn p { padding: 15px 15px 0 20px; }
			body#std #leftColumn h3 { 
				font-size: 20px;
				text-transform: uppercase;
				padding: 16px 0 13px 25px;
				color: #880000; }
		body#std #rightColumn { 
			margin: 0;
			float: left;
			padding: 18px 12px 0 14px;
			width: 350px; 
			background: url(/design/plain_site/images/gfx/titel_std_sidebar.gif) no-repeat scroll 0 0; }
			body#std #rightColumn h3 { padding: 0 0 27px 0; }
			body#std #rightColumn p { padding: 15px 15px 0 0; }
			body#std #rightColumn ul li { padding:0 15px 15px 0; }
/*			body#std #rightColumn a { 
				width: 200px;
				display: block;
				padding: 10px 20px 10px 20px;
				background: #CA7729; 
				font-weight: bold;
				color: white; }
				body#std #rightColumn a:hover { background: #EA6D13;  } */
		body#std #header { 
			background: url(/design/plain_site/images/gfx/header_std.jpg) no-repeat;
			height: 385px; }	
			body#std #header h1 {}
			body#std #header #imageHolder { top: 155px; }
			
	/* Statistieken */
	
	body#statistieken .leftColumn { 
		width: 490px; 
		margin-left: 10px; 
		margin-right: 0; 
		margin-top: 5px;
		margin-bottom: 0; }
	body#statistieken .rightColumn { 
		margin-bottom: 0; 
		width: 490px; /* ie6: width: 475px; */
		margin-right: -5px;
		margin-top: 5px; }
	
		body#statistieken h2 { 
			height: 13px;
			padding-left: 20px;
			padding-right: 20px;
			margin: 10px 0 10px 0; }
			body#statistieken h2 span { 
				float: right; 
				padding-top: 3px;
				font-size: 12px; }
			body#statistieken h2 em { 
				padding-top: 3px;
				display: block; 
				float: right; 
				font-size: 12px; 
				padding-right: 35px; }
		body#statistieken h2.spend, body#statistieken h2.income { 
			width: 440px; /* ie6: width: 440px; */ }
			body#statistieken h2.spend { float: left; }

		body#statistieken .sliderTrigger { 
			background: #E2DEDA;
			margin-top: 4px;
			width: 431px;
			padding: 7px 7px 0 7px;
			display: none; }	
			body#statistieken .sliderTrigger ul { display: block; width: 430px; }
				body#statistieken .sliderTrigger ul li { padding: 0; padding-bottom: 7px; }
			body#statistieken .sliderTrigger p { padding-bottom: 5px; }
	
		body#statistieken ul { width: 477px; }
		body#statistieken ul li { padding: 0 20px 15px 20px; }
			body#statistieken ul li.subitems { 
				cursor: pointer;
				background: url(/design/plain_site/images/gfx/icon_plus.gif) no-repeat left 3px; }
				body#statistieken ul li.subitems.focus { background: url(/design/plain_site/images/gfx/icon_min.gif) no-repeat left 3px; }		
			body#statistieken ul li em { 
				float: right; 
				text-align: right;
				background: url(/design/plain_site/images/gfx/icon_thumb_up.gif) no-repeat 0 -1px;
				padding-left: 18px;
				width: 60px;  }
			body#statistieken ul li span { 
				float: right; 
				text-align: right;
				width: 100px; }			
		
		body#statistieken #footer h2 { margin: 0; }
			body#statistieken #footer h2 em, body#statistieken #header h2 em { display: none; }	


		/* footer */
		
		#footer { 
			background: url('/design/plain_site/images/gfx/backgr_hashed_gray.gif'); 
			height: 70px;
			position: relative;
			margin-top: 20px; }
			#footer h2 {
				position: absolute;
				top: 0;
				left: 7px;
				float: left;
				display: block;
				height: 65px;
				width: 250px;
				top:2px;
				background: url('/design/plain_site/images/gfx/footer_IPPlogo.png') no-repeat; 
				font-size: 10px;
			}
				#footer h2 em { 
					display:block;
					margin-left:39px;
					width:250px;}
			#footer span.links {
				display: block;
				position: absolute;
				top: 25px;
				left: 370px;
				text-transform: uppercase; }
				#footer span.links a {
					margin: 0 8px 0 8px;
					padding-top: 10px;
					color: #E76F11;
					text-decoration: none; }
			#footer span.copyright {
				display: block;
				position: absolute;
				top: 28px;
				right: 30px;
				text-transform: uppercase; }
			
h4
{
	font-weight: bold;
}

.choice label.begroting
{
	display: inline;
}

.buttonAsLink {
	color:             transparent;
	background-color:  transparent;
	padding:           0;
	border-width:      0;  
	cursor:            pointer;
	}

#rightColumn.article p {
color:#444444;
padding:0px 5px 10px 0px;
}

#leftColumn.article ul {
	margin-left: 33px;
}
#leftColumn.article li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
}
#rightColumn.article li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	margin-left: 13px;
}
.none {
	display: none;
}

body#std #rightColumn ul { padding: 0 0 15px 0; }
body#std #rightColumn h4 { padding-bottom: 10px; }

#error span.nextTitle {
font-size:11px;
margin-left:0;
padding:10px 23px 10px 15px;
width:420px;
}

#leftColumn span.budgetLeft, #leftColumn span.nextTitle {
margin-left:0px;
margin-top: 20px;
}
#leftColumn div.popup span.budgetLeft {
margin-left:20px;
}
#leftColumn input.confirm {
margin-top:20px;
}

.slider span.isIncome,
.slider span.amountStart,
.slider span.isDisabled,
.slider span.isInvestment,
.slider span.depreciationTerm,
.slider span.investmentCostPercentage,
.slider span.sliderID,
.slider span.addForBudget,
span#amountBudget {
display:none;
}

.accounts .popup .decide .itemToelichting {
	margin-left:20px;
}

#partijBegroting .popup .decide .choice h4 {
padding: 15px 0 5px 0;
}


h4.asPopup 	{
	padding: 5px 0 0 0px;
	float: left;
	font-size: 12px;
	color: #800; }

table.ids {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.ids th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
}
table.ids td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
}

.ui-state-disabled
{
	background:#E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% !important;
	opacity: 1 !important;
	filter:none !important; 
}

.sliderContainer .slider a
{
background:#CA3F3F none repeat scroll 0 0 !important;
border:1px solid #880000 !important;
}

.amountStartRadio, .isincomeRadio, .isInvestmentRadio, .depreciationTermRadio, .investmentCostPercentageRadio, .tempRadio, .amountDefaultRadio, .hiddenvalue {
	display: none;
}

dl dd.sumleft .cufon cufontext, #budget dl dd.left {
	color: black !important;
}
.logo_smaller {
	height: 30px;
}

h2.resultpage {
	margin-top:10px;
}


.surveyResults .begroting, .surveyResultsNoBar .begroting {
width:110px !important;
}
.popup h4 {
padding:5px 20px 0px;
}
.popup .decide .options h4, .popup .decide .optional h4 {
padding:10px 20px 5px ;
width: 350px;
}


.surveyResults .popup .popupText img {
	width: 100px;
}

.surveyResults .popup .popupText p {
	clear: right;
}
.surveyResults .popup dt { font-style: italic; padding-top: 4px;}


.surveyResultsNoBar .resultComment {
width: 420px;
margin-left: 138px;
}

#budget img {
	margin-top: 15px;
	margin-left: 5px;
}

.head strong.gemeente{
float:left;
padding-left:10px;
padding-top:6px;
width:130px;
}

.negatief {
	color: #800;
}

.conseqOfAmount {
	clear: right;
	padding:0;
	margin: 0;
}
.conseqOfAmount span {
	display: none;
	padding: 10px 0 0 20px;
}

.conseqOfAmount p {
	padding:0;
	margin: 35px 0 0 0;
	
}
.choice label.begroting {
display:block;
float:left;
padding:6px 0 0;
position:relative;
width:400px;
}
.popup .decide .choice input.radioButton {
border:medium none;
clear:both;
display:block;
float:left;
margin:6px 6px 0 16px;
position:relative;
width:20px;
}

ul.accounts li .popup ul  {

	padding:5px 20px 15px;

}
#leftColumn ul.accounts li .popup ul li  {
	cursor:default;
	padding-bottom:2px;
	list-style:square outside none;
	margin-left:15px;
	display: list-item;
}
ul.accounts#spend li .popup ul li:hover,
ul.accounts#income li .popup ul li:hover
 {
	background: none;
}
.popup .decide h4.subitem {
	width: 440px;
	padding:15px 0 0 20px;
}

ul.accounts li .popup .visualize ul li  {
	cursor:default;
	padding:0;
	list-style:none outside none;
	margin:0;
}
ul.accounts li .popup .visualize ul.visualize-key li  {
margin-right:10px;
padding-left:10px;
position:relative;
float: left
}


.extraForm h4 {
	width: 100%;
}
.extraForm input.epCheck {
border: 0;
margin:  4px 0;
padding: 0;
width:20px;
position: relative;
float: left;
clear: both;
border: none;
display:block;
line-height: 16px;
height: 16px;
}
.extraForm label {
border: 0;
margin: 0;
padding: 4px 0 !important; 
position:relative;
float:left;
width:456px;
display: block;
line-height: 16px;
height: 16px;
}

.popup .decide .subSlider {
margin:10px 25px 45px 0;
width:440px;
}

ul.accounts li em {
color:#222;
}

ul.accounts li.confirmed em {
color:#ccc;	
}

#progress .customHeader {
left:0;
position:absolute;
top:0;
z-index:1;
}

#progress .customHeader em {
color:#880000;
font-size:24px;
left:9px;
position:absolute;
top:2px;
z-index:2;
}

span.escape {
padding:10px 0 10px 15px;
}

.epOpmerkingen p {
	padding: 8px 0 0 0;
	
}

#header p.home_h1_sub
{
	color: #CD7724;
	text-transform: uppercase; 
	font-weight: bold;
	line-height: 1.22em;
	background: none;
}
span.inputEur {
	font-size:15px;
}
input.inputEur {
	width: 200px;
}

label span.sublabel {
font-weight:normal;
}

a#aHead {
	display: block;
	width: 100%; height: 100%;
}

#formpage4 #leftColumn h3 {
margin-top: 10px;
margin-bottom: 0;
}
#formpage4 #leftColumn label, .extraForm h4 {
padding:10px 0 2px;
}

p.inputError {
padding: 10px;
border: solid 1px red;
margin-top: 4px;
}