@import url(//fonts.googleapis.com/css?family=Black+Ops+One);
@import url(//fonts.googleapis.com/css?family=Jockey+One);
/* MTL Layout Stylesheet | AjZ / 11.14 */
html, body {
	font:13px/1.7 Arial, Helvetica, sans-serif;
    color:#666;
    text-shadow:1px 1px 0 #FFF;
	background:#FFF url(../images/iface/bg.jpg) repeat;
}
/* type */
h1, h2, h3, h4, h5, h6 {clear:left; font:13px 'Black Ops One', sans-serif; margin:0 0 .25em 0; line-height:1.1em;}
h2, h4, h6 {font-family: 'Jockey One', sans-serif;}
h1 {font-size:30px;}
h2 {font-size:28px;}
h3 {font-size:26px;}
h4 {font-size:24px;}
h5 {font-size:23px;}
h6 {font-size:22px;}
.largeType {font-size:16px;}
.medType {font-size:15px;}
.smallType {font-size:11px; line-height:1.5em;}
.XLtype {font-size:23px; line-height:1.15em;}

/* forms */
input, textarea, select, #multi p {font-size:13px; background-color:rgba(255,255,255,0.9); background-color:#FFF\9;}
input:focus, textarea:focus, select:focus, input[type="text"]:focus, a.button:focus {
    border:1px solid #94B7DB;
    box-shadow:0 0 5px #94B7DB;
    color:#333;
    background-color:#FFF;
}
input.button, a.button {
    color:#FFF!important;
    font:17px 'Black Ops One', sans-serif;
    letter-spacing:.05em;
    margin:.1em .5em 0 0;
    padding:.1em .5em 0 .5em;
    border:1px solid transparent;
    border-radius:.5em;
    line-height:1.25em;
	text-transform:uppercase;
}
a.button {text-shadow:none; text-decoration:none; margin:0; padding:0 .5em; text-align:center;}
.button:hover, a.button:hover {color:#FFF!important; border:1px solid transparent;}
input.alt, a.alt {border:1px solid #DADADA;}
input.big {font-size:27px;}
input.dis, a.dis {background-color:#DADADA!important; cursor:default;}

/* iface */
#oCon {width:100%;}
#iCon {width:100%; background:#FFF;}
#oHeader {
    width:100%;
    min-width:1000px;
    height:118px;
    white-space:nowrap;
    background-color:rgba(255,255,255,0.3);
	border-bottom:2px solid #FF8A00;
}
.iHeader {
    width:1000px;
    height:118px;
    text-align:left;
    display:inline-block;
	text-shadow:1px 1px 0 #000;
	color:#FFF; 
}
.logo {float:left; margin:5px 0 0 -30px;}
.logo img {width:350px;}
.wel {color:#FFF; font:50px 'Jockey One', sans-serif; line-height:.7em; float:right; margin:0 12px 0 0;}
.admiNav {margin-top:0; text-align:right; font:22px 'Jockey One', sans-serif; float:right;}
.admiNav a {color:rgba(255,255,255,0.8)!important; text-decoration:none;}
.admiNav a:hover {color:rgba(255,255,255,1)!important;}
#footWrap {width:100%; border-top:2px solid #FF8A00; float:left;}
#foot {
    width:1000px;
    padding:12px 0;
    text-align:left;
    display:inline-block;
	text-shadow:1px 1px 0 #000;
	color:#FFF;
}
.copy {font-size:11px; margin:10px 0; text-align:center;}

/* nav */
#nav {display:block; width:100%; margin:-1.5em 0 1em 0; float:right; font:18px 'Jockey One', sans-serif; text-align:center; background-color:rgba(255,255,255,0.6)!important;}
#nav a {color:#F93; text-decoration:none;}
#nav a:hover, #P1 .N1, #P2 .N2, #P3 .N3, #P4 .N4, #P5 .N5 {color:#F63; text-decoration:none;}
#nav .spacer {padding:0 .4em;}

/* content */
#content {
    width:1000px;
    min-height:300px;
    text-align:left;
    display:inline-block;
    padding:35px 0 10px 0;
	clear:both;
}
#content img {max-width:1000px;}
hr {border-top:1px dotted #999;}

/* project specific */
.boxWrap h1 {font-size:45px;}
.textfill {width:100%; height:40px; border:1px solid #000; text-align:center; white-space:nowrap; box-sizing:border-box;}/* text fit box */
.more {border:2px solid #FF8A00;}

/* branded colors */
.orange {color:#FF8A00;}
.orange2 {color:#FF6000;}
/* main color 1 */
a, a:link, a:visited, a:active, h1, h3, h5 {color:#FF8A00;}
.captionL, .captionR, .borderB, .more {border-color:#FF8A00;}
thead, tfoot, .boxWrap div, #nav2, #nav2>a, #nav2>ul, .button:hover, a.button:hover, input.alt:hover, a.alt:hover {background-color:#FF8A00;}
/* main color 2 */
h2, h4, h6 {color:#000;}
input.button, a.button, #nav2 ul ul li a:hover, .count dt:before {background-color:#000;}
input.alt, a.alt {background-color:#FFF; color:#000!important;}
.more {}
/* roll color 1 */
a:hover {color:#FF6000;}
a:hover .borderB {border-color:#FF6000;}
.button:hover, a.button:hover, input.alt:hover, .boxWrap div:hover {background-color:#FF6000;}
/* misc colors */
.more {
	background:-webkit-linear-gradient(top, #FFF 0%, #feb969 100%);
	background:linear-gradient(to bottom, #FFF, #feb969);
	background-color:#feb969\9;
	margin-right:0!important;
}
#nav2 li a:active {color:rgba(255,255,255,0.7);}
/* steps colors */
.step .col5 div {color:#000; background-color:#000;}/* incomplete steps */
.step1 .S1 div,.step2 .S2 div,.step3 .S3 div,.step4 .S4 div,.step5 .S5 div {color:#03C; background-color:#03C;}/* active steps */
.step2 .S1 div,.step3 .S2 div,.step3 .S1 div,.step4 .S3 div,.step4 .S2 div,.step4 .S1 div,.step5 .S4 div,.step5 .S3 div,.step5 .S2 div,.step5 .S1 div {background-color:#999; color:#999;}/* complete steps */

/* home specific */
.home #iCon {margin-top:40px; padding:1em 0; border-top:2px solid #FF8A00; background-color:rgba(255,255,255,0.8);}
.home #content {min-height:452px; padding:8px 0; background:transparent url(../images/iface/bgH.png) no-repeat center center; text-shadow:none; font-size:15px;}
.home h2 {font-size:50px; color:#FF8A00; text-shadow:1px 1px 0 #666;}
.home hr {width:100%; box-sizing:border-box;}
.homeForm {padding-top:5em; float:right;}
.login {padding-left:5em;}
.login label {margin:0 0 1.5em 0; padding:0;}
.login input[type="text"] {font:30px Arial, Helvetica, sans-serif; letter-spacing:.05em; padding:.025em .3em; width:80%; border-radius:.15em; color:#666;}
.login .button {margin:0; padding:.05em 1em .02em 1em; font-size:40px;}
.login .spacer {color:#FFF; padding:0 1em;}

/* jQuery / FA overrides */
.ui-widget-overlay {background:url('../images/iface/fancybox_overlay.png'); opacity:1; filter:none;}
.ui-dialog-buttonset {width:100%;}
.ui-dialog-buttonset .ui-button:last-child {float:right!important;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-datepicker .ui-datepicker-title select {font-size:12px;}
.ui-datepicker-calendar {text-shadow:none;}
.ui-datepicker-calendar th {background:#E6E6E6; border-right:none; color:#555; font-weight:bold;}
.ui-datepicker .ui-datepicker-buttonpane {margin:2.5em 0 0;}
.fa-ul>li {background-image:none; padding:0;}/* font-awesome override */

@media screen and (max-width:480px), screen and (max-height:550px) {
/* mobile project specific */
#nav, #stwrapper {display:none;}
.home .login {padding:0;}
.home #content, .homeForm {width:100%; background:none; margin:0!important; padding:0!important;box-sizing:border-box;}
.home #iCon {margin:0;}
.pop1, .pop2 {width:auto;}
#footWrap {clear:both;}
#foot {border-top:1px dotted #999!important; color:#666; text-shadow:none;}

/* mobile nav color access */
#nav2 a, #nav2 a:link, #nav2 a:visited, #nav2 a:active, #nav2 li a, #nav2> ul>li>a, #nav2>ul>li {color:#FFF; font-family:'Jockey One', sans-serif;}
#nav2>ul>li {border-bottom:1px solid #FFF;}
#nav2>a:before, #nav2>a:after {border:2px solid #FFF;}
#nav2>ul>li:hover {background-color:#FF6000;}
}