/* CSS Document */
td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;


        scrollbar-face-color: #584833;
        scrollbar-shadow-color: #201F1F;
        scrollbar-highlight-color: #6F6660;
        scrollbar-3dlight-color: #8F8880;
        scrollbar-darkshadow-color: #222222;
        scrollbar-track-color: #202020;
        scrollbar-arrow-color: #CCCCCC;

}

.navhead {
        text-decoration: none;
        width: 120px;
        height: auto;
        padding: 1px;
        line-height: 18px;
        float: left;
        clear: none;
        background-color: #000000;
        font-weight: bold;
        color: #ffcc00;
        cursor: default;
        text-align: center;
}

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


.navhelp {
        text-decoration: none;
    width: 120px;
        height: auto;
    padding: 1px;
        float: left;
        clear: none;
        background-color: #000033;
        border: 1px solid #000033;
}

a.nav {
    text-decoration: none;
    width: 120px;
    height: auto;
    padding: 1px;
    float: left;
    clear: none;
    background-color: #1A1A1A;
    border-top: 1px solid #2c2c2c;
    border-left: 1px solid #2e2e2e;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    font-size: 9px;

}

a:hover.nav {

    background-color: #0D0D0D;
    border: 1px solid #242424;
    font-size: 9px;
}
a.navhilite {
        text-decoration: none;
        width: 120px;
        height: auto;
        padding: 1px;
        float: right;
        clear: none;
        color:#FFFF00;
        background-color: #330000;
        border-top: thin solid #330000;
        border-bottom: thin solid #330000;
        border-right: thin none #330000;
        border-left: thin none #330000;
        font-size: 9px;
}
a:hover.navhilite {
        background-color: #990000;
        border-top: thin outset #CC0000;
        border-right: thin none #CC0000;
        border-bottom: thin outset #CC0000;
        border-left: thin none #CC0000;
        font-size: 9px;
}


table {
}
td.charinfo {
        border-top-width: 1px;
        border-top-color: #505050;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: default;
        font-size: 9px;
}
td.charhead {
        background-color: #303030;
        border: none;
        cursor: default;
        color: #FFFF00;
        font-size: 9px;
}
table.charinfo {
        border: none;
        width: 100px;
        font-size: 8px;

}
td.popupheader {
        background-color: #333399;
        background-image: url('../images/headbkg.GIF');
        height: 20px
}
td.noborder {
        border: none;
}
table.noborder {
        border: none;
}
td.village {
        background-image: url('../images/village.jpg');
        background-repeat: no-repeat;
        background-position: right bottom
}
td.forest {
        background-image: url('../images/forest.jpg');
        background-repeat: no-repeat;
        background-position: center bottom
}
td.dragon {
        background-image: url('../images/dragon.jpg');
        background-repeat: no-repeat;
        background-position:  center;
        background-attachment: fixed
}
input {
        background-color: #2c2c2c;
        border: 1px solid #474747;
        color: #ff8000;
}
.button {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    color: #ff8000;
    background-color: #2c2c2c;
    border-top: 1px solid #474747;
    border-left: 1px solid #474747;
    border-right: 1px solid #2c2c2c;
    border-bottom: 1px solid #2c2c2c;
}
.input {
        background-color: #2c2c2c;
        border: 1px solid #474747;
        color: #CCCCCC;
}
select {
        background-color: #2c2c2c;
        border: 1px solid #474747;
        color: #CCCCCC;
}
table.vitalinfo {
        background-color: #003300;
        border: 1px solid #000000;
        width: 150px;
}
table.vitalinfo {
        background-color: #003300;
        border: 1px solid #000000;
        width: 150px;
}
a.motd {
        text-decoration: none;
        color:#FF4400;
}
a:hover.motd {
        font-weight: bold;
}

a.hotmotd {
        font-weight: bold;
        color:#FFee00;
}
.pagetitle {
        font-family: "Old English Text MT", "Times New Roman";
        font-size: 20px;
        color: #FFFFFF;
}
td.footer {
        background-repeat: repeat-x;
        background-position-y:50%
}
.navhi {
        color: #DDDD00;
        text-decoration: underline;
}
.colDkBlue    { color: #0000B0; }
.colDkGreen   { color: #00B000; }
.colDkCyan    { color: #00B0B0; }
.colDkRed     { color: #B00000; }
.colDkMagenta { color: #B000CC; }
.colDkYellow  { color: #B0B000; }
.colDkWhite   { color: #B0B0B0; }
.colLtBlue    { color: #0000FF; }
.colLtGreen   { color: #00FF00; }
.colLtCyan    { color: #00FFFF; }
.colLtRed     { color: #FF0000; }
.colLtMagenta { color: #FF00FF; }
.colLtYellow  { color: #FFFF00; }
.colLtWhite   { color: #FFFFFF; }
.colLtBlack   { color: #999999; }
.colOrange  { color: #FF9900; }
.colDkOrange  { color: #FF6600; }
.colBlue  { color: #0070FF; }
.colLime  { color: #DDFFBB; }
.colBlack  { color: #000000; }
.colRose { color: #EEBBEE; }
.colblueviolet { color: #9A5BEE; }
.coliceviolet{ color: #AABBEE; }
.colLtBrown { color: #F8DB83; }
.colDkBrown { color: #6b563f; }
.colXLtGreen{color: #aaff99; }
.colAttention { background-color: #00FF00; color: #FF0000;}
.colWhiteBlack { background-color: #FFFFFF; color: #000000; }
.colBack  { background-color:#00FFFF; color:#000000; }
.trhead  { background-color:#990000; color:#FFFFFF; }
.trlight { background-color:#330000; }
.trdark  { background-color:#000000; }