/*===========================================
  GRIMWAR BASE STYLESHEET
  JUSTIN JOHNSON, 2009
 ===========================================*/


/* DEFAULT STYLES */
body{font-family:Arial,Helvetica,sans-serif; font-size:10pt; background:#000; margin:0 auto;}
h1 {padding:5px 0 10px 0; margin:0;}
h2 {padding:0; margin:5px 0 0 0;}
h3 {padding:0; margin:5px 0 0 0;}
h4 {padding:0; margin:5px 0 0 0;}
a {color:#333; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {color:#777; text-decoration:underline;}
div {padding:0; margin:0;}
img {border:0;}
img.mana_symbol {width:12px;}
td, th {padding:0 5px 0 5px;}

.wrapper {width:866px; margin:0 auto; padding:0;}
.urgent { padding:8px; border:2px solid #F00; color:#F00; background:#FEE; font-weight:bold;}
#ajax_status {display:none; padding:8px; border:2px solid #F00; color:#F00; background:#FEE; font-weight:bold;}
a.buy_now {font-size:14pt; font-weight:bold; text-transform:uppercase;}
a.buy_now:visited {text-decoration:none;}

/* HEADER AND NAV STYLES */
.header {width:866px; height:120px;}
.navigation {width:866px; height:30px; margin:0 0 0 18px;}
.navigation ul {padding:0; margin:0;}
.navigation ul li{display:block; float:left; background:url('images/tab.png') no-repeat; padding:8px 0 0 0; height:22px; width:100px; text-align:center;}
.navigation ul li a {color:#FFF; font-weight:bold; font-style:italic; font-size:12pt;}
.navigation ul li a:visited{text-decoration:none;}
.nav_search {float:right; margin:0 20px 0 0; height:30px; vertical-align:middle;}
.nav_search input.text_input{width:145px;}
ul.subnav {padding:5px 0 0 22px; margin:0;}
ul.subnav li{display:block; float:left; padding:0 30px 0 0; margin:0;}
ul.subnav li a{color:#FFF; text-decoration:none;}
ul.subnav li a:hover{color:#000;}

/* MAIN CONTENT STYLES */
.content_main{}
.content_main .pageback_top {height:25px; background:url('images/pageback_top.png') no-repeat; clear:both;}
.content_main .pageback_mid .login {text-align:right; height:15px; margin:0; color:#333; font-size:8.5pt;}
.content_main .pageback_mid .login a {text-decoration:underline; font-size:8.5pt; color:#333;}
.content_main .pageback_mid {width:826px; background:url('images/pageback_mid.png') repeat-y; padding:0px 20px 20px 20px;}
.content_main .footer {border-top:1px solid #777; padding:10px 0 0 0; margin:25px 0 0 0;}
.content_main .pageback_bottom {width:866px; height:12px; margin:0 0 20px 0; background:url('images/pageback_bottom.png') no-repeat; clear:both;}
.textbox {border:1px solid #999; color:#000; background:url('images/whitescreen.png') repeat; padding:12px; margin:5px 0 25px 0; clear:both;}

/* PROFILE PAGE STYLES */
ul.player_data {float:left; margin:0; padding:0;}
ul.player_data li{list-style-type:none; padding:0; margin:0 0 2px 8px;}
table.player_data {clear:both; margin:10px 0 0 168px;}
table input.submit_button{float:right;}
.avatar_img {float:left; margin:0 15px 0 0;}

/* DECK PAGE STYLES */
form.deckedit textarea {width:500px; height:150px;}
form.deckedit input.name {width:500px;}

/* CONTACT PAGE STYLES */
table.contact {width:650px;}
table.contact td {padding:5px 0 0 0;}
table.contact td textarea {width:650px; height:200px;}

/* SHOP PAGE STYLES */
img.shop_img {width:200px; background:#FFF; padding:5px; border:1px solid #777; margin:0 0 10px 0;}
img.shop_logo {float:right; width:200px; background:#FFF; margin:0 0 5px 0;}
.shop_event{border-bottom:1px dotted #777; padding:10px;}
.shop_leftbox {float:left; width:215px;}
.shop_rightbox {float:right; width:575px;}
.shop_promo {font-weight:bold; font-size:14pt; text-align:center; margin:30px 5px 5px 5px; border:3px dashed #777; color:#333; padding:8px;}

/* CARD DATA TABLE STYLE */
div.pagination {float:right; text-align:center; font-size:12pt; font-weight:bold; color:#000; margin:5px 0 10px 0;}
div.pagination a{text-decoration:none; font-size:10pt}
div.pagination a:hover{text-decoration:underline;}

div.sort_fields {float:left; margin:5px 0 10px 0;}
div.sort_fields a{font-weight:bold;}
div.sort_fields span.sort_option {text-decoration:underline;}

table.card_table {width:825px; font-size:9pt; color:#000; border-collapse:collapse; clear:both; border:1px solid #999 !important;}
tr.cardlist_header {border:1px solid #999; font-weight:bold; font-size:12pt; color:#FFF; vertical-align:bottom; background:url('images/table_top.png') repeat-x #000;}
tr.cardlist_header th {border:0; border-right:1px solid #999; height:30px;}
table.card_table tr.alt {background:url('images/whitescreen.png') repeat; margin:0; padding:0}
table.card_table tr td {border-bottom:1px solid #999; border-right:1px solid #999; padding-top:3px;}
table.sort_buttons {}
table.sort_buttons tr td {border:0; padding:0; margin:0;}
table.sort_buttons tr td img {padding:0; margin:0; width:9px;}

table.card_table div.card_img {text-align:center; margin:5px;}

/* CARD DETAIL STYLE */
table.card_detail {margin:15px 0 15px 0; width:750px; border-collapse:collapse; padding:0;}
table.card_detail tr{border-bottom:1px dotted #777;}
table.card_detail tr.last{border-bottom:none;}
table.card_detail td {padding:0 10px 0 10px; vertical-align:top; margin:0;}
table.card_detail td.card_detail_image{width:225px;}
table.card_detail td.card_detail_label {font-size:9pt; color:#333; width:40px; font-weight:bold; text-align:right; border-right:1px dotted #777;}
table.card_detail td.flavor{font-style:italic;}
table.card_detail td.name{font-weight:bold; font-size:12pt;}

/* JS STYLES */
a.add_card {cursor:pointer; display:none;}
a.display_toggle {cursor:pointer; display:none;}
a.cardpool_card{cursor:pointer;}
#cardpool {position:fixed; top:35px; right:0px; width:170px; display:none;}
#cardpool a{font-size:7pt;}
#cardpool a.focus{font-size:8pt; color:#FFF;}
#cardpool a:hover{color:#000;}
#cardpool .cardpool_top {background:url('/images/cardpool_top.png') no-repeat; height:6px; width:170px;}
#cardpool .cardpool_header {background:url('/images/cardpool_main.png') repeat-y; width:170px; font-weight:bold; font-size:13pt; color:#000; text-align:center;}
#cardpool #cardpool_main {background:url('/images/cardpool_main.png') repeat-y; padding:0 5px 0 8px;}
#cardpool #cardpool_main ul {padding:0; margin:0;}
#cardpool #cardpool_main ul li {list-style-type:none; list-style-image:none;}
#cardpool select{font-size:8pt; width:160px;}
#cardpool option{font-size:8pt; width:160px;}
#cardpool .cardpool_form {background:url('/images/cardpool_main.png') repeat-y; padding:0 5px 0 5px;}
#cardpool .cardpool_bottom {background:url('/images/cardpool_bottom.png') no-repeat; height:6px; width:170px;}

/* FORM STYLES */
.submit_button {background:url('images/form_button.png') no-repeat; width:84px; height:29px; border:0px; color:#FFF; font-weight:bold; cursor:pointer; text-align:center;}
form {font-weight:bold;}
input {border:1px solid #000; background:#FFF;}
textarea {border:1px solid #000; background:#FFF;}
select {border:1px solid #000; background:#FFF;}
.powersearch{width:200px;}