/* ---------------------
     Header/navigation 
   --\/----------------- */

#mainHeader {
	background-color:#ffffff;
	border:none;
	border-bottom:1px solid #bbbbbb;
	box-shadow:0 .1em .2em rgba(0, 0, 0, .1);
	margin:0 0 1em 0;
}
 
#skipLink {
	background-color:#ffffff;
	font-size:.75em;
	font-weight:bold;
	line-height:1.75em;
	padding:0 1em;
	position:absolute;
	z-index:10;
	
	bottom:.5em;
	left:-1000%;
	height:0;
	width:0;
}

#skipLink:focus {
	right:1em;
	left:auto;
	height:auto;
	width:auto;
}

header .navbar-default {
	background-image:none;
	min-height:auto;
	overflow:hidden;
}

header .navbar:before,
header .container-fluid:before,
header .navbar-header:before {
	content:"";
	display:none;
}

header .container-fluid {
	position:relative;
}

header .container-fluid .navbar-collapse {
	text-align:right;
}

header cmn-search .form-group {
	display:block;
	padding:.5em .5em .2em 1em;
	text-align:left;
}

header cmn-search .form-group > a {
	margin:0 1em 0 0;
}

header cmn-search #language {
	display:inline-block;
	padding:0 1em 0 0;
}

header #logo {
	border:none;
	display:inline-block;
}

header .fsaLogo {
	border:none;
	padding:.5em 1em;
	width:100%;
	max-width:475px;
	min-width:275px;
}

header .fafsaTitle {
	border-top:1px solid #cccccc;
	color:#77787a;
	display:inline-block;
	font-size:1.75em;
	font-weight:bold;
	line-height:1em;
	margin:0;
	padding:.2em 1.75em .25em .5em;
	position:relative;
	text-align:left;
	white-space:normal;
	width:100%;
}

header .fafsaTitle p {
	margin:0;
}

header .fafsaTitle .super {
	display:inline-block;
	font-size:.5em;
	margin:-.25em -.75em 0 0;
	vertical-align:text-top;
}

header .fafsaTitle span:last-of-type {
	display:block;
	font-size:.5em;
	line-height:1em;
}

header .navbar-toggle {
	background-color:#3e3d38;
	color:#ffffff;
	margin:0 0 .25em 0;
	padding:.5em 1em .5em 1em;
}

header .navbar-toggle:focus {
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px activeborder;
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    outline: auto 2px Highlight;
    outline: auto 2px -webkit-focus-ring-color;
}

header .navbar-toggle .glyphicon {
	padding-left:1em;
}

header #titleSearch .form-group {
	display:table-cell;
	margin:0;
	padding:0 0 0 0;
	vertical-align:middle;
	width:100%;
}

header #titleSearch .input-group {
	display:inline-table;
}

header #titleSearch .febi-tag {
	display:inline;
}

header #titleSearch.form-group input[type="text"] {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	width:100%;
}

header #titleSearch.form-group input[type="text"]:focus {
	border-right:none;
}

/* Bootstrap's .has-feedback-left for left-aligning input icons is broken, regardless of where it's placed. */
header #titleSearch.form-group.has-feedback-left input {
	padding-right:.5em; /* Match the right padding to app fields */
	padding-left:1.75em;
}

header #titleSearch.form-group.has-feedback-left .glyphicon {
	z-index:10;
	
	top:.25em;
	left:.25em;
	height:1.5em;
	width:1.5em;
}

/* End bootstrap's broken input icon aligner fix */

header #titleSearch.form-group .btn {
	background-image:none; /* This looks to be an override for .btn-default */
	border-top-left-radius:0;
	border-top-right-radius:.2em;
	border-bottom-right-radius:.2em;
	border-bottom-left-radius:0;
	border-left:none;
	box-shadow:none;
	display:table-cell;
	margin:0;
	padding:0 .75em;
	vertical-align:middle;
	width:1.5em;
}

header #titleSearch.form-group .btn:after {
	content:">";
}

header #titleSearch.form-group .btn:hover,
header #titleSearch.form-group .btn.hover {
	border-left:none;
	margin:0;
}

header #titleSearch .btn label {
	margin:0;
	cursor:pointer;
}

header .navMenu {
	display:block;
}

.navbar .navbar-nav {
	background-color:#111111;
	border-bottom:none;
	box-shadow:none;
	display: block;
	margin:0;
	padding:0;
	width:100%;
}

.navbar ul.navbar-nav.gdNav > li {
	border: none;
	border-bottom:1px solid #666666;
	display: block;
	float:none;
	list-style-type: none;
	margin: 0;
	padding:0;
	vertical-align:middle;
}

.navbar ul.navbar-nav.gdNav > .active > a,
.navbar ul.navbar-nav.gdNav > .open > a {
	background-color:transparent;
}

.navbar ul.navbar-nav.gdNav > li > a,
.navbar ul.navbar-nav.gdNav > li > input {
	color:#ffffff;
	background-color:transparent;
	border:none;
	border-top:.4em solid transparent;
	display:block;
	font-weight:bold;
	line-height:1.5em;
	min-height:3.25em;
	padding:.5em 2em .5em 1em;
	position:relative;
	text-align:left;
	text-decoration:none;
	text-shadow:0 -1px 0 #000000;
	transition-duration:.25s;
	transition-property:background-color, color;
	transition-timing-function:ease;
	vertical-align:middle;
	width:100%;
}

.navbar ul.navbar-nav.gdNav > li > a:hover,
.navbar ul.navbar-nav.gdNav > li > a:focus,
.navbar ul.navbar-nav.gdNav > li > a:active,
.navbar ul.navbar-nav.gdNav > li.dropdown.open,
.navbar ul.navbar-nav.gdNav > li.dropdown.open > a,
.navbar ul.navbar-nav.gdNav > li input:hover,
.navbar ul.navbar-nav.gdNav > li input:focus {
	background-color:#ffffff;
	border-top-color:#c2e0a6;
	border-bottom-color:#ffffff;
	cursor:pointer;
	color:#000000;
	text-shadow:none;
	outline:none;
}

.navbar ul.navbar-nav.gdNav > li:nth-child(1) > a:hover,
.navbar ul.navbar-nav.gdNav > li:nth-child(1) > a:focus {
	border-top-color:#c2e0a6;
}

.navbar ul.navbar-nav.gdNav > li:nth-child(2) > a:hover,
.navbar ul.navbar-nav.gdNav > li:nth-child(2) > a:focus {
	border-top-color:#d9c597;
}

.navbar ul.navbar-nav.gdNav > li:nth-child(3) > a:hover,
.navbar ul.navbar-nav.gdNav > li:nth-child(3) > a:focus {
	border-top-color:#a1c5c0;
}

.navbar ul.navbar-nav.gdNav > li:nth-child(4) > a:hover,
.navbar ul.navbar-nav.gdNav > li:nth-child(4) > a:focus {
	border-top-color:#cccb9c;
}

.navbar ul.navbar-nav.gdNav > li:nth-child(5) > a:hover,
.navbar ul.navbar-nav.gdNav > li:nth-child(5) > a:focus {
	border-top-color:#e0aea6;
}

.navbar ul.navbar-nav.gdNav > li > a > .glyphicon {
	font-size:1em;
	margin:0 -1.5em 0 0;
	vertical-align:baseline;
}

.navbar ul.navbar-nav.gdNav > li > a > span > span {
	white-space:nowrap;
}

.navbar ul.navbar-nav.gdNav > li > a > span:last-of-type {
	display:inline-block;
	margin:0 0 0 2.5em;
	vertical-align:top;
}

.navbar ul.navbar-nav.gdNav > li ul.gdNav > li {
	border-top: 1px solid #666666;
	border-bottom:none;
}

.navbar ul.navbar-nav.gdNav > li ul.gdNav > li > a {
	background-color:#555555;
	border-bottom:1px solid #111111;
	padding-left:3em;
}

.navbar ul.navbar-nav.gdNav > li ul.gdNav > li > a:hover,
.navbar ul.navbar-nav.gdNav > li ul.gdNav > li > a:focus {
	background-color:#ffffff;
}

/* Larger mobile tablets, 768px and up */
@media screen and (min-width: 768px) {
	
	.navbar ul.navbar-nav.gdNav.mobile {
		display:none;
	}
	
	header cmn-search .form-group > a {
		font-size:1.25em;
	}
	
}

/* Mobile devices smaller than 768px */
@media screen and (max-width: 767px) {
	
	.navbar ul.navbar-nav.gdNav.desktop {
		display:none;
	}
	
}

/* --/\---------------------
     End header/navigation 
   ------------------------- */