/*************************
*
* Custom CafeWell.com Twitter Bootstrap CSS Document
* Used on the Bootstrap Template - MVP - Themed
* Global Header CSS
* Should ALWAYS load after bootstrap.css (Twitter Bootstrap default CSS file) AND cw_custom.css (main custom CafeWell CSS file)
*
* Key
*
* Navbar Global
* Brand
* Main Tabs
* Profile Nav Bar
* Non-logged-in
* Logged-in
* Registration
*
*************************/
/* Navbar Global */
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0; }
  .navbar .nav.pull-right {
    float: right;
    margin-right: 0; }
  .navbar .nav > li {
    float: left; }
    .navbar .nav > li > a {
      float: none;
      padding: 8px 15px;
      color: #777777;
      text-decoration: none; }
  .navbar .nav .dropdown-toggle .caret {
    margin-top: 8px; }
  .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background-color: transparent;
    color: #333333;
    text-decoration: none; }
  .navbar .nav > .active > a {
    color: #555555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); }
    .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
      color: #555555;
      text-decoration: none;
      background-color: #e5e5e5;
      -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
      -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); }
.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e5e5e5;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); }
  .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #e5e5e5;
    *background-color: #d9d9d9; }
  .navbar .btn-navbar:active, .navbar .btn-navbar.active {
    background-color: #cccccc \9; }
  .navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px; }

.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px; }
.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px; }

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto; }
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto; }

.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333; }
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle {
  background-color: #e5e5e5;
  color: #555555; }
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e5e5e5;
  color: #555555; }
.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555; }
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777; }
.navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555; }
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0; }
.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px; }
.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px; }
.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

/* Navbar Main */
.navbar-main {
  background-color: #FFF;
  /* Fallback */
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

/* Nav Notification */
.navbar.nav.nav-notifications {
  margin: 0; }

/* Nav Profile */
/* Nav Main */
.nav.nav-main li {
  font-size: 16px; }
  .nav.nav-main li a.selected {
    color: #0099cc; }

/* Search Bar */
.form-search-header {
  margin: 0; }

.form-search-header-input[type="text"], .form-search-header-input[class*="search"] {
  font-size: 16px;
  background: none;
  padding: 4px 0 0 10px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  float: left;
  display: inline-block;
  margin: 0;
  width: 70%;
  height: 40px !important; }

.form-search-header-button {
  border: none;
  background: none;
  float: right;
  display: inline-block;
  padding: 10px; }

/*************************
*
* Navbar Global
*
*************************/
.dropdown-toggle {
  background-color: transparent;
  margin: 0; }

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  box-shadow: none; }

/*************************
*
* Brand
*
*************************/
.brand-container {
  margin: 0; }
  .brand-container .brand {
    background: url("../assets/global_header/logo.png");
    background: none, url("../assets/global_header/logo.svg");
    background-repeat: no-repeat;
    display: block;
    height: 38px;
    width: 166px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }

/*************************
*
* Main Tabs
*
*************************/
/* Bound to JS class, shows drop-down menus */
.dropdown.hover .dropdown-menu {
  display: block; }

/* Bound to JS, hides button */
.js_shows_me {
  display: none; }

/*************************
*
* Profile Nav Bar
*
*************************/
.cw_hdr_profile_subnav {
  background: transparent url("../assets/global_header/cw-profile-bg.png") repeat-x left top;
  padding: 0;
  height: 39px; }

.cw_hdr_profile_subnav li {
  padding: 0; }

.cw_hdr_profile_subnav a:hover {
  text-decoration: none; }

.cw_hdr_profile_subnav .badge {
  position: absolute;
  top: 8px;
  padding: 0 2px;
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  border: 2px solid #fff;
  background-color: #0092DE; }

.cw_hdr_profile_subnav i {
  margin: 10px 12px 0 -12px;
  color: #72A843;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #C5DFA4; }

.cw_hdr_profile_subnav li.divider-vertical {
  padding: 0;
  margin: 0 8px 0 0;
  width: 2px;
  background: transparent url("../assets/global_header/cw-profile-divider.png") no-repeat 0 0;
  border: none; }

/* Dropdown Menu - Profile and Account */
.cw_hdr_profile_subnav li.profile_container ul.dropdown-menu {
  margin: 39px 0 0 0;
  width: 202px; }

.cw_hdr_profile_subnav li.profile_container ul.dropdown-menu li a {
  padding: 4px;
  font-size: 14px; }
  .cw_hdr_profile_subnav li.profile_container ul.dropdown-menu li a:hover, .cw_hdr_profile_subnav li.profile_container ul.dropdown-menu li a:active {
    background: transparent !important;
    background: -moz-linear-gradient(none);
    background: -ms-linear-gradient(none);
    background: -webkit-gradient(none);
    background: -webkit-linear-gradient(none);
    background: -o-linear-gradient(none);
    background: linear-gradient(none);
    filter: none; }

.cw_hdr_profile_subnav li.profile_container ul.dropdown-menu li a i {
  margin: 0;
  font-size: 14px;
  text-shadow: none; }

/* Rewards - Coin Counter */
.cw_top_hdr_rewards_container {
  background: transparent url("../assets/global_header/cw_coin_counter.png") no-repeat 4px; }

/*************************
*
* Non-logged-in
*
*************************/
.nav.cw_top_nav.not_logged-in {
  float: right;
  padding-right: 80px; }

.cw_top_nav li.drop_how_it_works {
  margin-top: 44px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }

.cw_top_nav li.drop_how_it_works a {
  margin: 0;
  text-align: center;
  color: #666666;
  font: normal 15px 'Open-sans', sans-serif;
  line-height: 24px;
  background: #D3D3D3;
  background: -moz-linear-gradient(white 30%, lightgrey 100%);
  background: -ms-linear-gradient(white 30%, lightgrey 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, white), color-stop(100%, lightgrey));
  background: -webkit-linear-gradient(top, white 30%, lightgrey 100%);
  background: -o-linear-gradient(top, white 30%, lightgrey 100%);
  background: linear-gradient(to bottom, white 30%, lightgrey 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D3D3D3', GradientType=0);
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }
  .ie9 .cw_top_nav li.drop_how_it_works a {
    filter: none; }

/*************************
*
* Login
*
*************************/
.cw_hdr_login_container {
  float: right;
  margin-top: 24px; }

.cw_hdr_login_container ul.nav li > a {
  color: #FFF;
  font-weight: 500;
  height: 20px;
  text-shadow: -1px -1px 2px rgba(144, 156, 114, 0.75);
  padding: 10px 14px; }

.cw_hdr_login_container ul.nav li > a:hover,
.cw_hdr_login_container ul.nav li.open > a {
  /* Theme - MVP */
  color: #FFF;
  font-weight: 500;
  text-shadow: 1px 1px 2px rgba(144, 156, 114, 0.75);
  background: transparent url("../assets/landing_page/cw_hdr_login_btn_bkgrnd.png") repeat-x left top;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }

.cw_hdr_login_container ul.nav li.divider-vertical {
  padding: 0;
  margin: 0;
  width: 2px;
  background: transparent url("../assets/global_header/cw-profile-divider.png") no-repeat 0 0;
  border: none; }

/* Login Dropdown Menu */
.dropdown-menu.cw_dropdown_login {
  margin: 0 10px 0 0;
  padding: 0;
  background: #f7f1e8 url("../assets/fieldset_pattern_bk.gif") left top;
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.cw_dropdown_login form {
  margin-bottom: 0; }

.cw_dropdown_login .control-group {
  background-color: #FFF;
  padding: 10px 10px 0 10px;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.cw_dropdown_login .control-group:first-child {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }

.cw_dropdown_login .control-group .controls a, .cw_dropdown_login .control-group .controls a:Hover {
  display: block;
  color: #0092DE;
  font-size: 12px;
  padding-bottom: 4px;
  text-shadow: none; }

.cw_dropdown_login .form-actions {
  padding: 10px;
  margin-bottom: 0;
  border-top: 2px solid #E9DED4;
  background-color: #F7F1E8;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px; }

.cw_dropdown_login .form-actions .checkbox {
  margin-top: 8px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px; }

/***********************
*
* Registration
*
***********************/
div.registration-profile-card ul {
  list-style: none;
  margin: 0; }

.modal_sign_up {
  width: 770px;
  left: 40%;
  border: 8px solid #BBB; }

.modal.modal_sign_up.fade.in {
  top: 340px; }

.modal-body {
  padding: 20px 20px 0 20px; }

.modal_sign_up .modal-footer {
  border-top: 2px solid #E9DED4;
  background-color: #F7F1E8;
  padding: 30px 60px 25px 60px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px; }

.modal_sign_up .modal-footer .pull-right {
  font-size: 16px;
  font-weight: 500; }

.modal_title_backdrop {
  padding: 15px 40px 10px 40px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: transparent;
  background: -moz-linear-gradient(top, #faf7f0 0%, #fefefa 50%);
  background: -ms-linear-gradient(top, #faf7f0 0%, #fefefa 50%);
  background: -webkit-gradient(linear, top left, top bottom, color-stop(0%, #faf7f0), color-stop(50%, #fefefa));
  background: -webkit-linear-gradient(top, #faf7f0 0%, #fefefa 50%);
  background: -o-linear-gradient(top, #faf7f0 0%, #fefefa 50%);
  background: linear-gradient(to bottom, #faf7f0 0%, #fefefa 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF7F0', endColorstr='#FEFEFA', GradientType=0); }

.modal_title_backdrop h4 {
  font-weight: 500; }

.modal_sign_up fieldset {
  padding: 38px 0;
  text-align: center; }

.modal_sign_up fieldset .btn {
  text-transform: none;
  padding: 8px 20px;
  font: 500 20px 'Open Sans', sans-serif;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.modal_sign_up fieldset .btn.btn-primary {
  border: 1px solid #179DE2; }

.modal_sign_up fieldset .btn.btn-primary img {
  width: auto;
  height: 18px;
  padding-bottom: 4px; }

.modal_sign_up fieldset .btn.btn-inverse {
  border: 1px solid #7C7C7C; }

.modal_sign_up fieldset span {
  margin: 0 14px;
  font-style: italic;
  font-size: 14px; }

.cw_login_popover_facebook_signin {
  text-align: center; }

.cw_login_popover_facebook_signin .btn img {
  width: auto;
  height: 10px;
  padding-bottom: 4px; }

.cw_login_popover_facebook_signin div {
  font-style: italic;
  margin-top: 10px; }

.cw_login_popover_facebook_signin div img {
  height: 1px;
  width: 100px; }