.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

br {
    clear: both;
}

.header, .footer {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

html {
    height: auto!important;
}

body {
    position: static!important;
    min-height: 0!important;
}

.inline-block { display: inline-block; }
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

.bottom5 { margin-bottom:5px; }

.left1em { margin-left:1em; }
.left2em { margin-left:2em; }

.right2em { margin-right:2em; }

.left { float:left; }
.right { float: right; }

.center { text-align: center; }
.align-left { text-align: left; }

.pad1em { padding: 1em; }

.scroll-5em {
    height: 5em;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-10em {
    height: 10em;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-15em {
    height: 15em;
    overflow-y: auto;
    overflow-x: hidden;
}

.usgs-header {
    background-color: #333333;
    margin: 0;
    padding: 5px;
    color: white;
    height: 110px;
}
.usgs-header-content {
    float: right;
    margin: .75em 1em 0 0;
    color: white;
    font-weight: bold;
}
.usgs-header a {
    color: white;
}
.usgs-header img {
    display: inline-block;
    float: left;
}
.usgs-header h1 {
    float:left;
    color: white;
    font-size: x-large;
    font-weight: bold;
    margin: .25em 0 0 1em;
}

/* Sticky footer styles -------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 7em; /* Margin bottom = footer height */
    padding: 0;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
}
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 7em;
    background-color: #f5f5f5;
    text-align: center;
}

/* ** */
.row-hover:hover {
    border: solid 1px silver;
    padding: .25em;
}

.row-hover {
    border: solid 1px transparent;
    padding: .25em;
}

.pointer {
    cursor: pointer;
}

.vsc-pointer {
    cursor: pointer;
}

a {
    cursor: pointer;
}

.vsc-left .left {
  display: inline-block;
  float: left;
}

.vsc-right .right {
  display: inline-block;
  float: right;
}

.adv-vert-menu {
    z-index: 999;
    position: fixed;
}

.msg-btn {
    margin: 0 0 0 .25em;
}

.no-bottom-space {
    margin-bottom: 0;
    padding-bottom: 0;
}

.vhp-main {
    background-color: #E5EBED;
    color: #333333;
}

.vhp-main .navbar-nav > li > a {
    color: #333333;
}

.vhp-second {
    background-color: #496187;
    color: #333333;
}

.vhp-second .navbar-nav > li > a {
    color: white;
}

.scrollable-menu {
    height: auto;
    max-height: 250px;
    overflow-x: hidden;
}

.scrollable-menu > .menu-grouping {
    font-weight: bold;
    font-size: larger;
    margin-left: 1em;
}

/* General pages */
.navbar-brand {
    color: #333333 !important;
    font-weight: bold;
    font-size: large;
}

.page-title {
    display: inline-block;
    margin: 0;
    padding: .5em;
    font-weight: bold;
    font-size: large;
}

#vhpTopMenu a:hover {
    text-decoration: underline;
}

/* Observatory Pages */
#obsTopMenu a:hover {
    text-decoration: underline;
}

.observatory-page-left-menu {
    float: left;
    margin: 0;
    padding: .5em;
    width: 250px;
}

#obsAccordion a {
    padding: .25em;
    margin: 0;
}

#obsAccordion .selected-item {
    color: black;
    font-weight: bolder;
    background-color: #999;
}

#obsAccordion .left-menu-item {
    display: block;
    width: 100%;
}

.obs-title {
    margin: .75em 0 0 0;
    display: inline;
    font-weight: bold;
    font-size: larger;
}

#obsTopMenu .obs-title {
    float: left;    
}

#volcTopMenu .obs-title {
    float: right;    
}

.volc-title {
    margin: .25em 0 0 0;
    display: inline;
    float: left;
    font-weight: bold;
    font-size: larger;
}

/* Volcano Pages */
.volcano-page-left-menu {
    float: left;
    margin: 0;
    padding: .5em;
    width: 250px;
}

div > span.accordion-item {
    display: block;
    margin: .5em 0 .5em 1em;
}

.accordion-item:hover {
    text-decoration: underline;
    cursor:pointer;
}

#vlmAccordion a {
    margin: .5em 0 .5em 1em;
}

#vlmAccordion div > a.accordion-item {
    display: block;
}

h4 a.accordion-item {
    margin: 0 !important;
}

#vlmAccordion .selected-item {
    color: black;
    font-weight: bolder;
    background-color: #999;
}

#vlmAccordion li {
    display: block;
    clear: both;
}

/* Project Pages */

.proj-title {
    margin: .75em 0 0 0;
    display: inline;
    font-weight: bold;
    font-size: larger;
}

#projTopMenu .proj-title {
    float: left;    
}

.proj-left-menu {
    float: left;
    margin: 0;
}

#plmAccordion a {
    padding: .25em;
    margin: 0;
}

#plmAccordion .selected-item {
    color: black;
    font-weight: bolder;
    background-color: #999;
}

#plmAccordion li.selected-item {
    color: black;
    font-weight: bolder;
    background-color: white;
}

/* Edit Navbar */
#editMenu {
    background-color: white;
    padding-top: 1em;
}