body { color: #212114; }
b a{ color:#545526; text-decoration:underline;}
b a:hover{ color:#545526; text-decoration:none;}
strong a{ color:#787D1A; text-decoration:none;}
strong a:hover{ color:#787D1A; text-decoration:underline;}
strong img{ margin:0 5px 0 0;}

h1, h2, h3, h4, h5, h6 { font-family: Helvetica,Arial,sans-serif; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }

#nav { position: absolute; top: 210px; width: 720px; height: 36px; margin-left: 11px; background: transparent url(nav_fb.png) no-repeat scroll top left; z-index:2; }

#contentWrapper { position: relative; top: -13px; width: 744px; background: #CAB99F url('sheet_background_fb.jpg') repeat-y scroll left top; z-index: 1; padding-top: 44px; padding-bottom: 2px;}
#contentWrapper_newuser { position: relative; top: -38px; width: 744px; padding-top: 39px; background: #CAB99F url('sheet_background_fb.jpg') repeat-y scroll left top; z-index: 1; }
#contentWrapper p { font-size: 1.1em; font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; }
#contentWrapper a:hover { text-decoration:none; }
#contentFooter { position: relative; top: -13px; clear: both; background:url('Sheet-h_fb.png') top right no-repeat; width: 744px; height: 45px; }

.contentPage { padding: 0px 10px 0px 10px; }
.contentPageFramed { padding: 0px 10px 0px 10px; }
.contentPageForm {}

#offersPage .purchase-history-link { padding-top: 12px; }
.contentPageClean { margin: 0px 15px; padding: 5px; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; background: rgba(255,255,205,0.7); }

.nags_container { margin-top: 8px; margin-bottom: 10px;}

#header { position: relative; width:744px; height: 210px; background: transparent url('header.jpg') no-repeat scroll left top; z-index: 20; }
#header_newuser { position: relative; width:744px; height: 210px; background: transparent url('header_newuser.jpg?v=b461a0af') no-repeat scroll left top; background-size: 100% auto; z-index: 20; }
#stats { position: absolute; top: 55px; left: 40px; width: 295px; height: 81px;
         font-size: 1.1em; color: #dddddd; vertical-align: top;
         font-family: Arial;  text-align: center; }

#stats_money { position: absolute; top: 0px; left: 100px; color: #DDDDDD; text-align: left;}
#stats_money .money { color: #00C00A;}
#stats_energy { position: absolute; top: 22px; left: 100px; }
#stats_stamina { position: absolute; top: 44px; left: 100px; }
#stats_health { position: absolute; top: 66px; left: 100px; }
#stats .timer { color: rgb(200, 200, 100); font-size: 0.75em; font-weight: lighter; height: 22px; width: 60px; }
#stats a.important { color: #FFFF00; background: inherit; font-size: 0.8em; padding: 0px; text-decoration: underline; }
#bankLink { position: absolute; top: 0px; width: 230px; z-index: 1; }
#hospitalLink { position: absolute; top: 66px; width: 230px; z-index: 1; }

#header_right
{
  position: absolute; top: 46px; left: 510px;
  width: 200px; height: 81px;
  /* filter:alpha(opacity=20); opacity:0.2; /* for debugging */
  color: #dddddd;
}
#header_right a { color: #cc8529; color: #dddddd; }
#header_right img { margin-right: 3px; }
#header_right div { margin-top: 3px; }
#header_name
{
  float: right; font-size: 1.4em;
  text-align: right; width: 200px;
  color: #cc8529;
}
#header_level { clear: both; float: right; font-weight: normal; font-size: 1.1em; }
#header_experience { clear: both; float: right; }

#header_size { clear: both; float: right; }
#header_size img { }

#header_rewards {clear: both; float: right; font-size: 1.1em;}
#alert { position: absolute; top: 192px; color: yellow; width: 744px; text-align: center; }

h1#mainMenu { background-image: url('headings.png'); display: block; font-size: 0; height: 18px; background-position: -3px -4px;  }
h1#overview { background-image: url('headings.png'); display: block; font-size: 0; height: 18px; background-position: -3px -39px; }
h1#newsFeed { background-image: url('headings.png'); display: block; font-size: 0; height: 18px; background-position: -3px -21px; }
.section { padding-bottom: 0.25em; margin-bottom: 4px; border-bottom: solid 1px #787D1A; background-repeat: no-repeat;}

#homePage { padding: 0px 10px; }
#homePage .home-columns {
    display: grid;
    grid-template-columns: minmax(0, 54fr) minmax(0, 46fr);
    column-gap: 0px;
}
#homePage .home-primary,
#homePage .home-sidebar {
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}
/* Align the first menu frame with the sidebar's first news frame. */
#homePage .home-primary > .art-Block:first-child {
    margin-top: 0;
}
#homePage #newsfeed {
    float: none;
    width: auto;
}

table#deep_stats td { border-bottom: 1px dotted rgb(68, 68, 68); padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
table#deep_stats td.col_2 { font-size: 0.9em; }

#statsBlock td { padding: 4px 20px 0px 0px; }

#profileInfo_block { height: 32em;}

table#main_menu { width: 100%; }
table#main_menu td {  padding-top: 5px; padding-bottom: 5px; }
table#main_menu td.col_0 { width: 30%; font-weight: bold; }
table#main_menu td.col_0 a { color: black; text-decoration: none; }
table#main_menu td.col_0 a:hover { color: black; text-decoration: underline; }

.job { padding-bottom: 10px; position: relative; margin-left: 5px; margin-bottom: 10px; border-bottom: solid 1px black; }
.job h1 { font-size: 1.2em; color: #472b2a; }
.job_info { float: left; width: 210px; margin-right: 10px;}
.job_payout { float: left; width: 140px; line-height: 20px; }
.job .mastery_box {  }
.job .art-button-wrapper { position: absolute; right: 0px; top: 0px; }
.job_requires { float: left; width: 103px; margin-left: 10px; line-height: 20px; }
.job_assets { float: left; width: 93px; margin-left: 10px; line-height: 34px; }
.job_required_asset { margin-left: 3px; font-variant: normal; text-align: center; font-size: 0.9em; }

.job_sub { margin-left: 10px; }
.job_sub h1 { font-size: 1.2em; color: #472b2a; }
.job_sub .job_info { width: 200px; margin-right: 10px;}
.job_bonus h1 { font-size: 1.4em; color: #472b2a; }
.job_bonus h2 { font-size: 1.2em; color: #472b2a; }
.job_locked { text-align: center; font-variant: small-caps; line-height: 20px; padding-top: 5px; background-image: url('lock_48.png'); background-repeat: no-repeat; }

table.overview { width: 100%; }
table.overview td.data { text-align: right; }

table.unlock { width: 700px; }
table.unlock td { border-bottom: 1px solid gray; padding-top: 0px; padding-bottom: 0px; font-size: 1em; text-align: left; }

.inventory_locked { text-align: center; font-size: large; font-variant: small-caps; line-height: 40px; padding-top: 5px; background-image: url('lock_48.png'); background-repeat: no-repeat; }
.inventory_box { width: 332px; height: 140px; position: relative; font-variant: small-caps; margin-left: 4px; margin-top: 10px; float: left; background-image: url('itembg.jpg'); }
.inventory_box div.item_image_box { width: 120px; text-align: center; height: 75px; padding: 8px 4px; position: absolute; top: 0px; left: 0px; }
.inventory_box img.item_image {}
.inventory_box .item_info { position: absolute; top: 0px; left: 130px; width: 186px; height: 90px; padding: 5px; }
.inventory_box .item_info { font-size: 1.1em;  font-weight: normal; color: #472b2a; }
.inventory_box h3 { font-size: 1.2em;  font-weight: bold; color: #472b2a; }

.inventory_box .details { font-variant: normal; font-family: Times New Roman; font-size: 1.2em; font-weight: bolder; color: #472b2a; }
.inventory_box .item_cost { position: absolute; width: 190px; top: 35px; left: 130px; text-align: right;}
.inventory_box .item_upkeep { position: absolute; width: 190px; top: 50px; left: 130px; text-align: right; }
.inventory_box .item_tag { position: absolute; top: 110px; left: 4px; width: 113px; background: rgb(148,138,115); padding: 3px; font-size: 0.75em; border: solid 1px black; }
.inventory_box .item_attack { position: absolute; top: 95px; left: 10px; }
.inventory_box .item_defense { position: absolute; top: 110px; left: 10px; }
.inventory_box .item_sell { position: absolute; top: 105px; left: 132px; }
.inventory_box .item_sell select { margin-top: 4px; float: left; }
.inventory_box .item_buy { position: absolute; top: 105px; left: 233px; }
.inventory_box .item_buy select { margin-top: 3px; float: left; }
.inventory_box .item_members { position: absolute; width: 190px; top: 68px; left: 130px; text-align: right; }
.inventory_box .item_owned { position: absolute; width: 190px; top: 85px; left: 130px; text-align: right; }

.inventory_wide_box { width: 674px; height: 140px; position: relative; font-variant: small-caps; margin-left: 1px; margin-top: 10px; float: left; background-image: url('itembgwide.jpg'); }
.inventory_wide_box div.item_image_box { width: 120px; text-align: center; height: 75px; padding: 8px 4px; position: absolute; top: 0px; left: 0px; }
.inventory_wide_box .item_info { position: absolute; top: 0px; left: 130px; padding: 5px; }
.item_info { font-size: 1.3em;  font-weight: bold; color: #472b2a; }
.inventory_wide_box .details { font-variant: normal; font-family: Times New Roman; font-size: 1.2em; font-weight: bolder; color: #472b2a; }
.inventory_wide_box .capacity { position: absolute; top: 45px; left: 150px; }
.inventory_wide_box .item_cost { position: absolute; top: 15px; right: 10px; }
.inventory_wide_box .item_upkeep { position: absolute; top: 32px; right: 10px; }
.inventory_wide_box .item_members { position: absolute; top: 52px; right: 10px; }
.inventory_wide_box .item_owned { position: absolute; top: 85px; right: 10px; }
.inventory_wide_box .item_attack { position: absolute; top: 95px; left: 10px; }
.inventory_wide_box .item_defense { position: absolute; top: 110px; left: 10px; }
.inventory_wide_box .item_sell { position: absolute; top: 105px; right: 112px; }
.inventory_wide_box .item_sell select { margin-top: 4px; float: left; }
.inventory_wide_box .item_buy { position: absolute; top: 105px; right: 10px; }
.inventory_wide_box .item_buy select { margin-top: 3px; float: left; }


.inventory_category { text-align: right; margin-top: 15px; font-size: 12px; font-weight: bold; }
.inventory_category h2 { float: left; margin-top: 0px; margin-left: 10px; padding: 0px; }
#inventory_tabset { margin-bottom: 10px; }
#incomeSummary { text-align: center; }

table#battle { width: 100%; }
table#offers { margin-left: 10px; width: 680px; }
table#offers td { font-size: 1.25em; padding-top: 10px; padding-bottom: 10px; }
table.bounties { width: 100%; }
table.bounties thead td { border-bottom: solid 1px gray; }
table.bounties td { padding-left: 4px; padding-bottom: 5px; font-size: 1.2em; }

table.fullwidth { width: 100%; }

img.percentImage { background: url(percentImage_back.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0;}

div#footer { padding: 1em 10px; color: rgb(102, 102, 102); font-size: 0.8em; text-align: center; position: relative; top: 36px; }
div#footer a { color: rgb(136, 136, 136); text-decoration: underline; }

.nag_errors, .nag_notes, .nag_successes { border: 2px solid rgb(221, 221, 221); padding: 0.8em; margin-bottom: 1em; }
.nag_errors h1, .nag_notes h1, .nag_successes h1 { font-size: 1.5em; }

.nag_notes { border-color: rgb(81, 71, 33);   }
.nag_notes p { font-size: 1.0em; line-height: normal; color:inherit; }
.nag_notes table { width: auto; }
.nag_notes table td { font-size:1.1em; }
.nag_notes a { color: rgb(81, 71, 33); text-decoration: underline; }
.nag_errors { border-color: #724334;  }
.nag_errors a { color: rgb(138, 31, 17); text-decoration: underline; }
.nag_successes { border-color: #7e8078;   }
.nag_successes a { color: rgb(38, 68, 9); text-decoration: underline; }
.nag_admin { border-color: #0000CC; background: rgb(0, 100, 100) none repeat scroll 0% 0%; color: #EEEEEE; }

.attacked { color: Red; }
.small { font-size: 0.9em; }
.tiny { font-size: 0.8em; }
.big { font-size: 1.25em; }
.textcentered { text-align: center; }
.bold { font-weight: bold; }
div.spacer { clear: both; }
.textright { text-align: right; }
.icon { margin-right: 5px; vertical-align: middle; }
.iconAsset { margin-right: 0.1em; vertical-align: middle; height: 32px; }
input.big { font-size: 1.25em; }

.fatTarget { cursor: pointer; }
.money { color: #2B6773; font-weight: bold; }
.neg_money { color: rgb(188, 0, 0); }
.sale { color: rgb(188, 0, 0); font-weight: bold; font-size: 0.8em; }
.strike { text-decoration: line-through; color: rgb(0, 100, 0); }
.strike .money { color: rgb(0, 100, 0);  }

div.condensed_multi_friend_selector { background-color: rgb(255, 255, 255); width: 237px; }
div.condensed_multi_friend_selector input { background-color: White; }

div.direct_link { border: 2px solid rgb(38, 68, 9); margin: 0pt auto; padding: 7px; background-color: rgb(230, 239, 194); font-weight: bold; color: rgb(38, 68, 9); }
div.direct_link input { font-size: 1em; width: 650px; margin: 5px; }
div.direct_link div { color: rgb(170, 0, 0); font-size: 0.9em; font-weight: normal; }

.Help_ContactForm dl { float:left; margin:0; }
.Help_ContactForm dt { float:left; font-weight:bold; margin:0; padding-bottom:8px; padding-right:8px; text-align:right; width:140px; }
dt { color:#808080; }
.Help_ContactForm dd { float:left; margin:0; padding-bottom:8px; width:350px; }
dd { color:#000000; }

.helpSection > h1 {margin-bottom: 5px;}
#helpfaq h3.ui-accordion-header { background: none repeat scroll 0 0 #BDA27C;}
#helpfaq h3.ui-accordion-header a {color: #000000;}

.battle_icons_box { width: 475px; }
.battle_icon_box { border: groove 1px rgb(76, 78, 76); margin-right: 5px; margin-top: 5px; }
.battle_icon_box img { margin: 5px; height: 40px; }
.battle_icon_box h1 { font-size: 1em; display: block; background-color: #d4d3c9; border-top: solid 1px black; }
.win { background-color: #B8B8BC; }
.lose { background-color: #BFB3B6; }

.profile_asset_box { border: solid 1px gray;}
.profile_asset_box img { margin: 5px; height: 75px; }
.profile_asset_box h1 { font-size: 1em; display: block; background-color: #938876; }
.profile_asset_box h2 { font-size: 1em; display: block; background-color: #938876; }

#privacyPage h2 { font-size: 1em; font-family: Helvetica,Arial,serif;  }
#privacyPage p { font-size: 0.8em; }

#tosPage h2 { font-size: 1em; font-family: Helvetica,Arial,serif;  }
#tosPage p { font-size: 0.8em; }
#tosPage ul li { font-size: 0.8em; list-style: disc outside none; }
#tosPage ul.checklist { font-size: 0.8em; list-style: none; }

.itembox { width: 300px; padding: 1px; margin-left: 16px; margin-bottom: 4px; position: relative; float: left; border: 1px solid #4C0900; } /* remember to set a width */
.itembox_content { width: 300px; position: relative; } /* Moves the Text above the transparency */
.itembox .transparent_overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: #ffc; opacity: 0.30; -moz-opacity: 0.30; filter:alpha(opacity=30); }
.itembox .imagebox { width: 128px; height: 75px;  text-align: center; padding: 4px; float: left; }
.itembox .imagebox_content { width: 128px; position: relative; } /* Moves the Text above the transparency */
.itembox .imagebox .transparent_overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 128px; background: #000; opacity: 0.20; -moz-opacity: 0.20; filter:alpha(opacity=20); }
.itembox h1 { font-size: 0.9em; }

#propertiesPage h2 { margin-top: 10px; }
#propertiesPage table th.header { border-bottom: solid 1px grey; text-align: center; }
#bases_summary { border-top: solid 1px grey; padding-top: 10px; }
#bases_summary table { margin: auto; }
#bases_summary h3 { margin: 5px 0px 5px 80px; }
#bases_summary td { font-size: 1em; padding: 2px 20px; }
#incomeSummary {margin-top: 10px; }

#clanInfo { width: 350px; float: left; }
#clanInfo img.logo { width: 100px; float: left; }
.clanInfoBlock { width: 205px; height: 100px; position: relative; float: left; margin-left: 5px; }
.clanInfoBlock_content { position: relative; } /* Moves the Text above the transparency */
.clanInfoBlock .transparent_overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 205px; height: 100px; background: #777; opacity: 0.20; -moz-opacity: 0.20; filter:alpha(opacity=20); }
.clanInfoBlock h1 { font-size: 1.1em; background: #A49a83; color: #F0F0F0; background: #2B6773; font-weight: bold; padding: 2px; border-top: solid 1px black; border-bottom: solid 1px black; text-align: center; margin-bottom: 5px; }
.clanInfoBlock h2 { font-size: 1.0em; margin: 2px 0px 0px 5px; }
#clanWall { width: 500px; float: left; }

body
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #3D4F52;
}

/* Keep the web banner, game frame, and admin panel in one centered column. */
html.armies2_web {
  background: #cab99f url('Page-BgTexture.jpg') repeat-x scroll top center;
}

body.armies2_web {
  width: 744px;
  margin: 0 auto;
  background: transparent;
}

body.armies2_iframe {
  overflow: hidden;
  margin: 0px auto;
  width: 744px;
  padding: 0;
  background-color: #cab99f;
  background-image: url('Page-BgTexture.jpg');
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: top center;
}

div#main { position: relative; }
#spinner { left: 50%; transform: translateX(-50%); }

h1,h2,h3,h4,h5,h6 { color: #1D464E;}
a { color: #2B6773; text-decoration:underline; }
a:hover {color: #09BDDC;}

.nag_notes, .nag_errors, .nag_successes { color: #3D4F52; background-color: #E4ECEC; margin-left: 15px; margin-right: 15px;}
.nag_notes table td { color: #3D4F52; font-size:1.1em; }
.nag_errors table td { color: #3D4F52; font-size:1.1em; }
.nag_successes table td { color: #3D4F52; font-size:1.1em; }

table#jobs_table { width: 100%;}
table.items { width: 100%; }

#socialbar { width: 740px; height: 30px; background-color: #988d79; border: 0px solid black; padding: 2px 2px 2px 4px; }
#socialbar button {border-width: 2px; border-color: #F0F0F0; border-style: outset; background-color: #ECEEF5; margin: 0; padding: 4px 4px; cursor: pointer; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px;}

#profile_header { margin-top: 8px; padding-bottom: 4px; border-bottom: 2px solid #1d464e; }
#profile_header_buttons {}
#profile_header_buttons form { display: inline; }

#challenge_header { margin-top: 8px; padding-bottom: 4px; border-bottom: 2px solid #1d464e; }
#challenge_header_buttons {}
#challenge_header_buttons form { display: inline; }

#main .connect_widget { display: none; }
#main .comment_body { background-color: #E0E2E0; margin: 8px; padding: 10px; border: solid 1px #4B0900; }
.like { display: none; }

#challengeProgressBar .ui-widget-header {border: black 0px solid; background: url("red_bar.png") repeat-x scroll top left;}
.ui-widget-content#challengeProgressBar {border: black 0px solid; background: transparent repeat-x scroll top left;}

.userlabel { padding: 0px; margin-top: 0px; margin-left: 2px; font-size: 0.8em; font-style: italic; }

.scoreboardWidget { width: 347px; border: 0px solid #4C0900; padding-bottom: 14px;}
.scoreboardWidget .userlink { font-size: 1.1em; }
.scoreboardWidget_right input { width: 70px; }
.battleWidget { width: 396px; float: left; margin-left: 11px; margin-top: 5px; margin-right: 9px; background-color: #E4ECEC; border: 2px solid #4C0900; border-radius: 5px; }
#battleWidgetFilter { width: 290px; padding-top: 10px; }
#battleWidgetFilter .pager { color: black; }
#battleWidgetFilter .pager a { color: black; }
/**********/

/* begin BlockHeader */
.art2-BlockHeader
{
    position:relative;
    top: -6px;
    left: -6px;
    z-index:0;
    height: 30px;
    padding: 0 10px;
    margin-bottom: 7px;
}

.art2-BlockHeader .t
{
    height: 30px;
    color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    white-space : nowrap;
    padding: 0 6px;
    line-height: 30px;
}

.art2-BlockHeader .l, .art2-BlockHeader .r
{
    display:block;
    position:absolute;
    z-index:-1;
    height: 30px;
    background-image: url('BlockHeader_fb.png');
}

.art2-BlockHeader .l
{
    left:0;
    right:0px;
}

.art2-BlockHeader .r
{
    width:1014px;
    right:-10px;
    clip: rect(auto, auto, auto, 999px);
}

.art-header-tag-icon
{
    display:inline-block;
    background-position:left top;
    background-image: url('BlockHeaderIcon_fb.png');
    padding:0 0 0 12px;
    background-repeat: no-repeat;
    min-height: 12px;
    margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, Block */
.art2-Block
{
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:17px;
    min-height:17px;
}

.art2-Block-body
{
    position: relative;
    z-index:1;
    padding: 7px;
}

.art2-Block-tr, .art2-Block-tl, .art2-Block-br, .art2-Block-bl, .art2-Block-tc, .art2-Block-bc,.art2-Block-cr, .art2-Block-cl
{
    position:absolute;
    z-index:-1;
}

.art2-Block-tr, .art2-Block-tl, .art2-Block-br, .art2-Block-bl
{
    width: 16px;
    height: 16px;
    background-image: url('Block-s_fb16.png');
}

.art2-Block-tl
{
    top:0;
    left:0;
    clip: rect(auto, 8px, 8px, auto);
}

.art2-Block-tr
{
    top: 0;
    right: 0;
    clip: rect(auto, auto, 8px, 8px);
}

.art2-Block-bl
{
    bottom: 0;
    left: 0;
    clip: rect(8px, 8px, auto, auto);
}

.art2-Block-br
{
    bottom: 0;
    right: 0;
    clip: rect(8px, auto, auto, 8px);
}

.art2-Block-tc, .art2-Block-bc
{
    left: 8px;
    right: 8px;
    height: 16px;
    background-image: url('Block-h_fb16.png');
}

.art2-Block-tc
{
    top: 0;
    clip: rect(auto, auto, 8px, auto);
}

.art2-Block-bc
{
    bottom: 0;
    clip: rect(8px, auto, auto, auto);
}

.art2-Block-cr, .art2-Block-cl
{
    top: 8px;
    bottom: 8px;
    width: 16px;
    background-image: url('Block-v_fb16.png');
}

.art2-Block-cr
{
    right:0;
    clip: rect(auto, auto, auto, 8px);
}

.art2-Block-cl
{
    left:0;
    clip: rect(auto, 8px, auto, auto);
}

.art2-Block-cc
{
    position:absolute;
    z-index:-1;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    background-image: url('block_center_fb.jpg');
}


.art2-Block
{
    margin: 7px 7px 0px 7px;
}

/* begin Box, BlockContent */
.art2-BlockContent
{
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:1px;
    min-height:1px;
}

.art2-BlockContent-body
{
    position: relative;
    z-index:1;
    padding: 0px 12px 12px 12px;
}



.art2-BlockContent-body
{
    color:#3B4C4F;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.art2-BlockContent-body a:link
{
    color: #2A636F;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art2-BlockContent-body a:visited, .art2-BlockContent-body a.visited
{
    color: #6F9095;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art2-BlockContent-body a:hover, .art2-BlockContent-body a.hover
{
    color: #09BDDC;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

.art2-BlockContent-body ul
{
    list-style-type: none;
    color: #4A6064;
    margin:0;
    padding:0;
}

.art2-BlockContent-body li
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
}

.art2-BlockContent-body ul li
{
    padding:0px 0 0px 13px;
    background-image: none; /* url('BlockContentBullets_fb.png'); */
    background-repeat:no-repeat;
    margin:0.5em 0 0.5em 0;
    line-height:1.2em;
}


/* start navigation menu */

.art-menu
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
    min-height: 0;
    position:relative;
    top: -2px;
    padding: 6px 6px 6px 6px;
}

div#nav .art-menu { margin: 0 0 0 2.5em;}

.art-menu li
{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    background:none;
}

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
    text-align:left;
    text-decoration:none;
    outline:none;
    letter-spacing:normal;
    word-spacing:normal;
}

.art-menu a
{
    position:relative;
    display: block;
    overflow:hidden;
    height: 29px;
    cursor: pointer;
    text-decoration: none;
    margin-right: 2px;
    margin-left: 2px;
}

.art-menu a .r, .art-menu a .l
{
    position:absolute;
    display: block;
    top:0;
    z-index:-1;
    height: 87px;
    background-image: url('MenuItem_fb.png');
}

.art-menu a .l
{
    left:0;
    right:4px;
}

.art-menu a .r
{
    width:408px;
    right:0;
    clip: rect(auto, auto, auto, 404px);
}

.art-menu a .t
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #D8E4E3;
    padding: 0 7px;
    margin: 0 4px;
    line-height: 29px;
    text-align: center;
}

.tabset .art-menu a .t
{
  margin: 0;
  padding: 0 10px;
}

/*
// Comment out hover state
.art-menu a:hover .l, .art-menu a:hover .r
{
    top:-29px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
    top:-29px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
    top:-29px;
}
*/
.art-menu a:hover .t
{
    color: #EFF505;
    text-decoration: underline;
}

.art-menu li:hover a .t
{
    color: #EAF0F0;
}

.art-menu li:hover>a .t
{
    color: #EAF0F0;
}


.art-menu a.active .l, .art-menu a.active .r, .art-menu a.selected .l, .art-menu a.selected .r
{
    top: -58px;
}

.art-menu a.active .t, .art-menu a.selected .t
{
    color: #D8E4E3;
}

/* end navigation menu */

/* begin BlockHeader */
.art-BlockHeader
{
    position:relative;
    z-index:0;
    height: 30px;
    padding: 0 10px;
    margin-bottom: 7px;
}

.art-BlockHeader .t
{
    height: 30px;
    color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    white-space : nowrap;
    padding: 0 6px;
    line-height: 30px;
}

.art-BlockHeader .l, .art-BlockHeader .r
{
    display:block;
    position:absolute;
    z-index:-1;
    height: 30px;
    background-image: url('BlockHeader_fb.png');
}

.art-BlockHeader .l
{
    left:0;
    right:15px;
}

.art-BlockHeader .r
{
    width:1014px;
    right:0;
    clip: rect(auto, auto, auto, 999px);
}

.art-header-tag-icon
{
    display:inline-block;
    background-position:left top;
    background-image: url('BlockHeaderIcon_fb.png');
    padding:0 0 0 12px;
    background-repeat: no-repeat;
    min-height: 12px;
    margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, Block */
.art-Block
{
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:33px;
    min-height:33px;
}

.art-Block-body
{
    position: relative;
    z-index:1;
    padding: 7px;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
    position:absolute;
    z-index:-1;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
    width: 32px;
    height: 32px;
    background-image: url('Block-s_fb.png');
}

.art-Block-tl
{
    top:0;
    left:0;
    clip: rect(auto, 16px, 16px, auto);
}

.art-Block-tr
{
    top: 0;
    right: 0;
    clip: rect(auto, auto, 16px, 16px);
}

.art-Block-bl
{
    bottom: 0;
    left: 0;
    clip: rect(16px, 16px, auto, auto);
}

.art-Block-br
{
    bottom: 0;
    right: 0;
    clip: rect(16px, auto, auto, 16px);
}

.art-Block-tc, .art-Block-bc
{
    left: 16px;
    right: 16px;
    height: 32px;
    background-image: url('Block-h_fb.png');
}

.art-Block-tc
{
    top: 0;
    clip: rect(auto, auto, 16px, auto);
}

.art-Block-bc
{
    bottom: 0;
    clip: rect(16px, auto, auto, auto);
}

.art-Block-cr, .art-Block-cl
{
    top: 16px;
    bottom: 16px;
    width: 32px;
    background-image: url('Block-v_fb.png');
}

.art-Block-cr
{
    right:0;
    clip: rect(auto, auto, auto, 16px);
}

.art-Block-cl
{
    left:0;
    clip: rect(auto, 16px, auto, auto);
}

.art-Block-cc
{
    position:absolute;
    z-index:-1;
    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 16px;
    background-image: url('block_center_fb.jpg');
}


.art-Block
{
    margin: 7px 7px 0px 7px;
}

/* begin Box, BlockContent */
.art-BlockContent
{
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:1px;
    min-height:1px;
}

.forumContentBlock .art-BlockContent
{
    background-color: #F4F1EC;
    margin: 0 6px;
}

.forumContentBlock .art-BlockContent-body
{
    padding-top: 7px;
}

.art-BlockContent-body
{
    position: relative;
    z-index:1;
    padding: 0px 12px 12px 12px;
}



.art-BlockContent-body
{
    color:#3B4C4F;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.art-BlockContent-body a:link
{
    color: #2A636F;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
    color: #6F9095;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
    color: #09BDDC;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

.art-BlockContent-body ul
{
    list-style-type: none;
    color: #4A6064;
    margin:0;
    padding:0;
}

.art-BlockContent-body li
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
}

.art-BlockContent-body ul li
{
    padding:0px 0 0px 13px;
    background-image: none; /* url('BlockContentBullets_fb.png');*/
    background-repeat:no-repeat;
    margin:0.5em 0 0.5em 0;
    line-height:1.2em;
}

/* begin Info (Post) block */
.art-Post
{
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:15px;
    min-height:15px;
}

.art-Post-body
{
    position: relative;
    z-index:1;
    padding: 12px;
}

.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
{
    position:absolute;
    z-index:-1;
}

.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
{
    width: 14px;
    height: 14px;
    background-image: url('Post-s_fb.png');
}

.art-Post-tl
{
    top:0;
    left:0;
    clip: rect(auto, 7px, 7px, auto);
}

.art-Post-tr
{
    top: 0;
    right: 0;
    clip: rect(auto, auto, 7px, 7px);
}

.art-Post-bl
{
    bottom: 0;
    left: 0;
    clip: rect(7px, 7px, auto, auto);
}

.art-Post-br
{
    bottom: 0;
    right: 0;
    clip: rect(7px, auto, auto, 7px);
}

.art-Post-tc, .art-Post-bc
{
    left: 7px;
    right: 7px;
    height: 14px;
    background-image: url('Post-h_fb.png');
}

.art-Post-tc
{
    top: 0;
    clip: rect(auto, auto, 7px, auto);
}

.art-Post-bc
{
    bottom: 0;
    clip: rect(7px, auto, auto, auto);
}

.art-Post-cr, .art-Post-cl
{
    top: 7px;
    bottom: 7px;
    width: 14px;
    background-image: url('Post-v_fb.png');
}

.art-Post-cr
{
    right:0;
    clip: rect(auto, auto, auto, 7px);
}

.art-Post-cl
{
    left:0;
    clip: rect(auto, 7px, auto, auto);
}

.art-Post-cc
{
    position:absolute;
    z-index:-1;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    background-color: #E4ECEC;
}


.art-Post
{
    margin: 10px 10px 0px 10px;
}

/* Start images */
a img
{
    border: 0;
}

.art-article img, img.art-article
{
    border: solid 1px #C1CFD1;
    margin: 1em;
}

.art-metadata-icons img
{
    border: none;
    vertical-align: middle;
    margin:2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
    border-collapse: collapse;
    margin: 1px;
    width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
    background-color:Transparent;
}

.art-article th, .art-article td
{
    padding: 2px;
    border: solid 1px #7B999D;
    vertical-align: top;
    text-align:left;
}

.art-article th
{
    text-align:center;
    vertical-align:middle;
    padding: 7px;
}

/* Finish tables */
/* end Box, Post */

/* begin PostHeaderIcon */
.art-PostHeaderIcon-wrapper
{
    text-decoration:none;
    margin: 0.2em 0;
    padding: 0;
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #1D464E;
}

.art-PostHeaderIcon-wrapper, .art-PostHeaderIcon-wrapper a, .art-PostHeaderIcon-wrapper a:link, .art-PostHeaderIcon-wrapper a:visited, .art-PostHeaderIcon-wrapper a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #1D464E;
}

.art-PostHeaderIcon-wrapper img
{
    border:none;
    vertical-align: middle;
    margin:0;
}
/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #245660;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #4C6367;
}

.art-PostHeader a:hover, .art-PostHeader a.hovered
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #09BDDC;
}
/* end PostHeader */

/* begin PostMetadata */
.art-PostMetadataHeader
{
    padding:1px;
    background-color: #b7b19e;
    border-color: #C1CFD1;
    border-style: solid;
    border-width: 1px;
}
/* end PostMetadata */

/* begin PostIcons */
.art-PostHeaderIcons
{
    padding:1px;
}

.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #1A2223;
}

.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
    margin:0;
}

.art-PostHeaderIcons a:link
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #3D5756;
}

.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #3D5756;
}

.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #14191A;
}
/* end PostIcons */

/* begin PostContent */
/* Content Text Font & Color (Default) */


.art-PostContent
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: justify;
  color: #3D4F52;
}

/* begin Button */
.art-button-wrapper .art-button
{
    display:inline-block;
    width: auto;
    outline:none;
    border:none;
    background:none;
    line-height:34px;
    margin:0 !important;
    padding:0 !important;
    overflow: visible;
    cursor: default;
    text-decoration: none !important;
    z-index:0;
}

.art-button-wrapper
{
    display:inline-block;
    position:relative;
    height: 34px;
    overflow:hidden;
    white-space: nowrap;
    width: auto;
    z-index:0;
}

.art-button-wrapper .art-button
{
    display:block;
    height: 34px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    padding: 0 10px !important;
    line-height: 34px;
    text-decoration: none !important;
    color: #E7EEEE !important;
}

input, select
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
    color: #2B393B !important;
    text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
    color: #E1F1F4 !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
    display:block;
    position:absolute;
    z-index:-1;
    height: 102px;
    background-image: url('Button_fb.png');
}

.art-button-wrapper .l
{
    left:0;
    right:11px;
}

.art-button-wrapper .r
{
    width:411px;
    right:0;
    clip: rect(auto, auto, auto, 400px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
    top: -34px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
    top: -68px;
}


/* end Button */

.art-nav-tabset
{
    position: relative;
    height: 41px;
    z-index: 100;
  width: 726px;
  top: 14px;
  margin-left: 7px;
  margin-top: 15px;
}

.art-Block .art-nav-tabset
{
  margin-left: 0px;
  margin-top: 0px;
  top: 7px;
  left: 6px;
  width: 686px;
}


.art-nav-tabset > .l, .art-nav-tabset > .r
{
    position: absolute;
    z-index: -1;
    top: 0;
    height: 41px;
    background: url('nav_tab_fb.png') no-repeat top left;
}

.art-nav-tabset > .l
{
    left: 0;
    right:15px;
}

.art-nav-tabset > .r
{
    right: 0;
    width: 1000px;
    clip: rect(auto, auto, auto, 979px);
}

.art-nav-tabset .art-menu
{
  top: -4px;
}

/******** IE7 overrides **************/
/* begin Box, Sheet */

.art-Sheet-tl
{
    clip: rect(auto 18px 18px auto);
}

.art-Sheet-tr
{
    clip: rect(auto auto 18px 18px);
}

.art-Sheet-bl
{
    clip: rect(18px 18px auto auto);
}

.art-Sheet-br
{
    clip: rect(18px auto auto 18px);
}

.art-Sheet-tc
{
    clip: rect(auto auto 18px auto);
}

.art-Sheet-bc
{
    clip: rect(18px auto auto auto);
}

.art-Sheet-cr
{
    clip: rect(auto auto auto 18px);
}

.art-Sheet-cl
{
    clip: rect(auto 18px auto auto);
}
/* end Box, Sheet */

/* begin Menu */
.art-nav-tabset .r
{	clip: rect(auto auto auto 979px);
}
/* end Menu */

/* begin MenuItem */
.art-menu a .r
{
    clip: rect(auto auto auto 404px);
}
/* end MenuItem */

/* begin Box, Block */
.art-Block-tl
{
    clip: rect(auto 16px 16px auto);
}

.art-Block-tr
{
    clip: rect(auto auto 16px 16px);
}

.art-Block-bl
{
    clip: rect(16px 16px auto auto);
}

.art-Block-br
{
    clip: rect(16px auto auto 16px);
}

.art-Block-tc
{
    clip: rect(auto auto 16px auto);
}

.art-Block-bc
{
    clip: rect(16px auto auto auto);
}

.art-Block-cr
{
    clip: rect(auto auto auto 16px);
}

.art-Block-cl
{
    clip: rect(auto 16px auto auto);
}
/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader .r
{
    clip: rect(auto auto auto 999px);
}
/* end BlockHeader */

/* begin Box, Post */
.art-Post-tl
{
    clip: rect(auto 7px 7px auto);
}

.art-Post-tr
{
    clip: rect(auto auto 7px 7px);
}

.art-Post-bl
{
    clip: rect(7px 7px auto auto);
}

.art-Post-br
{
    clip: rect(7px auto auto 7px);
}

.art-Post-tc
{
    clip: rect(auto auto 7px auto);
}

.art-Post-bc
{
    clip: rect(7px auto auto auto);
}

.art-Post-cr
{
    clip: rect(auto auto auto 7px);
}

.art-Post-cl
{
    clip: rect(auto 7px auto auto);
}
/* end Box, Post */

/* begin PostContent */
.art-PostContent
{
    height:1%;
}
/* end PostContent */

/* begin Button */
.art-button-wrapper .r
{
    clip: rect(auto auto auto 400px);
}
/* end Button */

.scoreboard_button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
}

.scoreboard_button:hover {
    background-position: 0 -48px;
}
.scoreboard_button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
}

.scoreboard_button.red { background-color: #e50000; }
.scoreboard_button.purple { background-color: #9400bf; }
.scoreboard_button.green { background-color: #58aa00; }
.scoreboard_button.orange { background-color: #ff9c00; }
.scoreboard_button.blue { background-color: #2c6da0; }
.scoreboard_button.black { background-color: #333; }
.scoreboard_button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.scoreboard_button.small { font-size: 75%; padding: 3px 7px; }
.scoreboard_button.small:hover { background-position: 0 -50px; }
.scoreboard_button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.scoreboard_button.large { font-size: 125%; padding: 7px 12px; }
.scoreboard_button.large:hover { background-position: 0 -35px; }
.scoreboard_button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

form.grid {
    display: grid;
    grid-template-columns: 75px 1fr;
    grid-gap: 16px;
    width: 50%;
    margin: 50px auto;
}

form.grid label {
    grid-column: 1;
}

form.grid input
{
    grid-column: 2;
}

#loginPage .forgotPassword
{
    text-align: right;
    grid-column: 2;
}

#loginPage form.grid {
    margin-bottom: 28px;
}

#loginPage .signup-preview-link {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 20px 24px;
    color: #4d4228;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
}

#loginPage .signup-preview-link a {
    font-size: 12px;
}

#loginPage form.grid .art-button-wrapper {
    grid-column: 2;
    justify-self: start;
}

#loginPage form.grid .art-button {
    cursor: pointer;
}

section.profile-settings {
    margin-bottom: 1rem;
    display: grid;
    text-align: left;
    grid-template-columns: 2fr 5fr;
    grid-auto-flow: row;
    grid-gap: .8rem;
    padding: 1rem;
    width: 658px !important;
    box-sizing: border-box;
}

section.profile-settings input {
    width: 300px;
}

section.profile-settings > label {
    align-self: start;
}

section.profile-settings p.not-verified {
    text-align: center;
    font-style: italic;
    width: 300px;
}

section.profile-settings p.profile-settings-status {
    font-weight: bold;
}

.profile-settings-check {
    display: inline-block;
    margin-left: .4rem;
    color: #176b2c;
    font-size: 1.1em;
    line-height: 1;
}

.profile-settings-resend,
.profile-settings-actions form {
    margin: 0;
}

.profile-settings-resend input {
    width: auto !important;
}

.profile-settings-actions input {
    width: auto;
}

.profile-settings-actions {
    grid-column: 1 / -1;
    padding-top: .2rem;
    text-align: center;
}

.facebook-profile-settings {
    min-width: 0;
}

.facebook-profile-settings > :first-child {
    margin-top: 0;
}

.facebook-profile-link {
    display: flex;
    align-items: flex-start;
    margin: 0;
}

.facebook-profile-link input {
    margin: 0;
}

.facebook-profile-password-form label,
.facebook-profile-password-form input[type="password"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

.facebook-profile-password-form label {
    margin-bottom: .4rem;
}

.facebook-profile-preview {
    display: flex;
    gap: .8rem;
    align-items: center;
}

.facebook-profile-preview img {
    flex: 0 0 60px;
    object-fit: cover;
}

.facebook-profile-linked-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem;
}

.facebook-profile-linked-row p,
.facebook-profile-linked-row input {
    margin: 0;
}

.facebook-profile-settings label,
.facebook-profile-settings input {
    display: block;
    margin-bottom: .4rem;
}

.facebook-profile-settings button,
.facebook-profile-settings input[type="submit"] {
    width: auto;
    max-width: 100%;
}

.facebook-profile-notice-error { color: #9d1111; }
.facebook-profile-notice-success { color: #176b2c; }
/* Standalone registration spacing and Armed Forces palette. */
#registerPage .signup-preview {
    padding: 4px 12px 12px;
}

#registerPage .signup-preview > p {
    margin: 0 0 10px;
    line-height: 1.4;
}

#registerPage .signup-preview-panel {
    margin: 12px 0;
    padding: 12px 16px;
    border: 1px solid #787D1A;
    background: #F1EBD9;
}

#registerPage .signup-preview-panel h2 {
    margin: 0;
    padding-bottom: 6px;
    color: #3B4C4F;
    border-bottom: 1px solid #787D1A;
}

#registerPage .signup-preview-panel fieldset {
    padding-top: 12px;
    gap: 8px 12px;
}

#registerPage .signup-preview-terms {
    margin: 14px 0;
}

#registerPage .signup-preview-login {
    margin: 14px 0 0;
}

#registerPage .signup-preview-actions .art-button {
    cursor: pointer;
}

#verifyEmailPendingPage .email-verification-pending,
#verifyEmailPage .email-verification-confirmation {
    max-width: 620px;
    margin: 0 auto;
    padding: 4px 12px 12px;
}

#verifyEmailPendingPage .email-verification-edit form {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

#verifyEmailPendingPage .email-verification-edit input[type="email"] {
    width: 100%;
}

#verifyEmailPendingPage .email-verification-edit .art-button-wrapper {
    grid-column: 2;
    justify-self: start;
}

@media (max-width: 540px) {
    #verifyEmailPendingPage .email-verification-edit form {
        grid-template-columns: 1fr;
    }

    #verifyEmailPendingPage .email-verification-edit .art-button-wrapper {
        grid-column: 1;
    }
}

/* Returning-player sign in */
.armed-forces-login .facebook-login-prompt { color: #4d4228; font-family: inherit; font-size: 14px; font-weight: bold; }
.armed-forces-login .facebook-login-button { background: #e8d9af; color: #343c24 !important; border-color: #b2a365; }
.armed-forces-login .facebook-login-button:hover { background: #fff0c6; text-decoration: none !important; }