@charset "utf-8";
/* CSS Document */

/* ########## TAG STYLES ########## */

*{background-position:center center;background-repeat:no-repeat;}

body{margin:0px;background:url(../images/bgTexture-paperWaves_475x475.png) left top repeat;font-family:Helvetica, Verdana, Geneva, sans-serif;}

a{display:block;text-align:center;cursor:pointer;}
	a.cGA,
	a.cDF{height:75px;line-height:75px;color:#fff;font-size:24px;}
		a.cGA{background:#0071BC;}
			a.cGA:hover{background:#00558d;}
		a.cDF{background:#C1272D;}
			a.cDF:hover{background:#911d22;}
	a.cDone{cursor:default;}
div{display:block;}

/* ########## ID STYLES ########## */
#dPageHolder{}
	#dLeft,
	#dMiddle,
	#dRight{position:fixed;top:0px;}
		#dLeft{left:0px;width:100px;background:#191919;border-right:2px solid #000;
			background: -moz-linear-gradient(left,  #191919 50%, #323232 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(50%,#191919), color-stop(100%,#323232)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  #191919 50%,#323232 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  #191919 50%,#323232 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  #191919 50%,#323232 100%); /* IE10+ */
			background: linear-gradient(to right,  #191919 50%,#323232 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#323232',GradientType=1 ); /* IE6-9 */
		}
			#dLeft.cGA{left:0px;width:100px;background:#0071BC;border-right:2px solid #000;
				background: -moz-linear-gradient(left,  #0071BC 50%, #00558d 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(50%,#0071BC), color-stop(100%,#00558d)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  #0071BC 50%,#00558d 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  #0071BC 50%,#00558d 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  #0071BC 50%,#00558d 100%); /* IE10+ */
				background: linear-gradient(to right,  #0071BC 50%,#00558d 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071BC', endColorstr='#00558d',GradientType=1 ); /* IE6-9 */
			}
			#dLeft.cDF{left:0px;width:100px;background:#C1272D;border-right:2px solid #000;
				background: -moz-linear-gradient(left,  #C1272D 50%, #911d22 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(50%,#C1272D), color-stop(100%,#911d22)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left,  #C1272D 50%,#911d22 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left,  #C1272D 50%,#911d22 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left,  #C1272D 50%,#911d22 100%); /* IE10+ */
				background: linear-gradient(to right,  #C1272D 50%,#911d22 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C1272D', endColorstr='#911d22',GradientType=1 ); /* IE6-9 */
			}
			#dLeft a,
			#dLeft #dTurn{display:block;height:75px;line-height:75px;color:#fff;text-align:center;}
				#dLeft a:hover{background-color:rgba(0,0,0,0.33);}
				#dLeft a.cOn{background-color:#000 !important;}
			#dLeft .cHR{height:1px;border-top:2px solid #000;border-bottom:2px solid #000;font-size:0px;}
		#dMiddle{position:absolute;left:102px;}
			#dMiddle .cSection{display:none;padding-top:75px;}
				#dMiddle .cSection .cTop{position:fixed;left:102px;top:0px;height:75px;line-height:75px;z-index:250;}
					#dMiddle .cSection#d2 .cTop a,
					#dMiddle .cSection#d6 .cTop a{float:left;width:50%;border-bottom:none;}
				#dMiddle .cSection .cFaction{display:none;}
					#dMiddle .cSection.cGA .cFaction.cGA,
					#dMiddle .cSection.cDF .cFaction.cDF{display:block;}
						#dMiddle .cSection .cTop .cBtnFaction:hover,
						#dMiddle .cSection.cGA .cTop .cBtnFaction.cGA,
						#dMiddle .cSection.cDF .cTop .cBtnFaction.cDF{height:70px;border-bottom:5px solid #fff !important;}
							#dMiddle .cSection.cGA .cTop .cBtnFaction.cnGA,
							#dMiddle .cSection.cDF .cTop .cBtnFaction.cnDF{font-weight:bold;}
								#dMiddle .cSection.cGA .cTop .cBtnFaction.cnGA{background:#00558d;}
								#dMiddle .cSection.cDF .cTop .cBtnFaction.cnDF{background:#911d22;}
								#dMiddle .cSection#d6 .cTop a.cDone{background:#ccc !important;}
						#dMiddle .cSection#d2 .cTop #aES{position:absolute;top:75px;right:0px;width:75px;height:0px;overflow:hidden;}
					#dMiddle .cSection#d2 .cShipCard{height:250px;margin:12px 52px 0px 12px;background:#ddd;font-family:"Times New Roman", Times, serif;}
						#dMiddle .cSection#d2 .cShipCard .cName{position:absolute;right:-75px;width:255px;height:80px;line-height:80px;margin-top:85px;background:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:32px;font-style:italic;text-align:center;transform:rotate(270deg);-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);z-index:200;}
							#dMiddle .cSection#d2 #dFactionGA .cShipCard .cName{color:#00558d}
							#dMiddle .cSection#d2 #dFactionDF .cShipCard .cName{color:#911d22}
						#dMiddle .cSection#d2 .cShipCard .cShipImg{display:block;float:left;width:150px;height:226px;margin:12px 12px 0px;}
						#dMiddle .cSection#d2 .cShipCard .cStatRow{height:30px;line-height:30px;margin:0px 85px 0px 210px;}
							#dMiddle .cSection .cShipCard .cStatRow.cLegend{height:45px;line-height:50px;border-bottom:1px solid #333;}
							#dMiddle .cSection .cShipCard .cStatRow.cValues{margin-bottom:12px;}
							#dMiddle .cSection .cShipCard .cStatRow span{display:block;float:left;width:16%;height:25px;line-height25px;text-align:center;}
						#dMiddle .cSection#d2 .cShipCard .cRules,
						#dMiddle .cSection#d2 .cShipCard .cCaptName,
						#dMiddle .cSection#d2 .cShipCard .cCaptStats{margin-left:45px;}
							#dMiddle .cSection .cShipCard .cRules div .cEm,
							#dMiddle .cSection .cShipCard .cCaptRules div .cEm{padding-right:12px;font-weight:bold;}
							#dMiddle .cSection#d2 .cShipCard .cCapt .cCaptName{margin-top:12px;font-size:18px;}
							#dMiddle .cSection#d2 .cShipCard .cCapt .cCaptImg{display:block;float:right;width:100px;height:120px;margin:0px 52px 0px 12px;}
								#dMiddle .cSection#d2 .cShipCard .cCapt .cCaptStats div span{display:inline-block;width:110px;padding-right:10px;text-align:right;}
				#dMiddle .cSection#d3,
				#dMiddle .cSection#d4,
				#dMiddle .cSection#d5,
				#dMiddle .cSection#d7{margin:24px 240px;padding:0px 0px 12px;background:#ddd;color:#222;}
					#dMiddle .cSection#d3 .cStr.cUC,
					#dMiddle .cSection#d4 .cStr.cUC,
					#dMiddle .cSection#d5 .cStr.cUC,
					#dMiddle .cSection#d7 .cStr.cUC{padding:24px 0px;font-size:32px;}
					#dMiddle .cSection#d3 a,
					#dMiddle .cSection#d7 a{margin:12px 12px 0px;}
						#dMiddle .cSection#d7 a{height:75px;line-height:75px;color:#fff;}
							#dMiddle .cSection#d7 #aBtnNextTurn{background:#3c3;}
								#dMiddle .cSection#d7 #aBtnNextTurn:hover{background:#393;}
							#dMiddle .cSection#d7 #aBtnEndGame{background:#f22;}
								#dMiddle .cSection#d7 #aBtnEndGame:hover{background:#c11;}
					#dMiddle .cSection#d6 .cShipCard{margin:12px 300px 0px 12px;background:#ddd;font-family:"Times New Roman", Times, serif;}
						#dMiddle .cSection#d6 .cShipCard .cName{position:absolute;right:45px;width:255px;height:159px;margin-top:-3px;background:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:32px;text-align:center;z-index:200;}
							#dMiddle .cSection#d6 #dFactionGA .cShipCard .cName{color:#00558d}
							#dMiddle .cSection#d6 #dFactionDF .cShipCard .cName{color:#911d22}
							#dMiddle .cSection#d6 .cShipCard .cName span{line-height:80px;font-style:italic;}
							#dMiddle .cSection#d6 .cShipCard .cName a{height:60px;line-height:60px;margin:0px 12px;background:#f22;font-family:Helvetica, Verdana, Geneva, sans-serif;font-size:20px;}
								#dMiddle .cSection#d6 .cShipCard .cName a:hover{background:#c11;}
								#dMiddle .cSection#d6 .cShipCard .cName a.cActive{background:#3c3;}
									#dMiddle .cSection#d6 .cShipCard .cName a.cActive:hover{background:#393;}
								#dMiddle .cSection#d6 .cShipCard .cName a.cDone{background:#ccc !important;}
						#dMiddle .cSection#d6 .cShipCard .cStatRow{height:30px;line-height:30px;margin:0px 350px 0px 100px;}
						#dMiddle .cSection#d6 .cShipCard .cCapt,
						#dMiddle .cSection#d6 .cShipCard .cRules{width:50%;margin:12px 0px;float:left;}
							#dMiddle .cSection#d6 .cShipCard .cCapt{border-right:1px solid #333;margin-right:-1px;}
								#dMiddle .cSection#d6 .cShipCard .cCapt .cCaptName,
								#dMiddle .cSection#d6 .cShipCard .cCapt .cCaptStats
								#dMiddle .cSection#d6 .cShipCard .cCapt .cCaptRules{margin-right:12px;}
								#dMiddle .cSection#d6 .cShipCard .cCapt .cCaptStats{width:175px;float:left;}
									#dMiddle .cSection#d6 .cShipCard .cCapt .cCaptName{padding-left:110px;font-size:24px;}
										#dMiddle .cSection#d6 .cShipCard .cCapt .cCaptStats div span{display:inline-block;width:110px;padding-right:10px;text-align:right;}
								#dMiddle .cSection#d6 .cShipCard .cRules div{margin-left:12px;}
					#dMiddle .cSection .cBtnRow{height:99px;line-height:99px;margin:12px 12px 0px;background:#eee}
						#dMiddle .cSection .cBtnRow span{display:block;font-family:"Times New Roman", Times, serif;font-size:36px;font-style:italic;}
							#dMiddle .cSection .cBtnRow.cGA span{color:#00558d}
							#dMiddle .cSection .cBtnRow.cDF span{color:#911d22}
						#dMiddle .cSection .cBtnRow .cBtns{float:right;height:75px;}
						#dMiddle .cSection .cBtnRow a{display:inline-block;width:150px;height:75px;line-height:75px;margin:12px 12px 12px 0px;background:#f22;color:#fff;font-size:24px;}
							#dMiddle .cSection .cBtnRow a:hover{background:#c11;}
							#dMiddle .cSection .cBtnRow a.cDone{background:#3c3;}
							#dMiddle .cSection .cBtnRow.cDone a{background:#ccc !important;}
								#dMiddle .cSection#d4 .cBtnRow.cDone a{background:#3c3 !important;}
		#dRight{right:0px;width:0px;}

/* ########## CLASS STYLES ########## */
.cEm{font-style:italic;}
.cStr{font-weight:bold;}
.cUC{text-transform:uppercase;}

.cAlC{text-align:center;}

.cClr{height:0px;overflow:hidden;clear:both;}