/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}

abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}

button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
/* End Normalise */
/*----------------------------------------------------------------------------*/

html, body              { width: 100%; height: 100%; background: black; color: SeaShell; font-family: arial, sans-serif; font-size: 16px; line-height: 1.5em; -webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-scrollbar     { display: none; }

table                   { border-collapse:collapse; border-spacing:0 }

:focus                  { outline: none;}

a                       { color: #FF9000; text-decoration: none; }
a:hover                 { color: #09FF00; text-decoration: none; cursor:pointer}

em                      { color: #99A2FF; font-family: arial, sans-serif; font-size: 1.1em; font-style: italic;}
b,strong                { font-weight:bold;}

li                      { margin: 0; margin-bottom: 0.5em }
p                       { margin: 0; margin-bottom: 0.75em }
h1, h2, h3, h4          { margin: 0; margin-top: 0.25em; margin-bottom: 0.5em; line-height: 1.25em; }
h1                      { font-size: 28px; }
h2                      { font-size: 24px; }
h3                      { font-size: 20px; }
h4                      { font-size: 18px; }

/* default box sizing border-box - change with class content_box*/
*                       {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
.content_box            {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

.crux                   { width: 100%; height: 100%; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; touch-action: manipulation; -ms-touch-action: manipulation; }
.fullscreen             { width: 100%; height: 100%;}
.widget                 { position: absolute; }
.rel                    { position: relative; }
.fixed                  { position: fixed; }
.hidden                 { display: none; }
.center                 { margin-right: auto; margin-left: auto;}
.no_overflow            { overflow: hidden;}

.overflow_scroll        { overflow-y: scroll; overflow-x: none;  -ms-overflow-style: -ms-autohiding-scrollbar;}
.overflow_scroll_x      { overflow: scroll;  -ms-overflow-style: -ms-autohiding-scrollbar;}


.txt_italic             { font-style: italic; }
.txt_bold               { font-weight: bold; }
.txt_center             { text-align: center; }
.txt_uppercase          { text-transform: uppercase; }
.txt_right              { text-align: right; }
.txt_left               { text-align: left; }

.txt_anchor_orange      { color: #FF9000; cursor:pointer}
.txt_anchor             { color: #5961BB; cursor:pointer}
.txt_anchor:hover       { color: #FF99FF; text-decoration: none; cursor: pointer; }
.txt_tiny               { font-size: 12px; line-height: 1.25em;}
.txt_small              { font-size: 14px; line-height: 1.25em;}
.txt_large              { font-size: 16px; line-height: 1.25em;}
.txt_xlarge             { font-size: 20px; line-height: 1.25em;}
.txt_warn_good          { color: #22CC22; font-weight: bold }
.txt_warn_bad           { color: #CC2222; font-weight: bold }
.txt_selectable         { -webkit-user-select: text; user-select: text;}
.txt_ellipsis           { overflow: hidden;  white-space: nowrap; text-overflow:ellipsis;}

.txt_em                 { color: #989ee5; font-weight: bold}
.txt_unread             { color: #5961BB; font-weight: bold}
.txt_glow               { text-shadow:0px 0px 10px #abb9ff; }

.txt_v_align_mid        { vertical-align: middle; display: table-cell; text-align: center; }
.display_table          { display: table; }

.text_area              { border: none; position: absolute;  resize: none; width: 100%; height: 100%; background-color: #000000; color: #FDF0DC; font-size: 16px;  border-radius: 0; -webkit-appearance: none; -moz-appearance: none; font-family: arial, sans-serif; padding: 4px; line-height: 150%; -ms-user-select: text; -moz-user-select: text; -webkit-user-select: text; user-select: text;}
.text_area:focus        { outline: none; box-shadow: 0px 0px 10px 0px #939cff;}
.text_area_border       { border: solid #5961BB 2px}

.drop_down              { background:linear-gradient(to bottom, #5961bb 0%, #363d8c 100%); font-size: 14px; overflow: hidden; border:2px solid #5961bb; border-radius: 4px; }
.drop_down select       { opacity: 0; width: 100%; height: 100%; -webkit-appearance: none; appearance: none;}
.drop_down_text         { text-shadow:0px 0px 12px #abb9ff; font-size: 14px; font-family: arial, sans-serif; text-align: left; width: 100%; margin-top: -14px}
.drop_down_icon         { margin-top: -15px}

.img_black_cap          { border-width: 0; border-style: solid;  border-top-width: 8px; border-bottom-width: 8px; border-color: #000000;}
.img_black_border       { border-width: 8px; border-style: solid;  border-color: #000000;}

.selmenu_cell           { border-width: 0; border-style: solid;  border-bottom-width: 8px; border-bottom-color: #000000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.player_cell            { border-width: 0; border-style: solid;  border-bottom-width: 8px; border-bottom-color: #1A1D44; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

.nsph                   { font-size: 22px; font-weight: normal; line-height: 125%; padding: 12px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 0}

.screen_title           { text-shadow:0px 0px 12px #abb9ff; font-size: 26px; font-weight: bold; line-height: 125%; padding: 12px; padding-top: 8px; padding-bottom: 8px;}
.screen_subtitle        { text-shadow:0px 0px 12px #abb9ff; font-size: 20px; font-weight: bold; line-height: 125%; padding: 12px; padding-top: 8px; }
.screen_tinytitle       { text-shadow:0px 0px 12px #abb9ff; font-size: 16px; font-weight: normal; }
.panel_title            { text-shadow:0px 0px 8px #abb9ff;  font-size: 20px; font-weight: bold; line-height: 100%; padding: 14px;}
.body_title             { text-shadow:0px 0px 12px #abb9ff; font-size: 18px; font-weight: normal; line-height: 100%;}

.alert_icon             { text-shadow:0px 0px 8px #000000; font-size: 24px; font-weight: bold; line-height: 100%; color: #CC2222;}

.campaign_button_up         { border-radius:8px; border:2px solid #5961bb;}
.campaign_button_down       { border-radius:8px; border:2px solid #79963a;}
.campaign_button_hover      { border-radius:8px; border:2px solid #c6c6c6;}
.campaign_button_disabled   { border-radius:8px; border:2px solid #5961bb;}

.campaign_map_title            { text-shadow:0px 0px 4px #000000;  font-size: 22px; font-weight: bold; line-height: 125%; padding: 4px; }
.campaign_map_desc             { text-shadow:0px 0px 4px #000000;  font-size: 16px; font-weight: normal; line-height: 125%; padding: 4px; }
.campaign_map_mission_title    { text-shadow:0px 0px 4px #000000;  font-size: 18px; font-weight: bold; line-height: 125%; padding: 4px; cursor: pointer;}
.campaign_map_mission_stars    { text-shadow:0px 0px 4px #000000;  font-size: 14px; font-weight: bold; line-height: 125%; padding: 4px; cursor: pointer;}
.campaign_stars                { font-family: 'fontello'; letter-spacing: 0.25em; text-indent: 0.25em;}

.campaign_map_button_up         {background:#000000; border-radius:48px; border:4px solid #FFF5EE; cursor: pointer;}
.campaign_map_button_down       {background:#000000; border-radius:48px; border:4px solid #2C3273; cursor: pointer;}
.campaign_map_button_hover      {background:#000000; border-radius:48px; border:4px solid #5961BB; cursor: pointer;}
.campaign_map_button_disabled   {background:#000000; border-radius:48px; border:4px solid #5961bb; cursor: pointer;}

.big_questionmark       {color:#1A1D44; font-size: 80px; font-weight: bold; line-height: 125%; padding: 12px; padding-top: 8px; padding-bottom: 8px;}

.score_percentage       {text-shadow:0px 0px 12px #abb9ff; font-size: 28px; font-weight: bold; font-style: normal;}

.premium_section_title  { font-size: 22px; font-weight: normal; line-height: 125%; padding: 12px; padding-top: 8px; color: #22EE22}

.inbox_unread_subject   { font-weight: bold; color: #FF9000; }

.asquare1024             { width: 1024px; height: 1024px;}

.triange_up             {width: 0; height: 0; border-left: 32px solid transparent; border-right: 32px solid transparent; border-bottom: 32px solid #FFF5EE;}
.triange_down           {width: 0; height: 0; border-left: 32px solid transparent; border-right: 32px solid transparent; border-top: 32px solid #FFF5EE;}

.rarity_0               { }
.rarity_1               { }
.rarity_2               { color: #469dfd; }
.rarity_3               { color: #e749f6; }
.rarity_4               { color: #ffbe26; }

.col_white              { background-color: #FFF5EE}
.col_black              { background-color: #000000}
.col_base               { background-color: #1A1D44}
.col_accent             { background-color: #2C3273}
.col_accent_light       { background-color: #5961BB}
.col_grey               { background-color: #111111}

.col_unread             { background-color: #5961BB;}
.col_highlight          { background-color: #d8dcf9}
.col_warning            { background-color: #881515}

.col_gold       { color: #ffcc00}
.col_mana       { color: #18b300}
.col_valour     { color: #e63d00}

.col_gold_bg    { background-color: #ffcc00}
.col_mana_bg    { background-color: #18b300}
.col_valour_bg  { background-color: #e63d00}

.outline_white          { border-width: 2px; border-style: solid; border-color: #FFF5EE; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.outline                { border-width: 2px; border-style: solid; border-color: #2C3273; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.underline              { border-width: 0; border-style: solid;  border-bottom-width: 2px; border-bottom-color: #2C3273; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.underline_black        { border-width: 0; border-style: solid;  border-bottom-width: 2px; border-bottom-color: #000000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

.drop_target            { border-width: 4px; border-style: dashed; border-color: #5961BB; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.window_shadow              { box-shadow: 0 4px 16px #000000;}
.window_shadow_small        { box-shadow: 0 4px 8px #000000;}

.side_menu                  { box-shadow: 0 0 16px #000000;}
.side_menu_item             { border-width: 0; border-style: solid;  border-bottom-width: 2px; border-color: #2C3273;}
.side_menu_item_up          { background: #1A1D44;}
.side_menu_item_down        { background: #5961BB; }
.side_menu_item_hover       { background: #5961BB; background:linear-gradient(to bottom, #1A1D44 0%, #2C3273 45%, #2C3273 55%, #1A1D44 100%); }
.side_menu_item:focus       { background: #5961BB; background:linear-gradient(to bottom, #1A1D44 0%, #2C3273 45%, #2C3273 55%, #1A1D44 100%); outline: none}
.side_menu_item_disabled    { background: #1A1D44; }
.side_menu_meta             { box-shadow: -8px 8px 16px rgba(0,0,0,0.5);}
.clockwork                  { background-image:url('/images/ui/clockwork.jpg')}

.click_row_up           { background: #1A1D44; }
.click_row_down         { background: #5961BB; }
.click_row_hover        { background: #5961BB; background:linear-gradient(to bottom, #1A1D44 0%, #2C3273 45%, #2C3273 55%, #1A1D44 100%);}
.click_row_disabled     { background: #1A1D44; }
.click_row_focus        { box-shadow: inset 0 0 0px 2px #939cff;}
.click_row_under        { background: #491b27;}

.stars_easy             { font-family: 'fontello'; letter-spacing: 0.25em; text-indent: 0.25em; color: #ffe569; text-shadow:0px 0px 12px #ffefcc;}
.stars_normal           { font-family: 'fontello'; letter-spacing: 0.25em; text-indent: 0.25em; color: #FFFFFF; text-shadow:0px 0px 12px #abb9ff;}
.stars_hard             { font-family: 'fontello'; letter-spacing: 0.25em; text-indent: 0.25em; color: #ff9000; text-shadow:0px 0px 12px #ffc477}
.stars_nightmare        { font-family: 'fontello'; letter-spacing: 0.25em; text-indent: 0.25em; color: #389cf0; text-shadow:0px 0px 12px #ffefcc;}

.button                 { border-radius:4px; border:2px solid #5961bb; text-shadow:0px 0px 12px #abb9ff; }
.button_up              { background:linear-gradient(to bottom, #5961bb 0%, #363d8c 100%); border-color: #5961bb; }
.button_up_invite       { background:linear-gradient(to bottom, #79963a 0%, #4b5d25 100%); border-color: #79963a; text-shadow:0px 0px 12px #fde43b;}
.button_up_pay          { background:linear-gradient(to bottom, #d34937 0%, #9b3629 100%); border-color: #d34937; text-shadow:0px 0px 12px #ffb141;}
.button_up_accent       { background: #2C3273; border-color: #2C3273; }
.button_up_black        { background: #000000; border-color: #000000; }

.button_down            { background: #1A1D44; border-color: #79963a; }
.button_hover           { border-color: #c6c6c6; }

.tavern_button_hover:hover    { border-radius:8px; border:2px solid #c6c6c6;}
.bazaar_button_hover:hover    { border-radius:16px; border:2px solid #c6c6c6;}

.button_disabled        { background: #1A1D44; border-color: #5961BB; }
.button:focus           { outline: none; border-width: 2px; border-style: solid; border-color: #c6c6c6;}

.button_text            { font-family: arial, sans-serif; text-align: center; width: 100%; cursor:pointer; font-size: 14px; margin-top: -14px}

.tab_button             { background: #2C3273; border-radius: 8px 8px 0 0}
.tab_button_active      { background: #5961BB; }

.rad4                   { border-radius: 4px}
.rad4top                { border-radius: 4px 4px 0 0}
.rad4bot                { border-radius: 0 0 4px 4px}
.rad4right              { border-radius: 0 4px 4px 0}
.rad4left               { border-radius: 4px 0 0 4px}

.rad8                   { border-radius: 8px}
.rad8top                { border-radius: 8px 8px 0 0}
.rad8bot                { border-radius: 0 0 8px 8px}
.rad8right              { border-radius: 0 8px 8px 0}
.rad8left               { border-radius: 8px 0 0 8px}

.rad12                  { border-radius: 12px}
.rad12left              { border-radius: 12px 0 0 12px}

.rad16                  { border-radius: 16px}
.rad20                  { border-radius: 20px}
.rad24                  { border-radius: 24px}
.rad56                  { border-radius: 56px}
.rad96                  { border-radius: 96px}
.mar4                   { margin: 4px}
.mar8                   { margin: 8px}
.mar12                  { margin: 12px}
.mart24                 { margin-top: 24px}
.pad0                   { padding: 0}
.pad4                   { padding: 4px}
.pad6                   { padding: 6px}
.pad8                   { padding: 8px}
.pad10                  { padding: 10px}
.pad12                  { padding: 12px}
.pad14                  { padding: 14px}
.pad12t                 { padding-top: 12px}


/* 12 top + 18 font + 9 line height + 9 bottom = 48 px! */
.pad12-9                { padding: 12px; padding-bottom: 9px}

.z99                    { z-index: 99}

.minh72                 { min-height: 72px}
.minh96                 { min-height: 96px}
.minh208                { min-height: 208px}
.minh288                { min-height: 288px}

.anim_slow              {-webkit-transition: all 1s ease-in-out;    transition: all 1s ease-in-out; }
.anim_mid               {-webkit-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }
.anim_fast              {-webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.screen_anim            { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }

.screen_pos_low         {-webkit-transform: translate3d(0, 96px, 0); transform: translate3d(0, 96px, 0); opacity: 0.5}
.screen_pos_right       {-webkit-transform: translate3d(-480px, 0, 0); transform: translate3d(-480px, 0, 0);}
.screen_pos_left        {-webkit-transform: translate3d(480px, 0, 0); transform: translate3d(480px, 0, 0);}
.screen_pos_center      {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1}


/*----------------------------------------------------------------------------*/
.card_title             { font-size: 26px; font-weight: bold; padding: 12px; padding-top: 8px;}
.card_stat_value_icon   { display: inline-block; width: 24px; height: 24px; vertical-align: -10%;}
.card_traits            { font-size: 18px; padding: 4px; padding-left: 12px; padding-right: 12px}
.card_power_title       { font-size: 22px; font-weight: bold; line-height: 1.5em}
.card_power_body        { font-size: 18px; line-height: 1.25em;}
.card_flavor            { font-style: italic; font-size: 18px; line-height: 1.33em;}
.card_strength_bg       { border-radius: 50%;}
.card_strength          { font-size: 48px; }

.col_card_accent        { background-color: #222222 }

.card_shadow           { box-shadow: 0 0 24px rgba(0,0,0,1);}
.card_shadow_small          { box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.card_glow             { box-shadow: 0 0 32px 0 #939cff;}

.card_name_deck_label  { font-size: 64px; font-weight: bold; line-height: 125%;}

.holds_card            { min-height: 720px;}

.inline_icon           { display: inline-block; width: 24px; height: 24px; vertical-align: -24%;}
.inline_icon_small     { display: inline-block; width: 18px; height: 18px; vertical-align: -18%;}

/*----------------------------------------------------------------------------*/
.news p                 {padding-left: 12px; padding-right: 12px}
.news h1                {font-size: 22px; margin-top: 12px; font-weight: bold;}

.alpha_0                { opacity:0; }
.alpha_025              { opacity:0.25; }
.alpha_05               { opacity:0.5; }
.alpha_075              { opacity:0.75; }
.alpha_1                { opacity:1; }

.icon_button            {font-size: 20px; margin-top: -15px; margin-left: -1.5px}
.block_value_big_value  {font-size: 34px; font-weight: normal; line-height: 100%}

.ddhelp                 {border: 4px solid #881515; border-radius: 4px; box-shadow: 0 0 16px #000000; z-index: 99}
.ddhelp h1              {font-size: 22px; font-weight: bold; line-height: 125%; margin: 0; margin-bottom: 0.25em;}

.help h1                {text-shadow:0px 0px 12px #abb9ff; font-weight: bold; line-height: 125%; margin: 0px; margin-bottom: 0.25em; }
.help h2                {text-shadow:0px 0px 12px #abb9ff; font-weight: bold; line-height: 125%; margin: 0px; margin-bottom: 0.25em; }

.help h1                {font-size: 24px; margin-top: 0.25em; margin-left: -12px; margin-right: -12px; padding: 12px; background-color: #1A1D44;}
.help h2                {font-size: 20px; margin-top: 0.5em;  margin-left: -12px; margin-right: -12px; padding: 12px; background-color: #1A1D44;}
.help h3                {font-size: 18px; margin-top: 0.5em; }
.help h4                {font-size: 16px; margin-top: 0.5em; }
.help em                {font-size: 18px; font-style: italic; line-height: 125%;}
.help var               {font-size: 14px; font-style: normal;  line-height: 125%; color: #99a2ff;}
.help p                 {margin: 0; margin-bottom: 1em; margin-top: 0.5em}

.badge-help h3                {font-size: 22px; font-weight: normal; line-height: 125%; margin: 0; }

.editor_summary_table         { width:100%; border: 0; text-overflow:ellipsis; overflow: hidden;}
.editor_summary_table td      { min-width: 32px; padding-left: 8px;}
.editor_summary_table tr:first-child {background-color: #000000}
.editor_summary_table tr:nth-child(even) {background-color: #2C3273}

.custom_settings         { width:100%;}
.custom_settings td      { min-width: 32px; padding: 6px; text-align: left; padding-left: 12px; padding-right: 12px}
.custom_settings td:nth-child(2) {text-align: right;}

.custom_settings tr:nth-child(even) {background-color: #2C3273}

.combat_result         { width:100%;}
.combat_result td      { min-width: 32px; padding: 6px; text-align: center}
.combat_result td:nth-child(2) {text-align: left; padding-left: 0}
.combat_result td:nth-child(1) {padding-right: 0}
.combat_result tr:first-child {background-color: #000000}
.combat_result tr       {background-color: #2C3273}


/* This is for the menu.html background.*/
.menu_bg_01         { position: fixed; background-image:url('/images/blight_menu_bg.jpg'); background-repeat: no-repeat; background-position: center top;}
.menu_bg_01s        { position: fixed; background-image:url('/images/blight_menu_bgs.jpg'); background-repeat: no-repeat; background-position: center top;}
.menu_bg_02         { position: fixed; background-image:url('/images/landing/landing_bg.jpg'); background-repeat: no-repeat; background-position: center top;}
.menu_bg_03         { position: fixed; background-image:url('/images/landing/landing_bg_small.jpg'); background-repeat: no-repeat; background-position: center top;}

.arrow_box          { width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 16px; border-color: transparent transparent transparent #e63d00; }

@font-face {
    font-family: 'OpenSansRegular';
    src: url('/fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayerIcons';
    src: url('/fonts/PlayerIcons/PlayerIcons.woff') format('woff'),
        url('/fonts/PlayerIcons/PlayerIcons.svg#playericons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pci_48_0 {width: 48px; height:48px; background:url('/images/ui/ui_icons.png') -0px -0px}

.click_shield {touch-action: none;  background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);} /* W3C }*/

.loading_cog {
    margin: 20px;
    width: 48px;
    height: 48px;
    -webkit-animation-name: loading_cog_spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: loading_cog_spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: loading_cog_spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: loading_cog_spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/* Spinning cog load animation*/
@-moz-keyframes loading_cog_spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes loading_cog_spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes loading_cog_spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}