.flyoutbutton
{
width:170px;
height:22px;
color:white;
background-color:#FDC516;
border:1px solid #221D1C;
border:1px solid #413223;
}
.flyouttitle
{
font-weight:normal;
vertical-align:middle;
line-height:20px;
padding-right:10px;
padding-left:10px;
cursor:pointer;
font-size:12px;
}
.flyoutbutton.active .flyouttitle
{
/*color:red;*/
}
.flyoutpopup
{
border:1px solid green;
position:absolute;
top:22px;
width:170px;
height:150px;
background-color:white;
display:none;
z-index:100;
overflow-y:scroll;
-webkit-box-shadow: 0px 0px 5px 3px rgba(33, 33, 33, 0.2);
-moz-box-shadow: 0px 0px 5px 3px rgba(33, 33, 33, 0.2);
box-shadow: 0px 0px 5px 3px rgba(33, 33, 33, 0.2);
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
/*color:white;*/
color:#0c0200;
/*background-color:#38302E;*/
border:1px solid #221D1C;
}
.flyoutpopupclose
{
position:absolute;
right:5px;
top:5px;
color:white;
background-color:#AB5E28;
font-weight:bold;
line-height:16px;
width:16px;
text-align:center;
vertical-align:middle;
cursor:pointer;
border-radius:5px;
font-weight:bold;
}
.flyoutpopup a
{
/*color:white;*/
color:#0c0200;
text-decoration:none;
display:block;
height:20px;
line-height:20px;
padding-left:5px;
overflow:hidden;
font-weight:normal;
font-size:12px;
}
.flyoutpopup a:hover,
.flyoutpopup a.selected
{
text-decoration:none;
color:white;
background-color:#E95F12;
}