body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} fieldset, img {border:0;} body {background-image: url(../comms/images/pghq_theme/pg_bg_3_50.jpg);} #site-footer {width: 798px; margin: 0 0 0 162px; padding: 0; float: left; font-size: 0.6em;} #site-footer div.contact-admin {margin: 0; padding: 0; text-align: left; width: 210px; float: left;} #site-footer div.disclaimer {margin: 0; padding: 0; text-align: right; width: 580px; float: left;} #wrapper {width: 1000px;margin-right: auto;margin-left: auto;padding: 0;font-family: verdana,arial,sans-serif;} #banner {margin: 0;padding: 0;width: 998px;height: 150px;background-image: url(../banner.jpg); border-color: #16160C; border-style: solid; border-width: 1px; border-bottom-width: medium; } #banner img {position: relative; left: 915px; top: 107px;} #onThisDay { width: 998px; margin: 0; padding: 2px 0; background:#505A46;color:#FFF; border-color: #16160C; border-style: solid; border-width: 1px; } #onThisDay table { margin: 0;padding: 0;border-collapse: collapse;} #onThisDay table th {text-align: left; padding-left: 4px; padding-bottom: 2px;font-weight: normal;} #onThisDay table td {padding: 2px 20px; margin: 0; width:479px; font-size: 0.7em;} #onThisDay table td:hover {background-color: #A1C2BE;} #onThisDay table a {color:#FFF;} #onThisDay table a:hover {color: #000;} #sidebar {width: 199px;/* height: 432px; */margin: 0;padding: 0;float: left; border-left-color: #16160C; border-left-style: solid; border-left-width: 1px; border-bottom-color: #16160C; border-bottom-style: solid; border-bottom-width: 1px; } #loginSidebar {text-align: center; background-color: #CCCCCC; height: 30px; padding: 10px 0 0 0; font-size: 1.1em;} /* this div sits behind the menu and holds position for lower objects */ #menuBackBlock {/*height:332px;*/height:310px; background-color: blue;} #menuBackBlock.shrinkMe {/*height:310px;*/height: 286px;} #klock {height: 82px; background-color: #FF0000; color: #FFF; text-align: center; font-size: 0.8em;} #klock a {color: white; font-weight: bold;} #kurskKlock {border: 1px solid #000000; background-color: white; color: black; font-size: 0.85em; width: 147px; margin: 0 5px 5px 5px; text-align: center;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/latest-flyout.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #menu {width:199px; position:relative; z-index: 2 ; margin-left: -1px; margin-top: 0;} #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; min-width:199px; background:#505A46;} #menu ul.topLevelMenu {border-left: 1px solid black; border-bottom: 1px solid black;border-top: 1px solid black;} #menu li {margin:0; padding:0; list-style:none;} #menu li {display:inline;} #menu ul ul {min-width: 0;position:absolute; left:-9999px;border-color: #16160C;border-style: solid;border-width: 1px;} #menu ul#toplevel {position:absolute; left:0; top:0; } #menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#FFF; line-height:22px; text-decoration:none;padding:0 20px 0 10px; } #menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:0;} #menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {left:100%;} #menu a:hover ul ul, #menu a:hover a:hover ul ul {left:-9999px;} #menu li a:hover {color:#000; background: #A1C2BE;} #menu li:hover > a {color:#000; background: #A1C2BE;} #menu li a.fly {background: url(arrow.gif) no-repeat right top;} #menu li a.fly:hover {background: #A1C2BE url(arrow.gif) no-repeat right top;} #menu li:hover > a.fly {background: #A1C2BE url(arrow.gif) no-repeat right top;} #menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;} #menu a.inactive {color: #656E59;} /* end custom menu code */ a { color: #30518A;display:inline;text-decoration:none;font-family: verdana,arial,sans-serif;} a:hover {color: #ff0000;} #main {width: 798px; float: right;margin: 0;padding: 0;background-color: #CACFAA; border-color: #16160C; border-style: solid; border-width: 1px; border-top: none; font-size: 0.9em; } #main p {text-indent: 20px; margin: 10px; padding: 0; line-height: 1.5em;} #main div {margin: 10px; padding: 0; float: left; width: 776px;} #main table {border-collapse: collapse; padding: 0; margin: 10px; background-color: #FFFFFF; float: left;} #main table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;border: 1px solid #EEEEEE;} #main table tr td {font-size: 0.9em;margin: 0;padding: 2px 5px; border: 1px solid #EEEEEE; text-align: center;} #main table tr.even {background-color: #EEEEEE;} #main table tr.played {background-color: #B3FAFF;} #main table tr.even.played {background-color: #9FE2E8;} h1 {font-size: 1.3em; margin: 10px 0 0 10px;} h2 {font-size: 1.2em; margin: 10px 0 0 10px;} #main ul, #main ol {margin-left: 30px; font-size: 0.9em; line-height: 1.4;} #main ol li p {text-indent: 0; margin: 0; padding: 0; line-height: 1.4;} #main form {float: left; width:778px;} #main form input, #main form select {background-color: #add8e6;} #main form input.button, #main form button.button {margin: 10px;padding: 5px; font-size: 1.1em; background-color: #FFF; cursor: pointer;} #main hr {width: 750px; margin: 5px 24px; float: left;} #main div.noteGood {border: 1px solid black; background-color: white; width: auto; padding: 10px;} /* universal form validation error notice */ #main #formCase {width: 758px;} #main #formError {background-color: #FFFFFF; border: 2px solid #ff0000; margin: 10px; padding: 5px; float: left; width: auto;} #main #formCase #formError p {text-indent: 0;} #main #formCase #formError * {float: none;} /* index page only */ #main #quick-stats {padding: 0; border:1px solid black;} #main #quick-stats td {padding: 1px 0;border:none;} #main #quick-stats td.unplayed {border-right: 1px solid black; padding: 4px;} #main #quick-stats td.col0 {width: 280px;} #main #quick-stats td.col1 {width: 228px; border-left: 1px solid black; border-right: 1px solid black;} #main #quick-stats td.col2 {width: 268px;} #main #quick-stats td.collong {padding: 0 10px 2px 10px; margin: 0; text-align: left;} #main #quick-stats td.special-announcement {border-top: 1px solid black; padding: 4px; margin: 0;} #main #quick-stats tr.row5 {font-size: 0.7em; border-bottom: 1px solid black;} #main div.news-post {margin: 10px 20px; padding: 0; float: left; width: 756px;} #main div.news-post table {margin: 0; border: none; width: 756px;} #main div.news-post table tr td {border: none; text-align: left;} #main div.news-post tr.title-row {margin: 0; background-color: #548F89; color: white; font-weight: bold;} #main div.news-post tr.title-row.pinned {background-color: darkred; } #main div.news-post tr td.post-title {text-align: left; padding: 4px; font-size: 1em;} #main div.news-post tr td.post-date {text-align: right; padding: 4px; font-size: 0.9em;} #main div.news-post tr.body-row {margin: 0; font-size: 1em; background-color: white;} #main div.news-post tr td.post-body {padding: 8px;} #main div.news-post tr td.post-body p {font-size: 0.9em; padding: 0;} #main div.news-post tr td.post-body .ribbon {width: 720px; text-align: center;} #main div.news-post tr.signature-row {margin: 0; background-color: white;} #main div.news-post tr td.post-signature {padding: 0 4px 4px 4px; text-align: right;} #main div.news-post ul {margin-left: 40px; line-height: 1.5em;} #main div.news-post div {width: auto;} #main div.news-post div.promotions {width: 740px; margin: 0;} #main div.news-post div.promotions img {vertical-align: middle; padding: 4px 0;} #main div.news-post th.commentExpander {font-weight: normal; font-size: 0.9em; padding: 2px;} #main div.news-post th.commentExpander:hover { cursor: pointer;} #main div.commentTotal {width: 100px;font-size: 0.7em; margin: 5px;} #main div.returnLink {width: 150px; margin: 5px; float: right;} /* My PG-HQ global */ #myMenuBar {margin: 5px 10px; padding: 0; height: 27px; border-bottom: 1px solid black;} #myMenuBar div {width: auto; margin: 0 5px; float: left; border: 1px solid black; border-bottom: none; background-color: #548F89; color: white;} #myMenuBar div:hover {border-bottom: 1px solid #FFFFFF;} #myMenuBar div a {display: block; padding: 4px 4px 4px 4px; color: #FFFFFF;} #myMenuBar div a:hover {color: #30518A;} #myMenuBar div.currentTab {background-color: white; border-bottom: 1px solid white;} #myMenuBar div.currentTab a {color: #30518A;} #myMenuBar div:hover {background-color: #FFFFFF;} /* USER PROFILE VIEWER && My PG-HQ -> Home Tab */ #main #bioBlock {float: left;} #main #bioBlock table {margin-top: 0;} #main #bioBlock th {text-align: right;} #main #bioBlock td {text-align: left;} #main #bioBlock h1 {text-align: center; margin: 10px auto; font-size: 1.5em;} #main #userRank {float: left; width: 300px;padding: 0; text-align: center;} #main #UR-image {margin: 0 auto; text-align:center; float: none;padding: 0; height: 180px; width: 250px;} #UR-image img {margin: 0 auto; padding: 0;} #main #UR-title {font-size: 1.3em; float: none;font-weight: bold; margin: 10px 0 0 0;width: inherit;} #main #userRank #promotion-note {margin: 10px auto; padding: 0; float:none; text-align: center;} #main #userRank #promotion-note th.row1 {font-size: 0.8em;} #main #universal-ranks {float: right;} #main #universal-ranks td {padding: 3px; font-size: 0.8em;} #main #universal-ranks tr th.rank-item {padding-top: 2px; padding-bottom: 2px; text-align: right; font-size: 0.8em; font-weight: normal;} #main #universal-ranks th.note {font-size: 0.7em; background-color: #548F89; border-top: 1px solid black; color: white; font-weight: normal;} #main #annualAwards {float: left; margin: 0 6px 10px; width: 800px;} #annualAwards p, #toursOfDuty p {text-indent: 0; font-weight:bold; font-size:1.3em; margin: 0 0 10px 0;} #main #annualAwards div.frame {width: 190px; height: 20px; margin: 0 2px 6px; padding: 6px 0 0; float: left; text-align: center; background-color: #cd0a0a; color: #ffffff; font-size: 0.75em; border: 1px solid #000000;} #main #annualAwards div.frame a {color: #ffffff; display: block; width: 100%; height: 100%} #main #toursOfDuty {float: left; width: 678px; margin: 0 50px 10px 50px;} #toursOfDuty div.frame {width: 203px; margin: 0 10px 10px 13px; background-color: #667D61;float: left;} #toursOfDuty img.ribbon {position: relative;top: -2px;left: -3px;border: 1px solid black;} #main h2.userProfile {margin: 10px 10px -5px 10px; float: left; width: 778px; text-align: center;} #main #NUBbyPlays {width: 700px; margin: 10px 45px;} #main #NUBbyPlays td {font-size: 0.8em;} #main #collComp {width: 700px; margin: 10px 45px;} #main #collComp td.UCCTcompletion-percentage-TOD {padding: 0; width: 86px;} #main #collComp td.UCCTcompletion-percentage-TOD img {display: block; border:1px solid black;} #main #headToHead {width: 700px; margin: 10px 45px;} #main table.toPlayInProg td.col0 {width: 210px;} #main div.playHistoryBox {width: 778px; padding: 0; margin: 10px; height: 400px; overflow-y: scroll;} /* My PG-HQ -> Profile Editor */ #main #myprofile {} #myprofile p.outdent {text-indent: 0;} #myprofile table {margin: 10px auto; float: none;} /* we want all tables in the form centered */ #myprofile #personalInformation tr th {text-align: right;} #myprofile #personalInformation tr th.title {text-align: center; font-weight: bold; font-size: 1em;} #myprofile #personalInformation td {text-align: left;} #myprofile span.shrink {font-size: 0.7em;} #myprofile #subscriptionList td {text-align: left;} #myprofile #myCollection td {text-align: left;} #myprofile #bio th {text-align: left;} #myprofile #updateButton {float: left; margin:10px 0;} #myprofile #extendedLink {float: right; font-size: 1.1em; margin: 10px;} /* My PG-HQ -> Want to Play etc */ #main #toPlayIntro {margin-top: 0;} #toPlayIntro ul {font-weight: bold; margin-left: 40px; font-size: 1em;} #toPlay {} #toPlay table {width: 740px; margin: 10px 29px;} #toPlay h2 {margin: 10px 0 -5px 29px;} #toPlay td.selector {padding: 0; width: 20px;} #statusAction p select {margin-right: 30px;} #statusAction .small {font-weight: normal; font-size: 0.7em; width: 360px; text-indent: 0;} /* My PG-HQ -> Errors & Omissions */ #openT, #closedT {font-size: 0.9em;} #openT td.category, #closedT td.category {width: 80px;} #openT td.type, #closedT td.type {width: 61px;} #closedT td.timeToFix {width: 90px;} #viewT #view-ticket {width: 500px; margin: 0 139px;} #view-ticket tr th.col0 {text-align: right; width: 130px;} #view-ticket p {text-align: left;} #confirmForm {margin: 0 10px 10px 10px;} #confirmForm div {width: auto;} #confirmForm h2 {margin-left: 10px;} #confirmForm #confirmEmail {background-color: #FFFFFF; border: 1px solid black; width: 500px; margin: 0 139px;} #confirmForm #closerComment textarea {margin: 10px 79px; width: 600px; height: 6em;} #confirmForm #right {float: right;} /* My PG-HQ -> Library Data */ #main p.libCat {float: left;} /* main page */ #overallStatus {width: 140px;} #thanks {width: 618px; float: left;} #main #nationForcename {margin: 10px 250px; width: 268px; float: left;} #main #formationNations {margin: 10px 250px; width: 268px; float: left;} /* game editing form */ #editGameForm {margin: 0 10px;} #editGameForm h1 {margin: 10px;} #main #editGameBasicData {width: 400px; height: 320px;} #main #editGameBasicData th {text-align: right; width: 120px;} #main #editGameBasicData td {text-align: left;} #main #gameFullName {width: 240px;} #main #gameBoxBackTextarea {width: 338px; height: 320px;} #main #gameBoxBackTextarea textarea {width: 324px; height: 282px;} #main #designers td {text-align: left;} /* scenario list page */ #main #libraryDataScenarioList {text-align: center;} #libraryDataScenarioList h1 {float: left;} #main #editScenarioList {margin: 10px 39px; width: 700px;} #main #libraryDataScenarioList .returnLink {width: 758px;} /* scenario data editing form */ #editScenarioData {width: 778px; margin: 0 10px;} #editScenarioData h2 {margin: 0 10px;} #editScenarioData #titleDate {} #editScenarioData #titleDate th {text-align: right;} #editScenarioData #titleDate td {text-align: left;} #editScenarioData #editScenTitle {width: 627px;} #editScenarioData #introductionPassage {width: 758px;} #editScenarioData #introductionPassage th, #editScenarioData #conclusionPassage th, #editScenarioData #additionalNotes th {text-align: left;} #introductionPassage textarea, #conclusionPassage textarea, #additionalNotes textarea {width: 744px; height: 120px;} #editScenarioData #gameAndNeeds {width: 400px; margin: 10px 189px;} #main #turnsDaytimeCountersMoraleIni th {text-align: right;} #main #turnsDaytimeCountersMoraleIni td {text-align: left;} #main #turnsDaytimeCountersMoraleIni a {color: #FFFF00;} #main #mapFootprint th {text-align: right;} #main #mapFootprint #mfTitle {text-align: center;} #main #mapFootprint td {text-align: left;} #main #mapFootprint a {color: #FFFF00;} #main #mapFootprint input {width: 30px;} #main #mapsUsed td {text-align: left;} #main #NSP {width: 758px;} #main #NSP .dropdownHeader {font-weight: bold;} #main #NSP td.formationTextbox {width: 400px;} #main #NSP td.formationTextbox input {width: 396px;} #main #battleTypesPresent td, #main #conditionsPresent td {text-align: left;} /* scenario OOB editing form */ #main #editScenOOB {margin: 0 10px; width: 758px;} #oob-overall ul {padding-left:20px;} #oob-overall li {list-style:none;} #oob-overall ul.hide {display:none;} #oob-overall span {color:#FFFF00; font-family:"Courier New", Courier, monospace; cursor:default; font-weight: bold; padding-right: 3px;} #oob-overall span.expanded, #oob-overall span.collapsed {cursor:pointer;} #oob-overall > li.oob-nation {font-size: 2em; border-bottom: 2px solid #FFFFFF;} .oob-forcename {font-size: 0.8em;} /* unit list page */ #main #unitList {margin: 10px;} #main #unitList h1 {text-align: center;} #main #unitList table {width: 500px; margin: 10px 139px;} /* unit editing form */ #main #editUnit {margin: 0 10px;} #main #editUnit h1 {text-align: center;} #main #editUnit th {text-align: right;} #main #editUnit th.title {text-align: center;} #main #editUnit td {text-align: left;} #main #nameNationForce {width: 450px; margin: 10px 164px;} #main #nameNationForce input, #main #nameNationForce select {width: 270px;} #main #unitArmor {width: 450px; margin: 10px 164px;} #main #unitFirepower {margin: 10px 190px;} #main #unitFirepower td {text-align: center;} #main #movClass {width: 280px; margin: 10px 249px;} #main #editUnitImages div.unitDel {margin: 60px 0 20px 0; width: 24px;} #main #editUnitImages div.unitDel a {display: block; text-align: center; font-size: 1.1em; color: #8b0000; background-color: #d3d3d3;} #main #imageErrors {border: 1px solid #ff0000; background-color: #FFFFFF; padding: 10px; width: 600px;} /* formation editing form */ #main #formEditorOOBTree li {text-align: left;} #main #inheritedAppearances {text-align: left;} /* My PG-HQ -> News Control Panel */ #newsMain {margin: 0 10px;} #newsMain h1 {margin: 10px;} #editNews {width: 758px; margin: 0 10px;} #main #editNews table {width: 620px; margin: 10px 79px;} #main #editNews table td {text-align: left;} #main #editNews #editPostTitle {width: 550px;} #main #editNews #editPostBody {width: 606px; height: 200px;} /* My PG-HQ -> Records and AARs */ #main #RaA {width: 778px; text-align: center; margin-top:0;} #main #RaA div {width: auto; margin: 0; position: relative;} #main #RaA div.regular {width: 250px;} #main #RaA div.new {height: 200px;} #main #RaA div.wide {width: 512px;} #main #RaA div.modify {height: 200px;} #main #RaA div.mainMenu {border: 1px solid black; margin: 5px; background-color: white;} #main #RaA div.left {margin-left: 0;} #main #RaA div.right {margin-right: 0;} #main #RaA div.blockTitle { float: none; position: absolute; right: 0; bottom: 0; font-size: 0.75em; font-weight: bold; color: #ffff00; background: #000; padding: 5px 10px; filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/ } #main #editPlay {margin: 0 10px; width:778px; font-size: 1.1em;} #editPlay h2 {margin: 0 10px; text-align: center;} #main #editPlay table {width: 520px; margin: 10px 129px;} #main #editPlay td {text-align: left; width: 400px;} #main #editPlay th {text-align: right;} #editPlay #buttonRow {text-align: center; margin-top:0;} #congrats ul {margin: -5px 0 0 60px;} /* My PG-HQ -> Records and AARs -> AAR Editor */ #main #AAR-Editor {margin: 0 10px 10px 10px;} #main .aarInsetWrapper {width: auto; margin: 0 10px 10px 0;} #main .aarInsetWrapper table {margin: 0;} #main .aarInsetWrapper table th {text-align: right;} #main .aarInsetWrapper table td {text-align: left;} #main .aarContainer {margin: 0; width: 778px;} #main .aarContainer #aar-lang {width: auto; margin-left: 0;} #main #aar-title {width: 778px; margin: 10px 0;} #main #aar-title input {width: 693px; margin-left: 5px;} #main #AAR-Editor #aar-button-bar {width: auto;background-color: white; margin: 0; border: 1px solid black; padding: 0;} #main .aarContainer h3 {margin: 20px 15px 0; font-size: 1.1em;} #main #scenarioTitle {text-indent:0; text-align:center; font-weight: bold;} #main #aar-preview {background-color: white; border: 1px solid black; width: 728px; margin: 0 15px 0 15px; padding: 10px; min-height: 20px;} #main #aar-preview p {text-indent: 20px; margin: 0; padding: 2px 0 2px 0; font-size: 0.9em; line-height: 1.4;} #main #aar-preview h1 {font-size: 1.2em; font-weight: bold; color: black; text-indent: 0; margin: 4px 0; padding: 0;} #main #aar-preview h2 {font-size: 1.1em; font-weight: bold; color: black; text-indent: 0; margin: 4px 0; padding: 0; border: none;} #main #aar-preview h3 {font-size: 1em; font-weight: bold; color: black; text-indent: 0; margin: 4px 0; padding: 0;} #main #aar-preview ul {padding: 5px 0 5px 30px; text-indent: 0; font-size: 0.9em;} #main #aar-preview ol {padding: 5px 0 5px 30px; text-indent: 0; font-size: 0.9em;} #main #aarMarkdown {width: 774px; height: 200px; margin: 0; background-color: #add8e6;} #main .wmd-panel { margin-left: 25%; margin-right: 25%; width: 50%; min-width: 500px; } #main #wmd-editor { background-color: Aquamarine; } #main .wmd-button-bar { width: 100%; } #main .wmd-input { height: 500px; width: 100%; background-color: Gainsboro; border: 1px solid #000; } #main .wmd-preview { background-color: LightGray; } #main .wmd-output { background-color: Pink; } #main .wmd-button-row { position: relative; padding: 0; height: 20px; margin-left: 0; line-height: 1em; font-size: 1em; } #main .wmd-spacer { width: 1px; height: 20px; margin-left: 14px; background-color: Silver; display: inline-block; list-style: none; } #main .wmd-button { width: 20px; height: 20px; margin-left: 5px; margin-right: 5px; background-image: url(wmd_images/wmd-buttons.png); background-repeat: no-repeat; background-position: 0 0; display: inline-block; list-style: none; } #main .wmd-button > a { width: 20px; height: 20px; margin-left: 5px; margin-right: 5px; position: absolute; display: inline-block; } /* sprite button slicing style information */ #main .wmd-bold-button {left: 0; background-position: 0 0;} #main .wmd-italic-button {left: 25px; background-position: -20px 0;} #main .wmd-spacer1 {left: 50px;} #main .wmd-link-button {left: 75px; background-position: -40px 0;} #main .wmd-quote-button {/*left: 100px; background-position: -60px 0;*/ display:none;} #main .wmd-code-button {/*left: 125px; background-position: -80px 0;*/ display:none;} #main .wmd-image-button {/*left: 150px; background-position: -100px 0;*/ display: none;} #main .wmd-spacer2 {left: 175px;} #main .wmd-olist-button {left: 200px; background-position: -120px 0;} #main .wmd-ulist-button {left: 225px; background-position: -140px 0;} #main .wmd-heading-button {left: 250px; background-position: -160px 0;} #main .wmd-hr-button {left: 275px; background-position: -180px 0;} #main .wmd-spacer3 {left: 300px;} #main .wmd-undo-button {left: 325px; background-position: -200px 0;} #main .wmd-redo-button {left: 350px; background-position: -220px 0;} #main .wmd-help-button {/*right: 0; background-position: -240px 0;*/ display: none;} .wmd-prompt-background {background-color: #000000;} .wmd-prompt-dialog {border: 1px solid #999999;background-color: #F5F5F5;} .wmd-prompt-dialog > div {font-size: 0.8em;font-family: arial, helvetica, sans-serif;} .wmd-prompt-dialog > form > input[type="text"] {border: 1px solid #000000;color: black;} .wmd-prompt-dialog > form > input[type="button"]{border: 1px solid #000000; font-family: trebuchet MS, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; } /* My PG-HQ -> Records & AARs -> List records for new AAR form */ #main #writeAARList {margin: 0 10px;} #main #writeAARList h2 {margin: 0 10px;} /* My PG-HQ -> Records & AARs -> List AARs for modification form */ #main #modAARList {margin: 0 10px;} #main #modAARList h2 {margin: 0 10px;} /* My PG-HQ -> Records & AARs -> List Shares */ #main #listShares {margin: 0 10px;} #main #listShares hr {width: 730px; margin-top: 20px; margin-bottom: 20px;} #main #listShares p {float: left;} #main #listShares ul {float: left;} #main #listShares input.button {float: left;} #main #listShares table.dataPreview th {text-align: right;} #main #listShares table.dataPreview th.topTitle {text-align: center;} #main #listShares table.dataPreview td {text-align: left;} #listShares div.step {margin: 0 0 5px 0; font-weight: bold; font-size: 1.3em;} #listShares div.radio {width: 778px; margin: 0;} #listShares div.shareBlock {width: 778px; margin: 10px 0; background-color: #FFFFFF;} #listShares div.titleRow {width: 778px; margin: 0; background-color: #add8e6;} #listShares div.headers {width: 778px; margin: 0; font-weight: bold; font-size: 1em; text-align: center;} #listShares div.headers div {margin:0; color: #FFF; background-color: #548F89;} #listShares div.side1,#listShares div.side2 {margin:0; width:778px; border-top: 1px solid #808080;} #listShares div.shareBlock div.side {width: 50px; margin: 0; height: 100%; text-align: center;} #listShares div.shareBlock div.player {width: 100px; margin: 0; height: 100%; text-align: center;} #listShares div.shareBlock div.rating {width: 75px; margin: 0; height: 100%; text-align: center;} #listShares div.shareBlock div.nations {width: 150px; margin: 0; height: 100%;} #listShares div.shareBlock div.aar {width: 403px; margin: 0; height: 100%; text-align: center;} #listShares div.title {margin: 0;} #listShares div.sideTitle {margin: 0 0 0 10px; width: 778px; font-weight: bold;} #listShares ul.nationSelectList {margin: 0 0 0 20px;} #listShares ul.nationSelectList li {list-style: none; padding: 0; margin: 0;} /* My PG-HQ -> Records & AARs -> Check New Share */ #main #shareCheck {margin: 0 10px;} #main #shareCheck div.rowBlock {margin: 0;} #main #shareCheck table.dataPreview th {text-align: right;} #main #shareCheck table.dataPreview th.topTitle {text-align: center;} #main #shareCheck table.dataPreview td.nationList {text-align: left; padding-left: 5px;} #main #shareCheck table.dataPreviewShared td.diff {background-color: #ffb6c1;} #main #shareCheck table.dataPreviewShared td.nationList {padding-left: 25%; text-align: left;} #main #shareCheck div.override {width: 738px; background-color: #FFF; border: 1px solid red; padding: 10px;} #main span.diff {background-color: #ffb6c1; display:inline-block; padding: 0 3px;} #main div.formButtons {margin: 0;} /* solo play record block for display on profiles */ #main div.soloBlock {width: 761px; margin: 0 0 10px 0; padding: 0;} #main div.soloBlock table.soloPlay {width: 761px; margin: 0;} #main div.soloBlock table.soloPlay tr th {padding: 3px 5px;} #main div.soloBlock table.soloPlay tr th.date {font-size: 0.8em; padding: 0;} #main div.soloBlock table.soloPlay tr th.gameName {text-align: left; font-variant: small-caps; font-size: 110%; border-right: none;} #main div.soloBlock table.soloPlay tr th.playMethod {text-align: right; border-left: none;} #main div.soloBlock table.soloPlay tr td.boxImage {width: 90px; height: 90px; padding: 0;background-color: #548F89; vertical-align: middle;} #main div.soloBlock table.soloPlay tr td.boxImage img {display: block;} #main div.soloBlock table.soloPlay tr td.vassal-logo {width: 80px; padding: 4px 2px; text-align: center;} #main div.soloBlock table.soloPlay tr td.vassal-logo img {display: block; margin: 0 auto;} #main div.soloBlock table.soloPlay tr td.scenario {background-color: #FBDE33; font-size: 1em;} #main div.soloBlock table.soloPlay tr td.category {text-align: right; font-weight: bold; width: 50px;} #main div.soloBlock table.soloPlay tr td.catData {text-align: left;} #main div.soloBlock table.soloPlay tr td.rating {border-right: none;} #main div.soloBlock table.soloPlay tr td.ratingSlug {border-left: none;} /* shared play record block for display on profiles */ #main div.sharedBlock {width: 761px; background-color: blue; margin: 0 0 10px 0; padding: 0;} #main div.sharedBlock table.sharedPlay {width: 761px; margin: 0;} #main div.sharedBlock table.sharedPlay tr th {padding: 3px 5px;} #main div.sharedBlock table.sharedPlay tr th.date {width: 90px;font-size: 0.8em; padding: 0;} #main div.sharedBlock table.sharedPlay tr th.gameName {text-align: left; font-variant: small-caps; font-size: 110%; border-right: none;} #main div.sharedBlock table.sharedPlay tr th.playMethod {text-align: right; border-left: none;} #main div.sharedBlock table.sharedPlay tr td.scenario {background-color: #FBDE33; font-size: 1em;} #main div.sharedBlock table.sharedPlay tr td.sp3ColContainer {padding: 0;} #main div.sharedBlock table.sp3Col {width: 756px; margin: 0; border: none;} #main div.sharedBlock table.sp3Col > tbody > tr > td {padding: 0; border: none;} #main div.sharedBlock table.sp3Col td.sideResult {font-variant: small-caps; font-weight: bold; font-size: 1.5em;} #main div.sharedBlock table.sp3Col td.boxImage {vertical-align: middle; width: 90px;background-color: #548F89;} #main div.sharedBlock table.sp3Col td.boxImage img {display: block;} #main div.sharedBlock table.sp3Col td.side {width: 333px; border: none; vertical-align: top;} #main div.sharedBlock table.sp3Col td.sideResult {border-top: none; border-bottom: none;} #main div.sharedBlock table.spPlayer {width: 333px; margin: 0; border: none;} #main div.sharedBlock table.spPlayer td.category {font-weight: bold; text-align: right; width: 50px;} #main div.sharedBlock table.spPlayer td.catData {text-align: left;} /* new AARs / edit AARs use the above blocks, and need to alter them slightly */ #main div.selectContainer {width: 778px; margin: 0; border:none;} /*#main div.selectContainer div.selectorHolder {float: left; width: 20px; margin: 10px 0 0 0;padding:0; text-align: center;} #main div.selectContainer div.selectorHolder input {cursor: pointer;}*/ #main div.selectContainer form input.button {margin: 20px 20px 0 0;padding:2px; font-size: 0.9em;} #main div.selectContainer div.blockHolder {width: 778px; margin: 0 0 10px 0; padding: 0;} #main div.selectContainer div.blockHolder div.soloBlock {margin: 0; width:778px;} #main div.selectContainer div.blockHolder div.soloBlock table.soloPlay {margin: 0;} #main div.selectContainer div.blockHolder div.sharedBlock {margin: 0; width:778px;} #main div.selectContainer div.blockHolder div.sharedBlock table.sharedPlay {margin: 0;} /* My PG-HQ -> Records & AARs -> List records for Modification form */ #main #modRecordList {margin: 0 10px;} #main #modRecordList h2 {margin: 0 10px;} /* My PG-HQ -> Records & AARs -> Modify an Existing Play */ /* My PG-HQ -> Records & AARs -> Change Shared Play Details */ #main #changeSharedDetails {margin: 0 10px;} #main #changeSharedDetails h2 {margin: 0 10px;} #main #changeSharedDetails div.sharedBlock {margin-left: 0; margin-top: 0;} #main #changeSharedDetails > table {width: auto;} #main #changeSharedDetails > table th {text-align:right;} #main #changeSharedDetails > table th.title {text-align:center;} #main #changeSharedDetails > table td {text-align:left;} #main #changeSharedDetails > table ul.nationSelectList {margin: 0 0 0 10px;} #main #changeSharedDetails > table ul.nationSelectList li {list-style: none; padding: 0; margin: 0;} /* My PG-HQ -> Records & AARs -> Change Shared Play Complete */ #main #sharedChangeComplete table th {text-align: right;} #main #sharedChangeComplete table tr.titleRow th {text-align: center;} #main #sharedChangeComplete div.sharedBlock {margin-left: 0;} /* My PG-HQ -> Records & AARs -> Play / AAR Deletion Confirmation */ #main #deleteConfirm {margin: 0 10px;} #main #deleteConfirm h2 {margin: 0 10px;} #main #deletionConfirmed h2 {margin: 0 10px;} /* My PG-HQ -> Records & AARs -> Share to Solo Confirmation */ #main #toSoloConfirm {margin: 0 10px;} #main #toSoloConfirm h2 {margin: 0 10px;} /* My PG-HQ -> Records & AARs -> Share to Solo Complete */ #main #conversionComplete h2 {margin: 0 10px;} /* My PG-HQ -> Site Status */ #main #siteStatusTitle {margin: 10px;} #main #cronStatus {font-size: 0.8em;} #main #cronStatus th {padding: 2px;} #main #cronStatus td.name {white-space: nowrap;} #main #cronStatus td.start {font-size: 0.75em;} #main #cronStatus td.finish {font-size: 0.75em;} #main #noscriptWarning {background-color: #FFF; border: 2px solid red; padding:20px;margin: 10px; width: auto;} /* AARBlock layout CSS */ #main div.aarBlock {width: 778px; padding: 0; margin: 5px 10px;} #main div.aarBlock div.commentsContainer {width: 778px; padding: 0; margin: 0;} #main table.aarBlock {width: 778px; margin: 0;} #main table.aarBlock td.aarBody {padding: 0; text-align: left;} #main table.aarBlock div.insetWrapper { width: 260px; margin-bottom: 0; margin-right: 20px; border: 1px solid #CACFAA; border-left: 1px solid #CACFAA; border-right: 1px solid black; border-bottom: 1px solid black; background-image: url(ratings/5.png); background-repeat: no-repeat; background-position: 114px center;} #main table.aarBlock table.inset {margin: 0; width: 100%; background-color: transparent;} #main table.aarBlock table.inset td {text-align: left;} #main table.aarBlock table.inset th {text-align: right; width: 88px; padding: 5px;} #main table.aarBlock table.inset tr.row0 td.col0 {white-space: nowrap;} #main table.aarBlock hr {width: 80%; margin: 1% 10%;} #main table.aarBlock th.commentExpander {font-weight: normal; font-size: 0.9em; padding: 2px;} #main table.aarBlock th.commentExpander:hover { cursor: pointer;} /* after-action-reports.php */ #aarHeader {margin: 10px;} #aar-slices td a:hover {background-color: #FBDE33;} #main #aarStats {margin-top: 0;} #main #aarStats th {text-align: right;} #main #aarStats td {text-align: left;} #main hr.aar-list {margin-top: 2px; margin-bottom: 2px;} #main #aarFilters {font-size: 0.8em; margin: 0 10px;} #main #aarFilters table {margin: 10px auto; float: none;} #main #aarFilters table th {text-align: right;} #main #aarFilters table th.tableTitle {text-align: center;} #main #aarFilters table td {text-align: left;} #main #aarFilters select {font-size: 1.2em;} #main #aarFilters .button {margin: 0;padding: 0 5px; font-size: 1.1em; background-color: #FFF;} #main .filterBoxes {width: 100%; margin: 0; padding: 0; text-align: center;} #main #filterResultsMessage {font-size: 0.8em; margin: 5px auto; float: none;} #main #filterResultsMessage th {padding: 2px 10px;} #main #filterResultsMessage td {text-align: left;} #main #filterResultsMessage ul {margin: 0;} #main #filterResultsMessage ul li {list-style: none;} #main table.gameAARList {width: 778px; margin: 3px 10px;} #main table.gameAARList td.col0 {width: 80px;} #main table.gameAARList td.col1 {white-space: nowrap;} #main table.gameAARList td.col3 {width: 70px;} #main #indexPageAARLink {width: auto; float: none; display:inline;} #main #indexPageAARLink input {margin:0; padding:0; font-size: 0.7em;} #main #aarsByDate .col0,#main #aarsByDate .col1,#main #aarsByDate .col2,#main #aarsByDate .col3,#main #aarsByDate .col4 {white-space: nowrap;} /* comments.php */ #main div.commContainer {float: left; width: 678px;margin: 5px 45px;padding: 5px;background-color: #FFF;} #main div.commContainerInactive { float: left; width: 538px; margin: 10px 124px; padding: 5px; border: 1px dashed black; background-color: #DBDBDB; font-size: 0.8em; text-align: center; } #main div.commAuthor {width: auto;margin: 0 0 5px 0;float: left;font-size: 0.9em;} #main div.commDate {width: auto;margin: 0 0 5px 0;float: right;font-size: 0.9em;} #main div.commBody {float: left;width: 678px;margin:0;background-color: white;border-top: 2px solid #548F89;} #main div.commEdit {float: right;width: auto;margin:0;font-size: 0.8em;} #main form.commentForm {float: left;width: 718px;margin: 5px 30px;padding:0;background-color: #FFF;} #main div.comment-header {font-weight: bold; width: 708px;margin:0;color: white; padding: 3px 5px; background-color: #548F89;} #main div.comment-button-bar {width: auto;margin: 2px 0;} #main div.comment-Content {width: 718px; margin:0;} #main textarea.commentMarkdown {margin: 0 10px 5px 10px; width: 694px; background-color: #CEFFFF;} #main div.preview-header {margin: 0 10px 5px 10px; width: 698px; font-weight: bold;} #main div.comment-preview {margin: 0 10px 5px 10px; width: 688px; padding: 5px; background-color: #D9FFE2;} #main div.comment-submit {text-align: right; font-size: 0.7em; width: 698px; margin: 0 10px; padding-top: 20px;} #main div.comment-submit input {margin-top: -10px;float: right;} #main div.comment-submit div.subscribe {width: auto; margin:0;} #main div.comment-submit div.subscribe label {cursor: pointer;} #main div.comment-submit div.subscribe input {float: none;} #main #commNotLoggedIn {width: 678px;margin: 10px 54px;padding: 5px;border: 1px dashed black;background-color: #FFCCFF;text-align: center; } /* subscription status */ #main #subscriptionStatusBlock {margin: 5px 264px; padding: 5px;width: 260px; background-color: #548F89;text-align: center; color: #FFF;} #main #subscriptionStatusBlock a {cursor: pointer; font-weight: bold; color: #FFFF00;} /* Library */ #main div.libMiniNav {margin: 2px;width:auto; font-size: 0.7em;} #main div.reportErrors {margin: 2px;width:auto; font-size: 0.7em; float: right;} #libTitle {width: 788px; float: left; text-align: center; margin: 5px; font-size: 2.5em;} #main div.libCatItem {width: 250px;margin: 8px;position:relative;} #main div.libCatItem a {text-decoration: none;float: left;} #main div.libCatItem a:hover {cursor: pointer;padding: 0;} #main div.libCatItem a img {float: left;margin: 0;border: none;padding: 6px;background: #fff;} #main div.libCatItemUnits {background: #fff; padding: 6px; margin:0;width:238px; position: relative;border:none;} #main div.libCatItemUnits a img {float: left;margin: 0;border: none;padding: 0;background: #fff;} #main div.libCatItem a .cat-name {text-align: center; max-width:218px;position: absolute;right: 6px;bottom: 6px; font-size: 0.75em;font-weight: bold;color: #fff; background: #000;padding: 5px 10px;filter:alpha(opacity=75);opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";} #main span.fracNum {font-size: 75%; vertical-align: .5ex;} #main span.fracDen {font-size: 75%;} #main .catScenarios td.title {text-align: left;} #main .catScenarios td.date {white-space: nowrap;} #main #catForces {margin: 10px auto; float: none;} #main #formCatHolder {width: 778px; text-align: center;} #main #formCatHolder table.catFormations {float: none; margin: 10px auto; width: auto;} #main #formCatHolder table.catScenarios {float: none; margin: 10px auto; width: auto;} #main table.catScenariosUnplayed {float: none; margin: 10px auto; width: auto;} #main table.catScenariosUnplayed td {font-size: 0.8em;} #main table.catScenariosUnplayed td.status {width: 70px;} #main table.catScenariosUnplayed td.game {width: 170px;} #main table.catScenariosUnplayed td.scenario {text-align: left; width: 340px; font-size: 0.7em;} #main h2.catScenariosUnplayed {width: 778px; text-align: center;} /* Library > All Items */ #main div.prevNext {width:798px; margin: 4px 0 0 0;} #main div.prevNext div {margin:0; width:auto; font-size: 12px;} #main div.prevNext div img {margin-bottom: -1px;} #main div.prevNext .previous {margin-left: 10px;} #main div.prevNext .next {float: right;margin-right: 10px;} #main div.prevNext .edit {width: 100px; position: absolute; float: none; margin: 0 349px;} #main #errataTable {margin: 5px auto; float: none;} #main #errataTable tr td {font-size: 0.8em;} #main #errataTable td.errataObj {width: 60px; padding: 0;} #main #errataTable td.errataObj img {height: 60px; width: 60px; display: block; padding: 0; margin: 0;} #main #errataTable td.errataObj.scen {font-weight: bold;} #main #errataTable td.errataNote {text-align: left; padding-top: 2px; padding-bottom: 4px;} #main #errataTable td.errataNote p {margin: 2px;} #main #errataTable td.errataNote div.erratumAuthor {font-size: 0.8em; margin: 0; width: 100%; text-align: right;} #main .extendedData {margin: 0 10px;} #main .extendedData.slidingDiv_AARs {margin: 0; width: 798px;} #main #scenarioList {margin: 0 auto; float: none;} #main #scenarioList td.scenario {text-align: left;} #main #oobTree {padding:0; margin:0;} #main #oobTree ul.tree, #main #oobTree ul.tree ul { list-style-type: none; background: url(tree_vertical_line.png) repeat-y; margin: 0; padding: 0; } #main #oobTree ul.tree ul { margin-left: 10px; } #main #oobTree ul.tree li { margin: 3px 0; padding: 0 12px; line-height: 60px; background: url(tree_joint_line.png) no-repeat; } #main #oobTree ul.tree ul ul > li.last { background: #CACFAA url(tree_end_cap.png) no-repeat; } #main #oobTree ul.tree li img {margin:0; display: block; padding:0; border:1px solid #808080;} #main #oobTree ul.tree span.noUnitImage {text-align: center; height: 60px; width: 60px; border: 1px dashed black; display: inline-block; margin:0; padding:0; font-size: 0.6em;} /* OOBv2, experimenting with alternate layout */ #main #oobTree table {background-color: #CACFAA;} #main #oobTree table td {border: none;} #main #oobTree div.nationOOB ul.tree {float: left;} #main #oobTree div.nationOOB ul.tree ul > li.last { background: #CACFAA url(tree_end_cap.png) no-repeat; } #main #oobTree div.nationOOB ul.tree { background: none; list-style-type: none; margin: 0; padding: 0; } #main #oobTree div.nationOOB ul.tree > li { background: none; line-height: 20px; font-weight: bold; font-size: 1.2em; margin: 0; text-align: left; } #main #oobTree div.nationOOB {margin: 0;} #main #oobTree div.nationTitle {margin: 0 0 2px; width: 100%; font-weight: bold; font-size: 1.6em; text-align: center;} #main #oobTree div.nationForces {margin: 0; text-align: center; float: left; width: 100%;} #main #oobTree div.nationForces table.forceOOBs {margin:0 auto 10px auto; float: none; text-align: center; width: auto;} #main #oobTree div.nationForces table.forceOOBs th {font-size: 1.1em;} #main #cloudBT, #main #cloudCond {width: inherit;} #main div.cloud div.tag {width: auto; margin: 0; float: left; padding: 1px;} #main div.cloud div.tag {width: auto; margin: 0; float: left; padding: 1px;} #main #AFVrules ul {text-align: left;} #main #AFVrules ul li {margin: 10px 0;} /* Library > Game */ #main #boxCover {margin: 10px 5px 5px 10px;width: 350px; height: 350px; background-color: #000000; text-align: center;} #main #boxCover img {margin: 0 auto; margin-top: 5px;} #main #coreGameData {width: 210px; margin: 10px 5px 5px 5px;} #main #coreGameData th {text-align: right; padding: 2px 4px 2px 0; font-size: 0.8em; width: 100px;} #main #coreGameData td {font-size: 0.8em; padding: 2px;} #main #coreGameData td.designerNames {font-size: 0.8em;} #main #medalRecipients {float: right; background-color: #FFF; margin: 10px 10px 10px 5px; width: 196px; text-align: center; border: 1px solid #EEEEEE;} #main #medalRecipients div {background-color: #FFF; width: inherit; text-align: center; font-weight: bold; font-size: 1.3em; font-variant: small-caps; margin: 5px 0 0 0;} #main #medalRecipients img {margin: 5px 0 5px 0; border: 1px solid #000; width: 176px;} #main #medalRecipients ul {text-align: left; list-style: none; margin: 0 10px 10px 10px; font-size: 0.7em;} #main #noMedals {float: right; color: #808080; margin: 10px 10px 10px 5px; width: 196px; text-align: center; border: 1px dashed #808080;} #main #noMedals div {margin: 30px 20px; text-align: center; width: 166px;} #main #overallRating {margin: 5px 0 0 5px; width: 210px; float: left;} #main #overallRating th {font-size: 0.8em; padding: 3px 2px; font-weight: normal;} #main #overallRating td {padding: 0;} #main #gameRating {width: 208px; height: 100px; margin: 0;background-color: #FFFFFF; text-align: center; position: relative;} #main #gameRating div {position: absolute; margin: 0; padding: 0; top:0; left:0; float: none;} #main #gameRating #ratingNumber {width: 188px; left:20px; height: 100px; font-size: 80px; line-height: 80px;padding: 10px 0;} #main #gameRating .ratingBar {left:20px;height: 20px;} #main #gameRating .rating {background-color: #080808;width: 20px; height: 20px; color: #FFFFFF; text-align: center;} #main #gameRating #gr5, #main #gameRating #r5 {top: 0; background-color: #000066; } #main #gameRating #gr4, #main #gameRating #r4 {top: 20px; background-color: #2D2D81; } #main #gameRating #gr3, #main #gameRating #r3 {top: 40px; background-color: #6666A3; } #main #gameRating #gr2, #main #gameRating #r2 {top: 60px; background-color: #8E8EBB; } #main #gameRating #gr1, #main #gameRating #r1 {top: 80px; background-color: #CACADF; } #main #gpContainer {width: 778px; margin: 10px; padding: 0; text-align: center;} #main #gamePlayability {margin: 0 auto; float: none;} #main #gamePlayability td.reqGameName {height: 30px; white-space: nowrap; font-size: 1em; padding: 0 3px;} #main #gamePlayability td.recBlock {padding: 5px 10px;} #main #extendedData {width: 798px; margin: 0;} #main #balanceCharts {width: 778px; height: 80px; margin: 5px 10px;} #main #balanceCharts > table {border: 0; margin: 0px; padding: 0px; background: none; border-collapse: collapse;} #main #balanceCharts > table td {padding: 0px; border: none; border-collapse: collapse;} #main #balanceCharts > table td.col1 {width: 60px; text-align: left;} #main #balanceCharts > table td.col2 {width: 718px;} #main #balanceCharts > table td.col2 table {margin: 0px; padding: 0px;} #main #scenCols {width: 788px; text-align: center; margin: 0 5px;} #main #scenCols #leftCol {width: 220px; margin: 0;} #main #scenCols #leftCol #overallRating {float: right; margin-right: 5px;} #main #scenCols #leftCol #scenBTs, #main #scenCols #leftCol #scenConds {width: 210px; margin: 5px;} #main #scenCols #rightCol {width: 568px; margin: 0;} #main #boxBack {width: 778px; margin: 5px 10px;} #main #boxBack td {text-align: left;} #main .scenarioAppearancePercentages {margin: 5px 0; width: 778px;} #main .scenarioAppearancePercentages th.titleSpan {font-size: 0.9em; padding: 3px;} #main .scenarioAppearancePercentages th.itemName { font-weight: normal;font-size: 0.8em; padding: 2px 2px;height: 2em;} #main #nationsIncluded th.itemName { width: 70px; } #main #battleTypesIncluded th.itemName { width: 82px; } #main #conditionsIncluded th.itemName { width: 110px; } #main #gamesIncluded th.itemName { width: 150px; } #main .scenarioAppearancePercentages a {color: #FFF;} #main .scenarioAppearancePercentages td.itemPresence {text-align: center; padding: 0;} #main .scenarioAppearancePercentages td.itemPresence div.presenceBlock {background-color: #00008b; margin:0 auto; height: 2em; float: none; color: #fff; padding-top: 0.5em; font-weight: bold;} #main #mapsIncluded {margin: 5px 10px;} #main th.sectionTitle {margin: 0; padding: 0; vertical-align: middle;} #main .showMore {width: 778px; text-align: center;} #main .showMore hr {width: 261px; margin: 15px auto; float: left;} #main .showMoreButton {margin:0;height: 30px;line-height: 30px;width: 250px; float: left; text-align: center; border: 1px solid black; background-color: #548F89; color: #FFFFFF;} #main .showMoreButton:hover {cursor: pointer;} #main #gamesNeeded th {} #main #gamesNeeded td.count {font-size: 1.4em;} #main #gamesNeeded td.games {text-align: left; margin: 0; padding: 0;} #main #gamesNeeded td.games img {display: block; float: left;} #main .balanceSet table {margin: 0; padding: 0; height: inherit; width: 90px;} #main .balanceSet table * {padding: 0;} #main .balanceSet table th {font-size: 0.8em; padding: 0 4px;} #main .balanceSet table th.col0 {text-align: right;} /* Library > Nation */ #main #nationImage {margin: 5px 48px; border: 1px solid #fff;} #main #noNationImage {border: 1px dashed #fff; text-align: center; font-size: 1.5em; color: #fff; width: 778px; padding:10px 0;} #main #combatEffBlock {margin:0; width: 798px; text-align: center;} #main #combatEffBlock h2 {margin: 5px 0;} #main table.combatHist {font-size: 0.8em; margin:5px auto; float: none;} #main table.combatHist th {padding: 4px;} #main table.combatHist th.ceType {font-weight: normal; text-align: right;} #main table.combatHist th.ceCat {background-color: #FFF; font-size: 1.2em; color: #000; font-variant: small-caps;} #main table.combatHist td {padding: 4px; font-size: 1em;} #main #nationCEandRating {width: 798px; margin:0; padding:0;} #main #nationCEandRating #combatEffBlock {margin: 5px 5px 5px 10px; width: 460px; text-align: right;} #main #nationCEandRating #combatEffBlock h2 {} #main #nationCEandRating #combatEffBlock table.combatHist {margin-right: 0;} #main #nationRating {margin: 5px 10px 5px 5px; width: 210px;} #main #nationSummary td {text-align: left;} /* Library > Map */ #main #mapImage {margin: 5px 5px 5px 10px; border: 1px solid #fff; float: left;} #main #mapDescription, #main #includedIn {width: 316px; margin: 5px 5px 5px 5px;} #main #mapDescription td, #main #includedIn td {text-align: left;} /* Library > Battle Type & Condition */ #main #battleTypeImage, #main #conditionTypeImage {margin: 5px 5px 5px 10px; border: 1px solid #fff; float: left;} #main #battleTypeDescription, #main #conditionDescription {width: 528px; margin: 5px 10px 5px 5px; float: left;} #main #battleTypeDescription td, #main #conditionDescription td {text-align: left;} /* Library > Unit */ #main #unitUnused {border: 1px solid #ff0000; background-color: #FFFFFF; width: 400px; margin: 5px 188px; padding: 10px; text-align: center;} #main #unitImageBlock {margin: 5px 10px; border: none; width: 778px; text-align: center;} #main #unitCounterData {margin: 5px 5px 5px 10px;} #main #unitCounterData th.data {font-weight: normal; text-align: right;} #main #noUnitImage {border: 1px dashed #ffffff; width: 128px; margin: 0 325px; padding: 10px;} /* Library > Scenario */ #main #titleHolder {width: 798px; margin:0; text-align: center;} #main #titleHolder #scenTitleVS {font-size: 150%; margin: 10px auto; float: none;} #main #titleHolder #formationsInvolved {margin: 10px auto; float: none;} #main #titleHolder #formationsInvolved td.fName {text-align: left;} #main #titleHolder #formationsInvolved img {display: block;} #main #scenTitleVS td.colS1 {text-align: right; vertical-align: top;} #main #scenTitleVS td.colVS {font-weight: bold;} #main #scenTitleVS td.colS2 {text-align: left; vertical-align: top;} #main #scenTitleVS span.posture {font-size: 0.6em;} #main #scenTitleVS ul.scenario-formations li {font-size: 0.8em; height: 40px; padding-left: 40px;} #main #scenTitleVS ul.scenario-formations {list-style-type: none; margin-left: 10px;} #main #scenTitleVS ul.scenario-formations li a {display: inline-block; margin-top: 10px;} #main #playStatus {width: 300px; height: 100px;} #main #scenCols {width: 788px; text-align: center; margin: 0 5px;} #main #scenCols #leftCol {width: 220px; margin: 0;} #main #scenCols #leftCol #overallRating {float: right; margin-right: 5px;} #main #scenCols #leftCol #scenBTs, #main #scenCols #leftCol #scenConds {width: 210px; margin: 5px;} #main #scenCols #rightCol {width: 568px; margin: 0;} #main #playability, #main #scenIntro, #main #scenConc {width: 558px; margin: 5px 0 5px 5px;} #main #playability td, #main #scenIntro td, #main #scenConc td, #main #scenNotes td {text-align: left;} #main #playability #verdictImg {padding: 0; width: 120px;} #main #playability td.verdictIcon {width: 20px;} #main #coreScenData {width: 210px; margin: 5px; float: right;} #main #coreScenData th {text-align: right; padding: 3px 4px 3px 0; font-size: 0.8em; width: 95px;} #main #coreScenData td {font-size: 0.8em; padding: 3px;} #main #scenMapsHolder {width: 778px; text-align: center;} #main #scenMapsHolder #mapsIncluded {margin: 0 auto; float: none;} #main #mapsIncluded img {margin: 4px;} /* Library > Formation */ #main #altNameHolder, #main #oobTreeHolder {width: 778px; margin: 5px 10px; text-align: center;} #main #formationAltNames, #main #formOOBTree {margin: 0 auto; float: none;} #main #formationAltNames td.col0 {white-space: nowrap; font-size: 0.6em;} #main #formOOBTree ul {margin-left: 20px;} #main #formOOBTree li {text-align: left;} #main #formNotes {width: 302px; font-size: 0.9em;} #main #formNotes tr td {text-align: left; padding: 0;} #main #insignia_table {background-color: #CACFAA; border: none; padding: 0; margin: 0; width: 798px;} #main #insignia_table td {border: none; padding: 0;} #main #insignia_table #insignia_col {text-align: right; width: 399px;padding: 5px;} #main #insignia_table #insignia_col img {display: block; margin: 0; float: right;} #main #insignia_table #info_col {text-align: left; width: 399px; padding: 5px;} #main #insignia_table #info_col #formOOBTree {margin: 0px;} #main #formation-live-search-form {float: left; margin: 10px; text-align: center;} #main #formation-live-search-form table {width: 600px; margin: 0 auto; float: none;} #main #livesearch {text-align: center;} #main #livesearch table {float: none; margin: 0 auto;} /* Library > Humans */ #main #devTimeline {width: 778px; font-size: 0.6em; margin-top: 0;} #main #devTimeline th.overallTitle {font-size: 1.8em;} #main #devTimeline th.publishingYears {padding: 1px 2px; font-weight: normal;} #main #devTimeline th.designerName {padding: 1px; font-weight: normal; height: 10px; width: 54px;} #main #devTimeline th.designerName a {color: #fff;} #main #devTimeline td.madeGame {padding: 0; width: 8px;} #main #devTimeline td.madeGame a {display: block; width: 100%; height: 10px;} #main table.designerBlock {width: 778px; margin: 20px 10px; font-size: 0.9em;} #main table.designerBlock td.portrait {width: 130px;} #main table.designerBlock th.column {width: 10px; padding: 0; border-right: none;} #main table.designerBlock th.desGamesTitle {border-left: none;} #main table.designerBlock th.datumCat {font-weight: normal; text-align: right; width: 100px; padding: 2px 3px;} #main table.designerBlock td.datum {text-align: left;} #main table.designerBlock td.datum.fullName {font-weight: bold; font-size: 1.1em;} #main table.designerBlock td.datum.location {font-size: 0.9em} #main table.designerBlock td.datum.realLife {font-size: 0.8em;} #main table.designerBlock td.datum p {margin: 0;} #main table.designerBlock td.desGames {width: 300px;} #main table.designerBlock td.desGames div.desGamesHolder {max-height: 190px; margin: 0; width: 300px; overflow-y: scroll;} #main table.designerBlock td.desGames div.desGameIcon {position:relative;width: 90px; height: 90px;margin: 0; padding: 2px;float: left;} #main table.designerBlock td.desGames div.desGameIcon:hover {background-color: #FBDE33;} #main table.designerBlock td.desGames div.desGameIcon a {display: block;} #main table.designerBlock td.desGames div.desGameIcon a span {font-size: 0.7em;text-align: center; width:90px; height: 10px;position: absolute;right: 2px;top: 60px;color: #FFF; background-color: #000;} /* PG-HQ's Most Wanted */ #main #bountyGraph {margin: 10px 11px;} #main .twoColumn {width: 798px; margin:0; padding:0; text-align: center;} #main .twoColumn #leftColumn {width: 399px; text-align: right; padding: 0; margin:0;} #main .twoColumn #rightColumn {width: 399px; text-align: left; padding: 0; margin:0;} #main .twoColumn #leftColumn table {float: right;} #main #topTwenties {margin: 0; text-align: center; width: 798px;} #main #topTwenties table {margin: 20px auto; float: none;} #main h1.bountyTitle {margin: 10px;} /* Line of Sight Tool */ #main #LOS table th {text-align: right;} #main #LOS table td {text-align: left;} #LOS .hexcode {width: 40px;} #main #LOSResult th {text-align: right;} #main #LOSResult th.title {text-align: center;} #main #LOSResult td {text-align: left;} #main #LOSResult td.invalid {color: #FF0000;} #main #mapDumpResult th {text-align: right;} #main #customTerrainInput {margin: 0 10px; width: 778px;} #main #customTerrainInput th.title {text-align: center;} #main #customTerrainInput th.terrainType {width: 90px; font-size: 0.8em;} #main #customTerrainInput td input {width: 650px;} /* Muster & Medals */ #main table.tourOfDuty {background-color: #CACFAA; width: 778px;} #main table.tourOfDuty td {border: none;} #main table.tourOfDuty td.ribbon { width: 220px;} #main table.tourOfDuty td.ribbon div.frame {margin: 0 10px 0 3px; background-color: #667D61;float: left; width: auto;} #main table.tourOfDuty td.ribbon div.frame img.ribbon {position: relative;top: -2px;left: -3px;border: 1px solid black;} #main table.tourOfDuty td.gameName {text-align: left; font-size: 1.8em; vertical-align: middle;} #main table.tourOfDuty td.recipientList {text-align: left; font-size: 1.3em;} #main div.musterGroup {width: 778px;} #main div.musterGroup div {margin: 0; padding: 0;} #main div.musterGroup div.rankInsignia {float: left;height: 50px;width: 50px;border: none; text-align: center;} #main div.musterGroup div.rankInsignia img {display: inline-block;} #main div.musterGroup div.rankTitle {float: right; width: 720px; font-size: 1.3em; padding-top: 12px;} #main div.musterGroup table.userList {float: right; background-color: #CACFAA;} #main div.musterGroup table.userList tr td {width: 259px; border: none; font-size: 1.1em; padding: 4px 0;} /* myGallery > fileThingy*/ #main #myGallery {width: 778px;} #myGallery #myG_path {width: 100%; margin: 0 0 10px 0;} #myGallery #myG_toolbar {margin: 0; width: 100%;} #myGallery #myG_toolbar form {width: auto;} #myGallery #myG_toolbar input.button {margin: 5px;} #myGallery #myG_toolbar th.noBottom {border-bottom: none;} #myGallery #myG_toolbar th.noTop {border-top:none;} #myGallery #myG_toolbar div.heightControl {min-height: 60px; margin: 0;} #myGallery #myG_toolbar #uploadZone {width: 400px; margin: 0;} #myGallery #myG_toolbar #uploadZone th {font-size: 0.9em; padding: 2px;} #myGallery #myG_toolbar #uploadZone #uploadInputRow {text-align: left; width: 300px;} #myGallery #myG_toolbar #uploadZone #uploadButtonRow {text-align: right; vertical-align: bottom;} #myGallery #myG_toolbar #uploadZone #uploadButtonRow div.info {font-size: 0.7em;width: 100%; text-align: center; font-weight: normal; margin:0;} #myGallery #myG_toolbar #uploadZone #uploadButtonRow #uploadbutton {width: auto; margin: 0;} #myGallery #myG_toolbar #uploadZone #uploadsection {width: 280px; margin: 0; float: left;} #myGallery #myG_toolbar #uploadZone h3.queuedHeader {float: left; width: 300px; margin: 5px 0; font-size: 0.9em;} #myGallery #myG_toolbar #uploadZone #queuedFilesList {font-size: 0.8em; float: left; margin-bottom: 5px;} #myGallery #myG_toolbar #uploadZone #splint {width: 0; border-right: none; border-left: none; border-bottom: none;height: 65px; margin: 0; padding: 0; background-color: #FFFFFF;} #myGallery #myG_toolbar #createFolder {width: 230px; margin: 0 30px;} #myGallery #myG_toolbar #createFolder th {font-size: 0.9em; padding: 2px;} #myGallery #myG_toolbar #createFolder div {width: auto; font-size: 0.8em; min-height: 30px; height: 30px;margin: 10px 0 20px 0;} #myGallery .error {color: #ff0000;} #myGallery #myG_status {width: 300px; margin: 10px 239px; background-color: #000000; color: #FFFFFF; text-align: center;} #myGallery #myG_status p {text-indent: 0; font-size: 0.7em; margin: 3px; float: left; width: 290px;} #myGallery #myG_status.hidden {display: none;} #myGallery #fileList {width: 778px; margin: 10px 0;} #myGallery #fileList .details span.hide { background:#ffc; color:#000; } #myGallery #fileList /*tr.rowhover, a:hover,*/ h1, #sidebar h2, #filelist th, #filelist tfoot td, #filelist .hover, #filelist tr.rowhover .details span.hide { background:#326532 !important; color:#fff !important; } #myGallery #fileList th {text-align: left;} #myGallery #fileList th a {color: #ffff00;} #myGallery #fileList #warehouse td {padding: 2px 3px;} #myGallery #fileList #warehouse div.myG_item {width: 100px; height: 100px; border: 1px solid #FFF; margin: 4px;} #myGallery #fileList #warehouse div.myG_item:hover {border: 1px solid #0000ff;} #myGallery #fileList #warehouse div.editButton {height: 8px; width: 98px; border: none; margin: 2px 2px 0 0; padding: 0; font-size: 0.7em; text-align: right;} #myGallery #fileList #warehouse div.gal_subfolder {width: 100px; height: 90px; margin: 0; padding: 0; background: url('../gallery/folder.png'); text-align: center;} #myGallery #fileList #warehouse div.gal_subfolder a {display: block; height: 100%; width: 100%; z-index: 2; position: relative; top:0; left:0;} #myGallery #fileList #warehouse span.duck {z-index: -1; position: relative; top: 0; left: 0; float: left; width: 80px; text-align: center; color: #FFF; margin: 35px 10px 0 10px; font-size: 0.8em;} #myGallery #fileList #warehouse div.gal_file {background-color: #000000;} #myGallery #fileList #warehouse div.gal_file div.thumbnail {width: 100px; height: 100px; margin:0; padding:0; border:none; z-index: 2; position: relative; top: 0; left: 0; float: none;} #myGallery #fileList #warehouse div.gal_file div.thumbnail a.blockImageLink {display: block; width: 100%; height: 100%;} #myGallery #fileList #warehouse div.gal_file div.thumbnail a.delLink {position: absolute; top:2px; right:2px; float: none; z-index: 10; background-color: #FFFFFF; font-size: 0.7em; line-height: 12px; padding: 0 0 1px 0;} #myGallery #fileList th.bottomStats {text-align: right; font-size: 0.7em; font-weight: normal;} /*#myGallery #fileList #warehouse div.gal_file div.editButton {z-index: 3; margin: 0; float: none; width: auto; position: relative; top: 0; right: 0;}*/ /* when uploading multiple files you need multiple input blanks, but that looks ugly, so the original plugin author chose to hide all the additional inputs by sending them way off the screen to the left with this class */ .uploadInputHide {position:absolute;left:-10000px;display: none;} /* oob tree popup styling */ #pup { position:absolute; z-index:200; /* aaaalways on top*/ padding: 3px; margin-left: 10px; margin-top: 5px; width: 400px; border: 1px solid black; background-color: #777; color: white; font-size: 0.95em; } /* PG-HQ > Search */ #main div.searchSummary {background-color: #fff; width: 384px; margin:5px 10px; height: 120px;} #main div.searchSummary:hover {background-color: #EEE;} #main div.searchSummary a {display: block; height: 120px;} #main div.searchSummary a span {margin: 5px; display: block; text-indent: 20px;} #main div.searchSummary a:hover {cursor: pointer;} #main div.searchSummary h2 {background-color: #548F89; margin: 0; padding: 5px; color: #FFF;} #main div.searchSummary a:hover h2 {color: red;} #main div.searchSummary.leftSS {margin-right: 5px;} #main div.searchSummary.rightSS {margin-left: 5px;} #main div.searchSummary.bottomSS {margin-bottom: 10px;} #main table.searchArray {width: 778px;} #main table.searchArray th {text-align: left;} #main table.searchArray td {text-align: left;} /*#main table.searchArray td input {margin-right: 4px;}*/ #main table.searchArray td.searchCB {text-align: center; width: 16px;} #main table.searchArray td.cbGreen {background-color: green;} #main table.searchArray td.cbRed {background-color: red;} #main table.searchArray td.searchCB input {} /* PG-HQ > Search > Basic */ #main #searchFormBasic {width: 798px;} #main #searchGames th.myColl {text-align: right;} #main #searchDates td input {width: 6em; text-align: center;} #main #searchDates td input.scenSubDate {width: 2em;} #main #searchMapSize td {text-align: left;} #main #searchMapSize td input {width: 3em; text-align: center;} #main #scenarioFreshness {width: 286px; margin-right: 0;} #main #scenarioFreshness th.text {font-size: 0.8em; font-weight: normal; text-align: right; padding: 5px;} #main #scenarioFreshness th.text.col0 {width: 140px;} #main #scenarioFreshness td {padding: 2px; font-size: 0.8em;} #main #scenarioFreshness td input {width: 3em; text-align: center;} #main #scenarioTurnCount input {width: 44px; text-align: center;} #main #counterTotal input {width: 44px; text-align: center;} #main #resultsColumns {width: 778px;} #main #resultsColumns td input {margin-right: 5px;} /* PG-HQ > Search Results */ #main #scenarioList thead tr .header { background-image: url(bg.png); background-repeat: no-repeat; background-position: center right; cursor: pointer; } #main #scenarioList thead tr .headerSortUp { background-image: url(asc.png); } #main #scenarioList thead tr .headerSortDown { background-image: url(desc.png); } #main #scenarioList thead tr .headerSortDown, #main #scenarioList thead tr .headerSortUp { background-color: #8dbdd8; } #main div.searchResults #scenarioList th {padding-right: 14px; padding-left: 5px; font-weight: normal; font-size: 0.8em;} #main div.searchResults #scenarioList {margin-bottom: 10px;} #main div.searchResults #scenarioList td.scenDate {font-size: 0.6em; white-space: nowrap;} #main div.searchResults #scenarioList td.natBTCond {font-size: 0.7em; text-align: left; max-width: 200px;} #main div.searchResults #scenarioList th.Footprint {font-size: 0.6em; white-space: nowrap;} #main div.searchResults #scenarioList th.Counters {font-size: 0.6em; white-space: nowrap;} /* PG-HQ > Detailed Game Catalog */ #main #gameCatalogDetailed {width: 778px;} #main #gameCatalogDetailed thead tr .header { background-image: url(bg.png); background-repeat: no-repeat; background-position: center right; cursor: pointer; } #main #gameCatalogDetailed thead tr .headerSortUp { background-image: url(asc.png); } #main #gameCatalogDetailed thead tr .headerSortDown { background-image: url(desc.png); } #main #gameCatalogDetailed thead tr .headerSortDown, #main #gameCatalogDetailed thead tr .headerSortUp { background-color: #8dbdd8; } #main #gameCatalogDetailed th {font-weight: normal; font-size: 0.9em;} /* PG-HQ > Hall of Fame */ #main #GOAT {font-size: 150%; float: none; margin: 10px auto;} #main #GOAT td {padding: 10px 20px;} #main #hof_tables {background-color: #CACFAA; border: none; width: 778px;} #main #hof_tables h2 {margin: 10px;} #main #hof_tables table {float: none; margin: 20px auto;} #main #hof_tables tr td {vertical-align: top; text-align: center; border-left: none; border-right: none; border-top: none; border-bottom: none;} #main #hof_tables tr.hofRow {border: none;} #main #hof_tables tr.hofRow td {border: 1px solid #EEEEEE;} #main #hof_tables tr td.note {font-size: 0.7em;} #main #hof_tables tr td.year {font-weight: bold;} /* PG-HQ > Articles this should always be the end of the CSS file, because these often require the most customization */ #main #articles {width: 798px;float: right;margin: 0;padding: 0;background-color: #CACFAA;} #main #articles div {width: auto;} #articles-intro {width: 778px; margin: 10px; padding: 0; float: left;} #articles-intro h1 {color: black; font-size: 1.3em; text-align: center; margin: 0; padding: 0;} #main #articles div.articleblock {width: 738px; margin: 0 24px 10px 24px; padding: 5px; float: left; background-color: white; border:1px solid #76A966;} #main #articles div.articlenumber {font-size: 1em; font-weight: bold; width: 35px; height: 25px; float: left; margin: 0; padding: 0;} #main #articles div.articletitle {font-size: 1em; width: 600px; min-height: 25px; float: left; margin: 0; padding: 0;} #main #articles div.articlereleasedate {font-size: 0.8em; font-weight: bold; width: 100px; height: 25px; float: left; margin: 0; padding: 0; text-align: right;} #main #articles div.articlesummary {font-size: 0.9em; width: 728px; margin: 0 5px; padding: 0; float: left;} #main #articles div.articleauthor {font-size: 1em; width: 738px; margin: 0; padding: 0; text-align: right; float: left;} #main #articles #articleViewTitle {width: 778px; margin: 10px 10px 0 10px; padding: 0; text-align: center; float: left; font-size: 1.1em; font-weight: bold;} #main #articles #articleViewByLine {width: 778px; margin: 4px 10px; padding: 0; text-align: center; float: left; font-size: 1em;} #main #articles #articleViewContent {width: 778px; margin: 10px; padding: 0; text-align: left; float: left; font-size: 0.9em;} #main #articles #articleViewContent ol {font-size: 0.9em; margin-left: 60px;} #main #articles #articleViewContent ul {font-size: 0.9em; margin-left: 60px;} #main #articles #articles-return-link {float: left; width: 788px; margin: 5px 10px 0 0; padding: 0; font-size: 0.9em; text-align: right;} /* double blind article */ #dramaticIntroduction {font-style: italic; font-size: 1.1em; margin: 0 40px 5px 40px; background-color: white; padding: 5px;border:1px solid #76A966;} div.standardFigure {width: 776px; border: 1px solid black; margin: 5px 0; background-color: #548F89; text-align: center;} div.standardFigure img {margin: 3px 3px 0 3px;} div.standardFigure p.caption {margin: 0 5px 3px 5px; color: white; text-align: left; text-indent: 0;} div.miniFigure {width: 254px; border: 1px solid black; margin: 5px 0; background-color: #548F89; text-align: center; float: left;} div.left {margin-right: 2px;} div.center {margin: 5px 3px;} div.right {margin-left: 2px;} div.miniFigure img {margin: 2px 2px 0 2px;} div.miniFigure p.caption {margin: 0 5px 3px 5px; color: white; text-align: center; text-indent: 0;} div.revelations {margin: 50px 0;} div.revelationsTop {margin-bottom: 50px;} div.revelationsBottom {margin-top: 50px;} ol.doubleBlind {font-size: 0.9em; margin-left: 50px;} ol.doubleBlind li {margin: 4px 0;} div.animatedMovementExample {width: 406px; float: right; margin-left: 5px;} .supportingFiles {border: 1px solid black; background-color: white; padding: 4px; width: 240px; float: right; margin: 5px 0;} .supportingFiles h2 {font-size: 1.1em; font-weight: bold; border: none;} .supportingFiles ul {margin-left: 30px; line-height: 1.4;} .supportingFiles ul li {font-size: 0.9em; line-height: 1.4; margin: 4px 0;} .supportingFiles2 {border: 1px solid black; background-color: white; padding: 4px; width: 770px; margin: 5px 0 0 0;} .supportingFiles2 h2 {font-size: 1.1em; font-weight: bold; border: none;} .supportingFiles2 ul {margin-left: 30px; line-height: 1.4;} .supportingFiles2 ul li {font-size: 0.9em; line-height: 1.4; margin: 4px 0; display: inline;} p.end {text-indent: 0; font-size: 1.1em;} /* #4 - Road to 1000 article */ div.RTOT-Image {border: 1px solid black; padding: 0; margin: 10px 0;} div.RTOT-Image img {border: none; padding: 0; margin: 0; display:block;} div.RTOT-Image-inline {border: 1px solid black; padding: 0; margin: 20px; float: left;} div.RTOT-Image-inline img {border: none; padding: 0; margin: 0; display:block;} h1.RTOT {font-size: 1.2em; margin: 5px 0 0 0;} /* #5 - 1st 6 Month Plan article */ #A5-TOC {margin: -60px 10px 10px 0; border: 1px solid black; width: 170px; float: left; background-color: white;} #A5-TOC p {font-weight: bold; text-align: center; text-indent: 0; background-color: #548F89; color: white; border-bottom: 1px solid black; height: 20px;} #A5-TOC > ul {margin: 0 0 0 10px; font-size: 0.8em;} #A5-TOC > ul > li {margin: 5px 0; padding: 0; list-style: none;} #A5-TOC > ul > li > ul {margin: 0 0 0 20px;} #A5 h1 {font-size: 1.4em; background-color: #548F89; color: white; height: 30px; padding: 0 0 0 10px; margin-top: 30px;} #A5 h1.shorty, h2.shorty {width: 588px; margin-left: 180px;} #A5 h2.shorty {margin-left: 190px;} #A5 h2 {font-size: 1.3em; margin-left: 10px;} #A5 h3 {font-size: 1.2em; margin-left: 40px; margin-top: 20px; } #A5 h4 {font-size: 1.1em; margin-left: 40px;} #A5 > p {margin-left: 40px; max-width: 678px;} #A5 > p.sectionP {margin-left: 0; max-width: 778px;} #A6 div {margin: 5px 10px;} #A6 div h2 {font-size: 1.2em;} #A6 #A6context {margin-bottom: 20px;} #A6 div.A6mike {background-color: white; padding: 5px; margin-bottom: 20px; border: 1px solid black; margin-top: -1px;} #A6 div.A6shad {background-color: #548F89; padding: 5px; color: white; border: 1px solid black; margin-bottom: 0;} #main #articles #A7 h2 {text-align: center; margin-bottom: 4px;} #main #articles #A7 h3 {text-align: center; font-size: 1.1em; margin-bottom: 4px;} #main #articles div.bioMattW {width: 190px; margin: 0 0 10px 10px; border: 1px solid black; background-color: #548F89; color: white; padding-bottom: 5px; font-size: 0.8em; float: right;} #main #articles div.bioMattW h2 {width: 100%;font-size: 1em; margin: 2px;} #main #articles div.bioMattW img {border: 1px solid black; margin: 0 9px;} #main #articles div.bioMattW p {margin: 0 5px;} #main #articles table.pullOutQuote {border-collapse: collapse; border: 1px solid black; background-color: #548F89; color: white; width: 498px; margin: 5px auto;} #main #articles table.pullOutQuote tr td.quotePortrait {text-align: right;} #main #articles table.pullOutQuote tr td.quotePortrait img {border: 1px solid black; margin: 5px; padding: 0;} #main #articles table.pullOutQuote tr td p {text-indent: 0; margin: 5px;} #main #articles table.pullOutQuote tr td p.center {text-align: center; font-size: 1.4em;} #main #articles table.pullOutQuote tr td p.right {text-align: right; margin-right: 5px; font-size: 1.2em;} #A8 {text-align: center;} #A8 h2 {margin-top: 20px; text-align: left;} #A8 h3 {margin-top: 15px; text-align: left;} #A8 p {text-align: left;} #A8 ol {text-align: left;} #A8 img {border: 1px solid black; padding: 0; margin: 10px auto;} p.inlineQuote {width: 598px; margin: 10px auto; background-color: #548F89; color: white; padding: 10px; border: 1px solid black;} p.contactAuthor {text-align: right; text-indent: 0; font-size: 0.9em; font-style: italic;} #main #articles div.awardInfoBlock {margin: 30px 0px; width: 778px; float: left;} #main #articles div.awardInfoBlock div.frame {display:none;} #main #articles div.awardInfoBlock img.award {position: relative;top: -3px;left: -3px;} #main #articles div.awardInfoBlock div.awardName {font-weight:bold; font-size: 1.5em; background-color: #548F89; color: #FFF; padding: 3px 0px 3px 10px; margin: 0px 0px 3px 0px; float: left; width: 768px;} #main #articles div.awardInfoBlock div.awardSummary {background-color: #fff; margin: 0px; padding: 0px; width: 100%;} #main #articles div.awardInfoBlock div.awardSummary ul {float: left; width: 545px;} #main #articles div.awardInfoBlock div.awardSummary li {margin: 2px 0px 2px -10px;} div.quote { background-color: #FFFFFF; text-align: center; width: 500px; margin: 10px auto; padding: 10px; } div.quote .speaker {text-align: right; font-weight: bold; font-size: 0.8em;} #A12 table {border-collapse: collapse; padding: 0; margin: 10px auto; background-color: #FFFFFF; } #A12 table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;border: 1px solid #EEEEEE;} #A12 table tr td {font-size: 0.9em;margin: 0;padding: 2px 5px; border: 1px solid #EEEEEE; text-align: center;} #A12 table tr.even {background-color: #EEEEEE;} #A12 tr.subCat {} #A12 tr.subCat th {text-align: right;font-size: 0.7em;} #A12 h2 {font-size: 1.2em;} #A12 p {text-indent: 20px; margin: 10px; padding: 0; line-height: 1.5em;} #A12 ul, #A12 ol {margin-left: 30px; font-size: 0.9em; line-height: 1.4;} #A12 div.imgHolder {width: 100%; text-align: center;} #A12 img {margin: 10px auto;} /* Impartial Leader Selector */ #main #ILScontainer {margin: 0; width: 798px;} #main #ILScontainer a.ILSgameBox {float: left; margin: 5px; background-color: red;} #main #ILScontainer img {float: left;} #main #ILSscenSelect {width: 600px;} #main #ILSscenSelect td {text-align: left;} #main #ILSscenSidebar {width: 166px; background-color: #FFF; margin-left: 0;} #main #ILSscenSidebar td {padding: 2px 0;} #main #ILSscenSidebar div {margin: 2px 4px; border: 1px dashed #D3d3d3; background-color: #e0ffff; width: 154px; font-size: 1em; padding: 0;} #main #ILSscenSidebar div:hover {background-color: #fbde33;} #main #ILSscenSidebar #ILSservings {padding: 10px 0;} #main #ILSscenSidebar div a {display: block; float: none; padding: 10px;} #main #ILSleaderList td.mono {font-family: monospace; text-align: right; font-size: 1.2em;} #main #ILSdefineOOB td {text-align: left;} #main #ILSdefineOOBForm td, #main #ILSdefineOOBForm th {text-align: left;} #main #ILSdefineOOBForm td.howMany {background-color: #FBDE33;} #main #ILSdefineOOBForm td input.leaderCount {width: 2em;} #main #ILSdefineOOBForm tr.barred, #main #ILSresults tr.barred {border-top: 2px solid #000;} #main #ILSresults td {text-align: left;} #main #ILSresults td.stats ul {margin:0;} #main #ILSresults td.stats ul li {font-family: mono; list-style: none; margin: 0;text-align: right; font-size: 1.2em;} #main #ILSleaderEditForm {width: auto;} #main #ILSleaderEditForm td.mono input {width: 50px;} #main #ILSnonMember {background-color: #fff; border: 1px dashed #808080; width: auto; font-size: 0.8em; padding: 10px;} #main #ILSemailResults {margin: 0 10px; width: 100%;} #main #ILSemailResults td {text-align: left;} #main #ILSemailResults td.note {font-size: 0.7em;} #main #ILSemailResults td.col0 {text-align: right; width: 130px;} #main #ILSemailResults td input {width: 100%;} #main #leaderDrawOptions {text-align: left;margin: 0;} #main #leaderDrawOptions th {text-align: left;} #main #leaderDrawOptions td {text-align: left;} #main #leaderDrawOptions ul {margin-left: 20px;} /* News Archives */ #main #archiveIntro {width: 798px; margin: 0;} #main #archiveSidebar {font-size: 0.7em;} #main #archiveSidebar tr.newYear td {border-top: 2px solid #000;} #main #archiveSidebar th {padding: 2px;} #main #archiveSidebar tr td.highlight {background-color: #fbde33;} #main table.npArchiveBlock {width: 788px; margin: 0 5px; background-color: #CACFAA; border: none;} #main table.npArchiveBlock td {border: none;} #main table.npArchiveBlock td.npNext {text-align: left;} #main table.npArchiveBlock td.npPrev {text-align: right;} /* VASSAL */ #main th.subHeader {padding: 2px; font-size: 0.8em; } #main td.screenshot {background-color: #000; padding: 2px;} #main td.screenshot img {display: block;} /* JQUERY AUTOCOMPLETE */ /*! jQuery UI - v1.10.2 - 2013-03-19 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}/*! jQuery UI - v1.10.2 - 2013-03-14 * http://jqueryui.com * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} #main #annotated-rules h1 {font-size: 2em; margin: 10px 0;} #main #annotated-rules div.module {margin: 5px 0; padding: 5px; font-family:verdana,arial,sans-serif; border-left: 2px solid white; border-bottom: 2px solid white; width: 600px;} #main #annotated-rules div.c {background-color: #fae2cc; border-color: crimson;} #main #annotated-rules div.module div {width: 600px;} #main #annotated-rules div.push1 {margin-left: 30px;} #main #annotated-rules div.push2 {margin-left: 60px;} #main #annotated-rules div.push3 {margin-left: 90px;} #main #annotated-rules div.push4 {margin-left: 120px;} #main #annotated-rules div.nodeName {margin: 0; font-weight: bold; font-size: 1.1em;} #main #annotated-rules div.nodeContent {font-size: 0.8em;text-indent:0; margin: 0;} #main #annotated-rules div.nodeContent p {text-indent: 0; margin: 5px 0;} #main #annotated-rules div.nodeContent ul,#main #annotated-rules div.nodeContent ol {font-size: 100%;} #main #annotated-rules #jump-to-list {margin: 10px 0; width: 778px; border-bottom: 2px solid black; border-top: 2px solid black; font-size: 0.8em;} #main #annotated-rules #jump-to-list table {width: 560px;} #main #annotated-rules #jump-to-list td {text-align: left; font-size: 1.0em; background-color: #CACFAA; border: none;} #main #annotated-rules #jump-to-list td.jump-title {font-weight: bold; font-size: 1.2em;} #main #annotated-rules #jump-to-list td.indent {padding-left: 10px; width: 180px;} #main #annotated-rules #jump-to-list td.col2 {width: 200px;} #main #annotated-rules #jump-to-list td.col3 {width: 180px;} /* diagrams */ #main #annotated-rules div img[title="Rule 8.35 LOS Diagram"] {border: 1px solid black; margin: 5px 0 0 100px;} #main #annotated-rules div img[title="Rule 10.1 Direct Fire Diagram"] {border: 1px solid black; margin: 5px 0 0 100px;} #main #annotated-rules div img[title="Rule 11.12 Crossfire Diagram"] {border: 1px solid black; margin: 5px 0 0 100px;} #main #annotated-rules div img[title="Rule 16.13 Smoke Dispersal and Drift"] {border: 1px solid black; margin: 5px 0 0 50px;} #main #annotated-rules div img[title="Playing Pieces Diagram"] {border: 1px solid black; float: right; margin: 0 0 0 10px;} #main div.rulesetSummary {width: 377px; border: 1px solid #31261e;} #main div.rulesetSummary div {width:366px; margin: 0; background-color: #FFF; padding: 5px;} #main div.rulesetSummary div.rulesetName {font-size: 3em; text-align: center;} #main div.rulesetSummary div.rulesetName a {display:block; width: 100%;} #main div.rulesetSummary div.rulesetBlurb {height: 200px; font-size: 0.8em;} #main #rulesList {width: 780px;} #main #rulesList table {width: 378px; margin: 0;} #main #rulesList table tr td table tr td {text-align: left;} /* stats-ratings.php */ #main #ratingGraphs {background-color: #CACFAA; border: none; margin: 0; width: 798px;} #main #ratingGraphs td {padding: 8px 0; border: none;} #main #ratingGraphs td.title {font-size: 2em; font-weight: bold;} #main #ratingGraphs td.ratingError {background-color: #FFFFFF; color: #ff0000;} #main #catUnits {margin: 0 167px; width: 444px;} #main #catUnits div {float: none;} #main #catUnits table { border-collapse: collapse; border-width: 0; float: none; } /*#main #catUnits td { width: 100px; }*/ #main #catUnits td img {border: none; float: left;} #main #catUnits td.counter {padding: 0; width: 60px;} #main #catUnits td.counter div.noImage {width: 58px; height: 58px; border: 1px dashed #f08080; margin: 0;} #main #catUnits td.counter div.noImage div {font-size: 0.7em; height: 40px; margin: 9px auto; width: auto; float: none;} #main #catUnits td.movClass {width: 100px;} #main #catUnits td.name {width: 200px;} #main #catUnits tr.nationRow { background-color: #548F89; font-size: 2em; text-align: center; color: #FFF; } #main #catUnits tr.forceRow { background-color: #99E3BE; font-size: 1.5em; text-align: center; color: black; } #main #catUnits table.top { /*margin-bottom:10px;*/ width: 444px; margin: 0; } #main #catUnits table.sub1 { margin: 0 0 0 30px; width: 414px; padding: 0; } #main #catUnits table.sub2 { margin: 0 299px 0 60px; padding: 0; width: 384px; } #main #catUnits div.clickable { cursor:pointer; width: auto; margin: 0; padding: 0; } #main #catUnits div.clickable>div.clickable { display:none; } #main #catUnits div.forceList { padding: 0; margin: 0; } #main #catUnits div.unitList { height: 62px; padding: 0; margin: 0; } #main #catUnits div.unitLoadSpace {margin: 0; padding: 0;} #main #patreon > div {margin: 0 0 10px 0;} #main #patreon > div.patreonL {width: 260px;margin-left:150px;} #main #patreon > div.patreonR {width: 200px; margin-right: 100px;} #main #patreon h2.patreonLink {font-size: 1.75em; text-align: center; margin: 20px 0;} #main #gamePopularity {width: 778px;} /* CSS rules for some forgotten pages that are being converted to the template system long after the fact */ #main #loginForm form div {margin: 0;} #main #loginTable td {padding: 10px;} #main #loginTable td input {padding: 5px;} #main #resetError {width: 600px; background-color: #FFF; border: 1px solid #FF0000;} #main #resetForm input.button {margin-left: 0;} #main #confirmation {width: 600px; background-color: #FFF; border: 1px solid #FF0000;} #mission-title {float: left; width: 778px; margin: 10px 10px 0 10px; text-align: center; font-size: 1.3em;font-weight: bold;} #mission-body {float: left;margin: 5px 10px; padding: 0;} #mission-author {float: left;width: 778px; margin: 5px 10px 0 10px; padding: 0; text-align: right;} #main #registerForm table {margin-right: 400px;} #main #registerForm table th {text-align: right;} #main #registerForm table td {text-align: left;} #main #registerForm h3 {margin-left: 10px;} #main #registerError {width: 600px; background-color: #FFF; border: 1px solid #FF0000; padding: 10px;} #main #articles {width: 798px;float: right;margin: 0;padding: 0;background-color: #CACFAA; border-right: 1px solid black; border-bottom: 1px solid black;border-left:1px solid black;} #main #articles-intro {width: 778px; margin: 10px; padding: 0px; float: left;} #main #articles-intro h1 {color: black; font-size: 1.5em; text-align: center; margin: 0; padding: 0;} #main #articles div.articleblock {width: 738px; margin: 0px 24px 10px 24px; padding: 5px; float: left; background-color: white; border:1px solid #76A966;} #main #articles div.articlenumber {font-size: 1em; font-weight: bold; width: 35px; height: 25px; float: left; margin: 0; padding: 0;} #main #articles div.articletitle {font-size: 1em; width: 600px; min-height: 25px; float: left; margin: 0; padding: 0;} #main #articles div.articlereleasedate {font-size: 0.8em; font-weight: bold; width: 100px; height: 25px; float: left; margin: 0; padding: 0; text-align: right;} #main #articles div.articlesummary {font-size: 0.9em; width: 728px; margin: 0px 5px; padding: 0; float: left;} #main #articles div.articlesummary p {margin: 0;} #main #articles div.articleauthor {font-size: 1em; width: 738px; margin: 0px; padding: 0; text-align: right; float: left;} #main #articles #articleViewTitle {width: 778px; margin: 10px 10px 0px 10px; padding: 0px; text-align: center; float: left; font-size: 1.1em; font-weight: bold;} #main #articles #articleViewByLine {width: 778px; margin: 4px 10px; padding: 0px; text-align: center; float: left; font-size: 1em;} #main #articles #articleViewContent {width: 778px; margin: 10px; padding: 0px; text-align: left; float: left; font-size: 0.9em;} #main #articles #articleViewContent ol {font-size: 0.9em; margin-left: 60px;} #main #articles #articleViewContent ul {font-size: 0.9em; margin-left: 60px;} #main #articles #articles-return-link {float: left; width: 788px; margin: 5px 10px 0px 0px; padding: 0px 0px 0px 0px; font-size: 0.9em; text-align: right;} /* double blind article */ #main #articles #dramaticIntroduction {font-style: italic; font-size: 1.1em; margin: 0px 40px 5px 40px; background-color: white; padding: 5px;border:1px solid #76A966;} #main #articles div.standardFigure {width: 776px; border: 1px solid black; margin: 5px 0px; background-color: #548F89; text-align: center;} #main #articles div.standardFigure img {margin: 3px 3px 0 3px;} #main #articles div.standardFigure p.caption {margin: 0 5px 3px 5px; color: white; text-align: left; text-indent: 0px;} #main #articles div.miniFigure {width: 254px; border: 1px solid black; margin: 5px 0px; background-color: #548F89; text-align: center; float: left;} #main #articles div.left {margin-right: 2px;} #main #articles div.center {margin: 5px 3px;} #main #articles div.right {margin-left: 2px;} #main #articles div.miniFigure img {margin: 2px 2px 0 2px;} #main #articles div.miniFigure p.caption {margin: 0 5px 3px 5px; color: white; text-align: center; text-indent: 0px;} #main #articles div.revelations {margin: 50px 0;} #main #articles div.revelationsTop {margin-bottom: 50px;} #main #articles div.revelationsBottom {margin-top: 50px;} #main #articles ol.doubleBlind {font-size: 0.9em; margin-left: 50px;} #main #articles ol.doubleBlind li {margin: 4px 0;} #main #articles div.animatedMovementExample {width: 406px; float: right; margin-left: 5px;} #main #articles .supportingFiles {border: 1px solid black; background-color: white; padding: 4px; width: 240px; float: right; margin: 5px 0px;} #main #articles .supportingFiles h2 {font-size: 1.1em; font-weight: bold; border: none;} #main #articles .supportingFiles ul {margin-left: 30px; line-height: 1.4;} #main #articles .supportingFiles ul li {font-size: 0.9em; line-height: 1.4; margin: 4px 0;} #main #articles .supportingFiles2 {border: 1px solid black; background-color: white; padding: 4px; width: 770px; margin: 5px 0 0 0;} #main #articles .supportingFiles2 h2 {font-size: 1.1em; font-weight: bold; border: none;} #main #articles .supportingFiles2 ul {margin-left: 30px; line-height: 1.4;} #main #articles .supportingFiles2 ul li {font-size: 0.9em; line-height: 1.4; margin: 4px 0; display: inline;} #main #articles p.end {text-indent: 0px; font-size: 1.1em;} /* #4 - Road to 1000 article */ #main #articles div.RTOT-Image {border: 1px solid black; padding: 0; margin: 10px 0px;} #main #articles div.RTOT-Image img {border: none; padding: 0; margin: 0; display:block;} #main #articles div.RTOT-Image-inline {border: 1px solid black; padding: 0; margin: 20px; float: left;} #main #articles div.RTOT-Image-inline img {border: none; padding: 0; margin: 0; display:block;} #main #articles h1.RTOT {font-size: 1.2em; margin: 5px 0 0 0;} /* #5 - 1st 6 Month Plan article */ #main #articles #A5 {margin: 0;} #main #articles #A5-TOC {margin: -60px 10px 10px 0; border: 1px solid black; width: 170px; float: left; background-color: white;} #main #articles #A5-TOC p {font-weight: bold; text-align: center; text-indent: 0px; background-color: #548F89; color: white; border-bottom: 1px solid black; height: 20px; margin: 0; padding-top: 2px;} #main #articles #A5-TOC > ul {margin: 0 0 0 10px; font-size: 0.8em;} #main #articles #A5-TOC > ul > li {margin: 5px 0; padding: 0px; list-style: none;} #main #articles #A5-TOC > ul > li > ul {margin: 0 0 0 20px;} #main #articles #A5 h1 {font-size: 1.4em; background-color: #548F89; color: white; height: 30px; padding: 0 0 0 10px; margin-top: 30px;} #main #articles #A5 h1.shorty, h2.shorty {width: 588px; margin-left: 180px;} #main #articles #A5 h2.shorty {margin-left: 190px;} #main #articles #A5 h2 {font-size: 1.3em; margin-left: 10px;} #main #articles #A5 h3 {font-size: 1.2em; margin-left: 40px; margin-top: 20px; } #main #articles #A5 h4 {font-size: 1.1em; margin-left: 40px;} #main #articles #A5 > p {margin-left: 40px; max-width: 678px;} #main #articles #A5 > p.sectionP {margin-left: 0px; max-width: 778px;} #main #articles #A6 div {margin: 5px 10px;} #main #articles #A6 div h2 {font-size: 1.2em;} #main #articles #A6 #A6context {margin-bottom: 20px;} #main #articles #A6 div.A6mike {background-color: white; padding: 5px; margin-bottom: 20px; border: 1px solid black; margin-top: -1px;} #main #articles #A6 div.A6shad {background-color: #548F89; padding: 5px; color: white; border: 1px solid black; margin-bottom: 0px;} #main #articles #A7 {margin: 0;} #main #articles #A7 p {} #main #articles #A7 h2 {text-align: center; margin-bottom: 4px;} #main #articles #A7 h3 {text-align: center; font-size: 1.1em; margin-bottom: 4px;} #main #articles div.bioMattW {width: 190px; margin: 0 0 10px 10px; border: 1px solid black; background-color: #548F89; color: white; padding-bottom: 5px; font-size: 0.8em; float: right;} #main #articles div.bioMattW h2 {width: 100%;font-size: 1em; margin: 2px;} #main #articles div.bioMattW img {border: 1px solid black; margin: 0px 9px;} #main #articles div.bioMattW p {margin: 0 5px;} #main #articles table.pullOutQuote {border-collapse: collapse; border: 1px solid black; background-color: #548F89; color: white; width: 498px; margin: 5px auto; float: none;} #main #articles table.pullOutQuote tr td {border: none;} #main #articles table.pullOutQuote tr td.quotePortrait {text-align: right;} #main #articles table.pullOutQuote tr td.quotePortrait img {border: 1px solid black; margin: 5px; padding: 0px;} #main #articles table.pullOutQuote tr td p {text-indent: 0px; margin: 5px;} #main #articles table.pullOutQuote tr td p.center {text-align: center; font-size: 1.4em;} #main #articles table.pullOutQuote tr td p.right {text-align: right; margin-right: 5px; font-size: 1.2em;} #main #articles #A8 {margin: 0;} #main #articles #A8 {text-align: center;} #main #articles #A8 h2 {margin-top: 20px; text-align: left;} #main #articles #A8 h3 {margin-top: 15px; text-align: left;} #main #articles #A8 p {text-align: left;} #main #articles #A8 ol {text-align: left;} #main #articles #A8 img {border: 1px solid black; padding: 0; margin: 10px auto;} #main #articles p.inlineQuote {width: 598px; margin: 10px auto; background-color: #548F89; color: white; padding: 10px; border: 1px solid black;} #main #articles p.contactAuthor {text-align: right; text-indent: 0px; font-size: 0.9em; font-style: italic;} #main #articles div.quote { background-color: #FFFFFF; text-align: center; width: 500px; margin: 10px auto; padding: 10px; float: none; } #main #articles div.quote .speaker {text-align: right; font-weight: bold; font-size: 0.8em; float: none;} #main #articles #A12 {margin: 0;} #main #articles #A12 div {float: none;} #main #articles #A12 table {border-collapse: collapse; padding: 0px; margin: 10px auto; background-color: #FFFFFF; float: none; } #main #articles #A12 table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;border: 1px solid #EEEEEE;} #main #articles #A12 table tr td {font-size: 0.9em;margin: 0;padding: 2px 5px; border: 1px solid #EEEEEE; text-align: center;} #main #articles #A12 table tr.even {background-color: #EEEEEE;} #main #articles #A12 tr.subCat {} #main #articles #A12 tr.subCat th {text-align: right;font-size: 0.7em;} #main #articles #A12 h2 {font-size: 1.2em;} #main #articles #A12 p {text-indent: 20px; margin: 10px; padding: 0; line-height: 1.5em;} #main #articles #A12 ul, #A12 ol {margin-left: 30px; font-size: 0.9em; line-height: 1.4;} #main #articles #A12 div.imgHolder {width: 100%; text-align: center;} #main #articles #A12 img {margin: 10px auto;} #main #playerFinderList td {text-align: left;} #main #playerFinderList img {display: block; margin: auto;} #main #playerFinderList td.country {text-align: center; padding: 0;} #main #playerFinderList td.country img {max-width: 50px;} /* error-reporting.php templates */ #main #errorFormTable td {text-align: left;} #main #validationError {border: 1px solid red; background-color: #FFFFFF; width: 400px; text-align: center; padding: 5px;} /* from matchmaker.php */ #main #matchmaker {margin: 0; width: 798px;} #matchmaker > div {margin: 10px; width: 778px;} #matchmaker > h2 {margin: 10px 10px 0 10px; font-size: 1.75em;} #matchmaker > #matchIntro {margin-top: 0;} #matchmaker > #matchIntro > p {margin-left: 0; margin-right: 0;} #matchmaker > div > ul {margin: 0 0 0 30px; font-size: 0.8em;} #matchmaker #userListHeader {font-weight: bold; font-size: 1.5em; margin: 5px 0px;} #main #matchmaker .matchBlock {margin: 5px 0px; float: left; width: 778px;} #main #matchmaker div.matchUser {width: 778px; height: 40px; float: left; background: url('MM/sliver.png') repeat-x;font-size: 1em; text-align: left; margin: 0;} #main #matchmaker div.matchUser img.toggle {float: left;} #main #matchmaker div.matchUser img.matchUserRightEnd {float: right;} #main #matchmaker div.matchUser > div.userText {float: left; margin: 10px 0 0 0; color: white; width: auto;} #main #matchmaker div.matchUser > div.userText > a {color: white;} #ohNo {background-color: #ffffff; padding: 5px; margin: 10px 50px; border: 1px solid red;} #main #challengeSent { margin: 10px auto; float: none; background-color: white; border-top: 1px solid #78a6a2; border-left: 1px solid #76A5A1; border-right: 1px solid #3d6863; border-bottom: 1px solid #3d6863; width: 600px; } #main #challengeSentMid { float: none; border-top: 1px solid #7daaa5; border-left: 1px solid #7daaa5; border-right: 1px solid #3b6460; border-bottom: 1px solid #3a625e; margin: 0; width: auto; } #main #challengeSentInner { float: none; text-align: center; padding: 5px; border-top: 1px solid #72a393; border-left: 1px solid #73a39e; border-right: 1px solid #416e6a; border-bottom: 1px solid #406d69; margin: 0; width: auto; } #main #challengeSentInner p {text-indent: 0px; margin-left: 0; margin-right: 0;} #main #mmSubmit {padding: 5px; float: left; margin: 10px 100px 10px 0px; font-size: 1em;} #main div.listBorderOuter { width: 776px; float: left; border-left: 1px solid #76A5A1; border-right: 1px solid #3d6863; border-bottom: 1px solid #3d6863; margin: 0; } #main div.listBorderMiddle { width: 774px; float: left; border-left: 1px solid #7daaa5; border-right: 1px solid #3b6460; border-bottom: 1px solid #3a625e; margin: 0; } #main div.listBorderInner { width: 772px; float: left; border-left: 1px solid #73a39e; border-right: 1px solid #416e6a; border-bottom: 1px solid #406d69; margin: 0; } #main .matchList {margin: 0px; font-size: 0.8em; float: left; background-color: white; padding: 5px; width: 762px;} #main .matchList li {margin: 2px 0px 2px 5px; list-style-type: none; float: left; width: 750px;} #main .matchList li input {margin: 0px 5px 0px 0px;} #main #matchFormat {margin: 10px 0px 0px 0px; float: left; width: 500px;} #main #trashTalk {margin: 10px 0px; float: left;} #main #trashTalk textarea {width: 500px;} /* statistics-and-rankings.php templates */ #main #stats-and-ranks {width: 798px;margin: 0;padding: 0 0 10px 0;} #stats-and-ranks p {font-size: 1.1em; font-weight: bold; text-align: center; text-indent: 0; margin: 0;} #stats-and-ranks table {font-size: 0.9em; text-align: center; padding: 0; margin: 0 auto; float: none;} #main #stats-and-ranks #SINGLES {margin: 10px auto; padding: 0; border: 1px solid black; width: 756px; float: none;} #SINGLES table {width: 758px; margin: 0; padding: 0; font-size: 1em; border-collapse: collapse;} #SINGLES p {font-size: 1.5em; background-color: #F3F3EB;padding: 4px 5px; color: white;} #SINGLES table tr td {padding: 4px 5px; border: none; font-size: 1.1em;} #SINGLES table tr td.cola {text-align: right; width: 255px; padding: 0 20px 0 5px;} #SINGLES table tr td.colc {text-align: right;padding: 0 20px 0 4px;} #SINGLES table tr td.colb, #SINGLES table tr td.cold {font-size: 1em; background-color: #FFF; } .superscript {vertical-align: super; font-size: 0.6em; font-weight: bold;} #stats-and-ranks #SINGLES p.notes {padding: 2px 0 2px 30px;font-size: 0.7em; text-align: left; background-color: #548F89; border-top: 1px solid black;} #stats-and-ranks p {background-color: #548F89; padding: 2px 2px 4px 2px; border-bottom: 1px solid black; color: white;} #stats-and-ranks p.notes {padding: 2px; font-size: 0.8em; text-align: center; font-weight: normal;border-bottom: none;border-top: 1px solid black;} #stats-and-ranks table {border-collapse: collapse; text-align: center; width: 100%; background-color: white;} #stats-and-ranks table tr th {font-weight: normal; font-size: 0.9em;padding: 1px 6px;} #stats-and-ranks table tr td {padding: 1px 6px;} #stats-and-ranks table tr .col0 {border-right: 1px solid black;} #stats-and-ranks table tr .col0:hover {background-color: #C9F2AA;} /* fixing this disaster of a stylesheet! */ #main #stats-and-ranks div.grouping {float: left; margin: 0; width: 798px;} #main #stats-and-ranks div.single {width: 778px; margin: 10px; float: left; text-align: center;} #main #stats-and-ranks div.double {width: 389px; margin: 5px; float: left;} #main #stats-and-ranks div.triple {width: 256px; margin: 5px; float: left;} #main #stats-and-ranks div.left {text-align: right;} #main #stats-and-ranks div.right {text-align: left;} #main #stats-and-ranks div.center {text-align: center;} #main #stats-and-ranks div.top10Block {margin: 5px auto; padding: 0; text-align: center; border: 1px solid black; width: auto; float: none;} #main #stats-and-ranks div.double div.top10Block {min-width: 195px;} #main #stats-and-ranks div.triple div.top10Block {min-width: 128px; float: none;} #main #stats-and-ranks div.left div.top10Block {float: right;} #main #stats-and-ranks div.right div.top10Block {float: left;} #main #stats-and-ranks div.center div.top10Block {margin: 5px 0px 10px 0px;} #main #stats-and-ranks div.nations table {font-size: 0.8em !important;} #main #stats-and-ranks div.nations table td {border: none;} #main #stats-and-ranks div.nations table tr.row0 {font-weight: bold;} #main #stats-and-ranks div.nations table tr.row0 td {border-bottom: 1px solid black;} #main #stats-and-ranks div.nations table tr.row0 td.col0 {border: none;} #main #stats-and-ranks div.nations table td.col0 {border-right: 1px solid black;} #main #stats-and-ranks div.nations table tr.row0 td.col1 {border-left: none;} #main #stats-and-ranks div.single div.top10Block {margin: 20px auto; width: 550px;} #main #stats-and-ranks div.single div.recentPlays {width: 760px;} #main #Highest-Rated-Scenarios tr.row0 {font-weight: bold;} #main #Highest-Rated-Scenarios tr td.col1 {border-right: 1px solid black;} #main #Most-Played-Scenarios tr.row0 {font-weight: bold;} #main #Most-Played-Scenarios tr td.col1 {border-right: 1px solid black;} #main #Twenty-Most-Recent-User-Plays td {border: none;} #main #Twenty-Most-Recent-User-Plays tr.row0 {font-weight: bold;} #main #Twenty-Most-Recent-User-Plays tr td.col0 {width: 120px;} #main #Twenty-Most-Recent-User-Plays tr td.col1 {width: 130px; border-left: 1px solid black; } #main #Twenty-Most-Recent-User-Plays tr td.col2 {text-align: left; border-left: 1px solid black; padding-left: 16px;} #main #Twenty-Most-Recent-User-Plays tr.row0 td.col2 {text-align: center;} #main #Twenty-Most-Recent-User-Plays tr td.col2 span.mono {font-family: monospace !important; font-size: 1.1em !important;} table tr.even {background-color: #EEE;} #Twenty-Most-Recent-User-Plays tr .col1:hover {background-color: #C9F2AA;} #Twenty-Most-Recent-User-Plays tr .col2:hover {background-color: #C9F2AA;} #Games-by-Plays tr.row0 {font-weight: bold;} #Expansions-by-Plays tr.row0 {font-weight: bold;} #Games-by-Plays tr td.col1 {border-right: 1px solid black;} #Expansions-by-Plays tr td.col1 {border-right: 1px solid black;} /* tours-of-duty.php */ #main #medalJumpTo {text-align: center;} #main #medalJumpTo a {display: inline-block; padding: 0; margin: 2px; background-color: red; border: none;} #main #medalJumpTo img {margin: 0px; padding: 0px; display: block; border: 1px solid black;} #main #medalJumpTo img:hover {opacity: 0.25;} #main table.incompleteTOD {margin: 10px auto; float: none; width: 400px;} #main table.incompleteTOD th {background-color: lightgrey; color: darkslategrey;} #main table.incompleteTOD th a {display: block; color: darkslategrey;} #main table.incompleteTOD td {color: darkslategrey;} #main table.incompleteTOD td.compPercent {font-size: 1.5em; font-weight: bold; width: 70px;} #main table.todMedalData {width: 778px; float: none; border: 1px solid black; margin-top: 20px; margin-bottom: 20px;} #main table.todMedalData td {border: none;} #main table.todMedalData td.medal {width: 200px; padding: 0;} #main table.todMedalData td.medal a {display: block;} #main table.todMedalData td.medal a img {float: none; display:block;} #main table.todMedalData th {width: 378px; font-size: 1.5em; border: none;} #main table.todMedalData th a {color: #FFFFFF; display: block;} #main table.todMedalData td.medalStats {text-align: left; padding-left: 30px; border: none;} #main table.todMedalData td.members {text-align: center;} #main table.todMedalData td.members div {float: none; width: auto; margin: 5px;} #main table.todMedalData td.members table {float: none; margin: auto;} #main table.todMedalData td.members table td {padding: 5px; border: none;} /* new Library data editor */ #main #LE-game-new > table {margin: 20px auto; float: none; width: 500px;} #main #LE-game-new > table td { text-align: left;} #main #LE-game-new #nameFull, #main #LE-game-new #nameShort {width: 100%;} #main #LE-game-new textarea {width: 486px; height: 200px;} #LE-game-check > table {margin: 20px auto; float: none; width: 500px;} #LE-game-check > table th.col1 {width: 150px;} #main #LE-game-check > table td {text-align: left;} #main #LE-unit-nation-list {width: 210px; padding: 0;} #main #LE-unit-nation-list table {margin: 0;} #main #LE-unit-nation-list td.loader:hover {cursor: pointer; background-color: #C9F2AA;} #main #LE-unit-load-results {width: 500px; padding: 0;} #main #LE-unit-load-results table {margin: 0;} #main #LE-unit-need-images {margin: 10px 500px 10px 10px;} #main #LE-unit-need-images td.loader:hover {cursor: pointer; background-color: #C9F2AA;} #main #LE-unit-data td {text-align: left;} #main #LE-designer-new table td {text-align: left;} #main #LE-designer-new table textarea {width: 400px; height: 100px;} #main #LE-formation-add-image, #main #LE-formation-delete-image {width: auto; float: none;} #main #insigFull {height: 150px;} #main #insigDel {text-align: center;} #main #scenario-data-copy table {float: none;} #main #scenario-data-copy table td {text-align: left;} #main #LE-game-edit td {text-align: left; width: 300px;} #main #LE-game-edit #boxback-edit {width: 700px; margin: 10px auto; float: none;} #main #LE-game-edit #boxback-edit textarea {width: 100%; height: 200px;} #main .mapGames td {text-align: left;} #main #LE-map-list {width: auto; margin: 10px auto; float: none;} #main #LE-map-list td {padding: 0;} #main #LE-map-list a {display: block; margin: 0; padding: 8px;} #main #LE-map-list a:hover {background-color: #C9F2AA;} #main div.LE2-crumb {margin: 0 10px 10px 10px; width: 778px; text-align: center;} #main div.LE-nation-no-image {width: 90px; border: 1px dashed grey; padding: 25px 0; background-color: lightpink;} #main div.LE-battletype-no-image {width: 90px; border: 1px dashed grey; padding: 25px 0; background-color: lightpink;} #main div.LE-condition-no-image {width: 90px; border: 1px dashed grey; padding: 25px 0; background-color: lightpink;} table.vassal-hub {width: 778px;} table.vassal-hub img {height: 100px;} table.vassal-hub tr th {font-size: 2em !important;} table.vassal-hub td {height: 110px;} #main table.vassal-hub p.vassal {text-align: left; font-size: 1.2em; padding: 10px 20px 0px 115px; margin: 0px; !important;} #main table.vassal-hub td a {display: block; height: 100px; color: #000000;} table.vassal-hub td a:hover {background-color: #add8e6;} #pageLoadStats {width: 100%; float: left;text-align: right; font-size: 0.5em; color: #ff0000;} #main #vassalPackList {margin: 0; padding: 0; width: 100%;} #main #vassalPackList table.vassalPack {border: 1px solid black; border-collapse: revert; width: 246px;} #main #vassalPackList table.vassalPack td {border: none; padding: 0; margin: 0; height: 100%;} #main #vassalPackList table.vassalPack img {width: 45px; margin:0; padding:5px; display: block;} #main #vassalPackList table.vassalPack td.imgCell {width: 55px;} #main #vassalPackList table.vassalPack td.linkCell {padding: 2px;} #main #vassalPackList table.vassalPack td.linkCell a {font-size: 1.2em;} #main #academy-choices td {text-align: left;} #main #academy-choices p {text-indent: 0;} #main #academy-choices p .title {font-size: 125%; font-weight: bold;} /* table sorter CSS */ table.tablesorter thead tr .header { background-image: url(bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter thead tr .headerSortUp { background-image: url(asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(desc.gif); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; } #searchResults table.tablesorter tbody tr.odd td { background-color: #EEEEEE; } img.vassalIconPlay {width: 20px; margin: 2px;} img.vassalIconAAR {width: 20px; margin: 0 0 0 5px;} #main #libraryEditorStart {margin: 20px 5%; padding: 0; width: 90%; float: left;} #main #libraryEditorStart td {padding: 0; width: 30%; height: 230px;} #main #libraryEditorStart td div.leMenuLink { width: 100%; margin: 0; padding: 5px 0px; text-align: center; font-size: 125%; font-weight: bold; background-color: rgba(0, 0, 0, .5) } #main #libraryEditorStart td div.leMenuLink a {color: #ffffff; display: block;} #main #libraryEditorStart td div.leMenuLink a:hover {color: #ffff00;} #main #libraryEditorMenuBT {margin: 20px 5% 50px 5%; padding: 0; width: 90%; float: left; border: none;} #main #libraryEditorMenuBT th {border: 1px solid black;} #main #libraryEditorMenuBT td {padding: 0; height: 50px; border: 1px solid black;} #main #libraryEditorMenuBT td.createNew {font-size: 200%; background-color: #000;} #main #libraryEditorMenuBT td.createNew a {color: #fff; font-weight: bold;} #main #libraryEditorMenuBT td.createNew a:hover {color: #ffff00;} #main #libraryEditorMenuBT td.name {width: 65%; font-size: 200%;} #main #libraryEditorMenuBT td.btApps {font-size: 150%; width: 15%;} #main #libraryEditorMenuBT td.photo {width: 20%;} #main #libraryEditorMenuBT td img {width: 100%;margin: 0 auto; padding: 0; display: block;} #main #formationUnitList table.libEditorFormationUnits {float: left; margin: 10px auto;} #main #formationUnitList table.libEditorFormationUnits td.unitImage a img {width: 50px;} #main #editFormationTree {background-color: #fff;} #main #editFormationTree ul {font-size: 1em;} #main table.editorOOBNation {} #main table.editorOOBNation th {font-size: 80%; font-weight: normal; padding: 5px 2px;} #main table.editorOOBNation td {vertical-align: top;} #main table.editorOOBForce {text-align: left; margin: 0; padding: 0; border: 0;} #main table.editorOOBForce td {text-align: left; border: 0; font-size: 80%;} #main table.editorOOBForce td label:hover {color: red;} #main table.badgeBlock {width: 778px; padding: 0px; border: 1px solid darkolivegreen; border-collapse: collapse; } #main table.badgeBlock td {border: none;} #main table.badgeBlock td.badgeArt {width: 100px; padding: 0px;} #main table.badgeBlock td.badgeArt img {max-width: 100px; max-height: 100px; display: block; border-right: 1px solid darkolivegreen;} #main table.badgeBlock td.badgeName {height: 40px; text-align: left; font-weight: bold; color: #ffffff; background-color: darkolivegreen; font-size: 150%; padding-left: 10px;} #main table.badgeBlock td.badgeDesc {text-align: left; font-size: 120%;} #main table.badgeBlock td.awardDate {width: 120px; border-left: 1px solid darkolivegreen; text-align: center;background-color: gold; font-weight: bold; font-size: 110%;} #main table.badgeBlock td.noAward { width: 120px; border-left: 1px solid darkolivegreen; background-color: darkolivegreen;} #main table.badgeBlock td.progressChart {border-left: 1px solid darkolivegreen; text-align: center; background-color: darkolivegreen;} #main table.badgeBlock td.progressChart div.awardProgress {float: none; margin: 0; padding: 0; color: #fff; font-weight: bold; font-size: 110%; width: auto;} #main table.badgeBlock td.progressChart div.progressBarBox { width: 100px; border: 1px solid black; padding: 0px; margin: 0 auto; float: none; height: 20px; background-color: #fff;} #main table.badgeBlock td.progressChart div.progressBar {margin: 0; background-color: deeppink; height: 20px; display: inline-block;}