html {
  background:#666666;
}

* { 
  margin:0px;
}

body  {	
  margin:5px;
  padding:0px;
  padding-top:12px;
  padding-bottom:12px;
  color: #000000;
  font-family: Helvetica, sans-serif;
  font-size: 95%;
  background: #000;
  background-image: url(../images/background_tile_03a.jpg);
  background-position: top left; 
  background-repeat: repeat-x;
  height:100%;
  border:0px;
  border-bottom:0px;
}

a:link  {
  color: #000000;
  text-decoration: none;
}

a:visited {
  color: #000000;
  text-decoration: none;
}

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

p {
  margin:10px;
}

.here {  /* for "current page" non-links */
  display:inline-block;
  background:#EFEADD;
  padding:3px;
  margin:5px;
  margin-bottom:0px;
  margin-top:0px;
  border:1px solid #000;
  border-bottom:0px;
}

.heregrey {
  background:#999999;
}
.hereltgrey {
  background:#CBC7BC;
}

#centerstrip {
  min-width:780px;
  max-width:1000px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  background:#EFEADD;
  border:2px solid #000;
}

#sidesplash {
  float:left;
  height:500px;
  width:300px;
  margin:10px;
  margin-right:15px;
  border:1px solid #000;
  background-image:url(../images/splash_main_300x500.jpg);
  background-repeat: no-repeat;
}

.sidesplashshift {
  width:auto; 
  padding:10px;
}

.splashwrapper {
}

.listblock li {
  margin-left:25px;
  margin-bottom:5px;
  font-size:12px;
}

.newspage {
  background:#BDB39D;
  padding:5px;
  text-align:right;
}

.newsbox {
  padding:10px;
}

.newstitle {
  padding:3px;
  font-weight:bold;
}

.newsdate {
  line-height:12px;
  font-size:11px;
}

.newsentry {
  display:inline-block;
  margin-top:10px;
}

.newsmore {
  text-align:right;
  margin-top:10px;
}

.newsarchive {
  display:inline-block;
  text-align:right;
}

hr {
  height:5px;
  background:none;
  border:0px;
  border-bottom:3px double #666633;
}

#menu {
  float:left;
	width:130px;
	height: auto;
	padding:10px;
	background: #F7F4ED;
}

#content {
	margin:0px;
	padding:10px;
}

#topmenubar {
  width: auto;
  height: 20px;
  text-align: center;
  background: #BDB39D;
}

#playerbar {
  width: auto;
  height: 20px;
  text-align: center;
  background: #CBC7BC;
  border-right:5px solid #BDB39D;
}

.premiumbar {
  width: auto;
  height: 20px;
  text-align: center;
  background: #999999;
  border-right:10px solid #BDB39D;  
}

.adminbar {
  width: auto;
  padding:5px;
  text-align: center;
  background: #DFDACF;
  border:1px solid #000; 
  border-left:0px; 
  border-right:0px
}
 
#logo {
  width: auto;
  height: 60px;
  margin-left:auto;
  margin-right:auto;
  background: #000000;
  background-image:url(../images/banner_parchment_468x60.jpg);
  background-position: top center;
  background-repeat: no-repeat;
}

#map {
  width:420px;
  height:305px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../images/muelsfell_map.jpg);
  background-position: top center;
  background-repeat: no-repeat;
}
#prefooterClear {
  clear:both;
  height:1px;
  overflow:hidden;
}

.clr {
  clear:both;
}

#footer {
  height:130px;
  padding:8px;
  font-size:12px;
  border-bottom:10px solid #BDB39D;
  border-top:10px solid #BDB39D;
}

.footerRight {
  float:right; 
  width:120px;  
  text-align:center;
}

.topliner {
  border-top:2px solid #BDB39D;
}

.sideliner {
  border-right:2px solid #BDB39D;
}

#adboxRight {   /*  IE6 has some issues displaying sidebar items */
  float:right;
  clear:right;
  position:relative;
  width:140px;
  padding-top:5px;
  border:1px solid #000;
  margin:5px;
  margin-left:0px;
  margin-top:10px;
  margin-right:0px;
  font-size:12px;
  text-align:center;
  background:#F7F4ED;
}

#worktableBox {
  height:auto;
  min-height:500px;
  margin-left:0px;
  margin-right:150px;
}

.topspacer {
  font-size:12px;
  width:100%;
  height:30px;
  margin-left:auto;
  margin-right:auto;
  padding:5px;
  text-align:center;
  border:1px solid #BDB39D;
  border-bottom:3px double #BDB39D;
  border-top:3px double #BDB39D;
}

.helptip { 
  background:#F7F4ED; 
  border:2px solid #BDB39D;
  border:1px solid #000;
  width:140px;
  height:auto;
  margin:0px;
  margin-top:10px;
  font-size:12px;
  text-align:center;
  float:right;
}

.helptip_title {
  border:2px solid #BDB39D;
  background:#BDB39D;
  font-weight:bold;
}

.helptip img {
  border:1px solid #000;
  margin:5px;
}

.helptip_blurb {
  margin:5px;
  padding:3px;
}

.submit {
  border:1px solid #000;
  background:#BDB39D;
}

.submit:hover {
  border:1px solid #F7F4ED;
  background:#F7F4ED;
  text-decoration: blink;
}

.smalltext {
  font-size:90%;
}

.tinytxt {
  font-size:8px;
}

.centerIt {
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.golemAvatar {
  display:block;
  width:50px;
  height:50px;
  margin:5px;
  margin-left:auto;
  margin-right:auto;
  background:#666666;
}

.golemsInside {
  width: 600px;
  height:100px;
  margin:10px;
}

.fightBox {
  width:375px; 
  border:1px solid grey;
  padding:5px;
  margin:3px;
  font-size:12px;
}

.strike {
  text-decoration:line-through;
}

.attGrn {
  color: green;
}

.defRed {
  color: red;
}

.red {
  color:#CC0033;
  font-weight:bold;
}

.orange {
  color:#ff9966;
  font-weight:bold;
}

.yellow {
  color:#ffff00;
  font-weight:bold;
}

.green {
  color:#66cc00;
  font-weight:bold;
}

.blue {
  color:#0066CC;
  font-weight:bold;
}

.ablue {
  color:#3300ff;
}

.purple {
  color:#9933cc;
  font-weight:bold;
}

.quote {
  border:1px solid #bdb39d;
  background:#F7F4ED;
  color:#999999;
  width:80%;
  padding:10px;
  margin:10px;
}

pre {
  border:1px solid #bdb39d;
  background:#fff;
  padding:10px;
  margin:10px;
}

.smsq {
  float:left;
  width:10px;
  height:1px;
}

.ratioBad {
  border-bottom:10px solid #ff3366;
}

.ratioPoor {
  border-bottom:10px solid #FF9966;
}

.ratioFair {
  border-bottom:10px solid #FFCC66;
}

.ratioGood {
  border-bottom:10px solid #99FF66;
}

.ratioGreat {
  border-bottom:10px solid #00CC33;
}  

.full {
  width:100%;
}

.tall {
  height:100%;
}

.nobord {
  border:0px;
}

.bb {
  border:1px solid #000;
}

.weatherpoint {
  background:#33ccff;
}

.greyed {
  background:#cccccc;
}

img.tut {
  border:1px solid #000;
}

.pen {
  width:100px;
  height:200px;
}

.pen td {
  width:38px;
  height:38px;
  border:1px solid #BDB39D;
}

.four {
  width:40px;
  height:40px;
  margin-left:auto;
  margin-right:auto;
}

.five {
  width:50px;
  height:50px;
  margin-left:auto;
  margin-right:auto;
}

.dayblock {
  background-image:url(../images/terrainDaySm.png); 
  background-repeat: no-repeat;
}

.nightblock {
  background-image:url(../images/terrainNightSm.png); 
  background-repeat: no-repeat;
}

.wallblock {
  background-image:url(../images/terrainWallSm.png); 
  background-repeat: no-repeat;
}

.wallgrey {
  background-image:url(../images/terrainWallSmGrey.png); 
  background-repeat: no-repeat;
}

.fstblock {
  background-image:url(../images/terrainWoodedSm.png); 
  background-repeat: no-repeat;
}

.fstgrey {
  background-image:url(../images/terrainWoodedSmGrey.png); 
  background-repeat: no-repeat;
}

.mtnblock {
  background-image:url(../images/terrainMountainSm.png); 
  background-repeat: no-repeat;
}

.mtngrey {
  background-image:url(../images/terrainMountainSmGrey.png); 
  background-repeat: no-repeat;
}

.dstblock {
  background-image:url(../images/terrainHeatSm.png); 
  background-repeat: no-repeat;
}

.dstgrey {
  background-image:url(../images/terrainHeatSmGrey.png); 
  background-repeat: no-repeat;
}

.wetblock {
  background-image:url(../images/terrainWetlandSm.png); 
  background-repeat: no-repeat;
}

.wetgrey {
  background-image:url(../images/terrainWetlandSmGrey.png); 
  background-repeat: no-repeat;
}

.worlddata {
  font-size:12px;
  border:1px solid #000;
  margin-left:auto;
  margin-right:auto;
}

.worlddata td {
  width: 125px;
}

.worldlink:link, .worldlink:visited {
  font-weight:bold;
  text-decoration:underline;
}


.worldBar {
  width: auto;
  height: 20px;
  text-align: center;
  background: #BDB39D;
}
 

.title {
  font-weight:bold;
  font-size:14px;
  background: #BDB39D;
}

td.lrow {
  background: #F7F4ED;
}

td.grow {
  background: #cccccc;
  color:#666666;
}

td.dkgrow {
  background: #999999;
  color:#666666;
}

td.bright {
  background: #ffffff;
}

td.gbord {
  border-right:1px solid #666600;
  border-left:1px solid #666600;
}

td.bottomtag {
  border-top:2px solid #BDB39D;
  font-size:90%;
  text-align:right;
  height:20px;
}

td.tableMsg {
  border-top:2px solid #BDB39B;
}

td.bottomliner {
  border-bottom:2px solid #BDB39D;
}

.costbox {
  border:0px;
}

.costbox td {
  border:1px solid #000;
}

.costbox td.nobord {
  border:0px;
}

.worlddata img {
  padding:10px;
}

.workshoptable {
  width:565px;
  font-size:12px; 
  width:100%;
  margin:10px; 
  margin-left:auto; 
  margin-right:auto; 
  text-align:center;
  border:1px solid black;
  background:none;
}

.workshoptable td.title {
  background:#BDB39D;
  font-weight:bold;
  height:20px;
}

.workshoptable td.loc {
  width:40px;
  font-size:10px;
  height:15px;
  width:auto;
  border:1px solid #808080;
  text-align:center;
}

.workshoptable td.loc img {
  float: left;
  padding:0px;
  border:0px;
}

.workshoptable td.loc img.partIcon {
  border:1px solid #BDB39B;
  margin-left:-5px; 
  margin-top:-5px;
}

.partName {
  margin-left:21px; 
  height:5px; 
  width:auto;
  margin-top:-5px;
}

.wtable {
  table-layout:fixed;
  font-size:11px; 
  width:100%; 
  width:130px;
  height:600px; 
  margin:0px;
}

.nesttable {
  border:0px;
  text-align:center;
  width:100%;
}

.nesttable td {
  height:20px;
}

.nesttable td.status {
  border:1px solid #000;
  width:100px;
  font-size:11px;
  text-align:center;
}

.openlink {
  display:block;
  overflow:visible;
  width:auto;
}

.openlink:hover {
  background: #F7F4ED;
}

.repLocLink, .repLocLink:visited {
  color:#ffffff;
  display:block;
  overflow:visible;
  width:auto;
}

.repLocLink:hover {
  color:#000000;
  background: #999999;
}

fieldset {
  border:1px solid #000;
  padding:0px;
}

legend {
  margin-left:15px;
}

textarea {
  margin:10px;
  padding:5px;
  border:1px solid #000;
}

.dsGolem {
  float:left;
  padding:0px;
  margin:0px;
  width:130px;
}

.golemImg {
  width:284px; 
  margin-left:auto; 
  margin-right:auto;
  margin-top:10px;
}

.stats {
  font-size:12px;
  background: #BDB39D;
}

.alertbox {
  padding:10px;
  background:#F7F4ED;
  border:2px dashed red;
}

.xbox {
  position:absolute;
  right:0px;
  top:0px;
  padding:0px;
  padding-left:3px;
  padding-right:3px;
  width:10px;
  border:1px solid #000;
  font-weight:bold;
  background:#BDB39D;
}

.empty {
  border:0px;
  background:none;
  font-weight:bold;
  font-family: Helvetica, sans-serif;
  font-size: 12px;
}

.empty:hover {
  color: #339999;
  text-decoration: none;
}

.terraintable {
  font-size:11px; 
}

.terraintable td {
  height:15px;
}

.resourcetable {
  float:right;
  clear:right;
  width:225px;
  border:1px solid #000;
  margin:10px;
  margin-right:5px;
  font-size:12px;
  background:#EFEADD;
}
.resourcetable td, .resourcetable tr {
  height:20px;
  text-align:right;
}

.resourcetable td.title {
  text-align:center;
}

.resourcetable img {
  float:left;
}

.workshoptable td.smt, .resourcetable td.smt {
  background:#BDB39D;
  font-weight:bold;
  font-size:10px;
}

.resourceBox {
  position:relative;
  float:right;
  width:140px;
}

.golembrief {
  border:1px solid #000;
  width:90px; 
  margin-left:auto; 
  margin-right:auto;
}

.golembrief td {
  width:10px;
  height:10px;
}

.golembrief tr {
  height:10px;
}

/* hovers */

.qmark {
  position:absolute;
  right:0px;
  top:0px;
  margin-left:10px;
  padding:0px;
  padding-left:3px;
  padding-right:3px;
  width:10px;
  border:1px solid #000;
  font-weight:bold;
  background:#BDB39D;
}
.popupblock {position:relative; width:120px; margin-left:auto; margin-right:auto; padding-right:25px;}
.popup span {display: none;}
.popup:hover span {display: block;}
.popup:hover span span {display: block; position: absolute; width: 200px; height: 45px; top:-5px; left:50%; padding:5px; margin-top:-70px; z-index: 100; color: #000000;  background: #EFEADD; border: 1px solid #000000; text-align: center; text-decoration: none; font-weight:normal;}
.popup:hover span span em {position:absolute; top:55px; left:100px; height:20px; width:60px; display:block; margin-left:-55px; z-index:200; background-image:url(../images/pointer_bot.gif); background-repeat: no-repeat;} 

/* --------------- */
/* Special Effects */
/* --------------- */

.out {
  display:block; 
  background:#78756F; 
  /* border:1px solid #B3B0A6; */
  position:relative;
}

.in {
  text-align:center; 
  background:#EFEADD; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
}

.ltin {
  left:-3px;
}

.tpin {
  top:-3px;
}


/* --------------- */
/* Select/Drop Down */
/* --------------- */
form {
  margin:0px;
}
select {
  display: block;
  width: auto;
  background:#F7F4ED;
  border:2px solid #BDB39D;
  margin-left:auto;
  margin-right:auto;
}
select.replaced {
  width:1px;
  position:absolute;
  left:-999em;
}
ul.selectReplacement {
  background-image: url(../images/pointer_select.gif);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 0px;
  height: 25px;
  border:1px solid #000;
  margin:0px;
  width: auto;
  position: relative;
  z-index: 1000;
}
ul.selectFocused {
}
ul.selectReplacement li {
  cursor: pointer;
  display: none;
  font-size: 12px;
  line-height: 24px;
  list-style: none;
  margin: 0px;
  padding: 0px 15px;
  width: auto;
}
ul.selectOpen li {
  background: #F7F3ED;
  display: block;
}
ul.selectReplacement li.selected {
  display: block;
}
ul.selectOpen li.selected {
  /* should do something diff here to indicate prev select */
  background: #F7F4ED;
  border: 0px;
  display: block;
}
ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover {
  background: #fff;
}


/* -------------------------------------------------------------- */
/* Handles drop down menus since SELECT doesn't allow for styling */
/* -------------------------------------------------------------- */

#selectDrop {
  list-style-type:none;
  margin:0px;
  padding: 0px;
  cursor:pointer;
}

#selectDrop li {
  float:left;
  padding:0px;
  margin:0px;
  position:relative;
  width:100px;
  height:25px;
  z-index:100;
}

#selectDrop li dl {
  position:absolute;
  top:0px;
  left:0px;
  border:1px solid #000;
}

#selectDrop li a, #menu li a:visited {
 text-decoration:none;
}

#selectDrop li dd {
  display:none;
  height:auto;
  width:100px;
  background:#EFEADD;
}

#selectDrop .altRow { 
  background: #F7F4ED; 
}

#selectDrop li:hover, #menu li a:hover {
  border:0;
}

#selectDrop li:hover dd, #menu li a:hover dd {
  display:block;
}

#selectDrop li:hover dl, #menu li a:hover dl {
}

#selectDrop table {
  border-collapse:collapse;
  padding:0; 
  margin:-1px;
}

#selectDrop dl {
  padding:0px;
}

#selectDrop dt {
  width:100px;
  margin:0; 
  padding: 5px;
  text-align:center;
}

#selectDrop dd {
  margin:0px; 
  padding:0px;
  padding-right:10px;
  width:100px;
  text-align:center;
}

#selectDrop dd img {
  margin:3px;
  margin-bottom:1px;
  margin-right:70px;
}

#selectDrop dd:hover {
  background:#fff;
}

#selectDrop dd a {
  display:block;
  width:100%;
}

/* end of select style drop down */