.dropcontainer {
position: relative;
font-size: 0.875em;
color: #777;
}

.trigger {
color: #777;
height: 35px;
line-height: 35px;
padding:0 10px;
font-size: 1em;
width: 50%;
background: #fff url(../images/select-arrow-open.png) 98% center no-repeat;
background-size:15px 15px;
display: block;
border: 1px solid #ddd;
border-radius:3px;
text-decoration:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.trigger.error {border:1px solid #aa0000;}

.trigger:hover {
color: #777;
text-decoration:none;
}

.activetrigger {
color: #777;
height: 35px;
line-height: 35px;
padding:0 10px;
font-size: 1em;
width: 50%;
background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
background-size:15px 15px;
display: block;
border: 1px solid #ddd;
border-radius:3px 3px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration:none;
}

.activetrigger:hover {
background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
background-size:15px 15px;
color: #777;
text-decoration:none;
}

.activetrigger:active {
background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
background-size:15px 15px;
color: #777;
}

.dropcontainer ul {
border: 1px solid #ddd;
border-top: none;
background: #fff;
list-style-type: none;
padding: 10px;
margin: 0;
width: 50%;
z-index: 100;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.dropcontainer ul li {
padding: 5px;
}

.dropcontainer ul li:hover {
background: #f5f5f5;
outline: none;
}

.dropcontainer ul li:first-child {
display: none;
}

.dropcontainer ul li:last-child {
border-bottom: none;
}

.dropcontainer ul li a, .dropcontainer ul li a:hover {
color: #555;
text-decoration:none;
}

.dropdownhidden {
display: none;
}

.dropdownvisible {
height: auto;
}