@charset "utf-8";
/* 
Begin Manual Adjustments of dropdowns
If you add more to this section
just add !important at the end
to override the defaults
*/

.dropdown{
	font-size:10px;
	height:16px;
    width: 90% !important;
    margin: 0px !important;
    padding: 0px !important;
}
.dropdown_button {
    padding: 0px !important;
}
.dropdown_item{
    cursor: pointer;
    padding: 5px !important;
    margin-left: 20px !important; /* indent list items */
}
.dropdown_button:after {
	top: 40% !important; /* Adjust the arrow position up-down*/
}

/*
End Manual Adjustments
*/

/*
*****************************************
No Changes to code below is needed
*****************************************
*/
.dropdown {
    position: relative;
    display: inline;
    height: auto;
}

.dropdown_button {
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 96%;
    height: 85%;
	vertical-align:middle;
	margin-right: 2px;
}

/* Arrow on right side of default item 1 */
.dropdown_button:after {
	width: 0; 
	height: 0; 
	content: "";
	position: absolute;
	top: 40%;
	right: 8px;
	border-top: 4px solid rgba(0, 0, 0, 1);    	
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	
}

.dropdown_content {
    display: none;
    position: absolute;
    width: 100%;
}

.dropdown_content div {
	position:relative;
    color: black;
    text-decoration: none;
    display: block;
	left: -80px;
	top: -20px;
	width: auto;
}

/*
.dropdown:hover .dropdown_content {
    display: block;
}
*/

/*
input:not([type]), input[type="text"]{
	background-color: #e0e4cc;
}
*/










.select_options{
	border:1px solid #47aaff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size:10px;
	font-family:arial, helvetica, sans-serif; 
	padding: 1px 10px 1px 10px;
	text-decoration:none;
	display:inline-block;
	text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
	font-weight:bold; color: #294C6B;
	background-color: #7FC4FF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7FC4FF), to(#DBE9F3));
	background-image: -webkit-linear-gradient(top, #7FC4FF, #DBE9F3);
	background-image: -moz-linear-gradient(top, #7FC4FF, #DBE9F3);
	background-image: -ms-linear-gradient(top, #7FC4FF, #DBE9F3);
	background-image: -o-linear-gradient(top, #7FC4FF, #DBE9F3);
	background-image: linear-gradient(to bottom, #7FC4FF, #DBE9F3);
}

.select_options:hover{
	border:1px solid #5ca6c4;
	background-color: #4cacff; background-image: -webkit-gradient(linear, left top, left bottom, from(#4cacff), to(#b5d2e6));
	background-image: -webkit-linear-gradient(top, #4cacff, #b5d2e6);
	background-image: -moz-linear-gradient(top, #4cacff, #b5d2e6);
	background-image: -ms-linear-gradient(top, #4cacff, #b5d2e6);
	background-image: -o-linear-gradient(top, #4cacff, #b5d2e6);
}

.select_options2{
	border:1px solid #47AAFF;
	-webkit-box-shadow: #878787 2px 2px 2px;
	-moz-box-shadow: #878787 2px 2px 2px;
	box-shadow: #878787 2px 2px 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size:11px;
	font-family:arial, helvetica, sans-serif;
	padding: 1px 10px 1px 10px;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
	color: #294C6B;
	background-color: #FFDD76;
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#A7DBD8), to(#DAF1F0));
	background-image: -webkit-linear-gradient(top, #A7DBD8, #DAF1F0);
	background-image: -moz-linear-gradient(top, #A7DBD8, #DAF1F0);
	background-image: -ms-linear-gradient(top, #A7DBD8, #DAF1F0);
	background-image: -o-linear-gradient(top, #A7DBD8, #DAF1F0);
	background-image: linear-gradient(to bottom, #A7DBD8, #DAF1F0);
	*/
}

.select_options2:hover{
	border:1px solid #5CA6C4;
	/*
	background-color: #4CACFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#4CACFF), to(#B5D2E6));
	background-image: -webkit-linear-gradient(top, #4CACFF, #B5D2E6);
	background-image: -moz-linear-gradient(top, #4CACFF, #B5D2E6);
	background-image: -ms-linear-gradient(top, #4CACFF, #B5D2E6);
	background-image: -o-linear-gradient(top, #4CACFF, #B5D2E6);
	*/
}


