/* mac hide\*/

html, body {height:100%}

/* end hide */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
h1{
	font-size:large;
	margin:0;
}
h2{
	font-size:medium;
	margin:0;
}
h3{
	font-size:small;
	margin:0;
	padding:0;
}
h4{
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:0.6em 0 0.6em 0;
}
img{
	margin:0;
	padding:0.6em 0 0.6em 0;
}
a{
	color:#006699;
}
a:active{
	color:#CF0020;
}
a:visited{
	color:#006699;
}
a:hover{
	color:#33CCFF;
}

/*-------Struktur------------------------*/

#sametingsval{
	width:auto;
	margin:0 5%;
	padding:0;
	float:none;
}
html>body #sametingsval{height:auto;}

#tillbaka a{
	display:none;
}

#genvagar{
	display:none;
}
#topp{
	display:none;
}
#huvudtitel{
	float:left;
	position:relative;
	width:30%;
	overflow:hidden;
}
		#huvudtitel h1{
			text-align:left;
			font-size:small;
			font-weight:normal;
			margin:23px 0 0 70px;
			color:white;
		}	
#toppflikar{
	float:right;
	width:50%;
	position:relative;
	z-index:1;
}
#bottenflikar{
	float:left;
	position:relative;
	width:99%;
	padding:2em 0 0 0;
	border-bottom:1px solid black;
	position:relative;
	z-index:1;
}
#mitten{
	position:relative;
	clear:left;
	float:left;
	width:100%;
}
#sida,
#roster,
#valda,
#personroster,
#statistik,
#valsedlar,
#karta,
#valnatt{
	position:relative;
	float:right;
	z-index:2;
	width:98%;
	padding:0 1% 3em 0;
	background-color:white;
}
		/*------------Sida------------------------*/
		#sida h1, #sida h2,
		#roster h1, #roster h2,
		#valda h1, #valda h2,
		#personroster h1, #personroster h2,
		#statistik h1, #statistik h2,
		#valsedlar h1, #valsedlar h2,
		#karta h1, #karta h2,
		#valnatt h1, #valnatt h2{
			clear:left;
			display:block;
			padding:0.5em 0 0.5em 0;
		}
		/*------------Valsedlar------------------------*/
		#valsedlar h2{
			padding:0.5em 0 0.5em 1%;
			margin:0 0 1em 0;
			width:98%;
			color:white;
			background-color:#2D455E;
		}
#fot{
	position:relative;
	float:left;
	height:3em;
	width:100%;
}
#fot a{
	display:none;
}
/*-------Flikar------------------------*/

#bottenflikar h1{
	font-size:small;
	font-weight:bold;
	padding:0.5em;
}
#bottenflikar h2{
	font-size:small;
	font-weight:normal;
}
#bottenflikar a{
	float:left;
	width:8em;
	padding:5px 0 5px 18px;
	margin:10px 0 0 0.3em;
	text-decoration:none;
	color:black;
	text-align:center;
	border-right:1px solid black;
}
#bottenflikar a:hover{
	color:#33CCFF;
	text-decoration:underline;
}
#bottenflikar h2 a{
	position:relative;
	top:1px;
}
#bottenflikar #flik_roster{
	background:url(../bild/flik_roster.gif) no-repeat top left;
}
#bottenflikar #flik_valda{
	background:url(bild/flik_valda.gif) no-repeat top left;
}
#bottenflikar #flik_personroster{
	background:url(../bild/flik_personroster.gif) no-repeat top left;
}
#bottenflikar #flik_statistik{
	background:url(../bild/flik_statistik.gif) no-repeat top left;
}
#bottenflikar #flik_valsedlar{
	background:url(../bild/flik_valsedlar.gif) no-repeat top left;
}
#bottenflikar #flik_vallokal{
	background:url(../bild/flik_vallokal.gif) no-repeat top left;
}
#bottenflikar #flik_rostlangd{
	background:url(../bild/flik_vallokal.gif) no-repeat top left;
}
#sokform{
	float:right;
	margin:0;
	padding:0.6em 0.6em 0 0;
	height:20px;
}

.sok{
	width:20em;
}
.knapp{
	padding:0 5px 0 5px;
	border:0;
	background-color:#ABD2FE;
	cursor:pointer;
}

/*-------Översiktstabell------------------------*/

#oversiktstabell{
	font-size:x-small;
	table-layout:fixed;
	width:100%;
}
#oversiktstabell th{
	background-color:black;
	color:white;
	font-weight:bold;
	font-size:x-small;
	padding-right:4px;
}
#oversiktstabell th.sorteringsbar,
#oversiktstabell th.sortedColumn,
#oversiktstabell th.reverseSortedColumn {
	padding:0 15px 0 0;
}
#oversiktstabell th #till_jmf{
	color:white;
	font-size:x-small;
	text-decoration:underline;
	padding:4px 0 4px 2px;
	background:url(../bild/flik_jmf.gif) no-repeat right;
}
#oversiktstabell th #fran_jmf{
	color:white;
	font-size:x-small;
	text-decoration:underline;
	padding:4px 0 4px 2px;
	background:url(../bild/flik_jmf_backa.gif) no-repeat right;
}
#oversiktstabell th #till_jmf:hover{
	color:#33CCFF;
	text-decoration:underline;
	background:url(../bild/flik_jmf_anim.gif) no-repeat right;
}
#oversiktstabell td{
	overflow:hidden;
}
#oversiktstabell a{
	display:block;
	width:100%;
	text-decoration:none;
	padding:4px 0 4px 0;
}
#oversiktstabell a:hover{
	text-decoration:underline;
}
#oversiktstabell td.aktiv{
	font-weight:bold;
}
#oversiktstabell td.aktiv a{
	color:black;
}
#oversiktstabell tr.rike a,
#oversiktstabell tr.utland a{
	padding:4px 0 4px 2px;
}
#oversiktstabell tr.lan a,
#oversiktstabell tr.land a{
	padding:4px 0 4px 6px;
}
#oversiktstabell tr.kommun a{
	padding:4px 0 4px 10px;
}
#oversiktstabell tr.kommunvalkrets a{
	padding:4px 0 4px 14px;
}
#oversiktstabell tr.valdistrikt a,
#oversiktstabell tr.rostningslokal a{
	padding:4px 0 4px 18px;
}
		/*------------Översiktstabell Kommunval------------------------*/
		
		#sametingsval #oversiktstabell td a{
			color:#003300;
			border-bottom:1px solid #C4D5DB;
		}
		#sametingsval #jamfor #oversiktstabell a{
			border:none;
		}
		#sametingsval #oversiktstabell tr.rike td.aktiv a,
		#sametingsval #oversiktstabell tr.lan td.aktiv a,
		#sametingsval #oversiktstabell tr.kommun td.aktiv a,
		#sametingsval #jamfor #oversiktstabell td.aktiv{
			color:black;
			background-color:#FBDE19;
			border-bottom:1px solid #C4D5DB;
		}
		#sametingsval #oversiktstabell tr.rike td.aktiv_tidigare a,
		#sametingsval #oversiktstabell tr.lan td.aktiv_tidigare a,
		#sametingsval #oversiktstabell tr.kommun td.aktiv_tidigare a{
		
		}
		#sametingsval #oversiktstabell tr.rike{
			background-color:#A2BAD2;
			border-bottom:1px solid #C4D5DB;
		}
		#sametingsval #oversiktstabell tr.lan{
			background-color:#CCE4F9;
			border-bottom:1px solid #166DB1;
		}
		#sametingsval #oversiktstabell tr.kommun{
			background:#D6E0EB;
			border-bottom:1px solid #C4D5DB;
		}
		#sametingsval #oversiktstabell tr.rike a:hover,
		#sametingsval #oversiktstabell tr.lan a:hover,
		#sametingsval #oversiktstabell tr.kommun a:hover{
			color:black;
			background-color:#FBDE19;
		}
		#sametingsval #jamfor #oversiktstabell td{
			border-bottom:1px solid #C4D5DB;
			border-right:1px solid #C4D5DB;
			padding-right:4px;
		}
		#sametingsval #jamfor #oversiktstabell tr{
			background-color:transparent;
		}			
#tid{
	float:right;
	font-size:x-small;
	padding:0.5em 0 0 0.5em;
}
/*------------Datatabell------------------------*/

.valsedel{
	float:left;
	text-align:center;
	width:30em;
	font-size:small;
	margin:0 0.7em 0.7em 0;
	border:1px solid #cccccc;
}
.valsedel h3{
	padding:0.5em 0 0.5em 0;
}
.valsedel ol{
	text-align:left;
	padding:0.5em 0 0.5em 3.5em;
	margin:0;
}
.valsedel .valtyp{
	font-size:x-small;
}
.valsedel .utfyllnad{
	float:right;
	width:1px;
	height:38em;
}
.valsedel .fot{
	position:relative;
	clear:both;
}

div.graph {
	margin-top: 15px;
	background-color:white;
}

address {
	display:none;
}

#mittval{
	width:25em;
	border:1px solid orange;
	background-color:#FFFFCC;
	padding:0.3em 1.5em 0.3em 1.5em;
	margin:1em 0 1em 0;
}
#spalt{
	float:left;
	width:19em;
}
#kartbild{
	float:left;
	padding-right:1em;
}
td.pad {
	padding: 5px;
}

hr {
	display:none;
}


th.party_name {
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #cccccc;
}

th.party_name_left {
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

td.vo_rubrik {
	border-bottom: 1px dashed #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px;
}

/* Samma som vo_rubrik fast indenterad för kommunnivå */
td.vo_indent {
	border-bottom: 1px dashed #cccccc;
	border-right: 1px solid #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

td.vo_skiljelinje {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #cccccc;
	padding: 5px;
}

td.vo_summa_roster {
	border-top: 1px solid #000000;
	border-right: 1px solid #cccccc;
	padding: 5px;
}

td.vo_summa_procent {
	border-top: 1px dashed #cccccc;
	border-bottom: 2px solid #000000;
	border-right: 1px solid #cccccc;
	padding: 5px;
}
#roster th, #valnatt th{
	font-size:x-small;
	padding:0.3em 0 0.3em 0;
}
#roster td.tableseparator, #valnatt td.tableseparator {
	padding:0;
	border-right: 1px solid #cccccc;
}

td.person_default, th.person_default {
	padding: 1px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

td.person_both, th.person_both {
	padding: 1px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

}

td.person_noborder, th.person_noborder {
	padding: 1px;
	border-left: 1px solid #cccccc;
}


/*------------Datatabell------------------------*/

.datatabell{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	border-collapse:collapse;
	margin:0.5em 0 0.5em 0;
	padding:0;
}
.datatabell th{
	padding:0.2em;
}
.datatabell td{
	padding:0.2em;
	vertical-align:top;
}
.datatabell a{
	display:block;
	width:90%;
}
th.sorteringsbar{
	background:url(../bild/sort_none.gif) no-repeat right;
	padding-right:15px;
	text-decoration:underline;
}
th.sortedColumn {
	background:url(../bild/sort_desc.gif) no-repeat right;
	padding-right:15px;
	text-decoration:underline;
	color:#DB7B79;
}
th.reverseSortedColumn {
	background:url(../bild/sort_asc.gif) no-repeat right;
	padding-right:15px;
	text-decoration:underline;
	color:#DB7B79;
}
		/*------------Datatabell Röstmottagning------------------------*/
		
		#sametingsval .datatabell{
			border:1px solid #DDDBDE;
		}
		#sametingsval .datatabell th{
			border:1px solid #DDDBDE;
		}
		#sametingsval .datatabell td{
			border:1px solid #DDDBDE;
		}
		#sametingsval .datatabell .summa{
		}
		#sametingsval .datatabell .delsumma{
		}
		
/*------Stapeldiagram--------------*/

.stapeldiagram{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	table-layout:fixed;
	width:70%;
	border-collapse:collapse;
	margin:0.5em 0 1em 0;
	border:1px solid #2D455E;
	background-color:white;
}
.stapeldiagram caption{
	display:none;
	text-align:left;
	font-size:small;
}
.stapeldiagram th{
	font-size:small;
	padding:2px;
}
.stapeldiagram .stapelcell{
	height:200px;
	vertical-align:bottom;
	border-bottom:3px solid #2D455E;
	background:url(../bild/procentrand.gif) bottom left repeat;
}
.stapeldiagram .skuggcell{
	height:200px;
	vertical-align:bottom;
	border-bottom:3px solid #2D455E;
	background:url(../bild/procentrand.gif) bottom left repeat;
}
.stapeldiagram .stapel, .stapeldiagram .stapel_ovriga{
	position:relative;
	z-index:3;
	left:30%;
	width:150%;
	background-color:white;
	border-top:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
}
.stapeldiagram .skugga{
	position:relative;
	z-index:1;
	left:-55%;
	width:150%;
	background-color:#cccccc;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.stapeldiagram .stapeletikett{
	position:relative;
	z-index:4;
	font-size:x-small;
	font-weight:bold;
	width:200%;
	text-align:center;
	padding-top:1em;
	white-space:nowrap;
}

/*-----------valdeltagande------------------*/

 
#valdeltagande{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	border:1px solid black;
	width:29%;
	margin:0.5em 0 0.5em 0;
	background-color:white;
}
#valdeltagande th{
	text-align:left;
	padding:0.2em;
	border-bottom:1px solid black;
}
div.valdeltagande_stapel{
	background-color:#406487;
	position:relative;
	float:left;
	clear:left;
	z-index:5;
	height:2em;
	top:2px;
	border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
}
div.valdeltagande_tidigare{
	position:relative;
	float:left;
	clear:left;
	z-index:1;
	background-color:#cccccc;
	height:2em;
	top:-5px;
	vertical-align:bottom;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
div.valdeltagande_etikett{
	position:relative;
	padding:0.2em;
	float:left;
	clear:left;
	z-index:5;
	white-space:nowrap;
}
div.valdeltagande_plusminus{
	position:relative;
	float:right;
	padding:0.2em;
	font-weight:bold;
	z-index:30;
}

.personval_vald{
	padding:0 2em 0 20px;
	background:url(../bild/personroster_vald.gif) top left no-repeat transparent;
}
.personval_kvalificerad{
	padding:0 2em 0 20px;
	background:url(../bild/personroster_kval.gif) top left no-repeat transparent;
}
.vald_ej_personroster{	
	padding:0 2em 0 20px;
	background:url(../bild/vald.gif) top left no-repeat transparent;
}
.teckenforklaring{
	margin:1em 0 1em 0;
	width:100%;
	float:left;
	position:relative;
	clear:left;
}
tr.hovring{
	background-color:#FFFF99;
}
.pdf{
	padding:1em 2em 1em 20px;
	background:url(../bild/pdf.gif) no-repeat left;
}
.ingadata{
	background:url(../bild/stangd.gif) right no-repeat;
	padding:10px;
}