.vspace {
    margin-top: 70px;    
}

.navbar-default {
  background-color: #4477aa;
  border-color: #c0c0c0;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #cfe4eb;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #cfe4eb;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #cfe4eb;
  background-color: #c0c0c0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #cfe4eb;
  background-color: #c0c0c0;
}
.navbar-default .navbar-toggle {
  border-color: #c0c0c0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #c0c0c0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #cfe4eb;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #cfe4eb;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #cfe4eb;
    background-color: #c0c0c0;
  }
}

footer {
    background-color: #4477aa;
    color: #cccccc;
    font-size: .9em;
}

footer a, footer a:active, footer a:visited {
    color: #DFDDDF;
}

footer a:hover {
    color: #FFFFFF;
}

h2 {
    font-size: 1.2em;
    background: #EEEEEE;
    padding: 4px;
    border-bottom: 1px solid #C0C0C0;
}

h1 {
    font-size: 1.4em;
    background: #C7DAEB;
    padding: 4px;
    border-bottom: 1px solid #336699;
    margin-top: 0px;    
}

@media screen and (min-width: 750px) {
    #headerlogo {
        width: 300px;
        max-width: 30%;
        min-width: 300px !important;
    }    
}

@media screen and (max-width: 750px) {
    #headerlogo {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

.form-control {
    margin-bottom: 2px;
    padding-bottom: 2px;
}


/****************************
 * INDEX PAGE
 ****************************/
.mainpagetext {
    font-size: 1em;
}

/****************************
 * DASHBOARD INDEX
 ****************************/
.dashboardnav li {
    margin-top: .5em;
}

/****************************
 * SUBSCRIPTION PAYMENT PAGE
 ****************************/
.price {
    color: red;
    font-weight: bold;
}


/****************************
 * LAW SEARCH PAGE
 ****************************/
div.search-form {
    background-color: transparent;    
}

.search-form {
    background-color: transparent;
}

.center {
    text-align: center;
}

.center form {
    display: table;
    margin: 0 auto;
}

.results-text {
    font-size: 1.3em;
}

.prior {
    color: #843534;
}

/****************************
 * LAW VIEW PAGE
 ****************************/
mark {
    background: #FFCB64 !important;
}

/* Used for 1., 1.1, 1.1.1 style */
/*
.law-data ol {
    counter-reset: item;    
}

.law-data li {
    display: block;
}

.law-data li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}
*/

.law-data ol {
    list-style-type:decimal;
}

.law-data ol > li > ol {
    list-style-type: lower-alpha;
} 

.law-label {
    font-weight: bold;
}

.law-data {
    
}

.law-item {

}

.law-view {
    
}

pre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    word-break: normal !important;
    margin: 0;
    padding: 0 0 10px 0;
    line-height: .9em;
    background: transparent;
    border: 0;
    overflow: hidden;
}

/* IE8 Breadcrumbs Fix */
.breadcrumb li {
    margin-right: 1px !important;
}

.breadcrumb li active {
    margin-right: 1px !important;    
}

/****************************
 * Suggestions Page
 ****************************/
.yellowstar {
    color: #eea236;    
}

.overyellowstar {
    color: #9cae71;
}