html, body {margin:0px;padding:0px;color:#4c2e04;background-color:black;font-family:'lucida grande',tahoma,verdana,helvetica,arial,sans-serif;font-size:10px}
.header
{
    background-position: 0px 98px;
    background-image: url('img/backgrounds/left.jpg');
    background-repeat: no-repeat;
    height:800px;
}
.footer { background-position: 141px 635px; background-image: url('img/backgrounds/footer.jpg'); background-repeat: no-repeat;
    height:800px; }
.body {background-image: url('img/backgrounds/internal_top.png'); background-repeat: no-repeat;}
img {border:0px}
div {padding:0px;margin:0px;overflow:hidden;}
fieldset {padding:5px;border:2px groove #cfa96b;}
hr {clear:both;border:0px none #cfa96b;border-top:2px groove #cfa96b;margin-top:3px;margin-bottom:1px;}
legend {color:#4c2e04;font-weight:bold;font-size:11px}
h1 {font-size:16px;color:#2c1802;font-weight:bold}
h2 {font-size:14px;color:#2c1802;font-weight:bold}
h3 {font-size:12px;color:#2c1802;font-weight:bold}
h4 {font-size:11px;color:#2c1802;font-weight:bold}
h5 {font-size:10px;color:#2c1802;font-weight:bold}

.ui-progressbar-value { background-image: url(/Content/images/pbar-ani.gif); }

.season {position:absolute;left:220px}
.OverlayText {position:absolute;overflow:visible;font-weight:bold;color:#5b321c}

.OverlayText1 {position:absolute;top:0px;left:1px}
.OverlayText2 {position:absolute;top:1px;left:0px}
.OverlayText3 {position:absolute;top:1px;left:2px}
.OverlayText4 {position:absolute;top:2px;left:1px}
.OverlayText5 {position:absolute;top:1px;left:1px;color:white;}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}

.top {vertical-align:top}
.middle {vertical-align:middle}
.bottom {vertical-align:bottom}

.top td {vertical-align:top}
.middle td {vertical-align:middle}
.bottom td {vertical-align:bottom}

.red {color:red}

.red .OverlayText1 {color:black}
.black .OverlayText1 {color:#606060}
.white .OverlayText1 {color:#5b321c}
.green .OverlayText1 {color:#632405}

.red .OverlayText2 {color:black}
.black .OverlayText2 {color:#606060}
.white .OverlayText2 {color:#5b321c}
.green .OverlayText2 {color:#632405}

.red .OverlayText3 {color:black}
.black .OverlayText3 {color:#606060}
.white .OverlayText3 {color:#5b321c}
.green .OverlayText3 {color:#632405}

.red .OverlayText4 {color:black}
.black .OverlayText4 {color:#606060}
.white .OverlayText4 {color:#5b321c}
.green .OverlayText4 {color:#632405}

.red .OverlayText5 {color:red;}
.black .OverlayText5 {color:black;}
.white .OverlayText5 {color:white;}
.green .OverlayText5 {color:green;}

.dim25 {background:url('img/backgrounds/dim_25.png');}
.solid {background:#d2a246}
.sep {width:1px;background:url('img/backgrounds/dim_25.png');}
.nav {background:url('img/backgrounds/dim_10.png');}
.nav img {margin-top:8px}

.odd {background-image: url('img/backgrounds/dim_10.png');}
.even {background-image: url('img/backgrounds/dim_25.png');}

.redOdd {background-image: url('img/backgrounds/red_20.png');}
.redEven {background-image: url('img/backgrounds/red_30.png');}
.blueOdd {background-image: url('img/backgrounds/blue_20.png');}
.blueEven {background-image: url('img/backgrounds/blue_30.png');}
.greenOdd {background-image: url('img/backgrounds/green_20.png');}
.greenEven {background-image: url('img/backgrounds/green_30.png');}

.logo {background-position: 2px 2px; height:76px; width:1030px; position:absolute; overflow:visible;top:0px; left:0px;background-image:url('img/backgrounds/logo_l.png'); background-repeat: no-repeat;}


.iconBox {height:76px;width:114px; position:absolute;top:0px;float:left;overflow:visible;}
.icon {position:absolute;top:6px;left:26px;}
.sIcon {position:absolute;}

.sIcon1 {top:26px;left:0px}

.sIcon2 {top:51px;left:15px}

.sIcon3 {top:63px;left:40px}
.sIcon4 {top:51px;left:67px}
.sIcon5 {top:26px;left:82px}

.peopleIcon {}
.worldIcon {}
.townIcon {}
.militaryIcon {}
.diploIcon {}
.tradeIcon {}
.researchIcon {}
.prodIcon {}
.magicIcon {}
.mailIcon {}
.prestigeIcon {}

.iconLink {}

.iconTextDiv {height:35px;position:absolute;width:59px;overflow:hidden;top:19px;left:27px;font-size:10px;vertical-align:middle;}
.iconText {position:absolute;text-align:center;width:59px;}

.iconText1 {top:3px;left:0px;color:#5b321c}
.iconText2 {top:4px;left:-1px;color:#5b321c;}
.iconText3 {top:4px;left:1px;color:#5b321c;}
.iconText4 {top:5px;left:0px;color:#5b321c;}
.iconText5 {top:4px;left:0px;color:white;}

.indOwn {position:absolute;top:0px;left:20px;color:black;background-position: left top; height:15px; width:25px; overflow:hidden; background-image: url('img/buttons/ind_own.png'); font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px;padding-top:1px}
.indHostile {position:absolute;top:0px;left:72px;color:black;background-position: left top; height:15px; width:25px; overflow:hidden; background-image: url('img/buttons/ind_hostile2.png'); font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px;padding-top:1px}
.indFriendly {position:absolute;top:0px;left:46px;color:black;background-position: left top; height:15px; width:25px; overflow:hidden; background-image: url('img/buttons/ind_friendly.png'); font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px;padding-top:1px}

.hidden {display:none;}
.top {z-index:1000}
div.popup{width:255px;overflow:hidden}
div.popup div.t{background-image:url('img/backgrounds/scroll_header_255w.png');background-repeat:no-repeat;height:27px;overflow:hidden}
div.popup div.m{background-image:url('img/backgrounds/scroll_body_255w.png');padding-left:20px;padding-right:20px;font-size:10px}
div.popup div.b{background-image:url('img/backgrounds/scroll_footer_255w.png');background-repeat:no-repeat;height:15px;overflow:hidden;clear:both}
.playerName {}
.serverTime {} 
.options {position:absolute;top:0px;left:600px}
body {border-top:1px solid black}


table td {vertical-align:top;color:#4c2e04}
table.generic {margin:0px;padding:0px;width:100%;table-layout:fixed;}
table.nav td {vertical-align:top;position:relative;height:12px;font-size:9px}

.banner {background-position: 148px 11px; width:980px; height:98px; background-image: url('img/backgrounds/animatedbanner.gif'); background-repeat: no-repeat;}
.banner div {width:980px; height:98px; background-image: url('img/backgrounds/external_top.png'); background-repeat: no-repeat; overflow: hidden;}

.topNav {height:110px;}

.content {overflow: visible;position:absolute;top:110px;}
.max {cursor:pointer}
.max:hover {font-weight:bold}

.scrollHead {height:44px;width:740px;background-position: center top;background-image: url('img/backgrounds/scroll_header_740W.png'); background-repeat: no-repeat;overflow:hidden; text-align: center;}
.scrollHead > img {padding-top:6px;}
.scrollContent {background-position: center 0px; width:740px; background-image: url('img/backgrounds/scroll_body_740W.png'); background-repeat: repeat-y;height:auto;}
.scrollContent > div {padding-right: 20px; padding-left: 22px;overflow:visible;}
.scrollFoot {height:47px;width:740px;background-position: center top;  background-image: url('img/backgrounds/scroll_footer_740W.png'); background-repeat: no-repeat;overflow:hidden;}
 
.smallScrollContent {background-position: center 0px; width:255px; background-image: url('img/backgrounds/scroll_body_255W.png'); background-repeat: repeat-y;}
.smallScrollContent > div  {padding-right: 10px; padding-left: 11px;overflow:visible;font-size:9px;word-wrap:break-word}
div.smallScrollHead {height:27px;width:255px;background-position: center top;  background-image: url('img/backgrounds/scroll_header_255W.png'); background-repeat: no-repeat;overflow:hidden; text-align: center;padding-right: 0px; padding-left: 0px}
.smallScrollHead > img {padding-top:2px;height:25px}
.smallScrollFoot {height:15px;width:255px;background-position: center top;  background-image: url('img/backgrounds/scroll_footer_255W.png'); background-repeat: no-repeat;overflow:hidden;}

input[type="text"],input[type="password"]{border:1px solid #abadb3;outline:none;}
input[type="text"]:focus,input[type="password"]:focus{outline: 1px solid #f1ca7f;border:1px solid #c7a158;}

input[type="submit"]{outline:none;width:165px; height:42px;border:0px none;background-color:transparent;font-weight:bold;cursor:pointer;background-image: url('img/buttons/regular_off.png');}
input[type="submit"]:focus{outline:none;border:0px none}
input[type="submit"]:hover{background-image: url('img/buttons/regular_over.png');padding-top:2px;padding-left:7px;}
input[type="submit"]:active{background-image: url('img/buttons/regular_on.png');padding-top:11px;padding-left:12px;border:0px none}
input[type="submit"]:disabled{background-image: url('img/buttons/regular_dis.png');}
        
input[type="submit"].long{width:320px;background-image: url('img/buttons/long_off.png');}
input[type="submit"]:hover.long {background-image: url('img/buttons/long_over.png');}
input[type="submit"]:active.long {background-image: url('img/buttons/long_on.png');}
input[type="submit"]:disabled.long{background-image: url('img/buttons/long_dis.png');}
        
input[type="submit"].regular{width:165px;background-image: url('img/buttons/regular_off.png');}
input[type="submit"]:hover.regular {background-image: url('img/buttons/regular_over.png');}
input[type="submit"]:active.regular {background-image: url('img/buttons/regular_on.png');}
input[type="submit"]:disabled.regular{background-image: url('img/buttons/regular_dis.png');}
        
input[type="submit"].medium{width:100px;height:38px;font-size:8pt;background-image: url('img/buttons/medium_off.png');}
input[type="submit"]:hover.medium {background-image: url('img/buttons/medium_over.png');}
input[type="submit"]:active.medium {background-image: url('img/buttons/medium_on.png');}
input[type="submit"]:disabled.medium{background-image: url('img/buttons/medium_dis.png');}
        
input[type="submit"].short{width:55px;height:30px;font-size:6pt;background-image: url('img/buttons/short_off.png');}
input[type="submit"]:hover.short {background-image: url('img/buttons/short_over.png');}
input[type="submit"]:active.short {background-image: url('img/buttons/short_on.png');}
input[type="submit"]:disabled.short{background-image: url('img/buttons/short_dis.png');}

.resicon {float:left;margin-left:50px}
.res {width:20px;height:20px;/*background:url('img/backgrounds/res_back.png');*/border:1px none transparent;padding:1px;}
 
.fLeft {float:left;}
.padded {padding:2px}
     
.date {color:Gray;white-space:nowrap;cursor:default}
.time {color:Gray;white-space:nowrap;font-size:8px;cursor:default}
.level {white-space:nowrap;font-size:8px;cursor:default}
.help {color:Gray;white-space:nowrap;font-size:8px;cursor:default}
    
.name {color:#4C2E04;font-size:10px;font-weight:bold;white-space:normal;cursor:pointer;}
.nameYou {color:black;font-style:italic;cursor:default;}
.nameGM {color:blue;cursor:default;}
.nameMod {color:green;cursor:default;}
.nameSystem {color:red;cursor:default;}


name:hover
{
    text-decoration: underline;
    font-style:italic;
    font-weight:bold;
    outline: none;
}

.prevTown,.nextTown {cursor:pointer;}
    
.currentSeal {width:100px;height:91px;text-align:center;vertical-align:middle;overflow:hidden;float:right;background:url('img/backgrounds/seal_100x91.png');margin-bottom:10px;}
.currentSeal img {margin-top:35px}
.optionSeal {width:82px;height:75px;margin-top:9px;text-align:center;vertical-align:middle;float:right;overflow:hidden;background:url('img/backgrounds/seal_82x75_mouseout.png');margin-bottom:19px}
.optionSeal img {margin-top:30px}

.buildingImage {width:150px;height:150px;margin-right:10px;float:left}
.paddockImage {width:157px;height:119px}
.commongroundImage {width:172px;height:138px}
.pageName {width:150px;height:150px;}
 th {color:#2c1802}
.small td {font-size:10px}
.small th {font-size:10px}
.vsmall {font-size:8px}
.dull {color:Gray}

.resbar td {color:black;margin:0px;padding:0px;}
.resIco {vertical-align:middle;width:20px;margin:0px;padding:0px;padding-left:2px;padding-right:2px}
.resTxt {text-align:right;margin:0px;padding:0px}
.resInc {text-align:right;margin:0px;padding:0px}

.playerName .name {color:#f6e6c2;font-size:11px}

.logout {width:24px;height:24px;vertical-align:middle;cursor:pointer}
.mainHelp {width:24px;height:24px;vertical-align:middle;cursor:pointer}




/* Map stuff */


	.iCheckbox_container {
		height:14px;
		width:47px;
		position: relative;
		overflow: hidden;
	}
	img.iCheckbox_switch {
		height:14px;
		width:47px;
		background-image:url('img/buttons/switch.png');
		background-repeat:no-repeat;
		background-position:0px;
		cursor:pointer;
	}
	.iCheckbox_checkbox {}
	
	
	
a:active {
 outline: none;
}
a:focus {
 outline: none;
}
a:link
{
    color: #804e06;
    text-decoration: none;
    font-weight:bold;
    outline: none;
}
a:visited
{
    color: #804e06;
    text-decoration: none;
    font-weight:bold;
    outline: none;
}
a:hover
{
    color: #804e06;
    text-decoration: underline;
    font-style:italic;
    font-weight:bold;
    outline: none;
}


input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
    
  border-collapse: collapse;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    font-size:10px;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}