.heapBox
{
clear:both;
display:inline-block;
line-height:35px;
position:relative;
}

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

.heapBox.disabled .holder
{
color:#A7B6B7;
height: 35px;
}

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

.heapBox .holder
{
width:150px;
overflow:hidden;
background:#7f8c8d;
text-indent:20px;
height:35px;
}

.heapBox .handler
{
width:25px;
background:#7f8c8d url(../gfx/heapbox_handler_bg.jpg);
height:35px;
}

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

.heapBox div.heap
{
/*display:none;*/
position:absolute;
list-style-type:none;
left:0;
width:175px;
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:#7f8c8d url(../gfx/slider_arrow_up.png);
background-repeat:no-repeat;
background-position:center center;
border-bottom:1px solid #5c6768;
position:absolute;
top:0px;
z-index:30;
}

.heapBox .heap a.sliderDown
{

display:block;
width:100%;
height:15px;
background:#7f8c8d url(../gfx/slider_arrow_down.png);
background-repeat:no-repeat;
background-position:center center;
border-top:1px solid #5c6768;
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:#7f8c8d;
text-indent:20px;
}

.heapBox .heap .heapOptions .heapOption a:hover{
background:#5c6768;
}

.heapBox .heap .heapOptions .heapOption a.selected{
background:#5c6768;
}

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