/*
	RESET
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}

/*
10  77
11 	85
12 	93
13 	100
14 	108
15 	116
16 	123.1
17 	131
18 	138.5
19 	146.5
20 	153.9
21 	161.6
22 	167
23 	174
24 	182
25 	189
26 	197
*/
/* 
	HTML 
*/
body
{
	font-family:		Verdana;
	font-size:			93%;
	color:				#afafaf;
	margin:				0;
	padding:			0;
	margin:				0 auto;
	/*letter-spacing:	-0.05em;*/
}

/*
	green button
*/
.green
{
	background:			#71b02e;
}

.red
{
	background:			#990000;	
}

.button
{
	position:			relative;
	z-index:			700;	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;	
	height:				30px;
	width:				58px;
	text-align:			center;
	cursor:				pointer;
	margin:				0 10px 0 0;
	float:				left;
}

.button div
{
	position:			absolute;
	z-index:			701;	
	background:			#FFFFFF;
	opacity:			.25;
	filter:				alpha(opacity=25);
	-moz-opacity:		0.25;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;	
	height:				13px;
	width:				52px;
	margin:				3px;
}

.button p
{
	position:			relative;
	z-index:			702;	
	color:				#FFFFFF !important;
	top:				8px;
	font-weight:		bold;
	font-size:			13px;
}

.button:hover,
.button div:hover p,
.button p:hover
{
	color:				#000000 !important;
}


/*
	HEADER
*/
#Header
{
	width:				820px;
	margin:				0 auto;
	background:			#e3e3e3;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border:				solid #f0f0f0;	
	border-width:		0 1px 1px 1px;
}

#Header .core
{
	background:			#FFFFFF;
	padding:			10px 10px 5px 10px;
	margin:				0 1px 1px 1px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;		
}

/*
	TITLE and SEARCH
*/
#Title
{
	position:			relative;
	z-index:			700;	
	background:			#333333;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;	
	height:				70px;
	width:				800px;
}

#Title .highlight
{
	position:			absolute;
	z-index:			701;
	background:			#FFFFFF;
	opacity:			.10;
	filter:				alpha(opacity=10);
	-moz-opacity:		0.10;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	height:				30px;
	width:				790px;
	top:				5px;
	left:				5px;	
}

#Title .content
{
	position:			relative;
	z-index:			702;
	padding:			20px;
}

#Title h1
{
	float:				left;
	color:				#f0f0f0;
	font-weight:		bold;
	padding:			7px 0;
}

#Title form,
#Title input,
#Title button
{
	padding:			0;
	margin:				0;
}

#Title form
{
	float:				right;
}

#Title input,
#Title button
{
	float:				left;
	width:				130px;
	padding:			3px 10px 3px 10px;
	height:				30px;
	border:				none;
	font-weight:		bold;
	font-size:			18px;
	color:				#dcdbdb;
	background:			url(../images/search-field-bg.jpg) no-repeat;
	background-position:top left;
}

#Title button
{
	width:				30px;
	background-position:top right;	
	text-indent:		-500em;
	cursor:				pointer;
}

/*
	FILTERS
*/
#Filters
{
	margin:				6px;
}

#Filters ul
{
	display:			none;
	padding:			3px 0 0 0;
	margin:				10px 0 0 0;
	clear:				both;
	text-transform:		capitalize;
}

#Filters ul p,
#Filters ul li
{
	font-weight:		bold;
	font-size:			12px;
	float:				left;
	padding:			4px 6px 7px 6px;
	margin:				0 0 0 5px;	
}

#Filters ul p
{
	color:				#333333;
}

#Filters ul li
{
	color:				#a0a0a0;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	cursor:				pointer;
	padding-right:		6px;
	background:			url(../images/tag-end-x.jpg) no-repeat;
	background-color:	#FFFFFF;
	background-position:right 0;
}

#Filters ul li:hover,
#Filters ul li.on,
#Filters ul li.on:hover
{
	color:				#cc3366;
}

#Filters ul li.on
{
	padding-right:		24px;	
	background-color:	#f4f4f4;
	background-position:right -24px;
}

#Filters ul li.on:hover
{
	background-color:	#e4e4e4;	
	background-position:right -48px;
}

#Filter-Steps
{
	position:			relative;
	float:				right;
	top:				-5px;
}
#Filter-Step-Back,
#Filter-Step-Next,
#Filter-Step-Done
{
	float:				left;
	display:			none;
}

/*
	RESULTS
*/
#Results,
#Ads
{
	width:				820px;
	margin:				0 auto;	
	padding:			5px 0;
}

.result
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:				solid #f0f0f0;	
	border-width:		1px;
	margin:				5px 0;
	padding:			10px;	
}

.result .header
{
	position:			relative;
	z-index:			700;	
	background:			#999999;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;	
	height:				30px;
	width:				800px;
	cursor:				pointer;	
}

#Ads .result .header
{
	background:			#666666;
}

.result .header .highlight
{
	position:			absolute;
	z-index:			701;
	background:			#FFFFFF;
	opacity:			.10;
	filter:				alpha(opacity=10);
	-moz-opacity:		0.10;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	height:				10px;
	width:				790px;
	top:				5px;
	left:				5px;	
}

.result .header .content
{
	position:			relative;
	z-index:			702;
	padding:			7px 20px;
}

.result .header .content h1
{
	float:				left;
	color:				#FFFFFF;
	font-weight:		bold;
}

.result .header .content .details
{
	font-size:			87%;
	float:				right;
	color:				#EEEEEE;
}

.result .header .content .details span
{
	color:				#FFFFFF;	
	font-weight:		bold;
}

#Results .result iframe
{
	border:				none;
	width:				800px;
	display:			none;
}