.dropcontainer {
	position:relative;
	font-size: 16px;
	color: #777;
}
.trigger {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	display: block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.trigger:hover {
	color: #000;
}
.activetrigger {
	padding: 10px;
	font-size: 16px;
	width: 50%;
	display: block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background: #eee url("img/modal/input_select.png") 95% center no-repeat;
}
.activetrigger:focus{
	background: #eee url("img/modal/input_select_active.png") 95% center no-repeat;
}
.activetrigger:hover {
	color: #9a9a9a;
}
.trigger:focus{
	text-decoration: none;
	color: #9a9a9a;
}
.activetrigger:active {
	color: #9a9a9a;
	text-decoration: none;
}
.dropcontainer a{
	color: #777;
}
.trigger,
.activetrigger,
.dropdownvisible a {
	display: block;
	width: 100%;
	margin-top: 0.5em;
	padding: .6em 1.1em;
}
.dropdownvisible a{
	margin-top:0;
}
#add-account-check-form .dropdownvisible a:hover{
	background: #54585A;
	color:white;
}
.dropcontainer ul {
	box-shadow: 2px 2px 2px rgba(0,0,0,.7);
	width: 100%;
	top: .1em;
	position: absolute;
	font-size: 16px;
	border-top: none;
	background: #eee;
	list-style-type: none;
	margin: 0;
	z-index: 100;
	box-sizing: border-box;
    max-height: 13em;
	overflow-y: auto; 
}
.trigger{
	background: url("img/modal/input_select.png") 95% center no-repeat;
}
.dropcontainer ul li:hover {
	outline: none;
}
.dropcontainer ul li:last-child {
	border-bottom: none;
}
.dropdownhidden {
	display: none;
}
.dropdownvisible {
	height: auto;
}