* {
	margin:		0;
	padding:	0;
	outline:	none;
}

html, body {
	height:			100%;
	background:		#3E78AB none;
	font-family:	"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

dl {
	padding:	0;
	margin:		8px 0;
}
dt {
	font-weight:	bold;
	text-align:		right;
	width:			9em;
	clear:			both;
}
dd {
	margin:			-1.35em 0 0 9.5em;
	padding-bottom:	0.3em;
	overflow:		visible;
}

div#g_ads {
	position: absolute;
	top: 30px;
	left: 83%;
	width: 160px;
	z-index: 21;
}

div#wrapper,
div#header,
div#bgmid {
	width:	75%;
}

div#wrapper,
div#header,
div#bgmid,
div#bgleft {
	left:		5%;
}

div#bgright {
	right:		20%;
}

div#wrapper,
div#header,
div#bgmid,
div#bgleft,
div#bgright {
	position:	fixed;
}


div#wrapper {
	background:		transparent;
	position:		absolute;
	top:			0;
	margin-top:		133px;
	z-index:		2;
}

div#header {
	background:		url(tile_header.png) repeat-x transparent;
	height:			133px;
	top:			0;
	z-index:		2;
}

div#logoimg {
	width:			348px;
	height:			133px;
	position:		absolute;
	top:			0;
	margin-left:	30px;
	z-index:		2;
}

div#statistics {
	width:			40%;
	height:			43px;
	position:		absolute;
	top:			90px;
	right:			170px;
	z-index:		2;
	text-align:		right;
	overflow:		hidden;
	color:			#ffffff;
}

.statslink {
	color: #ffffff;
}

div#codeimg {
	background:		url(code.png) no-repeat transparent;
	width:			225px;
	height:			52px;
	position:		absolute;
	top:			0;
	right:			0;
}

div#settings-button {
	background:		url(settings.png) no-repeat -104px 0px transparent;
	width:			104px;
	height:			38px;
	position:		absolute;
	top:			95px;
	right:			0;
	margin-right:	40px;
	cursor:			pointer;
	z-index:		3;
}

div#settings {
	width:			338px;
	padding:		10px;
	position:		absolute;
	top:			133px;
	right:			0;
	margin-right:	40px;
	background:		url(tile_settings.png) repeat-x bottom #8AC0E9;
	border:			1px solid #3E78AB;
	display:		none;
	z-index:		10;
}

div#settings-button:hover {
	background-position:	0px 0px;
}

input#settings-text {
	width:			100%;
	border:			0;
	font-family:	"Lucida Console", "Courier New", monospace;
}

input#settings-close {
	border:		1px solid #666;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size:	0.9em;
	padding:	2px;
	float:		left;
}

input#settings-load {
	border:		1px solid #666;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size:	0.9em;
	padding:	2px;
	float:		right;
}

div#content {
	padding:	10px 15px;
}

div#bgmid {
	top:			0;
	height:			100%;
	background:		url(tile_content.png) repeat-x bottom #D2CBA1;
	z-index:		1;
}

div#bgleft {
	top:			0;
	margin-left:	-115px;
	width:			117px;
	height:			100%;
	background:		url(tile_bgleft.png) repeat-y transparent;
	z-index:		6;
}

div#bgright {
	top:			0;
	width:			117px;
	margin-right:	-115px;
	height:			100%;
	background:		url(tile_bgright.png) repeat-y transparent;
	z-index:		6;
}

div.block {
	width:	100%;
}

div.center {
	text-align:	center;
}

textarea,
iframe#output-iframe {
	width:			100%;
	margin-left:	-2px;
	border:			1px solid #99A;
	background:		#fff none;
	font-family:	"Courier New", monospace;
	font-size:		0.8em;
}

textarea#output-textarea,
iframe#output-iframe {
	display:	none;
}

textarea:focus {
	border:	1px solid #66A;
}

input#generate,
input#generate_press,
input#generate_active {
	width:		500px;
	height:		32px;
	border:		0;
	margin:		auto;
	background:	url(generate.gif) no-repeat transparent;
	margin:		2px 0;
}

input#generate:hover  { background-position: 0px -32px; }
input#generate_press  { background-position: 0px -64px; }
input#generate_active { background-position: 0px -96px; }

input.check {
	margin-bottom:	4px;
}