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

#logo {
     width: 285px;
}
.btn {
     border: 0px none;
}
#logo div {
     color: black;
     font-size: 11px;
     font-weight: bold;
     left: 96px;
     position: absolute;
     text-align: right;
     top: 42px;
     width: 165px;
}

#tools-nav table {
     float: right;
}

#tools-nav .item {
     color: white;
     font-size: 8pt;
     font-weight: bold;
     height: 25px;
     padding: 0px 7px;
     text-transform: uppercase;
     vertical-align: bottom;
     white-space: nowrap;
}

#tools-nav a:hover, #tools-nav a:focus, #tools-nav a:active {
     color: #a4fe7f;
     text-decoration: underline;
}

#tools-nav .separator {
     background-image: url("../images/tools-nav-separator.gif");
     background-repeat: no-repeat;
     height: 25px;
     padding-top: 0px;
     vertical-align: top;
     width: 1px;
}

#lead-text {
     display: none;
     float: right;
     font-weight: bold;
     white-space: normal;
     width: 230px;
}

#spinner-container {
    display: none;
    top: 23px;
    position: absolute;
   	left: 0; 
  	right: 0; 
  	margin-left: auto; 
  	margin-right: auto; 
  	width: 100px;
}

#spinner-container img {
     height: 20px;
     width: 20px;
}

#header {
     background-color: #007934;
     font-family: Arial,Helvetica,sans-serif;
     margin: 0px auto;
     min-height: 80px;
     padding: 0px;
     text-align: left;
     width: 100%;
}

#header .header-wrap, #header.uls, #top-nav .top-nav-wrap, #sub-nav .sub-nav-wrap {
     margin: 0px auto;
     padding: 0px;
     position: relative;
}

.common-elements {
     font-size: 10px;
     position: absolute;
     right: 0px;
     text-transform: uppercase;
     width: auto;
     margin-top: 5px;
}
#external-header-maintenance .common-elements {
	position: relative;
	float: right;
	margin: -5px 20px 0 0;
}
.common-elements a {
     border-right: 1px dotted #cccccc;
     color: #ffffff;
     padding: 0px 10px;
     text-decoration: none;
}

.common-elements a:last-child {
     border-right: medium none;
}

.common-elements a:hover {
     color: #8ff068;
     text-decoration: underline;
}

#header.uls .common-elements a, #header.uls .common-elements a:hover {
     color: #000000;
}

#logo {
     display: inline-block;
     vertical-align: middle;
     width: auto;
}

#logo img.gpo-logo {
     margin-top: 20px;
}


.btn-primary:hover {
     background-position: 0px 100%;
}

.menu-arrow {
     font-size: 11px;
}

.nav-quicklinks {
     clear: none;
     color: #bec5c0;
     float: right;
     font-size: 12px;
     margin: -25px 15px 0px 0px;
     width: auto;
}

#top-nav .nav-quicklinks span a {
     color: #bec5c0;
     padding: 0px;
     text-decoration: none;
}

#top-nav .nav-quicklinks span a:hover, .nav-quicklinks span a:active {
     color: #8ff068;
     text-decoration: underline;
}

.quicklink-divider {
     padding: 0px 15px;
}

#sub-nav .ship-address {
     padding-right: 15px;
}

#sub-nav .change-ship {
     background: rgba(0, 0, 0, 0) url("../images/ship-truck.png") no-repeat scroll 0px 1px;
     padding-left: 18px;
}

#sub-nav a:hover {
     text-decoration: underline;
}



.host {
     color: #cccccc;
     display: inline-block;
     margin-left: 50px;
     width: auto;
}

.env-description {
     color: #cccccc;
     display: inline-block;
     left: 200px;
     margin-left: 50px;
     position: absolute;
     top: 10px;
     width: auto;
}

@media only screen and (max-width: 768px) {
  #logo { width: 100px; }
  #logo img { width: 150px; height: auto; }
  #logo img.vls-logo { width: 170px; }
  #logo img.gpo-logo { width: 250px; margin-top: 10px; }
  #logo img.afs-logo { width: 250px; }
  .nav-quicklinks { clear: both; margin: 0px; background-color: #333333; display: block; float: none; text-align: right; padding: 6px 10px 6px 0px; }
  #sub-nav .change-ship { display: block; margin-left: 0px; }
}

.lead-text {
     color: #d7e0e7;
     display: none;
     float: right;
     font-size: 9px;
     margin: 20px 0px 0px;
     position: absolute;
     right: 10px;
     text-align: right;
     text-transform: uppercase;
     top: 0px;
}



.input-group {
     border-collapse: separate;
     display: table;
     position: relative;
}

.form-set {
     background-color: #ffffff;
     background-image: none;
     border-radius: 4px 0px 0px 4px;
     border: 1px solid #757575;
     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
     color: #555555;
     display: block;
     font-size: 12px;
     height: 28px;
     padding-left: 6px;
     transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
     width: 230px;
	 box-sizing: border-box;
}

.input-group-btn, .input-group .form-set {
     display: table-cell;
     vertical-align: top;
}

.input-group .form-set:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
     border-bottom-right-radius: 0px;
     border-top-right-radius: 0px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
     margin-left: -4px;
     z-index: 2;
}

.input-group .form-set:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
     border-bottom-left-radius: 0px;
     border-top-left-radius: 0px;
}

.input-group-btn > .btn {
     display: inline-block;
     position: relative;
}

.input-group-btn {
    
}

.caret {
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-top: 4px dashed;
     display: inline-block;
     height: 0px;
     vertical-align: middle;
     width: 0px;
}

.btn-reset {
     border: 1px solid #757575 !important;
     box-sizing: border-box;
     height: 28px;
     padding: 0px 8px;
}

.dropdown-content {
     background-color: #f9f9f9;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     display: none;
     font-size: 12px;
     overflow: auto;
     position: absolute;
     width: 120px;
     z-index: 900;
}

.dropdown-content a {
     color: black;
     display: block;
     padding: 4px 6px;
     text-decoration: none;
}

.dropdown-content a:hover {
     background-color: #3399ff;
     color: #ffffff;
}

.show {
     display: block;
}

.search-wrap {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     float: right;
     margin: 35px 10px 0px 0px;
}