@media all {

html, body {
	margin: 0;
	padding: 0;
	background: #333333;
	color: black;
	vertical-align: top;
}

body,div,li,a,p,span,td,th {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11pt;
}

body,div,a {
	margin: 0;
	padding: 0;
}

small {
	font-size: 9pt;
}

hr {
	height: 1px;
	color: #999999;
	background-color: #999999;
/*	width: 100%; */
	border: 0;
}

a,
a:link,
a:visited {
	margin:0;
	padding:0;
	text-decoration: none;
}
a:hover {
	margin:0;
	padding:0;
}

a.more,
a.more:link,
a.more:visited {
	float: none;
	margin: 0;
	padding: 0;
/*	padding: 0 15px 0 0; */
	/* background: url("/templates/default/images/arrow_right_normal.gif") no-repeat top right; */
	color: #000000;
}
a.more:hover {
	color: #0000FF;
	/* background: url("/templates/default/images/arrow_right_blue.gif") no-repeat center right; */
}

a.more img {
	padding: 0;
	margin: 0 0 -2px 3px;
}

a.back,
a.back:link,
a.back:visited {
	float: none;
	margin: 0;
	padding: 0;
/*	padding: 0 0 0 15px; */
	/* background: url("/templates/default/images/arrow_left_normal.gif") no-repeat center left; */
	color: #000000;
}
a.back:hover {
	color: #0000FF;
	/* background: url("/templates/default/images/arrow_left_blue.gif") no-repeat center left; */
}

a.back img {
	padding: 0;
	margin: 0 3px -2px 0;
}

.users_online {
	margin: 10px 15px 0px 15px;
   padding: 5px 0 7px 0;
   border-top: solid #999999 1px;
   border-bottom: solid #999999 1px;
   color: #B0B0B0;
 	font-size: 9pt;
	text-align: left;
}

/*
 * ---------
 *	 M E N U
 * ---------
 */
div#left_column {
   width: 130px;
   float: left;
   margin: 0;
   padding: 0;
}
div#center_column {
   float: left;
   width: 660px;
   margin: 0;
   padding: 0;
}
div#right_column {
   padding: 0;
   margin: 0 0 0 790px;
/* float: left; */
}

div#page {
	float: left;
	display: block;
	background: #666666;
	margin: 0;
	padding: 0;
	min-width: 1010px;
	max-width: 1100px;
	min-height: 780px;
	text-align: left;
}

div#menu_left {
	float: left;
	width: 130px;
	margin: 0;
	padding: 0;
	min-height: 660px;
	text-align: left;
	border: none;
}

div#menu_right {
	margin: 0;
	padding: 0;
	min-height: 660px;
	text-align: left;
	border: none;
}

ul.menu {
	float: none;
	margin: 13px 15px 15px 15px;
	padding: 0;
}


ul.menu li {
	list-style: none;
	margin: 0em 0em 0.4em 0em;
	padding: 0;
}

ul.menu_item_items {
/*	background: #888888; */
	float: none;
	margin: 0;
	padding: 0.2em 0.2em 1em 1em;
}

ul.menu_item_current_items {
	float: none;
	background: #888888;
	margin: 0;
	padding: 0.2em 0.2em 1em 1em;
}

ul.menu_item_items li {
	float: none;
	margin: 0em 0em 0.2em 0em;
}

ul.menu_item_current_items li {
	margin: 0em 0em 0.2em 0em;
}

.menu_item_current {
	float: none;
	text-align: left;
}

.menu_item_open a,
.menu_item_open a:link,
.menu_item_open a:visited {
	margin:0;
	padding:0;
	color: #E0E0E0;
	font-weight: normal;
}

.menu_item_current a,
.menu_item_current a:link,
.menu_item_current a:visited {
	color: #FFFFFF;
	font-weight: bold;
}
.menu_item a,
.menu_item a:link,
.menu_item a:visited {
	margin:0;
	padding:0;
	color: #E0E0E0;
	font-weight: normal;
}


.menu_item a:hover,
.menu_item_open a:hover {
	margin:0;
	padding:0;
	color: #FFFFFF;
}
div#content {
	float: left;
	display: block;
	background: #FFFFFF;
	margin: 0;
	width: 660px;
	padding: 0;
	min-height: 660px;
	text-align: left;
	vertical-align: top;
}

div#dummy_left {
	display: block;
	float: left;
	width: 130px;
	margin: 0;
	padding: 0;
	background: #999999;
	height: 120px;
	border: none;
}

#image_dummy_left {
	margin: 0;
	padding: 0;
	height: 110px;
	width: 130px;
}

div#dummy_right {
	display: block;
	margin: 0;
	padding: 0;
	background: #999999;
	height: 120px;
	border: none;
	width: 100%;
	overflow:hidden;
}

div#logo {
	display: block;
	float: left;
	width: 660px;
	padding: 0;
	margin: 0;
	height: 120px;
	background: #D7D7D7;
	border: none;
	overflow: hidden;
}

div#logo img {
	height: 100px;
	width: 630px;
	border: none;
	padding: 0;
	margin: 20px 15px 0px 15px;
}

#image_slogan {
	height: 30px;
	width: 200px;
	padding: 0;
	border: none;
	margin: 18px 10px 5px 10px;
}

#image_logo2 {
	height: 49px;
	width: 200px;
	padding: 0;
	border: none;
	margin: 10px 10px 5px 10px;
}

.menu_caption {
	display: block;
	padding: 13px 15px 0 15px;
	margin: 0;
	color: #333333;
}

.status {
	float: none;
	color: #B0B0B0;
	margin: 15px 15px 0px 15px;
	padding: 0;
	text-align: center;
	overflow:hidden;
}

.status_none {
	color: #B0B0B0;
}

.status_one {
	color: #FFFFFF;
}

.status_more {
	color: #FFFFFF;
}

.status_sufficient {
	color: #FFFF00;
}

.status_all {
	color: #33DD33;
}

.status_stats thead tr th {
	background: #888888;
	color: #CCCCCC;
	padding: 0 5px;
	font-size: 9pt;
}
.status_stats tbody tr td {
	background: #777777;
	padding: 0 5px;
	font-size: 9pt;
}


/*
 * ---------------------------
 *  F O R M   C O N T R O L S
 * ---------------------------
 */

.form_field_caption {
	display:block;
	margin-top: 3px;
	line-height: 11pt;
	font-size: 11pt;
	vertical-align: bottom;
	text-align: left;
	/* border: solid black 1px; */
}

.form_field_stored {
	display: block;
	background: #FFBBBB;
	width: 500px;
	padding: 3px;
	margin: 0px;
	font-size: 9pt;
	font-family: Courier, monospace;
	color: black;
}

.form_field_content {
	display: block;
	font-size: 11pt;
	text-align: left;
	vertical-align: middle;
}

.form_fieldset_field {
	font-size: 11pt;
	text-align: left;
	vertical-align: top;
}

.form_fieldset_content {
	font-size: 11pt;
	text-align: left;
	vertical-align: top;
}

input.text,input.password,input.file,select {
	font-family: Courier, monospace;
	font-size: 12pt;
	color: black;
	border: inset black 1px;
} 

textarea {
	font-family: Courier, monospace;
	font-size: 12pt;
	color: black;
	border: inset #000000 1px;
} 

input.checkbox {
	color: black;
	/* border: inset black 1px; */
	margin: 0.3em 0.3em 0 0;
} 

div#pagecontent {
	display: block;
	margin-left: 100px;
}

div#pagemenu {
	width: 100px;
	display: inline;
	float: left;
	text-align: left;
}

div#messages {
	color: green;
}

div#errors {
	color: red;
}

div#list_customers {
	text-align: center;
}

fieldset {
	display: inline;
	float: none;
	vertical-align: top;
	border: solid #666666 1px;
	/* background: #DDDDDD; */
	color: #666666;
	font-size: 9pt;
	margin-bottom: 7px;
	padding: 7px;
}

fieldset legend {
	/* background: #DDDDDD; */
	border: solid #666666 1px;
	color: blue;
	margin-top: 5px;
}

fieldset label {
	font-size: 8pt;
	color: #333333;
}

fieldset label.marked {
	font-size: 8pt;
	color: red;
}

.form_commands {
	display: block;
	text-align: right;
	vertical-align: top;
}

.form_commands #Submit {
	font-weight: bold;
	color: green;
}

.form_commands #Reset {
	font-weight: normal;
	color: red;
}

.form_commands #Cancel {
	font-weight: normal;
	color: red;
}

input.button_save {
	font-weight: bold;
	color: green;
}

input.text_search {
	font-family: Courier, monospace;
	font-size: 14px;
	width: 9em;
	color: black;
	border: solid black 1px;
	margin: 0;
}

input.button_search {
	padding: 0.1em 0.1em 0.1em 0.1em;
	margin: 0;
	font-size: 0.7em;
	font-weight: bold;
	border: solid #333333 1px;
	height: 1.85em;
	width: 5.4em;
	color: #000000;
	background: #AAAAAA;
}

input.button_send {
	font-weight: bold;
	color: green;
}

input.button_cancel {
	font-weight: normal;
	color: red;
}

input.button_reset {
	font-weight: normal;
	color: black;
}

div.form_error {
	color: red;
	display: block;
	text-align: center;
}

div.form_message {
	color: green;
	display: block;
	text-align: center;
}


/*
 * ---------------------
 *	 L O G I N   F O R M
 * ---------------------
 */

.login_commands {
	margin: 1em 1em;
	text-align: center;
	vertical-align: middle;
}

div#login_form {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

div#registrationpublic {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

div#registrationchange {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

#registration_thanks {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

.registration_form_public_commands {
	margin: 1em 1em;
	text-align: center;
	vertical-align: middle;
}



/*
 * -------------
 *  P U Z Z L E
 * -------------
 */

ul.puzzle {
	width: 630px;
	margin: 0px;
	padding: 15px;
}
ul.puzzle li {
	list-style: none;
	width: 630px;
	padding: 0;
	margin: 0 0 15px 0;
}

div#puzzle_form {
	font-size: 11pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

div#puzzle_solve_form {
	font-size: 11pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

.puzzle_solve_form_commands {
	margin: 1em 1em;
}

div#puzzle_solutions_form {
	font-size: 11pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

.puzzle_solutions_form_commands {
	margin: 1em 1em;
}

.puzzle_form_commands {
	margin: 1em 1em;
}

.puzzle_commands {
	margin: 0em 0 0.5em 0em;
	text-align: left;
	color: #000000;
}

.puzzle_commands a,
.puzzle_commands a:link,
.puzzle_commands a:visited,
.puzzle_commands a:hover {
	color: #0000FF;
}

.puzzle_commands a:hover
{
	color: #FF0000;
}

.puzzle_content a,
.puzzle_content a:link,
.puzzle_content a:visited,
.puzzle_content a:hover {
	color: #000000;
}

.puzzle_content a:hover {
	color: #0000FF;
}

a.puzzle_next,
a.puzzle_next:link,
a.puzzle_next:visited {
	float: right;
	margin: 0;
	padding: 0;
/*	padding: 0 15px 0 0; */
	/* background: url("/templates/default/images/arrow_right_normal.gif") no-repeat top right; */
	color: #000000;
}
a.puzzle_next:hover {
	color: #0000FF;
	/* background: url("/templates/default/images/arrow_right_blue.gif") no-repeat center right; */
}

a.puzzle_next img {
	padding: 0;
	margin: 0 0 -2px 3px;
}

a.puzzle_back,
a.puzzle_back:link,
a.puzzle_back:visited {
	float: none;
	margin: 0;
	padding: 0;
/*	padding: 0 0 0 15px; */
	/* background: url("/templates/default/images/arrow_left_normal.gif") no-repeat center left; */
	color: #000000;
}
a.puzzle_back:hover {
	color: #0000FF;
	/* background: url("/templates/default/images/arrow_left_blue.gif") no-repeat center left; */
}

a.puzzle_back img {
	padding: 0;
	margin: 0 3px -2px 0;
}

img.puzzle_image {
	background: url("/templates/default/images/loading.gif") no-repeat center center;
	margin: 0;
}

img.puzzle_intro_image {
	background: url("/templates/default/images/loading.gif") no-repeat center center;
	margin: 0;
}

.puzzle_item {
	list-style: none;
	width: 630px;
	padding: 0;
	margin: 0 0 15px 0;
	background: #CCCCCC;
}

.puzzle_adverts {
	margin: 0;
	padding: 15px 0 10px 10px;
	float: right;
	width: 142px;
}
.puzzle_adverts_header {
	display:block;
	border: solid black 1px;
	font-size: 9px;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 1px 0 1px 0;
	width: 140px;
}
.puzzle_advert {
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0px;
}
.puzzle_advert_header {
	font-size: 9px;
	text-align: center;
	margin: 0;
	padding: 1px 0 1px 0;
	width: 140px;
}
.puzzle_advert_image {
	border: solid black 1px;
	width: 140px;
	padding: 0;
	margin: 0;
}
.puzzle_advert_commands {
	padding: 1px;
	margin: 0;
	border-top: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 1px;
}
.puzzle_advert_commands,
.puzzle_advert_commands a {
	font-size: 12px;
}
.puzzle_mark_commands {
	padding: 1px;
}
.puzzle_mark_commands {
	background: url("/templates/default/images/highlight.gif") repeat;
	font-size: 10px;
	font-weight: bold;
}
.puzzle_mark_commands a {
	background: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

.puzzle_mark_select {
	display: block;
	width: 600px;
	margin: 0;
	padding: 3px;
}
.puzzle_mark_image_select,
.puzzle_mark_image_select img,
.puzzle_mark_image_select label {
	display: inline;
	margin: 0;
	padding: 3px;
}
.puzzle_mark_image_select {
	margin: 3px;
}
#Marks {
	z-index: 99;
	position:absolute;
	display:block;
}

.puzzle_ranking {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	padding: 1px;
	border: solid #CCCCCC 1px;
}
.puzzle_ranking div {
	margin: 1px;
	font-size: 9pt;
}
.puzzle_ranking div a {
	font-size: 9pt;
}

.puzzle_rank thead tr th,
.puzzle_rank_full thead tr th {
	background: #DDDDDD;
	padding: 0 5px;
	color: #888888;
	font-size: 9pt;
}
.puzzle_rank tbody tr td,
.puzzle_rank_full tbody tr td {
	background: #EEEEEE;
	padding: 0 5px;
	font-size: 9pt;
}

.puzzle_ranking_full div,
.puzzle_rank_full thead tr th,
.puzzle_rank_full tbody tr td {
	font-size: 11pt;
}

/*
 * ---------------------
 *  C O N D I T I O N S
 * ---------------------
 */

ul.conditions {
	width: 630px;
	margin: 0px;
	padding: 15px;
}
ul.conditions li {
	list-style: none;
	width: 630px;
	padding: 0;
	margin: 0 0 15px 0;
}

div#conditions_form {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

.conditions_form_commands {
	margin: 1em 1em;
}

.conditions_commands {
	margin: 0em 0 0.5em 0em;
	text-align: left;
	color: #000000;
}

.conditions_commands a,
.conditions_commands a:link,
.conditions_commands a:visited {
	color: #0000FF;
}

.conditions_commands a:hover
{
	color: #FF0000;
}

.conditions_content a,
.conditions_content a:link,
.conditions_content a:visited,
.conditions_content a:hover {
	color: #000000;
}

.conditions_content a:hover {
	color: #0000FF;
}

/*
 * -------------------------
 *  I N S T R U C T I O N S
 * -------------------------
 */

ul.instructions {
	width: 630px;
	margin: 0px;
	padding: 15px;
}
ul.instructions li {
	list-style: none;
	width: 630px;
	padding: 0;
	margin: 0 0 15px 0;
}

div#instructions_form {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

.instructions_form_commands {
	margin: 1em 1em;
}

.instructions_commands {
	margin: 0em 0 0.5em 0em;
	text-align: left;
	color: #000000;
}

.instructions_commands a,
.instructions_commands a:link,
.instructions_commands a:visited {
	color: #0000FF;
}

.instructions_commands a:hover
{
	color: #FF0000;
}

.instructions_content a,
.instructions_content a:link,
.instructions_content a:visited,
.instructions_content a:hover {
	color: #000000;
}

.instructions_content a:hover {
	color: #0000FF;
}



div#results_mail_form {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 0;
	text-align: center;
}

.results_mail_form_commands {
	margin: 1em 1em;
}


/*
 * ---------------
 *	 C O N T A C T
 * ---------------
 */

div#registration_form {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

div#registration_form_public {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

div#registration_form_change {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 1em 1em;
	text-align: center;
}

.registration_form_commands {
	margin: 1em 1em;
}

.registration_form_public_commands {
	margin: 1em 0 0 0;
}

.registration_form_change_commands {
	margin: 1em 0 0 0;
}

p#registration_form_hint {
	text-align: left;
	margin: 0 0 1em 0;
	color: #000000;
}

p#registration_thanks {
	font-size: 10pt;
	color: black;
	clear: left;
	overflow: hidden; 
	position: relative; 
	margin: 15px;
	padding: 0;
	text-align: left;
}

.registration_itemcount {
	width: 630px;
	margin: 0;
	padding: 15px;
	text-align: right;
	font-weight: bold;
	color: #666666;
}


ul.registration {
	width: 630px;
	margin: 0;
	padding: 15px;
}
ul.registration li {
	background: #EFEFEF;
	clear: both;
	list-style: none;
	width: 630px;
	margin: 0 0 15px 0;
	padding: 0;
}

.registration_trailer {
	width: 620px;
	padding-top: 0.4em;
	min-height: 1em;
}

ul.registration li h3 {
	margin:0;
	padding: 10px 5px 10px 10px;
	font-size: 12pt;
	color: #666666;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}
.registration_date {
	color: #666666;
	font-size: 8pt;
	float: right;
	margin: 0.6em 0.5em 0 1em;
	padding: 0;
}
.registration_time {
	color: #666666;
	font-size: 8pt;
	float: right;
	margin-left: 1em;
}

/* CONTENT */

ul.registration li table,
ul.registration li table tr {
	margin: 0;
	padding: 0;
	border: none;
}

td.registration_text {
	border: none;
	vertical-align: top;
	color: #444444;
	padding: 0 10px 10px 10px;
	margin: 0;
}

img.registration_image {
	padding: 0px 0px 0 0;
	margin: 3px 5px 10px 10px;
	border: none;
}

td.registration_image {
	vertical-align: top;
	color: #444444;
	margin: 0;
	padding: 0;
	border: none;
}

td.registration_text p {
	margin: 0 0 0.8em 0;
	color: #444444;
}


.registration_commands {
	margin: 0;
	padding: 0 0.4em 0.2em 0;
	text-align: left;
	color: #000000;
	background: #FFFFFF;
}

.registration_commands a,
.registration_commands a:link,
.registration_commands a:visited,
.registration_commands a:hover {
	color: #000000;
}

.registration_commands a:hover
{
	color: #0000FF;
}


/*
 * ---------------
 *	 R E S U L T S
 * ---------------
 */

td.results_counts_item,
td.results_counts_item a {
	font-size: 9pt;
}

td.results_puzzles_item,
td.results_puzzles_item a {
	font-size: 9pt;
}

.puzzle_adverts {
	margin: 0;
	padding: 4px 0 10px 10px;
	float: right;
	width: 142px;
}
.puzzle_adverts_header {
	display:block;
	border: solid black 1px;
	font-size: 9px;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 1px 0 1px 0;
	width: 140px;
}
.puzzle_advert {
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0px;
}
.puzzle_advert_header {
	font-size: 9px;
	text-align: center;
	margin: 0;
	padding: 1px 0 1px 0;
	width: 140px;
}
.puzzle_advert_image {
	border: solid black 1px;
	width: 140px;
	padding: 0;
	margin: 0;
}
.puzzle_advert_commands {
	padding: 1px;
	margin: 0;
	border-top: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 1px;
}
.puzzle_advert_commands,
.puzzle_advert_commands a {
	font-size: 12px;
}
.puzzle_mark_commands {
	padding: 1px;
}
.puzzle_mark_commands {
	background: url("/templates/default/images/highlight.gif") repeat;
	font-size: 10px;
	font-weight: bold;
}
.puzzle_mark_commands a {
	background: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

.puzzle_mark_select {
	display: block;
	width: 600px;
	margin: 0;
	padding: 3px;
}
.puzzle_mark_image_select,
.puzzle_mark_image_select img,
.puzzle_mark_image_select label {
	display: inline;
	margin: 0;
	padding: 3px;
}
.puzzle_mark_image_select {
	margin: 3px;
}
#Marks {
	z-index: 99;
	position:absolute;
	display:block;
}




/* END MEDIA ALL */
}

@media print {

html, body {
	background: #FFFFFF;
}

div#page {
	float: none;
	background: #FFFFFF;
}

div#menu_left {
	display: none;
}

div#menu_right {
	display: none;
}

div#content {
	float: none;
}

div#dummy_left {
	display: none;
}

#image_dummy_left {
	display: none;
}

div#dummy_right {
	display: none;
}

div#logo {
	float: none;
}

.puzzle_next,
.puzzle_back {
	display: none;
}

.puzzle_solve_form_commands {
	display: none;
}

/* END MEDIA PRINT */
}