.fopt {
	display: none;
	position: absolute;
	z-index: 10;
	top:60px;
	min-width:200px;
}

.fopt table {
	background-color: #007FAF;
	/*border: 1px solid #000;*/
	text-decoration: none;
	text-align: left;
	/*color: black;*/
	/*opacity: 0.9;*/
}

.fopt li a{
	padding:10px;
	color:#fff;
	font-size:14px;
	font-weight: 300;
	line-height: 1.5;
}

.fopt th {
	padding:6px;
}

.fopt table:hover {
	/*background-color: #cccccc;*/
	/*border: 1px solid #000;*/
	text-decoration: none;
	/*color: black;*/
	/*opacity: 1;*/
}

@media only screen and (max-width: 767px) {
	
	ul.navbar-nav a {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	
	ul.navbar-nav .hli {
	   padding-top: 0px;
	   padding-bottom: 0px;
    }	
}


/* \cml's css (~ '-')~*/
.fopt td{
	vertical-align: top;
}

.fopt td ul li{
	/*border-bottom: 1px solid black;*/
}