body{font-family: Helvetica, Arial; font-weight: regular; font-size: 15px; color: #555; background-color: #FFF; margin: 0;}

#map{background-color:#eee; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; *height:100%;}

.label{
           font-family: 'Josefin Slab', serif;
font-size: 20px;
            text-shadow: 1px 1px rgba(250,250,250,0.5);

            }
#logo{
width: 300px;
position: absolute;
background-color: rgba(0,0,0,0);
right: 10px;
font-family: 'Josefin Slab', serif;
font-size: 24px;
top: -7px;
margin:0;
}

h1.title{
margin:0;
        text-shadow: 1px 1px rgba(250,250,250,0.5);

}


h4 {
display: inline-block;
color: #777;
margin: 2px;
margin-left: 2px;
font-family: 'Josefin Slab', serif;
font-size: 20px;
color: rgba(50,50,50,1); 
border-bottom: 1px solid #939494;   


}

#legend {
position:absolute;
    width: 500px;
    top: 50px;
/*    background-color: rgba(0,0,0,0); */
    font-family: 'Josefin Slab', serif;
}

#legend ul.legend_list {
list-style: none;
/*	border-top: 3px solid #ccc;*/
height: 21px;
margin-right: auto;
margin-left: auto;
padding: 0;
padding-bottom: 1px;
text-align: left;
}

#legend ul.legend_list li {
/*display: flex;*/
width: 380px;
    background: rgba(239,239,239,1);

   
/*	float: left;*/
}



#legend ul.legend_list li a {
/*padding: 3px 10px;*/
display: block;
/*border-left: 1px solid #ccc;*/
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-right: 1px solid #ccc;

margin-right:0px;
text-decoration: none;
/*background-color: #efefef;*/
border-radius: 0px 8px 8px 0px;
font-size: 20px;
color: rgba(0,0,0,1); 
font-family: 'Josefin Slab', serif;

}
#legend ul.legend_list li a.counter{
   background: -webkit-linear-gradient(left, rgba(255,0,0,0.2), rgba(255,0,0,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,0,0,0.2), rgba(255,0,0,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,0,0,0.2), rgba(255,0,0,0));/* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,0.5)); /* Standard syntax (must be last) */
}


#legend ul.legend_list li a.districts_for{
       background: -webkit-linear-gradient(left, rgba(31,119,78,0), rgba(31,119,78,0.2)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(31,119,78,0), rgba(31,119,78,0.2)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(31,119,78,0.5), rgba(31,119,78,0.2)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(31,119,178,0.1), rgba(31,119,178,0.6)); /* Standard syntax (must be last) */
}
li.status.item{
       background: -webkit-linear-gradient(left, rgba(166,206,227,0.1), rgba(166,206,227,0.6)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(166,206,227,0.1), rgba(166,206,227,0.6)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(166,206,227,0.1), rgba(166,206,227,0.6)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(166,206,227,0.1), rgba(166,206,227,0.6)); /* Standard syntax (must be last) */
}


li.bagsNumber.item{
   background: -webkit-linear-gradient(left, rgba(255,0,0,0.2), rgba(255,0,0,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,0,0,0.2), rgba(255,0,0,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,0,0,0.2), rgba(255,0,0,0));/* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,0,0,0.1), rgba(255,0,0,0.6)); /* Standard syntax (must be last) */
}


#legend ul.legend_list li a.districts_for{
       background: -webkit-linear-gradient(left, rgba(31,119,78,0), rgba(31,119,78,0.2)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(31,119,78,0), rgba(31,119,78,0.2)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(31,119,78,0.5), rgba(31,119,78,0.2)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(31,119,178,0.1), rgba(31,119,178,0.6)); /* Standard syntax (must be last) */
}
#legend ul.legend_list li a.districts_against{
       background: -webkit-linear-gradient(left, rgba(166,206,227,0), rgba(166,206,227,0.2)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(166,206,227,0), rgba(166,206,227,0.2)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(166,206,227,0), rgba(166,206,227,0.2)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(166,206,227,0.1), rgba(166,206,227,0.6)); /* Standard syntax (must be last) */
}

#legend ul.legend_list li.active a {
background-color: #fff;
padding-top: 4px;
}

/*
.legend i {
width: 18px;
height: 18px;
float: left;
margin-right: 8px;
opacity: 0.7;
}
*/



}
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
}
#tabs_container {
width: 330px;
font-family: 'Josefin Slab', serif;
font-size: 12px;
/*
margin-top: 3.2%;
margin-bottom: 2.5%;
*/
position: absolute; 
background-color: rgba(0,0,0,0); 
right: 10px;
top: 29px;
}

#tabs_container ul.tabs {
list-style: none;
/*	border-top: 3px solid #ccc;*/
height: 21px;
margin-right: auto;
margin-left: auto;
padding: 0;
padding-bottom: 1px;
text-align: center;

}
#tabs_container ul.tabs li {
display: inline-block;
width: 135px;
/*	float: left;*/
}
#tabs_container ul.tabs li a {
padding: 3px 10px;
display: block;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-right:0px;
text-decoration: none;
background-color: #efefef;
border-radius: 8px 8px 0px 0px;
font-size: 22px;
color: rgba(0,0,0,1); 
font-family: 'Josefin Slab', serif;
}
#tabs_container ul.tabs li.active a {
background-color: #fff;
padding-top: 4px;
}

div.tab_contents_container {
padding: 10px;
width: 300px;
border-top-width: 7px;
border-top-color: #939494;
border-radius: 28px 28px 28px 28px;
border: 3px solid #939494;
background: rgba(235,235,235,0.8);
}



div.tab_contents {
display: none;
}
div.tab_contents_active {
display: block;
}
div.clear {
clear: both;
}


.infowindow{ 
/*height: 55%; */
/*            width: 300px;*/
/*
margin-top: 2.5%;
margin-bottom: 2.5%;
*/
/*position: relative; */
;}


.districts{
height:170px;
width:100%;
border-bottom: 2px solid #939494;   

/*            display:inline-block;*/
}

.districts_info{
float:left;
width: 185px;
height: 150px;
position: relative;
}

ul.hover_data {
list-style-type: none;
position: absolute;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 2px;
font-size: 20px;
bottom: 0px;
width: 185px;
}

li.item {

/*padding: 0px 0px 0px 0px;*/
margin: 0px 7px 0px 0px;

}

div.name{
/*font-size: 1.2vw;*/
    font-size: 22px;
}

.img_container {

/*
margin-left: 10px;
margin-top: 10px;
*/
float:left;
height: 150px;
width: 115px;
right: 0;

/*            overflow:hidden;*/
} 
.portrait {
border-radius: 28px 28px 28px 28px;
border: 1px solid #939494;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
} 


#iframe{ 
margin-top: 10px;
/*display: none;*/
}


/*ABOUT TAB CONTENT STYLES*/
a.text{
    font-size: 16px;}

ul.instructions{font-size: 18px;
line-height: 120%;
list-style-type: none;
text-align: left;
white-space: normal;
padding-left: 0px;}

a.position{
    font-size:18px;}

#credits{
border-top: 1px solid #939494;
}
#opener{
position:absolute;
    width: 200px;
    height: 50px;
    left: 10px;
    bottom: 10px;
    font-family: 'Josefin Slab', serif;}
a.button{
    cursor: pointer;
    font-size: 30px;
}
p.code{
    font-size:10px;
}
#dialogue{
    width:500px;
}