/**
  * Standaard-stylesheet voor Stemwijzer
  *
  * @copyright 2008 Slik BV  * @version $Id$
  */

/* .css reset */

/* 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 */
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,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%;}

ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: none;}
h1 em, h2 em, h3 em, a em { display: none;}
.clear { display: block; clear: both; height: 0; }
a { text-decoration: none; color: #3ba2d5; }
a, input, textarea { outline: none; }

body { 
	margin: 0; 
	background-color: #eee; color: black; 
	font: 13px/1.4 Arial, Helvetica, sans-serif; text-align: center; }
	.main {
		position: relative;
		width: 972px; margin: 0 auto;
		text-align: left; }
	#header { height: 85px; margin: 0 6px; border-bottom: 1px solid #a5a5a5; }
	#credits {
		position: absolute;
		right: 6px; top: 30px; padding: 16px 0; 
		color: #999;
		font-size: 10px;  }
		#credits a { color: #777; padding: 16px 0; }
			#credits a:hover { color: black; }
		#credits a.ipp { padding-left: 64px; background: url('../gfx/sw_sprite_logo.gif') no-repeat -1342px -2px; }
		#credits a.eenvandaag { padding-left: 30px; background: url('../gfx/sw_sprite_logo.gif') no-repeat -1342px -57px; }
h1 {
	position: absolute;
	width: 300px; height: 42px; top: 28px;
	background: url('../gfx/sw_sprite_ui.gif') no-repeat -10px -10px; }
ul#navigation {
	position: absolute; z-index: 1;
	top: 92px; left: 0; }
	ul#navigation li { 
		display: block; float: left; position: relative; }
		li.current { 
			height: 51px; padding: 0 0 0 22px; 
			background: url('../gfx/sw_sprite_ui.gif') no-repeat -13px -60px; }
			ul#navigation li#navintro.current { 
				padding-bottom: 10px; 
				background: url('../gfx/sw_sprite_ui.gif') no-repeat -19px -120px; }
			ul#navigation li span { 
				display: block; float: right;
				height: 51px; width: 20px; margin-top: -6px;  
				background: url('../gfx/sw_sprite_ui.gif') no-repeat -1070px -60px; }
		ul#navigation a { display: block; height: 40px; margin-top: 6px; }
			li#navintro a { width: 69px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -4px -214px; }
			li#navstellingen a { width: 122px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -88px -214px; }
			li#navgewicht a { width: 148px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -220px -214px; }
			li#navpartijen a { width: 98px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -375px -214px; }
			li#navresultaat a { width: 106px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -475px -214px; }
			li#navstatistieken a { width: 126px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -592px -214px; }
			
			li#navintro.inactive a { width: 69px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -4px -264px; cursor: default; }
			li#navstellingen.inactive a { width: 122px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -88px -264px; cursor: default; }
			li#navgewicht.inactive a { width: 148px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -220px -264px; cursor: default; }
			li#navpartijen.inactive a { width: 98px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -375px -264px; cursor: default; }
			li#navresultaat.inactive a { width: 106px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -480px -264px; cursor: default; }
			li#navstatistieken.inactive a{ width: 126px; background: url('../gfx/sw_sprite_ui.gif') no-repeat -592px -264px; cursor: default; }
	
			li#navintro.current a { width: 69px; background: white url('../gfx/sw_sprite_ui.gif') no-repeat -24px -314px; cursor: default; }
			li#navstellingen.current a { width: 122px; background: white url('../gfx/sw_sprite_ui.gif') no-repeat -102px -314px; cursor: default; }
			li#navgewicht.current a { width: 148px; background: white url('../gfx/sw_sprite_ui.gif') no-repeat -232px -314px; cursor: default; }
			li#navpartijen.current a { width: 98px; background: white url('../gfx/sw_sprite_ui.gif') no-repeat -385px -314px; cursor: default; }
			li#navresultaat.current a { width: 106px; background: white url('../gfx/sw_sprite_ui.gif') no-repeat -490px -314px; cursor: default; }
			li#navstatistieken.current a { width: 126px; background: white url('../gfx/sw_sprite_ui.gif') no-repeat -598px -314px; cursor: default; }
	
.content { 
	position: relative;
	top: 51px;	width: 694px; padding: 41px 36px 41px 36px;
	background: white;  }
	.tab { display: none; }
	#introTab { display: block; }
	/* tab intro */
	#introTab .content.intro { height: 304px; }
	#introTab .separator { 
		position: absolute; z-index: 3;
		width: 28px; height: 385px; top: 0; left: 368px;
		background: url('../gfx/sw_sprite_ui.gif') repeat-x -1070px -304px; }
	#introStemwijzer { float: left; width: 310px; }
		#introStemwijzer h2 { color: #2096d1; font: bold 15px/1.4 Arial, Helvetica, sans-serif; }
		#introStemwijzer h3 { font: bold 34px/1.1 Arial, Helvetica, sans-serif; padding: 8px 0 12px 0; }
			#introStemwijzer h3 strong { color: #2096d1; }
		#introStemwijzer p { font-weight: bold; color: #2096d1; margin: 0 0 13px 0; }
		#introStemwijzer a {
			display: block; position: absolute;
			top: 266px; left: 27px; width: 324px; height: 54px; background: url('../gfx/sw_sprite_ui.gif') repeat-x -13px -455px; }
	#introStemmentracker { float: left; width: 300px; padding-left: 70px; }
		#introStemmentracker h2 { color: #A0750C; font: bold 15px/1.4 Arial, Helvetica, sans-serif; }
		#introStemmentracker h3 { font: bold 34px/1.1 Arial, Helvetica, sans-serif; padding: 8px 0 12px 0; }
			#introStemmentracker h3 strong { color: #A0750C; }
		#introStemmentracker p { color: #A0750C; margin: 0 0 13px 0; }
		#introStemmentracker a { 
			display: block; position: absolute;
			top: 266px; left: 408px; width: 324px; height: 54px; background: url('../gfx/sw_sprite_ui.gif') repeat-x -335px -455px; }
	/* tab stellingen */
	#stellingTab { height: 280px; }
	#stellingen { width: 23550px; position: relative;  }
		#stellingen .stelling { height: 275px; position: relative; float: left; width: 694px; margin: 0 29px 0 0px; }
	#stellingencontainer { overflow: hidden; position: relative; width: 723px;  }

	#standpuntenContainer { text-align: left; width: 620px; }
		#standpuntenNav { 
			float: right; 
			background-color: #3ba2d5; color: white; border-left: 1px solid #56b9ea; }
			#standpuntenNav li { border-bottom: 1px solid #56b9ea; }
			#standpuntenNav a { display: block; padding: 4px 12px; color: white; }
				#standpuntenNav a:hover, #standpuntenNav li.selected a { background: #56b9ea; }
			#standpuntenTitel h2 { height: 25px; background: #56b9ea; color: white; font-size: 18px; font-weight: bold; padding: 12px; }
			#standpuntenTitel h3 { height: 76px; background: #b9b9b9; font-size: 18px; padding: 12px; }
			#standpuntenContent { height: 313px; overflow: auto; }
				#standpuntenContainer #standpuntenContent p { padding: 0px 12px 12px 12px; border-bottom: 1px solid #ddd; }
					#standpuntenContainer #standpuntenContent h4 { background: none; color: black; padding: 12px 12px 0px 12px; font-size: 14px; font-weight: bold; }

	ul#counter { height: 30px;  }
	ul#counter li { display: inline; }
	ul#counter a { 
		display: block; float: left;
		padding: 5px;
		color: black; font-weight: bold; }
		ul#counter a:hover, ul#counter a.activeStelling:hover { color: white; background: #3ba2d5; }
		ul#counter a.activeStelling { color: #3ba2d5; }
		ul#counter a.inactiveStelling, ul#counter a.inactiveStelling:hover { background: none; color: #b4b4b4; font-weight: normal; cursor: default; }
	.content.stelling p { font-size: 13px; font-weight: bold; margin: 20px 0 0px 0; }
	.content.stelling h2 { font-size: 28px; font-weight: bold; width: 681px; }
.content.stelling .button, .content.stelling .buttonActive { 
	display: block; float: left; position: absolute; z-index: 2; top: 210px;
	height: 64px; padding: 6px 26px 0 26px;
	background: #3ba2d5; color: white; border: none;
	font-size: 36px; font-weight: bold; }
	.content.stelling .button span, 
	.content.stelling .buttonActive span { 
		display: block; position: absolute; 
		height: 64px; width: 20px; right: 0; top: 0; }
	.content.stelling .button { background: #3ba2d5 url('../gfx/sw_sprite_ui.gif') repeat-x -731px -397px; }
		.content.stelling .button span { background: url('../gfx/sw_sprite_ui.gif') repeat-x -1039px -397px; }
		.content.stelling .button:hover,
		.content.stelling .buttonActive { background: #3ba2d5 url('../gfx/sw_sprite_ui.gif') repeat-x -731px -318px; }
			.content.stelling .button:hover span,
			.content.stelling .buttonActive span { background: black url('../gfx/sw_sprite_ui.gif') repeat-x -1039px -318px; }
	.content.stelling .button.agree, .content.stelling .buttonActive.agree { left: 0; top: 210px; }
	.content.stelling .button.neutral, .content.stelling .buttonActive.neutral { left: 170px; top: 210px; }
	.content.stelling .button.disagree, .content.stelling .buttonActive.disagree { left: 510px; top: 210px; }

	.content.stelling .button.skip, .content.stelling .buttonActive.skip { 
		width: 158px; height: 35px; margin-right: 0; padding: 9px 13px 0 13px; top: 160px; left: 510px;
		background: #3ba2d5 url('../gfx/sw_sprite_ui.gif') repeat-x -731px -667px;
		font-size: 16px; }
		.content.stelling .button.skip span { background: url('../gfx/sw_sprite_ui.gif') repeat-x -898px -667px; height: 41px; }
		.content.stelling .button.skip:hover,
		.content.stelling .buttonActive.skip { 
			width: 158px; height: 35px; margin-right: 0; padding: 9px 13px 0 13px; top: 160px; left: 510px;
			background: #3ba2d5 url('../gfx/sw_sprite_ui.gif') repeat-x -731px -618px; }
			.content.stelling .button.skip:hover span,
			.content.stelling .buttonActive.skip span { height: 35px; background: url('../gfx/sw_sprite_ui.gif') repeat-x -898px -618px; }

	/* illuminate tabs (gewicht, partijen) */
	.content.illuminate { height: 304px; position: relative; }
	.content.illuminate h3 { font-weight: bold; padding: 0 0 20px 0; }
	.content.illuminate div.column { float: left; width: 231px; }
	.content.illuminate input { vertical-align: -5%;  }
	.content.illuminate label { display: block; width: 207px; padding: 2px; cursor: pointer; }
		.content.illuminate label:hover { background: #ddd;}
		.content.illuminate label.checked { background: #3ba2d5; color: white; }
			.content.illuminate label.checked:hover { background: #1b84b9; color: white; }
	.content.illuminate a.proceed { 
		display: block; position: absolute;
		top: 320px; right: 28px; width: 123px; height: 32px; padding: 9px 0 0 0;
		color: white; background: url('../gfx/sw_sprite_ui.gif') repeat-x -920px -620px;
		font-weight: bold; text-align: center; }
		.content.illuminate a.proceed:hover { background-position: -920px -670px; }
		.content.illuminate .selectAllParties, 
		.content.illuminate .selectNoParties {
			display: block; position: absolute;
			top: 324px; left: 40px; padding: 5px 5px 5px 10px;
			color: #3ba2d5; background: url('../gfx/sw_sprite_ui.gif') repeat-x -397px -662px; }
			.content.illuminate .selectNoParties { left: 156px; }
			.content.illuminate .selectAllParties:hover, 
			.content.illuminate .selectNoParties:hover {
				background-position: -396px -662px; color: black; cursor: pointer; }
	
	/* tab resultaat */
	.content.resultaat { width: 900px; }
	#social { 
		position: absolute; 
		top: 105px; right: 16px; width: 242px; height: 26px;
		background: white; border: 1px solid #ccc; }
		#social p { float: left; padding: 5px 6px 0 6px; font-size: 11px; }
		#social a { 
			display: block; float: left; 
			padding: 4px; width: 16px; height: 16px; }
			#social a.myspace { background: url('../gfx/sw_sprite_ui.gif') repeat-x -22px -378px; }
			#social a.facebook { background: url('../gfx/sw_sprite_ui.gif') repeat-x -49px -378px; }
			#social a.email { background: url('../gfx/sw_sprite_ui.gif') repeat-x -76px -378px; }
			#social a.delicious { background: url('../gfx/sw_sprite_ui.gif') repeat-x -103px -378px; }
			#social a.twitter { background: url('../gfx/sw_sprite_ui.gif') repeat-x -130px -378px; }
			#social a.hyves { background: url('../gfx/sw_sprite_ui.gif') repeat-x -157px -378px; }
	.stemadvies { float: left; position: relative; width: 48%; }
		.stemadvies.stemmentracker { padding-left: 27px; }
		.stemadvies.stemwijzer h2 { 
			width: 138px; height: 23px;
			background: url('../gfx/sw_sprite_ui.gif') repeat-x -454px -523px; }
		.stemadvies.stemmentracker h2 { 
			width: 200px; height: 23px;
			background: url('../gfx/sw_sprite_ui.gif') repeat-x -454px -553px; }
		.stemadvies h3 { font-weight: bold; color: #2096d1; margin: 0 0 40px 0; }
			.stemadvies.stemmentracker h3 { color: #A0750C; }
			.stemadvies h3 strong { color: black; }
		.partijlogo, .partijlogoIMG { 
			position: absolute;
			top: 0; right: 0; } 
		.partijlogo { 
			width: 92px; height: 64px; 
			background: url('../gfx/sw_sprite_logo.gif') no-repeat; }
			.partijlogo.d66 { background-position: 0 0; }			
			.partijlogo.pvda { background-position: -100px 8px; }
		.stemadvies table { width: 432px; }
			.stemadvies table td { border: 1px solid #ccc; height: 22px; }
				.stemadvies tr.odd td { background: #ededed; }
				.stemadvies tr.even td { background: white; }
				.stemadvies td.party { 
					padding-left: 4px;
					font-weight: bold; font-size: 12px; vertical-align: middle; }
				td.score span { display: block; float: left; background: #38a3d8; height: 17px; margin: 2px; }
					.stemadvies.stemmentracker td.score span { background: #A0750C; }
				td.score em { 
					font-size: 10px; padding: 0 4px 0 12px; font-style: normal;  
					background: url('../gfx/sw_sprite_ui.gif') repeat-x -943px -41px; color: #666; }
					tr.even td.score em { background-position: -394px -700px; }
				td.score a { font-weight: bold; color: black; text-decoration: underline; }
					td.score a:hover { color: #666; }
/*		a.viewMore { 
			display: block; float: left; clear: both; 
			padding: 2px 4px; margin-top: 12px; 
			background: black; color: white;
			font-size: 11px; font-weight: bold; }
			a.viewMore:hover { background-color: #2096d1; }*/
	.teaser.stemmentracker { float: left; width: 300px; padding-left: 40px; }
		.teaser.stemmentracker h2 { color: #A0750C; font: bold 15px/1.4 Arial, Helvetica, sans-serif; }
		.teaser.stemmentracker h3 { font: bold 34px/1.1 Arial, Helvetica, sans-serif; padding: 0 0 12px 0; }
			.teaser.stemmentracker h3 strong { color: #A0750C; }
		.teaser.stemmentracker p { color: #A0750C; margin: 0 0 13px 0; }
		.teaser.stemmentracker a { 
			display: block; position: relative; float: left; 
			top: 0; left: -7px; width: 324px; height: 54px; background: url('../gfx/sw_sprite_ui.gif') repeat-x -335px -455px; }
	#stellingMatrix { 
		position: relative;
		margin: 70px 6px 0 6px; padding: 10px 2px; 
		border-top: 1px solid #a5a5a5; }
		#stellingMatrix h2 { font-size: 20px; color: #2097d1; font-weight: bold; }
		#stellingMatrix h3 { 
			position: absolute; 
			top: 12px; right: 0; width: 183px; height: 30px; 
			background: url('../gfx/sw_sprite_ui.gif') repeat-x -338px -19px; }
	.filter { 
		float: left; 
		width: 381px; height: 55px; padding: 18px 0 0 0; margin-top: 20px;
		background: url('../gfx/sw_sprite_ui.gif') repeat-x -736px -744px;
		text-align: center; }
		.filter.categories { margin-left: 110px; }
			.filter.categories select { min-width: 192px; }
			.filter.toggle input { vertical-align: -10%; }
			.filter.toggle label { cursor: pointer; }
	li.equal a { opacity: 1; filter: alpha(opacity = 100); }
	li.unequal a { opacity: .5; filter: alpha(opacity = 50); }
	li.skipped a { opacity: .2; filter: alpha(opacity = 20); }
	.stellingHeader { float: left; width: 115px; }
		.stellingHeader h4 { 
			margin: 216px 0 28px 0;
			background: url('../gfx/sw_sprite_ui.gif') repeat-x -1027px -23px;
			font-weight: bold; }
		.stellingHeader li { 
			display: block; 
			height: 65px;
			border-top: 1px solid #a5a5a5; }
		.stellingHeader a { 
			padding-left: 7px; 
			background: url('../gfx/sw_sprite_ui.gif') repeat-x -1117px -23px; }
			.stellingHeader a:hover { 
				color: black; 
				background-position: -1116px -23px; }			
			
	.stellingSlider { float: left; width: 841px; padding-bottom: 40px; }
		.stellingSlider .stellingColumn { float: left; width: 150px; }
			.stellingSlider .stellingColumn .matrixStelling { 
				position: relative; 
				padding: 18px 12px; margin-bottom: 6px;
				background: white;
				font-size: 12px; }
				.stellingColumn .matrixStelling { height: 220px;  }
				.stellingColumn .matrixStelling h4 { font-weight: bold; height: 34px; }
				.stellingColumn .matrixStelling p { height: 166px; }
				.stellingColumn .matrixStelling strong { display: block; font-weight: bold; color: #2097d1; padding: 0 0 5px 8px; }
			.stellingSlider { overflow: hidden; position: relative; width: 750px; }
			.stellingColumnContainer { position: relative; width: 4500px; }
	#fancybox-inner { text-align: left;  }
	#fancybox-inner h4 { background: #3ba2d5; font-weight: bold; padding: 8px; color: white; }
	#fancybox-inner p { padding: 8px; }
	#trackerMatrix { border-top:1px solid #A5A5A5; margin:20px 6px 0; padding:10px 2px;	position:relative; }
		#trackerMatrix h2 { color:#A0750C; font-size:20px; font-weight:bold; }
		#trackerMatrix h3 { 
			position: absolute; 
			top: 12px; right: 0; width: 270px; height: 30px; 
			background: url('../gfx/sw_sprite_ui.gif') repeat-x -542px -19px; }
		#trackerMatrix .stellingColumn .matrixStelling strong { color: #A0750C; }
	ul.partijMatch li { border-top: 1px solid #a5a5a5; height: 65px; }
	ul.partijMatch strong { 
		display: block; 
		padding: 10px 0 0 15px; height: 21px; width: 135px;
		background: url('../gfx/sw_sprite_ui.gif') repeat-x -560px -743px;  }
		.equal strong { opacity: 1; filter: alpha(opacity = 100); }
		.unequal strong { opacity: .3; filter: alpha(opacity = 30); }
		.skipped strong { opacity: .3; filter: alpha(opacity = 30); }
	ul.partijMatch a {
		display: block;
		padding: 1px 0 0 15px; height: 33px; width: 135px;
		color: white; background: url('../gfx/sw_sprite_ui.gif') repeat-x -560px -774px; 
		font-weight: bold; }
		ul.partijMatch a:hover { color: #a7d5ed; }
	a.slide { 
		position: absolute; 
		top: 136px; width: 55px; height: 131px;
		cursor: pointer; }
		a.slide.previous { left: 60px; background: url('../gfx/sw_sprite_ui.gif') repeat-x -1166px -188px; }
		a.slide.next { left: 873px; background: url('../gfx/sw_sprite_ui.gif') repeat-x -1221px -188px; }
			a.slide.previous:hover { background-position: -1165px -29px; }
			a.slide.next:hover { background-position: -1220px -29px; }
	/* tab stats */
	#statsTab .stats { 
		position: relative;
		top: 51px;	width: 900px; padding: 21px 36px 21px 36px;
		background: white; }
		#statsTab .statsContent { display: none; }
			#statsTab .stats.scores .statsContent { display: block; }
		#statsTab h2 { 
			height: 33px; width: 366px; margin: 10px 0;
			background: url('../gfx/sw_sprite_ui.gif') repeat-x -18px -517px; cursor: pointer; }
			#statsTab .stats.subjects h2 { background-position: -18px -562px; width: 426px; }
		#statsTab .toggle { 
			display: block; position: absolute;
			right: 30px; top: 35px; padding-left: 20px; 
			background: white url('../gfx/sw_sprite_ui.gif') repeat-x -14px -662px; color: #3ba2d5; 
			font-weight: bold; }
		#statsTab .hideScores, #statsTab .hideSubjects { background-position: -14px -689px; }
		#statsTab .showScores, #statsTab .hideSubjects { display: none; }
		/* stats scores */
		.mine { color: #2096d1 !important; }
			.mine span { display: block; background-color: #82c4e5 !important; color: white !important; }
		table.scoresTable { border-collapse: separate; border-spacing: 8px; }
		table.statsContent td { vertical-align: top; }
		table.scoresTable td.stelling { border: 1px solid #ddd; padding: 6px; width: 552px; height: 65px; }
		td.options, td.votecast { 
			height: 65px; width: 129px; margin-left: 9px; 
			border: 1px solid #ddd; color: #999; border-bottom: none;
			font-weight: bold; }
			td.options div { padding: 2px; border-bottom: 1px solid #ddd; }
		td.votecast { width: 200px;	}
			td.votecast div { border-bottom: 1px solid #ddd; height: 21px; } /* ie7: height 22px */
			td.votecast span { display: block; margin: 1px; padding: 3px 0; text-align: right; background-color: #c2c2c2; color: #555; font-size: 10px; }
		/* stats subjects */
		.subjects h3 { font-weight: bold; padding: 12px 0; }
		.subjects table { width: 900px; }
			.subjects table th { color: #2096d1; font-weight: bold; padding: 3px 6px; }
			.subjects table td { border: 1px solid #ddd; padding: 3px 6px; }
				.subjects table td.thema { font-weight: bold; }

/* help & tips */
	#helpIntro, .helpStelling, .helpGewicht, .helpPartijen { 
		position: absolute; 
		width: 182px; 
		background: #3ba2d5; color: white;
		font-size: 12px; }
	#helpIntro h3, .helpStelling h3, .helpGewicht h3, .helpPartijen h3 { 
		margin: 12px 0; 
		font-weight: bold; }
	#helpIntro p, .helpStelling p, .helpGewicht p, .helpPartijen p { margin: 0 0 12px 0; }
	#helpIntro, .helpStelling, .helpGewicht, .helpPartijen { 
		width: 150px; height: 338px; right: 0; top: 136px; padding: 25px 20px; }
a#partyViews { 
	display: block; 
	height: 60px; width: 146px; margin: 14px 0; padding: 10px 0 0 10px;
	background: url('../gfx/sw_sprite_ui.gif') repeat-x -9px -729px; cursor: pointer;
	font-size: 15px; font-weight: bold; }
	a.partyViews:hover { color: black; }
h2.tip { 
	width: 57px; height: 29px;
	background: url('../gfx/sw_sprite_ui.gif') repeat-x -11px -803px; }

/* tipsy balloons */
	.tipsy { 
		padding: 5px; 
		opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../gfx/tipsy.gif);
		font-size: 10px; }
	.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
	.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
	.tipsy-north { background-position: top center; }
	.tipsy-south { background-position: bottom center; }
	.tipsy-east { background-position: right center; }
	.tipsy-west { background-position: left center; }

/* slik rounded corners */
.l { position: absolute; top: 0; left: 0; height: 100%; width: 6px; background: url('../gfx/sw_sprite_ui.gif') repeat-y -1144px 0; }
.r { position: absolute; top: 0; right: 0; height: 100%; width: 6px; background: url('../gfx/sw_sprite_ui.gif') repeat-y -1150px 0;  } 
.lt { position: absolute; top: 0; left: 0; background: url('../gfx/sw_sprite_ui.gif') no-repeat -19px -120px; width: 100%; height: 18px; }
.rt { position: absolute; background: url('../gfx/sw_sprite_ui.gif') no-repeat -1064px -120px; width: 20px; right: 0; height: 18px; }
.lb { position: absolute; bottom: 0; left: 0; background: url('../gfx/sw_sprite_ui.gif') no-repeat -19px -191px; width: 100%; height: 20px; }
.rb { position: absolute; background: url('../gfx/sw_sprite_ui.gif') no-repeat -1064px -191px; width: 20px; right: 0; height: 18px; }
	/* blue help dialogs with slik corners */
	#helpIntro .lt, .helpStelling .lt, .helpGewicht .lt, .helpPartijen .lt { background-position: -724px -224px; }
	#helpIntro .rt, .helpStelling .rt, .helpGewicht .rt, .helpPartijen .rt { background-position: -988px -224px; }
	#helpIntro .lb, .helpStelling .lb, .helpGewicht .lb, .helpPartijen .lb { background-position: -724px -240px; }
	#helpIntro .rb, .helpStelling .rb, .helpGewicht .rb, .helpPartijen .rb { background-position: -988px -240px; }

/* alert box */
.alert {
	border:1px solid red;
	clear:both;
	padding:10px;
}	
.hidden {display:none !important;}
	#introStemwijzer p.accessible a{ 
		background: none;
		display: inline;
		position: relative;
		top: 0; left:0;
		text-decoration:underline;
	}
	#introStemwijzer p.accessible { 
	position: absolute;
	left:27px;
	position:absolute;
	top:334px;
	width:300px;
	line-height: 1.2em;
	}
	
.bannerWieKiesJij {
	padding-top: 10px;
	float: right;
}