 * {margin: 0; padding: 0; outline: none; font-weight: normal; font-style: inherit; font-family: inherit; vertical-align: bottom}
body {font-size: 80%;  text-align: center;  }
h1, h2 ,h3, h4, h5, h6, pre, code, p, a, table, code, kbd, samp, pre, tt, var, blockquote, q, abbr, acronym, form, select, isindex, listing, xmp, plaintext, address, sup, sub, caption, del, strong, span, textarea, input {font-size: 1em}
abbr {border: 0}
fieldset {border: 0}
textarea, input {vertical-align: top; text-align: left}
textarea {overflow: auto}
input {width: auto; max-width: auto; overflow: visible}
input[type=submit] {cursor: pointer}
 table {border-collapse: collapse; border-spacing: 0; empty-cells: show}
caption, tr, th, td {text-align: left}
  ul, ol, dir, menu {list-style-type: none}
a {text-decoration: none}
a img {border: 0}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
address {font-style: normal}
del {text-decoration: line-through}
strong {font-weight: bold}
  .site-container {width: 984px; margin: 0 auto; text-align: left}
 #content-container-1col, #content-container-2col {width: 984px; margin: 0 auto}
 #content-container-1col #primary-content {width: 939px; position: relative; left: 23px}
#content-container-1col #primary-content .body-content {padding: 0 20px}
 #content-container-2col #primary-content {width: 623px; position: relative; left: 24px; float: left}
#content-container-2col #secondary-content {width: 308px; position: relative; right: 23px; float: right;}
#content-container-2col #primary-content .body-content, #content-container-2col #secondary-content .body-content {padding: 0 20px}
 #header {width: 984px; text-align: left; position:relative;}
 #footer {width: 984px; text-align: left}
   *{padding: 0; margin: 0;}
   #TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color:#666666}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_closeAjaxWindow a:link, #TB_closeAjaxWindow a:active, #TB_closeAjaxWindow a:visited, #TB_closeAjaxWindow a:focus {color: #bd1010; font-weight:bold; font-size:11px; text-decoration: none; text-transform: capitalize;}
#TB_closeAjaxWindow a:hover {text-decoration:none; color:#ffffff}
   #TB_overlay {position: fixed; z-index:998; top: 0px; left: 0px; height:100%; width:100%}
.TB_overlayMacFFBGHack {background: url(http://assets.companyofheroes.com/images/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75}
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_window {position: fixed; z-index: 1000; color:#000000; display:none;  border: 4px solid #333333; text-align:left; top:50%; left:50%; min-width:290px; background-color:#393c38}
#TB_window { font: 12px Arial, Helvetica, sans-serif;   }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_window img#TB_Image {display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666}
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left}
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right}
#TB_closeAjaxWindow{ padding:12px 10px 0px 0px; margin-bottom:0px; text-align:right; float:right; color:#800000}
#TB_closeWindowImg{ display:block; float:left; padding-top: 2px; padding-right: 4px; color:#800000}
#TB_ajaxWindowTitle{ float:left; padding:4px 0 0px 10px; margin-bottom:1px; font-weight: bold; font-family:verdana; color:#fff; padding-top:10px}
#TB_title{  background-color:#555;; background-repeat:repeat-x; height:40px}
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}
#TB_ajaxContent img{ }
#TB_ajaxContent.TB_modal{ padding:15px}
#TB_ajaxContent p{ padding:5px 0px 5px 0px}
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:999; top: 42%; left: 55%; margin: -6px 0 0 -104px;  }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%}
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_iframeContent{ clear:both; border:none; margin-right:-1px; overflow: hidden}
 #tb-form-content {margin-left:15px;margin:0px auto; padding:0; font-family: arial, verdana, tahoma; font-size: 9pt;}
#tb-content-body {padding: 0; padding-left:63px; padding-top: 10px;color:#fff}
#tb-content-body a.tb-link:link,a.tb-link:visited,a.tb-link:active {color:blue;font-weight:bold;text-decoration:none;}
#tb-content-body a.tb-link:hover {text-decoration:underline;}
#tb-content-body h3{color:#ffdb9d;}
#content-table {overflow: hidden; font-family: arial, verdana, tahoma; font-size: 9pt; width: 250px}
#content-table tr {padding: 0; margin: 0}
#content-table td.col1 {color:#FFF; font-weight: bold; vertical-align: top; margin: 0; padding: 3px; width:77px}
#content-table td.col2 {padding-left: 4px; vertical-align: top; margin: 0; padding:0px;}
#content-table .textedit {border:1px solid #bbb; width: 140px; font-family: arial, verdana, tahoma}
#content-table .textedit:focus {border:1px solid #666}
#content-table .taedit {padding:3px;border:1px solid #bbb; width: 99%; height: 100px; font-family: arial, verdana, tahoma; font-size: 9pt}
#content-table .taedit:focus {border:1px solid #666}
#tb-container{background-image:none;}
#tb-container .error {background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; border: 1px solid; font-size: 9pt; padding: 0px; font-family: arial, verdana, tahoma; margin-bottom: 5px}
#tb-container .errortext {color:#890000}
#tb-container .error ul {padding:0px;margin-top:8px; margin-bottom:8px; margin-left: 24px}
#tb-container li {float:none;list-style-type:square;}
a.TB_closeAjaxWindow:link,a.TB_closeAjaxWindow:visited,a.TB_closeAjaxWindow:active{color:#800000;}
a.TB_closeAjaxWindow:hover{text-decoration:underline;}
 .beta-outer-div{height:495px;}
.beta-inner-div{z-index:20;padding-top:150px;padding-left:45px;padding-right:45px;width:270px;font-size:8pt;}
 body {background: #000 url(http://assets.companyofheroes.com/images/site/site_bg.jpg) no-repeat fixed top center; font-family: Arial, Helvetica, sans-serif; color: #fff}
 .clear {clear: both; height: 0; overflow: hidden}
.clear2 {clear: both}
.clear-margin {margin: 0 !important}
.float-left {float:left;}
.float-right {float:right;}
 a:link, a:visited, a:hover, a:active {color: #fff; font-weight: bold}
a:hover {text-decoration: underline}
 .notes p {font-size: .9em; color: #b7b7b7}
 .btn-enter, .btn-signin, .btn-signup, .btn-signup-reg, .btn-signup-now, .btn-submit, .btn-preview, .btn-cancel, .btn-save, .btn-profile, .btn-account, .btn-messages, .btn-help, .btn-rss-1, .btn-vote, .btn-upload {border: 0; display: block; background: url(http://assets.companyofheroes.com/images/site/buttons_sprite.png) no-repeat 0 0; cursor: pointer}
.btn-rss-1 {width: 33px; height: 34px; background-position: -5px -123px}
.btn-rss-1:hover {background-position: -5px -80px}
.btn-enter {width: 108px; height: 42px; background-position: 0 -546px}
.btn-enter:hover {background-position: 0 -591px}
.btn-save {width: 78px; height: 42px; background-position: 0 -450px}
.btn-save:hover {background-position: 0 -495px}
.btn-signin {width: 67px; height: 28px; background-position: -4px -166px}
.btn-signin:hover {background-position: -4px -211px}
.btn-signup {width: 108px; height: 28px; background-position: -4px -389px}
.btn-signup:hover {background-position: -4px -352px}
.btn-signup-reg {width: 102px; height: 38px; background-position: -4px -860px}
.btn-signup-reg:hover {background-position: -4px -899px}
.reg-submit .inactive {background-position: -4px -920px !important}
.btn-signup-now {width: 131px; height: 34px; background-position: -5px -355px}
.btn-signup-now:hover {background-position: -5px -400px}
.btn-submit {width: 96px; height: 42px; background-position: 0 -1272px}
.btn-submit:hover {background-position: 0 -1313px}
.btn-preview {width: 96px; height: 42px; background-position: 0 -1176px}
.btn-preview:hover {background-position: 0 -1217px}
.btn-cancel {width: 96px; height: 42px; background-position: 0 -1079px}
.btn-cancel:hover {background-position: 0 -1120px}
.btn-profile {width: 72px; height: 28px; background-position: -4px -1385px}
.btn-profile:hover {background-position: -4px -1430px}
.btn-account {width: 78px; height: 28px; background-position: -4px -1483px}
.btn-account:hover {background-position: -4px -1523px}
.btn-messages {width: 82px; height: 28px; background-position: -4px -1573px}
.btn-messages:hover {background-position: -4px -1617px}
.btn-help {width: 52px; height: 28px; background-position: -4px -1659px}
.btn-help:hover {background-position: -4px -1702px}
.btn-vote {width: 81px; height: 36px; display: block; background-position: -4px -1831px}
.btn-vote:hover {width: 81px; height: 36px; background-position: -4px -1868px}
#avatar-submit-button-submit {text-align: center}
.btn-upload {width: 90px; height: 37px; background-position: -4px -1915px; margin-left: auto; margin-right: auto}
.btn-upload:hover {width: 90px; height: 37px; background-position: -4px -1956px}
#primary-content a:link, #primary-content a:visited, #primary-content a:hover, #primary-content a:active {color: #ec6d00; text-decoration: none; font-weight:normal}
#primary-content a:hover {text-decoration: underline}
 #user-login {width: 984px; height: 49px; background: url(http://assets.companyofheroes.com/images/site/user_login_bg.png) no-repeat; position: relative}
#user-login #not-member {position: absolute; top: 14px; left: 0; font-size: .85em}
#user-login #not-member p, #user-login #not-member a {float: left; margin-right: 6px}
#user-login #not-member .btn-signup {position: relative; bottom: 6px}
#user-login #login {width: 815px; height: 42px; position: absolute; top: 0; left: 110px}
#user-login #login input {}
#user-login #login #welcome {position: absolute; top: 14px; left: 0; text-transform: uppercase; font-size: .9em}
#user-login #login #welcome .user a {color: #ec6d00}
#user-login #login #welcome .logout a {color: #91938f}
#user-navigation {position: absolute; top: 7px; right: 0}
#user-login #top-login-form {width: 715px; position: absolute; top: 10px; left: 125px; font-size: .85em !important}
#user-login #top-login-form input, #user-login #top-login-form span {float: left}
#user-login #login input[type="text"], #user-login #login input[type="password"] {width: 170px; margin-right: 5px}
#user-login #top-login-form .text-login {margin-right: 6px; position: relative; top: 3px; float: left}
#user-login #top-login-form .btn-signin {position: relative; bottom: 3px}
#user-login #top-login-form .remember-me {width: 115px; height: 20px; position: absolute; top: 0px; right:120px}
#user-login #top-login-form #forgot-password {position:absolute; right:0; top:5px; text-transform:uppercase; height:14px; line-height:14px;}
#user-login #top-login-form #forgot-password a {color:#EC6D00;}
#user-login #top-login-form .remember-me input {width: 14px; height: 14px; position: absolute; top: 5px; left: 0}
#user-login #top-login-form .remember-me span {position: absolute; left: 20px; bottom: 1px}
#user-navigation li {margin-left: 5px; float: left}
#social-networking {height: 32px; position: absolute; top: 6px; left: 25px}
#social-networking a {width: 31px; height: 31px; margin-right: 6px; display: block; background: url(http://assets.companyofheroes.com/images/site/social_networking_icons_sprite.png) no-repeat 0 0; float: left}
#social-networking a:hover {background-position:0 -35px;}
#social-networking .btn-facebook {background-position: -38px 0}
#social-networking .btn-facebook:hover {background-position: -38px -35px}
 #header #logo {display: block; text-align: center}
#header #install-game {background:url(http://assets.companyofheroes.com/images/site/btn_download_game.png); bottom:9px; display:block; height:62px; position:absolute; right:-2px; width:189px;}
#header #install-game:hover {background-position:0 -66px;}
 #footer {width: 984px; height: 290px; margin-bottom: 20px; background: url(http://assets.companyofheroes.com/images/site/footer_bg.png) no-repeat bottom center; padding-top:15px; position: relative}
#footer #sponsors {margin-bottom: 30px; padding-top: 50px; text-align: center}
#footer #sponsors .esrb-link {position: relative; top: 8px}
#footer #sponsors li {display: inline; padding: 0 15px}
#footer #sponsors #logo-thq {position: relative; top: 5px}
#footer #sitemap {margin-bottom: 15px; text-align: center}
#footer #sitemap li {display: inline; padding: 0 5px}
#footer .copyright {padding: 0 100px; text-align: center; font-size:0.82em}
 #navigation {width: 984px; height: 65px; background: url(http://assets.companyofheroes.com/images/site/navigation_bg.png) no-repeat; position: relative; z-index:10}
#navigation a:hover {text-decoration: none}
#navigation ul {line-height: 65px; margin-left: 100px}
#navigation ul.show-download {margin-left: 30px !important}
#navigation ul li.top-level {width: 120px; float: left; text-align: center; position: relative}
#navigation ul li.normal:hover {background: url(http://assets.companyofheroes.com/images/nav/menubg.png) no-repeat bottom center}
#navigation ul li.normal-single:hover {background: url(http://assets.companyofheroes.com/images/site/normal_single_alt.png) no-repeat center 14px}
#navigation ul li.narrow:hover {background: url(http://assets.companyofheroes.com/images/nav/menubg-narrow.png) no-repeat bottom center}
#navigation ul li.narrow-single:hover {background: url(http://assets.companyofheroes.com/images/site/narrow_single_alt.png) no-repeat center 14px}
#navigation ul li.no-border {border-right: none}
#navigation ul li.top-level {font-size: 15px; text-transform: uppercase}
#navigation ul li.download {padding: 16px 0px 0px 16px}
#navigation .btn-signup-now {position: absolute; top: 15px; right: 125px}
#navigation ul.level2 {background: #21211a url(http://assets.companyofheroes.com/images/nav/menugrad.jpg) repeat-x top left; position: absolute; top: 50px; z-index: 11; width: 200px; visibility: hidden}
#navigation .normal .level2 {left: -95px}
#navigation .narrow .level2 {left: -83px}
#navigation ul.level2 li {font: 100 12px 'Arial'; text-transform: none; text-align: left; border-bottom: 1px solid #585849; line-height:12px!important;}
#navigation ul.level2 li a {display: block; padding: 5px 10px}
#navigation ul.level2 li.lastlink {border: 0}
#navigation ul.level2 li a {color: #EC6D00}
#navigation ul.level2 li a:hover {color: #fff}
#navigation #install-game {background:url(http://assets.companyofheroes.com/images/site/btn_download_game_menu.png); display:block; height:32px; width:148px}
#navigation #install-game:hover {background-position:0 -32px;}
 #content-container-1col, #content-container-2col {width: 984px; background: url(http://assets.companyofheroes.com/images/site/content_container_bg.png) repeat-y; position: relative}
 #content-container-1col #primary-content .column-block {width: 938px; position: relative}
#content-container-1col #primary-content .column-block .head {width: 938px; height: 15px; background: url(http://assets.companyofheroes.com/images/site/1col_primary_column_block_head.png) no-repeat}
#content-container-1col #primary-content .column-block .body {width: 938px; background: url(http://assets.companyofheroes.com/images/site/1col_primary_column_block_body.png) repeat-y}
#content-container-1col #primary-content .column-block .foot {width: 938px; height: 21px; background: url(http://assets.companyofheroes.com/images/site/1col_primary_column_block_foot.png) no-repeat}
 #content-container-2col #primary-content .column-block {width: 623px}
#content-container-2col #primary-content .column-block .head {width: 623px; height: 15px; background: url(http://assets.companyofheroes.com/images/site/primary_column_block_head.png) no-repeat}
#content-container-2col #primary-content .column-block .body {width: 623px; background: url(http://assets.companyofheroes.com/images/site/primary_column_block_body.png) repeat-y}
#content-container-2col #primary-content .column-block .foot {width: 623px; height: 20px; background: url(http://assets.companyofheroes.com/images/site/primary_column_block_foot.png) no-repeat}
#content-container-2col #secondary-content .column-block {width: 308px}
#content-container-2col #secondary-content .column-block .head {width: 308px; height: 15px; background: url(http://assets.companyofheroes.com/images/site/secondary_column_block_head.png) no-repeat}
#content-container-2col #secondary-content .column-block .body {width: 308px; background: url(http://assets.companyofheroes.com/images/site/secondary_column_block_body.png) repeat-y}
#content-container-2col #secondary-content .column-block .foot {width: 308px; height: 20px; background: url(http://assets.companyofheroes.com/images/site/secondary_column_block_foot.png) no-repeat}
 .sidebar-links.navigation {background-image: url(http://assets.companyofheroes.com/images/sidenav/navigation_header.png); padding-top: 54px; background-repeat: no-repeat}
.sidebar-links a {color: #ec6d00; display: block; border-top: 1px solid #43433c; line-height: 30px; font-size: 1.1em; font-weight: bold; padding-left: 10px}
.sidebar-links a.selected {color: #fff; background-color: #262620}
 h2 {color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 6px; font-size: 1.4em; margin-bottom: 20px; font-weight: bold}
 ul.tab-bar {height: 30px}
ul.tab-bar li {display: block; height: 30px; background-image: url(http://assets.companyofheroes.com/images/site/tab_bg.png); background-repeat: repeat-x; float:left; margin-right:5px}
ul.tab-bar li.selected {background-image: url(http://assets.companyofheroes.com/images/site/tab_bg_selected.png) !important}
ul.tab-bar li a {font-size: 1.2em; height: 30px; margin-left: 10px; margin-right: 10px; line-height: 30px; color: #fff !important; font-weight: bold !important}
.tabbed-content {background-color: #262620; padding: 18px}
 label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type="text"], input[type="password"], textarea, select {border:1px solid #000;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border:1px solid #AAA;}
input[type="text"], input[type="password"] {width:250px;padding:2px;}
textarea {width:300px;height:100px;padding:5px;margin-top:5px;margin-bottom:10px;}
select option {padding-right: 5px}
.submit-button-container .sbmt-loading-icon {float:left}
.submit-button-container .sbmt-loading-text {float:left;padding-left:5px; padding-top: 2px;}
.info-icon {float:left; padding-top: 1px; margin-right: 5px}
.info-text {float:left}
.fieldWithErrors {display: inline}
#errorExplanation {margin-bottom:12px; margin-top: 8px; margin-left: 6px; margin-right: 10px; padding: 12px; border: 3px solid #686856; background-color: #bcbcad; color: #000}
#errorExplanation h2 {display: none}
#errorExplanation p {color: #ee3427; margin-bottom: 0; padding-bottom: 8px; font-size: 14pt}
#errorExplanation ul li {font-size: 12px; list-style: square; margin-left: 30px; color: #000; float:none}
 .pagination {}
.pagination span {padding:0px 4px; font-weight:bold;}
.pagination span.current {background:#36362f;}
.pagination a {color:#FFF !important; font-weight:bold !important; padding:0px 4px; text-decoration:none !important;}
.pagination a:hover {background:#EC6D00 !important; text-decoration:none !important;}
  .display-like-fck ul {list-style-type:square;list-style-position:outside;list-style-image:none;marker-offset:0px;margin-left: 6px; margin-top: 8px; margin-bottom: 12px; line-height: 14px;}
.display-like-fck ol {list-style-type:decimal;list-style-position:outside;list-style-image:none;marker-offset:0px;margin-left: 6px; margin-top: 8px; margin-bottom: 12px; line-height: 14px;}
.display-like-fck ul li {float:none;list-style-type:square;list-style-position:outside;list-style-image:none;marker-offset:0px;margin-left:15px;}
.display-like-fck ol li {float:none;list-style-type:decimal;list-style-position:outside;list-style-image:none;marker-offset:0px;margin-left:15px;}
.display-like-fck strong {font-weight:bold;}
.display-like-fck em {font-style:italic;}
.display-like-fck i {font-style:italic;}
.display-like-fck u {text-decoration:underline;}
.display-like-fck a:link, .display-like-fck a:visited, .display-like-fck a:active {color: #1540fb;text-decoration:underline;border:none;font-weight:normal;}
.display-like-fck a:hover {text-decoration:underline;}
.display-like-fck p {margin:0px;padding:0px;float:none;border:none;background-color:transparent;}
.display-like-fck span {margin:0px;padding:0px;float:none;border:none;background-color:transparent;line-height:normal;}
.display-like-fck img {margin:0px;padding:0px;float:none;border:0px;}
.display-like-fck hr {background-color:transparent;margin:0px;padding:0px;width:100%;height:1px;}
.display-like-fck sub {vertical-align:sub;}
.display-like-fck sup {vertical-align:super;}
.display-like-fck table {margin:0px;padding:0px;float:none;max-width:420px;}
 #info-box{ margin-left: 6px; margin-right: 10px; font-size:9pt; font-weight: bold;}
#info-box-notice, #info-box-warning, #info-box-error {margin-bottom: 4px; margin-top: 0px; padding: 6px;padding-left:10px; border:solid 1px #C0C0C0; background-color:#F3F3F3; overflow: hidden; height:10px;}
#info-box .info-box-container {margin-bottom: 8px}
#info-box .info-notice {background:#bcbcad;color:#000;border-color:#686856;border-width:3px;height:auto !important;}
#info-box .info-error {background:#bcbcad;color:#000;border-color:#686856;border-width:3px;height:auto !important;}
#info-box .info-warning {background:#bcbcad;color:#000;border-color:#686856;border-width:3px;height:auto !important;}
#info-box .notice-box {float:left;padding-left:29px;padding-top:2px;padding-bottom:2px;height:auto !important;background-image: url('/images/icons/notice.jpg'); background-repeat: no-repeat; font-weight: bold; width: 75%;}
#info-box .warning-box {float:left;padding-left:29px;padding-top:2px;padding-bottom:2px;height:auto !important;background-image: url('/images/icons/warning.jpg'); background-repeat: no-repeat; font-weight: bold; width: 75%}
#info-box .error-box {float:left;padding-left:29px;padding-top:2px;padding-bottom:2px;height:auto !important;background-image: url('/images/icons/error.jpg'); background-repeat: no-repeat; font-weight: bold; width: 75%}
#info-box .close-box {float:right; font-weight:normal; color:#8a1f11; font-size:10pt;padding-top:2px;}
#info-box .close-box a:link, #info-box .close-box a:visited, #info-box .close-box a:active, #info-box .close-box a:hover {font-size:11px !important; color:#000 !important;font-weight:bold !important;}
 #maintenance-body .body-content {padding: 40px 0px 80px 0px !important}
#msg-container .message {padding: 0px 130px; font-size: 12pt; margin-bottom: 4px}
#msg-container .message h1 {font-weight: bold; text-transform: none; padding-bottom: 4px}
#msg-container .message .msg-p {font-weight: normal; padding-bottom: 24px}
#msg-container .message .date-label {font-weight: bold}
#msg-container #desc {background: url(http://assets.companyofheroes.com/images/site/maintenance_bg.jpg) no-repeat; width: 690px; height: 308px; margin: 0pt auto; position: relative;}
#msg-container #desc .desc-text h2 {font-size: 12pt; text-transform: none; font-weight: bold; border-bottom: solid 1px #fff; margin-bottom: 16px}
#msg-container #desc .desc-text {width: 650px; height: 262px; padding: 14px; overflow: auto; top: 10px; left: 4px; position: absolute; font-size: 11pt}
 .color-button {}
.color-button a {text-decoration:none !important; font-size:12px !important; text-transform:uppercase; color:#FFF !important; font-family:Arial !important; font-weight:bold !important;}
.color-button .color-button-left {display:block; width:9px; height:29px; float:left; background:url(http://assets.companyofheroes.com/images/site/color_button_left.png) no-repeat; border:none; cursor:pointer;}
.color-button .color-button-repeat {display:block; height:22px; padding-top:6px; float:left; background:url(http://assets.companyofheroes.com/images/site/color_button_repeat.png) repeat-x; border:none; cursor:pointer;}
.color-button input.color-button-repeat {font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFF; height:29px; padding-bottom:8px;}
.color-button .color-button-right {display:block; width:9px; height:29px; float:left; background:url(http://assets.companyofheroes.com/images/site/color_button_right.png) no-repeat; border:none; cursor:pointer;}
 .color-button .color-button-up {background-position:0px 0px;}
.color-button .color-button-disabled {background-position:0px -58px;}
.color-button .color-button-over, .color-button .color-button-up:hover, .color-button .color-button-disabled:hover {background-position:0px -29px;}
 h3.title-bar {margin-bottom: 10px; color: #70831b; font-weight: bold; font-size: 1.2em; text-transform: uppercase; background:#262620; color:#70831B; padding:5px 10px;}
.body-content-area {margin-bottom: 10px; padding: 10px; background: #262620}
 .search-module {margin-bottom:20px;}
.search-module h4 {font-weight:bold; font-size:14px; text-transform: uppercase}
.search-module input[type="text"] {width: 238px}
.search-module-top {width: 266px; height: 7px; background: url(http://assets.companyofheroes.com/images/knowledgebase/search_box_top.png) no-repeat 0 0}
.search-module-mid {width:266px; background: #2b2b26}
.search-module-mid .search-content {padding: 5px 10px}
.search-module .options {padding: 5px 0; font-size: 12px}
.search-module .options a {color: #ec6d00; font-weight: normal}
.search-module-bot {width: 266px; height: 7px; background: url(http://assets.companyofheroes.com/images/knowledgebase/search_box_bot.png) no-repeat 0 0}
.search-module .btn-search {width: 75px; height: 38px; border: none; margin-top: 6px; background: url(http://assets.companyofheroes.com/images/knowledgebase/search_go_btn.png) no-repeat; position: relative; left: 173px}
.search-module .btn-search:hover {background-position:0 -38px}
 .post-list {padding-bottom: 10px}
.post-list h3 {padding: 5px 10px; background: #2b2b26; font-weight: bold; text-transform: uppercase; font-size: 14px; position: relative}
.post-list h3 a {font-size: 12px; position: absolute; top: 6px; right: 10px; color: #EC6D00; font-weight: normal; text-transform: capitalize}
.post-list .entry {padding: 7px 10px; border-bottom: 1px solid #4f4f44; font-size: 12px}
.post-list .entry a {color: #EC6D00; font-weight: normal}
 .tabbed-navigation {height: 27px}
.tabbed-navigation a {display: block; text-transform: uppercase; text-align: center; color: #fff !important; font-weight: bold !important}
.tabbed-navigation a:hover {text-decoration: none !important}
.tabbed-navigation li {margin-right: 5px; float: left}