/* 
================================================
autosuggest, inquisitor style
================================================

http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html
http://silex.vcp.jp/sys/autosuggest_v2/bsn.AutoSuggest_2.0/bsn.AutoSuggest_2.0.html

http://ajaxime.chasen.org/
http://cmf.ohtanz.com/suggest.html
http://www.enjoyxstudy.com/javascript/suggest/demo/demo2.html
http://www.enjoyxstudy.com/javascript/suggest/

*/

body
{
	position: relative;
}


div.autosuggest
{
	position: absolute;
	/* background-image: url(img_inquisitor/as_pointer.gif); */
	background-position: top;
	background-repeat: no-repeat;
	padding: 0px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 0px;
	padding: 0 0px;
	/* background-image: url(img_inquisitor/ul_corner_tr.gif); */
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	/* background-image: url(img_inquisitor/ul_corner_br.gif); */
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 0px;
	width: 0px;
	/* background-image: url(img_inquisitor/ul_corner_tl.gif); */
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	/* background-image: url(img_inquisitor/ul_corner_bl.gif); */
}

/* 結果リスト */
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 0px;
	overflow: hidden;
	background-color: #555555;
}

/* 結果リスト */
div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -0px 0;
	padding: 0;
	overflow: hidden;
	background-color: #555555;
}

div.autosuggest ul li
{
	color: #eeeeee;
	padding: 0;
	margin: 0 0px 0px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #eeeeee;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 0px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #aaaaaa;
}

/* 選択状態の */
div.autosuggest ul li.as_highlight a:hover
{
	/* background-color: #1B5CCD; */
	background-color: #00ff00;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 0px 0px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #dddddd;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #eeeeee;
}

/* 選択状態の */
div.autosuggest ul li.as_highlight a
{
	color: #fff;
	/* background-color: #1B5CCD; */
	background-color: #111111;
	/* background-image: url(img_inquisitor/hl_corner_br.gif); */
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	/* background-image: url(img_inquisitor/hl_corner_bl.gif); */
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	/* background-image: transparent; */
	background-repeat: no-repeat;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	/* background-image: url(img_inquisitor/hl_corner_tl.gif); */
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	/* background-image: url(img_inquisitor/hl_corner_tr.gif); */
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

/* 自動補完時、リスト内のマッチしている部分 */
div.autosuggest ul em
{
	font-style: normal;
	/* color: #6EADE7; */
	color: #ffffff;
}