drop-down{
     display:inline-block;
     position:relative; 
}
drop-down ul{
    padding:0;
    margin:0;
    border:2px solid #abc;
    font-size:0.9em;
}
drop-down li{
    padding:5px;
    cursor:default;
    border-bottom:1px solid #cdf; 
    color:#666;
    background-color:#eee;
}
drop-down li:hover{
    color:#39c;
    background-color:#fff;
}
drop-down li[selected]{
    color:#fff;
    background-color:#678;
    font-weight: bold;
    
}
 



dialog {
    position: absolute;
    width: 95%;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    border: 1px solid #abc;
    border-radius: 8px;
    background-color: #fff;
    padding: 3px;
    min-height:100px;
    z-index:12;

}
dialog > h3.title {
    margin:0;
    border-bottom:1px solid #66caf9;
}

body > div.dialog-cover{
    position:fixed;
    left:0;
    top:0; 
    height:100%;
    width:100%;
    z-index:11;
    background-color:#333;
    opacity:0.5;
}
@media  screen and (min-width:700px) {
    dialog{
        width:600px;
    }
}