﻿html
{
	height: 80%;
}

body
{
	height: 80%;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(bottom, white 0%, #242424 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(bottom, white 0%, #242424 100%);
	/* Opera */
	background-image: -o-linear-gradient(bottom, white 0%, #242424 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, #242424));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(bottom, white 0%, #242424 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to top, white 0%, #242424 100%);
	background-repeat: no-repeat;
}

#head img {
	float: left;
	margin-top: -8px;
	margin-bottom: 10px;
} 

#head h2 {
	color: white;
	margin-left: 100px;
	margin-top: 0px;
}

#chartArea
{
	clear: both;
	height: 80%;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

#webSpikeChart svg
{
	height: 530px;
	background: white;
	border-width: 1px;
	border-color: gray;
	border-style:solid;
	box-shadow: 10px 10px 5px #888888;
}

.nvd3 .nv-groups .nv-line
{
	stroke-opacity: 0.33 !important;
	stroke-width: 2px !important;
}

.popup
{
	margin: 10px;
}

.popup b
{
	font-size: 19px;
}

.popup hr
{
	background-color: #8F8F8F;
	height: 2px;
}

.popup ul
{
	color: #8F8F8F;
	margin-top: 0px;
}

.popup ul li
{
	margin-left: -20px;
}
