body {
	background: #272727;
	margin: 0;
	padding: 0;
	font-family: Georgia, Garamond, "Times New Roman", sans;
	font-size: 16px;
	color: #eee;
}

#logo {
	position: absolute;
	left: 30px;
	top: 15px;
	width:257px;
	height:48px;
	background: url(/images/logo.png) no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',sizingMethod='crop',enabled='true');
}
	#logo ins{
		display:none
	}

a {
	outline: none;
}

#openBGDialog {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 154px;
	height: 26px;
	background: url(/images/widgets/pick/bg_linkopen.png) no-repeat;
	text-decoration: none;
}
#openBGDialog.discovered {
	opacity: 0.3 !important;
	filter: alpha(opacity=30) !important;
}
#openBGDialog:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
	#openBGDialog ins {
		position: relative;
		left: 19px;
		top: 2px;
		outline: none;
		color: #53afd5;
		text-decoration: underline;
	}
	
#wrapper {
	  position: relative;
	  margin:0 auto;
	  width: 800px;
}
	#wrapper .form {
		position: relative;
		margin: 20px auto;
		width: 840px;
		height: 52px;
	}
	#wrapper .form .left,
	#wrapper .form .right {
		position: absolute;
		top: 0;
		height: 52px;
		overflow: hidden;
	}
		#wrapper .bg {
			position: absolute;
			top: 0;
			display: block;
			width: 800px;
			height: 52px;
			background: url(/images/search/bg_form.png) no-repeat;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}
	#wrapper .form .left {
		width: 700px;
		left: 0;
	}
		#wrapper .form .left .bg {
			left: 0;
		}
		#wrapper .form .left form {
			position: absolute;
			left: 17px;
			top: 15px;
		}
	#wrapper .form .right {
		width: 140px;
		right: 0; 
	}
		#wrapper .form .right .bg {
			right: 0;
		}
		#wrapper .form .right a {
			position: absolute;
			display: block;
			width: 65px;
			height: 20px;
			right: 17px;
			top: 15px;
			color: #8cc3ee;
			font-size: 18px;
			text-decoration: none;
			background: url(/images/search/ico_clear.gif) 100% 4px no-repeat;
		}
		
		#wrapper .results {
			width: 840px;
			margin: 0 0 20px;
		}
		#wrapper .results .top,
		#wrapper .results .bottom {
			display: block;
			width: 840px;
			height: 17px;
		}
		#wrapper .results .top {
			background: url(/images/search/boxtop.png) no-repeat;
		}
		#wrapper .results .bottom {
			background: url(/images/search/boxbot.png) no-repeat;
		}
		
		#wrapper .results .content {
			padding: 0 17px;
			background: #fff;
		}

/*---- closed ----*/

#wrapper.closed {
	position: static;
}
#wrapper.closed .form {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -26px 0 0 -200px;
	width: 420px;
	height: 52px;
}
	#wrapper.closed .form .left {
		width: 410px;
	}
	#wrapper.closed .form .right {
		width: 10px;
	}
	#wrapper.closed .form .right a {
		display: none;
	}
		
#wrapper.closed .results{
	display: none;
}

/*---- tip ----*/

#tip {
	position: absolute;
	right:140px;
	top: 60px;
	margin: 0;
	padding: 0;
	width: 270px;
	height: 165px;
	background: url(/images/search/tipbubble.png) no-repeat;
}
#tip.discovered {
	display: none;
}
	#tip ol {
		margin: 48px 10px 0 30px;
		padding: 0;
		width: 230px;
		color: #80502f;
		font-size: 16px;
	}
		#tip ol li{
			margin: 0 0 8px 0;
			padding: 0;
		}
	#tip a {
		display: block;
		position: absolute;
		width: 25px;
		height: 25px;
		top: 47px;
		right: 13px;
	}