﻿@charset "utf-8";
/* CSS Document */

/* Content Area
-------------------------------*/
* {
	box-sizing: border-box
}
body {
	font: normal 15px 'Ek Mukta', sans-serif;
	line-height: 1.3em;
	background-color: #fff;
	padding-top: 50px
}
.nav.navbar-nav.wideMarg.pull-right.head-room-md li a {
	font-size: 110%
}
.b1 {
	border: 1px solid #7FA40D;
}
.b2 {
	border: 1px solid #8E32D3;
}
.b3 {
	border: 1px solid #EB2D57;
}
.primary-color-border {
	border: 1px solid #003399;
}
.bgLower {
	background-color: #f2f2f2;
}
.light-grey-bg {
	background-color: #7F7E7E;
}
.white-border {
	border: 1px solid #fff;
}
.dark-grey {
	color: #BCBCBC
}
/* Main Nav Tweaks
-------------------------------*/
.navbar {
	min-height: 50px;
	margin-bottom: 0;
	position: fixed
}
.collapse.navbar-menutoggle {
        display: none!important;
    }
.navbar-header {

}
.logo  {
	background: url(../images/logofull-color-sm-8.png) 5px 0 no-repeat;
	width: 215px;
	height: 37px;
}
.logo2  {
	background: url(../images/logofull-inverted-color-sm-8.png) 10px 3px no-repeat;
	width: 230px;
	height: 42px;
}
.logo3 {
    background: url(../images/logofull-inverted-color-xs-8.png) 10px 3px no-repeat;
    width: 230px;
    height: 42px;
}
.navbar-default .navbar-brand {
	color: #3399cc
}
.navbar-default .navbar-nav>li>a {
	color: #3399cc
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
	color: #999;  /* I edited thhis from #003399 */
	background-color: transparent
}
.navbar-default .navbar-nav>li>a:hover> .alternate {
	color: #999;  /* I edited thhis from #003399 */
	background-color: transparent
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
	background-color: #999
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a {
	color: #999;
	background-color: none
}
.navbar-default {
	background-color: #3399cc; /* nav background color */
	border-color: none;
	height: 50px
}
.navbar-default .navbar-brand {
	color: #3399cc /* if logo is type, this is the color */
}
.navbar-default .navbar-nav>li>a {
	color: #3399cc; /* top level menu button color */
	text-align: left;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
	color: #3399cc; /* top level menu button color - hover */
	background-color: transparent
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
	background-color: #fff
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #fff
}
.navbar-default .navbar-toggle {
	border-color: #999;
}
.navbar-default {
	background-color: #e7e7e7;
}
.nav-narrow {
	position: relative;
	display: block;
	padding: 10px 5px
}
.navbar-brand {
	float: left;
	
	padding: 0 0 2px 40px;
	font-size: 18px;
	line-height: 4px
}
.nav>li>a { /* tweak the top top top nav dialation */
	position: relative;
	display: block;
	padding: 5px 6px
}

.nav > li >a .wideMarg { /* tweak the top top top nav dialation */
	position: relative;
	display: block;
	padding: 0px 10px
}

.logged-in-icons { /* tweak the top top top nav dialation */
	position: relative;
	display: block;
	padding: 5px 6px
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #FFF;
	background-color: #3399cc;
}
.logo  {
	background: url(../images/logofull-color-sm-8.png) 5px 0 no-repeat;
	width: 215px;
	height: 37px;
}
.logo2  {
	background: url(../images/logofull-inverted-color-sm-8.png) 10px 3px no-repeat;
	width: 230px;
	height: 42px;
}
.navbar-collapse {
	width: auto;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
/* navbar-inverse
------------------------------*/

.navbar-inverse .navbar-nav > li > a {
  color: #fff; /* This is the :link state */
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #9DD2EC; /* the hover state nav main */
	background-color: transparent;
}
.logo-loggedIn {
	background:url(../images/mCE_LogoFullColor_SM.png) 5px 10px no-repeat;
	width: 110px;
	height: 60px
}
/* navbar-inverse
------------------------------*/
.navbar-inverse {
	min-height: 20px;
	margin-bottom: 0;
	position: fixed;
	background-color:#0066CC;
}

.bell-adjust {
	position: relative;
	font-size: 20px;
	top: 9px;
	left: -1px
}

.badge {
  display: inline-block;
  position: relative;
  top:-26px;
  left:12px;
  min-width: 14px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #ff3300; /* #7CC8ED; */
  border-radius: 10px;
  border: 2px solid #fff;
  margin-right:19px
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: 10px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 50px;
}
a.badge:hover,
a.badge:focus {
  color: #3399cc;
  background-color:#fff;
  text-decoration: none;
  cursor: pointer;
}
.addl-search-table-bg {
	background-color: #f2f7fb
}
/* .list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px
} */
.logo-loggedIn {
	background:url(../images/mCE_LogoFullColor_SM.png) 5px 10px no-repeat;
	width: 110px;
	height: 60px
}
/* overlay search styles

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,18,55); /* Black fallback color */
    background-color: rgba(0,18,55, 0.50); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 5%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links This is new. This is new. This is new. This is new. This is new. This is new. This is new. This is new. This is new. This is new. This is new. */
    margin-top: 3px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #fff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
.sm-neg-margin {
	margin-left: -15px;
	margin-right: 15px;
	width: 100%;
	border: 2px dotted #9E45AD
}
.show-me-only-at-tablet {
	visibility: collapse
}
.fixed-panel {
	min-height: 600px;
	max-height: 600px;
	overflow-y: scroll;
	margin-bottom: 20px
}





/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}


/* end search styles


/* font tweaks
------------------------------*/
.regular-font-weight {
	font-weight: normal
}
h6, .h6 {
	line-height: 12px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #3399cc;
}
.titles-reduced-top-marg {
	margin-top: 0;
}
.h1, h1 {
	font-size: 36px
}
.h4, h4 {
	font-size: 25px;/*font-weight: bold */
}
.alert-txt {
	font-size: 11px;
	line-height: 14px
}
.h2, h2 {
	font-size: 17px;
	font-weight: bold;
}
.h5, h5 {
	font-size: 16px;
	line-height: 1.2em;
}
.list-w-bullets {
	list-style: square;
	list-style-position: outside;
	text-indent: 0;
	margin-left: 40px
}
.list-w-bullets2 {
	list-style: square;
	list-style-position: outside;
	text-indent: 0;
	margin-left: 30px;
	color: #333;
	text-shadow: 1px 0 2px #fff;
}
.ital {
	font-style: italic
}
.text-right {
	text-align: right
}
.reduceLineHeight {
	line-height: .15em
}
.remove-in-mobile {
	display: none
}
.corpSiteH1 {
	font-size: 36px;
	line-height: 1.0em;
	margin-top: 20px;
	margin-bottom: 20px
}
.corpSiteH3 {
	font-size: 24px;
	line-height: 1.0em;
}
.corpSiteH4 {
	font-size: 25px;
	line-height: 1.1em
}
.corpSiteH6 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1em
}
.corpSiteP {
	margin-bottom: 20px
}
ul > li {
	line-height: 1.2em;
}
.foot-room-lg2 {
	padding-bottom: 30px
}

.foot-room-xl {
	padding-bottom: 100px
}
.blank-separator {
	padding-bottom: 70px;
}
/* buttons 
------------------------------*/
a:link, a:visited, .emulateLink {
	color: #3399cc;
	font-weight: bold;
	text-decoration: none
}
a:hover, a:active, .emulateLink {
	color: #2407c3;
	font-weight: bold;
	text-decoration: none
}
th, .th {
	font-size: 14px;
	text-align: left /* This is new. This is new. This is new. This is new. This is new. This is new. This is new. This is new.  */
}
.btn-nav {
	display: inline-block;
	padding: 2px 12px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.btn-std {
	color: #333;
	font-weight: bold;
	background-color: #ffcc33;/* border-color: #eea236 */
}
.btn-std.focus, .btn-std:focus {
	color: #333;
	font-weight: bold;
	background-color: #f0c032;/* border-color: #985f0d */
}
.btn-std:hover {
	color: #fff;  /* I edited thhis from #333 */
	font-weight: bold;
	background-color: #f0c032;/* border-color: #d58512 */
}
.btn-std.active, .btn-std:active, .open>.dropdown-toggle.btn-std {
	color: #333;
	font-weight: bold;
	background-color: #f0c032;/* border-color: #d58512 */
}
.btn-std.active.focus, .btn-std.active:focus, .btn-std.active:hover, .btn-std:active.focus, .btn-std:active:focus, .btn-std:active:hover, .open>.dropdown-toggle.btn-std.focus, .open>.dropdown-toggle.btn-std:focus, .open>.dropdown-toggle.btn-std:hover {
	color: #fff;
	background-color: #d58512;/* border-color: #985f0d */
}
.btn-std.active, .btn-std:active, .open>.dropdown-toggle.btn-std {
	background-image: none
}
.btn-std.disabled.focus, .btn-std.disabled:focus, .btn-std.disabled:hover, .btn-std[disabled].focus, .btn-std[disabled]:focus, .btn-std[disabled]:hover, fieldset[disabled] .btn-std.focus, fieldset[disabled] .btn-std:focus, fieldset[disabled] .btn-std:hover {
	background-color: #ffcc33;/* border-color: #eea236 */
}
.table-condensed {
	width: 100%;
}
.responsive-image {
	width: 100%;
	background-size: 100% 100%;
}

/*Spinner for Submit button in ContactUs page.*/
        .spinner {
            display: inline-block;
            opacity: 0;
            max-width: 0;
            -webkit-transition: opacity 0.25s, max-width 0.45s;
            -moz-transition: opacity 0.25s, max-width 0.45s;
            -o-transition: opacity 0.25s, max-width 0.45s;
            transition: opacity 0.25s, max-width 0.45s; /* Duration fixed since we animate additional hidden width */
        }

        .has-spinner.active {
            cursor: progress;
        }

            .has-spinner.active .spinner {
                opacity: 1;
                max-width: 50px;
            }


/* Footer
-------------------------------*/
footer {
    position: fixed;
    height: 30px;
    bottom: 0;
    width: 100%;
	background-color: #e7e7e7;
	/* border-top: 1px solid #3399cc; */
	min-height: 10px;
	/*margin-top: 10px; 
	margin-bottom: 50px;*/
	padding-top: 5px;
	padding-bottom: 5px
}
footer>a {
	color: #2C9B2B
}
footer li + li:before {
	content: "|";
	margin-right: 1em;
	vertical-align: top/* Percentage */
}
.footer-column {
	width: 40%;
	border: 1px solid #A08E12
}

/* Layout tweaks
-------------------------------*/
.panel {
	margin: 5px 0 5px;
	background-color: #f4f5f5;
	border: 1px solid transparent;
	border-radius: 7px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.clear:nth-child(12n)::before {
	content: '';
	display: table;
	clear: both;
}
.clear-right {
	clear:right
}
.clear-left {
	clear:left
}
/* Miscellaneous
-------------------------------*/
blockquote {
	font: italic 15px 'Ek Mukta', sans-serif;
	padding: 6px 16px;
	border: none;
	quotes: "\201C" "\201D";
	display: inline-block;
	position: relative;
}
blockquote:before {
	content: open-quote;
	font-weight: bold;
	font-size: 80px;
	color: #B9DCED;
	position: absolute;
	top: -40px;
	left: -10px;
}
blockquote:after {
	content: close-quote;
	font-weight: bold;
	font-size: 80px;
	color: #B9DCED;
	position: absolute;
	bottom: -80px;
	right: 10px;
}
.faq-fix {
	height: 200px
}
.drop-shadow {
	box-shadow: 0 0 20px #999;
}
.border-light {
	border: 1px solid #7DB450
}
.fl-right {
	float: right
}
.fl-right-nav {
	float: right
}
.fl-right-footer {
	float: left
}
.fl-right-main-nav {
	margin-left: 20px;
	float: left !important;
	height:30px
}
.md-grey-type {
	color: #979797
}
.input-narrow {
	max-width: 80px;
}
.allCaps {
	text-transform: uppercase
}
.right-shdr-sm {
	margin-right: 10px
}
.right-shdr-md {
	margin-right: 40px
}
.right-shdr-lg {
	margin-right: 60px
}
.top-spacing-sm {
	margin-top: 10px
}
.top-spacing-md {
	margin-top: 25px
}
.reduced-header-marg
.head-room-zero {
	margin-top: 0;
}
.head-room-xxs {
	margin-top: 3px;
}
.head-room-xs {
	padding-top: 0;
}
.foot-room-xs {
	padding-bottom: 0;
}
.head-room-neg {
	margin-top: -11px;
}
.head-room-sm {
	margin-top: 4px;
}
.head-room-sm-plus {
	margin-top: 8px;
}
.head-room-sm-plus-plus {
	margin-top: 11px;
}
.head-room-md {
	margin-top: 10px;
}
.head-room-md-plus {
	margin-top: 19px;
}
.reduced-header-marg {
	margin-top: 10px
}
.head-room-md-plus-extra {
	margin-top: 32px;
}
.head-room-md-plus-more {
	margin-top: 40px;
}
.head-room-lg {
	margin-top: 60px;
}
.head-room-xl {           /* This is new. This is new. This is new. This is new. This is new. This is new. */
	margin-top: 90px;
}
.head-room-neg {
	margin-top:-15px
}
.head-room-mobile-txt-hdr {
	margin-top: 40px;
}
.foot-room-sm {
	margin-bottom: 7px
}
.foot-room-md {
	margin-bottom: 15px
}
.foot-room-lg {
	margin-bottom: 22px
}
.foot-room-sm-padding {
	padding-bottom: 0;
}
.margin-head-foot-md {
	margin-top: 18px;
	margin-bottom: 18px;
}
.margin-head-foot-sm {
	margin-top: 4px;
	margin-bottom: 4px;
}
.shoulder-room-L-zero {
	margin-left: -2px
}
.shoulder-room-L-sm {
	margin-left: 14px
}
.shoulder-room-L-xl {
	margin-left: 170px
}
.shoulder-room-L-md {
	margin-left: 30px
}
.shoulder-room-R-sm {
	margin-right: 2px
}
.shoulder-room-R-sm-plus {
	margin-right: 6px
}
.shoulder-room-R-md {
	margin-right: 17px
}
.shoulder-room-R-md-plus {
	margin-right:31px
}
.shoulder-room-R-lg {
	margin-right: 50px
}
.shoulder-room-R-xxlg {
	margin-right: 200px
}
.shoulder-room-R-md-for-badge {
	margin-right: 16px;
    margin-left: -8px
}
.margin-sm {
	margin: 10px
}
.margin-md {
	margin: 30px
}
.addl-search-table-margin {
	margin: 4px 30px
}
.head-and-foot-room-lg {
	margin-top: 30px;
	margin-bottom: 30px;
}
.push-down-from-nav-bar {
	margin-top: 100px
}
.padding-sm {
	padding: 10px
}
.no-marg-no-padd {
	margin: 0;
	padding: 0;
}
.no-marg {
	margin: 0
}
.no-padding-head-foot {
	padding-top: 0;
	padding-bottom: 0
}
.sm-margin-head-foot {
	margin-top: 8px;
	margin-bottom: 8px
}
.sm-margin-foot {
	margin-bottom: 8px
}
.add-h-and-f-room-V-stack {
	margin-top: 7px;
	margin-bottom: 7px
}
.add-marg-to-zero-out {
	margin-left: 15px;
}
.reduced-line-height {
	line-height: .7em
}
.reduced-line-height2 {
	line-height: 1em
}
.top-right-nav-fix {
	padding-left: 8px
}
.remove-l-r-padding-mobile {
	padding-left: 0;
	padding-right: 0
}
.padd-lg-medium {
	margin: 10px
}
.alert-warning {
	color: #333;
	background-color: #fff0c1;
	border-color: #ffcc33
}
.modal.in {
	display: block;
}
.blue-bottom-border {
	border-bottom: 1px solid #003399
}
.grey-bottom-border {
	border-bottom: 1px solid #CCC
}
.grey-top-border {
	border-top: 1px solid #CCC
}
/*#modal {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 99999;
	height: 100%;
	width: 100%;
}
.modalcontent {
	position: absolute;
	top: 65px;
	left: 85%;
	transform: translate(-20%, -50%);
	background: #fff;
	/*width: 14%;*/
	/*padding: 6px 8px 5px 16px;
	border: 1px solid #C3C3C3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}*/
    #modal {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 99999;
	height: 100%;
	width: 100%;
}
.modalcontent {
	position: absolute;
	top: 65px;
	left: 85%;
	transform: translate(-20%, -50%);
	background: #fff;
	/*width: 14%;*/
	padding: 6px 8px 5px 16px;
	border: 1px solid #C3C3C3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.center-block {
	margin-left: auto;
	margin-right: auto
}
.voila-gone {
	visibility: hidden
}
.show-special-notice {
	display:block
}

.hide-special-notice {
	display:none
}
.show-alert-notice {
	display:block
}

.hide-alert-notice {
	visibility: collapse
}
.foot-room-xl2 {
	margin-bottom: 200px
}

navbar-default, .navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border-radius: 4px;
}
navbar-inverse, .navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  color:#88D0F4;
  background-color:#3399cc;
  border-radius: 4px;
}
.navbar-inverse .navbar-toggle {
	border-color: #fff;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
/*
ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin-top:0px;
}*/
/* colors
------------------------------*/
.accent-color {
	color: #003399
}
.lighter-accent-color-bg {
	background-color: #7BC5E9
}
.primary-color {
	color: #3399cc
}
.primary-bg-color {
	background-color: #3399cc
}
.primary-bg-color-50percent {
	background-color: #99cce5
}
.primary-bg-color-30percent {
	background-color: #B0D7EB
}
.primary-color-50percent {
	color: #99cce5
}
.blk {
	color: #333333
}
.yellow {
	color: #ffcc33;
}
.yellow-bg {
	background-color: #ffcc33;
}
.yellow-50percent {
	color: #ffe8a3;
}
.yellow-bg-color-50percent {
	background-color: #ffe8a3;
}
.orange {
	color: #ff6600
}
.orange-50percent {
	color: #fee6d6
}
.white-background {
	background-color: #fff;
}
.blue-background {
	background-color: #0066CC;
}
.white {
	color: #fff;
}
.testing-bg {
	background-color: #40F4A8;
}
.light-blue-bg {
	background-color: #add6eb;
}
.container-fluid {
	padding: 0;
}
.grey-med {
	color: #999
}

.n-tabs-underline {
                border-bottom: 1px solid #0066CC     /* <---- toggle for a single, blue line under the tab layout. */
}
.n-tabs-outline-box {
                border: 1px solid #0066cc;      /* <---- toggle for a single, blue line around the whole bulleted list. */
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #0066CC;  
	border: 1px solid #0066CC; /* The border of the ACTive tabs! */
	margin: 0 6px 0 0;
	border-bottom-color: transparent;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	color: #333;
 	cursor: default;
	background-color: #E7E7E7;
	border: 1px solid #ddd; /* The border of the INACTive tabs! */
	margin: 0 6px 0 0;
	border-bottom-color: #0066CC;
}
.panel-default > .panel-heading {
	color: #333;
	background-color: #fff;
}
.tab-content > .tab-pane, .nav-tabs.active {
	background-color: #fff;
	padding-right: 0px;
	 border: 1px solid #0066cc; <---- toggle for a single, blue line around the whole bulleted list. 
}


.nav-tabs > li.active {
	background-color: #fff;
}
.panel-body {
	padding: 8px;
}
.special-notice {
	width: 100%;
	padding: 6px 10px;
	color: #FFF;
	background-color: #ff3300
}
.alert-notice {
	width: 100%;
	padding: 6px 2px;
	color: #333;
	margin-top:5px;
	background-color: #fff0c1
}
.foot-room-xl-2 {
	margin-bottom: 200px
}
.show-me-only-at-tablet {
	visibility: collapse
}


@media screen and (max-width: 766px) {
.voila-gone {
	visibility: hidden
}
.remove-in-mobile {
	display: none
}
.mobile-slide-showMe {
	visibility: visible;
	position: absolute;
	top: 0;
	left: -15px;
	margin-right: -15px;
	background-color: #001745;
	width: 109%;
	height: 311px
}
.panel-body {
	padding: 8px;
}
.add-h-and-f-room-V-stack {
	margin-top: 7px;
	margin-bottom: 7px
}
.show-me-only-at-tablet {
	visibility: collapse
}
.fixed-footer-panel-fix {
	margin-bottom: 100px
}

    .show-me-only-in-mobile {
        display: block;
    }

}

/* tablet
------------------------------*/
@media screen and (min-width: 767px) and (max-width: 980px) {
.container {
	width: 96%
}
.navbar {
	min-height: 50px;
	margin-bottom: 0;
}
.logo  {
	background: url(../images/logofull-color-sm-8.png) 5px 0 no-repeat;
	width: 215px;
	height: 37px;
}
.logo2  {
	background: url(../images/logofull-inverted-color-sm-8.png) 10px 7px no-repeat;
	width: 230px;
	height: 42px;
}
.head-and-foot-room-lg {
	margin-top: 30px;
	margin-bottom: 30px;
}
.head-and-foot-room-md {
	margin-top: 20px;
	margin-bottom: 20px;
}
.head-and-foot-room-xs {
	margin: 4px 0;
}
.form-head-and-foot-room-sm {
	margin: 40px 0;
}
.foot-room-sm {
	margin-bottom: 7px;
}
.head-room-sm {
	margin-top: 8px;
}
.head-room-sm-plus {
	margin-top: 8px;
}
.head-room-md {
	margin-top: 10px;
}
.head-room-md-plus {
	margin-top: 16px;
}
.head-room-md-plus-extra {
	margin-top: 32px;
}
.shoulder-R-sm {
	margin-right: 3px
}
.fl-right-footer {
	float: right
}
.for-text-slide {
	height: 300px
}
.voila-gone {
		visibility: visible
}
.mobile-slide-showMe {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}
.panel-body {
	padding: 15px;
}
.remove-in-mobile {
	display: none
}
.fl-right-main-nav {
	float: right !important
}
.add-h-and-f-room-V-stack {
	margin-top: 0;
	margin-bottom: 0
}
.head-room-lg {
	margin-top: 60px;
}
.show-me-only-at-tablet {
	visibility: collapse
}
.fixed-footer-panel-fix {
	margin-bottom: 100px
}
}

@media screen and (min-width:981px) {
.container {
	width: 96%
}
.fl-right-main-nav {
	float: right !important
}
.move-me-left-mobile {
	margin-left: 20px;
	float: right !important;
}
.logo  {
	background: url(../images/logofull-color-sm-8.png) 5px 0 no-repeat;
	width: 215px;
	height: 37px;
}
.logo2  {
	background: url(../images/logofull-inverted-color-sm-8.png) 10px 3px no-repeat;
	width: 230px;
	height: 42px;
}
.fl-right-footer {
	float: right
}
.add-h-and-f-room-for-vert-stack-md {
	margin-top: 15px;
	margin-bottom: 15px
}
.foot-room-lg {
	margin-bottom: 30px;
}
.head-room-lg {
	margin-top: 60px;
}
.push-down-from-nav-bar {
	margin-top: 100px
}
.voila-gone {
		visibility: visible
}
.mobile-slide-showMe {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}
.panel-body {
	padding: 15px;
}
.remove-in-mobile {
	display: block
}
.add-h-and-f-room-V-stack {
	margin-top: 0;
	margin-bottom: 0
}
.show-me-only-at-tablet {
	visibility: collapse
}
.fixed-footer-panel-fix {
	margin-bottom: 100px /* add space so the 3 boxes are uncovered at Desk top and larger. Footer is about 80px tall */
}
}

@media screen and (min-width:981) {   /*       This turns off the right NAV bar at 1024        */
.navbar-header {
        float: none;
    }
.navbar-left,.navbar-right {
        float: none !important;
    }
.navbar-toggle {
        display: block;
    }
.navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
.navbar-collapse.collapse {
        display: none!important;
    }
.navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
.navbar-nav>li {
        float: none;
    }
.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
.collapse.in{
  		display:block !important;
	}	
.remove-icon-at-mobile {
	display: none
	}	
.show-me-only-at-tablet {
	visibility:visible
}
.voila-gone {
	visibility:visible
}
.remove-in-mobile {
	display: none
}
}


@media screen and (max-width: 1023px) {   /*       This turns off the right NAV bar at 1024        */
.navbar-header {
        float: none;
    }
.navbar-left,.navbar-right {
        float: none !important;
    }
.navbar-toggle {
        display: block;
    }
.navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
.navbar-collapse.collapse {
        display: none!important;
    }
.navbar-nav {
    float: none !important;
    margin-top: 7.5px;
    background-color: #f4f5f5;
    border: solid;
    border-width: thin;
}
.navbar-nav>li {
        float: none;
    }
.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
.collapse.in{
  		display:block !important;
	}	
.remove-icon-at-mobile {
	display: none
	}	
.show-me-only-at-tablet {
	visibility:visible
}
.voila-gone {
	visibility:visible
}
.remove-in-mobile {
	display: none
}
}


@media screen and (max-width: 1024px) { /*       This turns off the right NAV bar at 1024        */
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
        background-color: #f4f5f5;
        border: solid;
        border-width: thin;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .remove-icon-at-mobile {
        display: none
    }

    .show-me-only-at-tablet {
        visibility: visible
    }

    .voila-gone {
        visibility: visible
    }

    .remove-in-mobile {
        display: none
    }
}

/* desktop
------------------------------*/
@media screen and (min-width:1200px) {
.container {
	width: 96%
}
.fl-right-main-nav {
	float: right
}
.fl-right-footer {
	float: right
}
.add-h-and-f-room-for-vert-stack-md {
	margin-top: 10px;
	margin-bottom: 15px
}
.voila-gone {
		visibility: visible
}
.panel-body {
	padding: 15px;
}
.remove-in-mobile {
	display: block
}
.add-h-and-f-room-V-stack {
	margin-top: 0;
	margin-bottom: 0
}
.show-me-only-at-tablet {
	visibility: collapse
}
}

@media screen and (min-width: 1400px) {
.container {
	width: 1366px;
}
.fl-right-main-nav {
	float: right
}
.voila-gone {
	visibility: visible
}
.panel-body {
	padding: 15px;
}
.remove-in-mobile {
	display: block
}
.add-h-and-f-room-V-stack {
	margin-top: 0;
	margin-bottom: 0
}
.show-me-only-at-tablet {
	visibility: collapse
}
}

@media screen and (min-width: 1600px) {
.container {
	width: 1366px;
}
.fl-right-main-nav {
	float: right
}
.voila-gone {
	visibility: visible
}
.panel-body {
	padding: 15px;
}
.remove-in-mobile {
	display: block
}
.add-h-and-f-room-V-stack {
	margin-top: 0;
	margin-bottom: 0
}
.show-me-only-at-tablet {
	visibility: collapse
}
}

@media screen and (min-width: 1900px) {
.container {
	width: 1366px;
}
.fl-right-main-nav {
	float: right
}
.panel-body {
	padding: 15px;
}
.remove-in-mobile {
	display: block
}
.add-h-and-f-room-V-stack {
	margin-top: 0;
	margin-bottom: 0
}
.show-me-only-at-tablet {
	visibility: collapse
}
}
