﻿.searchBarHolder {
	float: left;
}
.searchBarHolder .magnifyGlass {
	float: left;
	width: 12px;
	height: 12px;
	margin: 3px 6px 0 0;
}
.searchBarHolder a.btnGo {
	display: block;
	float: left;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	color: #fff;
	height: 20px;
	width: 30px;
	margin-left: 6px;
}
.searchBarHolder .leftCorner {
	margin-top: 1px;
	float: left;
	height: 18px;
	width: 5px;
	background: url(images/roundedCornerLeft.gif) no-repeat;
}
.searchBarHolder .searchField {	
	margin-top: 1px;
	float: left;
	background: #fff;
	height: 18px;
}
.searchBarHolder .searchField input {
	font: 11px Tahoma;
	padding-top: 2px;
	background: #fff;
	border: 0;
	width: 105px;
}
.searchBarHolder .dropdown {
	margin-top: 1px;
	float: left;
	width: 20px;
	height: 18px;
	background: url(images/btn_dropdown.gif) no-repeat;
}
.searchBarHolder .searchBarItems {
	padding-top: 4px;
	position: absolute;
	background: #fff;
	width: 110px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.searchBarHolder .searchBarItems {
		margin-left: 20px
	}
}
.searchBarHolder .searchBarItems a, .searchBarHolder .searchBarItems a:link, .searchBarHolder .searchBarItems a:visited, .searchBarHolder .searchBarItems a:active{
	display: block;
	color: #000;
	padding: 2px 8px;
	text-decoration: none;
}
.searchBarHolder .searchBarItems a:hover {
	background: #999999;
	color: #fff !important;
	text-decoration: none;
}
.searchBarHolder a.btnGo {
	text-decoration: none;
}
.searchBarHolder .bottom {
	background: url(images/search.gif) no-repeat;
	height: 6px;
	font-size: 1px;
}

/* ===== themes ===== */

.blue .searchBarHolder a.btnGo { background: url(images/btn_go/blue.gif) top right no-repeat; }
.blue .searchBarHolder .magnifyGlass { background: url(images/icons/blue.gif) no-repeat; }

.gray .searchBarHolder a.btnGo { background: url(images/btn_go/gray.gif) top right no-repeat; }
.gray .searchBarHolder .magnifyGlass { background: url(images/icons/gray.gif) no-repeat; }

.green .searchBarHolder a.btnGo { background: url(images/btn_go/green.gif) top right no-repeat; }
.green .searchBarHolder .magnifyGlass { background: url(images/icons/green.gif) no-repeat; }

.pink .searchBarHolder a.btnGo { background: url(images/btn_go/pink.gif) top right no-repeat; }
.pink .searchBarHolder .magnifyGlass { background: url(images/icons/pink.gif) no-repeat; }

.red .searchBarHolder a.btnGo { background: url(images/btn_go/red.gif) top right no-repeat; }
.red .searchBarHolder .magnifyGlass { background: url(images/icons/red.gif) no-repeat; }

.orange .searchBarHolder a.btnGo { background: url(images/btn_go/orange.gif) top right no-repeat; }
.orange .searchBarHolder .magnifyGlass { background: url(images/icons/orange.gif) no-repeat; }

.yellow .searchBarHolder a.btnGo { background: url(images/btn_go/yellow.gif) top right no-repeat; }
.yellow .searchBarHolder .magnifyGlass { background: url(images/icons/yellow.gif) no-repeat; }