/* CSS Document for the LoGD ailean skin by Ben Wong,
   based on a concept by Ailean */

/*  --------------------------------------------------------------------
**  General Tag Defaults
*/

/** tables **/
table {
}
td {
    font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
}

/** links **/
a {
    color: #d0a700;
    text-decoration: none;
}
a:hover {
    color: #767676;
    text-decoration: none;
}

/** input fields (e.g. village chats) **/
input {
    font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    background-color: #303030;
    border: 1px solid;
    border-color: #000000 #707070 #707070 #000000;
    color: #e7e7e7;
}

/** select boxes (e.g. user preference drop-downs) **/
select {
    background-color: #303030;
    border: 1px solid #000000;
    color: #d0a700;
}

fieldset {
    border: 1px solid;
    border-color: #707070 #000000 #000000 #707070;
}
legend {
    padding: 3px;
    color: #639ace;
    font-weight: bold;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

/*  --------------------------------------------------------------------
**  Global Classes
*/

/** the main page heading (e.g. "Degolburg, the Capital City", "LoGD News") **/
.pagetitle {
    font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: none;
    color: #e7e7e7
}

/** nav menu categories (e.g. City Gates, Store Street, Info) **/
.navhead {
    text-decoration: none;
    width: 175px;
    border: 1px solid;
    border-color: #707070 #000000 #000000 #707070;
    height: auto;
    padding-left: 2px;
    line-height: 20px;
    float: left;
    clear: none;
    background-color: #191919;
    font-weight: bold;
    text-align: left;
    background: url(ailean/navhdr.gif)
}

/** help for nav menu categories **/
.navhelp {
    text-decoration: none;
    width: 175px;
    height: auto;
    padding: 1px;
    float: left;
    clear: none;
    border: thin none;
    border-color: #707070 #000000 #000000 #707070;
}

/** nav hot keys (e.g. [F]orest, [T]ravel) **/
.navhi {
    color: #d0a700;
    text-decoration: underline;
    padding: 1px;
}

/** input fields (e.g. the textarea in YOMs) **/
.input {
    background-color: #303030;
    border: 1px solid;
    border-color: #000000 #707070 #707070 #000000;
    color: #e7e7e7;
}

/** input buttons (e.g. Submit, Search, Add) **/
.button {
    font-family: "Trebuchet MS", "Verdana", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    color: #d0a700
    background-color: #303030;
    border: 1px solid;
    border-color: #707070 #000000 #000000 #707070;
}

.block {
    padding: 3px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 2px;
    line-height: 120%;
}

/** text colours **/
.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; }
.colSweinrot  { color: #660033; }
.colSbabrosa  { color: #FF99CC; }
.colSorange  { color: #FFCC00; }
.colSmint { color: #00CC66; }
.colSgreen { color: #CCFF99; }
.colSolive{ color: #9ACD32; }
.colSeier { color: #FFFF99; }
.colStuerkis { color: #99FFFF; }
.colSgrau{color: #696969; }
.colSach{color: #FFFFFF; }
.colSacha{color: #E0E0E0; }
.colSachb{color: #DCDCDC; }
.colSachc{color: #C0C0C0; }
.colSachd{color: #A9A9A9; }
.colSache{color: #808080; }
.colSachf{color: #575757; }
.colSachg{color: #3B3B3B; }
.colSachh{color: #333333; }
.colSachi{color: #FFFF00; }
.colSachj{color: #FFD700; }
.colSachk{color: #FFBF26; }
.colSachl{color: #FF9900; }
.colSachm{color: #FF8000; }
.colSachn{color: #FF6600; }
.colSacho{color: #FF4A00; }
.colSachp{color: #FF1F00; }
.colSachq{color: #FF0000; }
.colSachr{color: #E00000; }
.colSachs{color: #D10000; }
.colSacht{color: #C20000; }
.colSachu{color: #B30000; }
.colSachv{color: #A30000; }
.colSachw{color: #940000; }
.colSachx{color: #850000; }
.colSachy{color: #660000; }
.colSachz{color: #470000; }
.colSnaso{color: #440022; }
.colSnasoa{color: #660030; }
.colSnasob{color: #8A023F; }
.colSnasoc{color: #A00446; }
.colSnasod{color: #B9034C; }
.colSnasoe{color: #D80655; }
.colSnasof{color: #DDFFBB; }
.colSnasog{color: #AAFF99; }
.colSnasoh{color: #00FF00; }
.colSnasoi{color: #00B000; }
.colSnasoj{color: #038A00; }
.colSnasok{color: #035900; }
.colSnasol{color: #002D00; }
.colSnasom{color: #457A00; }
.colSnason{color: #669900; }
.colSnasoo{color: #87B800; }
.colSnasop{color: #B0B000; }
.colSnasoq{color: #66CC00; }
.colSnasor{color: #556F5B; }
.colSnasos{color: #009191; }
.colSnasot{color: #00B0B0; }
.colSnasou{color: #00D1D1; }
.colSnasov{color: #00FFFF; }
.colSnasow{color: #00E0FF; }
.colSnasox{color: #00C2FF; }
.colSnasoy{color: #0085FF; }
.colSnasoz{color: #4747FF; }
.colSnasopaa{color: #0045FF; }
.colSnasopbb{color: #2E2EFF; }
.colSnasopcc{color: #0000DE; }
.colSnasopdd{color: #0000B0; }
.colSnasopee{color: #ffb8a2; }
.colSnasopff{color: #ffc79a; }
.colSnasopgg{color: #ffd48e; }
.colSnasophh{color: #ffdf80; }
.colSnasopii{color: #fff28e; }
.colSnasopjj{color: #f9ff9a; }
.colSnasopkk{color: #80ff9f; }
.colSnasopll{color: #8effba; }
.colSnasopmm{color: #9affd2; }
.colSnasopnn{color: #a2ffe9; }
.colSnasopoo{color: #a2e9ff; }
.colSnasoppp{color: #9ad2ff; }
.colSnasopqq{color: #8ebaff; }
.colSnasoprr{color: #809fff; }
.colSnasopss{color: #8e9bff; }
.colSnasoptt{color: #a09aff; }
.colSnasopuu{color: #bba2ff; }
.colSnasopvv{color: #d2a5ff; }
.colSnasopww{color: #e6a2ff; }
.colSnasopxx{color: #f99aff; }
.colSnasopzz{color: #EEBBEE; }
.colSlask{color: #FF00FF; }
.colSlaska{color: #B000CC; }
.colSlaskb{color: #800099; }
.colSlaskc{color: #AABBEE; }
.colSlaskd{color: #A3A3FF; }
.colSlaske{color: #9A5BEE; }
.colSlaskf{color: #7373FF; }
.colSlaskg{color: #FFC49E; }
.colSlaskh{color: #D48561; }
.colSlaski{color: #B56642; }
.colSlaskj{color: #A0522D; }
.colSlaskk{color: #6B6745; }
.colSlaskl{color: #6B563F; }
.colSlaskm{color: #815E39; }
.colSlaskn{color: #AB8F07; }
.colSlasko{color: #C7990D; }
.colSlaskp{color: #F8DB83; }
.colSlaskq{color: #FFFF99; }
.colSlaskr{color: #FFFFCC; }
.colSlasks{color: #c0b2c0; }
.colSlaskt{color: #997f99; }
.colSlasku{color: #7f667f; }
.colSlaskv{color: #664c66; }
.colSlaskw{color: #4c334c; }
.colSlaskx{color: #330033; }
.colAttention { background-color: #00FF00; color: #FF0000;}
.colHeiko { background-color: #0033FF; color: #FFFFFF;}
.colSimone { background-color: #FF0033; color: #0000FF;}
.colWhiteBlack {color: #8B4726; }
.colBack  { background-color:#00FFFF; color:#000000; }
.trhead  { background-color:#990000; color:#FFFFFF; }
.trlight { background-color:#000000; }
.trlight2{ background-color:#FFFFFF; }
.trdark  { background-color:#000000; }

/** table rows (e.g. Game Setup Info, Hall o' Fame) **/
.trhead  { background-color:#d6d6d6; color:#000000; }
.trlight { background-color:#414141; color:#d0a700; }
.trdark  { background-color:#191919; color:#d0a700; }
.trhilight { background-color: #303030; color: #d0a700}
.buchhead  { background-color:#990000; color:#FFFFFF; }
.buchlight { background-color:#330000; }
.buchdark  { background-color:#000000; }


/*  --------------------------------------------------------------------
**  Specific Tags and Classes
*/

/** links - navigation **/
a.nav { /* nav link (e.g. Forest, Quit, Travel) */
    text-decoration: none;
    width: 176px;
    height: auto;
    padding: 1px;
    float: left;
    clear: none;
    background-color: #272727;
    border-left: 0px solid #707070;
}
a:hover.nav { /* nav link on mouseover */
    background-color: #636363;
    color: #d0a700;
}

/** for adding things to the bottom of the nav table */
div.nav {
    text-decoration: none;
    width: 170px;
    height: auto;
    padding: 1px 1px 1px 4px;
    float: left;
    clear: none;
    background-color: #272727;
    border-left: 1px solid #707070;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-left: 2px;
}


/** links - motd **/
a.motd { /* for motd, yom, and petition */
    text-decoration: none;
    text-align: center;
    color:#d0a700;
    width: auto;
    height: auto;
    clear: none;
    background-color: #303030;
}
a:hover.motd { /* mouseover for motd, yom, and petition */
    height: auto;
    width: auto;
    background-color: #303030;
    color: #767676;
}
a.hotmotd { /* when a new motd or yom is available */
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color:#d0a700;
    width: auto;
    height: auto;
    clear: none;
    background-color: #303030;
}

/** links - pirat **/
a.pirat { /* for pirat */
    color: #00CC66;
    width: auto;
    height: auto;
}
a:hover.pirat { /* mouseover for pirat */
    height: auto;
    width: auto;
    color: #FFFF99;
}

/** links - translator tool **/
a.t {
    width: 8px;
    height: 11px;
    border: 1px dotted #0000ee;
    background-color: #303030;
    color: #d0a700;
    font-size: 11px;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}
a.thot {
    width: 8px;
    height: 11px;
    border: 1px solid #ee0000;
    background-color: #303030;
    color: #d0a700;
    font-size: 11px;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}

/** tables - navigation **/
table.nav {
    background-color: #272727;
    border-left: 1px solid #707070;
    border-right: 1px solid #000000;
    width: 175px;
}
td.nav a.thot {
    position: absolute;
    left: 0px;
    height: auto;
}
td.nav a.t {
    position: absolute;
    left: 0px;
    height: auto;
}

/** tables - character stats (i.e. "vital info") **/
table.vitalinfo { /* the whole vital info 'wrapper' table */
    background-color: #303030;
    border: none;
    width: auto;
}
table.charinfo { /* the sub-table with the data */
    background-color: #303030
    width: auto;
    border-left: 1px solid #707070;
    border-right: 1px solid #000000;

}
td.charhead { /* vital info category heading */
    padding-left: 2px;
    background-color: #191919;
    border-top: none;
    cursor: default;
    font-weight: bold;
    background: url(ailean/navhdr.gif);
    border: 1px solid;
    border-color: #707070 #000000 #000000 #707070;
}
td.charinfo { /* vital info data */
    padding-left: 8px;
    /*border-top: 1px solid #707070;*/
    border-bottom: 1px solid #000000;
    cursor: default;
}

/** tables - main page **/
td.pageheader { /* heading for the main page */
    background-color: #303030;
    border-bottom: 2px solid #000000;
}

/** tables - popups **/
td.popupheader { /* heading in a popup (e.g. motd, yom)*/
    background-color: #303030;
    border-bottom: 2px solid #000000;
    height: 64px;
}

/** tables - footers **/
table.noborder { /* table in the footer */
    border: none;

}
table.withborder { /* table in the footer */
    border-top: 2px solid #000000;
}
td.footer { /* data for a footer */
    /*border-top: thin solid #663300;*/
    background-position: top;
}
td.noborder { /* borderless data in the footer */
    border: none;
}

/** debugging **/
div.debug {
    background-color: #000000;
    color: #e7e7e7;
    border: 1px dotted #707070;
    width: auto;
    height: auto;
    font-size: 11px;
}
/*Exressmail Start */
.xmail {
        width: 350px;
        height: 400px;
        border: 0px;
        color: Black;
        text-align: center;
        background-image: url(../images/pa_rolle.gif);
        }
.xmailbody {
        width: 87%;
            height: 210px;
            overflow: auto;
        text-align: justify;
        vertical-align: top;
        padding-top: 10px;
        padding-left: 25px;
        padding-right: 10px;
        color: Black;
}
.xmailbuttons {
        height: 40px;
        text-align: center;
                padding-bottom: 10px;
}
td.xmailbuttons {
        width: 80px;
}
tr.xmailsender {
        height: 30px;
        text-align: center;
}
tr.xmailbetreff {
        height: 30px;
        font-weight: bold;
        text-align: center;
}
tr.xmailbody {
        height: 210px;
}
tr.xmailfooter {
        height: 35px;
}
.xmailfooter {
        vertical-align: center;
        padding-left: 15px;
}
/*Exressmail Ende */

