body {margin: 2em; font-family: Arial, Helvetica, sans-serif; width:100%;}

#center_all{
text-align:center;
width: 900px;
height:1000px;
margin:0 auto;
overflow:hidden;
}


td.orange {
        font-weight: bold;
        color: orange;
    }



td.red {
        font-weight: bold;
        color: red;
    }


ul { list-style: none;}
li {margin: 1em 0; text-align: center;}
.slider-control {margin: 1em 0;}

#map{
position:relative;
padding:0px;
width: 658px;
height: 635px; 


    color:grey;
    /* The background is used to specify the border background */   
background:grey;
    background: -webkit-linear-gradient(90deg, #181818, grey);
    /* Background origin is the padding box by default.
    Override to make the background cover the border as well. */  
    background-origin: border-box;
    /* A transparent border determines the width */
    border: 4px solid transparent; 
    border-radius: 20px 0px 0px 20px; 
 
}


#selection_menu{
text-align: left;
position:relative;
height: 585px;
left:665px;
top:-643px;
padding:25px 25px 25px 5px;
border:solid 1px;
width: 212px;

    color:white;
    /* The background is used to specify the border background */   
background:#282828;
    background: -webkit-linear-gradient(130deg, black, grey);
    /* Background origin is the padding box by default.
    Override to make the background cover the border as well. */  
    background-origin: border-box;
    /* A transparent border determines the width */
    border: 4px solid transparent;
    
border-radius: 0px 20px 20px 0px; 



}

#cema_icon{
position:relative;
padding: 10px;
width:100px;
left:-18px;
top:-940px;
z-index: 990;
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
 }

 #legend {
position:relative;
text-align:left;
   padding: 10px;
width:100px;
   margin: 10px;
   border: 1px solid #000;
border-radius: 15px;
top:-1557px;
z-index: 99; 
background: white; 
 }

#data_table{
position: relative;
top:-630px; 

height:200px;

    background: -webkit-linear-gradient(130deg, black, grey);
    /* Background origin is the padding box by default.                                                                                                                                                            
    Override to make the background cover the border as well. */
    background-origin: border-box;
    /* A transparent border determines the width */
    border-top: 4px solid transparent;

   color:white;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,b8bac6+0,b8bac6+0,dbdce2+21,dddfe3+80,f5f6f6+100 */
background: rgb(245,246,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(184,186,198,1) 0%, rgba(184,186,198,1) 0%, rgba(219,220,226,1) 21%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(184,186,198,1) 0%,rgba(184,186,198,1) 0%,rgba(219,220,226,1) 21%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(184,186,198,1) 0%,rgba(184,186,198,1) 0%,rgba(219,220,226,1) 21%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */


}


h6{
margin-left:0px;
margin-right: 0px;
margin-top:5px;
margin-bottom:10px;
}

.dataTables_filter, .dataTables_info { display: none; }

.infowindow-content {


    padding: 10px;
   font-size: 15px;


}



input[type=checkbox]:disabled {
    display: inline-block;
    content: "";
    background:black;
    height: 10px;
    width: 10x;
}


input:disabled {
    background:black;
}

input:disabled+label{color:grey;}

input[type=text]+label {
    float: left;
}