﻿h1
{
	margin: auto auto auto auto;
	background: url('images/iclogo.png');
	background-repeat: no-repeat;
	padding-left: 128px;
	padding-top: 15px;
	padding-bottom: 5px;
	height: 103px;
	width: 400px;
	text-align: center;
	font-size: 2em;
}
body {
background-color: #212121;
text-align: center;
color: #ffffff;
font-family: Verdana;
font-size: 12px;
}

.footer {
text-align: left;
margin-top: 2em;
border-top: solid 1pt #323232;
font-size: 8pt;}

.footer-valid {
float: right;
}
a:link {
color: #ffffff;
}

a:link img, a:visited img {
border-style: none;
}

a:visited {
color: #ffffff;
}

a:hover {
color: #E6E6E6;
}

a:active {
color: #E6E6E6;
}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:250px;}
a.tooltip:hover span{display:inline; position:absolute; background:#000000; border:1px solid #474759; color:#ffffff; font-weight: normal; text-decoration: none;}
div#statsgraph1
{
	width: 466px;
	float: left;
	margin: 2px;
	margin-left: 4px;
}
div#statsgraph2
{
	width: 466px;
	float: left;
	margin: 2px;
	margin-right: 0px;
}
div#statsgraph3
{
	width: 466px;
	float: left;
	margin: 2px;
	margin-left: 4px;
}
div#statsgraph4
{
	width: 466px;
	float: left;
	margin: 2px;
	margin-right: 0px;
}
div.killGraphHeader
{
	padding-top: 10px;
	padding-left: 32px;
	height: 20px;
	background-image: url('images/graph-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
	font-weight: bold;
}
div.graphArea
{
	border-left: 1px #474759 solid;
	border-bottom: 1px #474759 solid;
	border-right: 1px #474759 solid;
}
div.chartKey 
{
	background: #212121;
	float: left;
	border: 1px #474759 solid; 
	width: 933px;
	font-weight: normal;
	height: 20px;
}
div.chartKeyHeader
{
	padding: 2px;
	width: 100px;
	color: white;
	background: #474759;
	float: left;
	margin-right: 10px;
	height: 17px;
	font-weight: bold;
}
div.chartKeyBody
{
	padding: 2px;
	color: white;
	float: left;
	height: 17px;
}
div.chartKeyItem
{
	width: 50px;
	float: left;
}	
div#inputContainer
{
	width: 466px;
	margin: auto auto auto auto;
}
div.inputContainerHeader
{
	padding-top: 10px;
	padding-left: 32px;
	height: 20px;
	background-image: url('images/info-large-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
	font-weight: bold;
}
div.inputContainerArea
{
	padding: 4px;
	border-left: 1px #474759 solid;
	border-bottom: 1px #474759 solid;
	border-right: 1px #474759 solid;
}
div.pilotStatsContainer
{
	width: 466px;
	float: left;
	margin: 2px;
	margin-left: 4px;
}
div.pilotStatsContainerHeader
{
	padding-top: 10px;
	padding-left: 38px;
	height: 20px;
	background-image: url('images/pilot-large-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
	font-weight: bold;
}
div.corpStatsContainerHeader
{
	padding-top: 10px;
	padding-left: 34px;
	height: 20px;
	background-image: url('images/corp-large-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
	font-weight: bold;
}
div.pilotStatsContainerArea
{
	padding: 4px;
	border-left: 1px #474759 solid;
	border-bottom: 1px #474759 solid;
	border-right: 1px #474759 solid;
	text-align: left;
}
div.wideheader
{
	margin: auto auto auto auto;
	width: 940px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	clear: both;
	padding-top: 10px;
}
div.widefooter
{
	margin: auto auto auto auto;
	width: 940px;
	font-size: x-small;
	font-style:italic;
	text-align: right;
	padding-right: 2px;
	clear: both;
	padding-top: 2px;
}
div.widecontainer
{
	width: 940px;
	margin: auto auto auto auto;
}
div.fourbarcontainer 
{
	width: 230px;
	float: left;
	margin-left: 5px;
}
div.killPilotHeader
{
	padding-top: 10px;
	padding-left: 42px;
	height: 20px;
	background-image: url('images/kills-pilot-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
}
div.caldariHeader
{
	padding-top: 10px;
	padding-left: 42px;
	height: 20px;
	background-image: url('images/caldari-faction-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
}
div.minmatarHeader
{
	padding-top: 10px;
	padding-left: 42px;
	height: 20px;
	background-image: url('images/minmatar-faction-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
}
div.amarrHeader
{
	padding-top: 10px;
	padding-left: 38px;
	height: 20px;
	background-image: url('images/amarr-faction-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
}
div.gallenteHeader
{
	padding-top: 10px;
	padding-left: 38px;
	height: 20px;
	background-image: url('images/gallente-faction-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
}
div.killCorpHeader
{
	padding-top: 10px;
	padding-left: 34px;
	height: 20px;
	background-image: url('images/kills-corp-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
}
div.vpHeader
{
	padding-top: 10px;
	padding-left: 34px;
	height: 20px;
	background-image: url('images/vp-header.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	text-align: left;
}
div.killBody
{
	border-left: 1px #474759 solid;
	border-bottom: 1px #474759 solid;
	border-right: 1px #474759 solid;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
}
div.killBody ol 
{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
}
div.killBody a
{
	text-decoration: none;
}
div.killBody a:hover
{
	text-decoration: underline;
}
a.graphOption
{
	color: #FFFFFF;
	text-decoration: none;
}
a.graphOption:hover
{
/*	color: #FF9320; */
	text-decoration: underline;
}
span.gain
{
	font-weight: bold;
	color: #339933;
}
span.loss
{
	font-weight: bold;
	color: #993333;
}
ul.nostyle
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.nostyle li
{
	padding: 2px;
}
ul.nostyle li span.gain
{
	color: #339933;
}
ul.nostyle li span.loss
{
	color: #993333;
}
input.button
{
	background: #212121;
	color: #ffffff;
	border: solid 1px #ffffff;
}
div.inputlabel
{
	float: left;
	width: 100px;
	margin-right: 3px;
	margin-top: 4px;
}
div.inputfield
{
	text-align: left;
	padding: 4px;
	margin: auto auto auto auto;
}
div#tabmenu a
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
div#tabmenu a:hover 
{
	font-weight: bold;
/*	color: #FF9320; */
	text-decoration: underline;
}
.altText
{
	color: #CCCCCC;
}
.altText a
{
	color: #CCCCCC;
}

/* ----------------IGB CSS------------------ */

p.h1
{
	font-size: 20px;
	text-align: center;
	margin: 5px;
	padding: 0px;
	font-weight: bold;
}
div#tabmenu
{
	text-align: center;
	margin-left: 4px;
}
table.widecontainer
{
	width: 940px;
}
table tr td.header
{
	width: 940px;
	text-align: left;
	font-weight: bold;
}
table tr td.footer
{
	width: 940px;
	text-align: right;
	font-size: x-small;
	font-style: italic;
}
table tr td.columns2
{
	width: 466px;
}
table tr td.columns4
{
	width: 230px;
	text-align: top;
}
table tr td.columns4 div.killBody
{
	width: 220px;
	height: 150px;
}
table tr td.columns4 div.occupancyStatsBody
{
	width: 220px;
	height: 100px;
	border-bottom:1px solid #474759;
	border-left:1px solid #474759;
	border-right:1px solid #474759;
	padding:2px 4px 4px;
	text-align:left;
}
table tr td.columns4 div.factionAvgStatsBody
{
	width: 220px;
	height: 110px;
	border-bottom:1px solid #474759;
	border-left:1px solid #474759;
	border-right:1px solid #474759;
	padding:2px 4px 4px;
	text-align:left;
}