/*
style for search components in emerald theme
*/

/* ---------------- */
/* ----- CORE ----- */
/* ---------------- */

#multi-search {
	background: none;
	border: 0px none;
	position: absolute;
	top:11px;
	left:12px;
	width: 588px;
	height: 41px;
		
	z-index: 10;
	padding: 12px 0px 0px 12px;
	
	/* text-indent: 12px; */
	
	font-size: 22px;
	color: #979797;
	
	}

.emerald-events #multi-search {
	width: 576px;
	}

.ac_field_busy {
	background: url(/invite2/scripts/multi-search/images/ajax-loader.gif) 98% 50% no-repeat !important;
	}

.multi-search-bar .multi-search-wrapper {
	 left:400px;
	 }

.ac_holder{
	position:relative;
}

div.autocomplete
{
	position: absolute;
	padding: 0px 0 0 0;
	opacity: .95;
	border: 1px solid #143b52;
	border-top: 0px none;
	margin: -5px 0px 0px 0px;
	background: url(/invite2/scripts/multi-search/images/multi-search-bg-wide.gif) top left;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	
	width: 638px !important;
	}

.emerald-index div.autocomplete
{
	background: url(/invite2/scripts/multi-search/images/multi-search-bg.gif) top left;
	width: 518px !important;
	}

div.autocomplete div.ac_header
{
	position: relative;
	height: 8px;
	overflow: hidden;
	
}

div.autocomplete div.ac_header div.ac_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-position: top left;
	background-repeat: no-repeat;
}

div.autocomplete div.ac_header div.ac_bar
{
	height: 6px;
	overflow: hidden;
}


div.autocomplete ul
{
	list-style: none;
	margin: 0px;
	padding: 0;
	overflow: hidden;
}

/* artist/city/venue styles */

div.autocomplete ul ul {
	background-repeat: no-repeat;
	padding: 0px 1px;
	}

div.autocomplete ul.ac-ul-artist {
	background-color: #cdf285;
	border-top: 1px solid #afca7a;
}
div.autocomplete ul.ac-ul-city {
	background-color:#9bde92;
	border-top: 1px solid #7aca7a;
}
div.autocomplete ul.ac-ul-venue {
	background-color:#fee49f;
	border-top: 1px solid #d1bf8c;
}
div.autocomplete ul.ac-ul-zip {
	background-color:#d8d8d8;
	border-top: 1px solid #b7b7b7;
}

/* li borders */

div.autocomplete ul.ac-ul-artist li {border-bottom: 1px solid #c4e387;}
div.autocomplete ul.ac-ul-city li {border-bottom: 1px solid #92d183;}
div.autocomplete ul.ac-ul-venue li {border-bottom: 1px solid #eed89e;}
div.autocomplete ul.ac-ul-zip li {border-bottom: 1px solid #cecece;}

div.autocomplete ul li a[name="1"] {
	border-top: 1px solid #ebebeb;
	background-image: url(/invite2/scripts/multi-search/images/multi-search.gif);
	background-repeat: no-repeat;
	}

div.autocomplete ul.ac-ul-artist li a[name="1"] {background-position: 15px 7px;}
div.autocomplete ul.ac-ul-city li a[name="1"] {background-position: 15px -193px;}
div.autocomplete ul.ac-ul-venue li a[name="1"] {background-position: 15px -93px;}
div.autocomplete ul.ac-ul-zip li a[name="1"] {background-position: 15px -293px;}

div.autocomplete ul li.ac_li a em {font-weight: bold;}
div.autocomplete ul.ac-ul-zip li.ac_li a em {font-weight: 500;}

div.autocomplete ul li.total {padding-bottom: 0px;}
div.autocomplete ul li.total a {
	padding: 3px 0px 3px 0px;
	text-indent: 53px;
	background-image: url(/invite2/scripts/multi-search/images/multi-search.gif);
	background-repeat: no-repeat;
	background-position: -388px -405px;
	}

div.autocomplete ul li.total.ac_highlight a {
	background-position: -388px -438px;
	}

/* begin hovers */

div.autocomplete ul.ac-ul-artist li.ac_highlight a {background-color: #78b200;}
div.autocomplete ul.ac-ul-city li.ac_highlight a {background-color: #44973a;}
div.autocomplete ul.ac-ul-venue li.ac_highlight a {background-color: #9b771a;}
div.autocomplete ul.ac-ul-zip li.ac_highlight a {background-color: #767676;}

/* end hovers */

div.autocomplete ul li
{
	color: #ccc;
	padding: 0;
	margin: 0px;
	text-align: left;
	height: 24px;
}

div.autocomplete ul li a
{
	color: #323232;
	display: block;
	text-decoration: none;
	background-color: transparent;
	/* text-shadow: #000 0px 0px 5px; */
	position: relative;
	padding: 0;
	width: 100%;
	position: relative;
}


div.autocomplete ul li a span
{
	display: block;
	padding: 3px 6px 3px 50px;
	height: 18px;
}

/* div.autocomplete ul li a span .name
{
	float: left;
}
*/


div.autocomplete ul li a span small
{
	font-weight: normal;
	color: #999;
	float: right;
	
	position: absolute;
	top:5px;
	right:7px;
}

div.autocomplete ul li.ac_highlight a span small
{
	color: #fff;
}

div.autocomplete ul li.ac_highlight a
{
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0px;
}

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.as_warning
{
	font-weight: bold;
	text-align: center;
}
div.autocomplete ul em
{
	font-style: normal;
}




/* ---------------- */
/* -- INDEX PAGE -- */
/* ---------------- */

/* new styles */

.index .search {
	width: 544px;
	height: 76px;
	background: url(/images/emerald/index-searchbox.gif) top left no-repeat;
	
	position: absolute;
	top:126px;
	left:407px;
	}

/* text area style */

.index #multi-search {
	
	width: 456px; /* 468 - 12 */
	}

/* button */

.index .go-button {
	position: absolute;
	top: 11px;
	right:12px;
	height: 53px;
	width: 52px;
	/* background: url(/images/emerald/index-searchbox.gif) no-repeat -480px -11px; */
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	
	text-indent: -10000px;
	}

.index .go-button:hover, .index .go-button:active, .index .go-button:focus {
	background: url(/images/emerald/index-searchbox.gif) no-repeat -480px -97px;
	}

/* end button */


/* ---------------- */
/* -- SEARCH PAGE - */
/* ---------------- */

/* new styles */

.events .search {
	width: 664px;
	height: 96px;
	background: url(../images/emerald/event-searchbox.gif) top left no-repeat;
	
	position: absolute;
	top:48px;
	left:148px;
	}

.events .search p {
	position: absolute;
	width: 340px;
	height: 20px;
	top:70px;
	left: 162px;
	text-align: center;
	color: #3a3a3a;
	}

.events .search p a {
	color: #3a3a3a;
	}


/* button */

.events .go-button {
	position: absolute;
	top: 11px;
	right:12px;
	height: 53px;
	width: 52px;
	/* background: url(/images/emerald/index-searchbox.gif) no-repeat -480px -11px; */
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	
	text-indent: -10000px;
	}

.events .go-button:hover, .events .go-button:active, .events .go-button:focus {
	background: url(../images/emerald/event-searchbox.gif) no-repeat -600px -101px;
	}

/* end button */

/* ---------------- */
/* -- EVENT PAGE -- */
/* ---------------- */

/* new styles */

.eventpage .search {
	width: 664px;
	height: 96px;
	background: url(../images/emerald/eventpage-searchbox.gif) top left no-repeat;
	
	position: absolute;
	top:10px;
	left:148px;
	}

.eventpage .search p {
	position: absolute;
	width: 340px;
	height: 20px;
	top:70px;
	left: 162px;
	text-align: center;
	color: #3a3a3a;
	}

.search p a {
	color: #3a3a3a;
	text-decoration: underline;
	}



/* button */

.eventpage .go-button {
	position: absolute;
	top: 11px;
	right:12px;
	height: 53px;
	width: 52px;
	/* background: url(/images/emerald/index-searchbox.gif) no-repeat -480px -11px; */
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	
	text-indent: -10000px;
	}

.eventpage .go-button:hover, .eventpage .go-button:active, .eventpage .go-button:focus {
	background: url(../images/emerald/eventpage-searchbox.gif) no-repeat -600px -101px;
	}

/* end button */