/* selectbox and autocomplete styles */

/* auto-complete drop down */
input.completed {
    position:relative; z-index:2;
}
div.autocomplete {
    position:absolute;
}
div.autocomplete,
div.selectbox div.selectlist {
    display:none; z-index:1;
    max-height:200px; /* max-height determined for IE by javascript in autocomplete.js */
    background:#FFF;
    border-width:0 1px 1px 1px; border-style:solid; border-color:#CCC;
/*    -moz-border-radius:0px 0px 8px 8px;
    -webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;
    border-radius:0px 0px 8px 8px;*/
}
div.autocomplete.active,
div.selectlist.active {
    display:block;
}
div.autocomplete,
div.selectlist {
    padding:15px 0;
    overflow:auto;
}
div.text div.autocomplete,
div.selectbox div.selectlist {
    margin-top:-6px;
}
div.selectbox {
    position:relative; /* otherwise the left:0 below does weird things */
    z-index:1;
    margin:0; padding:0; border:0;
    font-size:0.9166666em; line-height:1;
}
div.selectbox div.popup {
    position:absolute;
    z-index:20; left:0;
    width:99%;
}
div.thbox div.selectbox div.popup {
    z-index:204;
}
div.autocomplete ul li,
div.selectlist ul li {
    list-style-type:none;
}
div.autocomplete ul li,
div.autocomplete ul.ui-autocomplete li a,
div.selectlist ul li,
div.selectlist ul li a {
    display:block;
    margin:0;
    cursor:pointer;
    font-family: Arial,sans-serif;
    /* overflow:hidden; this was added for some FF weirdness in the latest version. but IE adds a pixel because of it */
}
div.autocomplete ul li,
div.selectlist ul li,
div.autocomplete ul.ui-autocomplete li a {
    padding:4px 3px;
}
div.autocomplete ul.ui-autocomplete li {
    padding:0;
}
div.selectlist ul li,
div.autocomplete ul li {
    border-bottom:1px solid #EEE;
}
div.selectlist ul li:first-child,
div.autocomplete ul li:first-child {
    border-top:1px solid #EEE;
}
div.complete input {
    position:relative; z-index:2;
}
div.complete div.autocompete {
    z-index:1;
}
div.selectbox p,
#template div.selectbox p {
    display:block;
    position:relative; z-index:21;
    width:auto; /*padding:10px 12px;*/ padding:6px 7px;
    border-width:1px; border-style:solid; border-color:#CCCCCC #b2b2b2 #b2b2b2 #CCCCCC;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
    background-color:#FFF; background-position:right center; background-image:url(/img/global/selectbox/arrow-black.gif); background-repeat:no-repeat;
    letter-spacing:0px;
    cursor:pointer;
    line-height:1.1;
}
div.selectbox p a:hover {
    text-decoration:none;
}
div.selectbox div.selectlist ul li {
    letter-spacing:0px;
}
div.selectbox span.optional {
    color: #CCCCCC;
}
div.selectbox ul li.reset,
div.selectbox ul li.reset:first-child {
    height:0px; padding:0; overflow:hidden; border-top-width:0px;
}
div.selectbox.set ul li.reset,
div.selectbox.set ul li.reset:first-child {
    height:auto; padding:4px 3px; overflow:auto; border-top-width:1px;
}

div.selectlist ul li a:hover,
div.selectlist ul li:hover,
div.selectlist ul li:hover a,
div.selectlist ul li a:hover,
div.selectlist ul li.selected,
div.selectlist ul li.selected a,
div.autocomplete ul li.selected,

div.autocomplete .ui-state-hover,

#template div.selectlist ul li a:hover,
#template div.selectlist ul li:hover,
#template div.selectlist ul li:hover a,
#template div.selectlist ul li.selected,
#template div.selectlist ul li.selected a,
#template div.autocomplete ul li.selected,

div.selectlist ul.cols li.col ul li:hover,
div.selectlist ul.cols li.col ul li:hover a,
div.selectlist ul.cols li.col ul li a:hover {
    background:#f4e1e1;
    text-decoration:none;
    color:#000;
}


div.selectlist ul.cols li.col {
    cursor:default;
}
div.selectlist ul.cols li.col:hover,
div.selectlist ul.cols li.col:hover a {
    background:transparent; color:#444;
}