/*******************************************************************************
    The Kingdoms of Chaos - An online browser text game - <http://www.tkoc.net>
    Copyright (C) 2011 - Administrators of The Kingdoms of Chaos

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

    Contact Information:
    Petros Karipidis  - petros@rufunka.com - <http://www.rufunka.com/>
    Anastasios Nistas - tasosos@gmail.com  - <http://tasos.pavta.com/>

    Other Information
    =================
    The exact Author of each source file should be specified after this license
    notice. If not specified then the "Current Administrators" found at
    <http://www.tkoc.net/about.php> are considered the Authors of the source
    file.

    As stated at the License Section 5.d: "If the work has interactive user
    interfaces, each must display Appropriate Legal Notices; however, if the
    Program has interactive interfaces that do not display Appropriate Legal
    Notices, your work need not make them do so.", we require you give
    credits at the appropriate section of your interface.
********************************************************************************/
/* Define the basic body structure that all documents will take on (background-color: #FFFFFF;)*/
body {
	color: #FFEECC;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; 
	font-size: 10pt; 
	margin:auto;
	position:relative;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #1e1913;
}

/* New class for specific width */
/*.content {
	width: 990px;
	margin-left:auto;
	margin-right:auto;
	border-color:#432E13;
	border-style:solid;
	border-width:thin;
	background-color: #000000;
	margin-top:10px;
}*/

.extra-space {
	width:*;
	height:30px;
}


BODY.controlElements {
background-color: #EEEEBB;
leftmargin: 0;
topmargin: 0;
marginwidth: 0;
marginheight: 0;
color: #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
}

TR.guidestandard {
color:#000000;
background:#FFFFFF;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
}

TR.guideheader {
background:#86846D;
color:#FFEECC;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight: bold;
}

TR.title {
color:#FFFFFF;
    font-size: 9.5pt;
    font-weight: bold;
    height: 25px;
    background-image: url(images/headerblack.jpg);
    }
    
TR.subtitle {
	color:#000000;
    font-weight: bold;
    background: #93886C;
}
TR.own {
	color:#000000;
    font-weight: bold;
    background: #00A651;
}

TD.column {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
border-right:1px #000000 solid;
border-bottom:1px #000000 solid;
}
TD.header {
background-color: #007F00;
color: #FFFFFF;
text-align:left; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:14px;
}

TD.L {
border-left:1px #86846D solid;
}

TD.R {
border-right:1px #86846D solid;
}

TD.T {
border-top:1px #86846D solid;
}

TD.B {
border-bottom:1px #86846D solid;
}

TD.LR {
border-left:1px #86846D solid;
border-right:1px #86846D solid;
}

TD.TL {
border-left:1px #86846D solid;
border-top:1px #86846D solid;
}

TD.TR {
border-right:1px #86846D solid;
border-top:1px #86846D solid;
}

TD.BR {
border-right:1px #86846D solid;
border-bottom:1px #86846D solid;
}

TD.BL {
border-left:1px #86846D solid;
border-bottom:1px #86846D solid;
}

TD.TLR {
border-left:1px #86846D solid;
border-right:1px #86846D solid;
border-top:1px #86846D solid;
}

TD.BLR {
border-left:1px #86846D solid;
border-right:1px #86846D solid;
border-bottom:1px #86846D solid;
}

TD.TRB {
border-top:1px #86846D solid;
border-right:1px #86846D solid;
border-bottom:1px #86846D solid;
}

TD.TLB {
border-top:1px #86846D solid;
border-left:1px #86846D solid;
border-bottom:1px #86846D solid;
}

.navbar
{
	height:30px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	width:796px;
}

.nav-button
{
	float:left;
	height:30px;
	width:158px;
	border-color:#86846D;
	border-style:solid;
	border-width:1px;
	margin-right:-1px;
}

.nav-button img {
	border:none;
}

TD.TLRB {
border-left:1px #86846D solid;
border-right:1px #86846D solid;
border-top:1px #86846D solid;
border-bottom:1px #86846D solid;
}
TD.bigcolumn {
font-family: Verdana, Arial, Helvetica, sans-serif; 
border-top:1px #000000 solid;
font-size:13px;
}
TD.bigheader {
background-color: #CCCCCC;
text-align:left; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:14px 
}

/* Define the default style for buttons and other things of this nature */
INPUT, TEXTAREA, SELECT, BUTTON{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000; 
text-decoration: none; 
vertical-align: middle
}
SELECT.headerBar {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; 
text-align: center;
color: #000000; 
background-color: #FFFFFF; 
text-decoration: none; 
vertical-align: middle
}

.head { font-family: Tahoma; font-size: 10pt; color: #FFFFFF; background-color: #808080;}
.one { font-family: Tahoma; font-size: 10pt; color: #FFEECC; background-color: #645C5C;}
.two { font-family: Tahoma; font-size: 10pt; color: #FFEECC; background-color: #645C5C;}
.onesmall { font-family: Tahoma; font-size: 8pt; color: #FFEECC; background-color: #645C5C;}
.twosmall { font-family: Tahoma; font-size: 8pt; color: #FFEECC; background-color: #645C5C;}
.bread { font-family: Tahoma; font-size: 10 pt; color: #FFEECC; }

td { font-family: Tahoma; font-size: 10pt; color: #FFEECC; }

th { font-weight: bold; font-family: Tahoma; font-size: 10pt; color: #FFEECC;}
select { font-size: 8pt;}
.buildingsTable {font-family: Tahome; font-size: 10pt; color: #FFEECC; background-color: #FFEECC;}
.buildings {font-family: Tahome;font-size: 10pt;color: #FFEECC;	background-color: #000000;border: 0px;}
.readOnly {	font-family: Tahome;font-size: 10pt;font-weight: bold;color: #FFEECC;background-color: #000000;border: 0px;	text-align: center;}
select { font-size: 8pt;}

.form {background-color: #000000; color: #FFEECC; font-family: Tahoma; font-weight: bold; border-color: #5B5A56;}
.form2 {background-color: #333333; color: #FFEECC; font-family: Tahoma; font-weight: bold; border-color: #5B5A56;}

.regText {font-family: Tahoma; font-size: 10pt; color: #330033;}
.rep1 {font-family: Tahoma; font-size: 10pt; color: #FFEECC; background-color: #330000;}
.rep2 {font-family: Tahoma; font-size: 10pt; color: #FFEECC; background-color: #333300;}
.rep3 {font-family: Tahoma; font-size: 10pt; font-weight: bold; color: #FFEECC; background-color: #000033; text-align: 
center;}
.rep4 {font-family: Tahoma; font-size: 10pt; font-weight: bold; color: #FFEECC; background-color: #000033; 
text-align:left;}


.disp2 {font-family: Tahoma; font-weight:bold; font-size: 10pt; color: #FFEECC; background-color: #1E4A32; text-align:left;}
.disp1 {font-family: Tahoma; font-weight:bold; font-size: 10pt; color: #FFEECC; background-color: #000000; text-align:left;}

.forum1 {
	font-family: Tahoma;
	font-weight:bold;
	color: #FFEECC;
	font-size: 11pt;
	background-color: #440000;
}
.forum2 {
	font-family: Tahoma;
	font-size: 10pt;
	color: #FFEECC;
	background-color: #1E4A32;
}

.guide {font-size: 10pt; font-weight: bold; color: #FFEECC; background-color: #333333;}
.guide1 {font-size: 10pt; font-weight: normal; color: #FFEECC; background-color: #003333;}
.guide2 {font-size: 10pt; font-weight: bold; color: #FFEECC; background-color: #330000;}
.guide3 {font-size: 10pt; font-weight: normal; color: #FFEECC; background-color: #663333;}
	
h1 { font-size: 16pt; font-weight: normal; margin-top: 2px; margin-bottom: 2px;}
h2 { font-size: 14pt; font-weight: normal; margin-top: 2px; margin-bottom: 2px;}
h3 { font-size: 12pt; font-weight: normal; margin-top: 2px; margin-bottom: 2px;}
small { font-size: 8pt; }

A:link, A:visited { color: #FFEECC; text-decoration: none;}
A:active, A:hover { color: #FFFFFF; text-decoration: none;}
.visit:visited { color: ##FFEECC; text-decoration: none;}

.rep:link {color: #FFEECC; font-weight:bold;}
.rep:visited {color: #FFEECC; font-weight:bold;}
.rep:active {color: #FFEECC; font-weight:bold;}
.rep:hover {color: #FFEECC; font-weight:bold; text-decoration: underline;}