@CHARSET "UTF-8";

.xsnazzy { width: 450px; float: right; } 
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #283d63; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}

.xsnazzy a img { border: 1px #000 solid; }

/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#000; overflow:hidden; border-top:10px solid #ea5a75; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.search-panel .xb1, .search-panel .xb2, .search-panel .xb3, .search-panel .xb4, .search-panel .xb5, .search-panel .xb6, .search-panel .xb7 {display:block; overflow:hidden; font-size:0;}
.search-panel .xb1, .search-panel .xb2, .search-panel .xb3, .search-panel .xb4, .search-panel .xb5, .search-panel .xb6 {height:1px;}
.search-panel .xb4, .search-panel .xb5, .search-panel .xb6, .search-panel .xb7 {background:#283d63; border-left:1px solid #283d63; border-right:1px solid #283d63;}

.search-panel .xb1 {margin:0 8px; background:#283d63;}
.search-panel .xb2 {margin:0 6px; background:#283d63;}
.search-panel .xb3 {margin:0 4px; background:#283d63;}
.search-panel .xb4 {margin:0 3px; background:#ea5a75; border-width:0 5px;}
.search-panel .xb5 {margin:0 2px; background:#ea5a75; border-width:0 4px;}
.search-panel .xb6 {margin:0 2px; background:#ea5a75; border-width:0 3px;}
.search-panel .xb7 {margin:0 1px; background:#ea5a75; border-width:0 3px; height:2px;}

.search-panel .xboxcontent { display:block; background:#ea5a75; border: 3px solid #283d63; border-width: 3px 3px 0px 3px; padding: 5px; padding-top: 10px;}

input.keywords { float: left; display: inline; border: 1px #283d63 solid; font-size: 17px; padding: 2px; height: 33px; width: 300px; font-family: Trebuchet MS, Verdana, Arial; padding: 3px; letter-spacing: 1px; background-color: /*#f8fafd*/ #fff; }
input.keywords:hover { border-width: 2px;}
input#searchBtn { border: none; background-color: #ea5a75; font-family: Trebuchet MS, Verdana, Arial; font-size: 17px; font-weight: normal; letter-spacing: 1px; }
div.search-panel form { display: inline; font-family: Trebuchet MS, Verdana, Arial; }

/**********************************************************************/
/* search button */
/**********************************************************************/

#sb { margin-left: 10px; display: inline; float: left; width: 80px; }
#sb .xboxcontent a { text-decoration: none; color: #fff; font-size: 19px; }
#sb:hover { cursor: pointer; }
#sb { background: transparent; }
#sb .xtop, #sb .xbottom {background:transparent; font-size:1px;}
#sb .xb1, #sb .xb2, #sb .xb3, #sb .xb4 {overflow:hidden;}
#sb .xb1, #sb .xb2, #sb .xb3 {height:1px;}
#sb .xb2, #sb .xb3, #sb .xb4 {background:#6d7999; border-left:1px solid #000; border-right:1px solid #000;}
#sb .xb1 {margin:0 5px; background:#000;}
#sb .xb2 {margin:0 3px; border-width:0 2px;}
#sb .xb3 {margin:0 2px;}
#sb .xb4 {height:2px; margin:0 1px;}
#sb .xboxcontent { background:#6d7999; border:0 solid #000; border-width:0 1px; padding: 0; text-align: center; }

/**********************************************************************/
/* letter panel */
/**********************************************************************/
div.letter-panel { display: inline; float: left; margin-right: 10px; }
a.letter-btn { text-decoration: none; color: #000; }
a.letter-btn div { display: inline; padding: 3px; border: 1px solid #ea5a75; }
a.letter-btn div:hover { border: 1px solid #000; background-color: orange; }

#lsHintDiv { width: 300px; border: 1px solid black; }
#lsHints { font-size: 12px; list-style: none; margin: 0 0 0 0; padding-left: 0; text-align: left; }
#lsHints li { padding: 3px 3px 3px 3px; overflow: hidden; }
#lsHints li img { height: 13px; border:1px solid #aaa; float:right; }
#lsHints li a { float:right; }
#lsHints li a:visited { color: #00f; }

#lsload { height: 27px; position: absolute; display: none;}

#jquery-live-search {
	background: #fff;

	padding: 5px 10px;
	max-height: 400px;
	overflow: auto;

	position: absolute;
	z-index: 99;

	border: 1px solid #A9A9A9;
	border-width: 0 1px 1px 1px;

	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
