#ControlBar, #ControlBar *, .actionMenu * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

#footer {

  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 120px;
  background-color: #FFF;
 	color:#53565A;
}
#footer p{
color:#53565A;
}
#footer a{
color:#53565A;	
}
.navbar {

}
.navbar-brand {
  padding: 0;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */


.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.cursor {cursor:pointer}

#headerLogo {
	  position:absolute;	 	
  }
  #headerLogo a {
  width: 402px;
  height: 65px;
  display: block;
}

/* your going to need to fiddle with the css to make the menu consistent left padding-margin */

/* consistent left padding */
 @media (max-width:767px) {
    .aao-custom-nav .navbar-collapse .navbar-nav > li {padding-left:15px!important;}

    .aao-custom-nav .user-dropdown > .dropdown-menu > li {padding-left:5px!important;}

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
   #headerLogo {
    background-size: 255px auto;
  }
  #headerLogo a {
  width: 402px;
  height: 65px;
  display: block;
  }

}
.purbg{
	background: #4A0691;
}
#pageHeader {
 	position: relative;
	background-color:#FFFFFF;
}
#pageHeader.container {
  width: 100%;
}
#pageHeader .container {
  position: relative;
}
#pageHeader .main-header {
 height: 90px;
;
}
#pageHeader .main-header .header-search {
  width: 275px;
  padding: 7px;
  position: absolute;
  right: 220px;
  top: 22px;
}

@media (max-width: 767px) {

  .header {
    height: 85px !important;
  }
  .header .logo {
    left: 25px;
    top: 10px !important;
  }
}
@media (max-width: 480px) {
 #pageHeader #headerLogo {
    background-position-x: center !important;
  
  }
  #pageHeader .main-header {
    height: 88px !important;
  }
}
#topNav{
	background-color:#D05A57;
}

#topNav .navbar {
  border: none;
  border-radius: 0;
  min-height: inherit;
  margin-bottom: 0;
}
#topNav .navbar-default {
  background-color: transparent;
}
#topNav .navbar-default .navbar-collapse {
  border: none;
}
#topNav .navbar-default .navbar-nav > li > a {
  color:#fff;
  font-weight: bold;
}
#topNav .navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background:#3E87CB;
}
#topNav .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background:#3E87CB;
}
#topNav .navbar-default .navbar-nav > .active > a,
#topNav .navbar-default .navbar-nav > .active > a:hover {
  color: #ffffff;
  background-color: #3E87CB;
}
#topNav .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background: #3E87CB;
}
#topNav .navbar-default .navbar-toggle {
  border-color: #006699;
  background: #ffffff;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 8px 9px;
}
#topNav .navbar-default .navbar-toggle:hover {
  background-color: #F0F6F8;
}
#topNav .navbar-default .navbar-toggle .icon-bar {
  background-color: #006699;
}
@media (max-width: 1000px) 
{
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

#AAO-console-window-email {
    color: #444 !important;
}