body.normal-body {
	font-family: Arial, Tahoma, Verdana;
	font-size: small;
	margin: 5px;
	color: black;
}
div.bg {
	background-color: #eeeeee;
}
div.tl, div.tr, div.br, div.bl {
	background: transparent;
	background-repeat: no-repeat;
	margin: 0px;
}
div.tl {
	background-image: url('tl.png');
	background-position: top left;
}
div.tr {
	background-image: url('tr.png');
	background-position: top right;
}
div.br {
	background-image: url('br.png');
	background-position: bottom right;
}
div.bl {
	background-image: url('bl.png');
	background-position: bottom left;
	padding: 15px;
}
div.content {
	background-color: white;
	padding: 10px;
	border: 1px solid black;
	vertical-align: top;
}
div.flatliner {
	height: 1px;
	overflow: hidden;
	clear: right;
	padding: 0px;
	margin: 0px;
}
div.heading {
	text-align: center;
	font-weight: bold;
	background-color: #170767;
	color: white;
	font-size: x-large;
}

div.sidenav {
	float: left;
	text-align: center;
	margin-right: 5px;
}

div.cntcntr {
	display: table;
	min-width: 60%;
}

img.sidenav {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table.sidenav {
	border: 1px solid black;
	padding: 0px;
}

td.nav-head {
	background-color: #170767;
	color: white;
	font-size: small;
	text-align: center;
	padding: 0px;
}

td.nav-opt {
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
}

div.nav-opt, div.nav-opt-cur {
	text-align: center;
	background-color: #eeeeee;
	padding: 1px;
}

div.nav-opt-cur {
	background-color: #cccccc;
	font-weight: bold;
}

a.nav-opt {
	text-decoration: none;
	display: block;
	width: 100%;
}

td.sidenav-cont {
	background-color: white;
	color: white;
	font-size: small;
	text-align: left;
	vertical-align: middle;
	border: 1px solid black;
	padding: 3px;
}

div.copyright {
	font-size: x-small;
	text-align: center;
	background-color: white;
}

table.fancy-table {
	border-left: solid black 1px;
	border-top: solid black 1px;
}

td.heading-row {
	background-color: #170767;
	color: white;
	border-color: black;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	font-weight: bold;
	text-align: center;
}

td.data-row {
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	padding-left: 5px;
	padding-right: 5px;
}

td.empty {
	width: 0;
	margin: 0;
	padding: 0;
}

a.l1:link {
	text-decoration: none;
	color: white;
}
a.l1:hover {
	text-decoration: none;
	color: white;
}
a.l1:visited {
	text-decoration: none;
	color: white;
}

a:link {
	color: #170767;
}
a:hover {
	color: #170767;
}
a:visited {
	color: #170767;
}
a.prodtitle {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
h1 {
	font-weight: bold;
	color: #170767;
	font-size: large;
}
h2 {
	font-weight: bold;
	color: #170767;
	font-size: medium;
}
h3 {
	font-weight: bold;
	color: #170767;
	font-size: small;
}
form {
	margin: 0px;
}

.tcTable {
	border-top: 1px black solid;
	border-left: 1px black solid;
}
.tcHead, .tcMain {
	border-bottom: 1px black solid;
	border-right: 1px black solid;
}
.tcHead {
	background-color: #cccccc;
	padding: 3px;
	font-weight: bold;
}
.tcMain {
	background-color: #F9F9F9;
	padding: 3px;
	vertical-align: top;
}
.tcAlt {
	background-color: #e0e0e0;
	font-weight: bold;
}

.completed {
	text-decoration: line-through;
}
.priority {
	font-weight: bold;
}

.error {
	color: red;
}

del {
	background-color: #ff0000;
}
ins {
	background-color: #00ff00;
	text-decoration: none;
}

span.adinfo {
	font-size: x-small;
}

/* ADSL Usage */
.adsl-good {
	background-color: lime;
}
.adsl-soft {
	background-color: #ff8800;
}
.adsl-hard {
	background-color: red;
}

/* These are here for the MRTG Server Stats */

div.graph img {
	margin: 5px 0;
}
div.graph table, div#legend table {
	font-size: .8em;
}
div.graph table td {
	padding: 0 10px;
	text-align: right;
}
div table .in th, div table td span.in {
	color: #00cc00;
}
div table .out th, div table td span.out {
	color: #0000ff;
}
div#legend th {
	text-align: right;
}
div#footer {
	border: none;
	font-size: .8em;
	font-family: Arial, Tahoma, Verdana;
	width: 476px;
}
div#footer img {
	border: none;
	height: 25px;
}
div#footer address {
	text-align: right;
}
div#footer #version {
	margin: 0;
	padding: 0;
	float: left;
	width: 88px;
	text-align: right;
}
div.overview {
	border: 1px white;
	background: #170767;
	color: white;
	font-family: Arial, Tahoma, Verdana;
	margin-bottom: 15px;
	padding: 10px;
}
div.overview div a {
	color: white;
}
div.popup-overlay {
	visibility: hidden;
	height: 0px;
	left: 0px;
	overflow: visible;
	position: absolute;
	width: 95%;
	z-index: 100;
}
div.popup {
	position: relative;
	float: right;
	width: 500px;
	border: 1px solid black;
	background: white;
	padding: 0px;
	z-index:99;
}
div.popup-heading {
	width: 493px;
	border: none;
	background: #130767;
	color: white;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	padding-left:5px;
}
div.popup-heading a {
	color: red;
	font-weight: bold;
	text-decoration: none;
	background: #cccccc;
	border: 1px solid black;
	float: right;
	display: block;
	padding: 0px;
	padding-right: 2px;
	padding-left: 2px;
}
div.popup-content {
	margin: 0px;
	padding: 10px;
	width: 480px;
	border: none;
}
span.disabled {
	color: red;
}