body {
  background-color: #000;
  color: #FFF;
  font-family: sans-serif;
}

a { color: #BBF; text-decoration: none }
a:visited { color: #BBF }
a:hover { text-decoration: underline }
a.web { color: #BBF; text-decoration: underline }

img { border: none }
form { display: inline }

table { border-spacing: 0; border-collapse: collapse }

.b_grey_ridge { border: 1pt; border-style: ridge; border-color: #888;}
.fullwidth { width: 100% }
.p95width { width: 95% }
.q3width { width: 75% }
.halfwidth { width: 50% }
.triwidth { width: 33.3% }
.q1width { width: 25% }
.v_margin { margin-top: 5pt; margin-bottom: 5pt }
.h_margin { margin-left: 5pt; margin-right: 5pt }
.full_margin { margin-top: 5pt; margin-bottom: 5pt; margin-left: 5pt; margin-right: 5pt }
.no_padding { padding: 0 }
.padding_5 { padding: 5pt }
.f_right { float: right }
.f_left { float: left }
.clear { clear: both }
.a_left { text-align: left }
.a_right { text-align: right }
.a_top, .a_top td { vertical-align: top }
.a_centre { text-align: center }
.p_centre { margin-left: auto; margin-right: auto }
.smalltxt { font-size: smaller }
.xsmall { font-size: x-small }
.xxsmall { font-size: xx-small }

.hidden { display: none }

h1 {margin: 0}

/* General table alternate row. */
.row1 { background-color: #666 }
.row2 {}

/* The cell that shows vp/hp/mp/xp bar.  Make all image 1pixel high. */
.bar { margin: 0; padding: 0; }
.bar img { height: 1.5pt; margin: 0; float: left; }

.error {
  color: #F00;
}

.autoform_error {
  color: red;
}

/* City images on map.  This gets their location and default border right. */
img.city {
  position: absolute;
  border: 2pt solid black;
}

#menu_char {
  position: absolute;
  left: 63px;
  top: 22px;
  background-color: black;
  border: 1px solid white;
  padding: 0 1ex;
  line-height: 1.5;
}

/* 5-element background */
.elem5 {
  /*background-image: url(../img/5elements.gif);*/
  background-position: center center;
  background-repeat: no-repeat;
}

/* Various stat colour */
.hp { color: #F88 }
.mp { color: #BBF }
.vp { color: #8F8 }
.gold { color: #FF0 }
.food { color: #CF0 }

/* Message colour */
.msg_bad_events { color: #FF0 }
.msg_attack_events { color: #F00 }
.msg_protect_events { color: #0F0 }
.msg_trade_events { color: #0F0 }
.msg_spell_events { color: #8F8 }
.msg_people_events { color: #0FF }
.msg_major_events { color: #00F; font-weight: bold }

/* Message list */
#note_list { font-size: 83% }
#note_list span.time { font-size: 90% }

/* Countdown timer */
.timer { font-family: monospace }
.expired_timer { color: grey; font-family: monospace }

.tutheader
{
margin-top:0px;
margin-bottom:0px;
font-size:100%;
padding-top:0px;
padding-bottom:0px;
padding-left:4px;
color:#66CCFF;
/*border:1px solid #336699;*/
background-color:#333333;
}

.greyborder
{
border-top: 1px solid #777;
}