/*

Skin by Michael Schaeffer
Theme: "Modern"

"thought that the default skin looked.. plain
so I do a bit of learning and came up with this!"


*/



/* HTML CLASS */
html {
    /* overflow-x and overflow-y are IE only CSS */
    overflow-x: hidden;
    overflow-y: auto;
}

/* BODY CLASSES */
body {
    color: #ffffff;
    background-color: #000000;
    font-family: tahoma;
    font-size: 12px;
}

body.sidebar {
}

body.mainoverview {
    width: 100%;
     
}
body.verify {}
body.acctoption
body.manager {
}
body.help {}
body.helplink {}

body.explore {}
body.rezone {}
body.construct {}
body.destroy {}
body.improvement {}

body.magic {}
body.spy {}
body.military {}
body.sacrifice {}
body.attack {}

body.attackcalc {}

body.realm {}
body.select {}
body.relic {}
body.vote {}
body.quest {}
body.bazaar {}
body.hero {}

body.council {}
body.councilthread {}
body.newspaper {}

/* GLOBAL CLASSES */
.std {
    font-family: ;
    font-size: 12px;
    font-weight: normal;
    background-color: #002200;  
    border: 1px #003300 solid;
}

font.std {
    background-color: transparent;
    border: 0px;
}

.small {
    font-family: ;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
}

.action {
    color: #cc0000;
    font-weight: bold;
    font-family: ;
    font-size: 12px;
}

.framecell { 
    background-color: #001100; 
    border: 1px #449944 solid;
    font-family: ;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    padding: 10px;
}

.smallannounce {
    font-family: ;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}


/* TABLE CLASSES */
table {
    border: 1px #002200 solid;
    background-color: #001100;
}

table.menutable	{ 
    background-color: #001100; 
    border: 1px #449944 solid; 
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #CCFFCC;
    font-style: italic;
    background: url(story.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

table.storyline { 
    background-color: #001100; 
    border: 1px #449944 solid; 
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #CCFFCC;
    font-style: normal;
    background: url(story.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

table.topbar {
    background-color: #000000; 
    border: 1px #449944 solid;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
}

table.topbg { background-color: #001100; border: 1px #002200 solid; }
table.outer { border: 1px #002200 solid; background-color: #001100; }
table.hollow { background-color: transparent; border: 0px; }

tr.cc0 { background-color: #transparent;}
tr.cc1 { background-color: #003300; background: url(lvl3.jpg);}

td.level1 {
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
    border: 1px #00AA00 solid;
    color: #ffffff;
    text-align: center;
    background: url(lvl1.jpg);
    background-color: #005500;
}


td.level2 {
    font-size: 11px;
    font-family: tahoma;    
    color: #ffffff;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    background: url(lvl2.jpg);
    background-color: #007700;
}

td.title {
    text-align: center;
    color: #ffdd00; 
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    background-color: #005500;
}

td.obslevel1 {
    font-size: 12px;
    font-family: ;
    font-weight: bold;
    background: url(oplvl1.jpg);
    background-color: #ff0000;
    text-align: center;
}


td.topbar_name {
    color: #FFFFFF;
    background-color: #006600;
    text-align: left;
}

td.topbar_value {
    color: #FFFFFF;
    background-color: #003300;
    text-align: right;
}

/* INPUT CLASSES */
input, select, textarea { font-family: verdana; font-size: 11px; color: white; background-color: #113311; } 
input.checkbox { background-color: transparent; border: 0px; }
input.button { background: url(lvl1.jpg); }
input.obsbutton { background: url(oplvl1.jpg); }
input.obs, select.obs { color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: normal; background-color: #770000; }

/* HR */
hr { height: 0px; border: solid #FFFFFF 0px; border-top-width: 1px; }

/* a CLASSES  (links) */
a { font-size: 12px; padding:2px; font-weight: bold; color: #99FF99; text-decoration: none; }
a.nounderline { font-weight: bold; color: #99FF99; text-decoration: none; }
td.sidebar { background-color: transparent; }
a.sidebar     { font-weight: bold; color: #FFFFFF; text-decoration: none; }
a:hover { color: yellow; }
a:hover.nounderline { font-weight: bold; color: yellow; text-decoration: none; }
a:hover.sidebar     { font-weight: bold; color: yellow; text-decoration: none; }
a:visited.council   { color: #77CC77; }


/* FONT CLASSES */
font.frontpagetitle       { color: yellow; font-weight: bold; }
font.newspaper_ownrealm   { color: #CCCCCC; }
font.newspaper_otherrealm { color: YELLOW; }
font.newspaper_negative   { font-weight: bold; color: #CC0000; }
font.newspaper_positive   { font-weight: bold; color: #00CC00; }
font.ownrealm   { color: #BBEEBB;}
font.otherrealm { color: #FFBBBB; font-size: 11px;}
font.negative   { font-weight:bold; color: #FF0000; font-size:11px; font-family: tahoma;}
font.positive   { font-weight: bold; color: #00FF00; font-size:12px; }
font.greendesc  { color: #99FF99; }


/*
    THE ELEMENTS BELOW ARE ALL RELATED TO THE MESSAGING CENTER.

    ============ MESSAGECENTER START ===============
*/


input.messagebutton { font-family: verdana; font-size: 11px; font-weight: normal; color: white; background-color: #113311; background: url(lvl1.jpg); }
input.message, textarea.message, select.message { font-family: verdana; font-size: 11px; color: white; font-weight: normal; background-color: #113311; }

body.message { font-weight: normal; font-size: 12px; color : #FFFFFF; }

tr.messageheader { background-color: #212121; }

.messagemed { font-size: 11px; color: #FFFFFF; }
.messagesmall { font-size: 10px; }
.messagetitle{ font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #FFFFFF; }

.messagesselectiontitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFFFFF}
a.messagesselectiontitle { text-decoration: none; color : #FFFFFF; }
a.messagesselectiontitle:visited { text-decoration: none; color : #FFFFFF; }
a.messagesselectiontitle:hover {  color: #FFFFFF; text-decoration: underline; }

.messagerow { font-weight: normal; font-size: 11px; color: #FFFFFF; }
a.messagerow { text-decoration: none; color: #FFFFFF; }
a.messagerow:visited { text-decoration: none; color: #FFFFFF; }
a.messagerow:hover {  color: #FFFFFF; text-decoration: underline; }


table.messageline { background-color: #002200; border: 2px #003300 solid; }
table.messageprogressbox { background-color: #000000; border: 1px #003300 solid; }
td.messagelevelbottom { font-size: 11px; font-family: tahoma; font-weight: bold; border: 1px #00AA00 solid; color: #FFFFFF; text-align: right; background: url(lvl1.jpg); background-color: #005500; }
th.messageleveltop { font-size: 11px; font-family: tahoma; font-weight: bold; border: 1px #00AA00 solid; color: #FFFFFF; text-align: center; background: url(lvl1.jpg); background-color: #005500; }

span.messageerror { color: #FF0000; font-size:14px; font-weight:bold; }
span.messagepostbody {}

/* ============== MESSAGECENTER END ================= */