body
{
  background: url(/static/webbg1jpg.jpg) center top no-repeat fixed;
}

body, #innerForm
{
  background-color: #000;
  color: #fff;
  font-family: Verdana, Arial, serif;
}

p
{
  margin: 0 0 0 0;
}

.sshot-preview
{

}

.sshot
{
  border: 1px solid #000000;
}

.sshot:hover
{
  border: 1px solid #7E7050;
  /* #F8DF9E; */
  /* 7e7050; */
}

h1
{
  margin: 0 0 0 0;
  font-size: 1em;
}

a
{
  color: #F8DF9E;
  text-decoration: none;
}

a img
{
  border: none;
}

a:hover
{
  color: #FFFFB4;
}

a:focus
{
  outline: none;
}

input
{
  background-color: #000;
  color: #fff;
  border: 1px solid #777;
}

input.button
{
  background-color: #999;
  color: #000;
  border: 1px solid #222;
  padding: 3px 3px 3px 3px;
}

select
{
  background-color: #000;
  border: 1px solid #7F7F5A;
  color: #F8DF9E;
  font-family: Verdana, Arial, serif;
}

table
{
  border-collapse: collapse;
  vertical-align: middle;
}

caption
{
  font-variant: small-caps;
  text-decoration: underline;
  white-space: nowrap;
}

td.header
{
  font-variant: small-caps;
}

td.numeric
{
  text-align: right;
}

td.fieldname
{
  text-align: right;
}

.fielderror
{
  color: #f77;
  font-size: 0.8em;
  font-weight: bold;
}

td.fieldcomment
{
  font-size: 0.6em;
}

.sidecomment
{
  font-size: 0.6em;
}

.sidequestion
{
  font-size: 0.6em;
}

#site
{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

#site2
{
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

#header
{
  position: relative;
  text-align: center;
  height: 220px;
}

#header .logo:before
{
  content: url(/static/size1.png);
  width: 400px; height: 200px;
  margin-left: auto;
  margin-right: auto;
}

#sitedata
{
  position: relative;
}

#footer
{
  position: relative;
  text-align: center;
}

#footer #copyright
{
  font-size: 60%;
}

#nav
{
  position: absolute;
  left: 10px;
  top: 0px;
  width: 256px;
  z-index: 1;
}

#main
{
  margin: 0 235px 0 270px;
  top: 10px;
}

#extras
{
  position: absolute;
  right: 10px;
  top: 0px;
  width: 215px;
}

.ew-outer
{

}

.ew-inner
{
  position: relative;
  left: 14px; top: 34px; width: 182px; height: 139px;
}

.ew-inner-shot
{
  position: relative;
  left: 9px; top: 34px; width: 190px; height: 139px;
}

.ew0
{
  width: 208px; height: 180px;
  background: url(/static/joinnow1.png) no-repeat;
}

.ew1
{
  width: 208px; height: 180px;
  background: url(/static/window1.png) no-repeat;
}

.ew2
{
  width: 208px; height: 180px;
  background: url(/static/citizenship0002.png) no-repeat;
}

.dlbutton:before
{
  content: url(/static/dl.png);
  width: 180px; height: 34px;
  outline: none;
}

.dlbutton:hover:before
{
  content: url(/static/dl2.png);
}

.upgradebutton:before
{
  content: url(/static/a0000.png);
  width: 180px; height: 34px;
  outline: none;
}

.upgradebutton:hover:before
{
  content: url(/static/b0000.png);
}

.sb0:before
{
  content: url(/static/Sidebuttons-Normal0000.png);
  width: 256px; height: 54px;
}

.sb1:before
{
  content: url(/static/Sidebuttons-Normal0001.png);
  width: 256px; height: 54px;
}

.sb2:before
{
  content: url(/static/Sidebuttons-Normal0002.png);
  width: 256px; height: 54px;
}

.sb3:before
{
  content: url(/static/Sidebuttons-Normal0003.png);
  width: 256px; height: 54px;
}

.sb4:before
{
  content: url(/static/Sidebuttons-Normal0004.png);
  width: 256px; height: 54px;
}

.sb0:hover:before
{
  content: url(/static/Sidebuttons-Glow0000.png);
}

.sb1:hover:before
{
  content: url(/static/Sidebuttons-Glow0001.png);
}

.sb2:hover:before
{
  content: url(/static/Sidebuttons-Glow0002.png);
}

.sb3:hover:before
{
  content: url(/static/Sidebuttons-Glow0003.png);
}

.sb4:hover:before
{
  content: url(/static/Sidebuttons-Glow0004.png);
}

.sb0:active:before, .sb0:focus:before
{
  content: url(/static/Sidebuttons-Push&Glow0000.png);
}

.sb1:active:before, .sb1:focus:before
{
  content: url(/static/Sidebuttons-Push&Glow0001.png);
}

.sb2:active:before, .sb2:focus:before
{
  content: url(/static/Sidebuttons-Push&Glow0002.png);
}

.sb3:active:before, .sb3:focus:before
{
  content: url(/static/Sidebuttons-Push&Glow0003.png);
}

.sb4:active:before, .sb4:focus:before
{
  content: url(/static/Sidebuttons-Push&Glow0004.png);
}

.mymenubase
{
  outline: none;
}

.mymenu
{
  position: relative;
  background: url(button-middle.png) repeat-x;
  height: 27px; line-height: 23px; vertical-align: middle;
  padding-left: 19px;
  padding-right: 18px;
  text-align: center;
  font-variant: small-caps;
}

.mymenu:hover
{
  background: url(button-middle-hover.png);
}

.mymenu:active, .mymenu:focus
{
  background: url(button-middle-hover-pressed.png);
}

.mymenu .mymenuleft
{
  position: absolute;
  background: url(button-left.png) no-repeat;
  left: 0px;
  width: 19px;
  height: 27px;
}

.mymenu:hover .mymenuleft
{
  background: url(button-left-hover.png);
}

.mymenu:active .mymenuleft, .mymenu:focus .mymenuleft
{
  background: url(button-left-hover-pressed.png);
}

.mymenu .mymenuright
{
  position: absolute;
  background: url(button-right.png) no-repeat;
  right: 0px;
  width: 18px;
  height: 27px;
}

.mymenu:hover .mymenuright
{
  background: url(button-right-hover.png);
}

.mymenu:active .mymenuright, .mymenu:focus .mymenuright
{
  background: url(button-right-hover-pressed.png);
}

.mymenu-rolledup
{
  display: none;
}

.mymenu-unrolled
{
  display: block;
}

.mymenuitembase
{
  outline: none;
}

.xmenushift
{
  margin-top: -25px;
}

.xmenuitembase
{
  outline: none;
}

.xmenuitem-begin
{
  background: url(/static/bar1.png) no-repeat;
  width: 256px; height: 23px;
}

.xmenuitem
{
  background: url(/static/bar1.png) no-repeat;
  width: 256px; height: 23px;
  padding-left: 51px;
}

.xmenuitem-end
{
  background: url(/static/bottom1.png) no-repeat;
  width: 256px; height: 10px;
}

.mymenuitem
{
  background-color: #400040; /*#916807*/; /*#B9850B;*/ /*#795706;*/
  border: 1px solid #000;
  border-top: 0px;
  color: #ddd;
  padding-left: 16px;
}

.mymenuitem:hover
{
  background-color: #800080; /*#CB920C;*/ /* #B9850B;*/
  color: #fff;
}

.mymenuitem:active, .mymenuitem:focus
{
  color: #fff;
}

.content-entry
{
  padding-top: 0px;
  padding-bottom: 0px;
}

.content-entry-inner
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.content-horz-u
{
  background: url(/static/window-u.png) repeat-x;
  position: relative;
  height: 5px;
  width: 100%;
  z-index: 1002;
}

.content-horz-d
{
  background: url(/static/window-d.png) repeat-x;
  position: relative;
  height: 5px;
  width: 100%;
}

.centered0
{
/*  text-align: center;*/
}

.centered
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.content-titlebar
{
  position: relative;
  top: -12px;
  z-index: 20;
}

.content-titlebar-left
{
  position: relative;
  background: url(/static/titlebar-left.png) no-repeat;
  width: 96px;
  height: 30px;
  float: left;
  padding-top: 4px;
  padding-bottom: 4px;
}

.content-titlebar-left .gold
{
  position: absolute;
  background: url(/static/titlebar-gold-left-sun.png) no-repeat;
  width: 30px;
  height: 21px;
  right: 0px;
}

.content-titlebar-center
{
  position: relative;
  background: url(/static/titlebar-middle.png) repeat-x;  
  height: 30px;
  float: left;
  padding-top: 4px;
  padding-bottom: 4px;
}

.content-titlebar-center .gold
{
  position: relative;
  background: url(/static/titlebar-gold-middle.png) repeat-x;
  height: 21px;
  font-family: monospace;
  font-variant: small-caps;
  font-size: 16px;
}

.content-titlebar-center .gold .titlebar-text
{
  position: relative;
  top: -1px;
  vertical-align: middle;
}

.content-titlebar-right
{
  position: relative;
  background: url(/static/titlebar-right.png) no-repeat;
  width: 96px;
  height: 30px;
  float: left;
  padding-top: 4px;
  padding-bottom: 4px;
}

.content-titlebar-right .gold
{
  position: absolute;
  background: url(/static/titlebar-gold-right-sun.png) no-repeat;
  width: 28px;
  height: 21px;
  left: 0px;
}

.content-vert1
{
  background: url(/static/window-l.png) repeat-y;
  position: relative;
  margin-left: 0px;
  padding-left: 5px;
}

.content-vert2
{
  background: url(/static/window-r.png) repeat-y right;
  position: relative;
  margin-right: 0px;
  padding-right: 5px;
}

.corner-ul
{
  position: absolute;
  background: url(/static/window-ul.png) no-repeat;
  left: 0px;
  top: 0px;
  width: 19px;
  height: 19px;
  z-index: 10;
}

.corner-ur
{
  position: absolute;
  background: url(/static/window-ur.png) no-repeat;
  right: 0px;
  top: 0px;
  width: 19px;
  height: 19px;
  z-index: 10;
}

.corner-dl
{
  position: absolute;
  background: url(/static/window-dl.png) no-repeat;
  left: 0px;
  bottom: 0px;
  width: 19px;
  height: 20px;
  z-index: 10;
}

.corner-dr
{
  position: absolute;
  background: url(/static/window-dr.png) no-repeat;
  right: 0px;
  bottom: 0px;
  width: 19px;
  height: 20px;
  z-index: 10;
}

.content-main
{
  background: url(/static/background.png);
  color: #fff;
  padding: 15px 15px 3px 15px;
}

.icon
{
  background: url(/static/icon-holder.png) no-repeat;
  width: 36px;
  height: 36px;
  padding: 2px 2px 2px 2px;
}

.monster_icon, .object_icon
{
  text-align: center;
}

.ltable
{
  float: left;
  margin-right: 40px;
}

.sep
{
  clear: both;
}

.skillbar-base
{
  position: relative;
  height: 36px;
  margin: 0px 0px 0px 0px;
  border: 1px solid black;
}

.skillbar-text
{
  position: absolute;
  height: 36px;
  line-height: 36px;
  white-space: nowrap;
}

.skillbar-bg
{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.windowcaption-base
{
  position: relative;
  margin: -5px -5px 5px -5px;
  border: 1px solid black;
}

.windowcaption-text
{
  white-space: nowrap;
  font-variant: small-caps;
  padding: 2px 2px 2px 2px;
}

.windowcaption-bg
{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: purple;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#creature-penguin
{
  background: url(/static/penguin.png);
}

#creature-turtle
{
  background: url(/static/turtle.png) no-repeat;
}

#creature-turtle2
{
  background: url(/static/turtle2.png) no-repeat;
}

#creature-evileye
{
  background: url(/static/evileye.png) no-repeat;
}

.welcomeF:before
{
  display: block;
  content: url(/static/f.png);
  width: 42px; height: 52px;
}

.welcomeA:before
{
  display: block;
  content: url(/static/a.png);
  width: 32px; height: 52px;
}

.welcomeL:before
{
  display: block;
  content: url(/static/l.png);
  width: 32px; height: 52px;
}

.welcomeD:before
{
  display: block;
  content: url(/static/d.png);
  width: 42px; height: 52px;
}

.welcomeO:before
{
  display: block;
  content: url(/static/o.png);
  width: 42px; height: 52px;
}

.welcomeN:before
{
  display: block;
  content: url(/static/n.png);
  width: 32px; height: 52px;
}

.welcomeDivider
{
  display: block;
  background: url(/static/divider.png) no-repeat;
  width: 460px; height: 12px;
}

.welcomeShot1
{
  display: block;
  background: url(/static/shot1.png) no-repeat;
  width: 130px; height: 100px;
}

.welcomeShot2
{
  display: block;
  background: url(/static/shot2.png) no-repeat;
  width: 132px; height: 140px;
}

.welcomeShot3
{
  display: block;
  background: url(/static/shot3.png) no-repeat;
  width: 301px; height: 225px;
}

.welcomeShot4
{
  display: block;
  background: url(/static/shot4.png) no-repeat;
  width: 130px; height: 100px;
}

.clearly
{
  clear: both;
}