/**
 * Infoware Top Menu.
 * 
 * v19 210420 rtm Make sure button link text is white.
 * v18 240220 rtm Set nav glyphicon spans to pointer-events:none; they were
 *                interupting additional click events added to the anchor
 *                elements.
 * v17 171019 rtm Add home button to left nav.
 * v16 041019 rtm Fix navr showing above menu dropdown option when hovering
 *                over option.
 * v15 200619 rtm Fix issue with navr displaying below nav after pressing
 *                collapsed menu icon. Requires ssfunct.js v53.
 * v14 200619 rtm Move more nav styles from satsof.css (v42).
 * v13 050419 rtm Override some bootstrap styles.
 * v12 200619 rtm Change nav icons from images to glyphicons.
 * v11 120619 rtm Add user ID styling.
 * v10 110119 rtm Change navbar margins.
 * v09 201218 rtm Moved navbar stuff from satsof.css to here.
 * v08 260918 rtm Change menu hover stuff to use display rather than left.
 * v07 221018 rtm Changes for mobile layout.
 * v06 070918 rtm Add nomenu class to body to remove top margin.
 * v05 300818 rtm Add anchor button class (to make look like a button).
 * v04 101017 rtm Add hamburger nav icon.
 * v03 120617 swg Increase button/nav sizes
 * v02 050516 swg Hide bootstrap nav 
 * v01 290316 swg Add .formbutton a same as navbar a
*/

body {
margin-top: 50px;
}

body.nomenu{ /*v06*/
margin-top: 10px; /*v06*/
} /*v06*/

#nav {
min-height:40px;
}

#nav, #nav ul {
margin: 0;
padding: 0;
position: fixed;
z-index: 900;
top: 0px;
left: 0px;
font-weight: bold;
font-size: 11px;
color: white;
vertical-align: middle;
float: left;
list-style: none;
background-color: #0084A9;
background: -webkit-linear-gradient(#66acc1,#007597); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#66acc1,#007597); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#66acc1,#007597); /* For Firefox 3.6 to 15 */
background: linear-gradient(#66acc1,#007597);
/*width: 103%;*/
width: 100%;
}

#nav ul{ /*v07*/
  float: none; /*v07*/
  position: static; /*v07*/
  width: auto; /*v07*/
} /*v07*/

#nav li {
float: left;
position: relative;
/*height: 25px;*/
height: 40px;
text-align: left;
}

#nav a {
display: block;
text-decoration: none;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
}

#nav a:visited, #nav a:active {
color: white;
text-decoration: none;
}

#nav a.subm {
background-image: url(/images/satsof/rightarrow.gif);
background-repeat: no-repeat;
background-position: 208px center;
}

#navl a:hover, /*v07*/
#navl div#menu-icon:hover, /*v07*/
#nav li:hover, #nav li.sfh, #navr a:hover {
background-color: #007597;
background: -webkit-linear-gradient(#007597,#004a5f); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#007597,#004a5f); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#007597,#004a5f); /* For Firefox 3.6 to 15 */
background: linear-gradient(#007597,#004a5f);
}

#nav li ul {
margin: 0;
padding: 0;
position: absolute;
width: 220px;
/*v08 left: -999em; */
display: none; /*v08*/
top: 40px;
z-index: 910;
border: 1px #ccc solid;
text-align: left;
}

#nav li:hover ul, #nav li.sfh ul {
position: absolute;
/*v08 left: auto; */
display: block; /*v08*/
}

#nav li a {
color: #fff;
text-align: center;
}

#nav li:hover a, #nav li.sfh a {
color: white;
}

#nav li li {
background-color: #fafafa;
color: #600;
/*height: 20px;*/
height: 30px;
border: none;
width: 220px;
}

#nav li li a {
text-align: left;
padding-top: 8px;
padding-bottom: 8px;
}

#nav li:hover li a, #nav li.sfh li a {
color: #0088cc;
}

#nav li li:hover a, #nav li li.sfh a {
color: white;
}

#nav li:hover li li a, #nav li.sfh li li a {
color: #0088cc;
}

#nav li li li:hover a, #nav li li li.sfh a {
color: white;
}

#nav li ul ul {
list-style: none;
margin-top: -40px;
margin-bottom: 0;
margin-left: 215px;
margin-right: 0;
padding: 0;
z-index: 920;
}

#nav li:hover ul ul, #nav li.sfh ul ul {
position: absolute;
/*v08 left: -999em; */
display: none; /*v08*/
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfh ul, #nav li li.sfh ul {
position: absolute;
/*v08 left: auto; */
display: block; /*v08*/
}

nav span.nav-bar-icon{
background-color:#fff;
border-radius:1px;
display:block;
height:2px;
margin-top:2px;
width:16px;
}

* html #nav {
position: absolute;
}

#navl{ /*v07*/
  display: inline-block; /*v07*/
  vertical-align: top; /*v17*/
} /*v07*/

/*v11 #navl a, /*v07*/
/*v11 #navl a{ /*v07*/
#navl a{ /*v11*/
  display: inline-block; /*v17*/
  padding: 8px; /*v07*/
} /*v07*/

#navl>a, /*v17*/
#navr a{ /*v11*/
  padding: 8px 8px 11px 8px; /*v11*/
} /*v11*/

#navl>div{ /*v07*/
  vertical-align: top; /*v07*/
} /*v07*/

#navl img, /*v07*/
#navr img{ /*v07*/
  height: 24px; /*v07*/
} /*v07*/

#navl span.broken-image-text, /*v07*/
#navr span.broken-image-text{ /*v07*/
  line-height: 24px; /*v07*/
  font-size: 16px; /*v07*/
} /*v07*/

#navr {
float: right;
position: relative; /*v07*/
/*v16 z-index: 910; /*v07*/
z-index: 905; /*v16*/
}

#navr a>span{ /*v18*/
  pointer-events: none; /*v18*/
} /*v18*/

#navr a{
float: left;
} /*v17*/

#navl a, /*v17*/
#navr a{ /*v17*/
color:white;
}

#menu-icon{ /*v07*/
  display: none; /*v07*/
} /*v07*/

/* Support for the "iehover-fix.js" */

* html ul.nav iframe {
position: absolute;
/* account for the border */
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
z-index: 0;
top: -1px;
left: -1px;
}

select.hide {
visibility: hidden;
}

/* End Support for the "iehover-fix.js" */

a.button:link, /*v05*/
input[type="submit"], input[type="reset"], input[type="button"] {
background-color: #0084a9;
background: -webkit-linear-gradient(#66acc1,#007597); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#66acc1,#007597); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#66acc1,#007597); /* For Firefox 3.6 to 15 */
background: linear-gradient(#66acc1,#007597);
color: white;
font-weight: bold;
/* v03 font-size: 11px;
padding: 3px; */
padding: 6px 12px;
font-size: 12px;
border: none;
border-radius: 4px;
}

a.button:hover, /*v05*/
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background-color: #007597;
background: -webkit-linear-gradient(#007597,#004a5f); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#007597,#004a5f); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#007597,#004a5f); /* For Firefox 3.6 to 15 */
background: linear-gradient(#007597,#004a5f);
color: white;
text-decoration: none; /*v05*/
}

a.button:visited{ /*v05*/
color: white; /*v05*/
} /*v05*/


p.navbar{ /*v09*/
  color: black; /*v09*/
  font-size: 0; /*v09*/
  /*v10 margin: 6px 0 10px 0; /*v09*/
  margin-bottom: 4px; /*v10*/
  text-align: left; /*v09*/
} /*v09*/

p.navbar input, /*v09*/
p.navbar a, .formbutton a {
font-weight: bold;
color: white;
background-color: #0084a9;
background: -webkit-linear-gradient(#66acc1,#007597); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#66acc1,#007597); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#66acc1,#007597); /* For Firefox 3.6 to 15 */
background: linear-gradient(#66acc1,#007597);
/* v03 padding: 4px; */
padding: 6px 12px;
text-decoration: none;
/* v03 font-size: 11px; */
font-size: 12px;
/*margin-right: 1px;*/
margin-right: 4px;
margin-top: 4px; /*v09*/
border-radius: 4px;
white-space: nowrap; /*v09*/
display: inline-block; /*v09*/
}

p.navbar a:visited, .formbutton a:visited {
color: white;
text-decoration: none;
}

.formbutton a:link, /*v19*/
p.navbar a:active, .formbutton a:active {
color: white;
text-decoration: none;
}

p.navbar a:hover, .formbutton a:hover {
color: white;
background-color: #007597;
background: -webkit-linear-gradient(#007597,#004a5f); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#007597,#004a5f); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#007597,#004a5f); /* For Firefox 3.6 to 15 */
background: linear-gradient(#007597,#004a5f);
text-decoration: none;
}

div.navbar-header {
display: none;
}

div#navbar-top{ /*v07*/
  font-size: 0; /*v07*/
} /*v07*/

div#catdisp{
display:none;
}
div#catdisp:hover{
cursor:pointer;
}

.hamburger-icon{ /*v07*/
  cursor: pointer; /*v07*/
  padding: 7px 10px; /*v07*/
} /*v07*/

.hamburger-icon div.bar{ /*v07*/
  background-color: white; /*v07*/
  border-radius: 2px; /*v07*/
  height: 2px; /*v07*/
  margin: 5px 0; /*v07*/
  width: 20px; /*v07*/
} /*v07*/

.caret{ /*v13*/
  display: none; /*v13*/
} /*v13*/

.dropdown-menu>li>a{ /*v13*/
  font-weight: bold; /*v13*/
} /*v13*/

.dropdown-menu>li>a:focus, /*v13*/
.dropdown-menu>li>a:hover{ /*v13*/
  background-color: unset; /*v13*/
} /*v13*/

#nav:before, #nav:after, /*v13*/
#navbar-top:before, #navbar-top:after, /*v13*/
#navcont:before, #navcont:after, /*v13*/
#navl:before, #navl:after, /*v13*/
#navul:before, #navul:after, /*v13*/
.navbar:before, .navbar:after, /*v13*/
.navr:before, .navr:after{ /*v13*/
  display: none; /*v13*/
} /*v13*/

.navbar{ /*v13*/
  min-height: auto; /*v13*/
} /*v13*/

.navbar-default{ /*v13*/
  background-color: unset; /*v13*/
  border: none; /*v13*/
} /*v13*/

.navbar-nav>li>a{ /*v13*/
  line-height: 13px; /*v13*/
} /*v13*/

.navbar-collapse{ /*v13*/
  padding-left: 0; /*v13*/
  padding-right: 0; /*v13*/
} /*v13*/

.collapse{ /*v13*/
  display: block; /*v13*/
} /*v13*/

.nav .open>a, /*v13*/
.navbar-default .navbar-nav>.open>a, /*v13*/
.navbar-default .navbar-nav>.open>a:focus, /*v13*/
.navbar-default .navbar-nav>.open>a:hover{ /*v13*/
  background-color: rgba(0,0,0,0); /*v13*/
} /*v13*/

#nav div.userid{ /*v11*/
  display: inline-block; /*v11*/
  font-size: 11px; /*v11*/
  float: left; /*v11*/
  padding: 12px 8px 15px 8px; /*v11*/
  user-select: none; /*v11*/
} /*v11*/

#navl span.glyphicon, /*v17*/
div#navr span.glyphicon{ /*v12*/
  font-size: 21px; /*v12*/
} /*v12*/

#navul-cont{ /*v17*/
  display: inline-block; /*v17*/
} /*v17*/

@media print{
  p.navbar{ /*v09*/
    display: none; /*v09*/
  } /*v09*/
  #nav, nav {
    display: none;
  }
}

/* Collapse menu */                       
@media only screen and (max-width: 670px){ /*v07*/
  p.navbar{ /*v09*/
    /*v10 margin-bottom: 14px; /*v09*/
    margin-bottom: 8px; /*v10*/
  } /*v09*/
  p.navbar a, /*v09*/
  p.navbar input{ /*v09*/
    /*v10 font-size: 16px; /*v09*/
    font-size: 18px; /*v10*/
    padding: 12px 18px; /*v09*/
    margin: 8px 8px 0 0; /*v09*/
  } /*v09*/
  #nav, #nav ul{ /*v07*/
    font-size: 14px; /*v07*/
  } /*v07*/
  #menu-icon{ /*v07*/
    display: inline-block; /*v07*/
  } /*v07*/
  #nav #navul{ /*v14*/
    /*v15 display: none; /*v14*/
    display: block; /*v15*/
    height: 100%; /*v15*/
  } /*v14*/
  #nav #navul.hide{ /*v15*/
    display: none; /*v15*/
    height: auto; /*v15*/
  } /*v15*/
  #nav #navul li{ /*v14*/
    display: block; /*v14*/
    float: none; /*v14*/
    height: auto; /*v14*/
  } /*v14*/
  #nav #navul li a{ /*v14*/
    background-image: none; /*v14*/
    text-align: left; /*v14*/
  } /*v14*/
  #nav #navul ul.dropdown-menu{ /*v14*/
    display: none; /*v14*/
    float: none; /*v14*/
    position: relative; /*v14*/
    top: 0; /*v14*/
    width: 100%; /*v14*/
  } /*v14*/
  #nav #navul ul.dropdown-menu ul.dropdown-menu{ /*v14*/
    margin: 0; /*v14*/
  } /*v14*/
  #nav #navul ul.dropdown-menu.selected{ /*v14*/
    display: block; /*v14*/
  } /*v14*/
  #nav #navul ul.dropdown-menu li{ /*v14*/
    width: 100%; /*v14*/
  } /*v14*/
  #nav #navul ul.dropdown-menu li a{ /*v14*/
    color: #08c; /*v14*/
  } /*v14*/
  #nav #navul ul.dropdown-menu li:hover>a{ /*v14*/
    background-color: #007597; /*v14*/
    color: white; /*v14*/
  } /*v14*/
  #nav #navul ul.dropdown-menu ul.dropdown-menu li>a{ /*v14*/
    padding-left: 20px; /*v14*/
  } /*v14*/
  div#navul-cont{ /*v14*/
    margin-top: 40px; /*v14*/
    overflow-y: auto; /*v14*/
    position: fixed; /*v14*/
    left: 0; /*v17*/
    top: 0; /*v14*/
    width: 100%; /*v14*/
  } /*v14*/
} /*v07*/