html,
body {
	height: 100%;
}
body {
	background-image: url('/images/grass.jpg');
	background-position-x: center;
	background-position-y: top;
	background-repeat: no-repeat;
	overflow-y: scroll;
}
body.show-main-menu div#content {
	margin-top: 10px;
}
div.container-fluid {
	margin-bottom: 50px;
}
div#header {
	min-height: 25px;
	width: 100%;
}
div#header-inner {
	display: inline-block;
	width: 100%;
}
div#header-logo {
	margin-right: 15px;
}
div#header-logo, div#header-text {
	float: left;
}
div#header-text {
	font-weight: bold;
	padding-top: 70px;
	font-size: 20px;
}
div#header-fb-logo, div#header-fb-text {
	float: right;
	padding-top: 42px;
}
div#header-fb-logo {
	margin-right: 20px;
}
div#header-fb-text {
	text-align: right;
	width: 220px;
}
nav.navbar {
	min-height: initial;
	margin-bottom: 0px;
}
nav.navbar ul.nav {
	margin-inline-start: -15px;
}
nav.navbar-default ul.navbar-nav > li > a {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
div#content {
	background-color: #111;
	padding: 15px;
	margin-bottom: 50px;
}
div#welcome {
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	padding: 60px;
	color: #f7ef0f;
}
div#welcome div.button {
	margin: 20px auto;
	display: inline-block;
	padding: 15px 40px;
	font-size: 36px;
	background-color: #b51900;
	color: #fff; border-radius: 30px
}
div#welcome div.info {
	margin: 20px;
	font-weight: normal;
	font-size: 20px;
}
div#footer {
	height: 35px;
	color: #aaa;
	background-color: #111;
	padding-top: 10px;
	font-size: 10px;
}
div.panel {
	margin-bottom: 0px;
}
div.form-control div.note-editable {
	color: #ffffff;
}
div.site-error {
	padding: 20px;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
table.table-bordered {
	border: none;
}
table.order-package {
	width: initial;
	margin-bottom: 15px;
}
table.order-package tr.package-day td {
	background-color: gray;
}
table.order-form {
	width: initial;
	margin: 0 auto;
}
table.order-form td {
	font-size: 20px;
}
table.order-form td.level2 {
	background-color: #333;
}
table.order-form td.level1 {
	background-color: #555;
}
table.order-form td.uki {
	background-color: #003280;
}
table.order-form thead td {
	vertical-align: middle;
}
table.order-form thead {
	border-top: 5px solid gray;
	border-bottom: 5px solid gray;
}
table.order-form tr.order-row:hover {
	color: pink;
}
div.datepicker {
	background-color: white;
	border: 2px solid #381e05;
}
div.datepicker .active {
	background-color: #923300;
}
table.table-bordered>tbody>tr>td,
table.table-bordered>tbody>tr>th,
table.table-bordered>tfoot>tr>td,
table.table-bordered>tfoot>tr>th {
	border-left: none;
	border-right: none;
}
table.table-bordered>thead>tr>td,
table.table-bordered>thead>tr>th {
	border: none;
}
table.trial-list thead {
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
	text-align: center;
}
table.trial-list.order-links tbody tr,
table.trial-list.ordert-links tbody tr,
table.trial-list.orderu-links tbody tr {
	cursor: pointer;
}
div#mailing-address {
	margin-top: 15px;
}
p.hilight {
	padding: 0 30px;
	text-align: center;
	color: #f7ef0f;
}
div.front-info p {
	text-align: center;
	font-size: 20px;
	margin-bottom: 25px;
	padding: 0 20px;
}
div.inset-box {
	background-color: #333;
	padding: 10px;
}
div.inset-heading {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
div.big-heading {
	padding-top: 30px;
	color: #f7ef0f;
	font-size: 22px;
	text-align: center;
}
div.med-heading {
	padding-top: 30px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
span.yellow {
	color: #f7ef0f;
}
input[type=checkbox] {
	transform: scale( 1.5 );
}
input.checkbox-adjust {
	margin-top: 12px;
}
div.checkbox-hint {
	display: inline-block;
	font-size: 18px;
	margin-left: 12px;
}
input[type=checkbox].dog-run,
input[type=checkbox].dog-all {
	margin: 0px;
}
a.btn {
	text-decoration: none;
}
div.panel-field {
	background-color: #333;
}
td.all-total,
td.run-total {
	width: 125px;
}
div#content div#email-content-container.form-control div.note-editable {
	color: black;
}
div#content div.file-input input,
div#content div#email-content-container div.panel {
	background-color: #fff;
}
div.video-box {
	display: inline-block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
div.video-share {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
}
div.video-share iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
div.height-buttons { padding-bottom: 15px; }
div.height-buttons a, div.height-buttons button { margin: 5px; }
div.height-image-header { clear: both; font-size: 20px; width: 100%; background-color: #333; padding: 5px; }
div.height-image-box { float: left; margin: 10px 20px 10px 0px; cursor: pointer; }
div.height-run { padding: 0 5px; }
div.height-ok { background-color: green; color: white; }
div.height-junk { background-color: #111; }
div.height-missing { color: #111; background-color: yellow; }

div.pia-btn-group { clear: both; }
div.pia-btn-right { float: right; }
a.pia-btn { text-align: center; padding: 8px; font-size: 18px; color: #fff; background-color: #333; display: inline-block; margin: 10px 20px 10px 0; border: 3px solid #333; letter-spacing: 1px; }
div.pia-btn-right a.pia-btn { margin: 10px 0px 10px 20px }
a.pia-btn:focus, a.pia-btn:hover { border: 3px solid #888; text-decoration: none; }
a.pia-btn-active, a.pia-btn-active:focus, a.pia-btn-active:hover { border: 3px solid #f7ef0f; }
a.pia-btn-fixed { width: 100px; }

div.prompt { padding-top: 10px; }

div.preview-group { display: inline-block; }
div.preview-box { float: left; margin: 5px 10px 5px 0px; }
img.preview-image { width: 262px; height: 150px; border: 3px solid #333; cursor: pointer; margin: 3px; }
img.preview-image:hover { border: 3px solid #f7ef0f; }
div.preview-caption { padding-left: 3px; }

div#preview-player { text-align: center; }
div#preview-player video { width: 100%; margin-top: 5px; }

div.order-image-list { display: inline-block; }
div.order-image { float: left; margin: 10px 10px 0px 10px; }
div.order-image img, div.order-image video { width: 256px; }

tr.order-error td { color: #555; background-color: #F7DC6F; }

table.reports td {
	font-size: 18px;
	padding: 20px;
}

a.blocked {
	color: #555;
	pointer-events: none;
}

.red {
	color: red;
}

td.dog-header.active-dog,
tr.dog-row:hover td.class-name {
	color: black;
	background-color: #f7ef0f;
}

tr.dog-row td.dog-checkbox.active-dog,
tr.dog-row:hover td.dog-checkbox {
	background-color: #f7ef0f;
}

@media screen and ( max-width: 1450px ) {
	div.front-info p {
		font-size: 18px;
	}	
}
@media screen and ( max-width: 1024px ) {
	div#header-fb-logo {
		display: none;
	}
	div.front-info p {
		font-size: 16px;
	}	
}

@media screen and ( max-width: 900px ) {
	div#header-text {
		display: none;
	}
}