.dropcontainer { position: relative; font-size: 14px; color: #fff; }
.trigger { color: #fff; padding: 6px; font-size: 14px; width: 100%; background: #0f62b0 url("../images/sel.png") 97% center no-repeat; display: block; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border: none; border-radius: 5px; }
.trigger:hover { color: #fff; background: #0f62b0 url("../images/sel.png") 97% center no-repeat; }
.activetrigger { color: #fff; padding: 6px; font-size: 14px; width: 100%; background: #0f62b0 url("../images/sel-top.png") 97% center no-repeat; display: block; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }
.activetrigger:hover { background: #0f62b0 url("../images/sel-top.png") 97% center no-repeat; color: #fff; }
.activetrigger:active { background: #0f62b0 url("../images/sel-top.png") 97% center no-repeat; color: #fff; }
.dropcontainer ul { font-size: 14px; background: #0f62b0; list-style-type: none; margin: 0; width: 100%; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 5px 5px; position: absolute; }
.dropcontainer ul li { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: block; float: none !important; border-radius: 0 !important; margin-right: 0 !important; }
.dropcontainer ul li:hover { background: #10b8e1; outline: none; }
.dropcontainer ul li:first-child { display: none; }
.dropcontainer ul li:last-child { border-bottom: none; margin-right: 0px !important; }
.dropdownhidden { display: none; }
.dropdownvisible { height: auto; }
.dropcontainer ul li a { color: #fff; line-height: 22px; font-size: 13px; padding: 0 10px; }