body {
	background: #F7F7F7;
	font-family: "Courier New", Courier, monospace;
	font-size: small;
}

.wrapper {
	width: 602px;
	border: 1px solid black;
	background: #FFFFFF;
	padding: 4px 4px;
	text-align: left;
	margin-left: auto ;
  margin-right: auto ;
}

.replay {
	border: 1px #000000 solid;
	background: #FFFFFF;
	
	width: 600px;
}

.content {
	padding-left: 5px;
	background: #FFFFFF;
	text-align: left;
	width: 600px;
}

h2 {
	display: block;
	vertical-align: top;
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 4px;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 30px;
	margin-bottom: 5px;
	background: #4d8ca8;
	color: #FFFFFF;
}

.scourgeBanHero {
	margin-left: 2px;
	vertical-align: middle;
	border-bottom: 2px #FF99FF ridge;
}

.sentinelBanHero {
	margin-left: 2px;
	vertical-align: middle;
	border-bottom: 2px #3366FF ridge;
}

hr {
	color: #000000;
	margin-bottom: 0px;
}

.statsTable {
	padding: 0px 0px;
	margin: 0px 0px;
	border-top: 1px #727272 solid;
}

.tableHeader {
	font-weight: bolder;
	letter-spacing: 3px;
	background: #E6E6E6;
	padding-left: 5px;
	height: 25px;
}

.tableSentinel {
	font-weight: normal;
	background: #F7F7F7;
	padding-left: 5px;
	height: 20px;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
}


.tableScourge {
	font-weight: normal;
	background: #F7F7F7;
	padding-left: 5px;
	height: 20px;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
}

.tableSentinel:hover>td {
	background-color:#ffffff;
}

.tableScourge:hover>td {
	background-color:#ffffff;
}

.tableExtra {
	background: #F7F7F7;
	border-bottom: 1px #4d8ca8 solid;
	border-top: none;
}

.inventory {
	width: 100px;
	border: 1px #CCCCCC solid;
}

.extraOther {
	width: 400px;
	border: 1px #CCCCCC solid;
	background: #E6E6E6;
}

.extraInfo {
	vertical-align: middle;
	color: #000;
	padding: 5px 5px;
	display: 
}

.displaySelect {
	width: 100%; 
	border-bottom: 1px #CCCCCC solid;
	text-align: center;
}

.chatWindow {
	border: 1px solid black;
	padding-left: 5px;
	text-align: left;
	background: #F7F7F7; 
	color: #000000; 
	width: 592px; 
	overflow: auto; 
	height: 150px;
}

a, a:visited {
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.graph {
  height: 5px;
  background-color: #738499;
}

.red {
  color: #DD0000;
}

.blue {
  color: #3333FF;
}

.teal {
  color: #00D7EE;
}

.purple {
  color: #7711AA;
}

.yellow {
  color: #FFDC00;
}

.orange{
  color: #FF9900 ;
}

.green {
  color: #86E573;
}

.pink {
  color: #FF66CC;
}

.gray {
  color: #888888;
}

.lightblue {
  color: #55BBEE;
}

.darkgreen {
  color: #006F3F;
}

.brown {
  color: #6F3F00;
}

.observer {
  color: #FFFFFF;
}

.playerName {
  color: #666;
  letter-spacing: 2px;
  font-family: Verdana;
  font-size: x-small;
  font-weight: bold;
}