html {background-color: #114c60;}
body {padding:0; margin:0; min-width:900px;}
p {text-align:justify; line-height:22px; font-size:16px; color:#000000; font-family: Lato;}
h1 {font-size:40px; margin-bottom:14px; color:#000000;}
h2 {font-size:28px; margin-bottom:12px; color:#000000;}
h3 {font-size:24px; margin-bottom:8px; color:#000000;}
h4 {font-size:18px; margin-bottom:5px; color:#000000;}
div.fixed-bar {padding:0; margin:0; min-width:900px; position: fixed; width: 100%; z-index: 100;}
#fixed-bar-margin {margin-bottom: 50px;}
p.hlabel {font-size:22px; color:#00ffff; background-color: #3e6375; text-align: center; padding: 10px; font-weight: bold;}
p.rlabel {font-size:22px; color:#ffffff; background-color: #cd0000; text-align: center; padding: 20px; font-weight: bold;}
p.glabel {font-size:22px; color:#ffffff; background-color: #81b422; text-align: center; padding: 20px; font-weight: bold;}
table.report {border-collapse: separate; border-spacing: 4px; width: 100%;}
table.report td {padding: 5px 5px 16px 5px; font-family: Lato; font-size: 16px; line-height: 20px;}
table.report th {padding: 5px 5px 5px 5px; font-weight: bold; color: #5e93a5; font-family: Lato; font-size: 16px;}
table.report td.info {background-color: #EEEEEE;}
table.report td.no-padding {padding: 0px;}
table.report .label {width: 200px;}
table.report .label2 {width: 300px;}
table.report .binary-box {width: 420px;}
table.report .checkbox {width: 45px; text-align: center;}
table.report .id {width: 40px; text-align: center;}
table.report .counter {width: 20px; text-align: center;}
table.report .date {width: 100px; text-align: center;}
table.report .delete {width: 40px; text-align: center;}
p.info {background-color: #EEEEEE; padding: 24px 16px 24px 16px;}
div.info {background-color: #EEEEEE; padding: 24px 16px 24px 16px;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #5e93a5; margin: 0; padding: 0;}
.right {float:right;}
.left {float:left;}
.boxed {border: 1px solid #5e93a5; padding: 5px;}
.boxed-green {border: 1px solid #81b422; padding: 5px;}
.help {cursor: help;}
#bg-wrapper {background-color: #000000; background-image: url(grunge.png);}
.wrapper {width:100%; display:table;;}
.content {width:900px; background-color: #ffffff; margin: 0 auto; font-family: Lato;}
#header {background-color:#396675; border-top: 2px solid #5e93a5; border-bottom: 4px solid #114c60; font-family: Verdana;}
#header-wrapper {width:900px; margin:0 auto 0;}
#header-wrapper a {color:#fff; line-height:36px; font-size:16px; float:left; padding:5px 30px 5px 30px; text-shadow:1px 1px #114c60; text-decoration:none; font-weight: bold;}
#header-wrapper a.selected {background-color:#5e93a5;}
#header-wrapper a:hover {background-color:#60aac3;}
#header-wrapper a.no-hover {color:#c5f0ff; padding:5px 5px 5px 30px; }
#header-wrapper a.no-hover:hover {background-color:#396675;}
#header-wrapper .right {float:right;}
#header-wrapper button.left {margin-right: 5px;}
a {color:#114c60; text-decoration:none;}
a:hover {color:#ffffff; background-color:#60aac3;}
#footer {background-color:#114c60; font-family: Verdana; border-top: 4px solid #396675;}
#footer-wrapper {width:900px; margin:0 auto 0; color:#fff; font-size:12px; line-height:30px; text-align:center; background-color:#114c60;}
.panel {padding-bottom:25px; color:#000;}
.shadow {-moz-box-shadow:10px 10px 10px #000; -webkit-box-shadow:10px 10px 10px #000; box-shadow:10px 10px 10px #000; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";}
.mshadow {-moz-box-shadow:6px 6px 6px #000; -webkit-box-shadow:6px 6px 6px #000; box-shadow:6px 6px 6px #000; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";}
li {text-align:justify; line-height:20px; font-size:16px; list-style-type:square; list-style-position: outside; margin: 10px 20px 10px 20px;}
div.wide {width:850px; padding:0 25px 0 25px;}
.margin-right {margin-right:50px;}
.margin-left {margin-left:50px;}
.small-margin-right {margin-right:25px;}
.small-margin-left {margin-left:25px;}
.center {text-align:center;}
td.two-column {width:550px; vertical-align:top;}
td.one-column {width:300px; vertical-align:top;}
td.third-column {width:275px; vertical-align:top;}
td.half-column {width:425px; vertical-align:top;}
p.filler {padding-bottom:60px;}
.clear {clear:both;}
.error {color: #f00;}
.message {color: #ff9000;}
.form-field {margin-bottom: 10px;}
div.binary-box .off{border: 1px solid #114c60; display: inline-block; height: 14px; width: 14px; margin: 0 2px 2px 0;}
div.binary-box .on{border: 1px solid #114c60; display: inline-block; height: 14px; width: 14px; margin: 0 2px 2px 0; background: #114c60;}
div.binary-box .error{border: 1px solid #c51305; display: inline-block; height: 14px; width: 14px; margin: 0 2px 2px 0; background: #c51305;}
button {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0090c0), color-stop(1, #006d91));
	background:-moz-linear-gradient(top, #0090c0 5%, #006d91 100%);
	background:-webkit-linear-gradient(top, #0090c0 5%, #006d91 100%);
	background:-o-linear-gradient(top, #0090c0 5%, #006d91 100%);
	background:-ms-linear-gradient(top, #0090c0 5%, #006d91 100%);
	background:linear-gradient(to bottom, #0090c0 5%, #006d91 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0090c0', endColorstr='#006d91',GradientType=0);
	background-color:#0090c0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Verdana;
	font-size:16px;
	font-weight: bold;
	line-height:14px; 
	padding: 12px 26px 12px 26px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}

button {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006d91), color-stop(1, #0090c0));
	background:-moz-linear-gradient(top, #006d91 5%, #0090c0 100%);
	background:-webkit-linear-gradient(top, #006d91 5%, #0090c0 100%);
	background:-o-linear-gradient(top, #006d91 5%, #0090c0 100%);
	background:-ms-linear-gradient(top, #006d91 5%, #0090c0 100%);
	background:linear-gradient(to bottom, #006d91 5%, #0090c0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006d91', endColorstr='#0090c0',GradientType=0);
	background-color:#006d91;
}

button {
	position:relative;
	top:1px;
}

button.small {
	font-size:12px;
	font-weight: bold;
	line-height:12px; 
	padding: 6px 14px 6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}

/* Custom checkbox */
div.custom-checkbox {
	width: 45px;
	display: inline-block;
}

div.custom-checkbox div.container {
	width: 45px;
	min-height: 45px;
}

div.custom-checkbox label {
  width: 42px;
  border: 1px solid #5e93a5;
}

div.custom-checkbox input[type="radio"]:empty,
div.custom-checkbox input[type="checkbox"]:empty {
	margin-left: -2000px;
}

div.custom-checkbox input[type="radio"]:empty ~ label,
div.custom-checkbox input[type="checkbox"]:empty ~ label {
	position: relative;
	float: left;
	line-height: 2.5em;
	text-indent: 3.25em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.custom-checkbox input[type="radio"]:empty ~ label:before,
div.custom-checkbox input[type="checkbox"]:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 40px;
	border: 1px solid #5e93a5;
}

div.custom-checkbox input[type="radio"]:hover:not(:checked) ~ label:before,
div.custom-checkbox input[type="checkbox"]:hover:not(:checked) ~ label:before {
	background-color: #eeeeee;
}

div.custom-checkbox input[type="radio"]:checked ~ label:before,
div.custom-checkbox input[type="checkbox"]:checked ~ label:before {
	background-color: #5e93a5;
	/* background-image: url("check.png"); */
	/* background-size: 100%; */
}

/* Custom tabs */

div.tabs {
  position: relative;   
  min-height: 1400px;
  clear: both;
  margin: 25px 0;
}

div.tabs .tab {
  float: left;
  height: 45px;
  width: 70px;
}

div.tabs .tab label.tab-label {
  background: #eeeeee; 
  padding: 10px; 
  border: 1px solid #cccccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  cursor: pointer;
}

div.tabs .tab label.complete {
  background: #99cc99; 
}

div.tabs .tab input[type=radio].tab-radio {
  display: none;   	
}

div.tabs .tab-content {
  position: absolute;
  top: 260px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #5e93a5; 
}

div.tabs [type=radio].tab-radio:checked ~ label.tab-label {
  background: white;
  border: 1px solid #5e93a5; 
  z-index: 2;
  color: #66cccc;
}

div.tabs input[type=radio].tab-radio:checked ~ label.tab-label ~ .tab-content {
  z-index: 1;
}

div.tabs .tab-content > * {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}

div.tabs input[type=radio].tab-radio:checked ~ label.tab-label ~ .tab-content > * {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}