* html .hasLayout { display: inline-block; }
body { margin: 0px; }
form { margin: 0px; }

.new {
	color: red;
	font-size: 80%;
	font-style: italic;
	text-shadow: white 1px 1px 0px;
}

#TopBar {
	background: #333;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding: 0px 10px 4px 8px;
	margin: 0px 40px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
	#TopBar .slogan{
		font-style: italic;
		font-size: 80%;
		color: white;
		text-shadow: 1px 1px 0px black;
	}
	#TopBar .logo {
		font-size: 120%;
		letter-spacing: 3px;
		text-shadow: 1px 1px 0px black;
	}
	.logo .more {
		color: #AAA;
	}
	.logo .of {
		color: #AACBD0;
	}
	.logo .it {
		color: white;
	}
	#RightMenu {
		font-size: 80%;
	}
	#RightMenu a, #RightMenu a:visited{
		text-decoration: none;
		color: #DDD;
	}
	#RightMenu a:hover {
		color: white;
		border-bottom: 1px dotted white;
	}

#TopSearch {
	background: #EEEEEE;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	margin-left: 80px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	display: inline-block;
}
	#TopSearch .textbox{
		width: 340px;
	}
	#TopSearch .or {
		font-size: 80%;
	}
	#TopSearch a, #TopSearch a:visited {
		color: blue;
	}
	#TopSearch a:hover {
		color: #66F;
		text-decoration: 1px dotted #66F;
	}
	#TopSearch .button {
		background: #333;
		color: white;
	}

#Summary {
	float: right;
	width: 30%;
	margin: 5px 90px 0px 0px;
	color: gray;
}
	#Summary H1, #Summary H2 {
		font-weight: normal;
		font-size: 70%;
		margin: 2px;
	}
	#Summary H1 {
		font-weight: bold;
	}


#Main {
	margin: 20px 40px 0px 40px;
}

.help {
	color: blue;
	cursor: help;
	border-bottom: 1px dotted #AAF;
}
	.help:hover{
		border-bottom: 1px dotted blue;
	}

.helpBox {
	display: none;
	position: absolute;
	width: 300px;
}
	.helpBoxTitle {
		font-weight: bold;
		padding: 2px;
		background: #CCF;
		text-align: center;
		text-shadow: white 1px 1px 0px;
		font-size: 100%;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		border: 1px solid black;
	}
	.helpBoxContent {
		padding: 5px;
		font-size: 80%;
		background: white;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-left: 1px solid black;
		border-bottom: 1px solid black;
		border-right: 1px solid black;
	}
		.helpBoxContent ul {
			padding: 0px;
			margin: 0px;
		}
		.helpBoxContent li {
			margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 20px;
			margin-right: 5px;
		}


.label {
	padding: 4px 10px;
	background: #EEE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #BDB;
	text-shadow: white 1px 1px 1px;
}


.paginator {
	text-align: center;
	font-size: 80%;
}
	.paginator a{
		border: 1px solid #DDD;
		background: white;
		padding: 0px 4px;
		margin: 0px 3px;
		color: blue;
		text-decoration: none;
	}
	.paginator a:hover{
		background: blue;
		border-color: black;
		color: white;
	}
	.paginator span.current{
		font-weight: bold;
		padding: 2px 6px;
	}

/* SPLASH PAGE */
	#SP #search_box{
		margin: 10px 120px;
		background: #DDF;
		padding: 10px;
		position: relative;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 1px solid white;
	}

	#SP #right {
		position: absolute;
		top: 5px;
		right: 11px;
		font-size: 90%;
		white-space: nowrap;
		text-align: right;
		line-height: 130%;
	}
		#SP #right .menu_item {
			padding: 1px 3px;
			cursor: pointer;
			color: blue;
		}
		#SP #right .menu_item:hover {
			color: navy;
		}
		#SP #right .on{
			background: #EEE;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #888;
		}

	#SP #tip {
		width: 350px;
		text-align: center;
		font-size: 80%;
		margin-top: 2px;
		color: #888;
	}


	#SP #suggestions {
		display: none;
		background: #EEE;
		margin-top: 10px;
		padding: 10px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border: 1px solid gray;
	}
	#SP #suggestions_content{
		padding: 15px;
		background: #FAFAFA;
		-moz-border-radius-bottomleft: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		-webkit-border-bottom-right-radius: 7px;
		border-bottom: 1px solid #EEE;
		border-left: 1px solid #EEE;
		border-right: 1px solide #EEE;
	}
	#SP .btn_suggest {
		float: left;
		margin-left: 10px;
		padding: 2px 10px;
		color: black;
		cursor: pointer;
		font-size: 90%;
	}
		#SP .btn_suggest.on{
			color: black;
			text-shadow: #DDD 1px 1px 0px;
			font-weight: bold;
			cursor: default;
			background: #CCC;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
		}

	#SP .result_header {
		margin: 10px 0px 20px 0px;
		text-align: center;
		font-size: 90%
	}


	#SP .moreofit_button{
		font-size: 80%;
		color: blue;
		text-decoration: none;
		padding: 2px 5px;
		background: #EEE;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #CCD;
		text-shadow: white 1px 1px 0px;
		cursor: pointer;
	}
	#SP .moreofit_button:hover{
		background: #DDF;
		border-color: #AAA;
	}
	#SP .result_right {
		font-size: 80%;
		padding: 2px;
		margin: 0px 3px 5px 10px;
	}
		#SP .result_title{
			color: navy;
		}
		#SP .result_href{
			color: green;
			font-size: 90%;
		}

	#SP .more_links {
		font-size: 80%;
		color: blue;
		cursor: pointer;
		padding: 2px 10px;
	}

	#SP .result_tag {
		font-size: 90%;
		float: left;
		margin: 5px;
		padding: 2px 8px;

		color: blue;
		text-decoration: none;
		background: #EEE;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #CCD;
		text-shadow: white 1px 1px 1px;
		cursor: pointer;
	}
		#SP .result_tag.over{
			background: #DDF;
			border-color: #AAA;
		}
		#SP .result_tag.on{
			background: #AAF;
			border-color: #AAF;
		}

	#SP .exp_header{
		font-size: 130%;
		color: #333;
		border-bottom: 1px dotted #AAA;
		position: relative;
		text-shadow: #BBF 1px 1px 1px;
	}

	#SP .exp {
		font-size: 90%;
		padding: 3px;
		margin-top: 5px;
		color: #444;
		text-shadow: #EEE 1px 1px 0px;
	}

	#SP #test_link { display: block; position: absolute; top: -100px;}
	#SP #test_link:visited { display: none; }

/*  END SPLASH PAGE */



/* MATCHES PAGE */

	#MP .tag_holder {
		float: left;
		margin: 0px 2px 4px 2px;
	}
		#MP .tag {
			padding: 1px 3px;
			border-bottom: 2px solid white;
			cursor: default;
		}
		#MP .cTag{
			border-bottom: 2px solid blue;
		}
		#MP .wTag {
			background: green;
		}
		#MP .woTag{
			background: red;
		}

	#MP #notice {
		width: 660px;
		margin-top: 15px;
		font-size: 75%;
		margin-left: 25px;
		text-shadow: none;
		text-align: center;
		font-weight: bold;
	}

	#MP #query_summary {
		font-size: 80%;
		margin-top: 16px;
		margin-left: 25px;
		margin-bottom: 15px;
		width: 680px;
		background: #FAFAFA;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border: 1px solid gray;
	}
	#MP #center_ad {
		margin-top: 16px;
		margin-left: 15px;
		margin-bottom: 15px;
	}

	#MP .bottom_border {
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border: 1px solid #DDD;
	}
	#MP .top_border {
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		border: 1px solid #88F;
	}
	#MP .search_option{
		font-size: 80%;
		font-weight: bold;
		color: black;
	}

	#MP .top_bar {
		padding: 5px;
		font-size: 90%;
		background: #666;

		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}

	#MP .top_bar_text {
		color: white;
		text-shadow: 1px 1px 1px gray;
	}
	#MP .top_bar_hilited_text {
		color: white;
		font-weight: bold;
		text-shadow: 1px 1px 1px #333;
	}
	#MP #about_results {
		color: white;
		text-shadow: 1px 1px 1px #333;
		font-size: 80%;
	}
	#MP .help {
		color: black;
		text-shadow: 1px dotted black;
	}

	#MP .left_section_header {
		font-size: 100%;
		color: black;
		margin-bottom: 10px;
		background: #EEE;
		padding: 2px 0px;
		cursor: pointer;
		border-left: 1px solid gray;
		border-top: 1px solid gray;
		border-bottom: 1px solid gray;
	}
	#MP .left_section_header .arrow {
		padding-left: 3px;
		float: left;
	}
	#MP .left_section_header .text {
		text-align: center;
		font-weight: bold;
		color: black;
		text-shadow: 1px 1px 1px white;
	}

	#MP .right_section_header {
		font-size: 100%;
		color: blue;
		margin: 10px;
		background: #EEE;
		padding: 2px 0px;
		cursor: pointer;
		border: 1px solid gray;
	}
	#MP .right_section_header .arrow {
		padding-left: 3px;
		float: left;
	}
	#MP .right_section_header .text {
		text-align: center;
	}

	#MP .more {
		float: right;
	}
	#MP .more a {
		color: blue;
		text-decoration: none;
	}
	#MP .more a:hover {
		text-decoration: underline;
	}


/* END MATCHES PAGE */
