File: //home/gurkhajustice.org.uk/public_html/stylesheets/autocomplete.css
/* START AUTOCOMPLETE */
.ac_holder{
position:relative;
}
.ac_field{
background-image: url(img/autocomplete_leftcap.gif);
background-position: right center;
background-repeat: no-repeat;
border: 1px solid #7F9DB9;
}
.ac_field_busy{
background-image: url(img/autocomplete_spinner.gif);
background-position: right center;
background-repeat: no-repeat;
border: 1px solid #7F9DB9;
}
div.autocomplete{
position: absolute;
/*background-image: url(img/ac_pointer.gif);*/
background-position: top left;
background-repeat: no-repeat;
padding: 9px 0 0 0;
font-size: 1em;
z-index: 100;
border: 0 solid black;
width: 205px;
}
div.autocomplete div.ac_pointer{
background-image: url(img/ac_pointer.gif);
background-position: top left;
background-repeat: no-repeat;
padding: 9px 0 0 0;
font-size: 1em;
position: absolute;
top: 0px;
height: 10px;
width: 20px;
z-index: 250;
}
div.autocomplete div.ac_header,
div.autocomplete div.ac_footer{
position: relative;
height: 8px;
padding: 0 6px;
background-image: url(img/ul_corner_tr.gif);
background-position: top right;
background-repeat: no-repeat;
overflow: hidden;
border-left: 2px solid #4ead2f;
width: 205px;
}
div.autocomplete div.ac_footer{
border:0px solid blue;
height:8px;
background-position: top right;
background-image: url(img/ul_corner_br.gif);
width: 207px;
}
div.autocomplete div.ac_header div.ac_corner,
div.autocomplete div.ac_footer div.ac_corner{
position: absolute;
top: 0px;
left: 0;
height: 8px;
width: 8px;
/*background-image: url(https://gurkhajustice.org.uk//stylesheets/img/ul_corner_tl.gif);*/
background-color: #ffffff;
background-position: top left;
background-repeat: no-repeat;
}
div.autocomplete div.ac_footer div.ac_corner{
background-image: url(img/ul_corner_bl.gif);
background-color: transparent !important;
}
div.autocomplete div.ac_header div.ac_bar,
div.autocomplete div.ac_footer div.ac_bar{
height: 6px;
overflow: hidden;
}
/*new container added for suggestive drop down*/
div.mycontainer{
border-left: 2px solid #4ead2f;
border-right: 2px solid #4ead2f;
padding: 0;
width: 215px;
}
/*-----------------*/
div.autocomplete ul{
list-style: none;
margin: 0 0 -4px 0;
padding: 0;
overflow: hidden;
background-color:#FFF;
border: 0px solid #000022;
width: 215px;
}
div.autocomplete ul li{
color: #000;
padding: 0;
margin: 0 4px 4px;
text-align: left;
}
div.autocomplete ul li a{
color: #000;
display: block;
text-decoration: none;
background-color: transparent;
/*text-shadow: #000 0px 0px 5px;*/
position: relative;
padding: 0;
width: 100%;
}
div.autocomplete ul li a:hover{
background-color: #32660F;
}
div.autocomplete ul li.ac_highlight a:hover{
background-color: #32660F;
}
div.autocomplete ul li a span{
display: block;
padding: 3px 6px;
font-weight: bold;
}
div.autocomplete ul li a span small{
font-weight: normal;
color: #999;
}
div.autocomplete ul li.ac_highlight a span small{
color: #ccc;
}
div.autocomplete ul li.ac_highlight a{
color: #fff;
background-color: #32660F;
background-image: url(img/hl_corner_br.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
div.autocomplete ul li.ac_highlight a span{
background-image: url(img/hl_corner_bl.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div.autocomplete ul li a .tl,
div.autocomplete ul li a .tr{
background-image: transparent;
background-repeat: no-repeat;
width: 6px;
height: 6px;
position: absolute;
top: 0;
padding: 0;
margin: 0;
}
div.autocomplete ul li a .tr{
right: 0;
}
div.autocomplete ul li.ac_highlight a .tl{
left: 0;
background-image: url(img/hl_corner_tl.gif);
background-position: top left;
}
div.autocomplete ul li.ac_highlight a .tr{
right: 0;
background-image: url(img/hl_corner_tr.gif);
background-position: top right;
}
div.autocomplete ul li.as_warning{
font-weight: bold;
text-align: center;
}
div.autocomplete ul li em{
font-style: normal;
color: #5aad29;
}
div.autocomplete ul li a:hover em{
color: #bddda9;
}
div.autocomplete ul li.ac_highlight em, div.autocomplete ul li.ac_highlight a:hover em{
color: #fde5aa;
}
/* END AUTOCOMPLETE */