/* Background colour #eeeeee */
DIV.autosuggest DIV.as_header DIV.as_bar {
	OVERFLOW: hidden; HEIGHT: 6px; BACKGROUND-COLOR: #f5f5f5; border-top: 1px solid #a7a7a7
}
DIV.autosuggest DIV.as_footer DIV.as_bar {
	OVERFLOW: hidden; HEIGHT: 5px; BACKGROUND-COLOR: #f5f5f5; border-bottom: 1px solid #a7a7a7; 
	}
DIV.autosuggest UL{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
	 MARGIN: 0px 0px -4px; OVERFLOW: hidden; PADDING-TOP: 0px; 
	 LIST-STYLE-TYPE: none; 
	 list-style:none;
	 list-style-image:none;
	BACKGROUND-COLOR: #f5f5f5; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7;
}




/* Normal Text colour */
UL.autosuggestUL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
	 MARGIN: 0px 4px 4px; COLOR: #000; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.asPaging 
{
    background-COLOR: #dddddd;
}

DIV.autosuggest UL LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
	 WIDTH: 100%; COLOR: #000 !important; PADDING-TOP: 0px; POSITION: relative; BACKGROUND-COLOR: transparent;
	  TEXT-DECORATION: none !important; 
	white-space: normal;
}

/* Info Text colour */
DIV.autosuggest UL LI A SPAN SMALL {
	FONT-WEIGHT: normal; COLOR: #555
}
/* Info Text highlighted */
DIV.autosuggest UL LI.as_highlight A SPAN SMALL {
	COLOR: #ccc
}

/* Matched Text */
DIV.autosuggest UL EM {
	COLOR: #D90A24; FONT-STYLE: normal
}

/* highlighted item */
DIV.autosuggest UL LI.as_highlight A {
	BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(autocomplete/hl_corner_br.gif);
	 COLOR: #fff; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #555555
}
/*DIV.autosuggest UL LI.as_highlight A:hover {
	BACKGROUND-COLOR: #1b5ccd
}*/


BODY {
	POSITION: relative
}
DIV.autosuggest {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 50% top; PADDING-LEFT: 0px;
	 BACKGROUND-IMAGE: url(autocomplete/as_pointer.gif); PADDING-BOTTOM: 0px;
	  PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; z-index: 99;
	  text-decoration: none;
}
DIV.autosuggest DIV.as_header {
	PADDING-RIGHT: 6px; BACKGROUND-POSITION: right top; PADDING-LEFT: 6px;
	 BACKGROUND-IMAGE: url(autocomplete/ul_corner_tr.gif); PADDING-BOTTOM: 0px;
	  OVERFLOW: hidden; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative;
	   HEIGHT: 6px;  BACKGROUND-COLOR: #eeeeee; z-index: 99;
}
DIV.autosuggest DIV.as_footer {
	PADDING-RIGHT: 6px; BACKGROUND-POSITION: right top; PADDING-LEFT: 6px;
	 BACKGROUND-IMAGE: url(autocomplete/ul_corner_tr.gif); PADDING-BOTTOM: 0px;
	  OVERFLOW: hidden; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative;
	   HEIGHT: 6px; z-index: 99;
}
DIV.autosuggest DIV.as_footer {
	BACKGROUND-IMAGE: url(autocomplete/ul_corner_br.gif);  z-index: 10002;
}
DIV.autosuggest DIV.as_footer DIV.as_corner {
	BACKGROUND-POSITION: left top; LEFT: 0px; BACKGROUND-IMAGE: url(autocomplete/ul_corner_tl.gif);
	 WIDTH: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 6px
	 ;  background-color: #eeeeee;  z-index: 99;
}
DIV.autosuggest DIV.as_footer DIV.as_corner {
	BACKGROUND-IMAGE: url(autocomplete/ul_corner_bl.gif) ;  background-color: #f5f5f5;  z-index: 99;
}

DIV.autosuggest DIV.as_header DIV.as_corner {
	BACKGROUND-POSITION: left top; LEFT: 0px; BACKGROUND-IMAGE: url(autocomplete/ul_corner_tl.gif);
	 WIDTH: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 6px;  
	 background-color: #f5f5f5
}


DIV.autosuggest UL LI A SPAN {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: 700; PADDING-BOTTOM: 3px;
	 PADDING-TOP: 3px
}


DIV.autosuggest UL LI.as_highlight A SPAN {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(autocomplete/hl_corner_bl.gif);
	 BACKGROUND-REPEAT: no-repeat;
}
DIV.autosuggest UL LI A .tl {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 6px;
	 PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 6px
}
DIV.autosuggest UL LI A .tr {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 6px;
	 PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 6px
}
DIV.autosuggest UL LI A .tr {
	RIGHT: 0px
}
DIV.autosuggest UL LI.as_highlight A .tl {
	BACKGROUND-POSITION: left bottom; LEFT: 0px; BACKGROUND-IMAGE: url(autocomplete/hl_corner_tl.gif)
}
DIV.autosuggest UL LI.as_highlight A .tr {
	BACKGROUND-POSITION: right bottom; RIGHT: 0px; BACKGROUND-IMAGE: url(autocomplete/hl_corner_tr.gif)
}
DIV.autosuggest UL LI.as_warning {
	FONT-WEIGHT: bold; TEXT-ALIGN: center; color:Black;
}

.wx-ac-entry
{
	font-size: 14px;
}

.wx-ac-entry--highlight
{
	/* Further styling requires alteration of existing css, not got scope atm*/
}

.wx-ac-entry__info
{
	font-size: 11px;
	color: grey;
}