/*
	#FFFFFF		White - Luminosity: 100. 
	#f8f8f8		Almost white, but not white. - Luminosity: 98.
	#e3e3e3		No Color - Luminosity: 90. 
	#c6c6c6		No Color - Luminosity: 80. 
	#acacac		No Color - Luminosity: 70. 
	#919191		No Color - Luminosity: 60. 
	#787878		No Color - Luminosity: 50. 
	#5e5e5e		No Color - Luminosity: 40. 
	#474747		No Color - Luminosity: 30. 
	#313131		No Color - Luminosity: 20. 
	#1b1b1b		No Color - Luminosity: 10. 
	#070707		Basically black, but not black.  - Luminosity: 2.
	#000000		Black - Luminosity: 0. 
	
	#9d0000		Royal Red. Good for 'X' Boxes, and alerts.
*/

body {
	margin: 0px;
    background-color: #333;
	color: #f8f8f8;
	font-family: Helvetica;
}

div img {
	max-width: 100%;
}

input, textarea {
	border: 1px solid gray;
	color: black;
}

.error {
	box-shadow: inset 0px 0px 0px 1px red;
}

input:read-only, textarea:read-only {
	opacity: .8;
}

button img {
	width: 10px;
}

.form-control {
	margin-bottom: 5px;
}

.navbar-default {
	background: none;
	border: 1px solid gray;
	box-shadow: none;
}

.navbar-default .navbar-collapse {
	border-color: #070707;
}

.navbar-default .navbar-nav>.active>a {
	background: none;
	background-color: #474747;
	color: #f8f8f8;
}

.navbar-default .navbar-nav>.active>a:hover {
	background: none;
	color: #f8f8f8;
}

.navbar-default .navbar-nav>li>a:hover {
	background: none;
	background-color: #474747;
	color: #f8f8f8;
}

@media (min-width: 768px) {
	.navbar-default {
		border: none;
	}
	.navbar-nav>li{
		margin-left: 10px;
	}
	.navbar-default .navbar-nav>.active>a {
		background: none;
		border-bottom: 3px solid #9d0000;
		color: #f8f8f8;
	}

	.navbar-default .navbar-nav>.active>a:hover {
		background: none;
		color: #f8f8f8;
	}

	.navbar-default .navbar-nav>li>a:hover {
		background: none;
		color: #f8f8f8;
		border-bottom: 3px solid #9d0000;
	}
}

.row {
	text-align: left;
}