body {
    padding: 0;
    margin: 0;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    background-color: #000040;
    color: #cccccc;
}

h1, h2, h3 {
    margin: 5px 8px;
    /*white-space: nowrap;*/
}

h1 {
    color: #ffffff;
    font-size: 20pt;
}
h2 {
    color: #eeeeee;
    font-size: 16pt;
}
h3 {
    color: #dddddd;
    font-size: 14pt;
}

p {
    margin: 5px 10px;
}

/* news item */
p.news {
    margin: 5px 10px 10px 10px;
    /*text-align: justify;*/
}

td.searchlist {
    padding: 0px 2px;
}

/* information paragraphs, like date, link to parent msg etc */
p.info {
    color: #dddddd;
    font-weight: bold;
}

.info_admin {
    color: yellow;
    font-weight: bold;
}

td, th {
    font: inherit;
    /*padding-left: 7px;*/
    vertical-align: top;
    font-size: 9pt;
    /*border: 1px solid #f33;*/
}

th {
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

td.edit {
    padding: 0px;
}

input, select {
    /*
    background-color: #4d4d4d;
    color: #cccccc;
    */
    background-color: #aaaaaa;
    color: #333333;
    font-size: 8pt;
    border: inset 1px #4d4d4d;
    margin: 1px;
    vertical-align: baseline;   /* was middle */
}

input[type=checkbox], input[type=radio] {
    height: 10px;
    width: 10px;
    vertical-align: text-bottom;
}

input.button {
    /*background-color: #5d5d5d;*/
    background-color: #999999;
    color: #222222;
}

input.button:hover {
    background-color: #8d8d8d;
}

input.userbutt {
    width: 60px;
}

input.field, select.field, textarea.field {
    width: 220px;
}

input.middle, select.middle {
    vertical-align: middle;
}

textarea {
    background-color: #aaaaaa;
    color: #333333;
    font-size: 8pt;
    border: inset 1px #4d4d4d;
    margin: 1px;
    padding: 1px;
}

form {
    margin: 0;
    padding: 0;
}

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

a:hover {
    color: #cccccc;
}

h1 a, h2 a, h3 a, h4 a, th a {
    text-decoration: underline;
}


table.primaryholder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%; /* 998px; */
    height: 100%;
    min-height: 100%;
}

/*** different image types ***/

/* inside anchor */
a img {
    border: none;
    vertical-align: middle;
}

img.flag {
    /* umm.. lower 1px from baseline. the best solution. */
    vertical-align: -1px;
}

a img.flag {
    border: none;
    margin: 1px;
    vertical-align: text-bottom;
}
a:hover img.flag {
    border: 1px solid #6688cc;
    margin: 0px;
}

/* one pixel border (banners etc) */
img.highlight {
    border: solid 1px white;
}

a img.highlight:hover {
    border: solid 1px #99f;
}

/* news pictures */
img.newspic {
    border: solid 1px #dddddd;
    /* top, right, bottom, left */
    margin: 2px 10px 5px 10px;
}

/* used in news archive */
div.newslist {
    float: left;
    border: 1px dotted #126;
    padding: 2px;
    margin: 2px;
    width: 250px;
}

/* used in news archive */
div.polllist {
    float: left;
    border: 1px dotted #126;
    padding: 2px;
    margin: 2px;
    height: 375px;
}

td.logo {
    height: 80px;
    max-height: 80px;
    padding: 0px 3px 0px 0px;
    background-image: url('img/hull/gbtausta.jpg');
    white-space: nowrap;
}
td.logo img {
    vertical-align: middle;
}

td.topadvert {
    background-color: inherit;
    height: 80px;
    max-height: 80px;
/*    width: 468px; */
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

td.rightadvert {
    background-color: #126;
    /*background-color: #003;*/
    /* isompi venyttää? */
    padding-left: 0px;
    text-align: center;
    vertical-align: top;
    width: 165px;
}

/* headbar1 and headbar2 changed place */
td.headbar1, th.headbar1 {
    background-image: url('img/hull/palkki_harmaa.gif');
    /*background-image: url('img/hull/palkki_sini.gif');*/
    background-repeat: repeat-x;
    background-color: #aaaaaa;
    height: 23px;
    font-size: 9pt;
    color: #ffffff;
    padding-left: 7px;
    padding-right: 3px;
    vertical-align: middle;
}

td.leftheadbar1, th.leftheadbar1 {
    background-image: url('img/hull/palkki_sini_tumma.gif');
    /*background-image: url('img/hull/palkki_sini.gif');*/
    background-repeat: repeat-x;
    background-color: #33a;
    height: 23px;
    font-size: 9pt;
    color: #ffffff;
    padding-left: 7px;
    padding-right: 3px;
    vertical-align: middle;
}

td.adminbar, div.adminbar {
    color: white;
    /*background-color: #226;*/
    background-color: #015;
    /* background-image: url('img/hull/gbtausta.jpg'); */
    font-weight: bold;
    padding: 3px 7px;
    vertical-align: middle;
}
/*
div.adminbar {
    color: white;
    background-color: #127;
    font-weight: bold;
    padding: 3px 7px;
    vertical-align: middle;
}*/

span.adminselection {
    background-color: #338;
}

.admin {
    color: yellow;
}

p.admininfo {
    margin: 15px;
    text-align: justify;
}
ul.info {
    list-style: disc outside;
    margin: 15px;
    padding-left: 20px;
}

td.content1 {
    background-color: #126;
    text-align: left;
    padding-left: 7px;
    padding-right: 3px;
    font-size: 11px;
}

/* footbar1 and footbar2 changed place */
td.footbar1, th.footbar1 {
    background-image: url('img/hull/palkki_harmaa_small.gif');
    /*background-image: url('img/hull/palkki_sini.gif');*/
    background-repeat: repeat-x;
    background-color: #aaaaaa;
    height: 4px;
    font-size: 1px;
    color: #ffffff;
    padding: 0;
    empty-cells: show;
}

/* headbar1 and headbar2 changed place */
td.headbar2, th.headbar2 {
    background-image: url('img/hull/01_tausta_sini.jpg');
    background-repeat: repeat-x;
    background-color: #000000;
    height: 23px;
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
    padding-left: 7px;
    padding-right: 3px;
    vertical-align: middle;
}

td.content2 {
    background-color: #3C4F72;
    text-align: left;
    font-size: 9pt;
    padding-left: 7px;
    padding-right: 3px;
    vertical-align: top;
}

td.content2-1 {
    background-color: #3C4F72;
    text-align: left;
    font-weight: bold;
    font-size: 9pt;
    padding-left: 7px;
    padding-right: 3px;
    vertical-align: top;
    color: #FFF000;
}

td.content2-panic {
    background-color: #8D0D0D;
    text-align: left;
    font-size: 9pt;
    padding-left: 7px;
    padding-right: 3px;
    vertical-align: top;
}

td.info {
    background-color: #3C4F72;
    text-align: left;
    font-size: 9pt;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    text-align: justify;
}

td.info2 {
    background-color: #3C4F72;
    text-align: left;
    font-size: 9pt;
    vertical-align: top;
    text-align: justify;
}

/* footbar1 and footbar2 changed place */
td.footbar2, th.footbar2 {
    background-image: url('img/hull/01_tausta_sini.jpg');
    background-repeat: repeat-x;
    background-color: #000000;
    height: 4px;
    padding: 0;
    font-size: 1px;
    color: #ffffff;
    empty-cells: show;
}

td.headbar3, th.headbar3 {
    background-image: url('img/hull/01_tausta_sini.jpg');
    background-repeat:  repeat-x;
    text-align: left;
    height: 23px;
    color: #ffffff;
    font-size: 9pt;
    padding-left: 7px;
    padding-right: 3px;
    vertical-align: middle;
}

td.content3 {
    background-color: #737373;
    text-align: left;
    color: #ffffff;
    padding-left: 7px;
    padding-right: 3px;
    font-size: 8pt;
}

td.footbar3, th.footbar3 {
    background-image: url('img/hull/01_tausta_sini.jpg');
    background-repeat:  repeat-x;
    text-align: left;
    height: 4px;
    color: #ffffff;
    font-size: 1px;
    padding: 0;
}

td.spacer1 {
    /* was 23 */
    height: 10px;
    max-height: 10px;
    font-size: 1px;
}
td.spacer2 {
    font-size: 7px;
}

td.mainholder {
    /*padding: 0;*/
    padding: 3px;
    height: 100%;
}

td.textonator {
    padding: 0;
    font-size: 9pt;
}

td.toplist {
    width: 150px;
}

td.footer {
    height: 20px;
    max-height: 20px;
    font-size: smaller;
    text-align: center;
}

.warning {
    color: yellow;
}

.error {
    color: #ffaa00;
    font-weight: bold;
}

.error a {
    color: #ffaa00;
    font-weight: bold;
}

.error a:hover {
    color: #cccccc;
    font-weight: bold;
}

/*
.headbar2 .error {
    color: #ffaa00;
}
*/

.nowrap {
    white-space: nowrap;
}

ul {
    list-style-type: none;
    margin-left: 2px;
    padding-left: 2px;
}

ul ul {
    list-style-type: none;
    margin-left: 7px;
    padding-left: 7px;
}

hr {
    color: #000040;
    background-color: #000040;
    height: 1px;
    border: 0;
    width: 98%;
}

hr.bright {
    color: #333355;
    background-color: #333355;
}

div.ladder_info {
    white-space: nowrap;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 5px;
    padding-top: 16px;
    padding-bottom: 16px;

}

div.ladder_special {
    white-space: nowrap;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

div.ladder_game {
    white-space: nowrap;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

div.ladder_relative {
    white-space: nowrap;
    padding-bottom: 16px;
}

/* classes for game results */
.win {
    color: #33ff33;
}
.loss {
    color: #ff1133;
}
.tie {
    color: yellow;
}

/* classes for ladder levels */
.Advanced {
    color: #6699ff;
}
.Standard {
    color: #ff5555;
}
.Training {
    color: #eeee33;
}

/* classes for player status */
.leader {
    /*color: #ffbb00;*/
    color: #ffe000;
}

.trustee {
    /*color: #eeee00;*/
    color: #d0f000;
}

.player {
    /*color: #ccff00;*/
    color: #f0f070;
}

/* misc stuff */
.divider {
    color: #333333;
}


.deleted {
    color: #999;
    background-color: #334;
    border: 1px dotted black;
    text-decoration: line-through;
}

.locked {
    color: #999;
    background-color: #446;
    border: 1px dotted black;
}

.forumadmin {
    color: #00FF00;
    font-weight: bold;
}

.faq {
    color: #fff999;
    font-size: 12px;
}

.faq2 {
    padding-left: 7px;
    padding-right: 7px;
    vertical-align: top;
    text-align: justify;
    margin-right: 5px;
    margin-left: 5px;
}

.crew {
    color: #fff999;
}

span.disabled {
    color: #999;
}

td.disabled {
    padding-left: 7px;
    padding-right: 3px;
    background-color: #333;
}

span.invite {
    color: #99F;
}
td.invite {
    padding-left: 7px;
    padding-right: 3px;
    background-color: #666;
}
span.hibern {
    color: #99C;
}
td.hibern {
    padding-left: 7px;
    padding-right: 3px;
    background-color: #669;
}

/* Credit events */
.clancreditevent {
    color: #99C;
}
.usercreditevent {
    color: #FFF;
}
.bgclancreditevent {
    background: #99C;
}
.bgusercreditevent {
    background: #FFF;
}

/* Player exhange definitions */
div.exchangeadvert {
    width: 90%;
    border: solid 1px #ffffff;
    text-align: center;
    margin-left: 5px;
}

span.exchangeheader {
    font-weight: bold;
}

span.ip {
    color: #aaa;
    /*font-weight: normal;*/
}

td.hl2 {
    background-color: #3C4F72;
    text-align: justify;
    font-size: 9pt;
    padding-left: 7px;
    padding-right: 3px;
    vertical-align: top;
}

span.hit {
    border: 1px dashed #333;
    background-color: #66c;
}

div.infobox {
    margin: 0px 5px 10px 5px;
    padding: 5px;
    border: solid 1px #ccc;
    background-color: #126;
    width: 98%;
}