* { padding: 0; margin: 0; border: none;}
html { font-family: Verdana, Geneva, sans-serif; font-size: 16px; line-height: 20px; color: #302f2c; background-color: #F1F1F1; width: 100%; height: 100%;}
body { width: 100%; height: 100%; }
/* MAIN TEXT STUFF */
h1 { font-size: 1.5em; margin-bottom: 2px; line-height: 28px; }
#home h1 { display: none; }
#articles h1 { display: none; }
#inventory h1 { display: none; }
h2 { margin-bottom: 2px; line-height: 28px; }
h3 { font-size: 16px; line-height: 20px; margin-bottom: 8px; }
h4 { margin-bottom: 8px; }
p { font-size: 14px; margin-bottom: 8px; line-height: 16px; }
/* LINKS */
a:link { color: #009CFF; }
a:visited { color: #032859; }
a:hover { color: black; }
a:active { color: black; }
label { cursor: pointer; }
/* MODULAR TEXT STUFF */
.white { color: white; }
.rating { margin: 5px 0 0 0; font-size: 25px; font-weight: bold; }
.rating_small { font-size: 15px; color: #3077ba; font-weight: normal; }
.blue { color: #032859; }
.green { color: #579253; }
.red { color: #d2553d; }
.faded { color: #CCCCCC; }
.small_text, .flavor p { font-size: 80% !important; color: #333; font-weight: lighter !important; line-height: 18px !important; }
.large_text { font-size: 120% !important; }
.even_smaller { font-size: 75%; }
.tiny_text { font-size: 65% !important; color: #888; font-weight: lighter !important; line-height: 14px !important; }
.text_right { text-align: right; }
.text_center { text-align: center; }
.rev_text { color: white !important; }
.nowrap { white-space: nowrap !important; }
/* MODULAR CONTAINER STUFF */
.hidden { display: none !important; }
.margin_above { margin-top: 8px; }
.margin_below { margin-bottom: 8px; }
.left { float: left !important; }
.right { float: right !important; }
.last_column { margin-right: 0 !important; }
.no_border { border: none !important; }
.down_a_lot { margin-bottom: -8px; }
.up_a_bit { margin-top: -3px !important; }
.up_a_lot { margin-top: -8px !important; }
.no_margin { margin: 0 !important; }
.inlineblock { display: inline-block; }
.centered { text-align: center;}
/* LIST ITEMS */
ol { margin: 10px 0 0 25px; }
ul { margin: 10px 0 0 25px; }
li { list-style: square; font-size: 14px; margin-bottom: 8px; line-height: 16px; }
.smaller_list { font-size: 13px; line-height: 13px; margin-bottom: 5px; }
/* TEXT COLUMNS */
.two_columns { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; }
.three_columns { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; }
.five_columns { -webkit-column-count: 5; /* Chrome, Safari, Opera */ -moz-column-count: 5; /* Firefox */ column-count: 5; }
/* TABLE ITEMS */
table { width: 100%; border: none; }
tr { border: none; background: none; }
td { text-align: center; background: none;}
.compare_table { width: 50%; margin: 0 20px; }
.compare_table td { padding: 5px 0; border-bottom: 1px solid #B7B7B7 !important; }
.highlighted_cell { background-color: #eff9ee; }
/* TABLE ITEMS */
table { width: 100%; border: none; }
tr { border: none; background: #efefef; }
th, td { padding: 5px; text-align: left; border: none; }
th { cursor: pointer; color: white; text-align: center; }
tr:nth-child(even) { background-color: #eeeeee }
tr:nth-child(odd) { background-color: #ffffff }
th:nth-child(1) { text-align: left; }
td { text-align: center; }
td:nth-child(1) { text-align: left; font-weight: bold; color: #333; }
th.header { background-color: #032859; background-image: url(../images/asc.gif); cursor: pointer; font-weight: bold; background-repeat: no-repeat; background-position: center left; padding-left: 20px; border-right: 1px solid #3399FF; margin-left: -1px; }
th.headerSortUp { background-image: url(../images/asc.gif); background-color: #3399FF; }
th.headerSortDown { background-image: url(../images/desc.gif); background-color: #3399FF; }
/* FORMS */
.required_form {display: none;}
input[type=text], input[type="number"], select { border: 1px inset #DDD; font-size: 14px; height: 22px; padding: 1px 3px; margin-right: 5px; }
select { width: 95%; }
input[type=button] { font-size: 15px; font-weight: bold; cursor: pointer; display: inline-block;}
#search_box { z-index: 50000 !important; }
#search_box input[type=text] { width: 100%; font-size: 14px; }
.form_item { margin-bottom: 8px; break-inside: avoid-column; -webkit-column-break-inside: avoid; }
.similar_to_search { background: url(../images/bg_sprites.jpg) repeat-x 0 -1800px; border: 1px solid #bad7e6; padding-top: 8px; padding-bottom: 8px; }
.similar_to_search p { margin: 4px 0 -2px 0; }
.form_text { display: block; padding-top: 3px; font-size: 12px; font-weight: bold; color: #666}
.wide_form_text { width: 200px; }
input[type=checkbox] { margin-right: 3px; }
input[type="text"] { width: 95%; }
input[type="number"] { width: 60px; text-align: 20px; }
input[type="submit"], input[type="reset"] { display: inline-block; color: #ffffff; font-size: 15px; font-weight: bold; font-style: normal; height: 34px; padding: 8px; margin-right: 5px; text-decoration: none; text-align: center; cursor: pointer; }
#auto_suggest1, #auto_suggest2 { height: 0; overflow-y: visible; z-index: 200000 !important; position: relative; }
.auto_complete_list { background: white; padding: 3px; width: 160px; border: 1px solid #DDD; border-top: none; display: block; font-size: 11px; line-height: 14px;}
.auto_complete_list:nth-child(even) { background: #FAFAFA; }
.no_underline_gray { text-decoration: none !important; color: #AAA }
.search_category_wrapper { border: 1px solid #fff; padding: 3px 6px; margin-bottom: 5px; position: relative; background-color: white; }
.search_categories { display: none; }
.search_category_expand { cursor: pointer; font-weight: bold; margin: -1px 0; padding: 0; color: #666 !important; font-size: 12px; line-height: 22px;}
.plus_minus { position: absolute; top: 3px; right: 4px; width: 18px; height: 18px; background-image: url(../images/plus.png); background-repeat: no-repeat; pointer-events: none; background-size: 17px 17px;}
#edit_search { display: none; }
#name_search_solo { width: 155px; padding: 6px 6px 4px 6px; }
.green_field { background-color: #E4FFE8; color: #0F8A3C; }
.red_field { background-color: #FFE2E3; color: #B32729; }
/* DECKLIST FORMS */
.decklist_form { width: 100%; }
.decklist_form input[type=text], .decklist_form select, .decklist_form textarea { width: 200px !important; border: 1px inset #aaa; display: block; margin-right: 10px;}
.decklist_form textarea { height: 200px; width: 310px !important; }
.decklist_form_item { margin: 0 10px 10px 0; float: left; }
.decklist { width: 100%; margin: 15px 0; padding: 15px; background: #F5F5F5; border: 1px solid #DDDDDD;}
.decklist_list { width: 100%; margin: 15px 0; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; font-size: 13px; margin: 0; }
.decklist_list h3 { font-size: 13px; margin: 10px 0 5px 0; }
.decklist_list h3:first-child { font-size: 13px; margin: 0 0 5px 0; }
/* BUTTONS */
.button { background-color: #999999; cursor: pointer; color: white; padding: 8px; text-align: center; font-weight: bold; text-decoration: none; white-space: nowrap; }
.red_button { background-color: #F27407; }
.green_button { background-color: #F2BF28; color: #032859 !important; }
.green_button:hover { background-color: #FFF; }
.blue_button { background-color: #009CFF; }
.small_button { padding: 3px 5px; }
/* CONTAINERS */
#page_content_wrapper { position: relative; float: left; width: -webkit-calc(100% - 261px); width: -moz-calc(100% - 261px); width: calc(100% - 261px); min-height: 100%; background-color: white; border-left: 1px solid #white; }
.full_width_wrapper { position: relative; }
.content_box { position: relative; padding: 20px 55px 0 30px; max-width: 1100px; }
.callouts_box { padding: 25px; margin-top: -25px; }
.hor_line { width: 100%; margin: 15px 0; border-bottom: 1px solid #DDD; }
.buffer { width: 100%; margin: 20px 0; }
.top { margin-top: 0 !important; }
.bottom { margin-bottom: 0 !important; }
.clear { clear: both; }
#debug { position: fixed; top: 0; right: 0; background: red;}
.compare { float: left; text-align: center; }
.compare .info_box { float: none; margin: 10px auto;}
/* HEADING / NAV AREA */
#top_color_bar { position: relative; width: 100%; height: 3px; background: url(../images/top_colors.gif) bottom; box-shadow: 0 0 15px #666; }
#main_header { position: relative; width: 100%; height: 100px; background: url(../images/bg_dark.jpg); }
#search_box { position: relative; float: right; margin: -5px 20px 0 0;}
#search_box h3 { font-size: 20px; margin: -3px 25px 0 0; }
#search_box .button { margin: 0; }
#similar_CTA { display: none; width: 200px; }
#login_box { position: relative; float: right; display: inline-block; margin: 15px 0 0 10px; }
.follow_on_FB { background: #3b559f;}
.fb_follow { margin: -3px -3px -7px -4px; }
#nav { position: relative; width: 100%; height: 80px; background-color: #032859; }
#nav_links { width: 100%; margin: auto !important; text-align: center; }
#nav_links a, #mobile_nav_links a { display: inline-block; height: 40px; margin: 0; padding: 18px 15px 0 15px; color: white; font-weight: bold; text-decoration: none; font-size: 14px; line-height: 18px; }
#mobile_nav_links a { height: 18px; padding: 9px 12px 10px 12px; }
#nav_links a:hover, #mobile_nav_links a:hover { background-color: #009CFF; }
#nav_links a:active { }
#name_search { position: absolute; top: 21px; right: 21px; }
#name_search input { margin-right: 0 !important; }
#logo { position: absolute; width: 327px; height: 82px; top: -1px; left: 4px; }
#mobile_menu { display: none; position: absolute; top: 12px; left: 235px; padding: 4px 7px; font-size: 20px; color: white; border: 1px outset #888; border-radius: 3px; cursor: pointer; }
#advanced_search { float: left; width: 220px; padding: 20px; margin-bottom: 25px; z-index: 100000; font-size: 12px; background-color: #F1F1F1; }
#advanced_search .hor_line { border-color: #666; }
#mobile_nav_links { background: url(../images/bg_dark.gif); text-align: center; border-top: 1px inset #aaa; display: none;}
/* COLORED BOXES */
.colored_box { position: relative; float: left; width: 25%; min-height: 150px; padding: 15px; margin-right: 25px; background: url(../images/bg_sprites.jpg) repeat-x; background-position: 0 -1650px; border: 1px solid #bad7e6; }
.four_wide { position: relative; width: 206px !important; height: 210px; padding: 15px; border: 1px solid #bad7e6; margin-right: 15px; }
.wide { position: relative; width: 455px !important; padding: 15px; border: 1px solid #bad7e6; margin-right: 25px; }
.wide a { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; text-decoration: none; }
.wide p { margin-bottom: 15px; }
.colored_box h3 { font-size: 20px; }
.colored_box a { font-weight: bold; font-size: 14px !important; color: #3077ba; }
.colored_box .hor_line { margin: 8px 0; }
.blue_callout { background-position: 0 0; border-color: #3077ba; }
.red_callout { background-position: 0 -500px; border-color: #ca4832; }
.green_callout { background-position: 0 -900px; border-color: #498346; }
.gray_callout { background-position: 0 -1300px; border-color: #73665a; }
/* SEARCH FORM ITEMS */
.form_column_three { columns:20px 3; -webkit-columns:20px 3; /* Safari and Chrome */ -moz-columns:20px 3; /* Firefox */ }
.form_column_two { columns:20px 2; -webkit-columns:20px 2; /* Safari and Chrome */ -moz-columns:20px 2; /* Firefox */ }
.small_form { width: 70px; }
.rarity { display: inline-block; margin: -3px 5px 0 0; padding: 0 5px; color: white; background: #111; border: 1px solid black; border-radius: 15px; overflow: hidden; font-size: 9px; font-weight: bold; }
.uncommon { background: #BBB; border-color: #AAA; }
.rare { background: #F90; border-color: #F60; }
.mythic { background: #C30; border-color: #C00; }
/* SEARCH RESULTS */
.news_box { position: relative; float: left; width: 43%; width: calc(50% - 15px); margin: 7px 7px 7px 7px; }
.news_box .info_box { min-height: 180px; }
.article_image_medium { float: right; margin: 3px 0 15px 10px; height: 60px; width: 60px; border: 1px solid #032859; }
.article_image_small { float: left; margin: 3px 10px 15px 0; height: 30px; width: 30px; border: 1px solid #032859; }
.result_box { position: relative; float: left; width: 30%; width: calc(33% - 12px); height: 158px; margin: 7px; overflow: hidden; z-index: 500 !important; background-color: #F1F1F1; }
.result_box:hover { overflow: visible; z-index: 10000 !important; border-color: #9bc294;}
.result_box_content { position: relative; padding: 15px 15px 15px 140px; min-height: 128px; background-color: #F1F1F1; overflow: hidden !important;}
.result_box_content:hover { background-image: none; background-color: #B0E3FF; border-color: #B0E3FF; box-shadow: 0 0 15px #AAA; }
.result_box p { font-size: 80% !important; color: #333; font-weight: lighter !important; line-height: 15px; }
.result_box h3 { font-size: 14px; }
.result_details { position: absolute; top: 85px; left: 0; width: 100px; pointer-events: none !important; }
.small_box { background-color: #009CFF; color: #fff; width: 55px; padding: 3px; margin-top: 5px; height: 20px; text-align: center; }
.result_details .yellow_box { background-color: #F2BF28; }
.result_details .green_box { background-color: #F27407; }
.page_numbers { }
.image_thumb { position: absolute; top: 15px; left: 15px; height: 158px; width: 113px; background-image: url(images/magic-card-back.jpg); border-radius: 3px; }
/* ARTICLES */
.article { width: 80%; width: calc(100% - 320px); float: left; }
.article p { font-size: 16px; line-height: 24px; }
.article li { font-size: 16px; line-height: 24px; }
.article img { display: inline !important; }
.article_sidebar { width: 300px; float: right; }
.article_sidebar p { font-size: 12px; line-height: 18px; }
.article_sidebar .info_box img { float: right; margin: 3px 0 15px 15px; border: 1px solid #498346; }
/* VIEW CARD */
.view_card_wrapper { max-width: 1100px; }
.view_card { float: left; border-radius: 7px; width: 215px; height: 301px; }
.view_card img {width: 215px; height: 301px; border-radius: 7px; }
#view_card_2 { display: none; }
.popular_cards { float: left; margin: 0 -159px 0 0 !important; }
.similar_cards { float: left; margin: 0 10px 10px 0; width: 175px; height: 251px; padding: 6px; border: 1px solid #000; background: #111; border-radius: 6px; }
.max_width { max-width: 250px; }
#card_text { display: block; }
#card_text p { font-size: 16px; line-height: 22px; }
.mana_cost { float: right; margin: 0 0 0 15px; }
#main_text_box { position: relative; float: left; margin-left: 35px; width: 40%; width: calc(100% - 470px); }
.pow_tough { position: relative; float: right; margin-bottom: -40px; padding: 10px; background-color: #DDD; color: #333; font-weight: bold; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-radius: 5px; }
.fb-like { float: left; }
.article .view_card { float: none; margin: 30px auto 0 auto !important; display: block; }
/* VIEW CARD SIDEBAR */
#card_links { position: relative; width: auto; text-align: center; }
.card_info_link { display: inline-block; padding: 7px 5px; border: none; color: #3077ba; }
.card_info_link_selected { background-color: #CCEBFF; font-weight: bold; margin: -1px 0; padding: 0 3px;}
#all_info_boxes { position: relative; float: right; width: 176px; }
.info_box { position: relative; display: block; padding: 4px 8px 8px 8px; margin-bottom: 6px; background-color: #CCEBFF; color: #032859; border: 1px solid #CCEBFF; }
.info_box a:hover, .info_box a:active { color: black; }
.info_box h3 { margin: 5px 0 0 0; }
.info_box select { width: 70px; float: right; }
.info_box .hor_line { border-color: #bad7e6; margin: 10px 0; }
.info_box .small_text { color: #3077ba; }
.green_box { background-color: #032859; color: #fff; border-color: #032859; }
.green_box .small_text { color: #fff; }
.green_box .hor_line { border-color: #009CFF; margin: 10px 0; }
.green_box a { color: #F2BF28; } .green_box a:hover { color: #FFF; }
.yellow_box { background-color: #F1F1F1; color: #032859; border-color: #F1F1F1; }
.yellow_box .small_text { color: #b1821a; }
.yellow_box .hor_line { border-color: #e3cc77; margin: 10px 0; }
.yellow_box a { color: #009CFF; }
.details { text-decoration: underline; cursor: pointer; }
.quantity_details { display: none; }
#your_rating select {width: 50px; }
#return_to_search, #random_card { display: none; }
.loading_data { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #032859; text-align: center; }
.buy_link { width: 100% !important; }
/* ADS */
#right_ads { position: fixed; top: 100px; left: 1400px; width: 300px; overflow: hidden; }
.header_ad { position: relative; width: 100%; min-height: 90px; background: url(../images/ad_placeholder_sm.gif) no-repeat center center; margin-bottom: 20px; text-align: center; overflow: hidden; }
.result_ad { background: url(../images/ad_placeholder_sm.gif) no-repeat right 50% bottom 15% #F1F1F1; }
.sidebar_ad { width: 200px; height: auto; margin: 20px auto 0 auto; }
.adsbygoogle { position: relative; width: 100%; height: 100%; }
.mobile_only { display: none; }
.desktop_only { display: block; }
.video_box { display: block; clear: both; margin: 7px; background-color: rgba(241,241,241,1.00);}
.google-auto-placed {display: none;}
/* FOOTER AND MESSAGES */
#support { background: url(../images/bg_sprites.jpg) repeat-x 0 -950px; padding: 15px 45px 15px 15px; position: fixed; right: 0; bottom: 30px; border-radius: 8px 0 0 8px; box-shadow: 0 0 10px #fff; border: 1px solid #2d6828; border-left: none; display: none;}
.footer { padding: 0 25px 200px 25px; margin: auto; }
#black_bg { position: fixed; top: 0; left: 0; width: 0; height: 0; background: url(../images/black_trans.png); display: none; z-index: 100001; }
.black_bg { position: fixed; top: 0; left: 0; width: 0; height: 0; background: url(../images/black_trans.png); display: none; z-index: 100001; }
.show_edit_card { cursor: pointer; }
.message { position: relative; top: 20%; width: 75%; max-width: 400px; padding: 25px; background: url(../images/bg_white.jpg); margin: 0 auto 25px auto; box-shadow: 0 0 20px #000; border-radius: 5px; text-align: center; }
#message img { margin-top: 10px; }
.cancel { cursor: pointer; }
.inventory_sets { margin-bottom: 15px; break-inside: avoid; -webkit-column-break-inside: avoid; }
.close_screen { cursor: pointer; }
#edit_card { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
/* MANA SYMBOLS SPRITE MAP */
.sprite_lg_1000000, .sprite_lg_100, .sprite_lg_Chaos, .sprite_lg_oo, .sprite_lg_0, .sprite_lg_1, .sprite_lg_10, .sprite_lg_11, .sprite_lg_12, .sprite_lg_13, .sprite_lg_14, .sprite_lg_15, .sprite_lg_16, .sprite_lg_17, .sprite_lg_18, .sprite_lg_19, .sprite_lg_2, .sprite_lg_20, .sprite_lg_2B, .sprite_lg_2G, .sprite_lg_2R, .sprite_lg_2U, .sprite_lg_2W, .sprite_lg_3, .sprite_lg_4, .sprite_lg_5, .sprite_lg_6, .sprite_lg_7, .sprite_lg_8, .sprite_lg_9, .sprite_lg_B, .sprite_lg_BG, .sprite_lg_BR, .sprite_lg_G, .sprite_lg_GU, .sprite_lg_GW, .sprite_lg_H, .sprite_lg_HR, .sprite_lg_HW, .sprite_lg_PB, .sprite_lg_PG, .sprite_lg_PR, .sprite_lg_PU, .sprite_lg_PW, .sprite_lg_Q, .sprite_lg_R, .sprite_lg_RG, .sprite_lg_RW, .sprite_lg_S, .sprite_lg_T, .sprite_lg_TV2, .sprite_lg_TV3, .sprite_lg_U, .sprite_lg_UB, .sprite_lg_UR, .sprite_lg_W, .sprite_lg_WB, .sprite_lg_WOLD, .sprite_lg_WU, .sprite_lg_X, .sprite_lg_Y, .sprite_lg_Z, .sprite_lg_C { display: inline-block; margin-right: 3px; background: url('../images/symbols_lg.png') no-repeat; }
.sprite_lg_1000000 { background-position: -1px -0px; width: 127px; height: 25px; }
.sprite_lg_100 { background-position: -1px -26px; width: 47px; height: 25px; }
.sprite_lg_Chaos { background-position: -49px -26px; width: 30px; height: 25px; }
.sprite_lg_oo { background-position: -80px -26px; width: 25px; height: 25px; }
.sprite_lg_0 { background-position: -1px -52px; width: 25px; height: 25px; }
.sprite_lg_1 { background-position: -27px -52px; width: 25px; height: 25px; }
.sprite_lg_10 { background-position: -53px -52px; width: 25px; height: 25px; }
.sprite_lg_11 { background-position: -79px -52px; width: 25px; height: 25px; }
.sprite_lg_12 { background-position: -1px -78px; width: 25px; height: 25px; }
.sprite_lg_13 { background-position: -27px -78px; width: 25px; height: 25px; }
.sprite_lg_14 { background-position: -53px -78px; width: 25px; height: 25px; }
.sprite_lg_15 { background-position: -79px -78px; width: 25px; height: 25px; }
.sprite_lg_16 { background-position: -1px -104px; width: 25px; height: 25px; }
.sprite_lg_17 { background-position: -27px -104px; width: 25px; height: 25px; }
.sprite_lg_18 { background-position: -53px -104px; width: 25px; height: 25px; }
.sprite_lg_19 { background-position: -79px -104px; width: 25px; height: 25px; }
.sprite_lg_2 { background-position: -1px -130px; width: 25px; height: 25px; }
.sprite_lg_20 { background-position: -27px -130px; width: 25px; height: 25px; }
.sprite_lg_2B { background-position: -53px -130px; width: 25px; height: 25px; }
.sprite_lg_2G { background-position: -79px -130px; width: 25px; height: 25px; }
.sprite_lg_2R { background-position: -1px -156px; width: 25px; height: 25px; }
.sprite_lg_2U { background-position: -27px -156px; width: 25px; height: 25px; }
.sprite_lg_2W { background-position: -53px -156px; width: 25px; height: 25px; }
.sprite_lg_3 { background-position: -79px -156px; width: 25px; height: 25px; }
.sprite_lg_4 { background-position: -1px -182px; width: 25px; height: 25px; }
.sprite_lg_5 { background-position: -27px -182px; width: 25px; height: 25px; }
.sprite_lg_6 { background-position: -53px -182px; width: 25px; height: 25px; }
.sprite_lg_7 { background-position: -79px -182px; width: 25px; height: 25px; }
.sprite_lg_8 { background-position: -1px -208px; width: 25px; height: 25px; }
.sprite_lg_9 { background-position: -27px -208px; width: 25px; height: 25px; }
.sprite_lg_B { background-position: -53px -208px; width: 25px; height: 25px; }
.sprite_lg_BG { background-position: -79px -208px; width: 25px; height: 25px; }
.sprite_lg_BR { background-position: -1px -234px; width: 25px; height: 25px; }
.sprite_lg_G { background-position: -27px -234px; width: 25px; height: 25px; }
.sprite_lg_GU { background-position: -53px -234px; width: 25px; height: 25px; }
.sprite_lg_GW { background-position: -79px -234px; width: 25px; height: 25px; }
.sprite_lg_H { background-position: -1px -260px; width: 25px; height: 25px; }
.sprite_lg_HR { background-position: -27px -260px; width: 25px; height: 25px; }
.sprite_lg_HW { background-position: -53px -260px; width: 25px; height: 25px; }
.sprite_lg_PB { background-position: -79px -260px; width: 25px; height: 25px; }
.sprite_lg_PG { background-position: -1px -286px; width: 25px; height: 25px; }
.sprite_lg_PR { background-position: -27px -286px; width: 25px; height: 25px; }
.sprite_lg_PU { background-position: -53px -286px; width: 25px; height: 25px; }
.sprite_lg_PW { background-position: -79px -286px; width: 25px; height: 25px; }
.sprite_lg_Q { background-position: -1px -312px; width: 25px; height: 25px; }
.sprite_lg_R { background-position: -27px -312px; width: 25px; height: 25px; }
.sprite_lg_RG { background-position: -53px -312px; width: 25px; height: 25px; }
.sprite_lg_RW { background-position: -79px -312px; width: 25px; height: 25px; }
.sprite_lg_S { background-position: -1px -338px; width: 25px; height: 25px; }
.sprite_lg_T { background-position: -27px -338px; width: 25px; height: 25px; }
.sprite_lg_TV2 { background-position: -53px -338px; width: 25px; height: 25px; }
.sprite_lg_TV3 { background-position: -79px -338px; width: 25px; height: 25px; }
.sprite_lg_U { background-position: -1px -364px; width: 25px; height: 25px; }
.sprite_lg_UB { background-position: -27px -364px; width: 25px; height: 25px; }
.sprite_lg_UR { background-position: -53px -364px; width: 25px; height: 25px; }
.sprite_lg_W { background-position: -79px -364px; width: 25px; height: 25px; }
.sprite_lg_WB { background-position: -1px -390px; width: 25px; height: 25px; }
.sprite_lg_WOLD { background-position: -27px -390px; width: 25px; height: 25px; }
.sprite_lg_WU { background-position: -53px -390px; width: 25px; height: 25px; }
.sprite_lg_X { background-position: -79px -390px; width: 25px; height: 25px; }
.sprite_lg_Y { background-position: -1px -416px; width: 25px; height: 25px; }
.sprite_lg_Z { background-position: -27px -416px; width: 25px; height: 25px; }
.sprite_lg_C { background-position: -53px -416px; width: 25px; height: 25px; }
/* ADDITIONAL SPRITES LARGE */
.sprite_lg_E { display: inline-block; background: url('../images/symbols_energy_LG.png') no-repeat; width: 25px; height: 25px; }
.sprite_sm_1000000, .sprite_sm_100, .sprite_sm_Chaos, .sprite_sm_oo, .sprite_sm_0, .sprite_sm_1, .sprite_sm_10, .sprite_sm_11, .sprite_sm_12, .sprite_sm_13, .sprite_sm_14, .sprite_sm_15, .sprite_sm_16, .sprite_sm_17, .sprite_sm_18, .sprite_sm_19, .sprite_sm_2, .sprite_sm_20, .sprite_sm_2B, .sprite_sm_2G, .sprite_sm_2R, .sprite_sm_2U, .sprite_sm_2W, .sprite_sm_3, .sprite_sm_4, .sprite_sm_5, .sprite_sm_6, .sprite_sm_7, .sprite_sm_8, .sprite_sm_9, .sprite_sm_B, .sprite_sm_BG, .sprite_sm_BR, .sprite_sm_G, .sprite_sm_GU, .sprite_sm_GW, .sprite_sm_H, .sprite_sm_HR, .sprite_sm_HW, .sprite_sm_PB, .sprite_sm_PG, .sprite_sm_PR, .sprite_sm_PU, .sprite_sm_PW, .sprite_sm_Q, .sprite_sm_R, .sprite_sm_RG, .sprite_sm_RW, .sprite_sm_S, .sprite_sm_T, .sprite_sm_TV2, .sprite_sm_TV3, .sprite_sm_U, .sprite_sm_UB, .sprite_sm_UR, .sprite_sm_W, .sprite_sm_WB, .sprite_sm_WOLD, .sprite_sm_WU, .sprite_sm_X, .sprite_sm_Y, .sprite_sm_Z, .sprite_sm_C { display: inline-block; margin: 0 2px -3px 0; background: url('../images/symbols_sm.png') no-repeat; }
.sprite_sm_1000000 { background-position: -1px -0px; width: 76px; height: 15px; }
.sprite_sm_100 { background-position: -1px -16px; width: 28px; height: 15px; }
.sprite_sm_Chaos { background-position: -30px -16px; width: 18px; height: 15px; }
.sprite_sm_oo { background-position: -49px -16px; width: 15px; height: 15px; }
.sprite_sm_0 { background-position: -1px -32px; width: 15px; height: 15px; }
.sprite_sm_1 { background-position: -17px -32px; width: 15px; height: 15px; }
.sprite_sm_10 { background-position: -33px -32px; width: 15px; height: 15px; }
.sprite_sm_11 { background-position: -49px -32px; width: 15px; height: 15px; }
.sprite_sm_12 { background-position: -1px -48px; width: 15px; height: 15px; }
.sprite_sm_13 { background-position: -17px -48px; width: 15px; height: 15px; }
.sprite_sm_14 { background-position: -33px -48px; width: 15px; height: 15px; }
.sprite_sm_15 { background-position: -49px -48px; width: 15px; height: 15px; }
.sprite_sm_16 { background-position: -1px -64px; width: 15px; height: 15px; }
.sprite_sm_17 { background-position: -17px -64px; width: 15px; height: 15px; }
.sprite_sm_18 { background-position: -33px -64px; width: 15px; height: 15px; }
.sprite_sm_19 { background-position: -49px -64px; width: 15px; height: 15px; }
.sprite_sm_2 { background-position: -1px -80px; width: 15px; height: 15px; }
.sprite_sm_20 { background-position: -17px -80px; width: 15px; height: 15px; }
.sprite_sm_2B { background-position: -33px -80px; width: 15px; height: 15px; }
.sprite_sm_2G { background-position: -49px -80px; width: 15px; height: 15px; }
.sprite_sm_2R { background-position: -1px -96px; width: 15px; height: 15px; }
.sprite_sm_2U { background-position: -17px -96px; width: 15px; height: 15px; }
.sprite_sm_2W { background-position: -33px -96px; width: 15px; height: 15px; }
.sprite_sm_3 { background-position: -49px -96px; width: 15px; height: 15px; }
.sprite_sm_4 { background-position: -1px -112px; width: 15px; height: 15px; }
.sprite_sm_5 { background-position: -17px -112px; width: 15px; height: 15px; }
.sprite_sm_6 { background-position: -33px -112px; width: 15px; height: 15px; }
.sprite_sm_7 { background-position: -49px -112px; width: 15px; height: 15px; }
.sprite_sm_8 { background-position: -1px -128px; width: 15px; height: 15px; }
.sprite_sm_9 { background-position: -17px -128px; width: 15px; height: 15px; }
.sprite_sm_B { background-position: -33px -128px; width: 15px; height: 15px; }
.sprite_sm_BG { background-position: -49px -128px; width: 15px; height: 15px; }
.sprite_sm_BR { background-position: -1px -144px; width: 15px; height: 15px; }
.sprite_sm_G { background-position: -17px -144px; width: 15px; height: 15px; }
.sprite_sm_GU { background-position: -33px -144px; width: 15px; height: 15px; }
.sprite_sm_GW { background-position: -49px -144px; width: 15px; height: 15px; }
.sprite_sm_H { background-position: -1px -160px; width: 15px; height: 15px; }
.sprite_sm_HR { background-position: -17px -160px; width: 15px; height: 15px; }
.sprite_sm_HW { background-position: -33px -160px; width: 15px; height: 15px; }
.sprite_sm_PB { background-position: -49px -160px; width: 15px; height: 15px; }
.sprite_sm_PG { background-position: -1px -176px; width: 15px; height: 15px; }
.sprite_sm_PR { background-position: -17px -176px; width: 15px; height: 15px; }
.sprite_sm_PU { background-position: -33px -176px; width: 15px; height: 15px; }
.sprite_sm_PW { background-position: -49px -176px; width: 15px; height: 15px; }
.sprite_sm_Q { background-position: -1px -192px; width: 15px; height: 15px; }
.sprite_sm_R { background-position: -17px -192px; width: 15px; height: 15px; }
.sprite_sm_RG { background-position: -33px -192px; width: 15px; height: 15px; }
.sprite_sm_RW { background-position: -49px -192px; width: 15px; height: 15px; }
.sprite_sm_S { background-position: -1px -208px; width: 15px; height: 15px; }
.sprite_sm_T { background-position: -17px -208px; width: 15px; height: 15px; }
.sprite_sm_TV2 { background-position: -33px -208px; width: 15px; height: 15px; }
.sprite_sm_TV3 { background-position: -49px -208px; width: 15px; height: 15px; }
.sprite_sm_U { background-position: -1px -224px; width: 15px; height: 15px; }
.sprite_sm_UB { background-position: -17px -224px; width: 15px; height: 15px; }
.sprite_sm_UR { background-position: -33px -224px; width: 15px; height: 15px; }
.sprite_sm_W { background-position: -49px -224px; width: 15px; height: 15px; }
.sprite_sm_WB { background-position: -1px -240px; width: 15px; height: 15px; }
.sprite_sm_WOLD { background-position: -17px -240px; width: 15px; height: 15px; }
.sprite_sm_WU { background-position: -33px -240px; width: 15px; height: 15px; }
.sprite_sm_X { background-position: -49px -240px; width: 15px; height: 15px; }
.sprite_sm_Y { background-position: -1px -256px; width: 15px; height: 15px; }
.sprite_sm_Z { background-position: -17px -256px; width: 15px; height: 15px; }
.sprite_sm_C { background-position: -33px -256px; width: 15px; height: 15px; }
/* ADDITIONAL SPRITES SMALL */
.sprite_sm_E { display: inline-block; background: url('../images/symbols_energy_SM.png') no-repeat; width: 15px; height: 15px; }
@media screen and (max-width: 1735px) {
.sidebar_ad { display: block; }
}
@media screen and (max-width: 1400px) and (min-width: 1024px) {
.result_box { width: 43%; width: calc(50% - 15px); }
.decklist_list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}
@media screen and (max-width: 1023px) {
.header_ad { height: 60px; }
.mobile_only { display: block; }
.desktop_only { display: none; }
html { width: 100%; height: 100%; min-width: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 17px !important; }
body { width: 100%; height: 100%; }
h2 { font-size: 26px !important; }
h3 { font-size: 22px !important; }
p { font-size: 14px !important; }
.small_text { font-size: 12px !important; }
.buy_link { font-size: 15px !important; }
.button { font-size: 16px !important; }
.content_box { padding: 15px 15px 0 15px; }
#main_header { height: 70px; }
.home_content { height: auto; }
.search_category_wrapper p { font-size: 14px; }
.decklist { width: 90%; width: calc(100% - 32px); }
.decklist_list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
#main_text_box { float: none; margin: 0 0 30px 0; width: auto; max-width: none; }
.view_card { position: relative; margin: 0 15px 15px 0; padding: 5px; }
#view_card_2 { display: inline-block; }
#view_card_1 { display: none; }
.image_thumb { height: 119px; width: 85px; background: #111; border-radius: 3px; }
.news_box { width: 100%; margin: 0 0 10px 0;}
.news_box .info_box { min-height: 0; }
.news_box .info_box a { font-size: 14px; font-weight: bold; }
.news_box p { margin-bottom: 3px; margin-top: 3px; }
.result_box { width: 100%; height: 100px; margin: 0 0 10px 0;}
.result_box a { font-size: inherit !important; }
.result_box h3 { font-size: 16px !important; }
.result_details { top: 35px; }
.result_box_content { min-height: 0; padding: 15px 15px 15px 115px; }
#all_info_boxes { float: left; width: 156px;}
.info_box { margin: 0 4px 8px 4px; padding: 8px;}
.info_box * { font-size: 17px; margin: 0;}
.info_box h3 { font-size: 16px !important; }
.five_columns { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; }
#ad_top { height: 60px; width: calc(100% - 200px); text-align: right; }
.ad_card_container { margin-right: -50px; }
#pricing_provided { display: none; }
.article { clear: both; width: 100%; float: none; }
.article_sidebar { clear: both; width: 100%; float: none; }
.article_sidebar a { font-size: inherit !important; }
.article_image_medium { width: 45px; height: 45px; margin-right: 10px; }
.article_image_small { display: none; }
/* SPRITES */
.sprite_lg_1000000, .sprite_lg_100, .sprite_lg_C, .sprite_lg_oo, .sprite_lg_0, .sprite_lg_1, .sprite_lg_10, .sprite_lg_11, .sprite_lg_12, .sprite_lg_13, .sprite_lg_14, .sprite_lg_15, .sprite_lg_16, .sprite_lg_17, .sprite_lg_18, .sprite_lg_19, .sprite_lg_2, .sprite_lg_20, .sprite_lg_2B, .sprite_lg_2G, .sprite_lg_2R, .sprite_lg_2U, .sprite_lg_2W, .sprite_lg_3, .sprite_lg_4, .sprite_lg_5, .sprite_lg_6, .sprite_lg_7, .sprite_lg_8, .sprite_lg_9, .sprite_lg_B, .sprite_lg_BG, .sprite_lg_BR, .sprite_lg_G, .sprite_lg_GU, .sprite_lg_GW, .sprite_lg_H, .sprite_lg_HR, .sprite_lg_HW, .sprite_lg_PB, .sprite_lg_PG, .sprite_lg_PR, .sprite_lg_PU, .sprite_lg_PW, .sprite_lg_Q, .sprite_lg_R, .sprite_lg_RG, .sprite_lg_RW, .sprite_lg_S, .sprite_lg_T, .sprite_lg_TV2, .sprite_lg_TV3, .sprite_lg_U, .sprite_lg_UB, .sprite_lg_UR, .sprite_lg_W, .sprite_lg_WB, .sprite_lg_WOLD, .sprite_lg_WU, .sprite_lg_X, .sprite_lg_Y, .sprite_lg_Z { display: inline-block; margin: 0 2px -3px 0; background: url('../images/symbols_sm.png') no-repeat; }
.sprite_lg_1000000 { background-position: -1px -0px; width: 76px; height: 15px; }
.sprite_lg_100 { background-position: -1px -16px; width: 28px; height: 15px; }
.sprite_lg_C { background-position: -30px -16px; width: 18px; height: 15px; }
.sprite_lg_oo { background-position: -49px -16px; width: 15px; height: 15px; }
.sprite_lg_0 { background-position: -1px -32px; width: 15px; height: 15px; }
.sprite_lg_1 { background-position: -17px -32px; width: 15px; height: 15px; }
.sprite_lg_10 { background-position: -33px -32px; width: 15px; height: 15px; }
.sprite_lg_11 { background-position: -49px -32px; width: 15px; height: 15px; }
.sprite_lg_12 { background-position: -1px -48px; width: 15px; height: 15px; }
.sprite_lg_13 { background-position: -17px -48px; width: 15px; height: 15px; }
.sprite_lg_14 { background-position: -33px -48px; width: 15px; height: 15px; }
.sprite_lg_15 { background-position: -49px -48px; width: 15px; height: 15px; }
.sprite_lg_16 { background-position: -1px -64px; width: 15px; height: 15px; }
.sprite_lg_17 { background-position: -17px -64px; width: 15px; height: 15px; }
.sprite_lg_18 { background-position: -33px -64px; width: 15px; height: 15px; }
.sprite_lg_19 { background-position: -49px -64px; width: 15px; height: 15px; }
.sprite_lg_2 { background-position: -1px -80px; width: 15px; height: 15px; }
.sprite_lg_20 { background-position: -17px -80px; width: 15px; height: 15px; }
.sprite_lg_2B { background-position: -33px -80px; width: 15px; height: 15px; }
.sprite_lg_2G { background-position: -49px -80px; width: 15px; height: 15px; }
.sprite_lg_2R { background-position: -1px -96px; width: 15px; height: 15px; }
.sprite_lg_2U { background-position: -17px -96px; width: 15px; height: 15px; }
.sprite_lg_2W { background-position: -33px -96px; width: 15px; height: 15px; }
.sprite_lg_3 { background-position: -49px -96px; width: 15px; height: 15px; }
.sprite_lg_4 { background-position: -1px -112px; width: 15px; height: 15px; }
.sprite_lg_5 { background-position: -17px -112px; width: 15px; height: 15px; }
.sprite_lg_6 { background-position: -33px -112px; width: 15px; height: 15px; }
.sprite_lg_7 { background-position: -49px -112px; width: 15px; height: 15px; }
.sprite_lg_8 { background-position: -1px -128px; width: 15px; height: 15px; }
.sprite_lg_9 { background-position: -17px -128px; width: 15px; height: 15px; }
.sprite_lg_B { background-position: -33px -128px; width: 15px; height: 15px; }
.sprite_lg_BG { background-position: -49px -128px; width: 15px; height: 15px; }
.sprite_lg_BR { background-position: -1px -144px; width: 15px; height: 15px; }
.sprite_lg_G { background-position: -17px -144px; width: 15px; height: 15px; }
.sprite_lg_GU { background-position: -33px -144px; width: 15px; height: 15px; }
.sprite_lg_GW { background-position: -49px -144px; width: 15px; height: 15px; }
.sprite_lg_H { background-position: -1px -160px; width: 15px; height: 15px; }
.sprite_lg_HR { background-position: -17px -160px; width: 15px; height: 15px; }
.sprite_lg_HW { background-position: -33px -160px; width: 15px; height: 15px; }
.sprite_lg_PB { background-position: -49px -160px; width: 15px; height: 15px; }
.sprite_lg_PG { background-position: -1px -176px; width: 15px; height: 15px; }
.sprite_lg_PR { background-position: -17px -176px; width: 15px; height: 15px; }
.sprite_lg_PU { background-position: -33px -176px; width: 15px; height: 15px; }
.sprite_lg_PW { background-position: -49px -176px; width: 15px; height: 15px; }
.sprite_lg_Q { background-position: -1px -192px; width: 15px; height: 15px; }
.sprite_lg_R { background-position: -17px -192px; width: 15px; height: 15px; }
.sprite_lg_RG { background-position: -33px -192px; width: 15px; height: 15px; }
.sprite_lg_RW { background-position: -49px -192px; width: 15px; height: 15px; }
.sprite_lg_S { background-position: -1px -208px; width: 15px; height: 15px; }
.sprite_lg_T { background-position: -17px -208px; width: 15px; height: 15px; }
.sprite_lg_TV2 { background-position: -33px -208px; width: 15px; height: 15px; }
.sprite_lg_TV3 { background-position: -49px -208px; width: 15px; height: 15px; }
.sprite_lg_U { background-position: -1px -224px; width: 15px; height: 15px; }
.sprite_lg_UB { background-position: -17px -224px; width: 15px; height: 15px; }
.sprite_lg_UR { background-position: -33px -224px; width: 15px; height: 15px; }
.sprite_lg_W { background-position: -49px -224px; width: 15px; height: 15px; }
.sprite_lg_WB { background-position: -1px -240px; width: 15px; height: 15px; }
.sprite_lg_WOLD { background-position: -17px -240px; width: 15px; height: 15px; }
.sprite_lg_WU { background-position: -33px -240px; width: 15px; height: 15px; }
.sprite_lg_X { background-position: -49px -240px; width: 15px; height: 15px; }
.sprite_lg_Y { background-position: -1px -256px; width: 15px; height: 15px; }
.sprite_lg_Z { background-position: -17px -256px; width: 15px; height: 15px; }
}
@media screen and (max-width: 835px) {
#nav_links { display: none; }
#mobile_menu { display: block; }
.decklist_list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media screen and (max-width: 650px) {
#advanced_search { position: absolute; top: 0; left: -260px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 200000;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
box-shadow: 0 0 20px black;
}
#article #advanced_search { display: none; }
#articles #advanced_search { display: none; }
#view_card_page #advanced_search { display: none; }
.show_advanced_search { left: 0 !important; }
#nav { height: 56px; }
#page_content_wrapper { width: 100%; width: calc(100% - 1px); }
#edit_search { display: block; }
#close_search { display: block; }
#return_to_search, #random_card, #edit_search { display: inline-block !important; margin-bottom: 15px; }
#top_color_bar { margin-top: -4px; }
#name_search { top: 10px; right: 0; }
#name_search_solo { width: 80%; width: calc(100% - 85px) !important; }
.hor_line {margin:8px 0; }
#black_bg { width: 100%; height: 100%; }
#logo { width: 172px; height: 45px; top: 5px; }
#mobile_menu { left: 180px; }
.blue_background { background: url(../images/bg_sprites.jpg) repeat-x 0 -2015px; }
}
@media screen and (max-width: 480px) {
#logo {display: none;}
#mobile_menu { left: 10px; }
}