/*------------------*/
/*  Common tags   	*/
/*------------------*/
html {
	height:100%; max-height:100%;  
	padding:0; margin:0; 
	border:0; 
	font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; 
	background:#FFF; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}
body {
	height:100%; max-height:100%; 
	overflow:hidden;
	background-color:#FFF;

	padding:0; margin:0; 
	border:0;
}
h1 {
	font-size: 2em; font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-align: left;
	margin:0.8em 1.5em 0.5em 0.8em;
}
hr {margin: 0.3em 0;}
fieldset {
	border:1px solid gray;
	text-align:justify;
	padding: 0 1em 0.7em 1em;
}
legend {
	color:#F00;
	font-weight:bold;
	
	margin-bottom:0.1em;
}
form {padding:0; margin:0;}
input{font-family: sans-serif, Arial, Helvetica;}
a {text-decoration:underline}
a:hover {text-decoration:none}

/*------------------*/
/*    Content       */
/*------------------*/

#content {
	background: url(img/puzzle_bottom.jpg) no-repeat fixed left bottom;
}
#content_keyb {
	background: url(img/puzzle.jpg) no-repeat fixed right top;
}
#cup {
	background: url(img/cup.gif) no-repeat fixed center center;
}
#stat, #about {
	background: url(img/statistic.gif) no-repeat fixed center center;
}
#sitemap {}
#help {
	background: url(img/puzzle_dollar.gif) no-repeat fixed center center;
}
#content, #content_keyb, #cup, #stat, #about, #help, #sitemap {
	display:block;
	height:100%; max-height:100%;
	overflow:auto;
	position:relative; z-index:3;
}
#center_table {
	width:100%;height:100%;max-height:100%;
	padding:0; margin:0;
	position:relative; 
	overflow:auto;
}
* html #center_table {
	position:absolute;
	right:18px; border-left-width:18px;
}
.center_td {text-align:center; vertical-align:middle;}
#language {
	display:block; 
	top:0px; right:18px; 
	margin:1.4em 2em 0 0; 
	position:fixed; z-index:3;
	/*border: 1px solid red;*/
}
* html #language {position:absolute;}
#language a {
	color: #800080;
	font-size:1.4em;
	text-decoration:none;
}
#language a:hover {
	text-decoration:underline;
}

.extra_nav {
	text-align: right;
	margin-top: 0.6em;
}
.extra_nav a, .extra_nav a:hover, .extra_nav a:visited {color: #00F;}

.pad_content_up {
	display:block;
	height:40px;
}
.pad_content_bot {
	display:block;
	height:65px;
}
ul.sitemap,
.sitemap ul {
	list-style-type: none;
}
.sitemap ul {
	padding-left:2em;
}
.sitemap a, .sitemap a:hover, .sitemap a:visited {
	color: #00F;
	font-size: 85%;
	white-space: nowrap;
}
.sitemap a {
	text-decoration: none;
}
.sitemap a:hover {
	text-decoration: underline;
}
/*------------------*/
/*     Testing      */
/*------------------*/
.container {
	text-align:justify;
	width:468px;
	margin:0 auto;
}
.preamble {font-size:2em;}

h1.number {
	font-size:4.7em; font-weight:normal; text-align:center;
	margin: 0.2em 0 0.5em 0;
}
h1 span.small {font-size:50%;}

.hint {margin-bottom:1em;}
.author {margin-bottom:1em; text-align:right;}
.input {
	border: thin inset;
	height:1.2em; line-height:1.2em; width:70%;
	float:left;
}
.input_nofloat {
	border: thin inset;
	height:1.2em; line-height:1.2em; width:70%;
}
label.winner {
	display:block;
	margin:0.5em 0;
}
.submit {
	border: 1px solid;
	height:1.5em; width:25%;
	float:right;
}
fieldset.form {border-width:0; padding:0;}
.error {
	color: #F00;
	text-align:right; font-style:italic; font-weight:bold;
	margin-top:1em;margin-bottom:1em;
}
.winner_image {border:5px solid #FFF;}

/*------------------*/
/*  Winners, Stat   */
/*------------------*/
table.winners {
	margin:0 auto; width:50em; 
	border-collapse:collapse;
}
.winners tr{margin:0; padding:0;}
.winners td{
	/*background:  url(img/line.gif) no-repeat right bottom;*/
	width: 33%;
	border-bottom:1px solid #f5edce;
	text-align:left; white-space:nowrap;
	padding: 0.2em 3em 0.2em 1em;
}
td.winners_nav {
	text-align:right;
	padding:1em 0.5em 0 1em; margin:0;
	border-bottom:0;
}

.winners_nav a {color:#0000FF;text-decoration:none; font-size:0.8em;}
.winners_nav a:hover {text-decoration:underline}
.winners_nav a:visited {color:#0000FF;}

td.pagination{
	border-bottom:none; padding-right:0;
}

table.stat {
	margin:0 auto;
	border-collapse:collapse;
}
.stat tr{margin:0; padding:0;}
.stat td{
	background:  url(img/line.gif) no-repeat right bottom;
	text-align:left; white-space:nowrap;
	padding: 0.2em 3em 0.2em 1em;
}

table.paging {
	margin:0; padding:0;
	border-collapse:collapse;
}
.paging tr{margin:0; padding:0;}
.paging td{
	vertical-align:top;
	border-bottom: none;
	text-align:left; 
	margin:0; padding:0;
}
td.pagination-paging {
	width:100%;
	padding:1em 10px 0 0; 
	margin:0;
	border-bottom:0;
	font-size:0.8em;
	white-space: normal;
}
.overpaging-outer{position:relative;overflow-x:scroll;height:3.5em}
.overpaging-inner{position:absolute;overflow-x:hidden;height:3.5em;white-space:nowrap;}
td.pagination-search {
	padding-top:10px;
	border-bottom:0;
}

.winners_nav a {color:#0000FF;text-decoration:none;}
.winners_nav a:hover {text-decoration:underline}
.winners_nav a:visited {color:#0000FF;}

form.winners_search {
	display:block;
	float:left;
}
.winners_search input {
	border: thin inset;
	margin-right:1em;
	font-size:0.85em;
	/*height:1em;*/
}
.winners_search .submit {
	float:none; height:auto; width:auto;
	border: 1px solid;
}
h1#winners{text-align:center; margin:inherit 0;}
* html h1#winners {padding-left:18px;}
.hacker {font-weight:bold; color:#F00;}
.unknown {color:#CCC;}

/*------------------*/
/*  Advertisement   */
/*------------------*/

.goog-center {
	height:60px; width:468px;
	margin:0 auto;
	/*margin-top: 3em;margin-bottom: 3.5em;*/
	background: url(img/google_spacer.gif) no-repeat center center;
}
.goog-search {
	/*display:table;*/
	/*width:10px;*/
	margin:0 0 0 auto;
	/*border:1px solid black;*/
}

#advert {
	display:block; 
	top:0px; left:0px; 
	margin:0; 
	position:fixed; z-index:4;
}
* html #advert {position:absolute;}
.transparent img {
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1; 
}
.transparent:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0; 
}
.tuthost_adv, .text_adv, .button_adv {
	position:relative;display:block;
	margin-left:19px;
}
.text_adv {padding-top:3px; padding-bottom:8px; font-size: 0.75em; color:#CCC;}
.text_adv a {
	white-space:nowrap;
	color:#CCC;
}
a.tuthost_adv, a.tuthost_adv:visited {
	background-color:#dedede;
	border: 1px dashed #9A9A9A;
	padding:8px 10px;
	text-align:center;
	
	width:15em;
	font-size: 0.75em;
	text-align:center;
	color:#b7b7b7;
}
a.tuthost_adv:hover {
	background-color:#b7b7b7;
	border: 1px dashed #000;
	color:#000;
}
.button_adv {padding-top:10px;}
.text_adv a:hover {color:#000;}
.pad_advert {
	display:block;
	width:18px; height:4em; 
	float:left;
}

/*------------------*/
/*      Footer      */
/*------------------*/

#footer {
	display:block; 
	position:fixed; z-index:4;
	height:65px; width:100%;
	bottom:-1px; right:18px; 
	margin:0; /*padding-top:0.2em;*/
	overflow:auto;

	text-align:right; font-size:1em; white-space:nowrap;

	background: #FFF url(img/puzzle_bottom.jpg) no-repeat fixed left bottom;
	/*border:4px solid red;*/
}
* html #footer {
	position:absolute;
	background-position: 18px 100%;
}
address {
	display:block;
	/*height:32px; line-height:32px;*/
	color:#999;
	font-size:1em;
	line-height:1em;
	margin-right:1em;
	
	float: left;
	/*border:1px solid red;*/
}
a.sitemap-icon {
	float: left;
	margin-right:2em;
	line-height: 1em;
}
a.sitemap-icon img {
	width: 10px; height: 11px;
	border: 0;
}
a.feedback, a.feedback:hover, a.feedback:visited,
a.nav, a.nav:hover, a.nav:visited {color: #00F;}
a.feedback,
a.nav {
	margin: 0 0 10px 0;
}
a.feedback {
	float:left; clear:right;
	margin-right:1.5em;
}
a.nav {
	float:right;
	margin-right:0.1em;
	margin-left:1.4em;
}
sup a.nav {
	float:right;
	margin-right:0.1em;
	margin-left:0.3em;
	margin-top:-3px;
}
sup.feedback{
	float:left; margin-left:-1.5em;
	color:#C00; font-weight:bold;
}
.pad_footer {
	display:block; 
	width:37px; height:3.3em; 
	float:left;
}