.html_dropdown_select
{
	display: none;
}

.html_dropdown_div, .html_dropdown_div_hover
{
	position: relative;
	display: inline-block;
	width:100%;
	height:100%;
	background-color:#ffffff;
	text-align:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #c6c6c6;
}

.html_dropdown_selected_option_div
{
	position: relative;
	display: inline-block;
	width: 100%;
}

.html_dropdown_options_list
{
	position:absolute;
	display:none;
	padding:0 0px;
	background-color: #ffffff;
	border:1px solid #c6c6c6;
	height: 150px;
	width: 100%;
	overflow-x: none;
	overflow-y: auto;
	z-index: 9999;
}

.html_dropdown_div_hover > .html_dropdown_options_list
{
	position:absolute;
	display:block;
	padding:0 0px;
	background-color: #ffffff;
	border:1px solid #bfbfbf;
	height: 150px;
	width: 106%;
	overflow-x: none;
	overflow-y: auto;
	z-index: 9999;
}


/*.html_dropdown_option_div, .html_dropdown_selected_option_div*/
.html_dropdown_option_div, .html_dropdown_selected_option_div, .html_dropdown_option_div_hover
{
	position: relative;
	display: inline-block;
	width: 90%;
	cursor: pointer;
	font-size:0.75em;
	color:#333333;
	line-height:1.5em;
	cursor:pointer;
	overflow:hidden;
	border:0px solid red;
	padding: 2px 0.25em;
	
}

.html_dropdown_option_div > span, .html_dropdown_selected_option_div > span 
{
	display:inline-block;
	width:100%;
	line-height:16px;
	height:100%;
	overflow:hidden;	
}

.html_dropdown_selected_option_div > span 
{
	width:90%;	
}

.html_dropdown_button
{
	position:absolute;
	top:0;
	right:0px;
	width:20px;
	height:1em;
	line-height:20px;
	border:0px solid #303030;
	/*background-image:url("./images/icons/dropdown_triangle.png");*/
	background-position:10px 2px;
	background-size:10px 10px;
	background-repeat:no-repeat;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

 /*.html_dropdown_option_div > span*/
.html_dropdown_option_div > span
{
	color:#000000;
	background-color: #ffffff;
}

/*.html_dropdown_option_div_hover > span*/
.html_dropdown_option_div_hover
{
	color:#ffffff;
	/*background-color: #000000;*/
	background-color: #6f777d;
	
}

#fonts_list
{
	float:left;
	position:relative;
	display:inline-block;
	margin:0.25em auto;
	width:6.5em;
	height:1.25em;
	padding:0 0.3em;
	border:1px solid #bfbfbf;
	border-radius:2px;
	text-align: left;
	text-transform:uppercase;
	background-color: rgb(255,255,255);
	cursor: pointer;
}

#font_sizes_list
{
	float:right;
	position:relative;
	display:inline-block;
	margin:0.25em auto;
	width:4em;
	height:1.25em;
	padding:0 0.3em;
	border:1px solid #bfbfbf;
	border-radius:2px;
	text-align: left;
	text-transform:uppercase;
	background-color: rgb(255,255,255);
	cursor: pointer;
}

.dropdown_active, .dropdown_active > span
{
	background-color: #0055AA;
	color:#ffffff;
}