/*
When changing styles, rename style in page_top.php, page_top_forum.php and page_header.php

Last changed: Oct 2, 2006
*/

/* Neutralize styling: From http://kurafire.net/ */
html, body, form, fieldset { margin: 0; padding: 0; font: 100%/100% Arial, Verdana, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1em; }
form label { cursor: pointer; }
fieldset { border: none; }
html .hollyhack {height: 1%;}

/* General */
body { background-color: #294e56; color: #000; }
#main {	text-align: left; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #f0f0f0; }
#main_forum { text-align: left; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #f0f0f0; padding: 5px; }
a:link,a:active,a:visited { text-decoration: none; color: #1E4E4E; }
a:hover { text-decoration: none; color: #000; }
form { display: inline; }
.page_title { font-size: 1.5em; white-space: nowrap; text-align: left; }
.level_title { font-size: 1.3em; white-space: nowrap; }
.normal_text { font-size: 0.8em }
.normal_text input,.normal_text select,.normal_text textarea { font-size: 0.8em; }

/* Input and form style */
input,textarea,select { font: normal 0.8em Verdana, Arial, Helvetica, sans-serif; color: #000000; text-indent: 2px; }
input.post, textarea.post, select.post { border-style: solid; border-width: 1px; border-color: #000000; background-color: #ffffff; }
input.button { background-color: #E7EDE7; }
input.button3 { font-weight: bold; background-color: #E7EDE7; }

/* Top Menu */
#top_menu { background-color: #000; }
#top_menu_info { padding-left: 10px; font-size: 0.7em; background: #000; color: #DDD; }
#top_menu_login { white-space: nowrap; padding-right: 10px; font-size: 0.8em; color: #FFF; }
#top_menu_login input {	text-indent: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; background-color: #111111; border: 1px solid #eee; color: #ffffff; }
#top_menu_login input.checkbox { border-width: 0px;}
#top_menu_login #login_button { padding: 0; text-transform: uppercase; border: 1px solid #eee; background: #000; }
#top_menu_login a { text-decoration: underline; color: #eee; }
#top_menu_links { margin: 0 0; padding: 0 0 0 10px; white-space: nowrap; font-weight: bold; text-transform: uppercase; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ccc; }
#top_menu_login a, #top_menu_links a { text-decoration: none; color: #eee; }
#top_menu_login a:hover, #top_menu_links a:hover { text-decoration: underline; color: #ddd; }

/* Game menu row (Default) */
.game_menu { width: 100%; background: #D8D9DD; border-left: 1px solid #000; border-right: 1px solid #000; }
.game_menu_title { white-space: nowrap; text-align: center; font-size: 2.5em; line-height: 1.1; }
.game_menu_title a:link,.game_menu_title a:active,.game_menu_title a:visited  { color: #000; }
.game_menu_title a:hover { color: #000; }
.game_menu_links { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; }
.game_menu_links a:link,.game_menu_links a:active,.game_menu_links a:visited  { white-space: nowrap; color: #000; }
.game_menu_links a:hover { white-space: nowrap; color: #000; }
.game_menu_divider { height: 0; border-style: dotted; border-width: 1px 0 0 0; border-color: #000 }
.game_menu_endline { height: 1px; background: #000000; }
/* .game_menu_divider { height: 1px; background: #000000 url(<?php echo $mainurl . $smbv4url; ?>images/dt_menudot.gif) repeat-x; } */

/* Game menu row (Default) version 2 */
.game_menu2 { width: 100%; background: #D8D9DD; border-left: 1px solid #000; border-right: 1px solid #000; }
.game_menu2_topline1 { height: 1px; background: #000; padding: 0; }
.game_menu2_topline2 { height: 1px; background: #ccc; padding: 0; }
.game_menu2_topline3 { height: 1px; background: #333; padding: 0; }
.game_menu2_sidebar {  background-color: #f0f0f0; background-repeat: repeat-x; }
.game_menu2_background { width: 100%; background-color: #f0f0f0; background-repeat: no-repeat; }
.game_menu2_title { white-space: nowrap; text-align: center; font-size: 2.5em; line-height: 1.1; }
.game_menu2_title a:link,.game_menu_title a:active,.game_menu_title a:visited  { color: #000; }
.game_menu2_title a:hover { color: #000; }
.game_menu2_links { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #f0f0f0; }
.game_menu2_links a:link,.game_menu2_links a:active,.game_menu2_links a:visited  { white-space: nowrap; color: #f0f0f0; }
.game_menu2_links a:hover { white-space: nowrap; color: #f0f0f0; }


/* Navigation line */
#navigation { font-size: 0.8em; font-weight: bold; padding: 0 0 0 5px; color: #000 }
#navigation a:link,#navigation a:active,#navigation a:visited  { text-decoration: none; color: #000; }
#navigation a:hover { text-decoration: underline; color: #000; }

/* Bottom row */
#bottom_endline { height: 1px; background: #000; }
#bot_menu { padding: 5px 5px; background: #294e56; color: #EEE; }
#bot_menu td { font: normal 0.8em Verdana, Arial, Helvetica, sans-serif; color: #EEE; }
#bot_menu input,#bot_menu select,#bot_menu textarea { font-size: 0.8em; }
#bot_menu a { color: #EEE; }

/* Ranking table */
.settings { font-size: 0.8em; font-weight: bold; color: #000000; }
.settings input,.settings select,.settings textarea { font-size: 0.8em; }
.pagination { font-size: 0.7em; white-space: nowrap; font-family: Verdana, Arial, Helvetica, sans-serif; }
.scoreinfo { font-size: 0.8em; }

/* Ranking table cell colors and backgrounds
   Row 1 is used as an alternating row color, but also for single information boxes
   Row 2 is used as an alternating row color, but also for tables with one color
   Row 3 is used as a row header color for tables containing Row 1 and 2 styles
   Row 4 is used as a highligh color   
*/

/* Ranking table cell */
td.es_row1,td.es_row1l,td.es_row1m,td.es_row1r,tr.es_row1 { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #E2E3E5; color: #000000; border: 1px solid #CCCCCC; }
td.es_row2,td.es_row2l,td.es_row2m,td.es_row2r,tr.es_row2 { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #D8D9DD; color: #000000; border: 1px solid #CCCCCC; }
td.es_row3,td.es_row3l,td.es_row3m,td.es_row3r { font-size: 0.8em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #336666; color: #f0f0f0; }
td.es_row4,td.es_row4l,td.es_row4m,td.es_row4r { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #D3E0E0; color: #000000; border: 1px solid #CCCCCC; }

/* Aligning */
td.es_row1l,td.es_row2l,td.es_row3l,td.es_row4l { text-align: left; padding: 2px 2px 2px 5px; }
td.es_row1m,td.es_row2m,td.es_row3m,td.es_row4m { text-align: center; padding: 2px 2px 2px 2px; }
td.es_row1r,td.es_row2r,td.es_row3r,td.es_row4r { text-align: right; padding: 2px 5px 2px 2px; }

/* Input inside row styles fix, cumbersome! */
.es_row1 input,.es_row1 textarea,.es_row1 select,
.es_row1m input,.es_row1m textarea,.es_row1m select,
.es_row1l input,.es_row1l textarea,.es_row1l select,
.es_row1r input,.es_row1r textarea,.es_row1r select,
.es_row2 input,.es_row2 textarea,.es_row2 select,
.es_row2m input,.es_row2m textarea,.es_row2m select,
.es_row2l input,.es_row2l textarea,.es_row2l select,
.es_row2r input,.es_row2r textarea,.es_row2r select,
.es_row3 input,.es_row3 textarea,.es_row3 select,
.es_row3m input,.es_row3m textarea,.es_row3m select,
.es_row3l input,.es_row3l textarea,.es_row3l select,
.es_row3r input,.es_row3r textarea,.es_row3r select,
.es_row4 input,.es_row4 textarea,.es_row4 select,
.es_row4m input,.es_row4m textarea,.es_row4m select,
.es_row4l input,.es_row4l textarea,.es_row4l select,
.es_row4r input,.es_row4r textarea,.es_row4r select
{ font-size: 0.8em }

/* Row links */
.es_row1 a:link,.es_row1 a:active,.es_row1 a:visited,
.es_row1m a:link,.es_row1m a:active,.es_row1m a:visited,
.es_row1l a:link,.es_row1l a:active,.es_row1l a:visited,
.es_row1r a:link,.es_row1r a:active,.es_row1r a:visited { text-decoration: none; color: #003300; }
.es_row1 a:hover,.es_row1m a:hover,.es_row1l a:hover,.es_row1r a:hover { text-decoration: underline; color: #003300; }
.es_row2 a:link,.es_row2 a:active,.es_row2 a:visited,
.es_row2m a:link,.es_row2m a:active,.es_row2m a:visited,
.es_row2l a:link,.es_row2l a:active,.es_row2l a:visited,
.es_row2r a:link,.es_row2r a:active,.es_row2r a:visited { text-decoration: none; none; color: #003300; }
.es_row2 a:hover,.es_row2m a:hover,.es_row2l a:hover,.es_row2r a:hover { text-decoration: underline; color: #003300; }
.es_row3 a:link,.es_row3 a:active,.es_row3 a:visited,
.es_row3m a:link,.es_row3m a:active,.es_row3m a:visited,
.es_row3l a:link,.es_row3l a:active,.es_row3l a:visited,
.es_row3r a:link,.es_row3r a:active,.es_row3r a:visited { text-decoration: underline; color: #e9e9e9; }
.es_row3 a:hover,.es_row3m a:hover,.es_row3l a:hover,.es_row3r a:hover { text-decoration: underline; color: #f0f0f0; }
.es_row4 a:link,.es_row4 a:active,.es_row4 a:visited,
.es_row4m a:link,.es_row4m a:active,.es_row4m a:visited,
.es_row4l a:link,.es_row4l a:active,.es_row4l a:visited,
.es_row4r a:link,.es_row4r a:active,.es_row4r a:visited { text-decoration: none; color: #003300; }
.es_row4 a:hover,.es_row4m a:hover,.es_row4l a:hover,.es_row4r a:hover { text-decoration: underline; color: #003300; }

/* Box cells, main.php and index.php */
.box_header { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: center; background-color: #336666; color: #f0f0f0; }
.box_header a:link,.box_header a:active,.box_header a:visited { color: #f0f0f0; }
.box { font-size: 0.8em; background-color: #D8D9DD; color: #000000; }
.box a:link,.box a:active,.box a:visited  { text-decoration: none; color: #003300; }
.box a:hover { text-decoration: underline; }
.box hr { height: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #333333; }

/* News style, main.php and index.php */
.news_header { height: 40; border: 1px solid #669999; background: #E7EDE7; }
.news_header_large { font-size: 1.1em; }
.news_header_small { font-size: 0.7em; color: #000; }
.news_header a:link,.news_header a:active,.news_header a:visited  { text-decoration: none; color: #000000; }
.news_header a:hover { text-decoration: underline; color: #000000; }
.news { font-size: 0.8em; background: #f0f0f0; color: #000000; }
.news a:link,.news a:active,.news a:visited  { text-decoration: none; color: #1E4E4E; }
.news a:hover { text-decoration: underline; color: #000000; }
.code { font-family: Courier, 'Courier New', sans-serif; font-size: 0.8em; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; color: #000000; background-color: #FAFAFA; border: #D1D7DC; }
.quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 125%; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; color: #000000; background-color: #FAFAFA; border: #D1D7DC; }


/* phpBB specific style, not divided into a static part and a skin part */

/* row1/2/3 is not a copy of the main site style! Remember to overwrite that */
td.row1,td.row1l,td.row1m,td.row1r,row1Left,row1Right		{ background-color: #E2E3E5; color: #000000; }
td.row2,td.row2l,td.row2m,td.row2r,row2Left,row2Right		{ background-color: #D8D9DD; color: #000000; }
td.row3,td.row3l,td.row3m,td.row3r,row3Left,row3Right		{ background-color: #CCCCCC; color: #f0f0f0; }
td.row1l,td.row2l,td.row3l,row1Left,row2Left,row3Left		{ text-align: left; }
td.row1m,td.row2m,td.row3m					{ text-align: center; }
td.row1r,td.row2r,td.row3r,row1Right,row2Right,row3Right	{ text-align: right; }
a.row3:link { color: #cfcfcf; }
a.row3:active { color: #cfcfcf; }
a.row3:visited { color: #cfcfcf; }
a.row3:hover { text-decoration: underline; color: #cfcfcf; }

/* This is the border line & background colour round the entire page */
.bodyline	{ }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #CCCCCC; border: 2px #294e56 solid; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #CCCCCC;
		background-repeat: repeat-y;
		border: 1px #336666 solid;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #f0f0f0; font-size: 0.9em; 
	background-color: #336666; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
		background-color: #CCCCCC; color: #000000;
}

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-size: 1.8em;
	text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 0.9em; }
.genmed { font-size : 0.8em; }
.gensmall { font-size : 0.7em; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen:link,a.genmed:link,a.gensmall:link { color: #000000; text-decoration: none; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #000000; text-decoration: underline; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 1em ; letter-spacing: 1px; color : #1E4E4E}
a.cattitle:link		{ text-decoration: none; color : #1E4E4E; }
a.cattitle:visited	{ text-decoration: none; color : #336666; }
a.cattitle:hover	{ text-decoration: underline; color : #000000; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 1em; color : #1E4E4E; }
a.forumlink:link	{ text-decoration: none; color : #1E4E4E; }
a.forumlink:visited	{ text-decoration: none; color : #336666; }
a.forumlink:hover	{ text-decoration: underline; color : #000000; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 0.9em; color : #1E4E4E;}
a.nav:link		{ text-decoration: none; color : #1E4E4E; }
a.nav:visited		{ text-decoration: none; color : #336666; }
a.nav:hover		{ text-decoration: underline; color : #000000; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 0.9em; color : #1E4E4E; }
a.topictitle:link	{ text-decoration: none; color : #1E4E4E; }
a.topictitle:visited	{ text-decoration: none; color : #336666; }
a.topictitle:hover	{ text-decoration: underline; color : #000000; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 0.9em; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 0.8em; color : #000000; }

/* The content of the posts (body of text) */
.postbody		{ font-size : 0.8em; line-height: 1.3em;}
a.postlink:link		{ text-decoration: none; color : #1E4E4E; }
a.postlink:visited	{ text-decoration: none; color : #336666; }
a.postlink:hover	{ text-decoration: underline; color : #000000}

/* Copyright and bottom info */
.copyright		{ font-size: 0.8em; color: #000000; letter-spacing: -1px;}
a.copyright:link	{ text-decoration: none; color : #000000; }
a.copyright:visited	{ text-decoration: none; color : #000000; }
a.copyright:hover	{ text-decoration: underline; color : #000000}

/* The main submit button option */
input.mainoption {
	background-color : #E7EDE7;
	font-size: 0.7em;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #E7EDE7;
	font-size: 0.7em;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #8DB3B3; border-style: none; }