﻿/* Changed selectList from a DIV to a UL */

ul.selectList, .autoCompleteList, #autoComplete_List{
    background-color: #FFF;
    border: solid 2px #7E9DCC;
    z-index: 30;
    list-style-type: none;
    left: 0;
    padding: .3em;
    border-radius: 0 1em 1em 1em;
    position: absolute;
    top: 4px;
    z-index: 30;
    text-align:left;
    box-shadow: 10px 10px 10px #333;
}
#autoComplete_List{
    font-size: 1.2em;
}
/*ul.selectList{
    display:none;
}*/
.selectList li, .autoCompleteItem, #autoComplete_List li{
    white-space:pre;
    min-width: 158px;
    position:relative;
    padding-left: 22px;
}
.moreOption{
    width:100%;
    display:block;
    text-align:center;
}
div.selectContainer, div.form div.selectContainer{
    display:inline-block;
    position:relative;
}

.selectImage{
    background: transparent url(images/form-droplist.gif) no-repeat left top;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor:pointer;
}
.selectList a{
    text-decoration: none;
}
.selectList a strong{
    color: #C35;
    font-style: italic;
    font-weight:normal;
}

#autoComplete_List em, .selectList a em{
    color: #008;
    font-style: normal;
    font-weight: 900;
}

.selectList a.detailsLink{
    text-decoration: none;
    position:absolute;
    top:0;
    left:0;
    background: transparent url(images/search-back.gif) no-repeat left -25px;
    width: 20px;
    height: 20px;
    color: #EEE;
    text-indent: 25px;
    display:block;
    overflow: hidden;
}

#autoComplete_List li:hover, .selectList li:hover, .selectList li.selected:hover, .autoCompleteHover{
    background-color: #BCF;
    cursor: pointer;
}
#autoComplete_List li.selected, .selectList li.selected{
    background-color: #BDC;
 }
.selectList li:hover a.detailsLink, .selectList li.selected a.detailsLink{
    color: #BCF;
}

.selectList li:hover a{
    color: #FFF;
}
.selectList li:hover a.detailsLink{
    color: #BCF;
}
.selectList a.detailsLink:hover{
    color: #FFF !important;
}

input.dropSearch{
    border: solid 2px #7E9DCC;  
    background: #FFF url(images/search-back.gif) no-repeat left top;
}
input.autoCompleter{
    border-color: #7E9DCC;
    background: transparent url(themes/research/images/form-sprites-large.png) no-repeat right -450px;
}

select.selectionList{
    /*display:none;*/
}
select.selectionList:hover{
}
/* adjustments for sub forms */
.form .form .selectContainer{
    
}
.form .form .selectImage, .form .form .selectList{
}
.imageViews input[type=text],.imageTypes input[type=text]{
    width: 110px;
}