body { font-family: 'Verdana', serif; Tahoma, Verdana Arial, Helvetica, sans-serif; font-size: 12px; background: #e4e4e4; }
.bgwhite { background: #FFFFFF; }
.bggray { background: #e4e4e4; }
.bgblue { background: #2553ad; }
.bgblue2 { background: #337ab7; color: #FFFFFF; }
.bradius10px { border-radius: 10px; }
.pb20px { padding-bottom: 20px; }
.btn-xs{ font-weight: bold; padding-left: 10px; padding-right: 10px; font-size: 90%; }
.alert { font-weight: bold; }
.nav { font-weight: bold; font-size: 14px; }
.mtop100px { margin-top: 100px; }
.mtop20px { margin-top: 20px; }
.mtop15px { margin-top: 15px; }
.mtop5px { margin-top: 5px; }
.mbot30px { margin-bottom: 30px; }
.ptop100px { padding-top: 60px; }
.ptop10px { padding-top: 10px; }
.ptop3px { padding-top: 3px; }
.ptop4px { padding-top: 1px; }
.ptop5px { padding-top: 5px; }
.ptop15px { padding-top: 15px; }
.ptop25px { padding-top: 20px; }
.mw60px { max-width: 40px;}
.mw55px { max-width: 50px;}
.mw32px { max-width: 32px;}
.mw20px { max-width: 17px;}
.mw100px { max-width: 100px;}
.mh60px { max-height: 50px; }
.mh40px { max-height: 40px; }
.mleft20px { margin-right: 20px; }
h1 { font-family: 'Merriweather', serif; font-weight: bold; color: #3366CC; }
.red { color: #990000; }
.green { color: #009900; }
.font10px { font-size: 10px; }
.font14px { font-size: 14px; }
.font18px { font-size: 14px; }
.font24px { font-size: 24px; }
.imgcenter { margin: 0 auto; }
.bp0px { padding-bottom: 0; margin: 0; }
.hidden { display: none; }
.h42px { height: 62px; }
.chartw { width: 750px; height: 400px; border: 1px solid #666666; padding: 20px; margin-bottom: 50px; }
.displaymap { display: block; width: 506px; height: 897px; margin: 0 0 0 130px; }
.slp { display: inline-block; width: 12px; height: 12px; background: #ed3237; }
.uwp { display: inline-block; width: 12px; height: 12px; background: #ffcc29; }
.lg { display: inline-block; width: 12px; height: 12px; background: #a45e4d; }
.lpm { display: inline-block; width: 12px; height: 12px; background: #098a4f; }
.ndm { display: inline-block; width: 12px; height: 12px; background: #a8cf45; }
.ind { display: inline-block; width: 12px; height: 12px; background: #f58634; }
.def { display: inline-block; width: 12px; height: 12px; background: #e4e4e4; }
.sym {  display: inline-block; width: 18px; height: 18px; }
.sym2 {  display: inline-block; width: 12px; height: 12px; }
.green { color: #339900; }

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;  /*Sets the text hover color on navbar*/
  background: #3366CC;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #3366CC; /*BACKGROUND color for active*/
  background: #ffffff;
}

.navbar-default {
  background: #2553ad;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #030033; /*Change rollover cell color here*/
  color: #999999;
}

.navbar-default .navbar-nav > li > a {
  color: #fff; /*Change active text color here*/
}

.navbar-default .navbar-nav > li {
	margin-right: 1px;
}

.navbar { border-radius: 0; border: 0; }