@font-face {
    font-family: 'MuseoSlab 300';
    src: url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_300Webeot.eot');
    src: url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_300Webeot.eot?#iefix') format('embedded-opentype'),
         url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_300Webwoff.woff') format('woff'),
         url("/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_100.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body { margin:0; padding:0; }
    #map { position:absolute; top:0; bottom:0; width:100%; }


#header {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 239px;
    height: 50px;	
    background: #444;
    color: white;
    }

#content {
	padding: 20px 20px;
	overflow-x: auto;
	z-index: 2;
	position: absolute;
	font-family: 'MuseoSlab 300', georgia,serif;
	margin-top:550px;
    }
    
.embed #header, .embed #content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    visibility: hidden;
    overflow: hidden;
    }
    
.map-tooltip {
	min-width: 280px !important;
	max-width: 280px !important;
	
}


ol, ul {
	list-style: none;
	padding:0;
    }
    
#content h1, #content h2 {
    font-size: 24px;
    font-family: 'Whitney SSm A', 'Whitney SSm B',Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
    color:#3f3f3f;
    margin-top:0;
    }
    
    
#content h2 {font-size:16px;}
    
p {
    font-size: 14px;
    font-family: 'MuseoSlab 300', georgia,serif;
    margin-top:0;
    margin-bottom:5px;
    }
    

    
.map-attribution { display:none;}
    
.teaser h1 {padding:0; margin:0;text-align:left;}

.teaser li {margin-bottom: 0px;}


.legend p {margin-left: 30px;width: 150px;margin-top: 7px;}
.legend img {width:100%; height:100%;}
.li {width:100%; text-align:center;}


a {
    color:#369;
    text-decoration:none;
    }
h3 { margin: 0;}

h2 {padding: 15px 0 0 0;}


.teaser li {
font-weight: normal;
font-family: 'MuseoSlab 300', georgia,serif;
font-size: 11px;
line-height: 1.1;
margin: 0px !important;
}

.interactive span {
font-weight: normal !important;
font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif !important;
font-size: 18px !important;
font-weight: normal;
letter-spacing: .1em;
}

.teaser h1 span {
font-weight: normal !important;
font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif !important;
font-size: 18px !important;
font-weight: normal;
letter-spacing: .1em;
color: black;
}


li span {
font-size: 14px !important;
}

.source {
font-weight: normal;
font-family: 'MuseoSlab 300', Helvetica, Arial, sans-serif;
font-size: 11px;
margin-top: 8px;
}
.ul {margin:0 !important;}
.legend {margin:0 !important;}
.source a { color:#556120;}

#content ul {
list-style-type: disc;
margin-left: 16px;
font-size:14px;
}

#content li { margin-bottom:7px;}

#content a { color:#556120;}