/*
 * text attributes
 */

table, table th, table td {
    border-color: black;
}

.lefttext { text-align: left }
.centertext { text-align: center }
.righttext { text-align: right }
.nowrap { white-space: nowrap; }
.number { text-align: right; padding: 0 .5em 0 .5em }
.price { text-align: right; padding: 0 .5em 0 .5em }
.cardname { text-align: left; padding: 0 .5em 0 .5em }

.float-right { float: right }
.float-left { float: left }
.clear-right { clear: right }
.clear-left { clear: left }

/*
 * Link Units in tables.
 */

div.table-link-unit {
    padding: 2px .5em 2px .5em;
    background: white
}

/*
 * Table attributes.
 */

.trade_table, .user_table, .cardsummarytable, .tradesummarytable, 
.small_trade_table, .deck_table, .showdeck_table, 
.reward_table, .pirates-resellertable, .resellertable, 
.pricetable, .pirates-pricetable, .combotable, .combolist-table,
.ladder_list, .tourney_table
{
    border: 3px solid; 
    background: #F4F4F4;
    border-collapse: collapse;
}

.resellertable, .pricetable { 
    width: 336px;
}

.ladder_list { 
    width: 40em;
    margin: 2ex 0 2ex 0;
}

.combolist-table {
    margin-top: 1ex;
}

.pirates-resellertable, .pirates-pricetable { 
    width: 250px;
}

.pirates-resellertable {
    margin-top: 1ex;
}

.combotable, .deck_table { 
    width: 100%;
}

.resellertable {
    margin-top: 1ex;
}

.resellertable, .pricetable, 
.pirates-resellertable, .pirates-pricetable, .combotable { 
    padding-left: 1em;
}

.trade_table td, .trade_table th,
.user_table td, .user_table th, 
.cardsummarytable td, .cardsummarytable th,
.tradesummarytable td, .tradesummarytable th,
.small_trade_table td, .small_trade_table th,
.deck_table td, .deck_table th,
.showdeck_table td, .showdeck_table th,
.reward_table td, .reward_table th,
.pricetable td, .pricetable th,
.pirates-pricetable td, .pirates-pricetable th,
.resellertable td, .resellertable th,
.pirates-resellertable td, .pirates-resellertable th,
.combotable td, .combotable th,
.combolist-table td, .combolist-table th,
.ladder_list td, .ladder_list th,
.tourney_table td, .tourney_table th
{
    border: 1px solid;
    padding: 0 .5em 0 .5em;
}

.tourney_table td, .tourney_table th {
    white-space: nowrap;
    border: 0;
}

.tourney_table {
    background: #D8D8D8;
}

.tourney_table .buttons {
    padding: 0;
}

.tourney_table .even_row {
    background: #F4F4F4;
}

.ladder_list td
{
    padding: 1ex 1em 1ex 1em;
}

.reward_table th {
     background: #993333;
     color: #FFFFFF;
     border-color: black; 
}

.small_trade_table { 
    padding: 4em;
    margin: 1em;
}

.cardsummarytable { 
    padding-left: 5em;
}

.tradesummarytable { 
    padding-left: 1em;
}

.cardsummaryoverview { width: 50% }

/*
 * Table Cells
 */

.cell_highlight { background: #D0FFD0 }
.cell_no_highlight { padding: 0 .5em }
.cell_low_highlight { padding: 0 .5em; background: #B8B8B8 }
.cell_med_highlight { padding: 0 .5em; background: #D0FFD0 }
.cell_high_highlight { padding: 0 .5em; background: #FFD0D0 }
.user_highlight { background: #D0FFD0 }

td.top-align, .scenario_reward_table td { vertical-align: top; }

.pagetitle p {
    font-size: 250%;
    margin: 0;
    margin-top: 2ex;
    margin-bottom: 2ex;
    padding: 0;
    font-weight: bold;
    text-align: center;
}

.login {
   text-align: right;
}

.login p {
    margin: 0;
    padding: 0;
}

.hot-links p {
    margin: 0;
    margin-top: .5ex;
    padding: 0;
}

.hot-links a {
    margin: 0;
    padding: 0;
    padding-left: 1em;
}

.hot-links .rss {
    padding-left: 0;
}

.hot-links .rss img {
    border-width: 0;
    vertical-align: bottom;
}

.resellers a {
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 1em;
}

a.reseller-info {
    display: inline;
    padding-left: 0;
}

/* sidebar-top */
div.sidebar {
    float: left;
    width: 160px;
}

.sidebar-ad {
    padding-top: .5ex;
    margin-left: -3px;
}

div.body-sidebar {
    margin-left: 160px;
    zoom: 1; /* Keeps IE from dropping the body when size changes. */
}

div.body-no-sidebar {

}

div.footer {
    clear: both;
    padding-top: 3ex;
    margin: 0;
}

/*
 * Trade List.
 */

table.top_tradelist_table {

}

td.top_tradelist_table {
    vertical-align: top;
}

div.user_trade_box {
    margin-bottom: 2px;
    padding: 2px;
    width: 250px;
    border: 2px solid black;
    background: #F4F4F4;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
}

p.desire_title {
    text-align: center;
    margin: 0;
    padding: 2px;
    width: 100% - 4px;
    background: #72CB72;
}

p.desire_card {
    white-space: nowrap;
    margin: 0;
    padding: 2px;
    text-overflow: ellipsis;
}

/*
 * WCIT
 */

.wcit_award {
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: middle;
}

img.wcit_player_award {
    padding-right: 4px;
    vertical-align: middle;
}

p.wcit_player_award {
    font-weight: bold;
    font-size: 140%;
}

p.wcit_player_award_indent {
    padding-left: 2em;
    padding-right: 1em;
}

.wcit_score img.award {
    vertical-align: middle;
    padding-right: 2px;
}

.wcit_score span.award {
    padding-left: 4px;
}

.wcit_score td.awards {
    background: #FFFFFF;
    font-size: 20px;
}

.wcit_button input {
    font-size: 120%;
}

.wcit_button {
    margin-left: 10px;
    margin-top: .5ex;
}

.wcit_game {
    margin-right: 250px;
}

.wcit_score {
    clear: right;
    float: right;
    margin-top: 1ex;
}

.wcit_score table {
    background: #F4F4F4;
    border: 2px solid black;
    border-collapse: collapse;
}

.wcit_score td, .wcit_score th {
    padding: 0 .5em 0 .5em;
}

.wcit_status_report p, .wcit_status_report h3, .wcit_status_report input {
    font-size: 120%;
}

.wcit_score table tr.wcit_player_score {
    font-weight: bold;
    background: #FFE0E0;
}

.wcit_button input {
    font-size: 120%;
}

.wcit_button {
    margin-left: 10px;
    margin-top: .5ex;
}

.wcit_image {
    margin-bottom: 1ex;
}

/*
 * Status Check in explain_high_desire.
 */

.Yes {
    font-size: 120%; 
    font-weight: bold; 
    color: #00CD00;
}

.No {
    font-size: 120%; 
    font-weight: bold; 
    color: #CD0000;
}

/*
 * Search Dialog
 */

.search { 
    padding: 0;
    margin-bottom: 4px;
    border: 3px solid;
    background: #F4F4F4 
}

/*
 * Show/edit Deck.
 */

.decklist {

}

.decklist-ad {
    float: right;
    clear: right;
    margin-top: .5ex;
    margin-bottom: .5ex;
}

.edit-deck-instructions {
    padding: 0;
    padding-top: 1ex;
    margin: 0;
}

div.edit-deck-instructions {
    padding: 3px;
    border: 4px solid #993333;
    background: #F4F4F4;
    width: 40em;
}

.showdeck table {
    white-space: nowrap;
}

.showdeck p {
    margin: 0 0 .5ex 0;
    padding: 0;
    font-size: 150%;
    font-weight: bold;
}

.deck-info {
    margin-bottom: 2ex;
}

.deck-team-cards {
    width: 880px;
}

.deck-team-cards img, .deck-mission-cards img {
    margin-left: 2px;
    margin-top: .25ex;
    margin-bottom: .25ex;
}

.deck-team {
    float: left;
    margin-right: 2em;
}

.deck-missions {

}

.deck-controls {
    margin-top: 2ex;
}

.deck-hero {
    float: left;
    margin-right: 2em;
}

.deck-villain {

}

/*
 * Comment Editing.
 */

.commentinput { }

/*
 * CardInfo Table, in showcombo.php
 */

.combocomment {
    margin-top: 2ex;
}

.combocardinfo {
    padding-right: .5em;
}

div.combobanner {
    margin: 2ex 0 0 0;
}

table.cardinfotable {
    border: 3px solid black;
    background: #F4F4F4;
    border-collapse: collapse;
    width: 100%;
}

td.cardinfotable {
    border: 1px solid;
    padding: 0 .5em 0 .5em
}

/*
 * Comment Lists.
 */

table.recentcomments {
    border: 3px solid black;
    background: #F4F4F4;
    border-collapse: collapse;
}

table.recentcomments td, table.recentcomments th, 
td.recentcomments, th.recentcomments 
{
    border: 1px solid;
    padding: 0 .5em 0 .5em
}

.recentcomments-label { 
/*    font-size: 150%; */
    font-weight: bold;
    line-height: 150%;
}

.recentcommentsline {
/*    font-size: 120%; */
}

.recentcomments-tradelist {
    padding-bottom: .5em;
}

/*
 * Card List Chooser.
 */

table.getcardlist { 
    padding: 0;
    margin-bottom: 4px;
    border: 3px solid black;
    background: #F4F4F4;
    border-collapse: collapse;
}

th.getcardlist { 
    color: white;
    margin: 0;
    background: #993333;
}

td.getcardlist-label {
    padding-top: 2px;
    padding-left: 2px;
    border-width: 0;
}
.getcardlist-combo {
    border-width: 0;
    text-align: right;
    padding-right: 4px;
}

.getcardlist-submit {
    border-width: 0;
    text-align: center;
}

/*
 * Card List/Foresale List.
 */

.forsalelist td, .cardlist td {
    vertical-align: top; 
    padding-left: 1em; 
}

.forsalelist table, .forsalelist .cardname,
.cardlist table, .cardlist .cardname { 
    width: 100%;
}

.forsalelist table, .cardlist table {
    border: 3px solid;
    background: #F4F4F4;
    border-collapse: collapse;
}

.cardlist table th, .cardlist table td,
.forsalelist table th, .forsalelist table td {
    padding: 0 .5em 0 .5em;
    border: 1px solid;
    white-space: nowrap;
}

.cardlist th.boldheader, .forsalelist th.boldheader { 
    text-align: left; 
    font-size: 150%;
    font-weight: bold;
    line-height: 150%;
}

/*
 * Show Card/Card Comments.
 */

.showcard-comment-table {
    border-collapse: collapse;
    margin-bottom: 2ex; 
    width: 100%;
}

 .showcard-comment-header {
    background: #E0E0E0;
}

.showcard-comment-title {
    text-align: center;
    width: 100%;
}

th.showcard-comment {
    white-space: nowrap;
}

.showcard-buttons {
}

.showcard-date {
    padding-left: .5em;
    text-align: right;
}

.showcard-comment-author {
    text-align: left;
}

p.card-comment-instructions {
    padding: 0;
    margin: 0;
}

div.card-comment-instructions {
    padding: 3px;
    border: 4px solid #993333;
    background: #F4F4F4;
}

/*
 * Index Page Navigator.
 */

.index-nav-area {
    background: #E0FFFF;
    border: 3px outset black;
    padding: 5px 5px 5px 5px;
}

.index-nav-links {
    font-size: 120%; 
}

td.index-nav-links {
    width: 40%;
}

.index-nav-card-list {
    width: 60%;
}

div.lon_index_user_table {
    margin-right: 183px;
}

/*
 * Card Comment Info Box
 */

div.cardcommentinfobox {
    padding: 2px;
    border: 2px solid #000000;
    background: #F4F4F4;
    margin-right: 10px;
}

/*
 * Card Stores.
 */

.cardstore-message {
    margin-top: 10px;
}

.cardstore-greeting {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*
 * Info Box
 */

.index-info {
    clear: right;
}

.duality-ad {
    clear: right;
    margin-top: .5ex;
}

.sidebar-infobox {
    width: 130px;
}

.cardlist-chooser {
    margin-right: 1.5em;
}

.decklist-infobox
{
    float: right;
    clear: right;
}

.cardlist-top-ad {
    clear: right;
}

.cardlist-ad {
    float: right;
    clear: right;
}

.cardlist-infobox {
    margin: 10px 0 10px 10px;
    float: right;
    clear: right;
}

.cardlist-top-ad, .main-top-ad {
    margin-bottom: .5ex;
}

.cardlist-rarity p {
    margin-left: 2em;
    margin-top: .5ex;
    margin-bottom: .5ex;
}

.cardlist-rarity .heading {
    font-size: 150%;
    margin-left: 2px;
    margin-bottom: 0;
    margin-top: 1.5ex;
}

.infobox {
    width: 250px;
    padding: 3px;
    border: 4px solid #993333;
    background: #F4F4F4;
}

.infobox * {
    padding: 0;
    margin: 0;
}

.infobox .title {
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    margin-top: 0;
}

.infobox .decks, .infobox .referral-link {
    margin-top: 1ex;
}

.infobox H4 {
    font-size: 100%;
    text-align: left;
    padding: 0;
    margin-top: .5ex;
    margin-bottom: 0;
}

.infobox p {
    font-size: 100%;
    text-align: left;
    margin-top: .5ex;
}

.infobox p.wcit-info {
    margin-top: 1.0ex;
    margin-bottom: .5ex;
    text-align: center;
}

p.infobox-want {
    text-align: left;
    margin-top: 2ex;
}

dt.article-title {
    padding-top: 2ex;
}

h2.article-title {
    padding-bottom: 0;
    margin-bottom: -1ex;
}

p.game-turn-info {
    margin-left: 2em;
    margin-top: 0;
}

/*
 * Rookie Tournie
 */

th.rookie-prizes {
    text-align: right;
}

tr.rookie-odd-row {
    background: #F4F4F4;
}

td.rookie-prizes {
    width: 5em;
    text-align: right;
}

/*
 * Misc Stuff
 */

td.the_gap, th.the_gap {
    border-bottom-width: 0;
    border-top-width: 0;
    background: white;
}


/*
 * Page Util Formatting
 */

.login { font-size: 14pt }

.banner .redbanner { 
    background: #ffdfdf; 
}

/*
 * Ads/Advertisments.
 */

.forsalerectangle {
    float: right;
}

.forsalead {
   margin-top: 2ex;
}

.top-leaderboard .banner {
  margin-left: 0px;
}

div.top-leaderboard .banner p { 
    font-size: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 14px;
}

.top-leaderboard .buttons {
   float: right;
}

.tourneyad {
   margin-top: 2ex;
   margin-bottom: 2ex;
}

.bottom-button-ads {
    margin-top: 2ex;
    clear: right;
}

/*
 * Ask for Support Page.
 */

div.login-request {
    font-size: 150%;
    width: 31em;
    padding: 3px;
    border: 4px solid #993333;
    background: #F4F4F4;
    margin-top: 2ex;
    margin-bottom: 2ex;
}

div.orderbox-right {
    margin-left: 20em;
}

div.paypal-orderbox, div.google-orderbox {
    font-size: 120%;
    padding: 3px;
    border: 4px solid #993333;
    background: #F4F4F4;
    margin-right: 10px;
}

div.paypal-orderbox {
    width: 15em;
}

div.google-orderbox {
    width: 20em;
}

div.paypal-orderbox p, div.google-orderbox p {
    margin-top: 0;
    margin-bottom: 0;
}

div.paypal-orderbox p {
    Height: 25px;
    padding-top: .5ex;
}

div.google-orderbox p {
    Height: 32px;
    padding-top: 1.5ex;
}

div.paypal-orderbox .orderbutton, div.google-orderbox .orderbutton {
    float: right;
}

/*
 * Tourney Page
 */

.tourney_before_after td {
   padding-left: 2em;
}

.tourney-admin-controls {
    font-size: 150%;
    width: 25em;
    padding: 0 .5em .5ex .5em;
    border: 4px solid #993333;
    background: #F4F4F4;
    margin-top: 2ex;
    margin-bottom: 2ex;
    margin: 0;
}

.tourney-admin-controls p {
    margin: 0;
    margin-top: .5ex;
}

.tourney-infobox {
    width: 400px;
    margin-top: 1ex;
}

.join_button {
    margin-top: 2ex;
}


/*
 * Glossary Page
 */

.glossary-entry > dl > dt {
    font-weight: bold;
    font-size: 160%;
}

.glossary-table {
    border-collapse: collapse;
    margin-bottom: 2ex; 
    width: 100%;
}

.glossary-table th {
    background: #F4F4F4;
    white-space: nowrap;
    padding-top: 2px;
    padding-bottom: 2px;
}

.glossary-buttons a {
    padding-left: .5em;
}

.glossary-date {
    padding-left: 1.5em;
    text-align: right;
}

.glossary-author {
    text-align: left;
    width: 80%;
    padding-left: .5em;
}

.glossary-author * {
    vertical-align: middle; 
}

.glossary-author a {
    padding-right: .5em;
}

.tradesummaryoverview {padding-right: 3em}
.red { color: red; }
.error_message { color: red; }
.green { color: green; }
.bigger { font-size: 120%; }
.cardprice { background: #F0F0FF; text-align: right; padding-right: .5em }
.cardnum { text-align: right; padding-right: .5em }
.cardcomment { text-align: center }
.onecardcomment { padding: 0 }
.onecardcommentheader { background: #F4F4F4 }
.red_banner { background: #FFE0E0; padding: 0px }
.highlight { background: #FFE0E0; padding: 4px }
.new_highlight { background: #FFFFB0; }

.play_test {
    background: #BAE6AD;
    border: 2px solid black;
    margin: 10px 140px 10px 10px;
}

.play_test .inner {
    padding: 4px 4px 4px 4px;
}

.play_test .header {
    font-weight: bold;
    font-size: 16pt;
}
