h1, h2, h3, h4, h5, h6 { color: rgb(40, 40, 40); 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; }
p { font-size: 1.1em; font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; color: rgb(0, 0, 0); }
a { color: #d4d3c9; }
img { -ms-interpolation-mode:bicubic; }
label  { cursor: pointer; color: rgb(75, 9,0); font-weight: bold; vertical-align: middle; }

#mainContentArea { background-color: #a8aa9c; border-image: url(armies-border-image.png) 26 20 21 24 round; border-width: 26px 20px 21px 24px; border-style: solid;  margin: 0px 5px 10px 5px; font-size: 1.1em; }
#mainContentArea a { color: #5B0900; text-decoration: normal; font-weight: bold; }
#mainContentArea a:hover { text-decoration: underline; font-weight: bold; }

.contentBlock h1 { border-bottom: 2px solid rgb(75, 9, 0); padding-bottom: 0.25em; margin-bottom: 0.25em; color: rgb(75, 9, 0); font-family: Courier New, Monospace; }

table td { font-size: 1.1em; }

#spinner {border: black 1px solid; background: #FFFFFF; display: none; text-align: center; font-size: 20px; position: fixed; width: 100px; top: 250px; left: 330px; z-index: 1000;}

div#main { border: 1px solid rgb(68, 68, 68); background: rgb(76, 78, 76) url('digitalcamo.png') repeat scroll left top; color: rgb(0,0,0); font-family: Helvetica,Arial,sans-serif; width: 744px; }
div#header { background: transparent url('header.png') no-repeat scroll left top; height: 75px; }
div#header td { padding-right: 5px; vertical-align: top; text-align: right; height: 50px; font-size: 1.25em; }
#name {color: #d4d3c9;}
.web { margin: auto; }

#stats { position: relative; width: 734px; height: 56px; margin-left: 6px; margin-right: 6px; border-top: 1px solid rgb(67, 64, 21); padding: 0px; color: #FFFFFF; background-color: rgb(34, 34, 34); border-bottom: solid 1px #777777; }
.stats_box { float: left; width: 121px; text-align: center; margin-top: 6px; font-size: 1.1em;}
.stats_box .timer { color: rgb(200, 200, 100); font-size: 0.8em; font-weight: lighter; text-align: center; }
#stats_money { width: 128px; }
#stats_money .money { color: #00F000; }
#stats a.important { color: #FFFF00; background: inherit; font-size: 0.8em; padding: 0px; text-decoration: underline; }

#stats span#bankLink a, #stats span#hospitalLink a{color: #DDDDDD;}
#stats #bankLink {float: right;}
#stats #bankLink, #stats #hospitalLink {margin-left: 5px; color: #DDDDDD;}

div#nav { font-size: 1.25em; margin-left: 6px; margin-right: 6px; }
div#nav table { width: 734px; border-left: solid 1pt rgb(66, 66, 66); border-right: solid 1pt rgb(66, 66, 66); }
div#nav table td { background: rgb(78, 78, 77); border: 1px solid rgb(67, 64, 21); padding: 4px; text-align: center; filter:alpha(opacity=40); opacity:0.4; }
div#nav table td.selected { background: rgb(125, 127, 121); border: 0px solid rgb(67, 64, 21); padding: 2px; text-align: center; filter:alpha(opacity=100); opacity:1.0; }
div#nav a { color: #d4d3c9; font-family: Helvetica,Arial,sans-serif;  font-size: 0.8em; font-weight:bold; text-decoration: none; filter:alpha(opacity=100); opacity:1.0; }
div#nav a:hover { text-decoration: underline; }

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

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; }

table#jobs_table { width: 100%; }
table#jobs_table tr.row_0 td { font-size: 1.25em; font-weight: bold; }
table#jobs_table td { border-bottom: 1px solid rgb(68, 68, 68); padding-bottom: 5px; line-height: 1.5em; }
table#jobs_table td.col_3 img {  }

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

table.unlock td { border-bottom: 1px solid rgb(68, 68, 68); padding-top: 0px; padding-bottom: 0px; font-size: 1em; text-align: left; }

table.items { width: 100%; }
table.items td { border-bottom: 1px solid rgb(68, 68, 68); padding-top: 0px; padding-bottom: 0px; font-size: 1em; text-align: left; }
table.items td.col_0 { width: 120px; height: 75px; }
table.items td.col_0 img { height: 75px; }
table.items td.col_1 { width: 20%; }
table.items td.col_2, table.items td.col_3 { width: 14%; }
table.items td.col_4, table.items td.col_5, table.items td.col_6 { width: 12%; }

#hitlistPage h2.section { margin-top: 10px; }
table.bounties { width: 700px; }
table#battle { width: 100%; }
table#offers { margin-left: 30px; width: 670px; }
table#offers td { font-size: 1.25em; padding-top: 10px; padding-bottom: 10px; }
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;}

#footer { margin-top: 1em; color: #666666; font-size: 0.9em; text-align: center; }
#footer a { color: #888888; 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); background: rgb(255, 241, 212) none repeat scroll 0% 0%; color: rgb(81, 71, 33); }
.nag_notes p { font-size: 1.0em; line-height: normal; color:inherit; }
.nag_notes table { width: auto; }
.nag_notes a { color: rgb(81, 71, 33); text-decoration: underline; }
.nag_errors { border-color: #724334; background: #CFC3C6 none repeat scroll 0% 0%; color: #000000; }
.nag_errors a { color: rgb(138, 31, 17); text-decoration: underline; }
.nag_successes { border-color: #7e8078; background: #d3d4c7 none repeat scroll 0% 0%; color: rgb(0, 0, 0); }
.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; }
.section { border-bottom: 2px solid rgb(75, 9, 0); padding-bottom: 0.25em; margin-bottom: 0.25em; color: rgb(75, 9, 0); font-family: Courier New, Monospace; }
.bold { font-weight: bold; }
div.spacer { clear: both; }
.textright { text-align: right; }
.icon { border: 0pt none rgb(255, 255, 255); margin-right: 0.1em; vertical-align: middle; }
.iconAsset { margin-right: 0.1em; vertical-align: middle; height: 32px; }
input.big { font-size: 1.25em; }

.userlabel { position:relative; top:-2px; padding: 0px; margin-top: 0px; margin-left: 5px; font-size: 0.7em; font-style: italic; }

.fatTarget { cursor: pointer; }
.money { color: rgb(0, 100, 10); }
.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; }

.formLayout { background-color: #f3f3f3; border: solid 1px #a1a1a1; padding: 10px; }
.formLayout label, .formLayout input .formLayout select { display: block; float: left; margin-bottom: 10px; }
.formLayout label { text-align: right; padding-right: 20px; width: 160px; }
.formLayout br { clear: left; }
label.checkbox { color: #333; }
label.checkbox a { color: #5B0900; text-decoration: normal; font-weight: bold; }

.formRadio label { color: Black; }

#inventory_tabset { margin-bottom: 10px; font-variant: small-caps; }
#profile_tabset li a { color: #EEEEEE; }

#invitePage { padding-left: 20px; padding-top: 5px; }

.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: #B8BAAC; }
.lose { background-color: #BFB3B6; }

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

#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 li { font-size: 0.8em; list-style: none; }

#profile_header { border-bottom: 2px solid rgb(75, 9, 0); padding-bottom: 0.25em; margin-bottom: 0.25em; color: rgb(75, 9, 0); font-family: Courier New, Monospace; }
#profile_header_buttons {}
#profile_header_buttons form { display: inline; }
#profile_header h1,h2 { font-family: Courier New, Monospace; color: rgb(75, 9, 0); }
#profile_header h1 { font-size: 1.5em; }
#profile_header h2 {  font-size: 1.2em; }
#profile_header h3 {  font-size: 1em; }

#bountyPage #info { width: 340px; float: left; margin-bottom: 10px; }
#bountyPage #comments { width: 700px; clear: both; }
#bountyPage #timeline { width: 330px; float: right; margin-bottom: 10px; }

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

#socialbar { width: 738px; height: 30px; padding: 4px 4px 4px 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;}

.specialItems { margin-top: 20px; }
.specialItem .numOwned { font-size: inherit; }
.specialItem .buttons { margin-top: 10px; }
.specialItem { min-width: 100px; }

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;
}

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;
}

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

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

section.profile-settings p.not-verified input {
    width: 200px;
    margin-top: 10px;
}

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