@charset "UTF-8";
body {
  color: #444;
  font-family: 'Open Sans', "Segoe UI", Candara, "Trebuchet MS", Verdana, sans-serif; }

.no-scroll {
  overflow: hidden; }

a:active, a:focus {
  outline: none; }

h1, h2.h1 {
  font-size: 20px;
  font-weight: normal;
  color: #444;
  line-height: 1.2;
  margin: 20px 0 10px;
  clear: both; }

h1 i, h2 i, h3 i, h4 i {
  color: #888;
  font-family: 'Montserrat', sans-serif;
  font-size: 90%;
  font-weight: 400; }

h2, .h2 {
  font-size: 18px;
  font-weight: normal;
  color: #444;
  line-height: 1.2;
  margin: 20px 0 10px;
  clear: both; }

span.h2 {
  font-size: 80%;
  margin: 0;
  color: #777; }
  span.h2 span {
    font-style: italic;
    font-size: 95%; }
    span.h2 span.title {
      font-size: 100%;
      font-style: normal; }

h3, .h3 {
  font-size: 20px;
  font-weight: normal;
  color: #444;
  line-height: 1.2;
  margin: 20px 0 10px;
  clear: both; }

a {
  color: #007ca5;
  text-decoration: none;
  outline: 0; }

.clear {
  clear: both; }

.small {
  font-size: 90%; }

.tally-wrapper {
  height: 28px;
  line-height: 28px;
  font-size: 12px; }
  .tally-wrapper:after {
    content: ' ';
    display: block;
    clear: both; }

/*!
 * Tab drop for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.nav-tabs,
.nav-pills {
  position: relative; }

@media (min-width: 480px) {
  h1, h2.h1 {
    font-size: 22px; }
  h2, .h2 {
    font-size: 20px; } }

@media (min-width: 768px) {
  h1, h2.h1 {
    font-size: 26px;
    margin: 0 0 10px; }
  h2, .h2 {
    font-size: 23px; } }

/* Adverts
-------------------------------------------------------------- */
.horizontal-ad, .vertical-ad {
  display: none; }

@media (min-width: 992px) {
  .horizontal-ad {
    display: block;
    position: relative;
    margin-bottom: 10px; }
    .horizontal-ad .join-premium {
      background: #eee;
      padding: 6px 0 14px 20px;
      position: absolute;
      right: 0;
      top: 0;
      height: 70px;
      width: 195px; }
      .horizontal-ad .join-premium p {
        font-size: 18px;
        font-family: 'Montserrat', sans-serif;
        color: #000;
        padding-bottom: 3px; }
  .vertical-ad {
    display: block;
    margin: 0 25px; } }

.form-control {
  font-size: 15px; }

#signin-modal h3 {
  margin: 5px 0 20px 0; }

#signin-modal .btn {
  width: 155px;
  display: block;
  margin: 20px auto; }

#new-user {
  background: #EDF7F9 url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/seo-paper-corner.png) no-repeat top left;
  margin: 0 0 25px;
  overflow: hidden;
  padding: 20px 20px 20px 30px;
  position: relative;
  border-right: 1px solid #DAEBEF;
  border-bottom: 1px solid #DAEBEF; }
  #new-user h1 {
    display: inline-block;
    font-size: 14px;
    font-weight: bold; }
  #new-user .btn-signup {
    display: block; }
    #new-user .btn-signup a {
      margin: 5px auto;
      display: block;
      text-transform: uppercase;
      height: 48px;
      line-height: 46px;
      font-size: 12px;
      text-decoration: none;
      font-weight: bold;
      width: 232px;
      background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/btn-join-now.png) left no-repeat;
      color: #fff;
      text-shadow: 0.03em 0.03em 0.03em #444;
      text-align: center; }

#close-seo-message {
  float: right;
  margin: 0 0 10px 10px;
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-help-close.png") top;
  height: 13px;
  width: 13px;
  text-indent: -9999px; }

.delete, .edit, .is-personal {
  height: 12px;
  width: 12px;
  border: none;
  cursor: pointer;
  position: relative;
  top: 2px;
  text-indent: -9999px;
  display: inline-block; }

.delete {
  background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-cancel-3up.png) no-repeat center; }

.edit {
  background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-edit-3up.png) no-repeat center; }

.is-personal {
  background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-private.png) no-repeat center;
  display: inline-block; }

.delete-note, .edit-note {
  margin-left: 3px;
  display: inline-block;
  text-indent: -9999px; }

.delete:hover, .edit:hover {
  background-position: top; }

center .edit-note {
  float: none; }

.ie6-upgradebar {
  display: none; }

.list.members .col-sm-6 div {
  margin-bottom: 10px; }

.notification {
  padding: 5px 10px;
  margin: 0 -15px 10px;
  text-align: center;
  background: #fffef1;
  color: #555;
  border-top: 1px #fffabb solid;
  border-bottom: 1px #fffabb solid; }

@media (min-width: 420px) {
  .notification {
    margin: 10px 0 10px; } }

@media (min-width: 768px) {
  .notification {
    margin: 0 0 10px; } }

.btn-plain {
  border: 0;
  outline: none;
  background: transparent;
  color: #007ca5;
  margin: 0 !important;
  padding: 0; }
  .btn-plain:focus {
    border: 0; }

@media print {
  a[href]:after {
    content: none !important; } }

.header {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  border-bottom: 1px solid #78C050; }
  .header .row {
    position: relative; }
  .header .login {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    font-size: 16px;
    padding: 10px 0;
    color: #FFF;
    background: #76c14f;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500; }
    .header .login .arrow-button {
      margin-left: 15px;
      font-weight: normal; }
  .header .home {
    height: 180px;
    width: 152px;
    margin: 0 auto;
    font-size: 0;
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/EYB_Homepage_Logo.jpg") no-repeat 0 75px; }
    .header .home a {
      height: 180px;
      width: 152px; }

@media (min-width: 768px) {
  .header .home {
    float: left;
    height: 120px;
    margin: 0 auto 0 0;
    background-position: 0 20px; }
  .header .login {
    left: inherit;
    color: #444;
    background: none;
    right: 25px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.18em; }
    .header .login .arrow-button {
      margin-left: 10px; }
  .header.navbar {
    height: 120px; } }

body, html {
  height: 100%;
  position: relative; }

#header-alt {
  height: 115px;
  padding-top: 15px;
  text-align: center;
  border-bottom: 1px solid #d4e1e9; }
  #header-alt h1 {
    margin: 0; }
    #header-alt h1 a {
      background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/EYB_Homepage_Logo.jpg") no-repeat;
      width: 153px;
      height: 82px;
      text-indent: -9999px;
      display: block;
      margin: 0 auto; }

@media (min-width: 480px) {
  #header-alt {
    height: 160px;
    padding-top: 30px; }
    #header-alt h1 a {
      background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/eyb-logo-transparent-200.png) no-repeat;
      width: 200px;
      height: 100px; } }

.header {
  margin: 0 -15px; }
  .header.navbar {
    height: 55px; }
    .header.navbar .container {
      position: relative; }

@media (min-width: 768px) {
  .header {
    margin: 0; }
    .header.navbar {
      height: 70px; }
    .header .dropdown:hover .dropdown-menu {
      display: block; }
    .header .dropdown.user-navigation .dropdown-menu::before {
      content: ' ';
      width: 100%;
      height: 4px;
      position: absolute;
      top: -4px; } }

.navbar-header {
  min-width: 320px; }
  .navbar-header button.navbar-toggle {
    margin: 0;
    margin-top: 0;
    padding: 12px;
    border-radius: 0; }
  .navbar-header > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .navbar-header > ul > li {
      border: 0;
      float: left; }
      .navbar-header > ul > li.selected {
        background-color: #78C050; }
      .navbar-header > ul > li > a {
        display: block;
        height: 55px;
        width: 52px;
        font-weight: 500;
        color: #888;
        text-align: center;
        text-decoration: none;
        position: relative; }
        .navbar-header > ul > li > a span {
          font-size: 11px;
          text-align: center;
          display: block;
          position: absolute;
          bottom: 9px;
          width: 100%;
          line-height: 12px; }
      .navbar-header > ul > li.home {
        width: 88px;
        height: 55px;
        background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/eyb-mobile-logo.png") no-repeat center center;
        background-size: 76px 41px; }
        .navbar-header > ul > li.home a {
          width: 88px;
          height: 55px;
          font-size: 0;
          background-image: none; }
      .navbar-header > ul > li.my-home > a {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/small-menu-home-icon-inactive.png") no-repeat center 15px; }
      .navbar-header > ul > li.my-home.selected > a {
        background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/small-menu-home-icon-active.png"); }
      .navbar-header > ul > li.my-bookshelf > a {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/small-menu-mybookshelf-icon-inactive.png") no-repeat center 15px;
        width: 80px; }
      .navbar-header > ul > li.my-bookshelf.selected > a {
        background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/small-menu-mybookshelf-icon-active.png"); }
      .navbar-header > ul > li.library > a {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/small-menu-library-icon-inactive.png") no-repeat center 15px; }
      .navbar-header > ul > li.library.selected > a {
        background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/small-menu-library-icon-active.png"); }
      .navbar-header > ul > li.selected > a {
        color: #fff; }
  .navbar-header .dropdown-menu {
    border-radius: 0;
    border-color: #DDD;
    padding: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
    width: 161px;
    margin-left: -55px;
    margin-top: -3px; }
    .navbar-header .dropdown-menu li {
      border-bottom: 1px solid #DDD; }
      .navbar-header .dropdown-menu li a {
        display: block;
        text-align: center;
        padding: 8px 20px; }
      .navbar-header .dropdown-menu li:first-child::before {
        content: 'blah';
        font-size: 0;
        float: left;
        left: 71px;
        position: relative;
        margin-top: -8px;
        width: 19px;
        height: 8px;
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/dropdown-nav-tip.png") no-repeat; }
      .navbar-header .dropdown-menu li:last-child {
        border: 0; }

/* @media only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) {
    .navbar-header {
        > ul {
            > li {
                &.home {
                    background-size: 153px 82px;
                }
            }
        }
    }
}
 */
@media (min-width: 768px) {
  .navbar-header > ul > li > a {
    height: 70px;
    width: 80px; }
    .navbar-header > ul > li > a span {
      font-size: 13px;
      text-align: center;
      display: block;
      position: absolute;
      bottom: 11px;
      width: 100%;
      line-height: 20px; }
  .navbar-header > ul > li.home {
    width: 100px;
    height: 70px;
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/eyb-logo-transparent-200.png") no-repeat 0 center;
    background-size: contain;
    margin-right: 5px; }
    .navbar-header > ul > li.home a {
      width: 140px;
      height: 70px; }
  .navbar-header > ul > li.my-home > a {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/menu-home-icon-inactive.png") no-repeat center 15px; }
  .navbar-header > ul > li.my-home.selected > a {
    background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/menu-home-icon-active.png"); }
  .navbar-header > ul > li.my-bookshelf > a {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/menu-mybookshelf-icon-inactive.png") no-repeat center 15px;
    width: 100px; }
  .navbar-header > ul > li.my-bookshelf.selected > a {
    background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/menu-mybookshelf-icon-active.png"); }
  .navbar-header > ul > li.library > a {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/menu-library-icon-inactive.png") no-repeat center 15px; }
  .navbar-header > ul > li.library.selected > a {
    background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/menu-library-icon-active.png"); }
  .navbar-header .dropdown-menu {
    border-radius: 0;
    border-color: #DDD;
    padding: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
    width: 161px;
    margin-left: -40px;
    margin-top: -2px; }
    .navbar-header .dropdown-menu li {
      border-bottom: 1px solid #DDD; }
      .navbar-header .dropdown-menu li a {
        display: block;
        text-align: center;
        padding: 5px 20px; }
      .navbar-header .dropdown-menu li:first-child::before {
        content: 'blah';
        font-size: 0;
        float: left;
        left: 71px;
        position: relative;
        margin-top: -8px;
        width: 19px;
        height: 8px;
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/dropdown-nav-tip.png") no-repeat; }
      .navbar-header .dropdown-menu li:last-child {
        border: 0; }
  .navbar-header .my-bookshelf .dropdown-menu {
    margin-left: -35px; } }

.navbar-collapse.aux-nav {
  max-height: 100vh;
  background-color: #FFF; }
  .navbar-collapse.aux-nav .navbar-right {
    margin-right: 0; }
  .navbar-collapse.aux-nav li {
    color: #b7b7b7;
    white-space: nowrap; }
    .navbar-collapse.aux-nav li a, .navbar-collapse.aux-nav li span {
      color: #555;
      padding: 10px 25px; }

@media (min-width: 768px) {
  .navbar-collapse.aux-nav {
    position: absolute;
    right: 15px;
    top: 45px;
    font-size: 90%;
    background-color: transparent; }
    .navbar-collapse.aux-nav ul li > a {
      margin: 0;
      padding: 0;
      margin-left: 6px;
      padding-right: 6px;
      color: #555;
      display: inline-block; }
    .navbar-collapse.aux-nav ul li:before {
      content: '|'; }
    .navbar-collapse.aux-nav ul li:first-child:before {
      content: none; } }

@media (max-width: 767px) {
  .navbar-toggle {
    margin-bottom: 0;
    height: 54px;
    background-color: #555; }
    .navbar-toggle .icon-bar {
      background-color: #AAA; }
  .ticker-tape, .user-nav {
    display: none; }
  .navbar-collapse.aux-nav {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 54px;
    max-height: calc(100vh - 55px);
    width: 220px;
    border: none;
    border-radius: 0;
    -moz-box-shadow: -1px 4px 12px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: -1px 4px 12px rgba(0, 0, 0, 0.07);
    box-shadow: -1px 4px 12px rgba(0, 0, 0, 0.07);
    background-color: #555; }
    .navbar-collapse.aux-nav li {
      white-space: nowrap;
      text-align: right; }
      .navbar-collapse.aux-nav li:hover, .navbar-collapse.aux-nav li:active, .navbar-collapse.aux-nav li:focus {
        background-color: #444; }
      .navbar-collapse.aux-nav li a, .navbar-collapse.aux-nav li span {
        color: #e6e6e6;
        padding: 9px 0;
        margin-right: 25px; }
        .navbar-collapse.aux-nav li a:hover, .navbar-collapse.aux-nav li a:active, .navbar-collapse.aux-nav li a:focus, .navbar-collapse.aux-nav li span:hover, .navbar-collapse.aux-nav li span:active, .navbar-collapse.aux-nav li span:focus {
          color: #eee;
          background-color: #444; }
      .navbar-collapse.aux-nav li.username {
        text-align: center;
        font-weight: 600;
        font-size: 16px;
        line-height: 36px;
        color: #FFF; }
        .navbar-collapse.aux-nav li.username:hover, .navbar-collapse.aux-nav li.username:active, .navbar-collapse.aux-nav li.username:focus {
          background-color: #555; }
        .navbar-collapse.aux-nav li.username span {
          color: #FFF; }
          .navbar-collapse.aux-nav li.username span:hover, .navbar-collapse.aux-nav li.username span:active, .navbar-collapse.aux-nav li.username span:focus {
            color: #FFF;
            background-color: #555; }
      .navbar-collapse.aux-nav li.my-home, .navbar-collapse.aux-nav li.profile, .navbar-collapse.aux-nav li.account, .navbar-collapse.aux-nav li.signout {
        font-weight: 500; }
        .navbar-collapse.aux-nav li.my-home a, .navbar-collapse.aux-nav li.my-home span, .navbar-collapse.aux-nav li.profile a, .navbar-collapse.aux-nav li.profile span, .navbar-collapse.aux-nav li.account a, .navbar-collapse.aux-nav li.account span, .navbar-collapse.aux-nav li.signout a, .navbar-collapse.aux-nav li.signout span {
          padding: 9px 30px 9px 0;
          margin-right: 20px;
          color: #fff; }
      .navbar-collapse.aux-nav li.my-home a, .navbar-collapse.aux-nav li.my-home span {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/user-menu-home-icon.png") no-repeat right center; }
      .navbar-collapse.aux-nav li.profile a, .navbar-collapse.aux-nav li.profile span {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/user-menu-profile-icon.png") no-repeat right center; }
      .navbar-collapse.aux-nav li.account a, .navbar-collapse.aux-nav li.account span {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/user-menu-account-icon.png") no-repeat right center; }
      .navbar-collapse.aux-nav li.signout a, .navbar-collapse.aux-nav li.signout span {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/user-menu-signout-icon.png") no-repeat right center; } }

@media (min-width: 768px) {
  .user-nav, .ticker-tape {
    overflow: visible;
    margin-right: 5px;
    text-align: right;
    height: 40px;
    z-index: 3; }
    .user-nav button, .ticker-tape button {
      border-top: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      color: #444;
      font-weight: 400;
      background-color: #fcfcfc;
      padding: 3px 12px 6px;
      margin-left: 10px; }
      .user-nav button.btn, .ticker-tape button.btn {
        height: inherit;
        line-height: inherit; }
        .user-nav button.btn:hover, .user-nav button.btn:active, .user-nav button.btn:focus, .ticker-tape button.btn:hover, .ticker-tape button.btn:active, .ticker-tape button.btn:focus {
          background-color: transparent;
          outline: none;
          box-shadow: none; }
      .user-nav button .caret, .ticker-tape button .caret {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/user-account-dropdown.png") no-repeat center top;
        width: 12px;
        height: 7px;
        border: none; }
  .ticker-tape {
    margin: 5px -15px 0 0; }
    .ticker-tape .btn-signup-header {
      background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/btn-signup-header.png") repeat scroll 0 0 transparent;
      display: inline-block;
      height: 28px;
      line-height: 28px;
      vertical-align: middle;
      width: 147px;
      text-align: center;
      font-family: 'Montserrat', sans-serif;
      font-style: italic;
      color: #222;
      font-size: 14px; } }

.view-port {
  padding-top: 55px; }

#content {
  min-height: calc(100vh - 340px); }

@media (min-width: 768px) {
  .view-port {
    padding-top: 95px; }
  #content {
    min-height: calc(100vh - 410px); } }

.breadcrumb {
  display: none;
  background-color: transparent;
  padding: 0;
  margin: 15px 0; }
  .breadcrumb li {
    font-size: 12px;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .breadcrumb > li + li:before {
    font-size: 14px;
    content: '\00BB';
    color: #333333; }

@media (min-width: 480px) {
  .breadcrumb li {
    max-width: 440px; } }

@media (min-width: 768px) {
  .breadcrumb {
    display: none; }
    .breadcrumb li {
      max-width: 728px; } }

@media (min-width: 992px) {
  .breadcrumb li {
    max-width: 952px; } }

button {
  border: none; }

.arrow-button {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 6px;
  display: inline-block;
  height: 40px;
  padding: 0 12px 0 18px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2em;
  background-color: #cc6633;
  border: 1px solid #da9876; }
  .arrow-button:link, .arrow-button:hover, .arrow-button:visited, .arrow-button:active {
    color: #FFF;
    text-decoration: none; }
  .arrow-button span {
    display: inline-block;
    line-height: 38px; }
    .arrow-button span:after {
      content: ' ';
      display: inline-block;
      width: 22px;
      height: 14px;
      background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/button-arrow-sml.png") no-repeat center 4px; }
  .arrow-button.large span:after {
    width: 30px;
    height: 16px;
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/button-arrow-lrg.png") no-repeat right 3px; }
  .arrow-button.blue {
    background-color: #2090ca;
    border-color: #0099C5; }

.btn {
  color: #555;
  background-color: #c4dfe5;
  border: 1px solid  #b4ced4;
  font-family: "Segoe UI", Candara, "Trebuchet MS", Verdana, sans-serif;
  box-shadow: none;
  letter-spacing: 0.05em;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  font-size: 13px; }
  .btn:hover {
    box-shadow: none; }
  .btn:active, .btn:focus {
    outline: none; }
  .btn.print-list {
    margin-right: 10px; }
  .btn.index {
    height: 26px;
    line-height: 22px;
    font-size: 12px;
    margin-top: -5px;
    background-color: #e6e6e6;
    border-color: #ddd; }
    .btn.index:focus {
      border-color: #0099C5; }

.actions .btn.btnshelf, .bookshelf-status .btn.btnshelf {
  border: none;
  color: #FFF;
  padding-left: 28px;
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/bookshelf-button-icon-inactive.png") no-repeat 10px center #48aadb; }

.actions .btn.btnonshelf, .actions .btn.btnremove, .bookshelf-status .btn.btnonshelf, .bookshelf-status .btn.btnremove {
  border: none;
  padding-left: 28px;
  color: #555;
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/bookshelf-button-icon-active.png") no-repeat 10px center #f6f6f6;
  border-color: #eee; }
  .actions .btn.btnonshelf:disabled, .actions .btn.btnremove:disabled, .bookshelf-status .btn.btnonshelf:disabled, .bookshelf-status .btn.btnremove:disabled {
    opacity: 1;
    filter: alpha(opacity=1);
    cursor: default; }
  .actions .btn.btnonshelf:not(.btnremove), .actions .btn.btnremove:not(.btnremove), .bookshelf-status .btn.btnonshelf:not(.btnremove), .bookshelf-status .btn.btnremove:not(.btnremove) {
    display: inline;
    margin: 0;
    padding: 0 0 0 16px;
    height: 19px;
    line-height: 19px;
    vertical-align: baseline;
    background-color: transparent;
    background-position: left 5px; }

.actions .btn.btnbuy, .actions .btn.btnshoppinglist, .bookshelf-status .btn.btnbuy, .bookshelf-status .btn.btnshoppinglist {
  color: #333;
  background-color: #c4dfe5;
  border: 1px solid  #b4ced4; }

.bookshelf-status .btn.btnshelf {
  border: none;
  color: #FFF;
  padding: 0 15px 0 26px;
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/bookshelf-button-icon-inactive.png") no-repeat 9px center #48aadb;
  font-weight: 500;
  font-size: 13px;
  height: 28px;
  line-height: 28px; }

.bookshelf-status .btn.btnremove {
  height: 28px;
  line-height: 28px; }

.btn.btn-digital-book {
  border: none;
  color: #FFF;
  background-color: #cc6633;
  padding: 0 15px 0 15px;
  font-weight: 500;
  font-size: 13px;
  height: 28px;
  line-height: 28px; }
  .btn.btn-digital-book.preview {
    font-size: 12px;
    display: block;
    padding: 0 10px;
    width: 130px;
    display: block;
    margin-left: 8px;
    margin: 3px auto;
    padding: 0;
    width: auto;
    max-width: 140px; }
  .btn.btn-digital-book.recipe {
    margin: 3px auto;
    padding: 0;
    width: auto;
    max-width: 140px; }

@media (max-width: 768px) {
  .btn.btn-digital-book.recipe {
    /*font-size: 12px;
                display: block;
                padding: 0 5px;
                width: 130px;
                display: block;
                margin-left: 8px;*/ } }

.actions {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  clear: both; }
  .actions li {
    float: left;
    color: #555;
    padding: 5px 0 0;
    margin-right: 10px; }
    .actions li.digital-book {
      float: right;
      margin-right: 0;
      margin-left: 5px; }
  .actions:after {
    display: block;
    clear: both;
    content: ' '; }
  .actions .btn {
    height: 32px;
    line-height: 32px; }
  .actions .online-recipe {
    width: 200px;
    height: 30px;
    line-height: 26px;
    margin-left: 10px; }
    .actions .online-recipe a.source {
      color: #888;
      font-size: 11px;
      position: relative;
      top: -5px; }

.external-link {
  background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-external-link.png) no-repeat right;
  padding-right: 14px; }

/* Help Tips
-------------------------------------------------------------- */
#myhome .help-tip {
  width: 700px; }

.help-tip {
  border: 1px solid #efdbae;
  margin-bottom: 20px;
  background-color: #1a82f7;
  background: #fffcda;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.help-tip > div {
  border-bottom: 1px solid #fff;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.help-tip .info-icon {
  background: #fcf8c5;
  width: 100px;
  float: left; }

.help-tip #close-help, .help-tip #close-last {
  float: right;
  margin: 0 0 10px 10px;
  background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-help-close.png) top;
  height: 13px;
  width: 13px;
  text-indent: -9999px; }

.help-tip #close-last {
  margin-top: 3px; }

.help-tip #close-help:hover, .help-tip #close-last:hover {
  background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-help-close.png) bottom;
  cursor: pointer; }

.help-tip #content-wrapper {
  margin: 10px 10px 10px 15px; }

.help-tip #content-closed, .help-tip #all-closed {
  margin: 0px auto; }

.help-tip h1 {
  color: #8E7847;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0; }

.help-tip #close-all, .help-tip #dont-close {
  cursor: pointer;
  background: #faf6d0;
  border: 1px solid #EFDBAE;
  border-radius: 4px 4px 4px 4px;
  color: #555;
  cursor: pointer;
  margin-left: 5px;
  padding: 2px 10px 4px;
  text-decoration: none; }

.help-tip #close-all:hover, .help-tip #dont-close:hover {
  background: #f5f1c5; }

.help-tip p {
  padding: 5px 25px 5px 0;
  margin: 0 !important; }

#help-tip-toggle {
  display: none;
  color: #999;
  font-size: 15px;
  position: relative;
  top: -3px; }

#help-tip-toggle:hover {
  color: #555;
  cursor: pointer;
  text-decoration: none; }

.help-tip .video-help {
  padding-right: 20px;
  background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-video.png) no-repeat 61px -30px; }

.help-tip .video-help:hover {
  background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-video.png) no-repeat 61px -4px; }

.bookmark-folder {
  border-bottom: 1px solid #eee; }
  .bookmark-folder h4 {
    padding-left: 40px;
    overflow: visible;
    cursor: pointer;
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-folder-closed.png") no-repeat 10px center;
    margin-right: 50px;
    color: #555;
    font-weight: 700;
    height: 39px;
    line-height: 40px;
    padding-left: 35px;
    margin-bottom: 0;
    font-size: 13px; }
    .bookmark-folder h4:hover {
      background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-folder-open.png"); }
    .bookmark-folder h4 .edit {
      top: 14px;
      margin-left: 5px; }
    .bookmark-folder h4 span.editable {
      display: inline-block;
      padding: 3px 7px;
      margin: 2px 0;
      line-height: 16px; }
      .bookmark-folder h4 span.editable:focus {
        outline: 1px solid #ddd; }
  .bookmark-folder ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0; }
  .bookmark-folder.open h4, .bookmark-folder:hover h4 {
    background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-folder-open.png"); }
  .bookmark-folder .delete {
    float: right;
    margin: 10px 0 0 0;
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-cancel-3up.png") no-repeat center;
    height: 12px;
    width: 12px;
    border: 0;
    cursor: pointer;
    position: relative;
    top: 2px;
    text-indent: -9999px; }
  .bookmark-folder .item {
    padding: 6px 0;
    margin-left: 10px;
    margin: 0;
    clear: both; }
    .bookmark-folder .item:not(:first-child) {
      border-top: 1px dotted #e6e6e6; }
    .bookmark-folder .item .delete {
      margin: 3px 0 0 0; }
    .bookmark-folder .item > div {
      margin-right: 20px; }
      .bookmark-folder .item > div > a {
        color: #555;
        font-size: 90%; }
      .bookmark-folder .item > div b a {
        font-weight: 400;
        color: #007CA5; }

@media (min-width: 768px) {
  .bookmark-folder .item {
    margin-left: 35px; } }

#add-bookmark-dialog span {
  margin: 20px 0;
  width: 260px;
  display: block; }

#add-bookmark-dialog #save-bookmark {
  position: absolute;
  right: 18px;
  top: 67px; }

#add-bookmark-dialog #bookmarklistname {
  width: 140px; }

#add-bookmark-dialog label.error {
  display: block;
  text-align: center;
  margin-top: 10px; }

.shopping-list ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.shopping-list .recipes {
  border-bottom: 1px #ddd solid; }

.shopping-list .recipes li {
  border-top: 1px #ddd solid;
  border-bottom: 3px #f6f6f6 solid;
  padding: 10px; }

.shopping-list .recipes li form {
  float: right; }

.shopping-list .delete {
  background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-cancel-3up.png") no-repeat center;
  height: 12px;
  width: 12px;
  border: 0;
  cursor: pointer;
  position: relative;
  top: 2px;
  text-indent: -9999px; }

.shopping-list .groups {
  margin: 0 0 30px 0;
  border-bottom: 1px #ddd solid; }
  .shopping-list .groups h3 {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: 500; }
  .shopping-list .groups li {
    margin: 0;
    border-top: 1px #ddd solid;
    border-bottom: 3px #f6f6f6 solid;
    padding: 15px 10px; }
    .shopping-list .groups li:after {
      content: ' ';
      display: block;
      clear: both; }

.shopping-list .ingredients {
  margin: 0; }

.shopping-list .ingredients li {
  border: 0 none;
  /*         float: left; */
  list-style: none outside none;
  /*         margin: 2px 60px 2px 0;
        padding: 2px 20px 2px 0;
        width: 40%; */ }

.shopping-list .checkbox {
  border: 1px solid #999;
  display: inline-block;
  height: 12px;
  margin: 0 5px 0 0;
  position: relative;
  top: 2px;
  width: 12px; }

#member-benefits table {
  border-collapse: collapse;
  color: #333;
  margin-top: 20px;
  overflow: auto; }

#member-benefits th {
  padding: 15px;
  color: white;
  background-color: #565656; }

#member-benefits td {
  white-space: nowrap;
  padding: 15px;
  border: 1px #e0e0e0 solid;
  text-align: center;
  color: #555; }
  #member-benefits td:nth-of-type(1) {
    text-align: left; }

#member-benefits tr.group td {
  background-color: #ededed;
  border-top: 1px #c7c7c7 solid;
  border-bottom: 1px #c7c7c7 solid;
  font-weight: bold;
  text-align: left; }

#member-benefits .table-wrapper {
  overflow: auto; }

.form-control {
  font-size: 16px; }

.form {
  position: relative; }
  .form #header-alt {
    z-index: 10;
    position: relative; }
  .form h3 {
    margin-top: 30px; }
  .form .form-box h2 {
    font-weight: bold;
    margin: 0 60px 30px;
    text-align: center;
    color: #666;
    font-size: 28px; }
  .form .form-box .form-group:not(:last-child) {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 15px; }
  .form .form-box .form-group.checkbox-group input {
    float: left;
    display: table-cell;
    width: 20px; }
  .form .form-box .form-group.checkbox-group label {
    display: table-cell;
    padding: 0 20px;
    cursor: pointer; }
    .form .form-box .form-group.checkbox-group label h3 {
      font-size: 20px;
      font-weight: normal;
      color: #444;
      line-height: 1.2;
      clear: both;
      margin-bottom: 5px; }
  .form .form-box .control-label {
    text-align: left;
    margin-bottom: 0;
    font-weight: normal; }
  .form .form-box .buttons .signin {
    float: right;
    background-color: #007ca5;
    border-color: #0099C5; }
  .form .form-box .buttons:after {
    content: '';
    clear: both;
    display: block; }
  .form .form-box .hint {
    font-size: 12px;
    font-style: italic; }
  .form .signup {
    margin-top: 20px;
    text-align: center; }
  .form .complete {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px; }
    .form .complete > div {
      font-weight: bold; }
    .form .complete .create-account {
      margin-bottom: 20px;
      background-color: #007ca5;
      border-color: #0099C5; }
  .form h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0; }
  .form .field-validation-error, .form .validation-summary-errors li {
    display: block;
    margin: 2px 0 5px 0;
    color: #E32323; }
  .form .validation-summary-errors ul {
    padding: 0;
    margin: 0; }
  .form .field-validation-valid {
    display: none; }

.simple-form {
  position: relative; }
  .simple-form #header-alt {
    z-index: 10;
    position: relative; }
  .simple-form.medium .container {
    max-width: 590px; }
  .simple-form .container {
    position: relative;
    z-index: 20;
    max-width: 480px;
    padding: 0; }
    .simple-form .container .form-box {
      padding: 15px;
      padding-bottom: 20px;
      background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/EYB_Homepage_WebTexture.jpg"); }
      .simple-form .container .form-box h2 {
        font-weight: bold;
        margin: 0 60px 30px;
        text-align: center;
        color: #666;
        font-size: 28px; }
      .simple-form .container .form-box .form-group {
        margin-bottom: 0; }
      .simple-form .container .form-box .control-label {
        text-align: left;
        margin-bottom: 0;
        font-weight: normal; }
      .simple-form .container .form-box .buttons .signin {
        float: right;
        background-color: #007ca5;
        border-color: #0099C5; }
      .simple-form .container .form-box .buttons:after {
        content: '';
        clear: both;
        display: block; }
      .simple-form .container .form-box .hint {
        font-size: 12px;
        font-style: italic; }
    .simple-form .container .signup {
      margin-top: 20px;
      text-align: center; }
    .simple-form .container .complete {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px; }
      .simple-form .container .complete > div {
        font-weight: bold; }
      .simple-form .container .complete .create-account {
        margin-bottom: 20px;
        background-color: #007ca5;
        border-color: #0099C5; }
    .simple-form .container h3 {
      font-size: 16px;
      margin-top: 0;
      margin-bottom: 15px; }
  .simple-form .field-validation-error, .simple-form .validation-summary-errors li {
    display: block;
    margin: 2px 0 10px 0;
    color: #E32323; }
    .simple-form .field-validation-error .btn-plain, .simple-form .validation-summary-errors li .btn-plain {
      background-color: transparent;
      margin: 0;
      padding: 0;
      color: #007ca5;
      text-decoration: underline; }
  .simple-form .validation-summary-errors ul {
    padding: 0;
    margin: 0; }
  .simple-form .field-validation-valid {
    display: none; }

@media (min-width: 480px) {
  .form-control {
    font-size: 14px; }
  .form .container .form-box {
    margin-top: 0; }
    .form .container .form-box .form-group {
      margin-bottom: 15px; }
  .simple-form.medium .container {
    margin-top: 0; }
  .simple-form .container {
    margin-top: 50px; }
    .simple-form .container .form-box {
      margin-top: 0; }
      .simple-form .container .form-box .form-group {
        margin-bottom: 15px; } }

@media (min-width: 610px) {
  .form {
    /*&.medium {

            .container {
                //margin-top: 30px;
            }
        }*/ }
    .form .container {
      margin-top: 25px; }
      .form .container .form-box {
        margin-top: 0; }
        .form .container .form-box .form-group {
          margin-bottom: 15px; }
  .simple-form.medium .container {
    margin-top: 30px; }
  .simple-form .container {
    margin-top: 50px; }
    .simple-form .container .form-box {
      padding: 30px 30px 20px 30px;
      margin-top: 0; }
      .simple-form .container .form-box .form-group {
        margin-bottom: 15px; } }

@media (min-width: 768px) {
  .form .container .form-box .form-horizontal .control-label {
    padding-top: 7px; }
  .simple-form .container .form-box .form-horizontal .control-label {
    padding-top: 7px; } }

.footer {
  font-size: 13px;
  border-top: 1px solid #cccccc;
  margin: 60px auto 0;
  clear: both;
  padding-top: 1px;
  background-color: #f6f6f6;
  padding-bottom: 40px; }
  .footer:after {
    content: ' ';
    display: block;
    clear: both; }
  .footer .container {
    position: relative;
    padding-top: 20px;
    overflow: hidden; }
  .footer .links {
    padding-left: 0; }
    .footer .links h5 {
      font-size: 90%;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-family: 'Montserrat', sans-serif;
      margin: 8px 0 15px 0;
      font-weight: normal; }
    .footer .links li {
      white-space: nowrap; }
  .footer ul {
    margin: 0;
    padding: 0; }
  .footer li {
    list-style: none;
    font-size: 90%; }
  .footer li a:hover {
    border: 0 none; }
  .footer p {
    margin: 10px;
    color: #888;
    padding: 0;
    clear: both;
    float: left; }
  .footer .social {
    height: 190px; }
  .footer .social .latest-tweet {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px 15px 15px 10px; }
  .footer .social .latest-tweet li {
    font-family: 'Montserrat', sans-serif;
    font-size: 105%;
    font-style: italic;
    line-height: 1.3 !important; }
  .footer .social .latest-tweet li {
    border-bottom: 0 !important;
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-latest-twitter.png") no-repeat left center;
    padding-left: 40px; }
  .footer .social .latest-tweet li .timeago {
    clear: both;
    display: block;
    color: #888 !important;
    font-family: Arial;
    font-size: 75%;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 10px; }
  .footer .social .social-links {
    margin: 10px 0;
    float: right;
    width: 500px; }
  .footer .social .social-links li a {
    float: right;
    margin: 0 0 10px 8px;
    width: 16px;
    height: 16px; }
  .footer .social .social-links li a {
    display: inline-block;
    text-indent: -9999px; }
  .footer .social li.newsletter {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-tiny-email.png") no-repeat left top;
    padding-left: 20px;
    text-align: right;
    float: right;
    margin: 0 41px 0 10px;
    color: #666; }
  .footer .social li.newsletter a {
    text-indent: 0;
    margin-left: 3px; }
  .footer .social li.facebook a {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-tiny-facebook.png") no-repeat left center; }
  .footer .social li.twitter a {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-tiny-twitter.png") no-repeat left center; }
  .footer .social li.pinterest a {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-tiny-pinterest.png") no-repeat left center; }
  .footer .twtr-hd, .footer .twtr-ft {
    display: none; }
  .footer .social .more-links {
    margin: 0;
    float: right; }
  .footer .social .more-links li {
    float: left;
    margin-left: 10px;
    color: #ccc; }
  .footer .social .more-links li a {
    margin-left: 10px;
    color: #666;
    font-size: 95%; }

.sign-up {
  margin-bottom: 10px; }
  .sign-up .header {
    position: absolute;
    left: 50%;
    margin-left: -50%;
    border: none;
    color: #fff;
    text-align: center;
    z-index: 101;
    margin-top: 18px;
    width: 320px;
    text-transform: uppercase;
    font-size: 36px;
    background-color: transparent; }
  .sign-up .options-wrapper {
    margin: 0 auto; }
    .sign-up .options-wrapper .options .option {
      width: 320px;
      position: relative;
      background: #dddddd url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/EYB_Homepage_WebTexture.jpg");
      vertical-align: top;
      margin: 0 auto 20px auto; }
      .sign-up .options-wrapper .options .option > div {
        width: 320px;
        margin: 0 auto;
        position: relative; }
        .sign-up .options-wrapper .options .option > div .content {
          width: 320px;
          padding: 15px 15px 135px;
          padding-top: 140px;
          font-size: 16px;
          font-weight: 500;
          min-height: 100%; }
          .sign-up .options-wrapper .options .option > div .content > div {
            margin: 15px 0; }
          .sign-up .options-wrapper .options .option > div .content h4 {
            font-weight: bold; }
          .sign-up .options-wrapper .options .option > div .content p {
            font-weight: bold;
            text-align: center;
            margin-top: 30px; }
      .sign-up .options-wrapper .options .option .actions {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        display: table-row;
        margin: 0; }
        .sign-up .options-wrapper .options .option .actions > div {
          display: table-cell;
          width: 33%;
          vertical-align: top; }
          .sign-up .options-wrapper .options .option .actions > div > div {
            height: 115px;
            background-color: #eee;
            margin: 1px;
            text-align: center;
            position: relative; }
            .sign-up .options-wrapper .options .option .actions > div > div .amount {
              text-transform: uppercase;
              font-weight: bold;
              font-size: 22px; }
            .sign-up .options-wrapper .options .option .actions > div > div .amount .usd {
              text-transform: uppercase;
              font-size: 14px;
              padding-left: 2px; }
            .sign-up .options-wrapper .options .option .actions > div > div .duration {
              font-size: 18px;
              font-weight: 500; }
          .sign-up .options-wrapper .options .option .actions > div.voucher .amount {
            text-transform: none;
            font-size: 22px;
            line-height: 30px;
            font-weight: 600; }
            .sign-up .options-wrapper .options .option .actions > div.voucher .amount .para1 {
              font-size: 20px; }
          .sign-up .options-wrapper .options .option .actions > div .buttons {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0; }
            .sign-up .options-wrapper .options .option .actions > div .buttons .arrow-button {
              width: 100%;
              display: block;
              border-radius: 0;
              background-color: #4a8c29;
              border-color: #5eb13d;
              border: none; }
              .sign-up .options-wrapper .options .option .actions > div .buttons .arrow-button span {
                display: block; }
        .sign-up .options-wrapper .options .option .actions.free > div .buttons .arrow-button {
          background-color: #007ca5;
          border-color: #0099C5; }
  .sign-up .note {
    margin-top: 15px;
    font-size: 16px;
    margin-bottom: 50px;
    text-align: center; }
  .sign-up .pattern {
    left: 50%;
    margin-left: -50%;
    overflow: hidden;
    color: #FFF;
    height: 180px;
    position: absolute;
    top: 0px;
    width: 320px; }
    .sign-up .pattern:before {
      position: absolute;
      content: ' ';
      left: 50%;
      margin-left: -340px;
      border-left: 340px solid transparent;
      border-right: 340px solid transparent;
      border-top: 120px solid #4a8c29;
      font-size: 0;
      line-height: 120px; }
  .sign-up .free .pattern::before {
    border-top-color: #007ca5; }
  .sign-up .header-2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px; }
    .sign-up .header-2 h1 {
      margin-top: 35px;
      color: #4a8c29;
      font-family: "Courgette", cursive;
      font-size: 44px; }
    .sign-up .header-2 h2 {
      margin-top: 35px;
      color: #4a8c29;
      font-family: "Courgette", cursive;
      font-size: 30px; }

@media (min-width: 480px) {
  .sign-up .header {
    width: 400px; }
  .sign-up .options-wrapper {
    margin: 0 auto; }
    .sign-up .options-wrapper .options .option {
      width: 400px; }
      .sign-up .options-wrapper .options .option > div {
        width: 400px; }
        .sign-up .options-wrapper .options .option > div .content {
          width: 400px;
          padding: 30px 30px 135px;
          padding-top: 140px;
          font-size: 18px; }
      .sign-up .options-wrapper .options .option .actions > div > div .amount {
        padding-top: 6px;
        font-size: 24px; }
        .sign-up .options-wrapper .options .option .actions > div > div .amount .usd {
          font-size: 14px; }
  .sign-up .pattern {
    width: 400px; }
    .sign-up .pattern:before {
      border-top: 120px solid #4a8c29;
      line-height: 120px; }
  .sign-up .header-2 {
    margin-bottom: 35px;
    font-size: 26px; }
    .sign-up .header-2 .header-2 h1 {
      font-size: 64px; } }

@media (min-width: 992px) {
  .sign-up .container {
    max-width: 992px; }
  .sign-up .options-wrapper {
    display: table; }
    .sign-up .options-wrapper .options {
      display: table-row; }
      .sign-up .options-wrapper .options .option {
        display: table-cell;
        border-right: 25px solid white;
        border-left: 25px solid white; } }

/*@import '_constants';

$signup-block-width: 320px;
$sign-up-header-height: 120px;

.sign-up {

    margin-bottom: 10px;

    .header {
        position: absolute;
        left: 50%;
        margin-left: -50%;
        border: none;
        color: #fff;
        text-align: center;
        z-index: 101;
        margin-top: 18px;
        width: $signup-block-width;
        text-transform: uppercase;
        font-size: 36px;
        background-color: transparent;
    }

    .options-wrapper {
        margin: 0 auto;

        .options {

            .option {
                width: $signup-block-width;
                position: relative;
                background: #ddd url($base-image-url + 'v2/EYB_Homepage_WebTexture.jpg');
                vertical-align: top;
                margin: 0 auto 20px auto;

                > div {
                    width: $signup-block-width;
                    margin: 0 auto;
                    position: relative;

                    .content {
                        width: $signup-block-width;
                        padding: 15px 15px 135px;
                        padding-top: $sign-up-header-height;
                        font-size: 16px;
                        font-weight: 500;
                        min-height: 100%;

                        > div {
                            margin: 15px 0;
                        }

                        h4 {
                            font-weight: bold;
                        }
                    }
                }

                .actions {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    width: 100%;
                    display: table-row;

                    > div {
                        display: table-cell;
                        width: 33%;
                        vertical-align: top;

                        > div {
                            height: 115px;
                            background-color: #eee;
                            margin: 1px;
                            text-align: center;
                            position: relative;

                            .amount {
                                text-transform: uppercase;
                                font-weight: bold;
                                font-size: 22px;

                                .usd {
                                    text-transform:uppercase;
                                    font-size: 14px;
                                    padding-left: 2px;
                                }
                            }

                            .duration {
                                font-size: 18px;
                                font-weight: 500;
                            }
                        }

                        &.voucher {
                            .amount {
                                text-transform: none;
                                font-size: 24px;
                                line-height: 30px;
                                font-weight: 600;

                                .para1 {
                                    font-size: 22px;
                                }
                            }
                        }

                        .buttons {
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            right: 0;

                            .arrow-button {
                                width: 100%;
                                display: block;
                                border-radius: 0;
                                background-color: $eyb-green;
                                border-color: $eyb-green-border;
                                border: none;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

                    &.free {
                        > div {
                            .buttons {
                                .arrow-button {
                                    background-color: $eyb-link-color;
                                    border-color: #0099C5;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .note {
        margin-top: 15px;
        font-size: 16px;
        margin-bottom: 50px;
        text-align: center;
    }

    .pattern {
        left: 50%;
        margin-left: -50%;
        overflow: hidden;
        color: #FFF;
        height: 180px;
        position: absolute;
        top: 0;
        width: $signup-block-width;

        &::before {
            position: absolute;
            content: ' ';
            left: 50%;
            margin-left: -340px;
            border-left: 340px solid transparent;
            border-right: 340px solid transparent;
            border-top: $sign-up-header-height solid #4a8c29;
            font-size: 0;
            line-height: $sign-up-header-height;
        }
    }

    .free {
        .pattern {
            &::before {
                border-top-color: $eyb-link-color;
            }
        }
    }

    .header-2 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 22px;

        h1 {
            margin-top: 35px;
            color: #4a8c29;
            font-family: "Courgette", cursive;
            font-size: 44px;
        }

        h2 {
            margin-top: 35px;
            color: #4a8c29;
            font-family: "Courgette", cursive;
            font-size: 30px;
        }
    }
}

@media(min-width: 480px) {
    $signup-block-width: 400px;
    $sign-up-header-height: 120px;

    .sign-up {

        .header {
            width: $signup-block-width;
        }

        .options-wrapper {
            margin: 0 auto;

            .options {

                .option {
                    width: $signup-block-width;

                    > div {
                        width: $signup-block-width;

                        .content {
                            width: $signup-block-width;
                            padding: 30px 30px 135px;
                            padding-top: $sign-up-header-height;
                            font-size: 18px;
                        }
                    }

                    .actions {

                        > div {

                            > div {
                                .amount {
                                    font-size: 28px;

                                    .usd {
                                        font-size: 16px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        .pattern {
            width: $signup-block-width;

            &::before {
                border-top: $sign-up-header-height solid #4a8c29;
                line-height: $sign-up-header-height;
            }
        }

        .header-2 {
            margin-bottom: 35px;
            font-size: 26px;

            h1 {
                font-size: 64px;
            }
        }
    }
}

@media(min-width: 992px){

    .sign-up {

        .container {
            max-width: 992px;
        }

        .options-wrapper {
            display: table;

            .options {
                display: table-row;

                .option {
                    display: table-cell;
                    border-right: 25px solid white;
                    border-left: 25px solid white;
                }
            }
        }
    }
}


.btn {

    &.btn-redeem {
        text-transform: uppercase;
        letter-spacing: 0.2em;
        background-color: $eyb-green;
        color: #FFF;

        &:hover {
            color: #FFF;
        }

        span {
            display: inline-block;

            &:after {
                content: ' ';
                display: inline-block;
                width: 14px;
                height: 14px;
                background: transparent url($base-image-url + 'v2/button-arrow-sml.png') no-repeat center 4px;
            }
        }
    }
}*/
.captcha {
  width: 200px;
  margin: 0 auto; }

#CaptchaInputText {
  width: 195px;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

@media (min-width: 480px) {
  #CaptchaInputText {
    font-size: 14px; } }

.breadcrumb {
  display: none;
  background-color: transparent;
  padding: 0;
  margin: 15px 0; }
  .breadcrumb li {
    font-size: 12px;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .breadcrumb > li + li:before {
    font-size: 14px;
    content: '\00BB';
    color: #333333; }

@media (min-width: 480px) {
  .breadcrumb li {
    max-width: 440px; } }

@media (min-width: 768px) {
  .breadcrumb {
    display: none; }
    .breadcrumb li {
      max-width: 728px; } }

@media (min-width: 992px) {
  .breadcrumb li {
    max-width: 952px; } }

/* Ratings
-------------------------------------------------------------- */
.rating {
  margin: 0;
  padding: 0; }
  .rating * {
    box-sizing: content-box; }
  .rating a {
    display: inline-block;
    height: 16px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 9px; }
    .rating a:nth-child(even) {
      padding-right: 5px; }
    .rating a:last-child {
      padding-right: 0px; }
  .rating .rating-message {
    padding: 0 6px; }
  .rating .star-left-on {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/star-on-2x.png") no-repeat left top;
    background-size: 17px 16px; }
  .rating .star-right-on {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/star-on-2x.png") no-repeat -9px top;
    background-size: 17px 16px; }
  .rating .star-left-off {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/star-off-2x.png") no-repeat left top;
    background-size: 17px 16px; }
  .rating .star-right-off {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/star-off-2x.png") no-repeat -9px top;
    background-size: 17px 16px; }
  .rating .star-left-active {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/star-on-2x.png") no-repeat left top;
    background-size: 17px 16px; }
  .rating .star-right-active {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/star-on-2x.png") no-repeat -9px top;
    background-size: 17px 16px; }

span.stars {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }
  span.stars a {
    margin-top: 5px; }

#pagination {
  border: 0;
  height: 40px;
  padding-top: 10px;
  margin-top: 10px;
  text-align: center;
  color: #007ca5;
  font-size: 95%;
  border-top: 1px solid #C7C7C7; }
  #pagination .pages {
    display: inline-block;
    margin: 0;
    padding: 0; }
  #pagination li {
    float: left; }
  #pagination a, #pagination .page-current {
    border: 1px solid #fff;
    padding: 2px 6px;
    display: inline-block; }
  #pagination a:hover {
    background: #fff;
    border-color: #ccc;
    text-decoration: none; }
  #pagination .page-current {
    color: #fff;
    font-weight: bold;
    background: #999;
    border-color: #888; }
  #pagination .page-break {
    position: relative;
    top: 2px;
    padding: 2px; }
  #pagination .page-prev {
    margin-right: 15px; }
  #pagination .page-next {
    margin-left: 15px; }

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  max-height: 300px;
  overflow: auto; }
  .ui-autocomplete .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap; }
    .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none; }

#notes h2, #notes_tab h2, #reviews h2, #reviews_tab h2, #detail-tabs-reviews h2 {
  float: left;
  font-size: 18px;
  margin-top: 15px; }

#notes .note-added, #notes .note-deleted, #notes .review-added, #notes .review-deleted, #notes_tab .note-added, #notes_tab .note-deleted, #notes_tab .review-added, #notes_tab .review-deleted, #reviews .note-added, #reviews .note-deleted, #reviews .review-added, #reviews .review-deleted, #reviews_tab .note-added, #reviews_tab .note-deleted, #reviews_tab .review-added, #reviews_tab .review-deleted, #detail-tabs-reviews .note-added, #detail-tabs-reviews .note-deleted, #detail-tabs-reviews .review-added, #detail-tabs-reviews .review-deleted {
  clear: both;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  text-align: center;
  background: #F6F6F6;
  padding: 10px 0; }

#notes .add-note-small, #notes .add-review-small, #notes_tab .add-note-small, #notes_tab .add-review-small, #reviews .add-note-small, #reviews .add-review-small, #reviews_tab .add-note-small, #reviews_tab .add-review-small, #detail-tabs-reviews .add-note-small, #detail-tabs-reviews .add-review-small {
  border: 0;
  height: 17px;
  padding-right: 18px;
  margin-top: 18px;
  margin-bottom: 10px;
  background: #e7e7e7;
  background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-bookmarks-add.png) no-repeat right -14px;
  float: right;
  font-size: 90%;
  color: #007ca5;
  vertical-align: top;
  line-height: 12px; }
  #notes .add-note-small:hover, #notes .add-review-small:hover, #notes_tab .add-note-small:hover, #notes_tab .add-review-small:hover, #reviews .add-note-small:hover, #reviews .add-review-small:hover, #reviews_tab .add-note-small:hover, #reviews_tab .add-review-small:hover, #detail-tabs-reviews .add-note-small:hover, #detail-tabs-reviews .add-review-small:hover {
    cursor: pointer;
    background-position: right 2px; }

#notes .icon-12, #notes_tab .icon-12, #reviews .icon-12, #reviews_tab .icon-12, #detail-tabs-reviews .icon-12 {
  display: inline-block;
  height: 12px;
  width: 12px;
  border: 0;
  cursor: pointer;
  position: relative;
  top: 5px;
  text-indent: -9999px; }
  #notes .icon-12.is-personal, #notes_tab .icon-12.is-personal, #reviews .icon-12.is-personal, #reviews_tab .icon-12.is-personal, #detail-tabs-reviews .icon-12.is-personal {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-private.png") no-repeat center; }
  #notes .icon-12.edit, #notes_tab .icon-12.edit, #reviews .icon-12.edit, #reviews_tab .icon-12.edit, #detail-tabs-reviews .icon-12.edit {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-edit-3up.png") no-repeat center; }
  #notes .icon-12.delete, #notes_tab .icon-12.delete, #reviews .icon-12.delete, #reviews_tab .icon-12.delete, #detail-tabs-reviews .icon-12.delete {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-cancel-3up.png") no-repeat center; }

#notes .list, #notes_tab .list, #reviews .list, #reviews_tab .list, #detail-tabs-reviews .list {
  clear: both;
  border-bottom: 1px #ddd solid;
  margin: 0 0 30px 0;
  padding: 0; }
  #notes .list ul, #notes_tab .list ul, #reviews .list ul, #reviews_tab .list ul, #detail-tabs-reviews .list ul {
    padding: 0; }
  #notes .list > li, #notes_tab .list > li, #reviews .list > li, #reviews_tab .list > li, #detail-tabs-reviews .list > li {
    border-top: 1px #ddd solid; }
  #notes .list li, #notes_tab .list li, #reviews .list li, #reviews_tab .list li, #detail-tabs-reviews .list li {
    padding: 15px 0 0 0;
    list-style: none;
    position: relative; }
    #notes .list li:after, #notes_tab .list li:after, #reviews .list li:after, #reviews_tab .list li:after, #detail-tabs-reviews .list li:after {
      content: ' ';
      display: block;
      clear: both; }
    #notes .list li h4, #notes_tab .list li h4, #reviews .list li h4, #reviews_tab .list li h4, #detail-tabs-reviews .list li h4 {
      margin-bottom: 5px;
      color: #888;
      font-size: 15px;
      font-weight: normal;
      margin: 0; }
      #notes .list li h4 a, #notes_tab .list li h4 a, #reviews .list li h4 a, #reviews_tab .list li h4 a, #detail-tabs-reviews .list li h4 a {
        font-weight: bold; }
    #notes .list li h3, #notes_tab .list li h3, #reviews .list li h3, #reviews_tab .list li h3, #detail-tabs-reviews .list li h3 {
      margin: 0;
      display: block;
      font-weight: bold;
      font-size: 15px;
      color: #666; }
    #notes .list li li h4, #notes_tab .list li li h4, #reviews .list li li h4, #reviews_tab .list li li h4, #detail-tabs-reviews .list li li h4 {
      font-weight: normal; }
      #notes .list li li h4 a, #notes_tab .list li li h4 a, #reviews .list li li h4 a, #reviews_tab .list li li h4 a, #detail-tabs-reviews .list li li h4 a {
        font-weight: normal; }
    #notes .list li p, #notes_tab .list li p, #reviews .list li p, #reviews_tab .list li p, #detail-tabs-reviews .list li p {
      padding: 0 0 10px 0;
      margin: 0; }
    #notes .list li a.review-online, #notes_tab .list li a.review-online, #reviews .list li a.review-online, #reviews_tab .list li a.review-online, #detail-tabs-reviews .list li a.review-online {
      float: right;
      display: inline-block;
      padding: 0 18px 0 0;
      margin-bottom: 5px;
      height: 16px;
      line-height: 16px;
      font-size: 90%;
      font-weight: normal;
      background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-external.gif") no-repeat right; }
    #notes .list li .delete-note, #notes .list li .edit-note, #notes_tab .list li .delete-note, #notes_tab .list li .edit-note, #reviews .list li .delete-note, #reviews .list li .edit-note, #reviews_tab .list li .delete-note, #reviews_tab .list li .edit-note, #detail-tabs-reviews .list li .delete-note, #detail-tabs-reviews .list li .edit-note {
      margin-left: 3px;
      top: 3px; }

#notes .add-note-box, #notes .edit-note-box, #notes .add-review-box, #notes .edit-review-box, #notes_tab .add-note-box, #notes_tab .edit-note-box, #notes_tab .add-review-box, #notes_tab .edit-review-box, #reviews .add-note-box, #reviews .edit-note-box, #reviews .add-review-box, #reviews .edit-review-box, #reviews_tab .add-note-box, #reviews_tab .edit-note-box, #reviews_tab .add-review-box, #reviews_tab .edit-review-box, #detail-tabs-reviews .add-note-box, #detail-tabs-reviews .edit-note-box, #detail-tabs-reviews .add-review-box, #detail-tabs-reviews .edit-review-box {
  padding: 20px;
  background: #F6F6F6;
  border-top: 1px solid #DDD;
  clear: both;
  float: none; }
  #notes .add-note-box label, #notes .edit-note-box label, #notes .add-review-box label, #notes .edit-review-box label, #notes_tab .add-note-box label, #notes_tab .edit-note-box label, #notes_tab .add-review-box label, #notes_tab .edit-review-box label, #reviews .add-note-box label, #reviews .edit-note-box label, #reviews .add-review-box label, #reviews .edit-review-box label, #reviews_tab .add-note-box label, #reviews_tab .edit-note-box label, #reviews_tab .add-review-box label, #reviews_tab .edit-review-box label, #detail-tabs-reviews .add-note-box label, #detail-tabs-reviews .edit-note-box label, #detail-tabs-reviews .add-review-box label, #detail-tabs-reviews .edit-review-box label {
    font-weight: normal; }
  #notes .add-note-box .note-box, #notes .edit-note-box .note-box, #notes .add-review-box .note-box, #notes .edit-review-box .note-box, #notes_tab .add-note-box .note-box, #notes_tab .edit-note-box .note-box, #notes_tab .add-review-box .note-box, #notes_tab .edit-review-box .note-box, #reviews .add-note-box .note-box, #reviews .edit-note-box .note-box, #reviews .add-review-box .note-box, #reviews .edit-review-box .note-box, #reviews_tab .add-note-box .note-box, #reviews_tab .edit-note-box .note-box, #reviews_tab .add-review-box .note-box, #reviews_tab .edit-review-box .note-box, #detail-tabs-reviews .add-note-box .note-box, #detail-tabs-reviews .edit-note-box .note-box, #detail-tabs-reviews .add-review-box .note-box, #detail-tabs-reviews .edit-review-box .note-box {
    height: 120px; }
  #notes .add-note-box .make-personal, #notes .edit-note-box .make-personal, #notes .add-review-box .make-personal, #notes .edit-review-box .make-personal, #notes_tab .add-note-box .make-personal, #notes_tab .edit-note-box .make-personal, #notes_tab .add-review-box .make-personal, #notes_tab .edit-review-box .make-personal, #reviews .add-note-box .make-personal, #reviews .edit-note-box .make-personal, #reviews .add-review-box .make-personal, #reviews .edit-review-box .make-personal, #reviews_tab .add-note-box .make-personal, #reviews_tab .edit-note-box .make-personal, #reviews_tab .add-review-box .make-personal, #reviews_tab .edit-review-box .make-personal, #detail-tabs-reviews .add-note-box .make-personal, #detail-tabs-reviews .edit-note-box .make-personal, #detail-tabs-reviews .add-review-box .make-personal, #detail-tabs-reviews .edit-review-box .make-personal {
    margin-right: 5px;
    font-size: 90%; }
    #notes .add-note-box .make-personal input, #notes .edit-note-box .make-personal input, #notes .add-review-box .make-personal input, #notes .edit-review-box .make-personal input, #notes_tab .add-note-box .make-personal input, #notes_tab .edit-note-box .make-personal input, #notes_tab .add-review-box .make-personal input, #notes_tab .edit-review-box .make-personal input, #reviews .add-note-box .make-personal input, #reviews .edit-note-box .make-personal input, #reviews .add-review-box .make-personal input, #reviews .edit-review-box .make-personal input, #reviews_tab .add-note-box .make-personal input, #reviews_tab .edit-note-box .make-personal input, #reviews_tab .add-review-box .make-personal input, #reviews_tab .edit-review-box .make-personal input, #detail-tabs-reviews .add-note-box .make-personal input, #detail-tabs-reviews .edit-note-box .make-personal input, #detail-tabs-reviews .add-review-box .make-personal input, #detail-tabs-reviews .edit-review-box .make-personal input {
      position: relative;
      top: 2px; }
  #notes .add-note-box .counter, #notes .edit-note-box .counter, #notes .add-review-box .counter, #notes .edit-review-box .counter, #notes_tab .add-note-box .counter, #notes_tab .edit-note-box .counter, #notes_tab .add-review-box .counter, #notes_tab .edit-review-box .counter, #reviews .add-note-box .counter, #reviews .edit-note-box .counter, #reviews .add-review-box .counter, #reviews .edit-review-box .counter, #reviews_tab .add-note-box .counter, #reviews_tab .edit-note-box .counter, #reviews_tab .add-review-box .counter, #reviews_tab .edit-review-box .counter, #detail-tabs-reviews .add-note-box .counter, #detail-tabs-reviews .edit-note-box .counter, #detail-tabs-reviews .add-review-box .counter, #detail-tabs-reviews .edit-review-box .counter {
    color: #aaa;
    width: 20px;
    float: right;
    margin-right: 5px;
    text-align: right;
    font-size: 90%; }

/* Detail Right - All
TODO: split these styles up into pages where appropriate (where not shared)
-------------------------------------------------------------- */
#detail-right, #blog-right, #image-small {
  font-size: 90%;
  /*     .book-stats {
        margin: 15px 0 20px 0;
        display: block;
        float: left;
    }
    .book-stats li {
        list-style: none;
        width: 260px;
        float: left;
        border-bottom: 1px solid #e7e7e7;
        padding: 2px 0;
    }
    .book-stats em {
        width: 60px;
        float: left;
        padding-left: 10px;
        font-style: normal;
    }
    .book-stats span {
        width: 180px;
        float: right;
        word-wrap: break-word;
    } */ }
  #detail-right table.social, #blog-right table.social, #image-small table.social {
    margin-bottom: 0 !important;
    width: 100px; }
    #detail-right table.social span, #blog-right table.social span, #image-small table.social span {
      margin-left: 6px; }
  #detail-right td.pintrest, #blog-right td.pintrest, #image-small td.pintrest {
    padding: 3px 0 0 0;
    width: 40px; }
  #detail-right td.facebook, #blog-right td.facebook, #image-small td.facebook {
    padding: 0;
    width: 40px; }
  #detail-right .view-profile, #blog-right .view-profile, #image-small .view-profile {
    float: right;
    background: #eee;
    padding: 2px 6px 3px 6px;
    font-family: 'Montserrat', sans-serif;
    font-size: 90%;
    font-style: italic;
    margin-right: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #ddd; }
  #detail-right .view-profile:hover, #blog-right .view-profile:hover, #image-small .view-profile:hover {
    text-decoration: none;
    background-color: #f4f4f4; }
  #detail-right h3, #blog-right h3, #image-small h3 {
    clear: both;
    font-weight: normal;
    padding: 15px 5px 5px 5px;
    margin: 5px 0;
    color: #CC6633;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif; }
  #detail-right .block, #blog-right .block, #image-small .block {
    margin: 5px 0 10px 0;
    padding: 0; }
  #detail-right .rating .stars, #blog-right .rating .stars, #image-small .rating .stars {
    margin-bottom: 6px;
    display: block;
    margin-left: 6px; }
  #detail-right .rating span, #blog-right .rating span, #image-small .rating span {
    color: #777;
    font-size: 90%; }
  #detail-right ul.bookmarks, #blog-right ul.bookmarks, #image-small ul.bookmarks {
    margin: 0;
    list-style: none;
    padding: 0; }
  #detail-right button.add-bookmark, #blog-right button.add-bookmark, #image-small button.add-bookmark {
    background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-bookmark-small.png) no-repeat transparent;
    border: 0 none;
    cursor: pointer;
    height: 14px;
    position: relative;
    text-indent: -9999px;
    top: 2px;
    width: 15px; }
  #detail-right button.add-bookmark:hover, #blog-right button.add-bookmark:hover, #image-small button.add-bookmark:hover {
    background-position: center bottom; }
  #detail-right .no-bookmarks, #blog-right .no-bookmarks, #image-small .no-bookmarks {
    display: block;
    padding: 0 0 15px 5px;
    color: #777; }
  #detail-right #bookmark-lists, #blog-right #bookmark-lists, #image-small #bookmark-lists {
    padding: 4px 1px;
    width: 140px; }
  #detail-right #video > span, #blog-right #video > span, #image-small #video > span {
    display: block;
    padding-left: 5px;
    color: #777; }
  #detail-right ul.bookmarks li, #blog-right ul.bookmarks li, #image-small ul.bookmarks li {
    display: block;
    margin: 0 0 4px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0; }
  #detail-right ul.bookmarks li a, #blog-right ul.bookmarks li a, #image-small ul.bookmarks li a {
    color: #666;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f8fbfd;
    display: inline-block;
    padding: 5px 8px;
    position: relative;
    text-decoration: none;
    border-color: #f7f7f7 #e7e7e7 #e7e7e7 #f7f7f7;
    border-style: solid;
    border-width: 1px; }
  #detail-right ul.bookmarks li a.remove, #blog-right ul.bookmarks li a.remove, #image-small ul.bookmarks li a.remove {
    float: right;
    height: 12px;
    width: 12px;
    padding: 0;
    margin: 6px;
    z-index: 3;
    border: none;
    background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-cancel-3up.png) no-repeat left center; }
  #detail-right ul.bookmarks li:hover a.remove, #blog-right ul.bookmarks li:hover a.remove, #image-small ul.bookmarks li:hover a.remove {
    background-position: left center; }
  #detail-right ul.bookmarks li a:hover.remove, #blog-right ul.bookmarks li a:hover.remove, #image-small ul.bookmarks li a:hover.remove {
    background-position: left top;
    cursor: pointer; }
  #detail-right ul.bookmarks li .loading, #blog-right ul.bookmarks li .loading, #image-small ul.bookmarks li .loading {
    float: right;
    margin-top: 7px; }
  #detail-right ul.categories, #blog-right ul.categories, #image-small ul.categories {
    margin: 0;
    padding: 0;
    list-style: none; }
    #detail-right ul.categories li, #blog-right ul.categories li, #image-small ul.categories li {
      -moz-border-radius: 12px;
      border-radius: 12px;
      margin: 0 3px 5px 0;
      float: left; }
      #detail-right ul.categories li a, #blog-right ul.categories li a, #image-small ul.categories li a {
        color: #666;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #f8fbfd;
        display: inline-block;
        padding: 5px 8px;
        position: relative;
        text-decoration: none;
        border-color: #f7f7f7 #e7e7e7 #e7e7e7 #f7f7f7;
        border-style: solid;
        border-width: 1px; }
  #detail-right p, #blog-right p, #image-small p {
    padding: 0 6px; }
  #detail-right .edit, #blog-right .edit, #image-small .edit {
    display: block;
    margin: 15px 0 0 6px;
    clear: both;
    text-indent: 0;
    width: auto;
    background-image: none; }
  #detail-right .edit a, #blog-right .edit a, #image-small .edit a {
    color: #888; }
  #detail-right .video-icon, #blog-right .video-icon, #image-small .video-icon {
    left: 3px;
    top: -3px;
    position: relative; }

#request-index-modal .modal-body label {
  text-align: center;
  border: 1px solid #f6f6f6;
  height: 180px;
  padding: 10px 5px;
  display: block; }
  #request-index-modal .modal-body label em {
    font-style: normal;
    margin: 0 35px;
    display: block;
    text-align: middle; }
  #request-index-modal .modal-body label .description {
    display: block;
    height: 60px;
    font-weight: normal; }
  #request-index-modal .modal-body label .btn {
    margin: 0 auto; }
  #request-index-modal .modal-body label input {
    display: none; }

#request-index-modal .modal-body .selected label {
  border: 3px solid #f3f3f3;
  background-color: #fbfbfb; }

#request-index-modal .modal-body .confirm .close {
  height: 34px; }

#video-modal iframe {
  width: 100%;
  height: 400px; }

#add-bookmark-modal .modal-content label {
  font-weight: 500; }

#add-bookmark-modal .modal-content .error {
  color: red; }

#add-bookmark-modal .modal-content label.error {
  margin-top: 5px;
  font-weight: normal; }

#results-list {
  display: none;
  margin: 0;
  clear: both;
  border-top: 1px solid #fff;
  padding: 0; }
  #results-list .listing {
    border-top: 1px #ddd solid;
    padding: 5px 10px 15px 10px; }
    #results-list .listing:after {
      display: block;
      content: ' ';
      clear: both; }
    #results-list .listing .note-img {
      float: right; }
      #results-list .listing .note-img img {
        margin-left: 10px;
        width: 90px; }
    #results-list .listing .note-meta {
      display: block; }
      #results-list .listing .note-meta i {
        color: #777; }
    #results-list .listing .note-text {
      display: block; }
      #results-list .listing .note-text.personal:before {
        content: ' ';
        background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-private.png") no-repeat center;
        display: inline-block;
        margin: 5px 3px 0 0;
        width: 12px;
        height: 12px; }
  #results-list li {
    list-style: none;
    margin-bottom: 0; }
  #results-list .book-data {
    padding-top: 10px; }
    #results-list .book-data .book-title {
      min-height: 30px; }
  #results-list .no-image .book-data {
    margin-right: 0; }
  #results-list h3 {
    margin: 0;
    color: #777;
    font-size: 14px;
    clear: none;
    font-style: italic; }
    #results-list h3 a, #results-list h3 .title {
      font-style: normal;
      color: #333;
      font-size: 15px; }
    #results-list h3 .full-title {
      display: none; }
    #results-list h3 .main-title {
      display: inline; }
  #results-list h2 {
    margin: 0 0 5px !important;
    font-size: 15px;
    display: inline;
    font-weight: bold; }
    #results-list h2 .full-title {
      display: none; }
    #results-list h2 .main-title {
      display: inline; }
    #results-list h2 .edit {
      background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-edit-3up.png") no-repeat center;
      height: 12px;
      width: 12px;
      border: 0;
      cursor: pointer;
      position: relative;
      text-indent: -9999px;
      display: inline-block;
      margin-left: 5px;
      top: 4px !important; }
  #results-list .feedback {
    margin: 0 0 15px 0;
    padding: 0; }
    #results-list .feedback:after {
      content: ' ';
      display: block;
      clear: left; }
    #results-list .feedback li {
      display: block;
      float: left;
      height: 26px;
      line-height: 26px;
      margin: 0 13px 0 0;
      margin-top: 10px; }
      #results-list .feedback li.notes a,
      #results-list .feedback li.bookshelves a,
      #results-list .feedback li.video-icon a,
      #results-list .feedback li.online a {
        display: block;
        padding: 0 0 0 22px;
        text-decoration: none;
        color: #666; }
      #results-list .feedback li.notes a {
        background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/comment-icon.png") no-repeat left 4px;
        padding: 0;
        width: 26px;
        font-size: 12px;
        text-align: center; }
      #results-list .feedback li.bookshelves a {
        background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-users.png") no-repeat left -25px; }
        #results-list .feedback li.bookshelves a:hover {
          background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-users.png") no-repeat left 1px; }
      #results-list .feedback li.index-status button {
        border: 0;
        background: none;
        color: #007ca5;
        text-decoration: underline;
        margin: 0;
        padding: 0; }
        #results-list .feedback li.index-status button:active, #results-list .feedback li.index-status button:focus {
          outline: none; }
      #results-list .feedback li.index-status .indexed {
        background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/indexed-item-tick.png") no-repeat left 5px;
        color: #76c14f;
        padding-left: 16px;
        font-size: 13px; }
      #results-list .feedback li.online a {
        color: #007ca5;
        padding-left: 16px;
        background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/recipe-online-icon.png") no-repeat left center;
        border: none;
        font-size: 13px; }
      #results-list .feedback li.video-icon a {
        width: 26px;
        height: 26px;
        background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-video.png") no-repeat left -25px; }
        #results-list .feedback li.video-icon a:hover {
          background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-video.png") no-repeat left 1px; }
    #results-list .feedback .linked {
      display: block;
      padding: 0 0 0 28px;
      height: 26px;
      line-height: 26px;
      background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-linked.png) no-repeat 10px bottom;
      border: 0;
      padding-right: 10px;
      color: #007ca5; }
      #results-list .feedback .linked:hover {
        background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-linked.png) no-repeat 10px top;
        padding-right: 10px;
        text-decoration: none;
        cursor: pointer; }
      #results-list .feedback .linked:focus, #results-list .feedback .linked:active {
        outline: none; }
      #results-list .feedback .linked .selected {
        background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-linked.png) no-repeat 10px center;
        padding-right: 10px;
        text-decoration: none;
        cursor: pointer; }
  #results-list .add-bookmark {
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-bookmark-large.png") no-repeat 7px -28px;
    height: 26px;
    width: 26px;
    text-indent: -9999px;
    border: none; }
    #results-list .add-bookmark:focus, #results-list .add-bookmark:active {
      outline: 0; }
    #results-list .add-bookmark:hover {
      background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-bookmark-large.png") no-repeat 7px -2px; }
    #results-list .add-bookmark.have-cooked {
      width: 20px;
      padding: 0;
      margin-right: 3px;
      background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-chefs-hat-grey-32.png") no-repeat left center;
      background-size: 20px 20px; }
      #results-list .add-bookmark.have-cooked.green {
        background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-chefs-hat-green-32.png"); }
      #results-list .add-bookmark.have-cooked.orange {
        background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-chefs-hat-orange-32.png"); }
  #results-list .meta {
    font-size: 95%;
    color: #888;
    padding: 10px 0 0;
    margin: 0; }
    #results-list .meta b {
      font-weight: normal;
      color: #222; }
  #results-list .linked-books {
    margin: 0;
    padding: 10px;
    font-size: 90%;
    color: #888; }
    #results-list .linked-books li {
      padding: 2px 0; }
    #results-list .linked-books a {
      margin-right: 5px;
      color: #888; }
    #results-list .linked-books b {
      font-weight: normal;
      color: #555; }

.view-minimal #results-list .meta {
  margin: 0; }

.view-minimal #results-list .book-data {
  margin-left: 0; }

@media (min-width: 768px) {
  #results-list h2 .full-title, #results-list h3 .full-title {
    display: inline; }
  #results-list h2 .main-title, #results-list h3 .main-title {
    display: none; } }

@media (min-width: 992px) {
  #results-list .recipe .book-img {
    width: 200px; }
    #results-list .recipe .book-img img {
      width: 200px; }
  #results-list .recipe .book-data {
    margin-right: 200px; }
  #results-list .recipe.no-image .book-data {
    margin-right: 0; } }

@media (min-width: 420px) {
  #results-list .listing {
    padding: 5px 0 15px 0; }
  #results-list .book-img {
    float: right;
    width: 140px;
    margin: 10px 0 0 5px;
    text-align: center; }
    #results-list .book-img img {
      background: #fff;
      border: none;
      padding: 3px;
      width: 140px; }
  #results-list .book-data .info-wrapper {
    display: block; } }

@media (max-width: 419px) {
  #search-form h1 {
    display: none; }
  .tally-wrapper {
    margin: 0; }
    .tally-wrapper > div {
      display: none; }
  .view-minimal #results-list .book-data {
    margin: 0 7px 0 7px; }
    .view-minimal #results-list .book-data .info-toggle {
      display: none; }
    .view-minimal #results-list .book-data .info-wrapper {
      display: block; }
    .view-minimal #results-list .book-data .book-title {
      margin-bottom: 0;
      min-height: inherit; } }

#results-list {
  margin: 0; }
  #results-list .listing .info-toggle {
    display: none; }

#results-list.small {
  margin: 0 -10px; }
  #results-list.small .feedback li {
    height: 28px;
    line-height: 28px; }
  #results-list.small .listing {
    background-color: #f6f6f6;
    border: none;
    padding: 0;
    margin-top: 10px; }
    #results-list.small .listing h2 {
      font-size: 18px;
      font-weight: 500; }
    #results-list.small .listing .book-title {
      padding: 0 10px;
      margin-bottom: 10px; }
    #results-list.small .listing .feedback {
      padding: 0 10px; }
    #results-list.small .listing .indexable-main {
      display: flex; }
      #results-list.small .listing .indexable-main .book-img {
        order: 2;
        width: 100px;
        padding: 0;
        margin: 0;
        background-color: #f6f6f6; }
        #results-list.small .listing .indexable-main .book-img img {
          width: 100px;
          padding: 0;
          margin: 0; }
      #results-list.small .listing .indexable-main .book-data {
        flex: 1;
        order: 1; }
    #results-list.small .listing .info-wrapper li {
      margin: 0 5px 5px 0; }
      #results-list.small .listing .info-wrapper li .btnremove {
        background-color: #e3e3e3;
        display: block; }
      #results-list.small .listing .info-wrapper li.bookshelves a {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/eyb-member-added-2x.png") no-repeat 3px 6px;
        background-size: 18px 14px;
        font-size: 12px;
        margin-right: 1px; }
      #results-list.small .listing .info-wrapper li.notes a {
        height: 28px;
        line-height: 28px;
        width: 28px;
        color: #777;
        font-size: 10px;
        padding: 0 4px;
        border-radius: 4px;
        vertical-align: middle;
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/comments-2x.png") no-repeat 3px 5px #e3e3e3;
        background-size: 22px 19px; }
      #results-list.small .listing .info-wrapper li.video-icon a {
        height: 28px;
        line-height: 28px;
        width: 28px;
        color: #777;
        font-size: 11px;
        background-color: #e3e3e3;
        padding: 0 4px;
        border-radius: 4px;
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/video-link-2x.png") no-repeat center center #e6e6e6;
        background-size: 15px 11px;
        vertical-align: middle; }
      #results-list.small .listing .info-wrapper li .add-bookmark {
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/add-bookmark-2x.png") no-repeat center center #e6e6e6;
        background-size: 11px 13px;
        height: 28px;
        width: 28px;
        padding: 0;
        margin: 0;
        line-height: 28px;
        display: block; }
        #results-list.small .listing .info-wrapper li .add-bookmark.have-cooked {
          background-size: 16px 16px;
          background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-chefs-hat-grey.png") no-repeat left center; }
          #results-list.small .listing .info-wrapper li .add-bookmark.have-cooked.green {
            background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-chefs-hat-green.png"); }
          #results-list.small .listing .info-wrapper li .add-bookmark.have-cooked.orange {
            background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-chefs-hat-orange.png"); }
      #results-list.small .listing .info-wrapper li.online a {
        text-indent: -9999px;
        height: 28px;
        line-height: 28px;
        width: 28px;
        color: #777;
        /*                         padding: 0 4px; */
        border-radius: 4px;
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/recipe-online-2x.png") no-repeat center center #007ca5;
        background-size: 11px 11px;
        vertical-align: middle; }
    #results-list.small .listing .info-toggle {
      display: block;
      margin: 15px 0;
      font-size: 0; }
      #results-list.small .listing .info-toggle:after {
        display: block;
        content: ' ';
        text-align: center;
        margin: 0 auto;
        cursor: pointer;
        background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/open-icon.png") no-repeat center;
        background-size: 16px 9px;
        height: 16px;
        width: 16px; }
      #results-list.small .listing .info-toggle.open:after {
        background-image: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/close-icon.png"); }
    #results-list.small .listing .info-wrapper-small {
      background-color: #eee;
      padding: 10px; }
      #results-list.small .listing .info-wrapper-small .meta {
        color: #000; }
        #results-list.small .listing .info-wrapper-small .meta b {
          color: #999; }
      #results-list.small .listing .info-wrapper-small .feedback {
        padding: 0; }
        #results-list.small .listing .info-wrapper-small .feedback button.linked {
          font-size: 14px;
          font-weight: 600;
          background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/linked-book-2x.png") no-repeat 10px center;
          background-size: 16px 16px; }

@media (min-width: 420px) {
  #results-list.small {
    margin: 0; } }

.profile #results-list {
  display: block; }
  .profile #results-list .note-date {
    color: #777; }

.arrowed-text {
  font-size: 14px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  overflow: visible; }
  .arrowed-text span {
    display: inline-block; }
    .arrowed-text span:after {
      content: ' ';
      display: inline-block;
      width: 24px;
      height: 14px;
      background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/arrow-text-right-sml.png") no-repeat right center; }
    .arrowed-text span:before {
      content: ' ';
      display: inline-block;
      width: 32px;
      height: 14px;
      background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/arrow-text-left-sml.png") no-repeat left center; }

/*.arrow-button {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 6px;
    display: inline-block;
    height: 40px;
    padding: 0 12px 0 18px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2em;
    background-color: $eyb-orange;
    border: 1px solid $eyb-orange-border;

    &:link, &:hover, &:visited, &:active {
        color: #FFF;
        text-decoration: none;
    }


    span {
        display: inline-block;
        line-height: 38px;

        &:after {
            content: ' ';
            display: inline-block;
            width: 22px;
            height: 14px;
            background: transparent url($base-image-url + 'v2/button-arrow-sml.png') no-repeat center 4px;
        }
    }

    &.large {
        span {
            &:after {
                width: 30px;
                height: 16px;
                background: transparent url($base-image-url + 'v2/button-arrow-lrg.png') no-repeat right 3px;
            }
        }
    }
}*/
.popup .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  margin: 0;
  border: 20px solid #4a8c29;
  border-top: none;
  border-bottom: none;
  font-family: "Segoe UI", Candara, "Trebuchet MS", Verdana, sans-serif; }

.popup .close {
  color: #4a8c29;
  font: 16px/100% arial, sans-serif;
  position: absolute;
  right: 5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 5px; }
  .popup .close:after {
    content: '✖';
    /* UTF-8 symbol */ }

.popup .wrapper {
  padding: 0px 20px; }

.popup .re-discover {
  margin-top: 15px;
  font-size: 16px;
  text-align: center; }
  .popup .re-discover .arrowed-text {
    font-size: 14px;
    letter-spacing: 0.2em; }
  .popup .re-discover .cursive {
    display: block;
    font-family: "Courgette", cursive;
    font-size: 46px; }

.popup .buttons {
  margin-top: 35px;
  text-align: center; }
  .popup .buttons .learn-more {
    background-color: #4a8c29;
    border: 2px solid #5eb13d; }

.popup .benefits {
  margin-top: 20px; }
  .popup .benefits li {
    font-size: 15px;
    margin-bottom: 10px; }

@media (min-width: 420px) {
  .popup .re-discover .arrowed-text {
    font-size: 16px;
    letter-spacing: 0.3em; }
  .popup .re-discover .cursive {
    font-size: 64px; } }

@media (min-width: 992px) {
  .popup .modal-dialog {
    width: 940px;
    height: 433px; }
  .popup .modal-content {
    height: 433px;
    border: 60px solid #4a8c29;
    border-top: none;
    border-bottom: none; }
  .popup .buttons {
    text-align: left; }
  .popup .wrapper {
    padding: 0px 340px 0px 50px;
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/v2/EYB_Hero_Image_Medium.jpg") no-repeat 480px 2px;
    height: 433px; } }

.myhome-info-wrapper {
  margin: 15px -10px 5px;
  position: relative; }
  .myhome-info-wrapper .info-wrapper-left {
    float: left;
    width: 65%; }
  .myhome-info-wrapper .info-wrapper-right {
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 10px;
    left: 65%; }
  .myhome-info-wrapper:after {
    clear: both;
    content: ' ';
    display: block;
    margin: 0 0 10px; }

.tips, .essentials {
  padding: 15px;
  margin-top: 10px;
  background-color: #f6f6f6;
  border-bottom: 3px solid #eee; }
  .tips h3, .essentials h3 {
    margin-top: 0; }
  .tips ul, .essentials ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .tips ul li, .essentials ul li {
      padding: 5px 0; }
      .tips ul li a, .essentials ul li a {
        font-size: 13px; }

@media (min-width: 420px) {
  .info-wrapper {
    margin: 10px 0 0; }
  .tips, .essentials {
    margin-top: 10px; } }

.quick-links {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 7px; }
  .quick-links div {
    flex: 1;
    margin-bottom: 7px;
    position: relative; }
    .quick-links div:last-child {
      margin: 0; }
    .quick-links div > a {
      background-color: #78C050;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      text-align: center;
      font-size: 12px;
      display: block; }
      .quick-links div > a div {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        padding-top: 18px; }
        .quick-links div > a div.cookbook-giveaways {
          background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/giveaways.png") no-repeat center top;
          background-size: 16px; }
        .quick-links div > a div.new-cookbooks {
          background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/new-cookbooks.png") no-repeat center top;
          background-size: 16px; }
        .quick-links div > a div.eyb-top-picks {
          padding-top: 26px;
          background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/top-picks.png") no-repeat center top;
          background-size: 16px; }

@media (min-width: 420px) {
  .quick-links div > a {
    font-size: 14px; }
    .quick-links div > a div {
      padding-top: 22px; }
      .quick-links div > a div.cookbook-giveaways {
        background-size: 20px; }
      .quick-links div > a div.new-cookbooks {
        background-size: 20px; }
      .quick-links div > a div.eyb-top-picks {
        padding-top: 32px;
        background-size: 20px; } }

@media (min-width: 768px) {
  .quick-links {
    display: block;
    padding: 0;
    margin: 15px -7px 0 -7px; }
    .quick-links div {
      padding: 0;
      padding-bottom: 25%;
      flex: inherit;
      float: left;
      width: 33.33%; }
      .quick-links div:last-child {
        margin: 0; }
      .quick-links div > a {
        position: absolute;
        top: 0;
        left: 7px;
        right: 7px;
        bottom: 0;
        color: #fff;
        text-align: center; }
        .quick-links div > a div {
          transform: translateY(-30%); } }

@media (min-width: 992px) {
  .quick-links div {
    padding-bottom: 20%; }
    .quick-links div > a {
      font-size: 15px; }
      .quick-links div > a div {
        padding-top: 26px;
        transform: translateY(-35%); }
        .quick-links div > a div.cookbook-giveaways {
          background-size: 24px; }
        .quick-links div > a div.new-cookbooks {
          background-size: 24px; }
        .quick-links div > a div.eyb-top-picks {
          padding-top: 38px;
          background-size: 24px; } }

@media (min-width: 992px) {
  .quick-links div {
    padding-bottom: 18%; }
    .quick-links div > a div {
      transform: translateY(-30%); } }

.user-info, .bookmarklet {
  margin: 0 0 10px; }
  .user-info h3, .bookmarklet h3 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 600; }
  .user-info .stats, .bookmarklet .stats {
    margin-right: 15px; }
    .user-info .stats a, .bookmarklet .stats a {
      display: block;
      color: #555;
      text-align: right; }
      .user-info .stats a span, .bookmarklet .stats a span {
        float: left;
        color: #888; }

.bookmarklet {
  background-color: #eee;
  padding: 20px;
  margin-bottom: 10px; }
  .bookmarklet p {
    margin-bottom: 5px; }
  .bookmarklet .btn {
    color: #fff;
    border: none;
    padding-left: 32px;
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/bookmarklet-plus.png") no-repeat 10px center #2090ca; }
  .bookmarklet > div:after {
    content: ' ';
    display: inline-block;
    margin-left: 5px;
    width: 27px;
    height: 30px;
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/gift-arrow.png") no-repeat center center; }

@media (min-width: 420px) and (max-width: 767px) {
  .user-info h3 {
    margin: 0 0 15px;
    font-size: 18px; }
  .user-info .stats {
    margin-right: 25px;
    font-size: 16px;
    line-height: 24px; }
    .user-info .stats a {
      display: block;
      color: #555;
      text-align: right; }
      .user-info .stats a span {
        float: left;
        color: #888; } }

@media (min-width: 768px) {
  .user-info {
    margin-bottom: 25px; } }

.gift-membership {
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/mobile-gift-bg.png") no-repeat;
  background-size: 100%;
  padding-bottom: 47%;
  position: relative; }
  .gift-membership > div {
    position: absolute;
    padding: 0 7%;
    top: 40%;
    transform: translateY(-50%); }
    .gift-membership > div h3 {
      color: #FFF;
      font-size: 14px; }
    .gift-membership > div a {
      display: inline-block;
      color: #fff;
      font-weight: 500;
      font-size: 13px;
      background-color: #2090ca;
      letter-spacing: 0.05em;
      height: 28px;
      line-height: 28px;
      padding: 0 15px;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      border-radius: 4px; }

@media (min-width: 420px) and (max-width: 767px) {
  .gift-membership > div {
    position: absolute;
    padding: 0 10%;
    top: 45%;
    transform: translateY(-50%); }
    .gift-membership > div h3 {
      color: #FFF;
      font-size: 16px;
      margin-bottom: 25px; }
    .gift-membership > div a {
      font-weight: 600;
      font-size: 16px;
      height: 32px;
      line-height: 32px; } }

@media (min-width: 768px) {
  .gift-membership {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/4/desktop-gift-bg.png") no-repeat;
    background-size: 100%;
    padding-bottom: 61.3%; }
    .gift-membership > div {
      color: #fff;
      font-size: 12px;
      padding: 0 30% 0 5%;
      top: 50%; }
      .gift-membership > div h3 {
        font-size: 14px;
        margin: 5px 0; }
      .gift-membership > div .btn {
        font-size: 12px;
        background-color: #2090ca;
        border: none;
        height: 26px;
        line-height: 26px; }
        .gift-membership > div .btn:hover {
          color: #ddd; } }

@media (min-width: 992px) {
  .gift-membership > div {
    font-size: 13px;
    top: 45%; }
    .gift-membership > div h3 {
      font-size: 15px;
      margin: 10px 0; }
    .gift-membership > div p {
      margin-bottom: 15px; }
    .gift-membership > div .btn {
      font-size: 13px;
      height: 32px;
      line-height: 32px; } }

@media (min-width: 992px) {
  .gift-membership > div {
    font-size: 15px;
    padding: 0 30% 0 5%;
    top: 45%; }
    .gift-membership > div h3 {
      font-size: 18px;
      margin: 15px 0; }
    .gift-membership > div p {
      margin-bottom: 15px; }
    .gift-membership > div .btn {
      font-size: 13px;
      height: 32px;
      line-height: 32px; } }

#latest-news {
  margin: 0 -10px;
  padding: 0;
  position: relative; }
  #latest-news:before {
    content: "";
    display: block;
    padding-top: 70.53333%; }
  #latest-news .ui-tabs-hide {
    display: none; }
  #latest-news .ui-tabs-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    #latest-news .ui-tabs-panel > a img {
      width: 100%; }
    #latest-news .ui-tabs-panel .info {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 5px 7px 12%;
      color: #fff;
      font-size: 13px;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 40%, black 90%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 40%, black 90%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 40%, black 90%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
      #latest-news .ui-tabs-panel .info a {
        color: #559cd7; }
      #latest-news .ui-tabs-panel .info h2 {
        font-size: 20px;
        margin: 0 0 3px; }
        #latest-news .ui-tabs-panel .info h2 a {
          color: #fff; }
      #latest-news .ui-tabs-panel .info > span {
        display: none; }
  #latest-news #news-nav {
    margin: 0;
    padding: 2px;
    position: absolute;
    bottom: 0; }
    #latest-news #news-nav:after {
      content: ' ';
      display: block;
      clear: both; }
    #latest-news #news-nav li {
      float: left;
      display: inline-block;
      width: 16.66%;
      padding: 1px; }
      #latest-news #news-nav li:hover a, #latest-news #news-nav li.ui-state-active a {
        border-color: #fff; }
        #latest-news #news-nav li:hover a:after, #latest-news #news-nav li.ui-state-active a:after {
          display: none; }
      #latest-news #news-nav li a {
        display: block;
        width: 100%;
        border: 1px solid transparent;
        position: relative; }
        #latest-news #news-nav li a img {
          width: 100%; }
        #latest-news #news-nav li a:after {
          display: block;
          content: ' ';
          position: absolute;
          background: rgba(0, 0, 0, 0.3);
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; }

@media (min-width: 420px) {
  #latest-news {
    margin: 0; }
    #latest-news .ui-tabs-panel .info {
      font-size: 14px;
      padding: 20px 15px 12%; }
      #latest-news .ui-tabs-panel .info h2 {
        font-size: 26px; }
    #latest-news #news-nav {
      padding: 4px; }
      #latest-news #news-nav li {
        padding: 3px; }
        #latest-news #news-nav li a {
          border: 2px solid transparent; } }

.social-links div {
  margin: 20px auto 0;
  width: 210px; }
  .social-links div a {
    display: block;
    border-radius: 3px;
    color: #fff;
    padding: 8px 15px; }
    .social-links div a.pintrest {
      background: #e24955 url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/social-pintrest.png") 95% 50% no-repeat; }
    .social-links div a.twitter {
      background: #6bb8de url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/social-twitter.png") 95% 50% no-repeat; }
    .social-links div a.facebook {
      background: #6083c6 url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/social-facebook.png") 95% 50% no-repeat; }
    .social-links div a.newsletter {
      background: #7aab61 url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/social-newsletter.png") 95% 50% no-repeat; }
    .social-links div a.instagram {
      background: #8a3ab9 url("/images/instagram-16.png") 95% 50% no-repeat; }
    .social-links div a.amazon {
      background: #FF9900 url("/images/amazon-16.png") 95% 50% no-repeat; }
    .social-links div a.book-depository {
      background: #3399cc url("/images/book-depository.png") 95% 50% no-repeat; }

#social-small {
  padding-top: 25px; }

.blog-articles > div {
  background-color: #f0f0f0;
  overflow: hidden;
  margin-top: 10px;
  padding-bottom: 10px; }
  .blog-articles > div:first-child {
    margin-top: 10px; }
  .blog-articles > div .image-wrapper {
    float: left;
    width: 170px;
    padding: 5px; }
    .blog-articles > div .image-wrapper a {
      display: block; }
      .blog-articles > div .image-wrapper a img {
        width: 100%; }
  .blog-articles > div .text-wrapper {
    margin-left: 170px;
    display: block;
    padding: 5px;
    font-size: 13px; }
    .blog-articles > div .text-wrapper h3 {
      font-weight: 500;
      font-size: 16px;
      margin: 3px 0 5px 0;
      clear: none; }

/* @media(min-width: 480px) {
    .blog-articles {
        & > div {
            .text-wrapper {
                padding-left: 35%;
            }
        }
    }
}
 */
/* @media(min-width: 768px) {
    .blog-articles {
        & > div {
            .text-wrapper {
                padding-left: 40%;
            }
        }
    }
}
 */
@media (min-width: 992px) {
  .blog-articles {
    float: right; }
    .blog-articles > div {
      height: 156px;
      overflow: hidden; }
      .blog-articles > div .image-wrapper {
        width: 130px; }
      .blog-articles > div .text-wrapper {
        margin-left: 130px; } }

.content-list {
  margin-top: 10px;
  position: relative; }
  .content-list .view-all {
    position: absolute;
    bottom: 0;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
    .content-list .view-all .btn {
      display: block;
      width: 200px;
      text-align: center;
      margin: 40px auto 15px;
      color: #fff;
      background-color: #2090ca;
      border-color: #0099C5; }
  .content-list h3 {
    background-color: #555;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    margin: 0; }
  .content-list .content-items {
    height: 450px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px 15px; }
  .content-list .note-or-review-item {
    margin: 5px 0px 5px; }
    .content-list .note-or-review-item:not(:first-child) {
      border-top: 1px solid #f0f0f0;
      padding-top: 15px; }
    .content-list .note-or-review-item:after {
      content: ' ';
      display: block;
      clear: both; }
    .content-list .note-or-review-item > a {
      display: inline-block;
      float: right; }
      .content-list .note-or-review-item > a img {
        width: 70px;
        margin: 0 0 5px 5px; }
    .content-list .note-or-review-item .note-text {
      margin-bottom: 8px; }
    .content-list .note-or-review-item em, .content-list .note-or-review-item i {
      color: #999;
      margin-top: 15px;
      font-style: normal; }
  .content-list .forum-item {
    margin: 5px 15px 15px; }
    .content-list .forum-item:not(:first-child) {
      border-top: 1px solid #f0f0f0;
      padding-top: 15px; }

#forums-small {
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd; }

.rss {
  background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-rss.png") no-repeat left center;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block; }

#blog-left .tiny-image-right {
  float: right;
  padding: 1px;
  margin: 10px 0 15px 10px; }

#blog-left .tiny-image-left {
  float: left;
  padding: 1px;
  margin: 10px 15px 10px 0; }

#blog-left h3.blog-search-results {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  color: #666;
  font-weight: normal;
  margin-bottom: 20px; }

#blog-left img {
  max-width: 100%; }

#blog-left .entry-date {
  text-transform: uppercase;
  font-size: 80%;
  letter-spacing: 2px;
  color: #444;
  margin: 5px 0 20px;
  display: block; }

#blog-left .tag-links {
  text-transform: uppercase;
  font-size: 80%;
  letter-spacing: 2px;
  color: #444;
  margin: 2px 0;
  display: block;
  clear: both; }

#blog-left .uBlogsy_post_body {
  margin-bottom: 30px;
  overflow: hidden; }

#blog-left .post {
  overflow: hidden; }

#blog-left .rollup {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D7D7D7; }

#blog-left h1.entry-title {
  margin: 10px 0;
  padding-bottom: 15px; }

#blog-left h2 {
  margin-bottom: 5px;
  padding-bottom: 0;
  font-size: 26px;
  font-weight: normal; }

#blog-left h2.comments,
#blog-left h3.comments-header {
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 10px;
  margin-top: 20px; }

#blog-left h3.comments-header {
  margin-bottom: 10px; }

#blog-left #related {
  clear: both; }

#blog-left #related ul {
  margin: 0 20px 0 0;
  list-style: none; }

#blog-left .share-social {
  margin-bottom: 25px;
  padding: 15px 0;
  float: left;
  width: 600px; }

#blog-left .twitter-share-button,
#blog-left .fb-like {
  display: inline-block;
  float: left;
  width: 90px !important; }

#blog-left .list {
  list-style: none;
  overflow: hidden;
  zoom: 1;
  margin: 0 0 30px 0; }

#blog-left .list li {
  float: left;
  width: 100%;
  border-bottom: 1px #ddd solid;
  padding: 10px 0 10px; }

#blog-left .list li img {
  width: 42px;
  height: 42px;
  margin-right: 10px;
  padding: 3px;
  display: inline-block;
  float: left;
  background: #FFF;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7; }

#blog-left .list li a {
  font-weight: 700;
  font-size: 110%; }

#blog-left .list li div {
  display: inline-block;
  float: left;
  margin-top: 5px; }

#blog-left .list a.delete {
  float: right;
  text-align: right;
  width: 50px;
  font-weight: 400;
  font-size: 100%;
  color: #999; }

#blog-left .list h3 {
  margin: 0 0 10px;
  display: block;
  font-weight: 400;
  font-size: 100%; }

#blog-left .list p {
  word-break: break-word; }

#blog-left .list h3 a,
#blog-left .list h3 b {
  font-size: 110%; }

#blog-left .list h3 i {
  font-size: 85%; }

#blog-left .add-comment {
  width: 400px;
  float: left;
  padding: 20px;
  background: #F6F6F6;
  border-top: 1px solid #DDD; }

#blog-left .add-comment .error-alert {
  float: left;
  width: 400px;
  padding: 20px;
  background: #f8e9e9;
  border: 1px #d8878f solid; }

#blog-left .add-comment em {
  width: 95px;
  display: inline-block;
  font-style: normal;
  float: left;
  line-height: 26px; }

#blog-left .add-comment ul {
  list-style: none;
  float: left;
  width: 270px;
  margin-bottom: 15px; }

#blog-left .add-comment ul li {
  padding: 8px 0;
  border-bottom: none; }

#blog-left .add-comment ul li input,
#blog-left .add-comment ul li textarea {
  width: 250px;
  background: #fff;
  border: none;
  padding: 6px 3px;
  border: 1px solid #ccc;
  vertical-align: top;
  font-size: 13px;
  color: #555; }

#blog-left .add-comment ul li label.error {
  display: inline-block; }

#blog-left .add-comment #gravatar {
  float: right;
  margin-top: 5px;
  background: #FFF;
  border-top: 1px solid #f7f7f7;
  border: 1px solid #ccc; }

#blog-left .add-comment .form-submit {
  clear: both; }

#blog-left .niceform li {
  border-bottom: 0; }

#blog-left .niceform textarea {
  width: 400px; }

.comments-link {
  display: inline; }

#blog-right {
  /*     width: 300px;
    float: right;
    padding-left: 20px;
    font-size: 90%;
 */ }
  #blog-right .search input#txtSearch {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 8px #ddd inset;
    margin: 5px 0;
    padding: 5px;
    width: 160px; }
  #blog-right .search input#btnSearch {
    background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/btn40.png") repeat scroll 0 0 transparent;
    width: 40px;
    display: inline-block;
    font-size: 12px;
    height: 25px;
    text-align: center;
    border: 0;
    margin-left: 5px; }
  #blog-right .search input#btnSearch:hover {
    background-position: left bottom;
    color: #555555;
    cursor: pointer;
    text-decoration: none; }
  #blog-right h3 {
    padding: 10px 0;
    margin: 0;
    display: block;
    color: #CC6633;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px; }
  #blog-right ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #blog-right ul li {
    display: block;
    border-bottom: 1px solid #eee; }
  #blog-right ul li a {
    padding: 5px 2px;
    display: inline-block; }
  #blog-right ul ul {
    padding-bottom: 10px; }
  #blog-right ul ul ul li {
    border-bottom: none; }
  #blog-right ul ul ul li a {
    padding: 3px 2px; }
  #blog-right ul ul ul li a:before {
    content: "-"; }

#uBlogsy_post_archive .uBlogsy_post-items {
  display: none;
  margin-top: 5px; }

#uBlogsy_post_archive .uBlogsy_months {
  display: none; }

#blog-right .rss {
  background: transparent url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-rss.png) no-repeat left center;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block; }

textarea.form-control.comment-input {
  height: 150px;
  margin-bottom: 15px; }

@media (max-width: 419px) {
  #blog-left .tiny-image-right, #blog-left .tiny-image-left {
    float: none;
    padding: 1px;
    margin: 10px auto; }
  #blog-left img {
    display: block; } }

.ui-datepicker {
  padding: 2px;
  width: 17em;
  background: #fff;
  border: 1px solid #ccc;
  color: #777;
  border-radius: 4px; }

.ui-datepicker .ui-widget-header {
  background: #E8EAEB;
  border: 1px solid #CCCFD1;
  font-weight: bold; }

.ui-datepicker .ui-helper-clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.ui-datepicker .ui-datepicker-header {
  padding: 0.2em 0;
  position: relative; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  height: 1.8em;
  position: absolute;
  top: 2px;
  width: 1.8em; }

.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-datepicker .ui-widget-header .ui-icon {
  background-image: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/ui-icons.png); }

.ui-datepicker .ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-datepicker .ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-datepicker .ui-icon {
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -99999px; }

.ui-datepicker th {
  border: 0 none;
  padding: 0;
  text-align: center;
  background: #fff;
  font-weight: normal; }

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
  background: #f7f7f7;
  border: 1px solid #e7e7e7;
  color: #555555;
  font-weight: normal; }

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  background: #fefefe;
  border: 1px solid #ddd; }

.ui-datepicker .ui-state-hover {
  cursor: pointer; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker td {
  border: 0 none;
  padding: 1px; }

.ui-datepicker table {
  margin-bottom: 0;
  width: 100%; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox {
  box-sizing: content-box; }
  #colorbox * {
    box-sizing: content-box; }

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/70pc.png") repeat 0 0; }

#colorbox {
  border: 10px solid #fff; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 28px; }

.search-popup #cboxTitle {
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/85pcwhite.png") repeat scroll 0 0 transparent;
  color: #666666;
  font-family: Georgia, Serif;
  font-size: 120%;
  left: 10px;
  padding: 10px;
  position: absolute;
  text-align: right;
  top: 10px;
  width: auto; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxLoadingOverlay {
  background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/round-loader.gif) no-repeat center center; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

.unsubscribe .social {
  margin: 0;
  list-style: none; }
  .unsubscribe .social li {
    padding: 4px 0 5px 25px; }
    .unsubscribe .social li.facebook {
      background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-tiny-facebook.png") no-repeat scroll left center transparent; }
    .unsubscribe .social li.twitter {
      background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-tiny-twitter.png") no-repeat scroll left center transparent; }
    .unsubscribe .social li.pinterest {
      background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-tiny-pinterest.png") no-repeat scroll left center transparent; }

#widget-preview {
  background: #f7f7f7;
  padding: 20px;
  border-radius: 10px; }

#payment-page .iframe-wrapper {
  position: relative;
  height: 495px;
  overflow: hidden;
  margin: 0 -15px;
  min-width: 485px; }
  #payment-page .iframe-wrapper.error {
    height: 160px; }

.email-not-your-thing {
  margin-top: 20px; }
  .email-not-your-thing h3 {
    font-weight: 600;
    font-size: 18px; }

.profile-edit h3 {
  margin-top: 20px; }

@media (min-width: 610px) {
  #payment-page .iframe-wrapper {
    margin: 0 -30px; } }

h1 {
  margin-bottom: 15px; }

h1 i a {
  cursor: pointer; }

h1 .edit-personal {
  position: relative;
  top: 7px;
  margin-left: 2px; }

.search-recipes {
  color: #555;
  font-size: 95%;
  font-weight: bold;
  position: relative; }

.sort, .sort:focus, .sort:active {
  position: relative;
  overflow: hidden;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CCC;
  color: #555;
  text-align: left;
  width: 145px;
  padding: 0 6px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

@media (max-width: 767px) {
  .sort {
    font-size: 16px; } }

.tab-content {
  margin-top: 10px; }

.book-cover {
  color: #999;
  display: block;
  font-size: 16px;
  clear: both;
  margin: 15px 0 0 0;
  position: relative;
  max-width: 350px; }
  .book-cover img {
    width: 100%;
    display: block;
    background: #FFF;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #e7e7e7;
    text-align: center;
    padding: 3px; }

#upload-image-btn {
  margin: 15px 0 10px; }

.member-images {
  margin: 0 0; }
  .member-images .frame {
    width: 100%;
    height: 90px;
    padding: 0;
    cursor: pointer;
    overflow: hidden; }
    .member-images .frame .slidee {
      font-size: 0;
      margin: 0;
      padding: 0;
      height: 100%;
      list-style: none;
      width: 10000px; }
      .member-images .frame .slidee li {
        display: inline-block;
        margin: 0;
        padding: 0;
        height: 100%; }
        .member-images .frame .slidee li img {
          height: 100%;
          border: 1px solid #ccc;
          padding: 2px;
          margin-right: 5px; }
  .member-images .scrollbar {
    width: 100%;
    height: 4px;
    margin: 3px 0; }
    .member-images .scrollbar .handle {
      width: 60%;
      /* overriden if dynamicHandle: 1 */
      height: 100%;
      background: #ccc; }

#member-bookshelfs .members > div {
  padding: 0 15px; }
  #member-bookshelfs .members > div a {
    font-weight: bold; }
  #member-bookshelfs .members > div div {
    padding: 10px 0;
    border-bottom: 1px solid #ddd; }

#detail-left .book-stats {
  list-style: none;
  padding: 0;
  margin: 20px 0 30px 0; }

#detail-left .book-stats li {
  padding: 3px 0; }

#detail-left .book-stats li:last-child {
  border-bottom: none; }

#detail-left .book-stats em {
  float: left;
  width: 80px;
  font-style: normal;
  color: #888; }

#detail-left .book-stats span {
  margin-left: 95px;
  display: block; }

#detail-left .book-stats ul {
  margin-left: 95px;
  display: block;
  list-style: none outside none;
  padding: 0; }
  #detail-left .book-stats ul a {
    display: block; }

#detail-left .book-stats ul li {
  border: none;
  padding: 0; }

#detail-left .book-stats ul li a {
  margin-right: 10px; }

#detail-left .pubtext ul {
  list-style-type: disc;
  margin: 0 15px 15px; }

/*#detail-left .pubtext ul {
    list-style-type: disc;
    margin: 0 15px 15px;
}*/
@media (min-width: 550px) {
  #detail-left .book-stats ul a {
    display: inline; } }

/* Recipe details */
#detail-left .list {
  border-bottom: 1px #ddd solid;
  margin: 0 0 30px 0;
  padding: 0; }
  #detail-left .list > li {
    padding: 10px 0;
    list-style: none; }
  #detail-left .list > li + li {
    border-top: 1px #ddd solid; }
  #detail-left .list.reviews > li > div {
    margin-right: 120px; }
  #detail-left .list.reviews > li > a {
    top: 10px;
    position: absolute;
    right: 0; }

.recipe-nav {
  float: right;
  background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/btn-left-right.png) no-repeat bottom;
  width: 55px;
  position: relative;
  top: 3px; }
  .recipe-nav a {
    width: 27px;
    height: 20px;
    display: inline-block;
    background: url(https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/btn-left-right.png) no-repeat;
    text-indent: -9999px; }
    .recipe-nav a.btn-prev {
      background-position: top left;
      margin-right: 1px;
      float: left; }
    .recipe-nav a.btn-next {
      background-position: top right;
      float: right; }
    .recipe-nav a:hover.btn-prev {
      background-position: center left; }
    .recipe-nav a:hover.btn-next {
      background-position: center right; }

a.view-larger {
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/85pcwhite.png") repeat scroll 0 0 transparent;
  color: #666666;
  display: block;
  float: right;
  font-size: 10px;
  height: 30px;
  letter-spacing: 1px;
  line-height: 30px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: -34px;
  margin-right: 4px;
  width: 120px;
  z-index: 3; }
  a.view-larger:active, a.view-larger:focus {
    outline: none;
    text-decoration: none; }
  a.view-larger:hover {
    text-decoration: none;
    cursor: pointer;
    color: #333; }

.photo-credit {
  color: #999999;
  display: block;
  font-size: 90%;
  font-style: italic;
  text-align: right; }

.accompaniments {
  padding-left: 12px;
  font-size: 95%;
  margin-top: 20px;
  clear: both; }

.accompaniments b {
  color: #555; }

.ui-dialog button {
  float: right;
  margin-left: 10px; }
  .ui-dialog button.btn-plain {
    border: 0;
    background: transparent;
    color: #007ca5;
    margin: 0;
    padding: 0; }

.member-indexing textarea {
  height: 120px; }

.member-indexing .notice {
  margin: 10px 100px 20px 0;
  font-weight: 500; }

.member-indexing .index-nav {
  float: right; }
  .member-indexing .index-nav .btn, .member-indexing .index-nav a {
    margin-left: 3px;
    margin-bottom: 15px; }
  .member-indexing .index-nav > div {
    clear: both;
    text-align: right; }
    .member-indexing .index-nav > div a {
      float: none;
      margin: 20px 0; }

.member-indexing #indexing-form {
  clear: both; }
  .member-indexing #indexing-form .hint {
    display: block;
    font-size: 13px;
    margin-top: -6px;
    font-style: italic; }
  .member-indexing #indexing-form #photo-selector img {
    max-width: 100%;
    max-height: 250px; }

.member-indexing .category-list {
  margin-bottom: 5px; }
  .member-indexing .category-list > div > div {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 2px;
    padding: 3px 10px;
    border-radius: 11px;
    background-color: #e6e6e6; }

.member-indexing .remove-item {
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-cancel-3up.png") no-repeat scroll center center transparent;
  display: inline-block;
  height: 12px;
  text-indent: -9999px;
  width: 12px;
  position: relative;
  top: 4px;
  left: 4px; }
  .member-indexing .remove-item:hover {
    background-position: center top; }

/* FORUM STYLES */
#dvFavorite1, #dvFavorite2 {
  display: none; }

#yafheader {
  display: none; }

#yafpage_postmessage > table {
  display: block; }
  #yafpage_postmessage > table > tbody {
    display: block; }
    #yafpage_postmessage > table > tbody > tr {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px; }
      #yafpage_postmessage > table > tbody > tr td[class*="col-"], #yafpage_postmessage > table > tbody > tr th[class*="col-"] {
        float: none;
        display: block;
        position: relative; }

@media (min-width: 768px) {
  #yafpage_postmessage > table > tbody > tr td[class*="col-"], #yafpage_postmessage > table > tbody > tr th[class*="col-"] {
    float: left; } }

@media (max-width: 767px) {
  .post-actions.buttons:after {
    content: ' ';
    display: block;
    clear: right; } }

.yaf-forum-content .yafPageLink {
  background-color: #fcfcfc;
  padding: 8px 15px;
  margin: 10px -10px; }

.yaf-forum-content .forum-row-section-title {
  padding: 15px 0;
  background-color: #f0f0f0;
  margin: 0 -10px; }

.yaf-forum-content .forum-row-title, .yaf-forum-content .post-row-title {
  background-color: #78C050;
  margin: 0 -10px; }
  .yaf-forum-content .forum-row-title > div, .yaf-forum-content .forum-row-title > a, .yaf-forum-content .post-row-title > div, .yaf-forum-content .post-row-title > a {
    color: #fff;
    float: left;
    padding: 15px 10px;
    text-align: left; }
    .yaf-forum-content .forum-row-title > div.header-forum, .yaf-forum-content .forum-row-title > a.header-forum, .yaf-forum-content .post-row-title > div.header-forum, .yaf-forum-content .post-row-title > a.header-forum {
      padding-left: 15px;
      width: 75%; }
    .yaf-forum-content .forum-row-title > div.header-topics, .yaf-forum-content .forum-row-title > a.header-topics, .yaf-forum-content .post-row-title > div.header-topics, .yaf-forum-content .post-row-title > a.header-topics {
      text-align: center;
      width: 25%; }
    .yaf-forum-content .forum-row-title > div.header-posts, .yaf-forum-content .forum-row-title > div.header-last-post, .yaf-forum-content .forum-row-title > a.header-posts, .yaf-forum-content .forum-row-title > a.header-last-post, .yaf-forum-content .post-row-title > div.header-posts, .yaf-forum-content .post-row-title > div.header-last-post, .yaf-forum-content .post-row-title > a.header-posts, .yaf-forum-content .post-row-title > a.header-last-post {
      text-align: center;
      display: none; }

.yaf-forum-content .post-header-row {
  padding: 7px 0;
  margin: 0 -10px 7px -10px;
  border-bottom: 1px solid #f0f0f0; }
  .yaf-forum-content .post-header-row > div:last-child {
    font-size: 13px; }
  .yaf-forum-content .post-header-row b {
    font-weight: 600; }

.yaf-forum-content .post-row {
  margin-bottom: 25px; }

.yaf-forum-content .forum-row-cat, .yaf-forum-content .forum-row-foot {
  padding: 8px 0;
  background-color: #f0f0f0;
  margin: 0 -10px; }

.yaf-forum-content .forum-row {
  margin: 0 -10px;
  border-bottom: 1px solid #f0f0f0; }
  .yaf-forum-content .forum-row > div {
    float: left;
    text-align: center;
    padding: 15px 10px; }
    .yaf-forum-content .forum-row > div.forum-link-col {
      width: calc(75% - 53px);
      text-align: left; }
    .yaf-forum-content .forum-row > div.topic-count-col {
      width: 25%; }
    .yaf-forum-content .forum-row > div.post-count-col, .yaf-forum-content .forum-row > div.last-post-col {
      display: none; }

.yaf-forum-content .topic-row-title {
  background-color: #f6f6f6;
  margin: 0 -10px; }
  .yaf-forum-content .topic-row-title > div {
    color: #555;
    float: left;
    padding: 15px 10px; }
    .yaf-forum-content .topic-row-title > div.header-topic {
      padding-left: 60px;
      width: 75%; }
    .yaf-forum-content .topic-row-title > div.header-replies {
      width: 25%; }
    .yaf-forum-content .topic-row-title > div.header-views, .yaf-forum-content .topic-row-title > div.header-last-post {
      display: none; }

.yaf-forum-content .topic-row {
  margin: 0 -10px; }
  .yaf-forum-content .topic-row.post {
    border-bottom: 1px solid #E6E6E6; }
  .yaf-forum-content .topic-row > div {
    float: left;
    padding: 15px 10px; }
    .yaf-forum-content .topic-row > div.topic-content {
      width: 75%; }
      .yaf-forum-content .topic-row > div.topic-content .topic-image {
        width: 50px;
        float: left; }
      .yaf-forum-content .topic-row > div.topic-content .topic-main {
        margin-left: 50px; }
    .yaf-forum-content .topic-row > div.topic-replies {
      width: 25%; }
    .yaf-forum-content .topic-row > div.topic-views, .yaf-forum-content .topic-row > div.topic-last-post {
      display: none; }

.yaf-forum-content .forum-row-latest-post {
  margin: 0 -10px;
  padding: 12px 0;
  border: 1px solid #f0f0f0;
  border-top: none; }
  .yaf-forum-content .forum-row-latest-post img {
    width: 16px; }
  .yaf-forum-content .forum-row-latest-post .text-message-link {
    margin-left: 8px;
    font-weight: 600; }

.yaf-forum-content .stats-row > div {
  float: left;
  padding: 10px 15px; }

.yaf-forum-content .forum-search-link {
  position: absolute;
  top: 5px;
  right: 20px;
  color: #666;
  display: block;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  font-weight: bold;
  margin-top: 5px;
  padding-right: 17px;
  background: url("/Themes/eyb/forum-search.png") top right no-repeat; }

.yaf-forum-content .search-form .forum-row-title, .yaf-forum-content .search-form .post-row-title {
  margin-bottom: 25px; }

.yaf-forum-content .search-form .form-control {
  margin-bottom: 5px; }

.yaf-forum-content .yafpager {
  margin: 8px 0; }
  .yaf-forum-content .yafpager > span, .yaf-forum-content .yafpager > a > span {
    padding: 1px 7px;
    border: 1px solid #f0f0f0;
    margin: 1px; }
  .yaf-forum-content .yafpager .pagecount {
    padding: 1px 10px;
    white-space: nowrap; }
  .yaf-forum-content .yafpager .pagecurrent {
    color: #fff;
    font-weight: bold;
    background: #999;
    border-color: #888; }

.yaf-forum-content .quote {
  padding: 0  10px; }

.yaf-forum-content .innerquote {
  margin-top: 5px;
  padding: 10px;
  background-color: #fefefe;
  border: 1px dashed #808080;
  clear: both; }

.yaf-forum-content .buttons > span, .yaf-forum-content .buttons > a {
  float: right; }

.yaf-forum-content .buttons .btn {
  margin: 0 0 5px 3px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  background: #f0f0f0;
  border-color: #ddd; }

.yaf-forum-content .PrevTopicLink {
  background: url("/Themes/eyb/LeftArrow.png") transparent no-repeat 0 50%;
  padding: 2px 4px 2px 20px !important; }

.yaf-forum-content .NextTopicLink {
  background: url("/Themes/eyb/RightArrow.png") transparent no-repeat 100% 50%;
  padding: 2px 20px 2px 4px !important; }

.yaf-forum-content .post-container .row {
  border-bottom: 1px solid #ddd;
  margin: 15px -15px; }

.yaf-forum-content .post-container .user {
  margin-bottom: 15px; }
  .yaf-forum-content .post-container .user .username {
    text-align: center; }
  .yaf-forum-content .post-container .user .user-image {
    text-align: center; }
    .yaf-forum-content .post-container .user .user-image img {
      display: inline;
      margin: 0 auto; }

.yaf-forum-content .post-container .post-header {
  padding: 0 5px;
  margin-bottom: 10px; }
  .yaf-forum-content .post-container .post-header .post-actions {
    margin-top: 10px; }
    .yaf-forum-content .post-container .post-header .post-actions.buttons .btn {
      height: 26px;
      line-height: 26px;
      font-size: 11px;
      margin: 5px 0 2px 2px; }

.yaf-forum-content .post-container .post-detail {
  padding: 0 5px;
  margin-bottom: 20px; }

.yaf-forum-content .post-container table {
  display: none; }

.yaf-forum-content .gravatar-text, .yaf-forum-content .smallfont {
  font-size: 12px; }

.yaf-forum-content #DivIconLegend {
  display: none; }

@media (min-width: 590px) {
  .yaf-forum-content .post-container {
    position: relative; }
    .yaf-forum-content .post-container .post-header {
      position: relative; }
      .yaf-forum-content .post-container .post-header .post-actions {
        position: absolute;
        top: -15px;
        right: 0; }
    .yaf-forum-content .post-container .post-detail {
      margin-top: 20px; }
  .yaf-forum-content #DivIconLegend {
    display: none; } }

@media (min-width: 420px) {
  .yaf-forum-content .post-container .user {
    width: 140px;
    float: left;
    margin-bottom: 15px; }
  .yaf-forum-content .post-container .post-header {
    padding: 0 15px; }
  .yaf-forum-content .post-container .post-detail {
    padding: 0 15px; } }

@media (min-width: 768px) {
  .yaf-forum-content .forum-row-title, .yaf-forum-content .post-row-title {
    background-color: #78C050;
    margin: 0 -10px; }
    .yaf-forum-content .forum-row-title > div, .yaf-forum-content .post-row-title > div {
      color: #fff;
      float: left;
      padding: 15px 10px; }
      .yaf-forum-content .forum-row-title > div.header-forum, .yaf-forum-content .post-row-title > div.header-forum {
        padding-left: 15px;
        width: 70%; }
      .yaf-forum-content .forum-row-title > div.header-topics, .yaf-forum-content .post-row-title > div.header-topics {
        width: 15%; }
      .yaf-forum-content .forum-row-title > div.header-posts, .yaf-forum-content .post-row-title > div.header-posts {
        display: block;
        width: 15%; }
      .yaf-forum-content .forum-row-title > div.active-col, .yaf-forum-content .post-row-title > div.active-col {
        padding-left: 15px; }
  .yaf-forum-content .forum-row {
    margin: 0 -10px; }
    .yaf-forum-content .forum-row > div {
      float: left; }
      .yaf-forum-content .forum-row > div.forum-link-col {
        width: calc(70% - 53px); }
      .yaf-forum-content .forum-row > div.topic-count-col {
        width: 15%; }
      .yaf-forum-content .forum-row > div.post-count-col {
        width: 15%;
        display: block; }
  .yaf-forum-content .topic-row-title {
    background-color: #f6f6f6;
    margin: 0 -10px; }
    .yaf-forum-content .topic-row-title > div {
      color: #555;
      float: left;
      padding: 15px 10px; }
      .yaf-forum-content .topic-row-title > div.header-topic {
        padding-left: 60px;
        width: 60%; }
      .yaf-forum-content .topic-row-title > div.header-replies {
        width: 10%; }
      .yaf-forum-content .topic-row-title > div.header-views {
        width: 10%;
        display: block; }
      .yaf-forum-content .topic-row-title > div.header-last-post {
        width: 20%;
        display: block; }
  .yaf-forum-content .topic-row {
    margin: 0 -10px; }
    .yaf-forum-content .topic-row > div {
      float: left;
      padding: 15px 10px; }
      .yaf-forum-content .topic-row > div.topic-content {
        width: 60%; }
        .yaf-forum-content .topic-row > div.topic-content .topic-image {
          width: 50px;
          float: left; }
        .yaf-forum-content .topic-row > div.topic-content .topic-main {
          margin-left: 50px; }
      .yaf-forum-content .topic-row > div.topic-replies {
        width: 10%; }
      .yaf-forum-content .topic-row > div.topic-views {
        width: 10%;
        display: block; }
      .yaf-forum-content .topic-row > div.topic-last-post {
        width: 20%;
        display: block; }
  .yaf-forum-content .post-posted .posted {
    float: left; }
  .yaf-forum-content .post-posted .buttons {
    float: right; }
  .yaf-forum-content .post-container {
    position: relative; }
    .yaf-forum-content .post-container .post-header {
      margin-left: 140px; }
      .yaf-forum-content .post-container .post-header .post-actions {
        position: absolute;
        top: -15px;
        right: 0; }
    .yaf-forum-content .post-container .post-detail {
      margin-top: 20px;
      margin-left: 140px; } }

@media (min-width: 992px) {
  .yaf-forum-content .forum-row-title, .yaf-forum-content .post-row-title {
    background-color: #78C050;
    margin: 0 -10px;
    font-size: 15px; }
    .yaf-forum-content .forum-row-title > div, .yaf-forum-content .post-row-title > div {
      color: #fff;
      float: left;
      padding: 15px 10px; }
      .yaf-forum-content .forum-row-title > div.header-forum, .yaf-forum-content .post-row-title > div.header-forum {
        padding-left: 15px;
        width: 45%; }
      .yaf-forum-content .forum-row-title > div.header-topics, .yaf-forum-content .post-row-title > div.header-topics {
        width: 10%; }
      .yaf-forum-content .forum-row-title > div.header-posts, .yaf-forum-content .post-row-title > div.header-posts {
        width: 10%; }
      .yaf-forum-content .forum-row-title > div.header-last-post, .yaf-forum-content .post-row-title > div.header-last-post {
        display: block;
        width: 35%; }
  .yaf-forum-content .forum-row {
    margin: 0 -10px; }
    .yaf-forum-content .forum-row > div {
      float: left;
      text-align: center;
      padding: 15px 10px; }
      .yaf-forum-content .forum-row > div.forum-link-col {
        width: calc(45% - 53px);
        text-align: left; }
      .yaf-forum-content .forum-row > div.topic-count-col {
        width: 10%; }
      .yaf-forum-content .forum-row > div.post-count-col {
        width: 10%; }
      .yaf-forum-content .forum-row > div.last-post-col {
        width: 35%;
        display: block;
        text-align: left;
        font-size: 13px; } }

@media (min-width: 1200px) {
  .yaf-forum-content .forum-row-title > div.header-forum, .yaf-forum-content .post-row-title > div.header-forum {
    width: 50%; }
  .yaf-forum-content .forum-row-title > div.header-last-post, .yaf-forum-content .post-row-title > div.header-last-post {
    width: 30%; }
  .yaf-forum-content .forum-row > div.forum-link-col {
    width: calc(50% - 53px); }
  .yaf-forum-content .forum-row > div.last-post-col {
    width: 30%; } }

.ui-tabs-hide {
  display: none; }

#recipe-grid .t-grid {
  min-width: 620px; }
  #recipe-grid .t-grid td {
    padding: 3px 5px;
    line-height: 1.2em; }
  #recipe-grid .t-grid th:nth-child(1), #recipe-grid .t-grid td:nth-child(1) {
    width: 6%; }
  #recipe-grid .t-grid th:nth-child(2), #recipe-grid .t-grid td:nth-child(2) {
    width: 50%; }
  #recipe-grid .t-grid th:nth-child(3), #recipe-grid .t-grid td:nth-child(3) {
    width: 18%; }
  #recipe-grid .t-grid th:nth-child(5), #recipe-grid .t-grid td:nth-child(5) {
    width: 6%; }
  #recipe-grid .t-grid .t-animation-container {
    z-index: 100; }
    #recipe-grid .t-grid .t-animation-container .t-filter-options > * {
      box-sizing: border-box; }

.t-widget * {
  box-sizing: content-box; }
  .t-widget * .recipe-delete {
    display: block;
    height: 12px;
    border: 0;
    cursor: pointer;
    position: relative;
    text-indent: -9999px;
    background: transparent url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-cancel-3up.png") no-repeat center; }
    .t-widget * .recipe-delete:hover {
      background-position: center 0; }

.public-bookshelf .bigger-block {
  font-size: 16px; }
  .public-bookshelf .bigger-block p {
    margin: 20px 0; }

.public-bookshelf .row {
  margin-top: 30px; }
  .public-bookshelf .row img {
    max-width: 100%; }
  .public-bookshelf .row ul li {
    margin-top: 15px; }

.misc-repeating ul {
  list-style: none;
  margin: 0; }

.image-list-small {
  border-bottom: 3px solid #EEEEEE;
  border-top: 1px solid #C7C7C7;
  float: none;
  min-height: 133px;
  display: block;
  padding: 10px 0 5px; }
  .image-list-small:before, .image-list-small:after {
    content: ' ';
    clear: both;
    display: block; }

.image-list-large {
  padding: 10px 0 5px; }
  .image-list-large:before, .image-list-large:after {
    content: ' ';
    clear: both;
    display: block; }
  .image-list-large:before {
    padding-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #C7C7C7; }

.image-list-small img, .image-list-large img {
  float: right;
  margin: 0 0 20px 20px; }

.video-list {
  border-bottom: 3px solid #EEEEEE;
  border-top: 1px solid #C7C7C7;
  float: left;
  padding: 10px 0 5px;
  width: 780px; }
  .video-list .video {
    float: left;
    margin: 10px; }
  .video-list .description {
    padding: 20px;
    width: 350px;
    float: left; }

.book-list {
  padding: 0;
  max-width: 600px;
  float: none;
  display: block;
  clear: left; }
  .book-list:before {
    content: ' ';
    display: block;
    margin-top: -50px;
    height: 50px;
    padding-top: 25px;
    border-bottom: 1px solid #C7C7C7;
    margin-bottom: 10px; }
  .book-list:after {
    content: ' ';
    display: block;
    clear: both;
    padding-bottom: 10px; }
  .book-list .book-img {
    float: left;
    margin: 10px 10px 10px 0;
    text-align: center;
    width: 100px; }
    .book-list .book-img img {
      padding: 5px;
      max-width: 90px; }
  .book-list .indexed {
    color: #555;
    float: left;
    font-size: 90%;
    width: 100px; }
  .book-list .book-data {
    padding-top: 10px;
    margin-left: 110px; }

.linked-book {
  background: url("https://f933e037afce6a4510d2-1b0b5f08348066fb5b3690501dcb8e42.ssl.cf1.rackcdn.com/icon-linked.png") no-repeat bottom;
  cursor: pointer;
  display: inline-block;
  height: 26px;
  width: 16px;
  position: relative;
  top: 6px;
  margin-left: 2px !important; }

@media (min-width: 768px) {
  .book-list:before {
    margin-top: -70px;
    height: 70px; } }

.box__dragndrop,
.box__icon,
.box__uploading,
.box__success,
.box__error {
  display: none; }

.box .modal-body {
  position: relative;
  padding: 50px 40px 30px; }

.box.has-advanced-upload .modal-body {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear; }

.box.is-dragover {
  outline-offset: -20px;
  outline-color: #c8dadf;
  background-color: #fff; }

.box.has-advanced-upload .box__dragndrop {
  display: inline; }

.box.has-advanced-upload .box__icon {
  width: 100%;
  height: 80px;
  fill: #92b0b3;
  display: block;
  margin-bottom: 40px; }

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
  visibility: hidden; }

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  left: 20px;
  transform: translateY(-50%); }

.box__uploading {
  font-style: italic; }

.box__success {
  animation: appear-from-inside .25s ease-in-out; }

/*@-webkit-keyframes appear-from-inside
{
	from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
	75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
	to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
}*/
@keyframes appear-from-inside {
  from {
    transform: translateY(-50%) scale(0); }
  75% {
    transform: translateY(-50%) scale(1.1); }
  to {
    transform: translateY(-50%) scale(1); } }

.box__restart {
  font-weight: 700; }

.box__restart:focus,
.box__restart:hover {
  color: #39bfd3; }

.js .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.js .box__file + label {
  padding: 10px 20px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-weight: normal;
  font-size: 15px; }

.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
  color: #39bfd3; }

.js .box__file:focus + label,
.js .box__file.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

.js .box__file + label {
  /* pointer-events: none; */
  /* in case of FastClick lib use */ }
  .js .box__file + label strong {
    color: #007ca5; }

.no-js .box__file + label {
  display: none; }

.no-js .box__button {
  display: block; }

.box__button {
  font-weight: 700;
  color: #e5edf1;
  background-color: #39bfd3;
  display: block;
  padding: 8px 16px;
  margin: 40px auto 0; }
  .box__button:hover, .box__button:focus {
    background-color: #0f3c4b; }

.box__input .terms-and-conditions {
  margin-top: 30px;
  font-style: italic;
  text-align: center; }

#bookmark-lists-wrapper {
  margin-bottom: 10px; }
  #bookmark-lists-wrapper .well {
    background-color: #fff;
    padding: 0;
    max-height: 160px;
    overflow: auto;
    margin-bottom: 5px; }

.blog-post-img {
  float: left; }

#blog-left .home-page-post .uBlogsy_post_body {
  padding-bottom: 25px;
  margin-bottom: 15px;
  margin-top: 0;
  border-bottom: 1px solid #eee; }

#blog-left .home-page-post .entry-title {
  padding-bottom: 5px; }

#blog-left .home-page-post .entry-date {
  margin: 0 0 10px; }

.blog-post-img img {
  width: 150px;
  margin: 4px 8px 8px 0; }

#post_archive .months {
  margin-left: 15px; }

#post_archive .months .month:last-child {
  border: none; }

.wp-block-image {
  max-width: 100%;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0; }
  .wp-block-image figure.aligncenter, .wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto; }
  .wp-block-image figure.alignright {
    float: right;
    padding: 1px;
    margin: 10px 0 15px 10px; }
  .wp-block-image figure.alignleft {
    float: left;
    padding: 1px;
    margin: 10px 15px 10px 0; }

/*# sourceMappingURL=default.css.map */