html {
    background: black;
}

body {
    color: white;
    font-family: 'Trebuchet MS','Verdana',Arial,Helvetica,sans-serif;
    font-size: 10pt;
}

table#layout {
    width: 975px;
    margin: 15px auto;
}

.clear {
    clear: both;
}

/* HEADER */

td#hd {
    height: 66px;
    padding-bottom: 4px;
}

div.header {
    background: url(/img/header.png) no-repeat top left;
}

div.header-right {
    background: url(/img/header-right.png) no-repeat top right;
}

div.header a {
    display: block;
    width: 100%;
    height: 66px;
}

/* NAVBAR */

td#navbar {
    width: 225px;
    float: left;
    padding-right: 2px;
}

td#navbar a {
    color: #cbcfff;
    text-decoration: none;
    display: block;
}

td#navbar a:hover {
    text-decoration: underline;
    color: white;
}

div.navbar {
    padding-bottom: 4px;
}

div.navbar-top {
    background: url(/img/navbar-top.png) no-repeat top left;
    height: 8px;
}

div.navbar-bottom {
    background: url(/img/navbar-bottom.png) no-repeat top left;
    height: 6px;
}

div.navbar-content {
    background: url(/img/navbar-background.png) repeat-y left;
    padding: 5px 10px;
}

td#navbar h1 {
    font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
    font-size: 120%;
    border-bottom: 1px #9FA5FF solid;
    margin-bottom: 4px;
}

td#navbar li {
    position: relative;
}

td#navbar li.sub a {
    margin-left: 5px;
    color: #9FA5FF;
}

td#navbar li:hover {
    background-position: -20px 0;
}

td#navbar span.current div.hand {
    display: block;
    position: absolute;;
    height: 32px;
    width: 32px;
    left: -35px;

    background: url(/img/hand-current.png) no-repeat top left;
}

td#navbar li:hover div.hand {
    display: block;
    position: absolute;;
    height: 32px;
    width: 32px;
    left: -35px;

    background: url(/img/hand.png) no-repeat top left;
}

td#navbar div.hr {
    background: #979cf6;
    height: 1px;
    margin: 5px 0;
}

div.mini-login {
    padding: 3px;
}

td#navbar .mini-login input[type=text], td#navbar .mini-login input[type=password] {
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    width: 100px;
    vertical-align: middle;
}

td#navbar .mini-login input[type=submit] {
    padding: 1px;
    font-size: 12px;
}


td#navbar .mini-login label {
    float: left;
    display: block;
    font-size: 12px;
    width: 75px;
    text-align: right;
    padding-right: 5px;
}

td#navbar .user-form {
    font-size: 12px;
    font-style: italic;
    text-align: right;
}

td#navbar .user-form a {
    display: inline;
    border-bottom: 1px dotted white;
}

td#navbar .user-form img {
    vertical-align: middle;
}

div.avatar {
    float: left;
}

div.stats {
    float: left;
    font-size: 12px;
}

td#navbar div.stats a {
    display: inline;
    text-decoration: none;
    border-bottom: 1px dotted white;
}

td#navbar div.stats a:hover {
    border-bottom: 1px solid white;
}

    
/* SPEECH */

table.speech {
    font-size: 10pt;
    margin: 0 auto 15px auto;
    width: 90%;
}

table.speech td.top-left {
    background: url(/img/speech_topleft.png) no-repeat top right;
    height: 10px;
    width: 25px;
}

table.speech td.top {
    background: url(/img/speech_top.png) no-repeat top right;
    height: 10px;
}

table.speech td.left {
    background: url(/img/speech_left.png) no-repeat right center;
    height: 60px;
    width: 25px;
}

table.speech td.middle {
    background: #101132 url(/img/speech_right.png) repeat-y right;
    padding-top: 0;
    padding-right: 10px;  
}

table.speech td.unne {
    width: 60px;
}

table.speech td.bottom-left {
    background: url(/img/speech_bottomleft.png) no-repeat bottom right;
    height: 10px;
    width: 25px;
}

table.speech td.bottom {
    background: url(/img/speech_bottom.png) no-repeat bottom right;
    height: 10px;
}

/* CONTENT */

td#bd {
    vertical-align: top;
    width: 100%;
    padding-bottom: 4px;    
}


div#main {
    /*min-height: 600px;*/
    padding-bottom: 4px;
}

div#content a {
    color: white;
    border-bottom: 1px dotted white;
    text-decoration: none;
}

/*
div#content a[href$=gif], div#content a[href$=png], div#content a[href$=gif]:hover, div#content a[href$=png]:hover {
    border: 0;
}*/

div#content a:hover {
    border-bottom: 1px solid white;
}

div#content p {
    padding-left: 5px;
    margin: 10px 0;
    border: 0;
}

div#content h1 {
    font-size: 18pt;
    font-weight: bold;
    border-bottom: 1px solid white;
    font-variant: small-caps;
    font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
    margin-bottom: 10px;
}

div#content h2 {
    font-size: 14pt;
    border-bottom: 1px solid white;
    /* font-variant: small-caps; */
    font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
    margin-bottom: 5px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.center {
    text-align: center;
}

.right {
    text-align: right !important;
}

.content li {
    list-style-position: inside;
    list-style-type: circle;
    padding-left: 10px;
}

a.link-button {
/*    background: #101132;
    border: 1px #181B4D solid;
    padding: 5px;
    margin: 5px 0;*/
}

.meta {
    font-size: 8pt;
    font-weight: normal;
    color: #9fa5ff;
    font-family: Verdana;
    font-style: italic;
    padding: 2px 10px;
}

.info {
    font-style: italic;
    color: #9fa5ff;
}

.captcha {
    color: #9fa5ff;
}

.captcha .foo {
    color: white;
}

/* ROUNDED */

div.rounded-content {
    background: url(/img/rounded-background-right.png) repeat-y right;
    padding: 5px 12px;
    padding-bottom: 15px;
}

div.rounded-content-wrapper {
    background: url(/img/rounded-background.png) repeat-y left;
}

div.rounded-top-right {
    width: 8px;
    height: 8px;
    float: right;
    background: url(/img/rounded-top-right.png) no-repeat bottom right;
}

div.rounded-top {
    background: url(/img/rounded-top.png) no-repeat bottom left;
    height: 8px;
}

div.rounded-bottom {
    background: url(/img/rounded-bottom.png) no-repeat top left;
    height: 6px;
}

div.rounded-bottom-right {
    background: url(/img/rounded-bottom-right.png) no-repeat top right;
    height: 6px;
}

/************************************************************************/
/* COMMON TABLE STUFF */

div#content table tr.title th {
    font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
    white-space: nowrap;
    border: 0;
    background: #171848;
    font-variant: small-caps;
    font-size: 14pt;
    padding: 4px 6px;
    font-weight: bold;
    text-align: center;
}

div#content table tr.subtitle th {
    font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
    background: #292574;
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
    color: #9FA5FF;
}

/************************************************************************/
/* LAYOUT TABLE */

div#content table.layout {
    width: 100%;
    border: 6px #171848 solid;
}

div#content table.layout th {
    background: #292574;
    font-weight: bold;
    padding: 5px;
    border: 1px solid #181B4D;
    white-space: nowrap;
}

div#content table.layout td {
    background: #332e92;
    /*background: #263477;*/
    padding: 5px;
    border: 1px solid #181B4D;
}

div#content table.layout td.wide {
    width: 100%;
}

div#content table.layout td.wide input[type=text], div#content table.layout td.wide input[type=password] {
    width: 75%;
}

/*
div#content table.layout tr.even td {
    background: #322d8d;
}
*/

div#content table.layout td.sep {
    background: #171848;
    height: 3px;
    padding: 0;
}

td.small {
    border: 1px solid #181B4D;
    font-size: 10px;
    padding: 5px;
}

/************************************************************************/
/* NEWS */

div#content table.layout th.news-title {
    font-family: 'Century Gothic', Verdana;
    background: #292574;
    border: 0;
    text-align: left;
    font-weight: normal;
    font-size: 12pt;
    
}

div#content table.layout th.news-title img {
    vertical-align: middle;
}

div.news-image {
    float: left;
    min-width: 90px;
    min-height: 60px;
    text-align: center;
}

div.news-content {
    padding-top: 5px;
}

div.news-comments {
    text-align: right;
}

div#content div.news-comments a {
    font-size: 9pt;
    font-style: italic;
}

div#content div.news-comments span.img a {
    border: 0;
}

div#content div.news-comments img {
    vertical-align: middle;
    padding-left: 4px;
}

td.news {
    padding-bottom: 15px !important;
}

div#content .forum-link {
    padding: 5px 0;
}


div#content div.forum-nav {
    height: 2em;
}

input[type=text], input[type=password] {
    background: #101132;
    border: 0;
    color: white;
    padding: 7px;
    border: 1px #4046ca solid;
}

input[type=text]:focus, input[type=password]:focus {
    border: 1px #999 solid;
}

textarea {
    padding: 7px;
    width: 98%;
    height: 100px;
    margin-bottom: 5px;
    background: #101132;
    color: white;
    border: 1px #4046ca solid;
}

textarea:focus {
    border: 1px #999 solid;
}

input[type=submit] {
    background: ;
    border: 0;
    color: white;
    padding: 3px;
    padding-left: 18px !important; 
/*border: 1px #4046ca solid;*/
    border: 1px black solid;
    background: #101132 url(/img/button.gif) no-repeat 2px center;
}


input[type=submit]:hover {
    border: 1px #3439a7 solid;
}

/************************************************************************/
/* CHARTS */

table.chart {
    width: 100%;
    border: 6px #171848 solid;
}

table.chart tr.headers th {
    color: #9fa5ff;
    background: #101132;
    font-variant: small-caps;
    font-size: 12px;
    padding: 4px 6px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

table.chart th {
    background: #292574;
    font-weight: bold;
    padding: 5px;
    border: 1px solid #181B4D;
    white-space: nowrap;
}

div#content table.chart a {
    color: #c8ccff;
}

div#content table.chart a:hover {
    color: white;
}

table.chart .data {
    border: 1px solid #181B4D;
    font-size: 12px;
    padding: 5px;
}

div#content table.chart td.first {
    white-space: nowrap;
    font-weight: bold;
}

div#content table tr.even td {
    background: #3d36ab;
}

div#content table tr.even td.first, div.even {
    background: #322d8d;
}

div#content table tr.odd td {
    background: #263477;
}

div#content table tr.odd td.first, div.odd {
    background: #1d2759;
}

div#content table.chart ul li {
    list-style-type: none;
    white-space: nowrap;
    padding: 0;
}

table.chart .name, table.chart .name img {
    vertical-align: middle;
    white-space: nowrap;
}

table.chart .jname {
    color: #9fa5ff;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

table.chart div.equipable-by {
    width: 120px;
}

.nowrap {
    white-space: nowrap;
}

th.form-label {
    text-align: right;
}

div#content li.sublist ul li {
    list-style-type: square;
    padding-left: 15px;
}

div#content li.sublist ol li {
    list-style-type: decimal;
    padding-left: 15px;
}

.half {
    width: 50%;
}

/************************************************************************/
/* CREDITS */

ul.credits li {
    padding: 10px;
}

ul.credits strong {
    font-weight: bold;
}

/************************************************************************/
/* WORLDMAP */

div.worldmap {
    clear: both;
    width: 512px;
    margin: auto;
}

div.worldmap img {
    display: block;
    float: left;
    opacity: 0.75;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

div.worldmap-map img {
    vertical-align: middle;
}

div.worldmap-map a {
    border: 0 !important;
}

div.worldmap img:hover {
    filter:alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

div.worldmap img.highlight {
    filter:alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

div#content .quote {
    font-style: italic !important;
    border-left: 0 !important;
}

div#content .npc {
    border-right: 0 !important;
}

.npc img {
    display: block;
}

table#walkthrough td {
    width: 50%;
    background: #332e92;
    border: 1px solid #181B4D;
    padding: 10px;
}

table#walkthrough td p {
    font-size: 12px;
    padding: 0;
}


div#content table#walkthrough ol li {
    list-style-type: decimal;
    margin-left: 15px;
}

div#content table#walkthrough ul li {
    list-style-type: circle;
    margin-left: 15px;
}

div.avatar-select {
    float: left;
    padding: 2px;
}

div.avatar-select img {
    vertical-align: middle;
}
/*
div.error {
    background: #a53434;
    border: 1px #ff5050 solid;
    color: white;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    margin: 25px 25px;
}

span.error {
}

div.message {
    background: #48a534;
    border: 1px #80ff50 solid;
    color: black;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    margin: 25px;
}
*/

div#content div.error table.speech {
    color: #cb1132;
    font-weight: bold;
    font-family: Verdana;
    text-shadow: -1px 0 1px #55091b;
    letter-spacing: 1px;
}

div#content div.error table.speech p.quote {
    font-style: italic;
}

div#content div.message table.speech {
    color: #4fea4f;
    font-style: italic;
    font-size: 14pt;
    font-weight: bold;
    font-variant: small-caps;
}
    
/* FOOTER */

td#ft {
    height: 25px;
    text-align: right;
    font-style: italic;
}

td#ft a {
    color: white;
    border-bottom: 1px dotted white;
    text-decoration: none;
}

td#ft a:hover {
    border-bottom: 1px solid white;
}

del {
    text-decoration: line-through;
}

.admin {
    font-weight: bold;
}

.comment p {
    font-size: 12px;
}

div#comments table {
    margin-top: 20px;
}

div#comments table th {
    color: #9fa5ff;
}

div#comments table .comment-user {
    text-align: center;
    font-size: 12px;
    width: 150px;
    border-right: 0 !important;
}

div#content .user-block {
    min-width: 150px;
}

div#content .user-block a {
    border: none;
}

div#content table .comment-text {
    border-left: 0 !important;
    vertical-align: top;
}

div#content table .comment-date {
    padding-bottom: 10px;
}

div.pagenav {
    font-size: 12px;

}

div.pagenav a, div.pagenav span {
    display: block;
    float: left;
    height: 15px;
    padding: 5px;
    margin: 5px;
}

div.pagenav span.num {
    background: #332e92;
    width: 15px;
    text-align: center;
    border: 1px transparent dotted;
}

div.pagenav a.num {
    border: 1px solid #171848 !important;
    background: #292574;
    width: 15px;
    text-align: center;
}

div.pagenav a:hover {
    border-color: #000 !important;
}

div.pagenav a {
    border: 1px solid #171848 !important;
    background: #292574;
    text-align: center;
}

div.comment-form {
    width: 550px;
    margin: 0 auto;
}

div#content table tr.poll-row td {
    border-left: 0;
    border-right: 0;
}

div.poll-bar {
    height: 20px;
    background: url(/img/poll-bar.png) repeat-y left;
    border: 1px black solid;
}

div#content td.poll-text {
    width: 200px !important;
}

div#content td.poll-bar {
    width: 600px;
}

div#content div.topbar {
    padding-bottom: 8px;
    color: #171848;
    text-align: right;
}

div#content div.topbar a {
    color: #9fa5ff;
    border: 0;
}

div#content div.topbar a:hover {
    color: white;
}

h3 {
    font-size: 12pt;
    font-weight: bold;
}

.enterprise {
    font-weight: bold;
    font-style: italic;
    text-decoration: overline underline;
    font-size: 10pt;
}

.heart {
    vertical-align: bottom;
}

.breadcrumb {
    clear: both;
    padding: 10px;
}

ul li ul li {
    list-style-type: square !important;
}

.banned {
    color: red;
}

div#content tr.hidden td {
    background: #222 !important;
}

ul.admin {
    padding: 10px;
}

ul.admin li {
    padding: 5px;
}
    
ul.profile li {
    padding: 2px;
}

ul.profile li ul {
    padding-left: 15px;
}

ul.profile p {
    margin-left: 15px !important;
}

div.score {
    font-size: 30px;
    text-align: center;
}

div.votes {
    text-align: center;
}

span.upvotes {
    color: green;
}

span.downvotes {
    color: red;
}

strong.white {
    color: white;
}

.forum-name a {
    font-weight: bold;
    border: none !important;
    vertical-align: middle;
}

.forum-name img {
}

.closed {
    color: red;
}

/* TOURNAMENT */

table.tournament {
    border: 1px solid #171848 !important;

}

table.tournament td {
    min-width: 110px;
    height: 32px;
    border: 3px solid #171848 !important;
    vertical-align: middle;
}

table.tournament td.winner {
    background: #325d2d;
    background: #2d8d34;
}

table.tournament td img {
    vertical-align: middle;
    height: 32px;
}

table.tournament td.loser {
    background: #333;
    color: #505050;
}





/*
div.tournament {
    font-size: 8pt;
    float: left;
}

table.tournament {
    margin: 0 0 3px 3px;
    min-width: 100px;
}

table.tournament td {
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 5px;
    margin: 0;
    height: 32px;
    border: 0;
}
   
table.tournament td img {
    height: 30px;
    vertical-align: middle;
}

table.tournament.winner td img {
    height: 60px;
    width: 60px;
}

table.tournament.round0 td {
    height: 32px;
    width: 175px;
}

table.tournament.round1 td {
    height: 65px;
}

table.tournament.round2 td {
    height: 131px;
}

table.tournament.round3 td {
    height: 263px;
}

table.tournament.round4 td {
    height: 527px;
}

table.tournament.round5 td {
    height: 1035px;
    padding: 10px;
}

table.tournament tr.winner {
    background: #3dab36;
    background: #323d2d;
}

table.tournament tr.loser {
    background: #263477;
    background: #291d27;
}

div.bracket {
    width: 10px; height: 1055px; float: left; margin: 10px 0;
}

div.bracket.round1 {background: url(/img/bracket1.gif) repeat-y top left;}
div.bracket.round2 {background: url(/img/bracket2.gif) repeat-y top left;}
div.bracket.round3 {background: url(/img/bracket3.gif) repeat-y top left;}
div.bracket.round4 {background: url(/img/bracket4.gif) repeat-y top left;}
div.bracket.round5 {background: url(/img/bracket5.gif) repeat-y top left;}
*/