.popupmenu { position:relative }
.popupmenu .field {
    width:200px; background:#FFFFFF; color:#2489aa; padding:5px; border:none; cursor:pointer;
    font-family:'lucida sans unicode',sans-serif; font-size:1em;
    border:solid 1px #FFFFFF;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.popupmenu .field:hover {
    border:solid 1px #fff;
    -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.popupmenu>ul.list { display:none;
    position:absolute; left:30px; top:-30px; z-index:999;
    width:200px;
    margin:0; padding:10px; list-style:none;
    background:#fff; color:#333;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.popupmenu>ul.list li {
    padding:10px;
    border-bottom: solid 1px #ccc;
}
.popupmenu>ul.list li:hover {
    background:#2489aa; color:#fff;
}
.popupmenu>ul.list li:last-child { border:none }