html, body {
	margin: 0;
	padding: 0;
	font: normal 12px/16px Verdana,Arial,Helvetica,sans-serif;
	background: #f6f6f6;
}

#page {
	position: relative;
	width: 98%;
	min-width: 980px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 5px;
}

	#header {
		height: 66px;
	}

		#header-logo {
			float: left;
		}

			#header-logo img {
				border: none;
			}

		h1, h2 {
			margin: 0 0 0 190px;
			padding: 6px 0 0 0;
			font: bold 24px Times,"Times New Roman",serif;
			color: #444;
		}

		h2 {
			margin-top: 0px;
			padding-top: 0;
			font-size: 24px;
			font-weight: normal;
		}

	#noscript {
		width: 920px;
		margin: 20px auto;
		padding: 10px;
		font: normal 16px/36px Verdana,Arial,Helvetica,sans-serif;
		border: 10px solid #800;
	}

		#noscript a {
			color: #225a9a;
			text-decoration: underline;
		}

	#content.archive #themes-infos ul li.active,
	#content.archive #counties ul li.active,
	#content.about #themes-infos ul li.active,
	#content.about #counties ul li.active,
	#content.special-topic #themes-infos ul li.active,
	#content.special-topic #counties ul li.active {
        background: #E1E2E4;
    }

	#content.archive #themes-infos ul li.active a,
	#content.archive #counties ul li.active a,
	#content.about #themes-infos ul li.active a,
	#content.about #counties ul li.active a ,
	#content.special-topic #themes-infos ul li.active a,
	#content.special-topic #counties ul li.active a {
        color: black;
        cursor: pointer;
    }

	#content.archive #archive-menu,
	#content.about #about-menu,
    #content.special-topic #special-topic{
        background-color: #225a9a;
        color: white;
    }

	#content {
		display: none;
		position: relative;
		margin-top: 12px;
	}

		#page.js #content {
			display: block;
		}

		#themes-infos {
			width: 170px;
		}

		#counties {
			position: absolute;
			top: 0;
			right: 0;
			width: 190px;
		}

			#themes-infos ul,
			#counties ul {
				margin: 0;
				padding: 2px 0;
				list-style: none;
				border-top: 3px solid #e4e4e4;
			}

            #themes-infos li span {
                background: url(../../incl/arrow.gif) no-repeat right 1px;
                padding-right: 18px;
            }

				#themes-infos ul li,
				#counties ul li {
					margin: 0;
					padding: 2px;
					font-size: 11px;
					color: #666;
                    cursor: default;
				}


					#themes-infos ul li a,
					#counties ul li a {
						color: #666;
						text-decoration: none;
					}

						#themes-infos ul li a:hover,
						#counties ul li a:hover {
							text-decoration: underline;
						}


				#themes-infos ul li.active,
				#counties ul li.active {
					background: #225a9a;/*adbdd6;*/
				}

					#themes-infos ul li.active a,
					#counties ul li.active a {
						color: #fff;
					}

					#themes-infos ul li.disabled,
					#themes-infos ul li.disabled a,
					#counties ul li.disabled,
					#counties ul li.disabled a {
						color: #ccc;
					}

						#themes-infos ul li.active a:hover,
						#counties ul li.active a:hover,
						#themes-infos ul li.disabled a:hover,
						#counties ul li.disabled a:hover {
							text-decoration: none;
							cursor: default;
						}

/*				#themes-infos ul li.sum,
				#counties ul li.sum {
					border-bottom: 2px solid #e4e4e4;
				}
*/
				#themes-infos ul ul {
					padding: 0 0 0 8px;
					border-top: none;
				}

				.infos a {
					display: block;
					padding: 0 0 2px 20px;
				}

					.infos a.xls { background: url(../../incl/icon_xls.png) no-repeat 0 0; }
					.infos a.html { background: url(../../incl/icon_html.png) no-repeat 0 0; }
					.infos a.pdf { background: url(../../incl/icon_pdf.png) no-repeat 0 0; }
					.infos a.sta { background: url(../../incl/icon_sta.png) no-repeat 0 0; }
					.infos a.tab { background: url(../../incl/icon_tab.png) no-repeat 0 0; }



			#map {
				margin-top: 10px;
				text-align: center;
			}

	#main {
		position: absolute;
		top: 0;
		left: 180px;
		right: 200px;
	}

		#content.archive #chart,
		#content.about #chart,
        #content.ajaxcont #chart {
			display: none;
		}

            #mainChart {
                height: 450px;
				border: 1px solid #ddd;
                background-color: #fff;
                padding: 10px;
            }

            ul#tabs {
				margin: -1px 0 0 0;
				padding: 0 0 4px 10px;
				list-style: none;
				overflow: auto;
			}

				ul#tabs li {
					float: left;
                    margin: 0 4px;
                    padding: 4px 15px;
                    color: #666;
                    text-decoration: none;
                    border: 1px solid #ddd;
                    border-bottom: 3px solid #C5C6C8;
                    border-radius: 0 0 4px 4px;
                    background-color: #f6f6f6;
					background: linear-gradient(#f6f6f6, #ececec);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ececec', GradientType=0);
                    outline: 0;
                    cursor: pointer;
                    white-space: nowrap;
                }

                    ul#tabs li:hover,
                    ul#tabs li.active {
						background: #ffffff;
						background: linear-gradient(#ffffff, #f6f6f6 100%);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
						border-top-color: #fff;
                        border-bottom-color: #225a9a;
                    }

ul#tabs li:focus-visible {
    outline: 2px solid black;
    outline-offset: -2px;
}

			ul#text {
				margin: 15px 0 10px;
				padding: 12px 12px 12px 32px;
				font-size: 12px;
				color: #666;
				list-style-type: square;
				background: #fff;
				border: 1px solid #ddd;
				border-radius: 4px;
			}

				ul#text li {
					line-height: 1.5;
					margin: 6px 0;
                    text-align: justify;
				}

		#archive, #about, #ajaxcont {
			display: none;
			background: #fff;
			border: 1px solid #ddd;
		}

			#content.archive #archive,
			#content.about #about,
            #content.ajaxcont #ajaxcont {
				display: block;
			}

			#archive ul {
				margin: 15px 0 10px;
				padding: 0 10px 0 10px;
				box-sizing: border-box;
				list-style-type: none;
			}

			#archive ul li {
				width: 25%;
				float: left;
			}

			#archive ul li a {
				height: 40px;
				line-height: 40px;
				text-align: center;
				display: block;
				background: #DEE5EE;
				margin-left: 10px;
				margin-bottom: 10px;
			}

			#archive ul li.first {
				clear: left;
			}

			#archive ul li.first a {
				margin-left: 0;
			}

			#statinfo {
				width: 98%;
				margin: 20px auto 10px;
				border-collapse: collapse;
			}

				#statinfo thead th,
				#statinfo tbody th,
				#statinfo tbody td {
					padding: 3px 2px;
					font-size: 11px;
					font-weight: normal;
					text-align: center;
					vertical-align: middle;
					border: 2px solid #ddd;
				}

				#statinfo thead th {
					background: #dee5ee;
					border-color: #fff;
				}

				#statinfo tbody th {
					width: 28%;
					padding-left: 4px;
					text-align: left;
					border-right: 2px solid #acbed6;
					border-left: none;
				}

				#statinfo tbody td {
					width: 4.5%;
				}

					#statinfo tbody td:nth-child(4n+1) {
						border-right: 2px solid #acbed6;
					}

					#statinfo tbody td:last-child {
						border-right: none;
					}

					#statinfo tbody td a img {
						border: 0;
					}

				#statinfo tbody tr:nth-child(even) th,
				#statinfo tbody tr:nth-child(even) td {
					background: #dee5ee;
				}

				#statinfo tbody tr:hover th,
				#statinfo tbody tr:hover td {
					background: #adbdd6;
				}

			#about p {
				text-align: center;
			}



div#momap_map, div#momap_high, div#momap_active {
	width: 180px;
	height: 112px;
}

div#momap_map {
	float: left;
	margin-left: 5px;
	margin-top: 65px;
}

img#momap_img {
	border: none;
}

@media print {
    html, body {
        background: white;
    }

    #themes-infos,
    #counties {
        display: none;
    }

    #main {
        position: static;
    }

    #mainChart {
        background-color: white;
    }

    #mainChart .highcharts-container {
        margin: 0 auto;
    }
}

a[target="_blank"]::after {
	--a11y-popout-icon: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M8.5 4.5H1L1 20.5H17V13M9.5 12L20 1.5M20 1.5V9M20 1.5H12.5'/%3E%3C/svg%3E");
	content: "";
	display: inline-block;
	width: .75em;
	height: .75em;
	margin-left: 5px;
	-webkit-mask-image: var(--a11y-popout-icon);
	mask-image: var(--a11y-popout-icon);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
}