/*
#
# Copyright (C) 2010 KEREKE LLC
#
*/
<?
// --- Define some constants
$MAP_WIDTH = 20;
$MAP_HEIGHT = 16;
$HEX_HEIGHT = 35;

// --- Use this to scale the hexes smaller or larger than the actual graphics
$HEX_SCALED_HEIGHT = 35;
$HEX_SIDE = 17.5;

?>

a.base:link  {color: black; text-decoration: none; font-size:10pt; font-face:Nyala, Verdana, Sans-serif}
a.base:visited {color: black; text-decoration: none; font-size:10pt; font-face:Nyala, Verdana, Sans-serif}
a.base:hover {color: red; text-decoration: underline; font-size:10pt; font-face:Nyala, Verdana, Sans-serif}
a.base:active {color: red; font-size:10pt; font-face:Nyala, Verdana, Sans-serif} 

a.nav:link  {color: black; text-decoration: none; font-size:10pt; font-face:Nyala, Verdana, Sans-serif}
a.nav:visited {color: black; text-decoration: none; font-size:10pt; font-face:Nyala, Verdana, Sans-serif}
a.nav:hover {color: red; text-decoration: underline; font-size:10pt; font-face:Nyala, Verdana, Sans-serif}
a.nav:active {color: red; font-size:10pt; font-face:Nyala, Verdana, Sans-serif} 

TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Helvetica
}


BODY
{
/*
#BACKGROUND-COLOR: #5A5955;
# 
#
*/

    FONT-SIZE: 12px;
    background-image:url('http://www.kingdomstoconquer.com/images/overallbackground.jpg');
    
    FONT-FAMILY: Verdana,Helvetica
}

         .newtext {color: black; font-size:10pt; font-face:Nyala, Verdana, Sans-serif}

        .hexmap {
            width: <?php echo $MAP_WIDTH * $HEX_SIDE * 1.5 + $HEX_SIDE/2; ?>px;
            height: <?php echo $MAP_HEIGHT * 35 + $HEX_SIDE; ?>px;
            position: relative;
            background: #000;
        }

        .hex-key-element {
            width: 52.5px;
            height: 52.5px;
            border: 1px solid #fff;
            float: left;
            text-align: center;
        }

        .hex {
            position: absolute;
            width: 35;
            height: 35;
        }
  .hex2 {
            position: absolute;
            width: 15;
            height: 15;
        }
 .hex3 {
            position: absolute ;
            width: 20;
            height: 20;
        }






P
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Helvetica
}
DIV
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Helvetica
}
INPUT, SELECT, TEXTAREA {
    font-family:  Verdana,Helvetica;
    border: 1px solid #828282;
    background-color: #CCCC99;
    color: #000000;
}
FORM
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Helvetica
}


MENUITEM{
    font-family:  Nyala,Helvetica;
    border: 1px solid #828282;
    background-color: #003300;
    color: #FFFFFF;
}
	

.header{
	TEXT-ALIGN: center;
}
.footer{
    FONT-SIZE: 9px;
    FONT-FAMILY: Verdana,Helvetica;
	TEXT-ALIGN: center;
}
.polltext{
    FONT-SIZE: 9px;
    FONT-FAMILY: Verdana,Helvetica;
}
.nfotxt{
    FONT-SIZE: 9px;
    FONT-FAMILY: Verdana,Helvetica;
}
.bodycell{
	border: 1px solid #8C9691;
	background-color: #CCCC99;
	padding: 2px;
}
.bodycell2{
	border: 1px solid #8C9691;
	padding: 2px;
	background-color: #CCCC99;
}
.bodycell3{
	border: 1px solid #C2C2C2;
	background-color: #CCCC99;
	padding: 2px;
	text-align: center;
	font-weight: bold;
    font-size: 14px;
}
.bodycell4{
	border: 1px solid #C2C2C2;
	padding: 2px;
	background-color: #CCCC99;
	vertical-align: top;
}
.bodycell5{
	border: 1px solid #C2C2C2;
	padding: 2px;
	background-color: #CCCC99;
}
.txtboxgap{
	font-size: 8px;
}
.smlhead{
	text-align: center;
	font-weight: bold;
    font-size: 12px;
}
.percentbar{
	border: 1px solid #000000;
}
.pbgreen
{
	background-color: #009900;
}
.pbred
{
	background-color: #800000;
}
hr{
	color: #BEBEBE;
	border: 1px dashed #BEBEBE;
}
.nbanner {
	background-color: #506E7F;
	height: 26px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	border: 1px solid #31596A;
}
.nbinput {
	background-color: #99B0BF;
	border-color: #31596A;
	border-style: solid;
	border-width: thin;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #14313D;
	font-size: 11px;
}








table.backgroundplains { background: url("http://www.kingdomstoconquer.com/images/plains.jpg") no-repeat; }

table.backgroundmountains { background: url("http://www.kingdomstoconquer.com/images/mountains.jpg") no-repeat; }

table.backgroundforrests { background: url("http://www.kingdomstoconquer.com/images/forrests.jpg") no-repeat; }

table.backgrounddeserts { background: url("http://www.kingdomstoconquer.com/images/deserts.jpg") no-repeat; }

table.backgroundlakes { background: url("http://www.kingdomstoconquer.com/images/lakes.jpg") no-repeat; }

table.backgroundcoastals { background: url("http://www.kingdomstoconquer.com/images/coastals.jpg") no-repeat; }