html{
    width: 97%;
    height: 97%;
    margin: auto;
    background-color: #888;
}

body{
    width: 100%;
    height: 100%;
}

h1{
    padding: 10px 10px;
    text-align: center;
    font-family: sans-serif;
}

#map{
    width: 100%;
    height:100%;
}

#content{
    width: 100%;
    height: 100%;
    margin: auto;
}

#content>ul{
    position: absolute;
    right: 20px;
    top: 5px;
}

label i{
    vertical-align: bottom;
    font-size: 15px!important;
}

ul#menu li:first-child{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

ul#menu li:last-child{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}

ul#menu>li{
    list-style-type: none;
    padding: 3px;
    margin: 0;
    width: 190px;
    height: 25px;
    //-webkit-border-radius:4px;
    //-moz-border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    //display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

select, input{
    width: 150px;
}

select{
    text-indent: 10px;
    font-family: monospace;
}

input[type=date], input[type=text]{
    text-align: center;
    font-family: monospace;
    color: black;
}

#li_play{
    text-align: center;
    -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   cursor:pointer;
}

#li_play i{
     padding:2px;
     
}

#li_play i:hover{
    color: #981AFF;
    transition: all 1s;
    font-weight: bold;
    background-color: #D9D9D9;
    border-radius: 200px;
}

#settings{
    display: inline-block;
    width: 150px;
    text-align: center;
    cursor: pointer;
    vertical-align: bottom;
    padding-top: 4px;
}

#settings:hover{
    font-weight: bold; 
}

p, a, a:visited{
    color: #1a1a1a;
    font-family: sans-serif;
    text-decoration: none;
}

#set{
    height: 0px;
    transition: all 1s;
    overflow: hidden;
}

#set ul{
    margin-top: 10px;
    list-style-type: none;
    text-indent: -10px;
}

#i_settings{
    transition: all 62ms;
}

#set ul li{
    margin-top: 5px;
    transition: all 1s;
    cursor: pointer;
    -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#set ul li:hover{
    color: #1a1a1a;
}

#set ul li span{
    margin-right: 10px;
}

#set ul li span i{
    vertical-align:bottom;
    font-size: 15px!important;
}