body {
	background-color: #E4DCC5;
	background-attachment: fixed;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#controlFF {
	width: 940px;
	clear: left;
	height: 120px;
	margin: 0 auto;
	text-align: middle;
	padding-top: 1em;
}

#flag {
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
	float: left;
	clear: left;
}

#flag a, img {
	border: none;
}

#progress {
	float: left;
	width: 80px;
	height: 80px;
	margin-left: 2em;
}  

#gamedata {
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
	margin: 0 auto;
	margin-bottom: 1em;
	width: 90%;
	white-space: nowrap;
}

#scenProgressBar {
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
	margin: 0 auto;
	width: 840px;
	text-align: center;
	position: relative;
}

.leftProgressBarDate {
	font-size: .7em;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.rightProgressBarDate {
	font-size: .7em;
	font-weight: normal;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

#scenProgressBarWidget {
	height: 10px;
	width: 90%;
	margin: 0 auto;
	clear: none;
}

#navIcons {
	float: left;
	margin-left: 2em;
}

.navIcon {
	float: left;
	border: 3px outset #666666;
	height: 80px;
	width: 80px;
	margin-left: .2em;
}

.navIconDisabled {
	float: left;
	border: 3px outset #FFFFFF;
	height: 80px;
	width: 80px;
	margin-left: .2em;
}

.navIcon:hover {
	border: 3px outset #FF0000;
}

#phaseBar {
	font-style: normal;
	font-weight: bold;
	font-weight: normal;
	font-size: .9em;
	margin: 0 auto;
	text-align: left;
}

.phaseArrow {
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
}

.phaseBarInactive {
	color: #888888;
	font-weight: normal;
}

.phaseBarActive {
	color: #FF0000;
	font-weight: bold;
}

 
#aboutFF {
	text-align: left;
	position: absolute;
	top: -2000px;
	left: -2000px;
}

#wrapper {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	min-width: 760px;
	text-align: center;
}

#main table {
	margin-left: auto; 
	margin-right: auto;
}

#main p, li, label, td, th, dt, dd {
	font-size: .8em;
	color: #333333;
	font-style: normal;
	font-weight: bold;
}

#main th {
	font-weight: bold;
	font-size: .9em;
}

#main li {
	clear: left;
	float: left;
	padding-bottom: 7px;
	font-weight: bold;
}

#main dt {
	font-weight: bold;
	padding-top: 15px;
}

.centerp p {
	text-align: center;
}

.leftp p {
	text-align: left;
}

#main legend {
	font-weight: bold;
	color: red;
}

#main fieldset {
	border: solid grey 1px;
	float: right;
	width: 80%;
	padding: 1em;
}

#index {
	float: left;
}

#index p {
	font-size: .8em;
	margin: 0;
	padding: 10px;
	padding-left: 20px;
}

#zero {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 4em;
}

#title {
	width: 100%;
	float: left;
	clear: both;
	font-size: 1.5em;
	text-align: center;
	color: red;
	font-weight: bold;
}

#main {
	width: 100%;
}

#main h1 {
	float: left;
	clear: left;
	font-size: 1.6em;
	text-align: center;
	color: red;
	font-weight: bold;
	width: 100%;
}

#main h2 {
	float: left;
	clear: left;
	font-size: 1.6em;
	text-align: left;
	color: red;
	font-weight: bold;
}

#unitname {
	font-size: 1.1em;
	color: red;
	font-weight: bold;
	margin-left: -2em;
}



A:link {color: #333333}
A:active {color: #333333}
A:visited {color: #333333}

.buttontop {
	font-size: .8em;
	color: #333333;
	float: right;
}

.buttonbottom {
	font-size: .8em;
	color: #333333;
	clear: left;
	float: right;
}

#unit {
	width: 100%;
	clear: left;
	float: left;
	margin: 5px;
}

#signalflags {
	width: 300px;
	height: 48px;
	clear: left;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/signalflags.png');
	background-repeat: no-repeat;
}

#footer {
	width: 100%;
	clear: left;
	float: left;
	margin-top: 1em;
}

#footer p {
	font-weight: normal;
}

#unit .unitlabel {
	float: left;
	width: 10%;
}

#unit .tfcdr {
	float: left;
	width: 15%;
	padding-right: 10px;
}

#unit .mission {
	float: left;
	width: 24%;
	padding-right: 6px;
}

#unit .headspd {
	float: left;
	width: 18%;
}

#unit .location {
	float: left;
	width: 20%;
}

#TFships {
	clear: left;
	float: left;
}

.TFship {
	float: left;
	font-size: x-small;
	padding-top: 0;
	margin-top: 0;
	margin-left: 1em;
}

.Ship_Attacking_Ships {
	float: left;
	font-size: x-small;
	padding-top: 0;
	margin-top: 0;
}

.Sub_Attacking_Ships {
	float: left;
	font-size: x-small;
	padding-top: 0;
	margin-top: 0;
}

#AGplanes {
	float: left;
}

#location .latlng {
	font-family: Courier, serif;
	font-size: .4em;
}

#postunits {
	clear: left;
	float: left;
	text-align: center;
	width: 100%;
}

#footer p {
	text-align: center;
	font-size: .7em;
	line-height: 30px;
}

#leftcol {
	clear: left;
	width: 49%;
	float: left;
	text-align: left;
}

#leftcol li {
	font-weight: bold;
	padding-bottom: 7px;
}

#leftcol ul {
	float: left;
	clear: left;
	margin: 0;
	padding-right: 30px;
	list-style-type: disc;
}

#rightcol {
	float: left; 
	width: 49%;
	text-align: right;
	padding-top: 20px;
}

#rightcol input {
	display: block;
	width: 175px;
	float: left;
}

#rightcol select {
	display: block;
	width: 175px;
	float: left;
}

#rightcol label {
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	float: left;
	display: block;
	width: 140px;
	padding-right: 10px;
}

#rightcol li {
	font-weight: bold;
	padding-bottom: 7px;
	text-align: left;
}

.remind {
	font-size: 60%;
	clear: left;
	float: left;
	padding-left: 270px;
}

#main {
	float: left;
	clear: left;
	padding-top: 10px;
	text-align: center;
	width: 100%;
	/* border-top: 1px dashed black; */
}

#register {
	 float: left; 
	 text-align: center;
	 padding-top: 20px;
	 width: 100%;
}

#register input {
	display: block;
	width: 180px;
	float: left;
}

#register select {
	display: block;
	width: 180px;
	float: left;
}

#register label {
	font-weight: bold;
	font-size: .8em;
	text-align: right;
	float: left;
	display: block;
	width: 300px;
	padding-right: 10px;
}

#register .button {
	font-size: .8em;
	float: left;
	display: block;
	width: 100px;
	margin-right: 20px;
}

#paymenttype {
	float: left;
	width: 30%;
	padding-top: 30px;
	padding-bottom: 30px;
}

#paymenttype p {
	color: red;
	font-weight: bold;
}

#clear {
	clear: left;
}

.highlight {
	color: red !important;
	font-weight: bold !important;
	font-size: 1.1em !important;
}

.lowlight {
	color: #444444 !important;
	font-weight: italic !important;
	font-size: .8em !important;
}

.small {
	font-size: .8em;
}

.nb {
	color: red;
}
.nb2 {
	color: green;
}

.scendsgnhead {
	font-size: 1.5em;
	color: #333333;
	font-weight: bold;
}

#waiting1 {
	float: left;
	width: 20%;
}
#waiting1 p {
	text-align: center;
}

#waiting2 {
	float: left;
	width: 60%;
}
#waiting2 p {
	text-align: center;
}

#waiting3 {
	float: left;
	width: 20%;
}
#waiting3 p {
	text-align: center;
}

.ffbutton {
	color: red;
	background-color: white;
}

#sightingReportAdmin {
	margin-bottom: 12em;
	text-align: center;
}

#sightingReportAdminButton {
	margin-right: 5em;
}

#messagearea {
	width: 75%;
	margin-right: 5em; 
	margin-left: 5em;
}

#messagearea dt {
	padding-top: 1.5em;
	font-style: italic;
}

.pushright {
	margin-right: 2em;
	white-space: nowrap;
}

.AGmission {
	margin-right: 2em;
}

.message {
	clear: left;
	float: left;
	font-family: Courier, serif;
	text-align: left;
}

.message p {
	margin-top: 0;
}

.messageHeader {
	float: left;
	width: 24%;
	text-align: left;
}

.messageBody {
	float: right;
	width: 75%;
	text-align: left;
}

.basePic {
	float: left;
}

.baseStats {
	float: left;
	width: 99%;
}

.baseStats1 {
	float: left;
	padding-left: 2em;
	padding-top: 0;
}

.baseStats2 {
	float: left;
	padding-left: 2em;
	padding-top: 0;
}

.baseStats3 {
	float: left;
	padding-left: 2em;
	padding-top: 0;
}

#planeStates {
	clear: left;
	float: left;
	width: 99%;
}

.planeState {
	border-bottom: 1px dashed #888888;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	padding: 1em;
}

.planeState_Readying {
	border-bottom: 1px dashed #888888;
	float: left;
	clear: left;
	width: 99%;
	padding: 1em;
}

.planeState_Ready {
	border-bottom: 1px dashed #888888;
	float: left;
	clear: left;
	width: 99%;
	padding: 1em;
}

.planeState_Unreadying {
	border-bottom: 1px dashed #888888;
	float: left;
	clear: left;
	width: 99%;
	padding: 1em;
}

.planeState_Unready {
	border-bottom: 1px dashed #888888;
	border-top: 1px dashed #888888;
	float: left;
	clear: left;
	width: 99%;
	padding: 1em;
}

.planeState_Launching {
	float: left;
	clear: left;
	width: 99%;
	padding: 1em;
}

.planeStateText {
	font-size: medium;
	font-style: italic;
	padding-right: 1em;
	text-align: left;
	float: left;
}

.PType_Flying {
	float: left;
	margin-right: 2em;
}

.Bombers_Attacking_Ships {
	float: left;
	margin-right: 2em;
}

.Bombers_Attacking_BaseParts {
	float: left;
	margin-right: 2em;
}

.Fighters_Attacking_Ships {
	float: left;
	margin-right: 2em;
}

.Fighters_Attacking_BaseParts {
	float: left;
	margin-right: 2em;
}


/*
.unitID {
	display: none;
}
*/

.AGptype {
	float: left;
	padding-right: 2em;
}

.AGplanes {
	clear: left;
	float: left;
	padding-right: 2em;
}

.PType {
	clear: left;
	float: left;
	white-space: nowrap;
}

.PType_Ready {
	float: left;
	white-space: nowrap;
	padding-right: 2em;
}

.PType_Readying {
	float: left;
	white-space: nowrap;
	padding-right: 2em;
}

.PType_Unready {
	float: left;
	white-space: nowrap;
	padding-right: 2em;
}

.PType_Unreadying {
	float: left;
	white-space: nowrap;
	padding-right: 2em;
}

.PType_Launching {
	float: left;
	white-space: nowrap;
	padding-right: 2em;
}

.PType_Launch {
	clear: left;
	float: left;
	white-space: nowrap;
}

.CarrierFieldset {
	float: left;
	display: none;
	margin-bottom: 1em;
}

.CarrierFieldsetVisible {
	float: left;
	display: block;
	margin-bottom: 1em;
}

.BaseFieldset {
	float: left;
	display: none;
	margin-bottom: 1em;
}

.BaseFieldsetVisible {
	float: left;
	display: block;
	margin-bottom: 1em;
}

.TFFieldset {
	float: left;
	display: none;
	margin-bottom: 1em;
}

.TFFieldsetVisible {
	float: left;
	display: block;
	margin-bottom: 1em;
}

.SubFieldset {
	float: left;
	display: none;
	margin-bottom: 1em;
}

.SubFieldsetVisible {
	float: left;
	display: block;
	margin-bottom: 1em;
}

.AGFieldset {
	float: left;
	display: none;
	margin-bottom: 1em;
}

.AGFieldsetVisible {
	float: left;
	display: block;
	margin-bottom: 1em;
}

.EngagementFieldset {
	float: left;
	display: none;
	margin-bottom: 1em;
}

.EngagementFieldsetVisible {
	float: left;
	display: block;
	margin-bottom: 1em;
}

#unitNav {
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

.newAG {
	padding-top: 2em;
	border-top: 1px solid red;
	font-style: italic;
}

.TFlabel {
	background-color: #ffffff;
	font-weight: bold;
	border: 2px #006699 solid;
}

.newAGbox {
	border: 1px dashed red;
	float: left;
	padding: 1em;
	margin: .5em;
}

.scrollingList {
    border: 1px solid #CCCCCC;
    list-style: none;
    height: 7em;
    overflow: auto;
    width: 10em;
    clear: left;
    text-align: left;
}

.scrollingList label {
    display: inline;
    padding-left: 25px;
}

.scrollingList li {
	padding-left: 1em;
	padding-bottom: .8em;
	width: 100%;
}

.scrollingList li:hover {
	background-color: #CCCCCC;
}
	
.scrollingList li label {
	padding-left: 0;
}

.scrollingList2 {
    border: 1px solid #ccc;
    list-style: none;
    height: 15em;
    overflow: auto;
    width: 8em;
    clear: left;
    float: left;
    padding: 1em;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
}

.scrollingList2 li {
	padding-bottom: .8em;
	width: 100%;
}

.scrollingList2 li:hover {
	background-color: #CCCCCC;
}
	
.scrollingListNewGame {
    border: 1px solid #ccc;
    list-style: none;
    height: 8em;
    overflow: auto;
    padding: 1em;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
    white-space: nowrap;
}

.scrollingListNewGame li {
	padding-bottom: .8em;
	width: 100%;
	margin-right: 2em;
}

.scrollingListNewGame li:hover {
	background-color: #CCCCCC;
}

.scenMission {
	 display: none;
	 float: left;
	 clear: left;
	 text-align: left;
}

.scenDesignerNotes {
	 display: none;
	 float: left;
	 clear: left;
	 text-align: left;
}

#scenMissions {
	float: left;
	clear: left;
	border: 1px solid black;
	padding: 1em;
	display: none;
	width: 85%;
	margin-top: 2em;
	margin-bottom: 2em;
}

.scenMissionA {
	float: left;
	text-align: left;
	width: 45%;
}

.scenMissionJ {
	float: right;
	text-align: left;
	width: 45%;
}

.scenMissionDesignerNotes {
	clear: left;
	float: left;
	text-align: left;
	width: 90%;
}

.newUnitDragArea {
	 position: absolute;
	 width: 6em;
	 border: 1px solid red;
}

.newUnitDragArea p {
	color: grey !important;
	margin: .5em  !important;;
	font-style: italic !important;
	font-weight: normal !important;
}

.centered {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.engagementHint {
	clear: both;
	padding: 1em;
	font-style: italic !important;
}

.navLink {
	float: left;
	font-size: small;
	clear: left;
}

.fieldsetsUnits {
	float: left;
	/*border: 1px dotted blue;*/
	clear: none;
	width: 75%;
}

#options {
	float: left;
	text-align: left;
	clear: none;
	width: 50%;
	margin: 5em;
}

.unitNavPanel {
	float: left;
	/*border: 1px dotted green;*/
	clear: none;
}

.unitNavPanel ul {
	margin-left: 0;
}

.droppableHover {
	border: 2px solid red !important;
}

.BaseDefendingAG {
	border: 1px solid black;
	margin-left: 1em;
	margin-right: 1em;
}

.warnEngagement {
	color: red;
}

.CAPplanes {
	padding: 1em;
}

#feedback {
	display: none;
	border: 2px dashed red;
	clear: left;
	padding-bottom: 2em;
}

#settings {
	display: none;
	border: 2px dashed red;
	clear: left;
	padding-bottom: 2em;
}

#settings p {
	color: blue;
	clear: left;
	padding: 0px;
	margin: 1em;
}

.settingsTab {
	margin-left: 1em;
}

#options {
	width: 80%;
}

#BookAds {
	display: none;
	width: 840px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: .5em;
	padding-top: 1em;
}

#AMZN {
	width: 820px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 60px;
	text-align: center;
	margin-bottom: 2em;
}

#GoogleAds {
	width: 100%;
	clear: left;
	float: left;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: .5em;
	margin-bottom: .5em;
}

#CafePressAd {
	width: 100%;
	clear: left;
	float: left;
	height: 154px;
	margin-left: auto;
	margin-right: auto;
	margin-top: .5em;
	margin-bottom: 1em;
}

#DonateAd {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 200px;
}

#gameArea {
	float: left;
}

#Forum {
	width: 75%;
	clear: none;
	float: left;
}

#mainForum {
	margin: 5em;
}

/* Posted-by person and date. */
.forumPS {
	margin-left: 1em;
	font-size: x-small;
	color: #666666;
	margin-right: 2em;
}

.forumReplyLink a {
	font-size: small;
	font-style: italic;
}

.forumMessage {
	text-align: left;
}

.forumReplyTo {
	text-align: left;
	padding-left: 5em;;
}

#gameDetails {
	clear: left;
	float: left;
	text-align: left;
	margin-top: 2em;
	position: absolute;
	top: 0;
	right: 2000px;
	width: 100%;
}

#moreinfo {
	padding-top: 1.5em;
	clear: left;
	float: right;
}

#screenshots {
	width: 1200px;
	height: 120px;
	border: 1px solid black;
	padding: 1em;
	padding-left: 0;
	padding-right: 2em;
}

#screenshots li {
	margin: 1em;
}

.screenshot {
	width: 150px;
	height: 100px;
}

#loginButtons {
	padding-top: 4em;
	clear: left;
	float: right;
	margin-right: 10em;
}

#glanceList {
	list-style-image: url(images/bullet.png);
}

.AGdisperse {
	display: none;
	border: 2px groove red;
	width: 340px;
	height: 150px;
	float: left;
	padding: 1em;
}

.AGarc {
	float: left;
	height: 100px;
	width: 100px;
}

.basePhoto {
	border: 1px solid #888888;
}

.pTypePhoto {
	border: 1px solid #888888;
}

.draggablePlanes {
	border: 1px solid #888888;
}

.forumLink {
	color: #FF0000 !important;
}

.gamelistTable {
	border: 0;
}

.gamelistTable tr {
	border: 0;
	border-bottom: 1px solid red;
}

.gamelistTable td {
	border: 0;
	border-bottom: 1px solid red;
	padding: 1em;
}

.gamelistTable th {
	border: 0;
	border-bottom: 1px solid black;
}

.vpSubtotal {
	color: red;
	margin-left: 4em;
	font-size: 80%;
}

.vpTotal {
	border: 3px double red;
}

.whatsNew {
	text-align: left; 
	width: 80%; 
	padding-left: 8em; 
	float: left; 
	margin-bottom: 1.5em;
	color: red;
	list-style-type: decimal;
}

.whatsNew ol {
	list-style-type: decimal;
}

.whatsNew ol li {
	color: red;
}

.whatsRecent {
	text-align: left; 
	width: 80%; 
	padding-left: 8em; 
	float: left; 
	margin-bottom: 1.5em;
}

.whatsRecent ol {
	list-style-type: decimal;
	width: 100%; 
}

.whatsRecent ol li {
	list-style-type: decimal;
	width: 100%; 
}

#sightingOptions {
	margin-top: 1.5em;
	margin-bottom: 2em;
	text-align: left;
	width: 90%;
	margin-left: auto; 
	margin-right: auto;
}

#sightingOptionsForm {
	height: 11em;
	overflow: auto;
}

.bubbleUnitLink {
	color: blue;
	text-decoration: underline;
}

.gameButton {
	font-size: 1em;
	color: blue;
	font-style: bold;
}

.sendMessageButton {
	font-size: .75em;
}

.endGameButton {
	font-size: 1em;
}

.viewResultsButton {
	font-size: .75em;
}

#registerPlayer {
	width: 6em; 
	margin-left: 14em;
}

#cancelRegistration {
	width: 6em; 
	clear: none; 
	float: left; 
	margin-left: 2em;
}

.sightingSil {
	margin-right: 1.6em;
	white-space: nowrap;
}

.combatReportList {
	list-style-image: url(images/bullet.png);
}

.combatReportItem {
	margin: 1em;
	padding: 0;
	color: black;
	font-size: normal;
	font-weight: normal;
}

.majorSection {
	display: none;
}

.optionNote {
	font-size: .8em;
}

.messagesLink {
	margin-left: 1em;
	font-size: .6em;
	font-weight: normal;
	white-space: nowrap;
}

.lefty {
	text-align: left;
}

.righty {
	text-align: right;
}

.centery {
	text-align: center;
}

.hidden {
	display: none;
}

#scenarios {
	float: left;
	margin-right: 2em;
}

#newGameOptions {
	float: left;
	margin-right: 2em;
}

#newGameOptions2 {
	float: left;
	margin-right: 2em;
}

#turnFreq {
	float: left;
	margin-right: 2em;
	display: none;
}

#TFstartLocs {
	margin-bottom: 1em;
}

#sideToCommand {
	margin-bottom: 1em;
}

#opponentChoice {
	margin-bottom: 1em;
}

#submitArea {
	clear: left;
	margin-bottom: 1.5em;
}

#gamelistTable {
	clear: left;
}

#registrationFormDiv {
	display: none;
	padding-top: 2em;
}

#keywords {
	font-size: x-small;
	text-align: left;
	display: none;
}

#gamelistTable2 {
	display: none;
}

#newTF {
	background-color: #FFFFFF;
}

#newAG {
	background-color: #FFFFFF;
}

.regButton {
	float: right;
}

.MessageFieldSetCombat ul li {
	margin: 0;
	padding: 0;
}

.MessageFieldSetCombat p {
	margin: 0;
	padding: 0;
}

.carrierSunk {
	text-decoration: line-through;
}

.sun {
	padding-right: 36px;
	background-image: url('images/sun.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.moon {
	padding-right: 36px;
	background-image: url('images/moon.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.gameListRibbon {
	padding-right: 2px;
	padding-left: 2px;
	height: 12px;
	width: 24px;
}

.offScreen {
	position: absolute;
	top: -2000px;
	right: 0;
}

.onScreen {
	position: relative;
	top: 0;
	right: 0;
}

.missionMenu {
	text-align: left;
	width: 20em !important;
	color: red;
}

.missionMenu label {
	font-size: 115%;
	margin: .4em;
}

.missionMenu label:hover {
	color: red;
	font-size: 125%;
}

.missionLabelDisabled {
	color: #555555;
	font-style: italic;
	font-size: x-small;
	margin: .4em;
}

#sightingOptions label:hover {
	color: red;
	font-size: 125%;
}

#SubOpsAll {
	clear: left;
	float: left;
}

.navIcon, .navIconDisabled {
	background: url(images/buttons/navIcons.png) no-repeat 0 0;
	width: 80px;
	height: 80px;
}

#unitNavIconAGs {
	background-position: -0px 0;
}

#unitNavIconmapwrap {
	background-position: -80px 0;
}

#unitNavIconCarriers {
	background-position: -160px 0;
}

#unitNavIconMessages {
	background-position: -240px 0;
}

#unitNavIconSubs {
	background-position: -320px 0;
}

#unitNavIconTFs {
	background-position: -400px 0;
}

#unitNavIconBases {
	background-position: -480px 0;
}

.keywords {
	font-size: x-small;
	text-align: left;
	display: none;
}

#Help dd {
	color: blue;
}

#help {
	width: 65%;
	float: right;
	margin-right: 6em;
}

#sampleSoundLink {
	margin-left: 1em;
	font-style: italic;
	color: blue;
}

#loading {
	display: none;
	color: black;
	/* background-color: yellow; */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.scuttleButton {
	color: red;
	font-size: 90%;
}

.shipRow:hover {
	background-color: white;
}

.shipsLink, .planesLink {
	text-decoration: underline;
}

#opDetailsTable {
	border: 1px solid blue;
}

#opDetailsTable td {
	padding: 5px;
	font-weight: normal;
}

#opDetailsTable th {
	border-bottom: 1px solid red;
	padding: 1em;
}

#opDetailsTable tr:hover {
	background-color: white;
}

#gamesListNote {
	text-align: left;
	margin-left: 10em;
	margin-right: 10em;
	border: 1px solid black;
	padding: 1em;
}

.warnUnengaged {
	border: 2px solid yellow;
}

.stormMessage {
	margin-top: 2em;
	color: blue !important;
	clear: left;
}

.leaderboardTable {
	border: 1px solid black;
	width: 100%;
	clear: left;
	margin: 0 auto;
	text-align: middle;
	margin-bottom: 2em;
}

.leaderboardTable th {
	color: red;
}

.leaderboardTable .scenName {
	font-size: 1.5em;
}

#Leaderboard {
	width: 90%;
	clear: left;
	margin: 0 auto;
	text-align: middle;
}

#sightingTable {
	width: 80%;
}

.AGvsBaseTarget {
	float: left;
	margin-bottom: 1em;
}

.showShipDetailsLabel {
	font-weight: normal;
}

.shipDetails {
	display: none;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
}

.opOnline {
	border: 1px solid green;
	padding: 5px;
}

.mapMetaOptions {
	margin-right: 1em;
}

.gamesOnHold {
	color: #E4DCC5 !important;
	background-color: black;
	padding: .5em;
}

.choosePlayer, .emailPlayer {
	text-decoration: underline;
}

.choosePlayer:hover, .emailPlayer:hover {
	background-color: black;
	color: #E4DCC5;
}

.myjGrowl {
	color: #ffffff !important;
}

#DonateAd {
	 border: 3px dotted blue; 
	 padding: 1.5em; 
	 overflow: hidden;
	 width: 90%;
	 color: white;
	 background-color: grey;
}

/****************** Map page ******************/

#mapNotes {
	float: left;
	width: 75%;
}

#mapnav {
	float: left; 
	padding-right: 2em;
	width: 12em;
}

#mapnav ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	text-indent: 1em;
}

#mapnav ul {
	padding: 0;
	margin: 0;
}

#mapnav p {
	clear: left;
	padding: 0;
	margin: 0;
	padding-top: 1em;
}

#mapoptions {
	float: left; 
	width: 75%;
	margin-bottom: 1em;
}

#FFmap {
	float: left; 
	width: 75%;
	height: 600px;
	border: 1px solid black;
}

.viewOnMap {
	margin-left: .5em;
	font-size: 110%;
	color: blue;
}

.mapFieldset {
	padding: 0;
	margin: 0;
	border: 1px grey dashed;
	margin-bottom: 1em;
}

.mapNavOptions {
	float: left;
	clear: left;
}

#distanceControls {
	float: left;
	width: 75%;
}

#distanceControls label {
	font-size: 125%;
}

#distanceControls label:hover {
	color: red;
}

#distanceTableFormat {
	text-align: left;
}

#distanceTable {
	margin-top: 1.5em;
	margin-bottom: 3em;
}

.distanceTableCell {
	border: none;
	margin: 0;
	padding: 5px;
}

#distancesTable>thead>tr>th {
	border-bottom: 1px solid red;
}

#distancesTable>tfoot>tr>th {
	border-top: 1px solid red;
}

.dtCellRowFirst {
	border-right: 1px solid red;
}

.dtCellRowLast {
	border-left: 1px solid red;
}

#AGhelp {
	text-align: left;
	margin: 5em 5em 25em 5em;
}

.mapLabelTF {
	background-color: #FFFFFF;
	border: 1px solid black;
	font-size: x-small;
	padding: 3px;
}

.mapLabelAG {
	background-color: #FFFFFF;
	border: 1px solid black;
	font-size: x-small;
	padding: 3px;
}

.mapLabelSub {
	background-color: #FFFFFF;
	border: 1px solid black;
	font-size: x-small;
	padding: 3px;
}

.mapLabelBase {
	background-color: #FFFFFF;
	border: 1px solid black;
	font-size: x-small;
	padding: 3px;
}

.mapLabelRefPoint {
	background-color: #FFFFFF;
	border: 1px solid black;
	font-size: x-small;
	padding: 3px;
}

.labelOptionBoxSpan {
	margin-right: 1em;
}

.mapIconActive {
	border: 1px solid white;
}

#mapwrap {
	position: absolute;
	top: 0;
	right: 3000px;
}

.mapnavUnitLink {
	margin-left: .5em;
	font-size: 110%;
	color: blue;
}

.helpIcon {
	color: blue;
	margin-left: .5em;
	padding-left: 0px;
	white-space: nowrap;
}

.upgradeGame {
	color: blue;
	text-decoration: underline;
}

.navSomeAGsToggleLabel {
	font-size: .6em;
	color: #222222;
}

#opponentChoiceSelect {
	width: 20em;
	overflow-x: hidden;
}

.leaderboardPlayerName {
	font-size: 125%;
}

.leaderboardScenarioHistory {
	display: none;
}

#casualtiesTable td {
	border-bottom: 1px solid black;
}

.toggleTFcarriers {
	margin-right: 2em;
}

.planeDataTable td {
	border: 1px solid red;
	padding: 1em;
}

.planeDataTable th {
	padding: 1em;
}

/****************** Captify Plugin ******************/

.caption-top, .caption-bottom {
	color: #ff0000;	
	padding: 0;	
	font-weight: normal;
	font-size: 8px;	
	font-family: arial;	
	cursor: default;
	background: #ffffff;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/****************** Scenario Designer ******************/

#SDwrapper {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	min-width: 760px;
	width: 98%;
	text-align: center;
}

.SDunitDiv {
	display: none;
	width: 95%;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.SDscrollingList {
	border: 1px solid #CCCCCC;
	list-style: none;
	height: 15em;
	overflow: auto;
	clear: left;
	text-align: left;
	text-indent: 1em;
}

.SDscrollingList label {
	display: inline;
	padding-left: 1em;
}

.SDscrollingList li {
	padding-bottom: .5em;
	text-indent: -2.5em;
}

.SDscrollingList li:hover {
	background-color: #CCCCCC;
}

.SDscrollingList li label {
	padding-left: .8em;
}

.SDunitsCol {
	float: left;
	margin: 1em;
	width: 20%;
	text-align: left;
}

.SDunitsCol2 {
	float: left;
	margin: 1em;
	width: 30%;
	text-align: left;
}

.SDAColHeader {
	background-image: url('images/flags/aflag40x26.jpg');
	background-repeat: no-repeat;
	clear: right;
	height: 2em;
}

.SDJColHeader {
	background-image: url('images/flags/jflag40x26.jpg');
	background-repeat: no-repeat;
	clear: right;
	height: 2em;
}

.SDTF {
	clear: left;
	display: block;
	width: 200px;
	font-size: 80%;
	margin-bottom: 1em;
	text-align: left;
}

.SDshipTextInput {
	width: 2em;
}

.SDnavButton {
	margin-right: 1em;
}

.SDplanesBasesBox {
	font-size: .8em;
	border: 1px solid blue;
	padding: 1em 2em 1em 2em;
}

#mapButtons {
	 clear: left;
	 float: left;
	 margin-bottom: 1em;
}

#SDmapNotes {
	 float: left;
	 font-size: 80%;
	 width: 23%;
	 margin-left: 1em;
	 text-align: left;
}

#SDnewBaseForm {
	display: none; 
	float: left; 
	clear: left;
	margin-bottom: 1em;
}

.SDnewBaseFormElement {
	margin-right: 2em;
}

#SDnewBeachForm {
	display: none; 
	float: left; 
	clear: left;
	margin-bottom: 1em;
}

.SDnewBeachFormElement {
	margin-right: 2em;
}

.SDnavyA {
	font-size: 80%;
}

.SDnavyJ {
	display: none;
}

#SDnavies {
	font-size: 80%;
	border-top: 2px solid blue; 
}


.SDscrollingListPTypes {
	border: 1px solid #CCCCCC;
	list-style: none;
	overflow: auto;
	clear: left;
	text-align: left;
	height: 35em;
	width: 100%;
}

.SDscrollingListPTypes li {
	clear: left;
	text-indent: 0em;
	margin-left: -3em;
	margin-bottom: .5em;
}

.SDscrollingListPTypes li:hover {
	background-color: #CCCCCC;
}

.SDplaneImage {
	border: 1px solid black;
	margin: .5em;
	background-color: white;
	float: left;
}

.SDplaneImageDesc {
	color: black;
	font-size: .8em;
}

.SDTFlist {
	float: left;
	margin: 1em;
	text-align: left;
	height: 35em;
	overflow: auto;
	width: 11em;
}

#Premise, #Subs {
	margin: auto;
	width: 100%;
	text-align: center;
}

.SDlefty {
	width: 70%; 
	margin: auto; 
	padding-top: 1em;
	padding-bottom: 2em;
	text-align: left;
}

.SDleftyP {
	width: 70%; 
	margin: auto; 
	padding-bottom: 1em;
	text-align: left;
}

.SDcentery {
	width: 98%; 
	margin: auto; 
	padding-bottom: 1em;
	text-align: center;
}

.SDbaseCheckBoxVPxBG {
	background-color: grey;
}

.SDbaseCheckBoxVPinvadeBG {
	background-color: white;
	margin-left: 2px;
}

.SDbaseCheckBoxVPsupplyBG {
	background-color: black;
	margin-left: 2px;
}

#SDstart {
	width: 97%;
}

#SDstartTable {
	border-collapse: collapse;
	height: 10em;
	overflow: auto;
	clear: both;
	margin-top: 1em;
	width: 100%;
}

#SDstartTable th {
	border: 1px solid black;
	padding: .5em;
	font-weight: bold;
}

#SDstartTable tr:hover {
	background-color: #CCCCCC;
}

#SDstartTable td {
	border: 1px solid black;
	padding: .5em;
	font-weight: normal;
}

#SDobjectiveA {
	width: 45%;
	float: left;
	padding-right: 2em;
}

#SDobjectiveJ {
	width: 45%;
	float: left;
	padding-right: 2em;
}

.SDobjective {
	padding: 1em;
}

#SDdesignerNotes {
	clear: left;
	width: 60%;
	float: left;
	font-style: italic;
}

.scenActions, .ratingVal {
	display: none;
}

.scenActionsClosed, .scenTFshipTypeClosed {
	width: 32px;
	background-image: url('images/triangle-right.png');
	background-repeat: no-repeat;
}

.scenActionsOpen, .scenTFshipTypeOpen {
	width: 32px;
	background-image: url('images/triangle-down.png');
	background-repeat: no-repeat;
}

#startNotes {
	 margin-top: 5em;
	 clear: both;
	 font-size: .7em;
	 font-weight: normal;
}

.ratingCell {
	width: 120px !important;
	white-space: nowrap;
}

#SDviewModeAlert {
	display: none;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

#SDviewModeAlert p {
	/*background-color: yellow;*/
	color: blue;
}

.nowrap {
	white-space: nowrap;
}

.commentsCell {
	max-height: 5em;
}

#Comments dt {
	margin-top: 2em;
}

.SDtfsShipType {
	margin-bottom: 1em;
	width: 13em;
}

#basesContainer {
	width: 60%;
	float: none;
	margin-top: 0;
	padding-top: 0;
}