/* You'll probably want this */
.scrollectbox							{ overflow:visible; position:relative; }
.scrollectbox li > a					{ display:block; }

/* If one wants rounded corners, the top-li may be combined with a negative margin-top
to reach halfway up the headline. The bottom-li may just be a decorative bottom strip. */
.scrollectbox-top-li {
    /*display:none;*/
    height:10px; 
    margin-top:-10px; 
    padding:0; 
}
.scrollectbox-bottom-li { 
    /*display:none;*/ 
    height:5px;
    padding:0; 

}

/* Style the selectbox, the headline and the arrow */
.scrollectbox {
    float:left; 
}
.scrollectbox-arrow {
    /*display:none;*/ 
    width: 10px;
    height: 18px;
    padding:0;
    background:url('../img/scrollectbox-arrows.png') no-repeat left 8px;
    z-index:2; 
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.scrollectbox-headline { 
    padding: 6px 10px;
    /* background: #fff; */
    /* color: #fff;*/
    /* border: 1px solid #999; */
    /* border-bottom-width: 0; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    position: relative;
}

/* Style list and options */
.scrollectbox-list { 
    background-color: #fff;
    border: 1px solid #999;
    border-top-width: 0;
    /* margin-top: 10px !important; */
    position: absolute;
    /* float: left; */
    min-width: 300px;
    width: auto;
    top: 35px;
}

.scrollectbox li { 
    float: none !important;
    text-align: left; 
}
.scrollectbox li > a {
    padding:4px 8px;
    color:#333; 
}
.scrollectbox li > a:hover {
    background-color:#ccc;
}

/* Selected option, optgroup and option indents */
.scrollectbox li.scrollectbox-option-selected > a  { 
    color:#fff;
    background: #333;
}
.scrollectbox li.scrollectbox-optgroup { 
    color:#999; 
    font-weight:bold;
    font-size:11px; 
    height:11px; 
    padding:5px 8px 4px; 
}
.scrollectbox li.scrollectbox-optgroup-option > a {
    padding-left:16px; 
}

/* Scroll buttons */
.scrollectbox-scroll-btn {
    background:#fff url('../img/scrollectbox-arrows.png') no-repeat center 4px;
    height:15px; 
    cursor: pointer;
}
.scrollectbox-scroll-btn:hover { 
    background-color:#eee;
}
.scrollectbox-scroll-prev { 
    background-position:center -14px; 
}
.scrollectbox-scroll-disabled {
    opacity:0.5; 
}

/* Choose cursor type */
.scrollectbox-headline,  .scrollectbox-arrow { 
    cursor:pointer; 
}				/* Looks proper, i.m.o. */
.scrollectbox-select * {
    cursor:default !important; 
} 	/* Default style for <select> */