@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap');

body {background:url(/images/lightpaperfibers.png) repeat; background-attachment:fixed; text-shadow:0px 1px 0px #fff; font-family:'Noto Sans', sans-serif;}
.logo { 
         background: url("/images/netLogo.png") no-repeat;
         background-size: contain;
         width: 63px; 
         height: 80px; 
         display: block; 
         text-indent: -9999px;
         float: left;
}
body.testSite .logo { 
         background: url("/images/netLogo_testSite.png") no-repeat;
         background-size: contain;
}
.container-fluid {padding:0 25px; margin-top:150px}
a{color:#008083;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color:#ffffff; background-color:#008083; text-shadow:none}
.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus {color:#008083;}
.testSite .nav-pills > li.active > a, .testSite .nav-pills > li.active > a:hover, .testSite .nav-pills > li.active > a:focus {color:#ffffff; background-color:#E17A25; text-shadow:none}
.testSite .nav-pills > li > a, .testSite .nav-pills > li > a:hover, .testSite .nav-pills > li > a:focus {color:#E17A25;}
.tableSurround
{
	display:table;
	margin-bottom: 20px;
	border: 1px solid #aaa;
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	background: #8a8a8a;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(30, 30, 30, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(30, 30, 30, 0.4);
	font-size:.9em;
	width:100%;
	overflow:hidden;
}
table.results{
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	background: #8a8a8a;
	font-size:.9em;
	width:100%;
	background:#fff;
	border-collapse:separate; border-spacing:0px; color:#666;}
table.results th{
	padding:3px 6px;
	color: #eee;
	text-shadow: 0px -1px 0px #555555;
	text-align:middle;
	line-height:1.3;
	padding:3px 5px;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #555555;
	background: #8a8a8a;
	background: -moz-linear-gradient(top,  #8a8a8a 0%, #6f6f6f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(100%,#6f6f6f));
	background: -webkit-linear-gradient(top,  #8a8a8a 0%,#6f6f6f 100%);
	background: -o-linear-gradient(top,  #8a8a8a 0%,#6f6f6f 100%);
	background: -ms-linear-gradient(top,  #8a8a8a 0%,#6f6f6f 100%);
	background: linear-gradient(to bottom,  #8a8a8a 0%,#6f6f6f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#6f6f6f',GradientType=0 )
}
table th a {color:#eee; text-decoration:none}
table th a:hover {color:#fff; text-decoration:none}
table.results tr:nth-child(even){background: #f0f0f0;}
table.results tr:nth-child(odd){background: #f4f4f4;}
table.results tr:hover{background: #fff;}
table.results td, .formSurround{
	font-weight:normal;
	padding:3px 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}
.formSurround{
	background: #f0f0f0;
}
.formSurround{padding:25px}
table.results tr:nth-child-even{background: #e8e8e8;}
table.results, .results tr:last-child td:first-child, .formSurround{-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;}
table.results, .results tr:last-child td:last-child, .formSurround{-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px;}
.head{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top:1px solid #fff;
	border-bottom:1px solid #8a8a8a;
	background: #e5e5e5;
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #e5e5e5 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #e5e5e5 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc',GradientType=0 );
	padding:12px 15px;
	font-size:1.2em;
}
.filter{
	padding:15px;
	background: rgb(2,105,107);
	background: -moz-linear-gradient(180deg, rgba(2,105,107,1) 0%, rgba(0,128,131,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(2,105,107,1) 0%, rgba(0,128,131,1) 100%);
	background: linear-gradient(180deg, rgba(2,105,107,1) 0%, rgba(0,128,131,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02696b",endColorstr="#008083",GradientType=1);
	font-size:.9em
}
.testSite .filter{
	background: rgb(101,52,11);
	background: -moz-linear-gradient(180deg, rgba(101,52,11,1) 0%, rgba(141,66,4,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(101,52,11,1) 0%, rgba(141,66,4,1) 100%);
	background: linear-gradient(180deg, rgba(101,52,11,1) 0%, rgba(141,66,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#65340b",endColorstr="#8d4204",GradientType=1);
}
div.filter label{color:#EDF8F8; text-shadow:0px 1px 0px #555; margin-bottom:1px}
.header{padding:20px 40px; position:fixed; top:0; border-bottom:1px solid #ccc; background:rgba(255,255,255, 0.9); width:100%; z-index:100;}
.header img{float:left;}
h3{color:#000060; font-size:26px; font-weight:bold; font-style:italic; margin-left:90px; line-height:1.5em}
h3 span{color:#007f84}
.testSite h3 span{color:#E17A25}
.page{color:#777; width:100%; text-align:center; letter-spacing:.1em}
.page b{font-weight:normal; color:#444}

.smallCell, th.smallCell, td.smallCell {width:1px; white-space:nowrap; text-align:center}
.largeCell, th.largeCell, td.largeCell {width:100%; text-align:left}
.center{text-align:center}
td{vertical-align:top;}
th.largeCell {white-space:nowrap; vertical-align:middle}
.rightCell, th.rightCell, td.rightCell {text-align:right !important}
.floatRight{float:right}
.floatLeft{float:left}
.leftCell, th.leftCell, td.leftCell {text-align:left;}
.center{text-align:center}
.btn{text-shadow: none;}
.btn-group.pull-right{position:relative; top:-5px; right:-6px;}
div.col-sm-2.text{padding-top:7px}
.mandatory{color:#09F}
ul.error, ul.error li{display:inline;list-style-type:none;list-style-position:outside;padding:0;}
ul.error li{padding:0px 10px; font-weight:bold; color:#900; border-left:1px solid #ccc; white-space:nowrap}
ul.error li:first-of-type{border-left:0px none}
.form-control {height:30px; padding:4px 8px; font-size:13px;}
.formValue {display:inline-block; padding-left:15px; padding-top:7px;}
.floatRight{float:right}
/*Font Awesome link colors*/
.results .fa {font-size:1.2em}
.fa-remove::before, .fa-close::before, .fa-times::before {color:#C00}
th .fa::before {color:#fff}
.fa-check::before {color:#090}

/*More jquery link*/
a.morelink {text-decoration:none; outline:none;}
.morecontent span {display: none;}
/**/

@media (max-width:760px){
	h3 {font-size:18px; line-height:1em;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
	 only screen and (min-device-pixel-ratio: 1.5) {
		 body {background:url(/images/lightpaperfibers_@2X.png) repeat top left; background-size:500px 300px}
}