/* Global */
html, body {
	background-color: #272727;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	margin: 0;
	padding: 0;
}

/* Navbar */
#navbar {
	background: #383838;
	border-bottom: 2px solid #161616;
	list-style-type: none;
	height: 28px;
	margin: 0;
	padding: 0;
}

#navbar > div {
	background: #40628a;
	border-radius: 5px 5px 0 0;
	color: #ffffff; 
	display: block;
	height: 80%;
	float: left;
	text-decoration: none;
	padding: 0 7px 0 5px;
	margin: 6px 0 0 5px;
}

#navbar > div:hover {
	background: #ffffff;
	color: #40628a;
	cursor: pointer;
}

#navbar > img {
	float: left;
	margin: 2px 10px 2px 0;
	height: 24px;
}

#navbar > .title {
	color: #a7a7a7;
	float: right;
	background: none;
	font-size: 1.5em;
	font-family: Helvetica;
	text-decoration: bold;
	padding: 0;
	padding-right: 10px;
	margin: 0;
}

#navbar > .title:hover {
	background: none;
	color: #a7a7a7;
	cursor: default;
}

.btnActive {
	background: #2f943c !important;
	color: #fff !important;
}

/* Content */
#content {
	min-height: 75%;
	line-height: 1.5;
	margin: 10px;
}

/* Links */
.link, .linkOn, .linkOff {
    background: #40628a;
    border: 1px solid #161616;
    color: #ffffff;
    cursor: pointer;
    display: inline;
    margin: 0 2px 0px 0;
    min-width: 15px;
    padding: 0px 4px 0px 4px;
    text-align: center;
    text-decoration: none;
    user-select: none; 
    white-space: nowrap;
}

.linkOn, .linkOn:link, .linkOn:visited, .linkOn:active, .linkOn:hover
{ 
	color: #ffffff; 
	background: #2f943c; 
	border-color: #24722e; 
}

.linkOff, .linkOff:link, .linkOff:visited, .linkOff:active, .linkOff:hover
{ 
	color: #ffffff; 
	background: #999999; 
	border-color: #666666; 
}

.linkActive:hover {
	background: #507aac;
}

.linkActive:active {
    background: #2f943c;
}

/* Config Tables */
.tblConfig td {
	padding-right: 40px;	
}

.tables {
	border: 1px solid black;
	text-align: center;
}

.tables th {
	border-bottom: 2px solid black;
}

.tables th, .tables td {
	border-right: 2px dotted black;
	min-width: 70px;
}

/* Footer */
.footer {
	height: 15px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* Hacking stuff. */
.hack {
	color: #fff;
	text-shadow: 1px 1px #300;
	font-size: 1.12em;
}
.hackBtn {
	background-color: #a00 !important;
}
.hackBtn:hover {
	background-color: #fff !important;
}
.hackBtn:hover .hack {
	color: #000 !important;
}