body {
	background: #FFFFFF;
   background-image: url(/brick.gif);
	padding: 0;
	margin: 0;
	scrollbar-base-color: #D0D0D0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

p, td {
	font-size: 9pt;
}

body, p, td, div, li {
	color: #777788;
}

li {
	list-style-type: square;
}

div {
	padding: 0;
	margin: 0;
}

p {
	margin-top: 1em;
}

table, td {
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
	padding: 0;
	text-align: left;
}

img {
	border-width: 0px;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	background: #F8F8F8;
	color: #777788;
	border-width: 1px;
	/* For a plonelike design: border: 1px solid #777788; */
	font-size: 9pt;
}

.header     { font-size: 10pt; color: #777788; }
.warning    { font-size: 9pt; color: #dd2222; }
.tiny       { font-size: 8pt; color: #777788; }

A:link, A:visited, A:active { 
	text-decoration: none;
	color: #8888ff;
}

A:hover {
	text-decoration: underline;
	color: #6666dd;
}

a.toplink:link, a.toplink:visited, a.toplink:active, a.toplink:hover { 
	color: #888888;
}

a.projectlink:link, a.projectlink:visited, a.projectlink:active, a.projectlink:hover {  
	font-weight: bold;
	color: #ffffff;
}

a.sublink:link, a.sublink:visited, a.sublink:active {
	text-decoration: none;
	color: #8888ff;
}

a.sublink:hover {
	text-decoration: underline;
	color: #6666dd;
}


/********** Page Elements ************************************/

/* Top index userbar */

table.userbar {
	background: #ffffff;
}

td.userbar_left {
	text-align: left;
	padding: 2px 24px 2px 4px;
}

td.userbar_right {
	text-align: right;
	padding: 2px 4px 2px 4px;
}

/* Games List Table */

p.games_title {
	font-weight: bold;
	text-align: center;
}

a.games_title {
	color: #777788;
}

table.games {
}

td.games_title {
	font-weight: bold;
	padding: 2px 6px 2px 2px;
	border-bottom: 1px solid #777788;
}

td.games_data {
	padding: 3px 2px 3px 2px;
	background: #F2F2F2;
}

td.games_pager {
	padding: 5px 2px 5px 2px;
	background: #F8F8F8;
	text-align: center;
}

span.game_winner {
	font-weight: bold;
}

/* Move history */

table.movehistory {
}

td.movehistory {
	font-size: 8pt;
}

/* News items */

dl.news {
	width: 500px;
	padding: 0;
	margin: 0;
}

dt.news {
	padding: 5px;
}

dd.news {
	padding: 5px;
	font-size: 8pt;
	margin-left: 32px;
}

p.news_signature {
	text-align: left;
	font-size: 8pt;
	padding: 6px 6px 6px 200px;
	font-style: italic;
	margin: 0;
}

/* New Game table form */

table.newgame {
}

td.newgame_cell {
	vertical-align: middle;
	text-align: center;
	padding: 16px;
}

/* Profile table form */

table.profile {
	margin: 8px 0 8px 0;
	border: 1px solid #777788;
	border-collapse: separate;
}

td.profile_label {
	padding: 6px 6px 6px 16px;
	background: #f2f2f2;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
}

td.profile {
	padding: 6px 16px 6px 6px;
	border: 1px solid #e2e2e2;
	vertical-align: middle;
}

img.profile_portrait {
	border-top:    1px solid #BBBBCC;
	border-left:   1px solid #BBBBCC;
	border-right:  1px solid #666677;
	border-bottom: 1px solid #666677;
}

/* Profile edition form */

table.profile_edit {
	margin: 6px 0 6px 0;
}

td.profile_edit {
	padding: 6px 16px 6px 6px;
	vertical-align: middle;
}

/* Subscribe table form */

table.subscribe {
}

td.subscribe {
	padding: 12px 6px 8px 6px;
}


/* Generic box */
/*
table.mccbox {
	border: 1px solid #777788;
	background-color: #F8F8F8;
}

td.mccbox_body {
	padding: 2px;
}

td.mccbox_title {
	background-color: #777788;
	background-color: #AAAAB0;
	color: #F8F8F8;
	padding: 2px;
}
*/
table.mccbox {
}

td.mccbox_title {
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	font-family: monospace;
	border-bottom: 1px solid #777788;
}

td.mccbox_body {
	padding: 2px 5px 2px 5px;
	background: #F2F2F2;
	text-align: justify;
}

/* Search box */

table.search {
}

td.search_left {
	padding: 4px;
	text-align: right;
	vertical-align: middle;
}

td.search_right {
	padding: 4px;
	text-align: left;
	vertical-align: middle;
}

td.search_middle {
	padding: 4px;
	text-align: center;
	vertical-align: middle;
}

input.search_text {
	width: 200px;
}

select.search_select {
	width: 200px;
}

/* Rankings box */

table.rankings {
}

td.rankings_selected {
	background: #E2E2E2;
	padding: 2px 10px 2px 10px;
	font-family: monospace;
}

td.rankings {
	padding: 2px 10px 2px 10px;
	font-family: monospace;
	background: #F2F2F2;
}

td.rankings_title {
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	font-family: monospace;
	border-bottom: 1px solid #777788;
}

td.rankings_pager {
	padding: 2px 10px 2px 10px;
	font-family: monospace;
	background: #F8F8F8;
	text-align: center;
}

/* BOARD ELEMENTS */

/* Menace Bars */


div.menace_bars { border: 1px solid #808080; background: #F0F0F0; margin-top: 4px; }
div.menace_barw { text-align: center; font-size: 7pt; color: white; border: 1px solid #0000FF; background: #A0A0FF;
		margin: 2px; padding: 0px; }
div.menace_barb { text-align: center; font-size: 7pt; color: white; border: 1px solid #FF0000; background: #FFA0A0;
		margin: 2px; padding: 0px; }

/* The board itself */

td.board_cell_coordinate {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 4px;
}






















body {
	background-color: #474653;
	background-image: url('/brick.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

/********** Page Layout Items ********************************/

#pageframe {
	margin-left: auto;
	margin-right: auto;
	width: 880px;
}

#pagetopA {
	background-image: url('/brick.gif');
	height: 49px;
}

#pagetopB {
	background-image: url('/broomsticksandowls.gif');
	height: 79px;
}

#pagetopC {
	background-image: url('../images/frame_top_c.png');
	height: 19px; /* 33px - 14px */
	padding: 14px 24px 0 24px;;
	margin: 0;
}

#pagetopD {
	background-image: url('../images/frame_top_d.png');
	height: 20px; /* 24 - 4px */
	padding: 4px 24px 0 24px;;
}

#pagebody_ {
	background-image: url('../images/frame_body_b.png');
}

#pagebody {
	background-image: url('../images/frame_body_a.png');
	background-position: top left;
	background-repeat: no-repeat;
	height: 400px;
}

html>body #pagebody {
	height: auto;
	min-height: 400px;
}

#pagefooter {
	background-image: url('../images/frame_footer_a.png');
	background-position: top left;
	background-repeat: no-repeat;
	height: 66px;
}