/*** GENERAL ***/
* {
	margin: 0px;
	padding: 0px;
}

html, body {
	font: normal 12px Verdana;
	color: #000;
	height: 100%;
	background: #fff;
}

a:visited {
	
}

/*** LAYOUT ***/
#placeholder {
	margin: 10px auto;
	width: 600px;
}

#banner {
	height: 110px;
}

#query {
}

	#query .header {
		background: #554A3E;
		color: #FFFFFF;
		border-bottom: 5px solid #C0D345;
		padding: 5px;
	}
	
	#query .content {
		padding: 5px;
		border: 1px solid #E7D998;
	}
	
	#query .content .fake_textfield {
		font: normal 25px Arial;
		vertical-align: middle;
	}
	
	#query .content .fake_textfield .textfield {
		border-width: 0px;
		font: normal 25px Arial;
	}

	#query .content .button {
		font: normal 20px Arial;
		vertical-align: middle;
	}

.info {
	margin-top: 5px;
	color: #888;
}

#error {
	background: #a00000;
	color: #fff;
	line-height: 20px;
	padding: 0px 5px;
}

#result {
}

	#result img.toggle_button {
		cursor: pointer;
	}

	#result .header {
		font: bold 14px Arial;
		color: #386A97;
		border-bottom: 1px solid #D4DBE8;
		margin-bottom: 5px;
		padding: 3px 0px;
	}
	
	#result .content {
		color: #555;
		font: normal 12px Monospace;
		padding: 5px;
	}
	
	#result .collapsed {
		color: #555;
		display: none;
		font: italic 12px Arial;
	}
	
	#result a {
		color: #555;
		text-decoration: underline;
	}
	
	#result a:hover {
		color: #000;
	}