body, table {
	background-color: black;
	color: white;
	font-family: verdana;
	font-size: 11px;
}

input, textarea, select, button {
	font-family: verdana;
	font-size: 11px;
	vertical-align: middle;
}

#outerWrapper {
	margin: 0 auto;
	width: 603px;
}

#innerWrapper {
	border: solid 1px silver;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

#links {
	overflow: auto;
}

#level {
	width: 191px;
	margin: 10px auto 0 auto;
}

#variance {
	width: 166px;
	margin: 10px auto 0 auto;
}

#variance input {
	width: 80px;
}

#links a {
	border: solid 1px silver;
	border-radius: 7px;
	display: block;
	float: left;
	padding: 6px;
	text-decoration: none;
	color: white;
	margin-bottom: 5px;
	margin-right: 5px;
	font-weight: bold;
}

#links a:hover {
	color: orange;
}

#input {
	float: left;
	width: 300px;
}

#output {
	float: right;
	width: 300px;
	border-left: solid 1px silver;
	position: relative;
}

.half {
	float: left;
	width: 50%;
}

.half .stat {
	overflow: auto;
	padding: 0 10px;
}

.half .stat input {
	width: 50px;
	float: right;
}

.half .stat label {
	line-height: 23px;
}

#stars {
	margin: 5px auto;
	width: 140px;
}

#commander {
	margin: 5px auto;
	text-align: center;
}

#divineCombo {
	text-align: center;
	margin-top: 5px;
	font-weight: bold;
}

#divineCombo span:hover {
	cursor: pointer;
	text-decoration: underline;
}

#divineCombo .type2 {
	color: #00c800;
}

#divineCombo .type3 {
	color: #0090f8;
}

#divineCombo .type4 {
	color: #f800f8;
}

#stars {
	overflow: auto;
}

.star {
	background-image: url(/cc/imgs/star.png);
	width: 15px;
	height: 14px;
	float: left;
}

.star.selected {
	background-image: url(/cc/imgs/star-selected.png);
}



#result .stat {
	float: left;
	width: 25%;
	margin: 5px 0;
}

#result .stat div {
	background-repeat: no-repeat;
	padding-left: 24px;
	height: 20px;
	line-height: 20px;
}

#result .stat #pAccuracy { background-image: url(/cc/imgs/accuracy.png); }
#result .stat #pDodge { background-image: url(/cc/imgs/dodge.png); }
#result .stat #pSpeed { background-image: url(/cc/imgs/speed.png); }
#result .stat #pElectron { background-image: url(/cc/imgs/electron.png); }
#result .stat #pAttack { background-image: url(/cc/imgs/attack.png); }
#result .stat #pStructure { background-image: url(/cc/imgs/structure.png); }
#result .stat #pShield { background-image: url(/cc/imgs/shield.png); }
#result .stat #pCritDamage { background-image: url(/cc/imgs/critdamage.png); }
#result .stat #pCritRate { background-image: url(/cc/imgs/critrate.png); }
#result .stat #pComboRate { background-image: url(/cc/imgs/comborate.png); }
#result .stat #pShieldRecovery { background-image: url(/cc/imgs/shieldrecovery.png); }
#result .stat #pExp { background-image: url(/cc/imgs/exp.png); }

#result {
	border: solid 1px #0073f2;
	border-radius: 10px;
	margin: 10px auto;
	width: 250px;
	clear: both;
	overflow: auto;
	padding: 5px;
	background-color: #000f30;
}

#qq {
	clear: both;
}

#growth {
	overflow: hidden;
	
}

#gems {
	clear: both;
	overflow: hidden;
	width: 252px;
	margin: 10px auto;
}

#gems .column {
	float: left;
	margin-right: 5px;
}

#gems .column .gem {
	width: 58px;
	height: 58px;
	margin-bottom: 5px;
}

#gems .column .gem img {
	margin: 9px;
	width: 40px;
	height: 40px;
}

#gems .column .red {
	background-image: url(/cc/imgs/ruby.png);
}

#gems .column .blue {
	background-image: url(/cc/imgs/sapphire.png);
}

#gems .column .green {
	background-image: url(/cc/imgs/emerald.png);
}

#gems .column .diamond {
	background-image: url(/cc/imgs/diamond.png);
}

#gemSelector {
	display: none;
	width: 180px;
	position: absolute;
	padding: 0 5px 5px 0;
	border: solid 1px silver;
	border-radius: 6px;
	background-color: black;
}

#gemSelector img {
	margin: 5px 0 0 5px;
	width: 40px;
	height: 40px;
}

#gems *, #gemSelector * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#commanderImage {
	text-align: center;
	margin: 5px;
}

#commanderImage img {
	width: 145px;
	height: 120px;
}

#skill {
	margin: 5px;
}

#combined {
	text-align: center;
	margin: 10px;
}


#prof {
	width: 176px;
	margin: 5px auto;
	background-color: #000f30;
	overflow: auto;
	padding: 5px;
	border: solid 1px #0073f2;
	border-radius: 10px;
}

#prof div {
	float: left;
	width: 40px;
	height: 40px;
	margin: 2px;
	position: relative;
}

#prof div img {
	position: absolute;
	bottom: 1px;
	right: 1px;
}

#prof-ballistic { background-image: url(/cc/imgs/effBallistic.png); }
#prof-directional { background-image: url(/cc/imgs/effDirectional.png); }
#prof-missile { background-image: url(/cc/imgs/effMissile.png); }
#prof-carrier { background-image: url(/cc/imgs/effShipBased.png); }
#prof-defend { background-image: url(/cc/imgs/effPlanetary.png); }
#prof-frigate { background-image: url(/cc/imgs/effFrigate.png); }
#prof-cruiser { background-image: url(/cc/imgs/effCruiser.png); }
#prof-battleship { background-image: url(/cc/imgs/effBattleship.png); }


#powered {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 5px;
}

#showHD {
	position: absolute;
	right: 5px;
	top: 5px;
}

#commanderQuality {
	font-weight: bold;
	text-align: center;
}

#commanderQuality.divine {
	color: #ffff00;
}

#commanderQuality.legend {
	color: #f800f8;
}

#commanderQuality.super {
	color: #0090f8;
}

#commanderQuality.spell {
	color: #00c800;
}

#command {
	margin: 0 auto;
	width: 255px;
	height: 63px;
	padding-bottom: 10px;
}

#command .type {
	width: 40px;
	float: left;
	height: 40px;
	padding-left: 45px;
	background-repeat: no-repeat;
	line-height: 40px;
}

#command #heading {
	text-align: center;
	padding-bottom: 10px;
}

#command .frigate {
	background-image: url(/cc/imgs/effFrigate.png);
}

#command .cruiser {
	background-image: url(/cc/imgs/effCruiser.png);
}

#command .battleship {
	background-image: url(/cc/imgs/effBattleship.png);
}

#link {
	width: 300px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 5px;
}

#lang {
	margin-top: 10px;
}

#lang .flag {
	margin-left: 5px;
	float: right;
	width: 24px;
	height: 16px;
	background-image: url(/imgs/flags.png);
	display: block;
}

#lang .help {
	float: right;
	line-height: 16px;
	color: white;
	text-decoration: none;
}

#lang .help:hover {
	text-decoration: underline;
}

#lang .en { background-position: -28px -96px; }
#lang .zh { background-position: -271px -58px; }

#rate {
	text-align: center;
}

#rate.hide {
	display: none;
}

#removeGems {
	text-align: center;
}

/*
     FILE ARCHIVED ON 20:27:03 Nov 16, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:26:33 Jul 24, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 427.033 (3)
  esindex: 0.007
  captures_list: 442.279
  CDXLines.iter: 10.839 (3)
  PetaboxLoader3.datanode: 174.297 (5)
  exclusion.robots: 0.142
  exclusion.robots.policy: 0.133
  RedisCDXSource: 1.842
  PetaboxLoader3.resolve: 430.663 (2)
  load_resource: 491.648
*/