p {text-indent: 20px; margin: 0; padding: 4px 0 0 0; font-size: 0.9em; line-height: 1.4;}

h1 {font-size: 1.8em;margin: 0 auto;padding: 2px 0;}
h2, th {font-size: 1.25em;font-weight: bold;}

hr {float: left; width: 700px; margin: 5px 39px; padding: 0; height: 4px; color: black;}

#myPGHQ {width: 798px;float: right;margin: 0;padding: 0;background-color: #CACFAA;
	border-color: #16160C;
	border-style: solid;
	border-width: 1px;
	border-top: none;
}

/* my Profile */
#myprofile {width: 778px; margin: 10px;}
#myprofile h1 {font-size: 1.3em;}
#myprofile p.outdent {text-indent: 0px;}
#myprofile ul {margin-left: 30px; font-size: 0.9em; line-height: 1.4;}
#myprofile form {float: left; width: 778px;}
/* table default formatting */
    #myprofile table {margin: 5px auto; padding: 0; border-collapse: collapse; border: 1px solid black;}
    #myprofile table tr {background-color: white;}
    #myprofile table tr.even {background-color: #EEE;}
    #myprofile table tr:hover {background-color:#C9F2AA;}
    #myprofile table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myprofile table tr td {font-size: 0.75em;margin: 0;padding: 2px 5px;}
/* custom table formatting */
    #myprofile #personalInformation tr th {text-align: right; font-size: 0.9em;}
    #myprofile #personalInformation tr th.title {text-align: center; font-weight: bold; font-size: 1em;}
    #myprofile span.shrink {font-size: 0.9em;}
    #myprofile #bio th {text-align: left;}

    #myprofile #updateButton {float: left; margin-bottom: 10px;}
    #myprofile #updateButton input {padding: 5px; font-size: 1.1em;}
    #myprofile #extendedLink {float: right; font-size: 1.1em; margin-top: 5px;}

    #myprofile #userCollectionTable input {margin-right: 3px;}

/* Records & AARs */
#updateNotice, #deleteNotice, #recordConfirmationNotice, #profileUpdateNotice {float: left; margin: 5px 10px;}
	/* includes basic record play form with game information called "recordInputTable" */
	#recordPlayForm {float: left; width: 778px; margin: 5px 10px 5px 10px;}
		#recordPlayForm fieldset {margin: 0; padding: 0; width: 778px; color: black;border: 1px solid black;}
		#recordPlayForm legend {font-weight: bold; color: black; margin: 0 10px;}
	/* table for inputting basic record data */
	#recordInputTable {width: 778px; margin: 0; padding: 0; font-family:verdana,arial,sans-serif; border-collapse: collapse;}
		#recordInputTable tr td {padding: 0px; text-align: center; font-size: 0.8em;}
			#recordInputTable tr td input {margin: 0; padding: 0; text-align: center;}
				#recordInputTable tr td input.button {padding: 2px 4px;}
			#recordInputTable tr td select option {margin: 0; padding: 1px 4px; text-align: left;font-family:verdana,arial,sans-serif;}
		#recordInputTable tr td.small-notice {font-size: 0.9em; padding: 0 0 2px 0;}
		#recordInputTable tr td.align-right {text-align: right;}
		
		#recordInputTable tr td.rit-label-game {width: 42px; text-align: right;}
		#recordInputTable tr td.rit-input-game {width: 205px;}
		#recordInputTable tr td.rit-label-scenario {width: 78px;}
		#recordInputTable tr td.rit-input-scenario {width: 30px;}
			#recordInputTable tr td.rit-input-scenario input {width: 30px;}
		#recordInputTable tr td.rit-label-date {width: 37px;}
		#recordInputTable tr td.rit-input-date {width: 145px;}
		#recordInputTable tr td.rit-label-victor {width: 45px;}
		#recordInputTable tr td.rit-input-victor {width: 68px;}
		#recordInputTable tr td.rit-label-rating {width: 48px;}
		#recordInputTable tr td.rit-input-rating {width: 35px;}
	/* player's list of previously reported records and AARs */
	#playHistoryListForm {float: left; width: 778px; margin: 5px 10px 10px 10px;}
		#playHistoryListForm fieldset {margin: 0; padding: 0; width: 778px; color: black;border: 1px solid black;}
		#playHistoryListForm legend {font-weight: bold; color: black; margin: 0 10px;}
		#playHistoryListForm form {width: 778px;}
			#playHistoryListForm form select {width: 768px; margin: 2px 5px;}
				#playHistoryListForm form select option {padding: 2px 2px 2px 6px;}
			#playHistoryListForm form input.button {padding: 2px 4px;}
			#playHistoryListForm form input.max-rows {text-align: center;}
			#playHistoryListForm form table.button-row {width: 778px;margin: 0; padding:0; text-align: center;}
			#playHistoryListForm form table.preferences {margin: 0px 120px; width: 538px; text-align: center;}
		#playHistoryPrefBox {margin: 0; padding: 0; text-align: center;}

	/* editing records with AARS or making new ones */
		#newRecordAndAARForm {float: left; width: 780px; margin: 5px 9px 10px 9px;}
			#newRecordAndAARForm fieldset {margin: 0; padding: 0; width: 778px; color: black; border: 1px solid black;}
			#newRecordAndAARForm legend {font-weight: bold; color: black; margin: 0 10px; padding: 0 2px;}
			
		#aarFormInputTable {float: left; width: 758px; margin: 10px; padding: 0; border-collapse: collapse;}
			#aarFormInputTable tr td {margin: 0; padding: 2px 0;}
				#aarFormInputTable tr td.title input {width: 529px;}
				#aarFormInputTable tr td.body-label {font-weight: bold;}
				#aarFormInputTable tr td.body-content textarea {width: 753px;}
				#aarFormInputTable tr.button-row {text-align: center;}
					#aarFormInputTable tr.button-row td input {padding: 2px 4px;}


#deleteNotice, #updateNotice, #recordConfirmationNotice, #profileUpdateNotice {float: left; border: 2px solid red; text-align: center; font-size: 0.8em; padding: 2px;}
#AARUpdateConfirm {float: left; margin: 5px 10px; padding: 2px; text-align: center; font-size: 0.9em; }
#recordConfirmationNotice {text-align: left; width: 768px;} 

#delete-confirm {float: left; margin: 10px; padding: 0; width: 778px; border-collapse: collapse;}
	#delete-confirm tr td {padding: 2px;}
		#delete-confirm tr td input {padding: 4px;}
		#delete-confirm tr td.confirm-message {font-size: 1.1em; text-align: left;}
		#delete-confirm tr td.confirm-record {padding: 6px; font-size: 1em; text-align: center;}
		#delete-confirm tr td.left-button {text-align: left;}
		#delete-confirm tr td.center-button {text-align: center;}
		#delete-confirm tr td.right-button {text-align: right;}


.al-right {text-align: right;}
.rightplease {float: right; margin: 0; padding: 0;}
.leftplease {float: left; margin: 0; padding: 0;}


/*  tab menubar CSS */
#myMenuBar {margin: 5px 10px; padding: 0; height: 27px; border-bottom: 1px solid black;}
#myMenuBar div {margin: 0 5px; float: left; border: 1px solid black; border-bottom: none; background-color: #548F89; color: white;}
#myMenuBar div a {display: block; padding: 4px 4px 4px 4px; color: white;}
#myMenuBar div.currentTab {background-color: white; border-bottom: 1px solid white;}
#myMenuBar div.currentTab a {color: #30518A;}

/* home tab */

#basicStats {float: left; margin: 10px 10px 10px 5px;}
#lastFivePlays {float: left; margin: 10px 10px 10px 5px;}
#basicStats, #lastFivePlays {width: 368px;}
#basicStats table, #lastFivePlays table {border-collapse:collapse; margin: 0 auto;}
#basicStats table tr th {font-size: 0.8em; padding: 0 4px;}
#basicStats table tr td.item {margin: 0; padding: 2px 4px;}
#basicStats table tr td {font-size: 0.8em; padding: 0 8px;}
#lastFivePlays table tr td {font-size: 0.8em; padding: 2px 4px;}

/* profile public view */
#publicView {margin: 10px; padding: 0; float: left; width: 776px;}
#publicView table.basicUserProfileData {float: left;margin: 0; width: 776px;}
	#publicView table.basicUserProfileData p {font-size: 0.8em;}
	#publicView div.collectionCompletion {float: left;}
#publicView table tr td {padding: 3px;}
#publicView div {float: none;}
#publicView table tr td p {font-size: 1em;}
#userName {font-size: 1.2em;}

/* To Play */
#toPlayContainer {margin: 10px; float: left; width: 778px;}
    #toPlayContainer #toPlayIntro {margin: -5px 0px 10px 0px;}
        #toPlayContainer #toPlayIntro h1 {font-size: 1.5em; margin: 0;}
        #toPlayContainer #toPlayIntro ul {margin: 3px 0px 5px 40px; font-size: 0.9em; font-weight: bold;}
    #toPlayContainer table {margin: 0 auto 10px auto; padding: 0; border-collapse: collapse; border: 1px solid black;}
    #toPlayContainer table tr {background-color: white;}
    #toPlayContainer table tr.even {background-color: #EEE;}
    #toPlayContainer table tr:hover {background-color:#C9F2AA;}
    #toPlayContainer table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 3px 10px 3px 10px;background-color: #548F89;color: white;}
    #toPlayContainer table tr td {font-size: 0.75em;margin: 0;padding: 2px 5px;}
        #toPlayContainer table tr td.col0 {width: 200px;}
        #toPlayContainer table tr td.col1 {width: 400px;}
        #toPlayContainer table tr td.col2 {width: 80px; text-align: center;}
#toPlayContainer h2 {font-size: 1.1em; border: none; margin-bottom: 2px;}
#toPlayContainer #statusAction {font-weight: bold; font-size: 0.9em;}
    #toPlayContainer #statusAction select {margin: 0px 50px 0px 10px;}
    #toPlayContainer #statusAction input {padding: 5px;}
    #toPlayContainer #statusAction p.small {font-weight: normal; font-size: 0.7em; width: 360px; text-indent: 0; margin-left: 30px;}
#toPlayContainer #notUsingToPlay {border: 1px dotted black; width: 478px; margin: 0 auto; padding: 10px 20px; background-color: white;}

/* E & O */
#e-o-list {margin: 10px;  width: 778px;}
#e-o-list table {border-collapse: collapse; font-size: 0.7em; text-align: center; width: 778px; margin: 0; padding: 0;}
#e-o-list table tr td {border: 1px solid black; }

/* News CP */
#new-post-creator, #news-archive-list {margin: 10px 10px 5px 10px; width: 778px; float: left;}
#postTitle {width: 600px;}
#postBody {width: 700px; height: 400px;}

/* AARs */
#plays-no-aars, #plays-aars {float: left; /* width: 382px;  */width: 778px; padding: 0px;}
    #plays-no-aars {margin: 10px 5px 10px 10px;}
    #plays-aars {margin: 10px 10px 10px 5px;}
#plays-no-aars fieldset, #plays-aars fieldset {margin: 0px; padding: 0px; /* width: 380px; */width: 750px;}
#plays-no-aars form, #plays-aars form {margin: 2px; padding: 0px;}
    #plays-no-aars form select, #plays-aars form select {width: 378px;}
#new-AAR {float: left; width: 778px; margin: 10px; padding: 0px;}
	#new-AAR form textarea {width: 738px;}
#preview-AAR {float: left; width: 778px; margin: 9px; padding: 0px;}
#aar-complete {float: left; border: 1px solid black; width: 200px;}

/* library data */
#myPGHQ > #libraryDataIntro {margin: 10px; width: 778px; float: left;}
#myPGHQ > #libraryDataIntro p {padding: 10px 5px 0 0; float: right; width: 608px;}
#myPGHQ > #libraryDataIntro #overallStatus {margin: 10px 10px 0 0; padding: 0; border-collapse: collapse; border: 1px solid black; float: left;}
    #myPGHQ > #libraryDataIntro #overallStatus tr {background-color: white;}
    #myPGHQ > #libraryDataIntro #overallStatus tr.even {background-color: #EEE;}
    #myPGHQ > #libraryDataIntro #overallStatus tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #libraryDataIntro #overallStatus tr td {font-size: 0.75em;margin: 0;padding: 2px 5px;}
        #myPGHQ > #libraryDataIntro #overallStatus tr td.label {border-right: 1px solid black;}

#myPGHQ div.returnLinkTop {float: left; margin: 5px 10px; padding: 0; width: 778px;}
#myPGHQ div.returnLinkBottom {float: left; margin: 0px 10px 10px 10px; padding: 0; width: 778px;}

#myPGHQ > #scenarioStatusTable {margin: 0px 10px 10px 10px; text-align:center; width: 778px; float: left;}
    #myPGHQ > #scenarioStatusTable table {margin: 0 auto; padding: 0; border-collapse: collapse; border: 1px solid black;}
    #myPGHQ > #scenarioStatusTable table tr {background-color: white;}
    #myPGHQ > #scenarioStatusTable table tr.even {background-color: #EEE;}
    #myPGHQ > #scenarioStatusTable table tr:hover {background-color:#C9F2AA;}
    #myPGHQ > #scenarioStatusTable table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #scenarioStatusTable table tr td {font-size: 0.75em;margin: 0;padding: 2px 5px;}
        #myPGHQ > #scenarioStatusTable table tr td a {display: block;}
        #myPGHQ > #scenarioStatusTable table tr td.gameName {border-right: 1px solid black; width: 180px;}

#myPGHQ > #editScenarioListHeader {margin: 10px 10px 0px 10px; padding: 0; float: left; font-size: 1.5em;}
#myPGHQ > #editScenarioList {margin: 0px 10px; padding: 0;text-align:center; width: 778px; float: left;border-collapse: collapse; border: 1px solid black;}
    #myPGHQ > #editScenarioList tr {background-color: white;}
    #myPGHQ > #editScenarioList tr.even {background-color: #EEE;}
    #myPGHQ > #editScenarioList tr:hover {background-color:#C9F2AA;}
    #myPGHQ > #editScenarioList tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #editScenarioList tr td {font-size: 0.75em;margin: 0;padding: 2px 5px;}
        #myPGHQ > #editScenarioList tr td a {display: block;}
        #myPGHQ > #editScenarioList tr td.scenarioStatus {width: 100px;}
        #myPGHQ > #editScenarioList tr td.editWhat {width: 68px;}
            #myPGHQ > #editScenarioList tr td.editWhat a {display: inline;}
        #myPGHQ > #editScenarioList tr td.scenarioNumber {width: 50px;}
        #myPGHQ > #editScenarioList tr td.scenarioTitle {width: 460px}
        

#myPGHQ > #editScenarioDataForm {margin: 5px 10px 10px 10px; padding: 0; float: left; width:778px;}
    /* default formatting */
    #myPGHQ > #editScenarioDataForm  table {margin: 5px auto; padding: 0; border-collapse: collapse; border: 1px solid black;}
    #myPGHQ > #editScenarioDataForm  table tr {background-color: white;}
    #myPGHQ > #editScenarioDataForm  table tr.even {background-color: #EEE;}
    #myPGHQ > #editScenarioDataForm  table tr:hover {background-color:#C9F2AA;}
    #myPGHQ > #editScenarioDataForm  table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #editScenarioDataForm  table tr td {font-size: 0.75em;margin: 0;padding: 2px 5px;}
    /* page top div telling what you're editing */
    #myPGHQ > #editScenarioDataForm #editScenarioHeader {float: left; margin: 0; padding: 0; width: 778px; font-size: 1.2em;}
    /* title and date table */
    #myPGHQ > #editScenarioDataForm #titleDate {float: left; margin: 5px 0; padding: 0;}
        #myPGHQ > #editScenarioDataForm #titleDate tr:hover {background-color:white;}
        #myPGHQ > #editScenarioDataForm #titleDate tr td:hover {background-color:#C9F2AA;}
        #myPGHQ > #editScenarioDataForm #titleDate .col0 a {vertical-align: super; font-size: 0.8em; color: #ffff00;}
        #myPGHQ > #editScenarioDataForm #titleDate .col1 {border-right: 1px solid black;}
            #myPGHQ > #editScenarioDataForm #titleDate .col1 input {width: 115px;}
        #myPGHQ > #editScenarioDataForm #titleDate .col3 {width: 429px;}
            #myPGHQ > #editScenarioDataForm #titleDate .col3 input {width: 425px;}
    /* introduction passage */
    #myPGHQ > #editScenarioDataForm #introductionPassage {float: left; margin: 5px 0; padding: 0; width: 778px;}
        #myPGHQ > #editScenarioDataForm #introductionPassage th {text-align: left;}
        #myPGHQ > #editScenarioDataForm #introductionPassage textarea {width: 762px; height: 140px;}
    /* games required and why table */
    #myPGHQ > #editScenarioDataForm #gameAndNeedsDropdown {float: left; margin: 5px 5px 5px 0px; padding: 0; width: 364px;}
    #myPGHQ > #editScenarioDataForm #gameAndNeedsDropdown th {text-align: left;}
        #myPGHQ > #editScenarioDataForm #gameAndNeedsDropdown tr:hover {background-color:white;}
            #myPGHQ > #editScenarioDataForm #gameAndNeedsDropdown tr td:hover {background-color:#C9F2AA;}
            #myPGHQ > #editScenarioDataForm #gameAndNeedsDropdown tr td.gameDropdownHeader {font-weight: bold; text-align: center; border-right: 1px solid black;}
            #myPGHQ > #editScenarioDataForm #gameAndNeedsDropdown tr td.needsDropdownHeader {font-weight: bold; text-align: center;}
            #myPGHQ > #editScenarioDataForm #gameAndNeedsDropdown tr td.gameDropdown {border-right: 1px solid black;}
            #myPGHQ > #editScenarioDataForm #gameAndNeedsDropdown tr td.needsDropdown {}
    /* turns, day/night/multi, total counteres, net morale & initiative table */
    #myPGHQ > #editScenarioDataForm #turnsDaytimeCountersMoraleIni {float: left; margin: 5px 0px 5px 5px; padding: 0; width: 240px;}
        #myPGHQ > #editScenarioDataForm #turnsDaytimeCountersMoraleIni th {text-align: left;}
            #myPGHQ > #editScenarioDataForm #turnsDaytimeCountersMoraleIni th a {vertical-align: super; font-size: 0.8em; color: #ffff00;}
        #myPGHQ > #editScenarioDataForm #turnsDaytimeCountersMoraleIni td input {width: 60px;}
        #myPGHQ > #editScenarioDataForm #turnsDaytimeCountersMoraleIni td select {width: 64px;}
    /* scenario map footprint table */
    #myPGHQ > #editScenarioDataForm #mapFootprint {float: left; width: 178px; margin: 5px 0px 5px 5px;}
        #myPGHQ > #editScenarioDataForm #mapFootprint tr:hover {background-color:white;}
            #myPGHQ > #editScenarioDataForm #mapFootprint th {text-align: left; padding-bottom: 0px;}
                #myPGHQ > #editScenarioDataForm #mapFootprint th.note {margin: 0; padding: 0px 5px 2px 9px;;font-size: 0.8em; font-weight: normal; color: black;}
                #myPGHQ > #editScenarioDataForm #mapFootprint th a {vertical-align: super; font-size: 0.8em; color: #ffff00;}
            #myPGHQ > #editScenarioDataForm #mapFootprint td.col0 {width: 112px;}
            #myPGHQ > #editScenarioDataForm #mapFootprint td.col1:hover {background-color:#C9F2AA;}
        #myPGHQ > #editScenarioDataForm #mapFootprint td.col1 input {width: 40px;}
    /* MAP checkbox table */
    #myPGHQ > #editScenarioDataForm #checkbox-table-map {float: left; margin: 5px 0px; width: 778px;}
    #myPGHQ > #editScenarioDataForm #checkbox-table-map th {text-align: left;}
        #myPGHQ > #editScenarioDataForm #checkbox-table-map tr:hover {background-color:white;}
        #myPGHQ > #editScenarioDataForm #checkbox-table-map tr td:hover {background-color:#C9F2AA;}
            #myPGHQ > #editScenarioDataForm #checkbox-table-map tr td input {margin: 0 3px 0 0;}
    /* nations, sides, postures, formations table */
    #myPGHQ > #editScenarioDataForm #nationSidePostureFormation {float: left; margin: 5px 5px 5px 0; width: 400px;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr.formationRow {border-bottom: 1px solid black;}
            #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr.formationRow td {padding-bottom: 10px;}
            #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr.nSPRow:hover {background-color: white;}
            #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr.nSPRow td:hover {background-color: #C9F2AA;}
            #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr.nSPRow td {padding-top: 10px;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr.row0 td {padding-top: 0px;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr th {text-align: left;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr th span.yellow {color: #ffff00; font-size: 0.7em;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr td.nationDropdown {text-align: center;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr td.sideDropdown {text-align: center;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr td.postureDropdown {text-align: center;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr td.dropdownHeader {text-align: center; font-weight: bold; font-size: 1em;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr td.formationTextboxHeader {width: 72px; font-weight: bold;}
        #myPGHQ > #editScenarioDataForm #nationSidePostureFormation tr td.formationTextbox input {width: 293px;margin-left: 5px;}
    /* battle type checkbox table */
    #myPGHQ > #editScenarioDataForm #checkbox-table-battleType {float: left; margin: 5px 0px 5px 5px; width: 368px}
    #myPGHQ > #editScenarioDataForm #checkbox-table-battleType {text-align: left;}
    #myPGHQ > #editScenarioDataForm #checkbox-table-battleType tr:hover {background-color:white;}
        #myPGHQ > #editScenarioDataForm #checkbox-table-battleType tr td:hover {background-color:#C9F2AA;}
            #myPGHQ > #editScenarioDataForm #checkbox-table-battleType tr td input {margin: 0 3px 0 0;}
    /* condition checkbox table */
    #myPGHQ > #editScenarioDataForm #checkbox-table-condition {float: left; margin: 5px 0px 5px 5px; width: 368px}
    #myPGHQ > #editScenarioDataForm #checkbox-table-condition th {text-align: left;}
    #myPGHQ > #editScenarioDataForm #checkbox-table-condition tr:hover {background-color:white;}
        #myPGHQ > #editScenarioDataForm #checkbox-table-condition tr td:hover {background-color:#C9F2AA;}
            #myPGHQ > #editScenarioDataForm #checkbox-table-condition tr td input {margin: 0 3px 0 0;}
    /* conclusion passage */
    #myPGHQ > #editScenarioDataForm #conclusionPassage {float: left; margin: 5px 0; padding: 0; width: 778px;}
        #myPGHQ > #editScenarioDataForm #conclusionPassage th {text-align: left;}
        #myPGHQ > #editScenarioDataForm #conclusionPassage textarea {width: 762px; height: 140px;}
    /* conclusion passage */
    #myPGHQ > #editScenarioDataForm #additionalNotes {float: left; margin: 5px 0; padding: 0; width: 778px;}
        #myPGHQ > #editScenarioDataForm #additionalNotes th {text-align: left;}
        #myPGHQ > #editScenarioDataForm #additionalNotes textarea {width: 762px; height: 50px;}
    /* form buttons */
    #myPGHQ > #editScenarioDataForm #formButtons {float: left; width: 778px; margin: 5px 0 0 0;}
        #myPGHQ > #editScenarioDataForm #formButtons input.left {float:left; padding: 4px;}
        #myPGHQ > #editScenarioDataForm #formButtons input.right {float: right; padding: 4px;}

/* OOB list */
    #myPGHQ > #oob-header {float: left; font-size: 1.1em; width: 778px; margin: 0 10px 5px 10px;}
    #myPGHQ #editOOBDataForm {margin: 0 10px 10px 10px; float: left; width: 778px;}
    #myPGHQ #editOOBDataForm #oob-listing {margin: 0;}
    #myPGHQ #editOOBDataForm #oob-listing button {float: left; padding: 5px; margin-right: 5px;}
    #myPGHQ #editOOBDataForm #oob-listing > #oob-overall {margin: 5px 0 10px 30px; padding: 0; float: left; width: 778px;}
        #myPGHQ #editOOBDataForm #oob-listing > #oob-overall li.oob-nation {font-size: 1.1em; font-weight: bold;}
        #myPGHQ #editOOBDataForm #oob-listing > #oob-overall li.oob-nation li.oob-forcename{margin: 0px; font-size: 1em; font-weight: normal;}
        #myPGHQ #editOOBDataForm #oob-listing > #oob-overall li.oob-nation li.oob-forcename li.oob-movement {margin: 0px; font-size: 0.9em;}
        #myPGHQ #editOOBDataForm #oob-listing > #oob-overall li.oob-nation li.oob-forcename li.oob-movement li.oob-unit {margin: 0px; font-size: 0.8em;}
        #myPGHQ #editOOBDataForm #oob-listing > #oob-overall li.oob-nation li.oob-forcename li.oob-movement li.oob-unit label:hover {background-color:#C9F2AA;}
        #myPGHQ #editOOBDataForm #oob-listing > #oob-overall li.oob-nation li.oob-forcename li.oob-movement li.oob-unit input {margin: 0 6px 0 0;}
    #myPGHQ > #editOOBDataForm #formButtons {float: left; width: 778px; margin: 5px 0 0 0;}
        #myPGHQ > #editOOBDataForm #formButtons input.left {float:left; padding: 4px;}

/* both scenario data and OOB */
    #myPGHQ #scenarioStatusSelect {float: left; width: 778px; margin: 5px 0 0 0;}

/* unit nation & force table on library data main page */
#myPGHQ > #unitNationForcenameTable {margin: 0px 10px 10px 10px; text-align:center; width: 778px; float: left;}
    #myPGHQ > #unitNationForcenameTable h1 {color: black; margin: 0; padding: 0;}
    #myPGHQ > #unitNationForcenameTable p {text-align: left; margin: 0 0 5px 0; padding: 0;}
    #myPGHQ > #unitNationForcenameTable table {margin: 0 auto; padding: 0; border-collapse: collapse; border: 1px solid black;}
    #myPGHQ > #unitNationForcenameTable table tr {background-color: white;}
    #myPGHQ > #unitNationForcenameTable table tr.even {background-color: #EEE;}
    #myPGHQ > #unitNationForcenameTable table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #unitNationForcenameTable table tr td {font-size: 0.75em;margin: 0;padding: 2px 5px;}
        #myPGHQ > #unitNationForcenameTable table tr td:hover {background-color:#C9F2AA;}
        #myPGHQ > #unitNationForcenameTable table tr td a {display: block;}
        #myPGHQ > #unitNationForcenameTable table tr td.col0 {border-right: 1px solid black; width: 225px;}
        #myPGHQ > #unitNationForcenameTable table tr td.col1 {width: 225px;}

/* unit list table to select a unit for editing */
#myPGHQ > #unitListTable {margin: 0px 10px 10px 10px; text-align:center; width: 778px; float: left;}
    #myPGHQ > #unitListTable h1 {color: black; margin: 0 0 5px 0; padding: 0; font-size: 1.3em;}
    #myPGHQ > #unitListTable p {text-align: center; margin: 0 0 5px 0; padding: 0; text-indent: 0px;}
    #myPGHQ > #unitListTable table {margin: 5px auto; padding: 0; border-collapse: collapse; border: 1px solid black;}
    #myPGHQ > #unitListTable table tr {background-color: white;}
    #myPGHQ > #unitListTable table tr.even {background-color: #EEE;}
    #myPGHQ > #unitListTable table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #unitListTable table tr td {font-size: 0.9em;margin: 0;padding: 2px 5px;}
        #myPGHQ > #unitListTable table tr td a:hover {background-color:#C9F2AA;}
        #myPGHQ > #unitListTable table tr td a {display: block;}
        #myPGHQ > #unitListTable table tr td.col2 {width: 200px;}

/* edit unit form */
#myPGHQ > #editUnitForm {float: left; width: 778px; margin: 0 10px 10px 10px;}
#myPGHQ > #editUnitForm ul {font-size: 0.7em; margin-left: 20px;}
    #myPGHQ > #editUnitForm #editUnitData {border: 1px solid black; width: 700px;}
    #myPGHQ > #editUnitForm #editUnitData {margin: 0 auto; padding: 0; border-collapse: collapse; border: 1px solid black;}
    #myPGHQ > #editUnitForm #editUnitData tr {background-color: white;}
    #myPGHQ > #editUnitForm #editUnitData tr.pink {background-color: peachpuff;}
    #myPGHQ > #editUnitForm #editUnitData tr.gray {background-color: #EEE;}
    #myPGHQ > #editUnitForm #editUnitData tr.top {border-top: 2px solid black;}
    #myPGHQ > #editUnitForm #editUnitData tr.bottom {border-bottom: 2px solid black;}
    #myPGHQ > #editUnitForm #editUnitData tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #editUnitForm #editUnitData tr td {font-size: 0.75em;margin: 0;padding: 4px 5px;}
        #myPGHQ > #editUnitForm #editUnitData tr td:hover {background-color:#C9F2AA;}

        #myPGHQ > #editUnitForm #editUnitData tr td.note {font-size: 1em;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iNationAndForce select {width: 254px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iNewNation input {width: 250px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iNewForce input {width: 250px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iName input {width: 250px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iFullName input {width: 532px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iArmor input {width: 100px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iATF input {width: 100px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iATFRed input {width: 100px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iDF input {width: 100px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iDFRed input {width: 100px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iIF input {width: 100px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iIFRed input {width: 100px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iMovementClass select {width: 104px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.iMovementPoints input {width: 100px;}
        #myPGHQ > #editUnitForm #editUnitData tr td.submit {text-align: center;}
        #myPGHQ > #editUnitForm #editUnitData tr td.submit input {padding: 5px;}

/* edit game form */
#myPGHQ > #editGameForm {float: left; width: 778px; margin: 0 10px 10px 10px;}
    #myPGHQ > #editGameForm table {margin: 5px auto; padding: 0; width: 700px; border-collapse: collapse; border: 1px solid black;}
    #myPGHQ > #editGameForm table tr {background-color: white;}
    #myPGHQ > #editGameForm table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #editGameForm table tr td {font-size: 0.75em;margin: 0;padding: 4px 5px;}
        #myPGHQ > #editGameForm table tr td:hover {background-color:#C9F2AA;}
        #myPGHQ > #editGameForm table tr td textarea {width: 680px; height: 140px;}
        #myPGHQ > #editGameForm table tr td.string {}
        #myPGHQ > #editGameForm table tr td.string input {width: 600px;}
        #myPGHQ > #editGameForm table tr.integers input {width: 50px;}
        #myPGHQ > #editGameForm table tr td.releaseDate input {width: 80px; text-align: center;}

        #myPGHQ > #editGameForm #checkbox-table-nations {float: left; margin: 5px 39px 5px 39px; width: 700px}
        #myPGHQ > #editGameForm #checkbox-table-nations th {text-align: left;}
        #myPGHQ > #editGameForm #checkbox-table-nations tr:hover {background-color:white;}
            #myPGHQ > #editGameForm #checkbox-table-nations tr td:hover {background-color:#C9F2AA;}
            #myPGHQ > #editGameForm #checkbox-table-nations tr td input {margin: 0 3px 0 0;}

        #myPGHQ #gameStatusSelect {float: left; width: 300px; margin: 5px 239px 0px 239px; text-align: center;}

        #myPGHQ #editGameForm #formButtons {float: left; margin: 5px 0px 0px 0px; width: 778px; text-align: center;}
            #myPGHQ #editGameForm #formButtons input {padding: 5px;}

/* errors & omissions */
#myPGHQ > #EO {margin: 0px 10px 10px 10px; text-align:center; width: 778px; float: left;}
    #myPGHQ > #EO table {margin: 5px auto; padding: 0; border-collapse: collapse; border: 1px solid black; width: 778px;}
    #myPGHQ > #EO table tr {background-color: white;}
    #myPGHQ > #EO table tr.small-headers {font-size: 0.8em;}
    #myPGHQ > #EO table tr.even {background-color: #EEE;}
    #myPGHQ > #EO table tr:hover {background-color:#C9F2AA;}
    #myPGHQ > #EO table tr th {text-align: center;font-size: 1em;font-weight: bold;margin: 0;padding: 5px 10px 5px 10px;background-color: #548F89;color: white;}
    #myPGHQ > #EO table tr td {font-size: 0.75em;margin: 0;padding: 2px 5px;}
        #myPGHQ > #EO table tr td a {display: block;}
        #myPGHQ > #EO table tr.title-headers th {text-align: left; text-transform: uppercase;background-color: #CACFAA; color: black; border: 1px solid #CACFAA; border-bottom: 1px solid black;}
        #myPGHQ > #EO td.open-time, td.close-time {width: 74px;}
        #myPGHQ > #EO td.opener, td.closer {width: 150px;}
        #myPGHQ > #EO td.error-type {width: 63px; text-transform: capitalize;}
        #myPGHQ > #EO td.item-type {width: 79px;}
        #myPGHQ > #EO td.time-open {width: 90px;}
        #myPGHQ > #EO td.link {width: 34px;}

        #myPGHQ > #EO #view-ticket {width: 500px;}
        #myPGHQ > #EO #view-ticket td {border: 1px solid gray;}
        #myPGHQ > #EO #view-ticket a {display: inline;}
        #myPGHQ > #EO #view-ticket tr .left {text-align: left;}
        #myPGHQ > #EO #view-ticket tr .col0 {width: 132px;}
        #myPGHQ > #EO #view-ticket tr .tall {padding: 5px 0;}
        #myPGHQ > #EO #view-ticket input {margin: 0px 20px; padding: 5px;}
        #myPGHQ > #EO #view-ticket p {margin: 5px; font-size: 1.1em;}

    #confirmMessage, #confirmEmail, #confirmForm {width: 778px; margin: 0px 10px 10px 10px; padding: 0; float: left;}
    #confirmMessage h1 {font-size: 1.3em;}
    #confirmEmail {border: 1px solid black; margin: 20px 40px; width: 718px; background-color: white;}
    #confirmEmail p {text-indent: 0px; margin: 5px 10px;}
    #confirmForm > form > div {float: right;}
    #confirmForm > form > #left {float: left;width: 200px;}
    #confirmForm > form input {margin: 0px 20px; padding: 5px;}
    #closerComment {margin: 0px 0px 10px 0px;}
    #closerComment p.center {margin: 5px 0px; text-indent: 0px; text-align:center;}

/* RAP revamp */
#RAP {margin: 10px; float: left; width: 778px; /*padding: 5px 5px 5px 6px;*/ text-align: center;}
#RAP p {text-align:left;}
#RAP h2 {text-align: left;}
#RAP td.left {text-align:left;}
#RAP div {float: left; position: relative;}
#RAP div.mainMenu {border: 1px solid black; margin: 5px; background-color: white; float: left;}
#RAP div.mainMenu a {}
#RAP div.mainMenu a img {float: left;}
#RAP div.regular {width: 250px;}
#RAP div.new {height: 200px;}
#RAP div.left {margin-left: 0px;}
#RAP div.right {margin-right: 0px;}
#RAP div.wide {width: 512px;}
#RAP div.modify {height: 200px;}
#RAP div.mainMenu a span.blockTitle {
      position: absolute;
      left: 0px;
      bottom: 0px;
      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)";
    /*--IE 8 Transparency--*/
    }
#RAP div.blockTitle {
      position: absolute;
      right: 0px;
      bottom: 3px;
      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--*/
    }

#newAARSelector {}
#newAARSelector table {margin: 10px 0px; width: 778px; font-size:0.9em; border-collapse:collapse; border: 1px solid black;}
#newAARSelector table tr {background-color: #FFF;}
#newAARSelector table tr.even {background-color: #EEE;}
#newAARSelector table tr td {padding: 3px 0px 3px 5px; text-align: left;}
#newAARSelector table tr td input {margin-right: 6px;}
#newAARSelector div.left {width: 389px; float: left; margin: 10px 0px;}
#newAARSelector div.right {width: 389px; text-align:right; float: right; margin: 10px 0px;}
#newAARSelector div.left input, #newAARSelector div.right input {padding: 5px;}

#modifyAARSelector {margin: 10px;}
#modifyAARSelector table {margin: 10px 0px; width: 778px; font-size:0.9em; border-collapse:collapse; border: 1px solid black;}
#modifyAARSelector table tr {background-color: #FFF;}
#modifyAARSelector table tr.even {background-color: #EEE;}
#modifyAARSelector table tr td {padding: 3px 0px 3px 5px;}
#modifyAARSelector table tr td input {margin-right: 6px;}
#modifyAARSelector div.left {width: 389px; float: left; margin: 10px 0px;}
#modifyAARSelector div.right {width: 389px; text-align:right; float: right; margin: 10px 0px;}
#modifyAARSelector div.left input, #modifyAARSelector div.right input {padding: 5px;}

    #existingAARs p {text-indent:0px; margin: 0px;}
    #existingAARs td {margin: 0px; padding: 0px;}
    #existingAARs td.col0 {width: 110px;}
    #existingAARs td.col1 {width: 30px;}
    #existingAARs td.col2 {}

#modifyPlaySelector {margin: 10px;}
#modifyPlaySelector table {margin: 10px 0px; width: 778px; font-size:0.9em; border-collapse:collapse; border: 1px solid black;}
#modifyPlaySelector table tr {background-color: #FFF;}
#modifyPlaySelector table tr.even {background-color: #EEE;}
#modifyPlaySelector table tr td {padding: 3px 0px 3px 5px;}
#modifyPlaySelector table tr td input {margin-right: 6px;}
#modifyPlaySelector div.left {width: 389px; float: left; margin: 10px 0px;}
#modifyPlaySelector div.right {width: 389px; text-align:right; float: right; margin: 10px 0px;}
#modifyPlaySelector div.left input, #modifyPlaySelector div.right input {padding: 5px;}

#RAP form {float: left;width: 100%;}
#playErrors {border: 1px solid red; float: left; }

#RAP-new-play {}

#RAP-new-play table {
    margin: 10px;
    font-size: 1.15em;
}
#RAP-new-play table td {
    padding: 5px 0px;
}
#RAP-new-play table tr td span.note {font-size: 0.7em; color: red;}
table.newPlay td.col0 {
    text-align: right;
    font-variant: small-caps;
    font-size: 1.2em;
}
#RAP-new-play table select {
    font-size: 1.1em;
}

#RAP-new-play table input {
    text-align: center;
    font-size: 1.1em;
}
table.newPlay input.playDate {width: 6em;}

div.RAP-error {
    background-color: #FFFFFF;
    color: red;
    padding: 10px;
    margin: 10px;
    border: 1px solid black;
    float: left;
    text-align: left;
}
div.RAP-error p {
    text-indent: 0px;
}
div.RAP-error ul {
    margin-left: 20px;
    padding: 0px;
    font-size: 0.8em;
}
div.rap-error ul li {
    margin: 0px;
    padding: 0px;
}

div.notice {border: 1px solid black; background-color: white; margin: 10px 34px; padding: 10px;}
div.radio {border:none; margin: 10px 10px 0px 10px; width: 758px; text-align: left; font-weight: bold;}
div.radio input {margin-right: 5px;}

div.shareBlock {width: 758px; margin: 0px 7px 10px 7px;
border: 3px solid #a5a5a5;
border-bottom-color: #000000;
border-right-color: #000000;}
table.shareBlock {width: 758px; float: left; margin: 0px;border-collapse: collapse; border: none;}
table.shareBlock tr {border: 1px solid #d3d3d3;}
.shareBlock .shareResult td {padding: 3px 5px; background-color: #548F89; text-align: left; font-weight: bold; color: #FFF;}
.shareBlock .headers th {padding: 3px 5px; background-color: #d3d3d3; font-size: 0.9em;}
.shareBlock .sideBlock td {padding: 3px 5px; background-color: #FFF; text-align: center;}
.shareBlock .sideBlock td.side {font-size: 1.5em;}
.shareBlock .sideBlock td.player {font-size: 0.8em; }
.shareBlock .sideBlock td.rating {font-size: 0.8em;}
.shareBlock .sideBlock td.nations {font-size: 0.8em;}
.shareBlock .sideBlock td.nations ul {margin-left: 20px; text-align: left;}
.shareBlock .sideBlock td.aar {font-size: 0.8em;}
.shareBlock .empty {color: #bebebe;}
.shareBlock .sideBlock .winner {background-color: #90ee90;}

hr.shareList {margin: 30px 20px; float: left; width: 738px; border: none; background-color: #fff;height: 2px;}

.nationSelectBlock {text-align: left; width: 400px; float: left; margin: 0px 189px;}
.nationSelectBlock .title {font-weight: bold; font-size: 1.2em; width: 400px;}
.nationSelectBlock p {font-weight: bold; text-indent: 0px; width: 360px; margin-left: 40px; font-size: 1.1em;}
.nationSelectBlock ul {width: 360px; margin-left: 40px;}
.nationSelectBlock ul li {list-style: none; margin: 2px 0px 2px 20px;}
.nationSelectBlock ul li input {margin-right: 5px;}