.heapBox
{
clear:both;
display:inline-block;
line-height:35px;
position:relative;
width: 100%;
border-bottom: 2px solid #efefef;
 height: 40px;
}

.heapBox *
{
margin:0;
padding:0;
outline: none;
}

.heapBox.disabled .holder
{
color:#4D647C;
}


.heapBox a{
text-decoration:none;
color:#434343;
}

.heapBox .holder
{
width:100%;
overflow:hidden;
height:40px;
font-size: 12px;
background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;

}

.heapBox .handler
{

/*width:25px;
background:#2c3e50 url(../gfx/heapbox_handler_bg.jpg);
height:35px;*/
}

.heapBox .holder,.heapBox .handler
{
float:left;
position:relative;
z-index:10;
font-weight: 600;
}

.heapBox div.heap
{
display:none;
position:absolute;
list-style-type:none;
left:0;
width:100%;
top:37px;
overflow:hidden;

}

.heapBox .heap .heapOptions
{
display:block;
overflow:hidden;
z-index:20;
position:relative;
}

.heapBox .heap a.sliderUp
{
display:block;
width:100%;
height:15px;

background-repeat:no-repeat;
background-position:center center;
border-bottom:1px solid #17212a;
position:absolute;
top:0px;
z-index:30;
}

.heapBox .heap a.sliderDown
{
display:block;
width:100%;
height:15px;

background-repeat:no-repeat;
background-position:center center;
border-top:1px solid #17212a;
position:absolute;
bottom:0px;
z-index:30;
}

.heapBox .heap .heapOptions .heapOption
{
z-index:20;
position:relative;
display:block;
height:35px;
}

.heapBox .heap .heapOptions .heapOption a{
width:100%;
display:block;
background:#efefef;
text-indent:15px;
}

.heapBox .heap .heapOptions .heapOption a:hover{
background:#36a9e1;
color: #fff;
}

.heapBox .heap .heapOptions .heapOption a.selected{
background:#36a9e1;
color: #fff;
}

.heapBox .heap .heapOptions .heapOption a.disabled{
	color:#a9adb4;
}