/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#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; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    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:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(/assets2/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/assets2/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/assets2/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/assets2/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('/assets2/gritter/ie-spacer.gif'); /* ie7/8 fix */
}
.gritter-top {
	background:url('/assets2/gritter/gritter.png') no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url('/assets2/gritter/gritter.png') no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url('/assets2/gritter/gritter.png') no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;
	background:url('/assets2/gritter/gritter.png') no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
	text-indent:-9999em;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
/* for the light (#FFF8E1) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url('/assets2/gritter/gritter-light.png');
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}

.form-group label {
  width: 100%; }
  .form-group label .label-danger {
    float: right; }

.form-group #input_message {
  resize: none; }

.form label {
  line-height: normal; }

.mobile .form label {
  line-height: 20px; }

.section-depth-1 {
  padding-left: 10px; }

.section-depth-2 {
  padding-left: 20px; }

.section-depth-3 {
  padding-left: 30px; }

.section-depth-4 {
  padding-left: 40px; }

.section-depth-5 {
  padding-left: 50px; }

.bootstrap3 .list-group-item {
  position: relative; }

.glyphicon-wrapper {
  line-height: 100%;
  display: inline-block; }

.bootstrap3 .support-app .list-group-item {
  padding: 0; }
  .bootstrap3 .support-app .list-group-item .accordeon-link {
    width: 100%;
    display: block;
    padding: 10px 20px 10px 15px;
    color: inherit;
    font-weight: normal; }
    .bootstrap3 .support-app .list-group-item .accordeon-link:hover {
      text-decoration: none; }
  .bootstrap3 .support-app .list-group-item .glyphicon-wrapper {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    display: inline-block; }

.support-app ul {
  margin: 0px; }
  .support-app ul .selected-heading {
    background-color: #96c896 !important;
    cursor: pointer; }
  .support-app ul li.heading {
    background-color: #c8c8c8 !important; }
  .support-app ul li.choice {
    cursor: pointer; }
  .support-app ul .section-item {
    padding-left: 10px; }
  .support-app ul.no-bullets {
    list-style: none; }

.support-app .description {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 20px; }
  .support-app .description.no-parents {
    display: block;
    background-color: #323232;
    color: #FFF8E1;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0; }

.support-app .form {
  padding-left: 5px;
  padding-right: 5px; }
  .support-app .form .image-field {
    display: block; }

.support-app .success-message {
  margin: 20px 10px 20px 10px;
  #FFF8E1-space: pre;
  font-weight: bold;
  font-size: 16px;
  font-size: 3vmin; }

.desktop .react-app-container {
  text-align: center;
  padding-top: 50px; }
  .desktop .react-app-container .support-app {
    text-align: left;
    display: inline-block;
    width: 600px;
    max-width: 700px;
    min-height: 400px; }
    .desktop .react-app-container .support-app .continue-btn-container {
      text-align: center; }
      .desktop .react-app-container .support-app .continue-btn-container .continue {
        color: #e8f0de; }
        .desktop .react-app-container .support-app .continue-btn-container .continue:hover {
          color: #fff;
          text-decoration: none; }

.mobile .continue-btn-container {
  text-align: left;
  margin: 0 10px; }
  .mobile .continue-btn-container .continue {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border: 1px solid transparent;
    border-radius: 4px;
    #FFF8E1-space: nowrap;
    user-select: none;
    cursor: pointer; }
    .mobile .continue-btn-container .continue:hover {
      color: #fff;
      text-decoration: none; }
.admin_message {
  width: 570px;
  margin: 10px auto;
  padding: 5px;
  border: 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden; }

.admin_message p {
  float: left; }

.admin_message .msg p {
  margin: 0px 5px;
  padding: 0; }

.admin_message .remove {
  float: right;
  width: 16px; }

.adm_blue {
  border-color: #022B97;
  background-color: #E6ECF7;
  color: #022B97; }

.adm_blue a {
  color: #022B97; }

.adm_red {
  border-color: #900;
  background-color: #FFE1E1;
  color: #900; }

.adm_green {
  border-color: #0e4601;
  background-color: #caedc2;
  color: #0e4601; }

.adm_yellow {
  border-color: #503f02;
  background-color: #fffcb8;
  color: #000; }

.home {
  /* ---------------------- amend reg ---------------------- */
  /* ----------------------Validate Error ---------------------- */ }
  .home .hp_nav {
    width: 570px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    overflow: hidden; }
  .home .hp_nav .item {
    width: 25%;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    float: left; }
  .home .hp_nav .item a {
    text-decoration: none;
    color: #006600; }
  .home .hp_nav .item a:hover {
    color: #0000ff;
    text-decoration: none; }
  .home #profile_container {
    width: 580px;
    text-decoration: none;
    margin: 0 auto 5px auto;
    border: 1px solid #006600; }
  .home #account_container {
    width: 580px;
    text-decoration: none;
    margin: 0 auto 5px auto;
    border: 1px solid #006600; }
  .home .tools_head {
    font-size: 20px;
    text-decoration: none;
    color: #006600;
    font-family: Verdana, Arial, Helvetica, sans-serif; }
  .home #mem_menu {
    width: 580px;
    margin: 0 auto;
    text-align: center; }
  .home .hp_nav {
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px;
    width: 570px; }
  .home #tools_head_profile {
    width: 580px;
    text-decoration: none;
    margin: 0 auto;
    padding: 0 0 0 0;
    background-color: #FFFFFF; }
  .home #tools_head_account {
    width: 580px;
    text-decoration: none;
    margin: 0 auto;
    padding: 0 0 0 0;
    background-color: #FFFFFF; }
  .home #tools_head_account table, .home #tools_head_profile table {
    border-collapse: separate;
    border-spacing: 2px; }
  .home .gen_link {
    font-size: 12px;
    color: #006600;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif; }
  .home .gen_link a:link {
    color: #006600;
    text-decoration: none; }
  .home .gen_link a:active {
    color: #006600;
    text-decoration: none; }
  .home .gen_link a:visited {
    color: #006600;
    text-decoration: none; }
  .home .gen_link a:hover {
    color: #006600;
    text-decoration: underline; }
  .home .gen2 {
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-right: 5px; }
  .home .fleft {
    float: left; }
  .home .pageheader {
    color: #990000;
    font-family: 'ClarendonBold',serif;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
  .home .amreg_form {
    float: left;
    overflow: hidden;
    margin-right: 15px; }
  .home .flabel {
    width: 90px;
    display: inline-block; }
  .home #field, .home label {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; }
  .home label {
    width: 10em; }
  .home br {
    clear: both; }
  .home input {
    margin-left: .5em;
    float: left;
    margin-bottom: .5em; }
  .home label.error {
    float: none;
    padding-left: 16px;
    margin-left: .3em;
    width: 200px;
    color: red; }
  .home label.valid {
    display: block;
    width: 16px;
    height: 16px; }
.container1 {
  margin: 15px;
  overflow: hidden; }

.blocklist_toprow {
  padding: 3px;
  background-color: #006600;
  color: #FFFFCC;
  overflow: hidden; }

.bl_sender {
  text-align: left;
  float: left;
  width: 75%; }

.bl_delete {
  text-align: center;
  float: left;
  width: 25%; }

.blrow2 {
  background-color: #F2F2F2;
  padding: 3px;
  overflow: hidden; }

.blrow1 {
  background-color: #FFFFFF;
  padding: 3px;
  overflow: hidden; }
.prof_header {
  color: #006600;
  font-size: 14px;
  font-weight: bold;
  margin: 0 15px;
  padding: 15px 5px 5px; }

.prof_header {
  color: #990000;
  font-family: 'ClarendonBold',serif;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.prof_create_nav {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: -moz-linear-gradient(#FBFBEE, #E0E0CB) repeat scroll 0 0 transparent;
  border-color: #E0E0CB #FFFFFF #FFFFFF #E0E0CB;
  border-style: solid;
  border-width: 1px;
  margin: 5px auto;
  overflow: hidden;
  width: 100%; }

.prof_create_nav a {
  color: #999999;
  font-weight: bold;
  text-decoration: none; }

.prof_create_nav .s1, .prof_create_nav .s2, .prof_create_nav .s3 {
  color: #999999;
  float: left;
  font-size: 15px;
  font-weight: normal;
  margin: 5px 0;
  padding-top: 4px;
  text-align: center;
  width: 33%; }

.prof_create_nav .s1, .prof_create_nav .s2 {
  border-right: 1px solid #CCCCCC; }

.prof_create_nav .current {
  color: #990000;
  font-size: 20px;
  font-weight: bold;
  padding-top: 0; }

.prof_create_nav .visited {
  color: #999999;
  font-weight: bold; }

.prof_sect {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  width: 100%; }

.prof_sect h3 {
  border: medium none;
  font-size: 20px;
  margin: 15px 0 4px;
  padding: 0; }

.prof_sect h2 {
  border: medium none;
  font-size: 20px; }

.prof_sect .left_col {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%; }

.prof_note, .prof_note a {
  color: #484848;
  font-size: 11px;
  font-weight: normal; }

.prof_note {
  margin: 0;
  padding: 0;
  width: 100%; }

.sect_row {
  clear: both;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  width: 100%; }

.prof_input_text {
  -moz-box-sizing: border-box;
  border: 1px solid #B1B5BA;
  border-radius: 5px 5px 5px 5px;
  font-size: 13px;
  margin: 0;
  max-width: 100%;
  padding: 4px;
  resize: none;
  width: 100%; }

.clear {
  clear: both;
  height: 10px; }

.four_col_label_l, .four_col_label_r {
  color: #000000;
  float: left;
  overflow: hidden;
  padding-top: 6px;
  width: 25%; }

.four_col_label_l p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 6px; }

.four_col_label_r p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 30px; }

.four_col_input {
  float: left;
  width: 25%; }

.prof_dropdown {
  border: 1px solid #B1B5BA;
  border-radius: 5px 5px 5px 5px;
  font-size: 13px;
  margin: 0;
  padding: 4px;
  width: 100%; }

.prof_bottom {
  border-top: 1px solid #000000;
  clear: both;
  overflow: hidden;
  padding: 15px 0; }

.prof_bottom .left {
  float: left;
  text-align: left;
  width: 70%; }

.prof_bottom .right {
  float: right;
  text-align: right;
  width: 30%; }

.style4 {
  color: #FF0000;
  font-size: 10px; }

.style5 {
  font-style: italic; }
.edit_photos .photo_header {
  color: #006600;
  font-size: 14px;
  font-weight: bold;
  margin: 0 15px;
  padding: 15px 5px 5px;
  color: #990000;
  font-family: 'ClarendonBold',serif;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.edit_photos .photo_body {
  margin: 0 15px;
  margin-top: 0;
  padding: 15px 5px 5px;
  padding-top: 0;
  font-family: 'ClarendonBold',serif;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
  .edit_photos .photo_body .photo_sect {
    clear: both; }
    .edit_photos .photo_body .photo_sect h3 {
      color: #900;
      font-size: 1.5em; }
    .edit_photos .photo_body .photo_sect .photo_note {
      color: #484848;
      font-size: 11px;
      font-weight: normal; }
    .edit_photos .photo_body .photo_sect .photo_right, .edit_photos .photo_body .photo_sect .photo_left, .edit_photos .photo_body .photo_sect .photo_center {
      float: right;
      width: 300px;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 10px;
      height: 70px;
      margin-bottom: 10px; }
      .edit_photos .photo_body .photo_sect .photo_right .option, .edit_photos .photo_body .photo_sect .photo_left .option, .edit_photos .photo_body .photo_sect .photo_center .option {
        color: green;
        font-size: 12px;
        border-bottom: 1px dashed black;
        margin-bottom: 10px;
        text-align: left; }
    .edit_photos .photo_body .photo_sect .photo_left {
      float: left; }
      .edit_photos .photo_body .photo_sect .photo_left form label {
        display: block; }
    .edit_photos .photo_body .photo_sect .photo_center {
      float: none; }
    .edit_photos .photo_body .photo_sect .no-facebook-post {
      margin-bottom: 5px;
      text-align: center; }
    .edit_photos .photo_body .photo_sect .image {
      width: 100px; }
      .edit_photos .photo_body .photo_sect .image .button_to {
        position: absolute; }
        .edit_photos .photo_body .photo_sect .image .button_to .close {
          position: relative;
          top: -10px;
          left: 80px;
          opacity: 0.7;
          font-size: 1.5em; }
          .edit_photos .photo_body .photo_sect .image .button_to .close:hover {
            opacity: 1; }
      .edit_photos .photo_body .photo_sect .image.default {
        border: 2px solid #999;
        padding: 3px;
        width: 128px; }
        .edit_photos .photo_body .photo_sect .image.default .close {
          left: 112px;
          top: -12px;
          opacity: 1; }
    .edit_photos .photo_body .photo_sect ul {
      list-style: none;
      padding-left: 0; }
      .edit_photos .photo_body .photo_sect ul li {
        float: left;
        min-width: 135px;
        height: 160px; }
        .edit_photos .photo_body .photo_sect ul li .controls {
          margin: 1px; }

.edit_photos .photo_create_nav {
  width: 100%;
  margin: 5px auto;
  border: 1px solid red;
  overflow: hidden;
  background-color: #e0e0cb;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e0e0cb;
  border-right-color: #FFF;
  border-bottom-color: #FFF;
  border-left-color: #e0e0cb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbee), to(#e0e0cb));
  background: -moz-linear-gradient(#fbfbee, #e0e0cb);
  background: linear-gradient(#fbfbee, #e0e0cb); }
  .edit_photos .photo_create_nav a {
    color: #999999;
    font-weight: bold;
    text-decoration: none; }
  .edit_photos .photo_create_nav .s1, .edit_photos .photo_create_nav .s2, .edit_photos .photo_create_nav .s3 {
    color: #999999;
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0;
    padding-top: 4px;
    text-align: center;
    width: 33%; }
  .edit_photos .photo_create_nav .s1, .edit_photos .photo_create_nav .s2 {
    border-right: 1px solid #CCCCCC; }
  .edit_photos .photo_create_nav .current {
    color: #990000;
    font-size: 20px;
    font-weight: bold;
    padding-top: 0; }
  .edit_photos .photo_create_nav .visited {
    color: #999999;
    font-weight: bold; }

table.photos {
  width: 100%;
  margin-top: 20px; }
  table.photos td.image {
    width: 50%; }
  table.photos .processing {
    width: 100%;
    height: 102px;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #c8c8c8;
    position: relative; }
    table.photos .processing .delete {
      position: absolute;
      right: 10px;
      bottom: 10px;
      height: 21px;
      width: 100px; }
  table.photos table.image {
    text-align: left;
    border: 1px solid #c8c8c8;
    padding-right: 10px; }
    table.photos table.image .buttons {
      width: 30%;
      padding-top: 10px; }
      table.photos table.image .buttons input[type=submit] {
        width: 100px; }
  table.photos .primary {
    border: 1px dashed #c86465; }
    table.photos .primary center {
      font-size: 14px;
      font-weight: bold; }
.edit-profile .prof_header {
  color: #006600;
  font-size: 14px;
  font-weight: bold;
  margin: 0 15px;
  padding: 15px 5px 5px;
  color: #990000;
  font-family: 'ClarendonBold',serif;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.edit-profile .prof_body {
  margin: 0 15px;
  margin-top: 0;
  padding: 15px 5px 5px;
  padding-top: 0;
  font-family: 'ClarendonBold',serif;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.edit-profile .prof_create_nav {
  width: 100%;
  margin: 5px auto;
  border: 1px solid red;
  overflow: hidden;
  background-color: #e0e0cb;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e0e0cb;
  border-right-color: #FFF;
  border-bottom-color: #FFF;
  border-left-color: #e0e0cb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbee), to(#e0e0cb));
  background: -moz-linear-gradient(#fbfbee, #e0e0cb);
  background: linear-gradient(#fbfbee, #e0e0cb); }
  .edit-profile .prof_create_nav a {
    color: #999999;
    font-weight: bold;
    text-decoration: none; }
  .edit-profile .prof_create_nav .s1, .edit-profile .prof_create_nav .s2, .edit-profile .prof_create_nav .s3 {
    color: #999999;
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0;
    padding-top: 4px;
    text-align: center;
    width: 33%; }
  .edit-profile .prof_create_nav .s1, .edit-profile .prof_create_nav .s2 {
    border-right: 1px solid #CCCCCC; }
  .edit-profile .prof_create_nav .current {
    color: #990000;
    font-size: 20px;
    font-weight: bold;
    padding-top: 0; }
  .edit-profile .prof_create_nav .visited {
    color: #999999;
    font-weight: bold; }

.edit-profile .prof_sect {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
  color: #990000;
  font-family: 'ClarendonBold',serif;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.edit-profile .prof_sect h3 {
  border: medium none;
  font-size: 20px;
  margin: 15px 0 4px;
  padding: 0; }

.edit-profile .prof_sect h2 {
  border: medium none;
  font-size: 20px; }

.edit-profile .prof_sect .left_col {
  float: left;
  margin: 0;
  padding: 0;
  width: 98%; }

.edit-profile .prof_note, .edit-profile .prof_note a {
  color: #484848;
  font-size: 11px;
  font-weight: normal; }

.edit-profile .prof_note {
  margin: 0;
  padding: 0;
  width: 100%; }

.edit-profile .sect_row {
  clear: both;
  margin: 0;
  max-width: 100%;
  overflow: hidden; }

.edit-profile .prof_input_text {
  -moz-box-sizing: border-box;
  border: 1px solid #B1B5BA;
  border-radius: 5px 5px 5px 5px;
  font-size: 13px;
  margin: 0;
  max-width: 100%;
  padding: 4px;
  resize: none;
  width: 100%; }

.edit-profile .clear {
  clear: both;
  height: 10px; }

.edit-profile .four_col_label_l, .edit-profile .four_col_label_r {
  color: #000000;
  float: left;
  overflow: hidden;
  padding-top: 6px;
  width: 25%; }

.edit-profile .four_col_label_l p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 6px; }

.edit-profile .four_col_label_r p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 30px; }

.edit-profile .four_col_input {
  float: left;
  width: 25%; }

.edit-profile .prof_dropdown {
  border: 1px solid #B1B5BA;
  border-radius: 5px 5px 5px 5px;
  font-size: 13px;
  margin: 0;
  padding: 4px;
  width: 100%; }

.edit-profile .prof_bottom {
  border-top: 1px solid #000000;
  clear: both;
  overflow: hidden;
  padding: 15px 0; }

.edit-profile .prof_bottom .left {
  float: left;
  text-align: left;
  width: 70%; }

.edit-profile .prof_bottom .right {
  float: right;
  text-align: right;
  width: 30%; }

.edit-profile .style4 {
  color: #FF0000;
  font-size: 10px; }

.edit-profile .style5 {
  font-style: italic; }

.edit-profile .location_div {
  float: left;
  font-size: 14px; }

.edit-profile .error {
  background-color: #FFE1E1;
  border: 1px solid #990000;
  clear: both;
  margin: 5px;
  padding: 5px;
  text-align: center; }

.edit-profile .error h2 {
  color: #990000;
  margin: 0;
  padding: 0; }

.edit-profile .error p {
  color: #000000;
  font-size: 13px;
  margin: 0;
  padding: 0; }

.edit-profile .error ul {
  color: #000000;
  font-size: 13px;
  margin: 0;
  text-align: left;
  list-style: none; }

.edit-profile .err_hlight {
  background-color: #FFE1E1;
  border: 1px solid #990000;
  color: #990000; }

.edit-profile .err_box {
  font-size: 12px;
  margin: 0 15px 10px;
  padding: 0; }

.edit-profile .err_box h2 {
  margin: 0;
  padding: 0; }

.edit-profile .reject_reason {
  width: 570px;
  margin: 10px auto;
  padding: 5px;
  border: 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  border-color: #900;
  background-color: #FFE1E1;
  color: black;
  text-align: center;
  font: arial; }
.info_box {
  margin: 20px;
  border: 1px solid #090;
  background-color: #FFFFCC;
  padding: 10px; }

.infor_box_head {
  text-align: center;
  font: bold 20px/24px Verdana, Geneva, sans-serif;
  color: #006600; }

.p_txt {
  font: bold 12px/18px Verdana, Geneva, sans-serif;
  color: #006600;
  padding: 15px 0 10px 5px; }

.info_box ul {
  margin: 0;
  padding: 0; }

.info_box ul li {
  font: bold 12px/18px Verdana, Geneva, sans-serif;
  color: #006600;
  margin-left: 50px; }

.tdhead {
  color: #006600;
  font-size: 14px;
  font-weight: bold; }

.mailbox_toprow {
  background-color: #006600;
  color: #FFFFCC;
  overflow: hidden;
  padding: 3px; }

.mailrow1 {
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 3px; }

.mailrow2 {
  background-color: #F2F2F2;
  overflow: hidden;
  padding: 3px; }

.mail_read {
  float: left;
  text-align: center;
  width: 5%; }

.mail_user {
  float: left;
  width: 20%; }

.mail_msg {
  float: left;
  width: 40%; }

.mail_date {
  float: left;
  width: 20%; }

.mail_delete {
  float: left;
  text-align: center;
  width: 15%; }

.tdfoot {
  border-top: 3px solid #FFFFFF; }

.txtleft {
  text-align: left; }

.txtcent {
  text-align: center; }

.profile_small {
  color: #006600;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  text-decoration: none; }

.pageheader {
  color: #990000;
  font-family: 'ClarendonBold',serif;
  font-size: 20px;
  font-weight: 700;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

/* green */
.green {
  color: #e8f0de;
  border: solid 1px #014501;
  background: #006600;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f853f), to(#006600));
  background: -moz-linear-gradient(top, #3f853f, #006600);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f853f', endColorstr='#006600'); }

.green:hover {
  background: #015401;
  background: -webkit-gradient(linear, left top, left bottom, from(#377337), to(#015401));
  background: -moz-linear-gradient(top, #377337, #015401);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377337', endColorstr='#015401'); }

.green:active {
  color: #82be82;
  background: -webkit-gradient(linear, left top, left bottom, from(#015401), to(#377337));
  background: -moz-linear-gradient(top, #015401, #377337);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015401', endColorstr='#377337'); }

/* cbutton ---------------------------------------------- */
.cbutton {
  display: inline-block;
  zoom: 1;
  /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100%;
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.cbutton:hover {
  text-decoration: none;
  font-weight: bold;
  color: #ffffff; }

.cbutton:active {
  position: relative;
  top: 1px; }

.new_input_text {
  -moz-box-sizing: border-box;
  border: 1px solid #B1B5BA;
  border-radius: 5px 5px 5px 5px;
  font-size: 13px;
  margin: 0;
  max-width: 100%;
  padding: 4px;
  width: 100%; }

#txtMessage {
  resize: none; }

.style5 {
  font-style: italic; }

.style5 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center; }

.style7 {
  font-size: 12px; }

/*.navigation_style {
    margin:0;
    padding:0;
}
  .navigation_style ul {
    margin:0;
    padding:0;
}
  .navigation_style ul li{
    font:normal 14px/22px Arial,Helvetica,sans-serif;
    color:#006600;
    padding-left:5px;
    margin-left:30px;
}*/
.mailbox_note {
  padding-top: 4px;
  font-size: 12px;
  text-align: right; }
  .mailbox_note a {
    top: 120;
    left: 50;
    color: green; }

#tabs tr {
  margin: 0;
  padding: 0; }

#tabs tr {
  margin: 0;
  padding: 0; }

#tabs td {
  margin: 0;
  padding: 0; }

#tabs ul {
  margin: 0;
  padding: 0; }

#tabs {
  font-size: 90%; }

#tabs ul {
  float: left;
  background: #fff;
  width: 500px;
  padding-top: 4px; }

#tabs li {
  margin-left: 8px;
  list-style: none;
  display: inline-block;
  background: #aaa;
  color: #fff; }

* html #tabs li {
  display: inline;
  display: inline-block;
  background: #666;
  color: #fff; }

#tabs li, #tabs li a {
  float: left;
  font-size: 14px;
  color: #FFF8E1; }

#tabs ul li.active {
  background: #006600;
  color: #006600; }

#tabs ul li.active a {
  color: #FFF8E1; }

#tabs div.mailbox {
  background: black;
  clear: both;
  padding: 1px;
  min-height: 200px; }

#tabs div h3 {
  padding: 5px; }

#tabs div p {
  line-height: 150%; }

#tabs ul li a {
  text-decoration: none;
  padding: 8px;
  color: #fff;
  font-weight: bold; }

.thumbs {
  float: left;
  border: #000 solid 1px;
  margin-bottom: 20px;
  margin-right: 20px; }

tr {
  height: 25px; }

.cell {
  text-align: center;
  width: 5%;
  background-color: #006600;
  padding: 6px;
  font: bold 11px/18px Verdana,arial,Helvetica,sans-serif;
  color: #ffffff;
  border: none; }

.cell2 {
  text-align: center;
  width: 5%;
  padding: 6px;
  font: bold 11px/18px Verdana,arial,Helvetica,sans-serif;
  color: #006600;
  border: none; }

.cell3 {
  text-align: left;
  width: 5%;
  padding: 6px;
  font: bold 11px/18px Verdana,arial,Helvetica,sans-serif;
  color: #006600;
  border: none; }

#spam_head {
  background-color: #FFFFCC;
  border-left: 1px solid #006600;
  border-right: 1px solid #006600;
  border-top: 1px solid #006600;
  padding: 5px 5px 10px;
  text-align: center;
  width: 600px; }

#spam_body {
  background-color: #FFFFCC;
  border-bottom: 1px solid #006600;
  border-left: 1px solid #006600;
  border-right: 1px solid #006600;
  padding: 5px;
  text-align: left;
  width: 600px; }

.message-date {
  color: black;
  font-weight: normal; }

.read_mail {
  background: none repeat scroll 0 0 #FFFFCC;
  border: 1px solid #006600; }

.read_mail_row {
  margin: 15px;
  overflow: hidden; }

.read_mail_row .message {
  margin: 0 10px 10px; }

.rmr_label {
  float: left;
  font-weight: bold;
  width: 112px; }

.rmr_content {
  float: left; }

.txtright {
  text-align: right; }

.message pre {
  padding: 0px;
  margin: 0px;
  overflow: auto;
  text-align: left;
  font-size: 11px;
  font-family: Verdana, arial, Helvetica, sans-serif;
  overflow-x: auto;
  #FFF8E1-space: pre-wrap;
  /* css-3 */
  #FFF8E1-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 3px 5px; }

.new_dropdown {
  padding: 4px;
  margin: 0px;
  font-size: 13px;
  border: 1px solid #B1B5BA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.popover .send-flirt {
  padding-top: 25px; }
  .popover .send-flirt .flirts {
    max-height: 500px;
    overflow-y: scroll; }
  .popover .send-flirt button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
    margin-top: 2px;
    font-weight: bold; }
.amreg_form {
  float: left;
  margin-right: 15px;
  overflow: hidden; }

.flabel {
  display: inline-block;
  margin: 0;
  font-size: inherit;
  line-height: normal;
  /*width: 90px;*/ }

.change-pass .prof_input_text {
  -moz-box-sizing: border-box;
  border: 1px solid #B1B5BA;
  border-radius: 5px 5px 5px 5px;
  font-size: 13px;
  margin: 0;
  max-width: 100%;
  padding: 4px;
  resize: none;
  width: 100%;
  height: auto;
  line-height: normal; }
.profile {
  padding-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
  overflow: hidden;
  padding-bottom: 30px; }

.like-message {
  font-size: 24px;
  border: 4px dashed #789678;
  text-align: center;
  background-color: #c8e6c8;
  padding: 10px;
  margin: 0px 10px 0px 10px; }
  .like-message .check {
    background-color: #fafa96;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px; }

.photos img {
  border: solid 0px #fff;
  padding: 0;
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: #666 2px 2px 5px;
  -moz-box-shadow: #666 2px 2px 5px;
  box-shadow: #666 2px 2px 5px; }

.photos {
  width: 164px;
  margin-right: 10px;
  margin-bottom: 5px;
  text-align: center;
  padding: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  float: left; }

.profile .photos .more {
  margin-top: 5px; }

.profile .basics {
  float: right;
  width: 230px;
  background-color: #ffffff;
  border-color: #B2B7BA;
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 10px 10px;
  padding-bottom: 5px;
  padding-top: 5px; }

.profile .basics ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  padding-bottom: 5px; }

.profile .top, .profile .prof_body {
  clear: both;
  overflow: hidden; }

.profile .communicate {
  text-align: center;
  float: right;
  width: 230px; }

.profile .username {
  margin-top: 0;
  margin-bottom: 0;
  clear: both;
  font-size: 22px;
  font-weight: bold; }
  .profile .username .premium {
    font-size: 16px;
    font-style: normal;
    color: #FFFFFF;
    background-color: #4F844F;
    background-color: #006633;
    display: inline-block;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    .profile .username .premium .name {
      font-weight: bold; }
    .profile .username .premium a {
      color: inherit;
      font-weight: inherit;
      text-decoration: underline; }

.profile .username-small {
  margin-top: 0;
  margin-bottom: 0;
  clear: both;
  font-size: 15px;
  font-weight: bold; }

.profile .self_link {
  text-align: left; }

.profile .headline {
  float: left; }

.profile p {
  margin-top: 0; }

.profile .communicate img {
  border: solid 0px #fff;
  margin-left: 13px;
  margin-right: 13px; }

.about_user h1, .about_match h1 {
  margin: 0;
  padding: 0;
  font-size: 15px; }

.basics {
  position: relative; }
  .basics .edit {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px; }

#popup-box {
  display: none;
  position: fixed;
  _position: absolute;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  left: 50%;
  top: 50%;
  z-index: 1050;
  margin-left: 15px;
  padding: 15px;
  -moz-box-shadow: 0 0 5px #ff0000;
  -webkit-box-shadow: 0 0 5px #ff0000;
  box-shadow: 0 0 5px #ff0000; }

.popup-details {
  float: left;
  margin-right: 10px;
  font-size: 14px; }

#popup-box-close {
  float: left;
  margin-top: 14px; }

.clear-all {
  clear: both;
  height: 0;
  padding: 0;
  margin: 0; }

.no-photo-message-wrapper {
  display: none; }

.no-photo-message {
  padding: 50px; }
.registration-form .inputf {
  background-image: url(/assets/main/original/input_bkgnd.jpg);
  border: 1px solid #cecece; }

.registration-form .invalid input, .registration-form .invalid select, .registration-form .invalid label {
  background-image: url(/assets/main/original/input_bkgnd_err.jpg);
  background-color: #FFD5D5; }
.search-form .section {
  background-color: #FFFFCC;
  border: 1px solid black;
  padding: 10px; }

.search-form .show-advanced {
  color: blue;
  font-size: 12px; }

.search-form .hide-advanced {
  color: blue;
  font-size: 10px; }

.search-form .advanced-criteria h2 {
  color: #060; }

.search-form .advanced-option {
  width: 200px;
  padding: 5px;
  padding-bottom: 10px;
  float: left; }
  .search-form .advanced-option .label {
    font-weight: bold;
    font-size: 120%;
    padding-bottom: 4px; }
  .search-form .advanced-option .option {
    display: block; }

.search-results .no-results {
  text-align: center; }
  .search-results .no-results .text {
    font-size: 14px;
    font-weight: bold;
    color: red;
    padding: 20px; }

.search-results .paging-bottom, .search-results .paging-top {
  padding-bottom: 2em; }
  .search-results .paging-bottom .info, .search-results .paging-top .info {
    text-align: center;
    padding: 0.3em; }

.search-results .paging-bottom {
  padding-top: 2em; }
.style4 {
  color: #FF0000;
  font-size: 10px; }
.support input.field, .support textarea, .support select {
  background-image: url(/assets/home/input_bkgnd.jpg);
  border: 1px solid #cecece; }

.support .button {
  background-image: url(); }
img.siteseal:hover {
  cursor: pointer; }

.bootstrap3 .cta1, .bootstrap3 .cta2 {
  padding-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #990000; }

.bootstrap3 .benefits {
  margin-top: 15px;
  padding-left: 10px;
  text-align: center; }
  .bootstrap3 .benefits div {
    text-align: left;
    width: 39%;
    display: inline-block; }
    .bootstrap3 .benefits div .glyphicon {
      padding-right: 5px; }
  .bootstrap3 .benefits .table-header {
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 5px; }

.bootstrap3 .cta3, .bootstrap3 .cta4 {
  margin-top: 15px;
  padding-left: 40px;
  padding-right: 40px; }
  .bootstrap3 .cta3 em, .bootstrap3 .cta4 em {
    font-weight: bold; }

.bootstrap3 .well .label {
  color: black;
  width: 140px;
  display: inline-block;
  text-align: right; }

.bootstrap3 .subscribe-button {
  margin-top: 5px;
  text-align: right; }

.bootstrap3 .panel.payment-method {
  margin-top: 19px;
  margin-left: 19px;
  width: 650px; }
  .bootstrap3 .panel.payment-method .panel-heading {
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px; }
    .bootstrap3 .panel.payment-method .panel-heading .heading {
      padding-top: 8px;
      float: left;
      font-size: 16px; }

.bootstrap3 .card {
  background-position: right top;
  background-repeat: no-repeat;
  text-indent: -3000px;
  width: 33px;
  height: 30px;
  margin: 0;
  padding: 0;
  display: inline-block; }

.bootstrap3 .card.mastercard {
  background-image: url("credit_cards/mastercard.png"); }

.bootstrap3 .card.american_express {
  background-image: url("credit_cards/amex.png"); }

.bootstrap3 .card.visa {
  background-image: url("credit_cards/visa.png"); }

.bootstrap3 .card.discover {
  background-image: url("credit_cards/discover.png"); }

form.payment-method label {
  display: block; }

form.payment-method #credit_card_number {
  display: inline-block;
  width: 50%; }

form.payment-method .cards {
  display: inline-block;
  line-height: 19px;
  height: 34px;
  vertical-align: middle;
  float: right;
  margin-right: 40px;
  width: 39%; }

form.payment-method .cvv-exp-container .form-group {
  display: inline-block; }

form.payment-method .cvv-exp-container .cvv {
  width: 50%; }

form.payment-method .cvv-exp-container .expiration-date {
  width: 39%;
  float: right;
  margin-right: 40px; }

form.payment-method .cvv-exp-container #credit_card_month, form.payment-method .cvv-exp-container #credit_card_year {
  display: inline-block;
  width: 48%; }

form.payment-method .name-zipcode-container .form-group {
  display: inline-block; }

form.payment-method .name-zipcode-container .name {
  width: 50%; }

form.payment-method .name-zipcode-container .zipcode {
  width: 39%;
  margin-right: 40px;
  float: right; }

.tabs {
  margin-top: 10px;
  padding-left: 20px;
  font-size: 0px; }
  .tabs .tab {
    font-size: 12px;
    padding: 10px;
    border: 1px solid black;
    border-bottom: none;
    border-left: none;
    margin: 0px;
    display: inline;
    display: inline-block;
    color: black;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
    cursor: pointer;
    background-color: #b4b496;
    position: relative;
    top: 1px; }
  .tabs .first {
    border-left: 1px solid black; }
  .tabs .left-of-active {
    border-right: none; }
  .tabs .active {
    border: 1px solid black;
    border-bottom: 1px solid #EAEAEA;
    position: relative;
    top: 1px;
    padding-top: 15px;
    font-weight: bold;
    z-index: 2;
    background-color: transparent; }
  .tabs .tab:hover {
    border-top: 2px solid black; }
  .tabs .active:hover {
    border-top: 1px solid black;
    cursor: default; }

.prepaid-tabs {
  margin-top: 10px;
  padding-left: 0px;
  border-bottom: 1px solid black; }

.error {
  background-color: #FFE1E1;
  border: 1px solid #990000;
  clear: both;
  margin: 5px;
  margin-left: 30px;
  margin-right: 30px;
  padding: 5px;
  text-align: center;
  font-size: 14px; }

.upgrade .pageheader {
  margin: 10px; }

.upgrade .benefits th {
  border-bottom: 1px solid black; }
  .upgrade .benefits th h1 {
    margin-bottom: 0px;
    font-size: 120%; }

.upgrade .benefits ul {
  padding-left: 0px;
  list-style: none; }
  .upgrade .benefits ul li {
    font-size: 12px; }
  .upgrade .benefits ul .bullet {
    color: green;
    margin-right: 5px; }

.upgrade .payment-section {
  border: 1px solid black;
  padding-left: 10px;
  position: relative;
  z-index: 1; }
  .upgrade .payment-section .content {
    visibility: hidden; }
  .upgrade .payment-section .smaller-content {
    position: absolute;
    top: 0; }
  .upgrade .payment-section .active {
    visibility: visible; }
  .upgrade .payment-section .current-info {
    padding-left: 20px; }
    .upgrade .payment-section .current-info table {
      width: 500px;
      border: 1px solid black;
      margin-top: 20px;
      margin-bottom: 20px;
      border-spacing: 0px; }
      .upgrade .payment-section .current-info table th {
        border-bottom: 1px solid black; }
      .upgrade .payment-section .current-info table th, .upgrade .payment-section .current-info table td {
        padding-left: 10px;
        font-style: italic; }
      .upgrade .payment-section .current-info table .first-name, .upgrade .payment-section .current-info table .last-name {
        border-right: 1px solid black;
        border-collapse: auto; }
    .upgrade .payment-section .current-info .separator {
      margin-top: 5px; }

.upgrade .prepaid tr.content {
  display: none; }

.upgrade .prepaid tr.active {
  display: table-row; }

.upgrade .prepaid .siteseal {
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 20px; }

.upgrade .section {
  background-color: #EAEAEA;
  width: auto;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px; }

.upgrade .narrow-section {
  padding-right: 0px;
  padding-left: 0px; }

.upgrade .contact-us {
  text-align: center; }

.upgrade .recurly .cvv .placeholder {
  font-size: 12px;
  padding-left: 2px; }

.upgrade .recurly div.footer {
  padding-top: 0px;
  padding-bottom: 8px; }

.upgrade .recurly .accepted_cards {
  display: inline-block; }

.upgrade .recurly .accepted_cards_inline {
  float: right;
  right: 180px; }
  .upgrade .recurly .accepted_cards_inline .card {
    clear: none; }

.upgrade .cvv-explanation {
  float: right;
  width: 170px;
  margin: 105px 0 0 -30px;
  font-size: 1.2em; }

.disclaimer {
  display: block;
  padding-bottom: 10px; }
  .disclaimer .symbol {
    font-weight: bold; }
.whoson .filter {
  clear: both;
  padding-top: 10px; }

.whoson .paging-top {
  clear: both;
  text-align: center;
  padding-top: 30px; }

.whoson .paging-bottom {
  clear: both;
  text-align: center; }

.preview .gal_headline {
  margin: 0px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  #FFF8E1-space: nowrap; }

.preview .gal_blurb {
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
  height: 38px;
  margin: 0px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis; }
  .preview .gal_blurb.flex-height {
    height: auto; }

.preview .gal_age {
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding: 0px; }

.preview {
  padding-top: 4px; }

.flink {
  height: 18px;
  padding: 6px;
  padding-left: 20px;
  background-image: url("/assets2/main/original/sm_flirt.png");
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block; }

.flink_sent {
  height: 18px;
  padding: 6px;
  padding-left: 20px;
  background-image: url("/assets2/main/original/sm_flirt_sent.png");
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block; }

.mlink {
  height: 18px;
  padding: 6px;
  padding-left: 20px;
  background-image: url("/assets2/main/original/sm_email.png");
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block; }

.resultx {
  width: 191px;
  float: left;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px; }

.result {
  width: 183px;
  height: 270px;
  float: left;
  text-align: center;
  background-color: #fff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #FFF8E1;
  border-right-color: #FFF8E1;
  border-bottom-color: #FFF8E1;
  border-left-color: #FFF8E1;
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.result:hover {
  background-color: #e0e0cb;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e0e0cb;
  border-right-color: #FFF8E1;
  border-bottom-color: #FFF8E1;
  border-left-color: #e0e0cb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbee), to(#e0e0cb));
  background: -moz-linear-gradient(#fbfbee, #e0e0cb);
  background: linear-gradient(#fbfbee, #e0e0cb); }

.result .pic {
  border: 1px solid;
  -webkit-box-shadow: #666 0px 2px 3px;
  -moz-box-shadow: #666 0px 2px 3px;
  box-shadow: #666 0px 2px 3px;
  margin-top: 5px;
  margin-bottom: 5px; }

.result a {
  text-decoration: none; }

.username {
  margin: 0px;
  padding: 0px; }

.container1 {
  margin: 15px;
  overflow: hidden; }

.head_mem_status {
  float: right; }

.small {
  font-size: 11px;
  padding: 0.2em 1em 0.275em; }
span.emoji {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: baseline;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 1em;
	height: 1em;
	background-size: 1em;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 50%, 50%;
	background-size: contain;
}

span.emoji-sizer {
	line-height: 0.81em;
	font-size: 1em;
 	margin: -2px 0;
}

span.emoji-outer {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	height: 1em;
	width: 1em;
}

span.emoji-inner {
	display: -moz-inline-box;
	display: inline-block;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	vertical-align: baseline;
	*vertical-align: auto;
	*zoom: 1;
}

img.emoji {
	width: 1em;
	height: 1em;
}

@font-face {
  font-family: 'ClarendonBook';
  src: url("../clar45w-webfont.eot");
  src: url("../clar45w-webfont.eot?#iefix") format("embedded-opentype"), url("../clar45w-webfont.woff") format("woff"), url("../clar45w-webfont.ttf") format("truetype"), url("../clar45w-webfont.svg#ClarendonBook") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ClarendonBold';
  src: url("../clar65w-webfont.eot");
  src: url("../clar65w-webfont.eot?#iefix") format("embedded-opentype"), url("../clar65w-webfont.woff") format("woff"), url("../clar65w-webfont.ttf") format("truetype"), url("../clar65w-webfont.svg#ClarendonBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../bootstrap3/glyphicons-halflings-regular.eot");
  src: url("../bootstrap3/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../bootstrap3/glyphicons-halflings-regular.woff") format("woff"), url("../bootstrap3/glyphicons-halflings-regular.ttf") format("truetype"), url("../bootstrap3/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); }

h1 {
  font-size: 20px;
  color: #990000;
  font-family: 'ClarendonBold', serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: 700; }

.main-section {
  margin-left: 10px;
  margin-right: 10px; }

/**************** BUTTONS ******************/
.button {
  display: inline-block;
  zoom: 1;
  /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100%;
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .button:hover {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff; }
  .button:active {
    position: relative;
    top: 1px; }

.bigrounded {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em; }

.button-medium {
  font-size: 12px;
  padding: .4em 1.5em .42em; }

.button-small {
  font-size: 11px;
  padding: .2em 1em .275em; }

/*****************PAGINATION**********************/
.pagination {
  text-align: center;
  padding: 0.3em;
  cursor: default; }
  .pagination a, .pagination span, .pagination em {
    padding: 0.2em 0.5em; }
  .pagination .disabled {
    color: #aaaaaa; }
  .pagination .current {
    font-style: normal;
    font-weight: bold;
    color: #ff0084; }
  .pagination a {
    border: 1px solid #dddddd;
    color: #060;
    text-decoration: none; }
  .pagination a:hover, .pagination a:focus {
    border-color: #003366;
    background: #0063dc;
    color: #FFF8E1; }
  .pagination .page_info {
    color: #aaaaaa;
    padding-top: 0.8em; }
  .pagination .previous_page, .pagination .next_page {
    border-width: 2px; }
  .pagination .previous_page {
    margin-right: 1em; }
  .pagination .next_page {
    margin-left: 1em; }

/************ERRORS******************/
.validation_errors {
  background-color: #FFE1E1;
  border: 1px solid #990000;
  clear: both;
  margin: 5px;
  padding: 5px;
  margin-left: 10px;
  margin-right: 400px;
  text-align: center; }
  .validation_errors h2 {
    color: #990000;
    margin: 0;
    padding: 0; }
  .validation_errors li {
    color: #000000;
    font-size: 13px;
    margin: 0;
    padding: 0; }
  .validation_errors ul {
    color: #000000;
    font-size: 13px;
    margin: 0;
    text-align: left;
    list-style: none; }

/* black */
.black {
  color: #d7d7d7;
  border: solid 1px #333;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background: -moz-linear-gradient(top, #666, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); }

.black:hover {
  background: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
  background: -moz-linear-gradient(top, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); }

.black:active {
  color: #666;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
  background: -moz-linear-gradient(top, #000, #444);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); }

/* gray */
.gray {
  color: #e9e9e9;
  border: solid 1px #555;
  background: #6e6e6e;
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
  background: -moz-linear-gradient(top, #888, #575757);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); }

.gray:hover {
  background: #616161;
  background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
  background: -moz-linear-gradient(top, #757575, #4b4b4b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }

.gray:active {
  color: #afafaf;
  background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
  background: -moz-linear-gradient(top, #575757, #888);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); }

/* #FFF8E1 */
.#FFF8E1 {
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }

.#FFF8E1:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top, #fff, #dcdcdc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }

.#FFF8E1:active {
  color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top, #ededed, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); }

/* orange */
.orange {
  color: #fef4e9;
  border: solid 1px #da7c0c;
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top, #faa51a, #f47a20);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }

.orange:hover {
  background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top, #f88e11, #f06015);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }

.orange:active {
  color: #fcd3a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  background: -moz-linear-gradient(top, #f47a20, #faa51a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }

/* red */
.red {
  color: #faddde;
  border: solid 1px #980c10;
  background: #d81b21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
  background: -moz-linear-gradient(top, #ed1c24, #aa1317);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); }

.red:hover {
  background: #b61318;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
  background: -moz-linear-gradient(top, #c9151b, #a11115);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); }

.red:active {
  color: #de898c;
  background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
  background: -moz-linear-gradient(top, #aa1317, #ed1c24);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); }

/* blue */
.blue {
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); }

.blue:hover {
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top, #0095cc, #00678e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); }

.blue:active {
  color: #80bed6;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -moz-linear-gradient(top, #0078a5, #00adee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); }

/* rosy */
.rosy {
  color: #fae7e9;
  border: solid 1px #b73948;
  background: #da5867;
  background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
  background: -moz-linear-gradient(top, #f16c7c, #bf404f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); }

.rosy:hover {
  background: #ba4b58;
  background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
  background: -moz-linear-gradient(top, #cf5d6a, #a53845);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); }

.rosy:active {
  color: #dca4ab;
  background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
  background: -moz-linear-gradient(top, #bf404f, #f16c7c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); }

/* green */
.green {
  color: #e8f0de;
  border: solid 1px #014501;
  background: #006600;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f853f), to(#006600));
  background: -moz-linear-gradient(top, #3f853f, #006600);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f853f', endColorstr='#006600'); }

.green:hover {
  background: #015401;
  background: -webkit-gradient(linear, left top, left bottom, from(#377337), to(#015401));
  background: -moz-linear-gradient(top, #377337, #015401);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377337', endColorstr='#015401'); }

.green:active {
  color: #82be82;
  background: -webkit-gradient(linear, left top, left bottom, from(#015401), to(#377337));
  background: -moz-linear-gradient(top, #015401, #377337);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015401', endColorstr='#377337'); }

/* pink */
.pink {
  color: #feeef5;
  border: solid 1px #d2729e;
  background: #f895c2;
  background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
  background: -moz-linear-gradient(top, #feb1d3, #f171ab);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); }

.pink:hover {
  background: #d57ea5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
  background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); }

.pink:active {
  color: #f3c3d9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
  background: -moz-linear-gradient(top, #f171ab, #feb1d3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); }

body {
  padding: 0px 0px 0px 0px;
  margin: 0px;
  font-size: 12px;
  font-family: Verdana, arial, Helvetica, sans-serif;
  background: url(curtains.JPG) center top no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  line-height: normal;
  text-align: center; }

.header {
  width: 894px;
  height: 120px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  overflow: hidden;
  text-align: left;
  border: 1px solid #7c808a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  background-color: #e6ecf6; }
  .header * {
    border: 0px;
    padding: 0px;
    margin: 0px; }

.header_nm {
  width: 900px;
  height: 97px;
  background: url(/assets/main/original/header_bkgnd_900.png);
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  overflow: hidden;
  text-align: left; }

.header_top {
  clear: both;
  height: 90px;
  background-color: #e6ecf6; }

.header_logo {
  width: auto;
  height: 87px;
  position: relative;
  float: left;
  overflow: visible ;
  border: 0px;
  padding-left: 2px;
  padding-top: 5px; }

.rt_head_menu {
  font-size: 14px;
  float: right;
  position: relative; }

.hd_loginform_box {
  display: inline-block;
  zoom: 1;
  /* ie7 hack for display:inline-block */
  *display: inline;
  font-family: 'ClarendonBook', serif;
  color: #333333;
  font-weight: bold;
  width: 200px; }

.sm_head_link a, .sm_head_link a:hover, .sm_head_link a:visited {
  padding-left: 5px;
  color: #333333;
  font-weight: normal;
  font-size: 12px; }

.hd_loginform {
  display: inline-block;
  zoom: 1;
  /* ie7 hack for display:inline-block */
  *display: inline; }

.hd_loginform input {
  font: normal 12px/100% Arial, Helvetica, sans-serif; }

.hd_loginform .loginfield {
  width: 200px;
  background: #fff;
  padding: 6px 6px 6px 8px;
  border: solid 1px #bcbbbb;
  outline: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }

.hd_loginform .loginbutton {
  color: #fff;
  border: solid 1px #494949;
  font-size: 11px;
  height: 27px;
  width: 27px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  background: #5f5f5f;
  background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
  background: -moz-linear-gradient(top, #9e9e9e, #454545);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545');
  /* ie7 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545');
  /* ie8 */ }

.logout {
  background: url("../main/original/icon-logout.png") no-repeat;
  padding-left: 20px;
  font-size: 14px; }

.header_menu {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  height: 31px;
  clear: both;
  position: relative;
  background: #d6dadd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d6dadd 0%, #b9beb9 41%, #ededed 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6dadd), color-stop(41%, #b9beb9), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d6dadd 0%, #b9beb9 41%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d6dadd 0%, #b9beb9 41%, #ededed 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d6dadd 0%, #b9beb9 41%, #ededed 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d6dadd 0%, #b9beb9 41%, #ededed 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dadd', endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */ }

.hm_welcome {
  float: left;
  margin-top: 7px; }

.hm_items {
  float: right; }

.hm_items a, .hm_items a:hover, .hm_items a:visited {
  margin-top: 7px;
  padding-left: 20px;
  font-size: 12px;
  float: left;
  color: #333333;
  font-weight: bold; }

.hm_upgrade {
  background: image-url("/assets/main/original/user.png") no-repeat;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  filter: glow(color=black, strength=2), alpha(opacity=70); }

.hm_search {
  background: url("../main/original/icon-search.png") no-repeat; }

.hm_gift {
  background: url("../main/original/user.png") no-repeat; }

.hm_online {
  background: url("../main/original/icon-whos_online.png") no-repeat; }

.hm_register {
  padding-left: 20px;
  font-size: 14px;
  float: left;
  color: blue; }

.divider {
  width: 2px;
  position: relative;
  height: 31px;
  float: left;
  background: url("../main/original/menu_divider.png");
  overflow: hidden;
  margin-right: 6px;
  margin-left: 6px; }

/*        end header section    */
.bkgnd_shadow_sb {
  width: 900px;
  height: 3px;
  background: url(/assets/main/original/header_background_shadow_w_sb_900.png);
  margin-right: auto;
  margin-left: auto;
  overflow: hidden; }

.bkgnd_shadow {
  width: 900px;
  height: 3px;
  background: url(/assets/main/original/header_background_shadow_no_sb_900.png);
  margin-right: auto;
  margin-left: auto;
  overflow: hidden; }

.main_content {
  width: 894px;
  background-color: #FFCDD2;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  padding: 0px;
  text-align: left;
  border-left: 1px solid #7c808a;
  border-right: 1px solid #7c808a; }

.main_content_no_sb {
  width: 894px;
  background-color: #FFCDD2;
  border-left: 1px solid #7c808a;
  border-right: 1px solid #7c808a;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  padding-bottom: 25px;
  text-align: left; }

.mc_sidebar {
  padding-top: 25px;
  padding-left: 4px;
 background-color: #FFCDD2;
  width: 197px;
  float: left;
  overflow: hidden; }

.mc_body {
  width: 690px;
  float: right;
  overflow: hidden;
  background-color: #FFF8E1;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 600px; }

.mc_body_no_sb {
  width: 100%;
  overflow: hidden; }

.sb_links {
  margin: 15px 0 20px 5px;
  line-height: normal; }

.sb_links ul {
  padding: 0 0 0 8px;
  margin: 5px 0 0 20px; }

.sb_links li {
  padding: 4px 0 0 0;
  line-height: normal; }

.sb_links li a, .sb_links li a:hover {
  padding: 0;
  margin: 0; }

.sb_links a, .sb_links a:hover, .sb_links a:visited {
  margin: 0;
  color: #333333;
  font-weight: normal; }
  .sb_links a svg.bi, .sb_links a:hover svg.bi, .sb_links a:visited svg.bi {
    display: inline-block;
    transform: translateY(5px);
    width: 1.5em;
    height: 1.5em;
    margin-right: 4px;
    line-height: 1.5em; }

.sb_links .new span {
  color: blue;
  font-weight: bold; }

.sb_blog, .sb_chat, .sb_mail, .sb_search, .sb_discover, .sb_farmphone, .sb_whoson, .sb_friends, .sb_profile, .sb_visitors, .sb_account, .sb_faq, .sb_home, .sb_store, .sb_support, .sb_likes_me, .sb_grow, .sb_fix_this, .sb_who_is_searching {
  padding: 2px 0 4px 20px;
  background-position: 0px 0px; }

.sb_blog {
  background: url("../main/original/icon-blog.png") no-repeat; }

.sb_chat {
  padding-left: 0px; }
  .sb_chat svg.bi {
    fill: #640000; }

.sb_mail {
  background: url("../main/original/icon-mail.png") no-repeat; }

.sb_search {
  background: url("../main/original/icon-search.png") no-repeat; }

.sb_discover {
  background: url("../main/original/icon-discover.png") no-repeat; }

.sb_fix_this {
  background: url("../main/red-bell.png") no-repeat;
  background-size: 16px 16px; }

.sb_who_is_searching {
  background: url("../main/searching.png") no-repeat;
  background-size: 16px 16px; }

.sb_grow {
  background: url("../main/original/icon-grow.png") no-repeat; }

.sb_farmphone {
  background: url("../main/original/icon-farmphone.png") no-repeat; }

.sb_likes_me {
  background: url("../main/original/sm_flirt.png") no-repeat; }

.sb_whoson {
  background: url("../main/original/icon-whos_online.png") no-repeat; }

.sb_friends {
  background: url("../main/original/icon-favorites.png") no-repeat; }

.sb_profile {
  background: url("../main/original/icon-profile.png") no-repeat; }

.sb_visitors {
  background: url("../main/original/icon-visitors.png") no-repeat; }

.sb_account {
  background: url("../main/original/icon-accountsettings.png") no-repeat; }

.sb_faq {
  background: url("../main/original/icon-faq.png") no-repeat; }

.sb_home {
  background: url("../main/original/icon-home.png") no-repeat; }

.sb_store {
  background: url("../main/original/icon-store.png") no-repeat; }

.sb_support {
  background: url("../main/original/icon-help.png") no-repeat; }

/*     begin footer section */
.content_footer {
  width: 894px;
  height: 71px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: #FFF8E1;
  border-left: 1px solid #7c808a;
  border-right: 1px solid #7c808a;
  border-top: 1px solid #7c808a;
  border-bottom: 1px solid #7c808a;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px; }

.inner_foot {
  color: #660000;
  width: 100%;
  text-align: center;
  padding-top: 30px;
  font-size: 11px; }

.inner_foot a, .inner_foot a:hover, .inner_foot a:visited {
  font-family: 'ClarendonBook', serif;
  color: #660000; }

.outer_foot {
  color: #fff;
  width: 900px;
  text-align: center;
  margin-right: auto;
  margin-left: auto; }
  .outer_foot p:first-child {
    margin: 1em 0; }

.outer_foot a, .outer_foot a:hover, .outer_foot a:visited {
  color: #fff;
  font-weight: normal; }

.outer_content {
  text-align: left;
  position: relative;
  width: 900px;
  color: #fff;
  margin: 0 auto; }

.outer_content h1 {
  font-size: 14px; }

.outer_content h2 {
  font-size: 12px; }

.outer_content a, .outer_content a:hover, .outer_content a:visited {
  color: #fff;
  font-weight: normal; }

.outer_content_browse {
  width: 100%;
  text-align: center; }

/* -------------------------- */
.lp_left {
  width: 590px;
  overflow: hidden;
  margin-left: 19px;
  margin-top: 19px;
  float: left; }

.lp_right {
  width: 367px;
  float: right;
  margin-right: 20px;
  margin-top: 19px;
  clear: right;
  padding: 0px; }

.lp_right .terms {
  text-align: center;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  color: #666666;
  font-size: 12px; }

.lp_right .terms a, .lp_right .terms a:hover, .lp_right .terms a:visited {
  color: #666666;
  font-size: 12px; }

.success_stories {
  margin-top: 15px;
  padding-bottom: 10px;
  overflow: hidden; }

.success_stories h1 {
  color: #990000;
  font-size: 25px;
  font-family: 'ClarendonBold', serif;
  padding: 0px 0px 10px 0px;
  margin: 0px; }

.success_stories h2 {
  color: #333333;
  font-family: 'ClarendonBold', serif;
  font-size: 14px;
  padding: 10px 0px 0px 0px;
  margin: 0px; }

.success_stories .ss_pic {
  width: 150px;
  height: 150px;
  float: left; }

.success_stories img {
  width: 150px;
  border: 1px solid #990000;
  box-shadow: 2px 2px 3px #666666; }

.success_stories .story {
  width: 400px;
  float: left;
  padding-left: 20px;
  padding-top: 20px;
  font-size: 14px;
  color: #333333; }

.success_stories .story a, .success_stories .story a:hover, .success_stories .story a:visited {
  display: block;
  position: relative;
  right: 2px;
  width: 100%;
  text-align: right;
  font-size: 14px;
  color: #990000; }

.social_stuff {
  margin: 20px auto; }

.landing_reg_form_container {
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
  margin: 0px;
  background: #d4d9d0;
  border: solid 1px #b6b9b4;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  box-shadow: 2px 2px 3px #666666; }

.landing_reg_form {
  width: 100%; }

.landing_reg_form .txt_input {
  width: 350px;
  background: #fff;
  padding: 6px 6px 6px 6px;
  border: solid 1px #bcbbbb;
  outline: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }

.landing_reg_form .sel_input {
  background: #fff;
  padding: 6px 6px 6px 6px;
  border: solid 1px #bcbbbb;
  outline: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }

.landing_reg_form h1 {
  color: #ff3300;
  font-size: 25px;
  font-family: 'ClarendonBold', serif;
  width: 100%;
  text-align: center;
  text-shadow: -2px 0 #FFF8E1, 0 2px #FFF8E1, 2px 0 #FFF8E1, 0 -2px #FFF8E1;
  margin-top: 5px;
  margin-bottom: 5px; }

.landing_reg_form div {
  margin-left: 7px;
  margin-bottom: 6px;
  color: 333333;
  font-size: 13px; }

.landing_reg_form h2 {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 15px;
  font-family: 'ClarendonBook', serif; }

.landing_reg_form p {
  width: 90%;
  margin: auto; }

.landing_reg_form .butt_div {
  width: 100%;
  margin-top: 5px;
  text-align: center; }

.landing_prof {
  width: 117px;
  float: left;
  text-align: center;
  overflow: hidden;
  margin-bottom: 6px; }

.landing_prof img {
  width: 100px;
  height: 100px;
  border: 1px solid #660000;
  box-shadow: 0 2px 3px #666666;
  margin-bottom: 4px; }

.landing_prof a, .landing_prof a:hover, .landing_prof a:visited {
  clear: both;
  color: #990000; }

.landing_prof p {
  clear: both;
  font-style: italic;
  margin: 0px;
  padding: 0px; }

.reg_form_butt {
  display: inline-block;
  zoom: 1;
  /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100%;
  font-family: 'ClarendonBold', serif;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.reg_form_butt:hover {
  text-decoration: none;
  font-weight: bold;
  color: #ffffff; }

.reg_form_butt:active {
  position: relative;
  top: 1px; }

.reg_form_butt_color {
  color: #fff;
  border: solid 3px #ceba9e;
  background: #7d0700;
  background: -webkit-gradient(linear, left top, left bottom, from(#e42a00), to(#7d0700));
  background: -moz-linear-gradient(top, #e42a00, #7d0700);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e42a00', endColorstr='#7d0700'); }

.reg_form_butt_color:hover {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#e24c2a), to(#630600));
  background: -moz-linear-gradient(top, #e24c2a, #630600);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e24c2a', endColorstr='#630600'); }

.reg_form_butt_color:active {
  color: #450501;
  background: -webkit-gradient(linear, left top, left bottom, from(#630600), to(#e24c2a));
  background: -moz-linear-gradient(top, #630600, #e24c2a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#630600', endColorstr='#e24c2a'); }

td, tr {
  font-size: 11px;
  font-family: Verdana, arial, Helvetica, sans-serif; }

a:link.login {
  color: #FFFFFF; }

a:active.login {
  color: #CCCCCC; }

a:visited.login {
  color: #FFFFFF;
  text-decoration: none; }

a:hover.login {
  color: #FFFFFF;
  text-decoration: underline; }

#mem_menu {
  width: 100%;
  margin: 0;
  text-align: center; }

#tools_border {
  padding: 5px 5px 5px 5px; }

.tools_head {
  font-size: 18px;
  font-family: 'ClarendonBold', serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  color: #006600;
  float: left; }

.tools_head_other {
  float: right; }

#tools_head_profile {
  width: 100%;
  text-decoration: none;
  padding: 0px;
  overflow: hidden; }

#tools_head_account {
  width: 580px;
  text-decoration: none;
  padding: 0 0 0 0;
  background-color: #FFFFFF; }

.footer_text {
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #ffff00; }

a:link.footer_links {
  color: #FFFFFF; }

a:active.footer_links {
  color: #CCCCCC; }

a:visited.footer_links {
  color: #FFFFFF;
  text-decoration: none; }

a:hover.footer_links {
  color: #FFFFFF;
  text-decoration: underline; }

a {
  color: #4F844F;
  text-decoration: none;
  font-weight: 600; }

a:hover {
  color: #006600;
  text-decoration: underline;
  font-weight: 600; }

a.nav {
  color: #000000;
  text-decoration: none;
  font-weight: 600;
  font-size: 10px; }

a:hover.nav {
  color: #000000;
  text-decoration: underline;
  font-weight: 600;
  font-size: 10px; }

a.smallnav {
  color: #000000;
  text-decoration: none;
  font-weight: 300;
  font-size: 9px; }

a:hover.smallnav {
  color: #000000;
  text-decoration: underline;
  font-weight: 300;
  font-size: 9px; }

.tdhead {
  color: #006600;
  font-weight: bold;
  font-size: 14px; }

.tdodd {
  background-color: #ffffff; }

.tdeven {
  background-color: #ffffff; }

.tdfoot {
  border-top: 3px solid #FFFFFF; }

.tdtoprow {
  color: #FFFFCC;
  background-color: #006600; }

.tdmail {
  background-color: #cccccc; }

.poptable {
  background-color: #ffffff; }

.td1_search {
  background-color: #ffffff; }

.td2_search {
  background-color: #F2F2F2; }

.td3_search {
  background-color: #F2F2F2; }

.tdmale {
  background-color: #DBFFCE; }

.tdfemale {
  background-color: #FFFED7; }

.online {
  font-weight: 600;
  color: #00cc00;
  font-size: 9px;
  font-style: italic; }

.offline {
  font-weight: 600;
  color: #cc0000;
  font-size: 9px;
  font-style: italic; }

.premium {
  font-weight: 600;
  color: #4F844F;
  font-size: 9px;
  font-style: italic; }

.standard {
  font-weight: 600;
  color: #666666;
  font-size: 9px;
  font-style: italic; }

.searchage {
  font-weight: 600;
  color: #000000;
  font-size: 9px;
  font-style: italic; }

.input {
  font-size: 11px;
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  background-color: #FFFFFF;
  width: 120px; }

.inputs {
  font-size: 11px;
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  background-color: #FFFFFF;
  width: 95px; }

.inputl {
  font-size: 11px;
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  background-color: #FFFFFF;
  width: 380px; }

.inputf {
  font-size: 11px;
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #000000;
  background-color: #FFFFFF; }

.hide_button {
  font-size: 16px;
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-weight: 900;
  padding-right: 17px;
  padding-left: 17px;
  padding-bottom: 1px;
  color: #ffffff;
  background-color: #990000;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000; }

.hide_button:hover {
  font-size: 16px;
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-weight: 900;
  padding-right: 17px;
  padding-left: 17px;
  padding-bottom: 1px;
  color: #ffffff;
  background-color: #333333;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000; }

hr {
  color: #006666;
  height: 1px; }

.template1 {
  background-color: #FFFFFF; }

.nav {
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none; }

.color {
  background-color: #FFFFCC; }

#body {
  text-align: center; }

#page {
  width: 770px;
  margin-left: auto;
  margin-right: auto; }

a:link.login {
  color: #FFFFFF; }

a:active.login {
  color: #CCCCCC; }

a:visited.login {
  color: #FFFFFF;
  text-decoration: none; }

a:hover.login {
  color: #FFFFFF;
  text-decoration: underline; }

#header {
  width: 770px;
  margin: 0;
  padding: 0;
  background-color: #000000; }

#head_logo {
  width: 184px;
  float: left;
  margin: 0;
  padding: 0; }

#head_banner {
  width: 415px;
  float: left;
  padding: 7px 7px 0 7px;
  height: 69px;
  background: url(/assets/header_adsection.jpg) repeat-x;
  margin: 0; }

#reg_head_banner {
  width: 420px;
  height: 76px;
  float: left;
  background: url(/assets/header_adsection.jpg) repeat-x;
  margin: 0;
  padding: 0; }

#reg_head_heartland {
  width: 157px;
  float: right;
  margin: 0;
  padding: 0; }

#reg_header {
  width: 761px;
  margin: 0;
  padding: 0;
  background-color: #000000; }

#head_heartland {
  float: right;
  margin: 0;
  padding: 0; }

#menu {
  text-align: left;
  clear: both;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  background: url(/assets/header_nav_back.jpg) no-repeat;
  background-position: top;
  background-color: #000000; }

#menu a {
  text-decoration: none;
  color: #ffffff;
  font-family: arial;
  font-size: 18px;
  padding: 2px 7px 2px 7px; }

#menu a:hover {
  text-decoration: underline;
  color: #ffffff;
  font-family: arial;
  font-size: 18px;
  padding: 2px 7px 2px 7px; }

#content {
  width: auto;
  background-color: #FFFFFF;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  clear: left; }

#temp_content {
  width: 640px;
  background-color: #FFFFFF;
  float: left; }

#temp_content_reg {
  width: 640px;
  background-color: #FFFFFF;
  float: left; }

#temp_sidebar {
  width: 130px;
  background-color: #cccccc;
  text-align: center;
  float: left;
  font-family: arial, Helvetica, sans-serif;
  font-size: 11px;
  border-right: 1px solid #006600;
  width: 129px; }

.member_box {
  padding: 3px;
  padding-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #0B6C0B;
  background-color: #E6E6E6; }

.admin_box {
  width: 100px;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFC;
  border: 1px solid #900;
  color: #900; }

.admin_box a {
  color: #963; }

.sb_alert {
  margin-top: -10px;
  padding: 3px;
  padding-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #0B6C0B; }

#sidebar_right {
  width: 110px;
  padding: 10px;
  background-color: #CCCCCC;
  text-align: left;
  float: left;
  font-family: arial, Helvetica, sans-serif;
  font-size: 11px; }

#sidebar_right a {
  color: #000099;
  text-decoration: underline; }

#sidebar_right a:hover {
  color: #0066CC;
  text-decoration: underline; }

#home_graph {
  width: auto;
  padding: 3px 0 7px 3px;
  float: left; }

#home_right {
  width: 445px;
  float: left;
  margin: 0;
  padding: 0; }

#banner_top {
  width: auto;
  color: #FFFFFF;
  text-align: center;
  background: url(/assets/hp_content_ortitrep2.gif) repeat-y;
  margin: 0;
  padding: 0; }

#banner_top h1 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0;
  text-align: center; }

#banner_mid {
  width: auto;
  text-align: center;
  background: url(/assets/hp_content_orbodrep.gif) repeat-y;
  padding: 0px 10px 0px 10px;
  margin: 0; }

#banner_mid h2 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #990000;
  margin: 0;
  padding: 0; }

#banner_mid h3 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  padding: 0;
  margin: 0; }

#banner_mid p {
  width: 405px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  text-align: center;
  padding: 10px 20px 5px 20px;
  margin: 0;
  font-style: normal; }

#banner_bot {
  width: auto;
  color: #FFFFFF;
  text-align: center;
  background: url(/assets/hp_content_orbodrep.gif) repeat-y;
  padding: 10px 0 0 0;
  margin: 0; }

#banner_bot_gfx {
  width: auto;
  padding: 0;
  margin: 0; }

#search_wrap {
  width: 223px;
  float: left;
  padding: 0 0 0 3px; }

#search_top {
  width: 100%;
  background-color: #FFFFFF; }

#search_bot {
  width: 100%;
  clear: left;
  text-align: center;
  background: url(/assets/hp_search_rep.gif) repeat-y; }

#search_bot p {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 0;
  margin: 0;
  font-weight: bold; }

#button_right {
  width: 215px;
  float: left; }

#featured_mem {
  width: 445px;
  background: url(/assets/hp_feat_rep.gif) repeat-y;
  clear: left;
  font-family: arial, Helvetica, sans-serif;
  font-size: 10px; }

#box {
  width: 432px;
  clear: left;
  font-family: arial, Helvetica, sans-serif;
  font-size: 10px;
  padding-left: 12px; }

#featured_mem_left {
  width: 212px;
  float: left;
  padding-left: 10px; }

#featured_mem_right {
  width: 212px;
  float: left;
  padding-left: 5px; }

#fcont_left {
  float: left;
  text-align: center;
  padding-left: 5px; }

#fcont_right {
  float: left;
  padding: 5px 3px 5px 6px; }

#letter {
  width: 770px;
  padding: 15px 0px 10px 0px;
  background-color: #FFFFFF; }

#letter_contents {
  width: 715px;
  border: 1px solid #000000;
  padding: 10px 10px 10px 10px;
  margin: 0px 15px 25px 15px;
  background-color: #FFFF99;
  clear: both; }

#letter_contents h1 {
  color: #000000;
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  text-align: left; }

#letter_contents h2 {
  color: #000000;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-align: left; }

#letter_contents h3 {
  color: #000000;
  font-family: arial;
  font-size: 14px;
  font-style: italic;
  text-align: left; }

#letter_contents p {
  color: #000000;
  font-family: arial;
  font-size: 12px;
  text-align: left; }

#footer_top {
  width: 770px;
  background: url(/assets/header_nav_back2.jpg);
  text-align: center;
  font-family: arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  color: #FFFFFF;
  clear: both; }

a:link.footer_links {
  color: #c26226;
  padding: 0 5px 0 5px; }

a:active.footer_links {
  color: #c26226;
  padding: 0 5px 0 5px; }

a:visited.footer_links {
  color: #c26226;
  text-decoration: none;
  padding: 0 5px 0 5px; }

a:hover.footer_links {
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 5px 0 5px; }

#footer_bot {
  width: 770px;
  line-height: 20px;
  background: url(/assets/footer_bottom.jpg) no-repeat; }

#footer_bot p {
  font-family: arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  padding: 0;
  margin: 0; }

.marriage {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  text-align: left; }

#marriage {
  width: 218px;
  float: left;
  padding-left: 10px;
  padding-top: 1px;
  clear: left; }

#new_content {
  width: 630px;
  background-color: #FFFFFF;
  float: right;
  padding: 0 0 0 10px; }

#search_img {
  width: 600px;
  margin: 0;
  padding: 0;
  clear: right; }

#search_function_top {
  width: 600px;
  float: left;
  margin: 0;
  padding: 0 0 0 5px;
  background: url(/assets/table625_new-middle.gif) repeat-y; }

#search_function_bot {
  width: 600px;
  float: left;
  margin: 0;
  padding: 0 0 0 5px;
  background: url(/assets/table625_new-middle.gif) repeat-y; }

.search_header {
  font-family: arial, Helvetica, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  color: #000000; }

.search_items {
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold; }

.header {
  font-family: arial, Helvetica, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  color: #000000; }

.header2 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  color: #006600; }

#mem_bar {
  width: 600px;
  text-align: left;
  padding: 5px 5px 5px 10px; }

.nav_bar {
  font-size: 12px;
  color: #006600;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none;
  font-family: Verdana, arial, Helvetica, sans-serif; }

.nav_bar a:link {
  color: #006600;
  text-decoration: none; }

.nav_bar a:active {
  color: #006600;
  text-decoration: none; }

.nav_bar a:visited {
  color: #006600;
  text-decoration: none; }

.nav_bar a:hover {
  color: #006600;
  text-decoration: underline; }

#menu_container {
  width: auto;
  background: url(/assets/header_nav_back2.jpg) no-repeat; }

#menu2 {
  width: 400px;
  height: 27px;
  text-align: left;
  float: left;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  background: url(/assets/header_nav_back2.jpg) no-repeat;
  background-position: top;
  background-color: #000000; }

#menu2 a {
  text-decoration: none;
  color: #c26226;
  font-family: arial;
  font-size: 15px;
  padding: 2px 7px 2px 7px; }

#menu2 a:hover {
  text-decoration: none;
  color: #ffffff;
  font-family: arial;
  font-size: 15px;
  padding: 2px 7px 2px 7px; }

#menu3 {
  width: 350px;
  height: 27px;
  text-align: right;
  float: left;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  background: url(/assets/header_nav_back2.jpg) no-repeat;
  background-position: top;
  background-color: #000000; }

#menu3 a {
  text-decoration: none;
  color: #c26226;
  font-family: arial;
  font-size: 15px;
  padding: 2px 7px 2px 7px; }

#menu3 a:hover {
  text-decoration: none;
  color: #ffffff;
  font-family: arial;
  font-size: 15px;
  padding: 2px 7px 2px 7px; }

#head_banner_ad {
  width: 770px;
  height: 100px;
  background: url(/assets/header_adsection_90h.jpg) repeat-x;
  margin: 0; }

#mem_count {
  width: 345px;
  height: 27px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: right;
  float: left;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  background: url(/assets/header_nav_back2.jpg) no-repeat;
  background-position: top;
  padding-right: 5px; }

#mem_count a {
  text-decoration: none;
  color: #FFFFFF;
  font-family: arial;
  font-size: 12px;
  padding: 2px 7px 2px 7px; }

#mem_count a:hover {
  text-decoration: underline;
  font-family: arial;
  font-size: 12px;
  padding: 2px 7px 2px 7px; }

.style2 {
  font-size: 14px;
  text-align: left;
  padding: 0;
  margin: 0;
  font-family: arial, Helvetica, sans-serif; }

.Regform_Header {
  font-family: arial, Helvetica, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  color: #000000; }

.Regform_Subheader {
  font-family: arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold; }

.Regform_Items {
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold; }

.Regform_subtext {
  font-family: arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #000000; }

.Regform_subtext_Red {
  font-family: arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #FF0000; }

.Regform_HeaderBigger {
  font-family: arial, Helvetica, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  color: #000000; }

.Regform_Header-Indent {
  font-family: arial, Helvetica, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  padding-left: 10px; }

.Regform_SubheaderIndentRed {
  font-family: arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  padding-left: 10px;
  color: #990000; }

.Regform_link {
  font-family: Verdana, arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #0000FF;
  text-decoration: underline; }

.Regform_text {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px; }

.Regform_subtext#FFF8E1 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF; }

.HP_Header {
  font-family: arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center; }

.HP_HeaderRed {
  font-family: arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #990000;
  text-align: center;
  margin: 0;
  padding: 0; }

.HP_BoxText {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 0;
  margin: 0; }

.HP_Quote {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  padding: 0;
  margin: 0;
  font-style: normal;
  padding-left: 20px;
  padding-right: 13px;
  padding-top: 10px;
  padding-bottom: 10px; }

.HP_Searchitems {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 5px;
  margin: 5px;
  font-weight: bold; }

.HP_WelcomeBox {
  border: solid #333333 1px;
  background-color: #FFFF99;
  text-align: left;
  padding: 15px;
  margin: 0px 17px 10px 17px; }

.BZ_buzzbox {
  border: solid #333333 1px;
  background-color: #FFCCFF;
  text-align: left;
  padding: 20px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 15px; }

.BZ_buzzbox p {
  padding: 5px;
  margin: 0px; }

.BZ_buzzboxsgn {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  font-style: italic;
  font-weight: bold; }

.BZ_buzzboxgreen {
  border: solid #333333 1px;
  background-color: #C2FFC1;
  text-align: left;
  padding: 20px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 15px; }

.BZ_buzzboxblue {
  border: solid #333333 1px;
  background-color: #BBCEFF;
  text-align: left;
  padding: 20px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 15px; }

.BZ_buzzboxorange {
  border: solid #333333 1px;
  background-color: #FFE3BB;
  text-align: left;
  padding: 20px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 15px; }

.BZ_buzzboxpurple {
  border: solid #333333 1px;
  background-color: #E0BBFF;
  text-align: left;
  padding: 20px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: 0; }

.HW_Header {
  font-family: arial, Helvetica, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  padding-bottom: 5px;
  margin: 0; }

.HW_box {
  border: solid #333333 1px;
  background-color: #BFCBFF;
  text-align: left;
  padding: 0px 20px 0px 20px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: 0; }

.boxblue {
  border: solid #333333 1px;
  background-color: #99CCFF;
  text-align: left;
  padding: 8px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 15px; }

.boxpink {
  border: solid #333333 1px;
  background-color: #FFCCCC;
  text-align: left;
  padding: 8px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 15px; }

#reg_content {
  width: auto;
  background-color: #FFFFFF;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  clear: left;
  padding-bottom: 10px; }

#reg_top {
  padding: 10px 0 0 0;
  text-align: center; }

#reg_top h1 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 28px;
  color: #C1272D;
  font-weight: bold;
  text-align: center;
  line-height: 8px; }

#reg_top h2 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  line-height: 0px; }

#reg_form {
  width: 485px;
  text-align: left;
  padding: 5px 0 5px 0;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin: 0 auto 10px auto;
  clear: both; }

#reg_form_image {
  width: 485px;
  border: 1px solid #000000;
  margin: 0 auto 0 auto;
  clear: both; }

#reg_form_bar {
  width: 485px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  margin: 0 auto 0 auto;
  clear: both; }

.reg_gen_header {
  font-family: arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #000000;
  font-weight: bold;
  text-align: left;
  padding-top: 10px;
  padding-left: 10px; }

.reg_gen_pagenum {
  font-family: arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #990000;
  font-weight: bold;
  text-align: left;
  padding-top: 10px;
  padding-left: 10px; }

.bc_list {
  color: #666;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 5px; }

.this_bc {
  color: #333;
  font-weight: bold; }

.fp_letter {
  border: #000000 1px solid;
  background-color: #FFFF99;
  padding: 10px; }

.fp_letter h1 {
  font-size: 13px; }

.fp_letter h2 {
  font-size: 12px; }

.browse_result_holder {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  text-align: center; }

.video-help-link {
  float: right;
  color: blue;
  font-size: 10px;
  padding: 1px 20px 0px 0px;
  background: url("original/icon-faq.png") no-repeat;
  background-position: right; }
  .video-help-link:hover {
    color: blue; }

/* DEFAULT CSS TABLE */
div.table .tr, div.table .th {
  overflow: hidden;
  text-overflow: clip;
  padding-top: 5px;
  padding-bottom: 5px;
  #FFF8E1-space: nowrap;
  position: relative;
  background-color: #FFF8E1; }

div.table .tr .tc, div.table .th .tc {
  background-color: inherit;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  text-overflow: clip;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px; }
  div.table .tr .tc *, div.table .th .tc * {
    overflow: hidden;
    #FFF8E1-space: nowrap; }

div.table .ignore-this-css .th {
  display: none; }

div.table .ignore-this-css .tr {
  overflow: inherit;
  text-overflow: inherit;
  height: auto !important; }
  div.table .ignore-this-css .tr .tc {
    overflow: inherit;
    text-overflow: inherit;
    display: block; }

div.table .th .tc {
  font-weight: bold; }

div.table .tr.active {
  background-color: #FFF8E1Smoke; }

.bootstrap3 .ignore-this-css ul.pagination {
  width: 100%; }
  .bootstrap3 .ignore-this-css ul.pagination .previous_page,
  .bootstrap3 .ignore-this-css ul.pagination .next_page {
    width: 49%;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px; }
  .bootstrap3 .ignore-this-css ul.pagination .numbered,
  .bootstrap3 .ignore-this-css ul.pagination .gap {
    display: none; }

/* CONVERSATION SPECIFIC STYLE */
.conversations.bootstrap3 div.table a {
  color: black;
  font-weight: normal; }

.conversations.bootstrap3 div.table a:hover {
  text-decoration: none;
  color: black; }

.conversations.bootstrap3 div.table {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD; }
  .conversations.bootstrap3 div.table .th, .conversations.bootstrap3 div.table .tr {
    border-bottom: 1px solid #DDD; }
  .conversations.bootstrap3 div.table .th {
    border-bottom: 2px solid #DDD; }
  .conversations.bootstrap3 div.table .tr {
    height: 50px; }
  .conversations.bootstrap3 div.table .unread {
    width: 28px; }
  .conversations.bootstrap3 div.table .photo img {
    max-height: 40px;
    max-width: 40px; }
  .conversations.bootstrap3 div.table .conv-link {
    display: none; }
  .conversations.bootstrap3 div.table .member {
    width: 20%; }
    .conversations.bootstrap3 div.table .member a {
      color: #00A; }
  .conversations.bootstrap3 div.table .tr.free {
    background-color: #FFD700; }
  .conversations.bootstrap3 div.table .tr .tc a div {
    height: 40px; }
  .conversations.bootstrap3 div.table .tr.blocked {
    border-bottom: 1px solid rgba(0, 0, 0, 0.7); }
    .conversations.bootstrap3 div.table .tr.blocked .tc {
      -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -o-filter: blur(5px);
      -ms-filter: blur(5px);
      filter: blur(5px); }
  .conversations.bootstrap3 div.table .tr .blocked {
    left: 0px;
    width: 100%;
    height: 56px;
    top: -5px;
    display: inline-block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    text-align: center;
    padding-top: 15px; }
    .conversations.bootstrap3 div.table .tr .blocked .text, .conversations.bootstrap3 div.table .tr .blocked .text a {
      color: #FFF8E1;
      font-size: 24px;
      width: 100%;
      height: 100%;
      display: inline; }
  .conversations.bootstrap3 div.table .message {
    width: 100%; }
  .conversations.bootstrap3 div.table .date {
    position: absolute;
    padding-top: 5px;
    right: 33px;
    top: 0px;
    width: 10%;
    min-width: 100px;
    z-index: 2; }
  .conversations.bootstrap3 div.table .check {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 50px;
    z-index: 3;
    border-left: 1px solid #DDD;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 10px; }
    .conversations.bootstrap3 div.table .check .glyphicon {
      font-size: 18px;
      color: #DDD; }
    .conversations.bootstrap3 div.table .check .checked {
      color: #A00; }
  .conversations.bootstrap3 div.table .check:hover {
    cursor: pointer;
    cursor: hand; }
  .conversations.bootstrap3 div.table .ignore-this-css .tr .tc a div {
    height: auto; }
  .conversations.bootstrap3 div.table .ignore-this-css .unread, .conversations.bootstrap3 div.table .ignore-this-css .member, .conversations.bootstrap3 div.table .ignore-this-css .date {
    background-color: transparent;
    display: inline-block;
    top: 0px; }
  .conversations.bootstrap3 div.table .ignore-this-css .photo {
    float: left; }
  .conversations.bootstrap3 div.table .ignore-this-css .member {
    padding-left: 0px;
    width: auto; }
  .conversations.bootstrap3 div.table .ignore-this-css .unread {
    background-color: inherit;
    position: absolute;
    padding-top: 2px;
    right: 133px;
    height: 50%; }
  .conversations.bootstrap3 div.table .ignore-this-css .date {
    background-color: inherit;
    height: 50%; }
  .conversations.bootstrap3 div.table .ignore-this-css .conv-link {
    display: block;
    position: absolute;
    left: 50px;
    top: 0px;
    right: 33px;
    background-color: transparent;
    z-index: 4; }
    .conversations.bootstrap3 div.table .ignore-this-css .conv-link a {
      display: block;
      width: 100%;
      height: 100%; }

.conversations.bootstrap3 .delete {
  float: right;
  margin-right: 5px; }

.conversations.bootstrap3 .pagination {
  margin: 0px; }
  .conversations.bootstrap3 .pagination a {
    color: black;
    font-weight: normal; }
  .conversations.bootstrap3 .pagination .previous_page {
    margin: 0px; }
  .conversations.bootstrap3 .pagination a:hover {
    text-decoration: none; }

.conversations.bootstrap3 .keep-clean {
  overflow: hidden;
  text-overflow: clip; }
  .conversations.bootstrap3 .keep-clean .learn-more {
    display: none; }

.conversations.bootstrap3 .modal-title em {
  font-weight: 500;
  font-size: 18px; }

.semi-old-browser .tr.blocked .tc {
  color: #e6e6e6; }

.mobile .bootstrap3.conversations .keep-clean .learn-more {
  display: inline-block; }

.mobile .bootstrap3.conversations .keep-clean .safe-info {
  display: none; }

.mobile .bootstrap3.conversation .back-btn {
  color: #000; }
  .mobile .bootstrap3.conversation .back-btn .glyphicon-arrow-left {
    padding-right: 4px; }

.mobile .bootstrap3.conversation .message {
  display: block; }
  .mobile .bootstrap3.conversation .message .buttons {
    min-height: 30px; }

.mobile .bootstrap3.conversation .info {
  padding-left: 8px; }

.mobile .bootstrap3.conversation .summary {
  border-top: 1px solid #ccc; }

.mobile .bootstrap3.conversation .shadow {
  position: relative;
  margin-bottom: 12px;
  top: -3px;
  height: 2px;
  width: 100%;
  box-shadow: 0 7px 8px #ccc, 0 10px 12px #ccc; }

.mobile .bootstrap3.conversation .profile-actions {
  top: -1px;
  float: right;
  word-break: break-all;
  padding-right: 16px;
  background: #fff;
  z-index: 1; }
  .mobile .bootstrap3.conversation .profile-actions button {
    min-width: 68px;
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0; }
    .mobile .bootstrap3.conversation .profile-actions button:last-child {
      clear: both; }

.mobile .bootstrap3.conversation textarea.message-contents {
  height: 60px; }

.mobile .bootstrap3.conversation .btn, .mobile .bootstrap3.conversation .info_request .button, .mobile .info_request .bootstrap3.conversation .button {
  box-shadow: none;
  background-image: none; }

.conversation.bootstrap3 {
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px; }
  .conversation.bootstrap3 .alert-gold {
    background-color: #FFD700;
    border-color: #DAA520;
    color: black;
    font-size: 14px; }
  .conversation.bootstrap3 .label-default {
    background-color: #EEE;
    color: #222; }
  .conversation.bootstrap3 .conversation-buttons {
    margin-top: 10px; }
  .conversation.bootstrap3 .summary {
    vertical-align: top;
    position: relative; }
    .conversation.bootstrap3 .summary .back {
      position: absolute;
      right: 0px;
      top: 0px; }
    .conversation.bootstrap3 .summary .photo {
      display: inline-block; }
    .conversation.bootstrap3 .summary .info {
      display: inline-block; }
      .conversation.bootstrap3 .summary .info .username, .conversation.bootstrap3 .summary .info .age, .conversation.bootstrap3 .summary .info .location {
        display: block; }
      .conversation.bootstrap3 .summary .info .username {
        font-weight: bold; }
  .conversation.bootstrap3 .message {
    margin-top: 5px;
    display: none; }
    .conversation.bootstrap3 .message .buttons {
      margin-top: 5px;
      margin-bottom: 5px; }
      .conversation.bootstrap3 .message .buttons .send {
        float: right; }
  .conversation.bootstrap3 pre.message-contents {
    background-color: transparent;
    border: 0px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    word-wrap: normal !important;
    word-break: normal !important; }
  .conversation.bootstrap3 ul.list-group {
    margin-left: 0px;
    margin-top: 10px; }
    .conversation.bootstrap3 ul.list-group li.background-muted {
      background-color: #fafafa; }
  .conversation.bootstrap3 .load-more {
    text-align: center; }
  .conversation.bootstrap3 .modal .modal-dialog {
    margin-top: 10%; }

#colorbox .info_request {
  margin: 10px; }

.popover #cboxLoadedContent {
  border-width: 2px; }

.popover #cboxClose {
  top: 0px; }

.popover .info_request .errors {
  margin-left: 0px; }

.popover .info_request div.field {
  text-align: left;
  padding-left: 0px; }

.popover h1 {
  text-align: center; }

.popover div, .popover p, .popover span, .popover ul, .popover li {
  text-align: left; }

.desktop .info_request .submit-container {
  text-align: center; }

.mobile .info_request .submit-container {
  padding-left: 265px; }
  @media (max-width: 500px) {
    .mobile .info_request .submit-container {
      text-align: center;
      padding-left: 0px; } }

.info_request {
  font-size: 125%;
  padding-top: 10px;
  padding-left: 5px; }
  .info_request ul li {
    text-align: left;
    margin-bottom: 5px; }
    .info_request ul li label {
      vertical-align: top;
      height: auto;
      line-height: 16px; }
  .info_request .notice {
    margin-bottom: 10px;
    text-align: left; }
  .info_request .form {
    margin-top: 10px; }
  .info_request .errors {
    margin-bottom: 20px;
    margin-left: 150px;
    padding: 10px 0px 10px 0px;
    display: inline-block;
    border: 1px solid #c89696;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    background-color: #fac896; }
    @media (max-width: 500px) {
      .info_request .errors {
        margin-left: 4%;
        margin-right: 4%;
        width: 90%; } }
  .info_request .error-label {
    display: none; }
  .info_request .error-message {
    display: block;
    margin: 3px 30px 3px 30px;
    font-weight: bold; }
  .info_request .field {
    width: 100%;
    margin-bottom: 10px; }
  .info_request .field .label {
    width: 250px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    background-color: transparent;
    color: black; }
    @media (max-width: 500px) {
      .info_request .field .label {
        text-align: left;
        display: block; } }
  .info_request .field .label.full {
    width: 550px; }
    @media (max-width: 500px) {
      .info_request .field .label.full {
        width: 80%;
        display: inline-block;
        text-wrap: normal;
        #FFF8E1-space: pre-wrap; } }
  .info_request .field .label.left {
    text-align: left; }
  .info_request .field input[type="text"], .info_request .field input[type="password"], .info_request .field input[type="file"], .info_request .field select {
    width: 200px;
    height: 25px;
    display: inline-block;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    padding-left: 5px; }
    @media (max-width: 500px) {
      .info_request .field input[type="text"], .info_request .field input[type="password"], .info_request .field input[type="file"], .info_request .field select {
        width: 95% !important; } }
  .info_request .field input[type="text"].full, .info_request .field input[type="password"].full, .info_request .field input[type="file"].full, .info_request .field select.full {
    width: 550px; }
    @media (max-width: 500px) {
      .info_request .field input[type="text"].full, .info_request .field input[type="password"].full, .info_request .field input[type="file"].full, .info_request .field select.full {
        width: 80%;
        display: inline-block;
        text-wrap: normal;
        #FFF8E1-space: pre-wrap; } }
  .info_request .field input[type="checkbox"] {
    padding-top: 5px;
    line-height: 20px;
    vertical-align: top;
    height: auto; }
  .info_request .field .invalid input {
    background-color: #fac896; }
  .info_request .submit-container {
    margin-top: 25px; }
    .info_request .submit-container .button {
      margin-right: 5px;
      margin-left: 5px; }
  .info_request .instructions {
    margin-top: 20px;
    padding-left: 20px; }

.info-request-content.embedded {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c8c8c8; }
  .info-request-content.embedded .info_request {
    text-align: left; }

.info-request-content.popover {
  display: none; }

.mobile .info-request-content {
  font-size: 80%; }

.bootstrap3.purchase-membership .or, .bootstrap3.purchase .or {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 20px;
  margin: 20px 0 30px 0;
  color: #969696; }

.bootstrap3.purchase-membership .or {
  margin: 10px 0 10px 0; }

.bootstrap3.purchase-membership h3 {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  margin-left: -1%;
  width: 102%;
  padding: 5px; }

.bootstrap3.purchase-membership .list-group-item {
  border: 0px;
  padding-bottom: 5px;
  padding-top: 5px; }

.bootstrap3.purchase-membership .alert-warning {
  font-weight: bold;
  font-size: 14px;
  text-align: center; }

.bootstrap3.purchase-membership .inner {
  text-align: center; }
  .bootstrap3.purchase-membership .inner .benefits-list {
    display: inline-block;
    text-align: center; }
    .bootstrap3.purchase-membership .inner .benefits-list div {
      text-align: left;
      width: 45%;
      display: inline-block; }
      .bootstrap3.purchase-membership .inner .benefits-list div .glyphicon {
        padding-right: 5px; }
  .bootstrap3.purchase-membership .inner .choose {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-left: -10px; }

.bootstrap3.purchase-membership .price {
  text-align: left;
  padding: 0px;
  position: relative;
  overflow: visible; }
  .bootstrap3.purchase-membership .price div {
    display: inline-block; }
  .bootstrap3.purchase-membership .price .price-label {
    font-size: 18px;
    padding: 10px 0px 10px 10px; }
    .bootstrap3.purchase-membership .price .price-label .glyphicon {
      font-size: 18px;
      font-weight: bold;
      margin-right: 5px; }
    .bootstrap3.purchase-membership .price .price-label .expanded-label {
      display: none;
      font-size: 18px; }
      @media (max-width: 450px) {
        .bootstrap3.purchase-membership .price .price-label .expanded-label {
          display: inline; } }
      @media (max-width: 460px) {
        .bootstrap3.purchase-membership .price .price-label .expanded-label.respond-early {
          display: inline; } }
  .bootstrap3.purchase-membership .price .monthly {
    font-size: 18px;
    padding: 8px;
    margin: 2px;
    border-left: 1px solid #c8c8c8; }
    @media (max-width: 450px) {
      .bootstrap3.purchase-membership .price .monthly {
        display: none; } }
    @media (max-width: 460px) {
      .bootstrap3.purchase-membership .price .monthly.respond-early {
        display: none; } }
  .bootstrap3.purchase-membership .price .discount {
    position: absolute;
    left: -15px;
    top: -15px;
    font-size: 14px;
    margin: 2px;
    font-weight: bold;
    color: black;
    background-color: #C6C400; }

.mobile .bootstrap3.purchase-membership h3 {
  background-color: #c8c8c8;
  border: 1px solid #787878; }

@media (max-width: 500px) {
  .mobile .bootstrap3.purchase-membership .inner .benefits-list div {
    display: block;
    width: 100%; } }

.mobile .bootstrap3.purchase-membership .inner .btn, .mobile .bootstrap3.purchase-membership .inner .info_request .button, .mobile .info_request .bootstrap3.purchase-membership .inner .button {
  word-wrap: break-word;
  #FFF8E1-space: normal;
  width: 98%;
  margin-left: 2%; }

.desktop .bootstrap3.purchase-membership {
  text-align: center; }
  .desktop .bootstrap3.purchase-membership h3 {
    border-bottom: 1px solid #787878; }
  .desktop .bootstrap3.purchase-membership .inner {
    display: inline-block;
    max-width: 600px;
    margin: 20px;
    padding-top: 30px; }

.popover .bootstrap3.purchase-membership {
  height: 400px;
  width: 100%; }

.bootstrap3 .purchase-description {
  height: 42px;
  background-color: #FFF8E1 !important;
  position: relative;
  #FFF8E1-space: nowrap;
  font-size: 20px;
  padding: 0px;
  text-align: right;
  overflow: hidden; }
  .bootstrap3 .purchase-description .type, .bootstrap3 .purchase-description .amount, .bootstrap3 .purchase-description .total-amount {
    padding: 10px;
    display: inline-block;
    font-size: 20px;
    top: 0px;
    position: absolute; }
  .bootstrap3 .purchase-description .type {
    left: 0px;
    z-index: 0; }
  .bootstrap3 .purchase-description .amount {
    padding: 10px;
    display: inline-block;
    font-style: italic;
    font-size: 20px;
    background-color: #f0f0f0;
    height: 50px;
    position: absolute;
    right: 0px;
    z-index: 1;
    width: 100px; }
  .bootstrap3 .purchase-description .total-amount {
    right: 100px; }
    @media (max-width: 550px) {
      .bootstrap3 .purchase-description .total-amount {
        display: none; } }

.bootstrap3.purchase .well .label {
  color: black;
  width: 140px;
  display: inline-block;
  text-align: right;
  background-color: transparent; }

.bootstrap3.purchase .subscribe-button {
  margin-top: 5px;
  text-align: right; }

.bootstrap3.purchase .purchase-type .text {
  padding: 10px;
  display: inline-block;
  font-size: 20px; }

@media (max-width: 550px) {
  .bootstrap3.purchase .purchase-type .text.total-amount {
    display: none; } }

.bootstrap3.purchase .panel.payment-method .panel-heading {
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px; }
  .bootstrap3.purchase .panel.payment-method .panel-heading .heading {
    padding-top: 8px;
    float: left;
    font-size: 16px; }
    @media (max-width: 550px) {
      .bootstrap3.purchase .panel.payment-method .panel-heading .heading {
        display: none; } }

.bootstrap3.purchase .panel.payment-method .nav-tabs {
  margin-bottom: 20px; }

.bootstrap3.purchase .panel.payment-method #paypal button {
  margin-top: 20px;
  margin-bottom: 20px; }

.bootstrap3.purchase .card {
  background-position: right top;
  background-repeat: no-repeat;
  text-indent: -3000px;
  width: 33px;
  height: 30px;
  margin: 0;
  padding: 0;
  display: inline-block; }

.bootstrap3.purchase .card.mastercard {
  background-image: url("credit_cards/mastercard.png"); }

.bootstrap3.purchase .card.american_express {
  background-image: url("credit_cards/amex.png"); }

.bootstrap3.purchase .card.visa {
  background-image: url("credit_cards/visa.png"); }

.bootstrap3.purchase .card.discover {
  background-image: url("credit_cards/discover.png"); }

.bootstrap3.purchase .alert-disclaimer {
  font-size: 12px;
  text-align: justify;
  text-justify: inter-word;
  color: #646464; }

.bootstrap3.purchase .has-no-errors {
  display: none; }

.old-ie .bootstrap3.purchase .cards {
  display: none !important; }

.desktop .bootstrap3.purchase {
  padding-left: 110px; }
  .desktop .bootstrap3.purchase .panel.payment-method {
    margin-top: 19px;
    margin-left: 19px; }
  .desktop .bootstrap3.purchase .alert-disclaimer {
    width: 650px;
    padding: 0px;
    margin-left: 19px; }

.mobile .bootstrap3.purchase .nav-tabs {
  display: none; }

/* STYLES FOR PURCHASE A/B TEST */
.responsive .right-aligned-icon {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 0px;
  height: 100%;
  line-height: 100%; }
  .responsive .right-aligned-icon span {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px; }

.responsive .bootstrap3.purchase-membership .options {
  padding: 10px 5px 5px 10px; }

.responsive .bootstrap3.purchase-membership h3 {
  background-color: #118C4E;
  color: #FFF8E1;
  border-top: 1px solid #118C4E;
  border-bottom: 1px solid #118C4E;
  margin-left: 0px;
  width: 100%;
  font-size: 24px; }

.responsive .bootstrap3.purchase-membership h4 {
  font-size: 32px;
  font-weight: bold; }

.responsive .bootstrap3.purchase-membership .inner .benefits-list {
  max-width: 600px; }
  .responsive .bootstrap3.purchase-membership .inner .benefits-list div, .responsive .bootstrap3.purchase-membership .inner .benefits-list div * {
    font-size: 16px; }

.responsive .bootstrap3.purchase-membership .price {
  word-wrap: break-word;
  #FFF8E1-space: normal;
  width: 100%;
  background-color: #24506A;
  margin-bottom: 30px; }
  .responsive .bootstrap3.purchase-membership .price .price-label, .responsive .bootstrap3.purchase-membership .price .price-label .expanded-label, .responsive .bootstrap3.purchase-membership .price .monthly {
    font-size: 24px; }
  .responsive .bootstrap3.purchase-membership .price .discount {
    background-color: #FF8C00;
    left: -10px;
    top: -15px; }
  .responsive .bootstrap3.purchase-membership .price .menu-right {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    line-height: 100%; }
    .responsive .bootstrap3.purchase-membership .price .menu-right span {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 0px; }

@media (max-width: 550px) {
  .responsive .bootstrap3.purchase-membership h4, .responsive .bootstrap3.purchase-membership h3 {
    font-size: 22px; }
  .responsive .bootstrap3.purchase-membership .inner .benefits-list div {
    display: block;
    width: 100%; }
  .responsive .bootstrap3.purchase-membership .price .price-label, .responsive .bootstrap3.purchase-membership .price .price-label .expanded-label, .responsive .bootstrap3.purchase-membership .price .monthly {
    font-size: 18px; } }

@media (max-width: 450px) {
  .responsive .bootstrap3.purchase-membership h4, .responsive .bootstrap3.purchase-membership h3 {
    font-size: 18px; }
  .responsive .bootstrap3.purchase-membership .price {
    padding-right: 20px; }
    .responsive .bootstrap3.purchase-membership .price .glyphicon-hand-right {
      display: none; }
    .responsive .bootstrap3.purchase-membership .price .menu-right {
      display: inline-block; } }

.responsive .logo-seal {
  padding: 10px 5px 10px 5px;
  text-align: left;
  position: relative; }
  .responsive .logo-seal .logo {
    max-width: 50%; }
  .responsive .logo-seal .siteseal {
    position: absolute;
    top: 15px;
    right: 15px; }

.responsive .payment-method .btn.btn-success, .responsive .payment-method .mobile .info_request .btn-success.button, .mobile .info_request .responsive .payment-method .btn-success.button {
  background-color: #118C4E;
  border: 1px solid #118C4E; }

.responsive .payment-method .btn.btn-primary, .responsive .payment-method .mobile .info_request .button, .mobile .info_request .responsive .payment-method .button {
  background-color: #24506A;
  border: 1px solid #24506A; }

.responsive .payment-method .alert-danger {
  background-color: #CC1000;
  color: #FFF8E1;
  font-size: 16px; }

.responsive .payment-method .nav {
  margin: 10px 0px 0px 0px;
  padding: 5px 15px 5px 15px;
  text-align: center;
  display: inline-block; }
  .responsive .payment-method .nav li {
    display: inline-block; }
    .responsive .payment-method .nav li a {
      border: 1px solid #24506A;
      color: black; }
      @media (max-width: 500px) {
        .responsive .payment-method .nav li a {
          padding: 5px 10px 5px 10px; } }
    .responsive .payment-method .nav li.active a {
      background-color: #24506A;
      color: #FFF8E1;
      font-weight: bold; }

.responsive .payment-method .tab-content {
  margin: 0px 0px 5px 0px;
  padding: 5px 0px 0px 0px;
  border-top: 1px solid #585858; }

.responsive .payment-method .tab-pane {
  text-align: center; }

.responsive .payment-method fieldset {
  max-width: 500px;
  width: 100%;
  display: inline-block;
  padding: 0px 5px 0px 5px; }

.responsive .payment-method input, .responsive .payment-method select {
  border: none;
  box-shadow: none; }
  .responsive .payment-method input:hover, .responsive .payment-method select:hover {
    border: none;
    box-shadow: none; }

.responsive .payment-method .field-list {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #c8c8c8;
  overflow: hidden; }
  .responsive .payment-method .field-list .form-field {
    position: relative;
    border-top: 1px solid #c8c8c8; }
    .responsive .payment-method .field-list .form-field.first {
      border-top: none; }

.responsive .payment-method .field-group {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #c8c8c8;
  position: relative;
  overflow: hidden; }
  .responsive .payment-method .field-group:after {
    border-right: 1px solid #c8c8c8;
    content: '';
    height: 100%;
    display: inline-block;
    position: absolute;
    padding-left: 2px;
    left: 50%;
    top: 0px; }

.responsive .payment-method .glyphicon-lock {
  color: #969696; }

.responsive .payment-method .expiration-date {
  padding: 10px 2px 0px 2px; }
  .responsive .payment-method .expiration-date .field-group {
    display: block;
    text-align: left; }
    .responsive .payment-method .expiration-date .field-group span {
      font-size: 16px;
      display: block;
      text-align: left; }
    .responsive .payment-method .expiration-date .field-group select {
      display: inline-block;
      width: 49%; }
      .responsive .payment-method .expiration-date .field-group select.year {
        position: absolute;
        top: 0px;
        right: 0px; }

.responsive .payment-method .disclaimer {
  padding-bottom: 12px; }
  .responsive .payment-method .disclaimer .floating-text {
    padding-left: 4px; }
  .responsive .payment-method .disclaimer span {
    display: inline-block;
    #FFF8E1-space: nowrap; }

.responsive .payment-method .saved-form {
  max-width: 500px;
  width: 100%;
  padding: 5px 5px 5px 5px;
  display: inline-block;
  position: relative; }
  .responsive .payment-method .saved-form .edit-link {
    border: 0px;
    background: #FFF8E1;
    text-decoration: underline;
    color: #24506A;
    float: right;
    font-size: 14px; }
  .responsive .payment-method .saved-form .edit {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFF8E1;
    border: none;
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px; }
    .responsive .payment-method .saved-form .edit:focus {
      outline: none;
      border: none;
      background: none;
      box-shadow: none; }
  .responsive .payment-method .saved-form .purchase-description {
    margin-top: 40px; }
  .responsive .payment-method .saved-form .field-list {
    text-align: left;
    position: relative; }
    .responsive .payment-method .saved-form .field-list .right-aligned-icon {
      background-color: #FFF8E1;
      border-left: 1px solid #c8c8c8;
      width: 25px;
      right: 0px; }
      .responsive .payment-method .saved-form .field-list .right-aligned-icon span {
        padding-right: 6px; }
    .responsive .payment-method .saved-form .field-list .field {
      border-top: 1px solid #c8c8c8;
      height: 40px;
      line-height: 40px;
      overflow: hidden; }
      .responsive .payment-method .saved-form .field-list .field.first {
        border-top: none; }
      .responsive .payment-method .saved-form .field-list .field .label {
        display: inline-block;
        color: black;
        text-align: right;
        width: 100px; }
      .responsive .payment-method .saved-form .field-list .field .value {
        font-weight: bold; }

.responsive .payment-method-new .has-no-errors {
  display: block;
  visibility: hidden; }

.responsive .payment-method-new fieldset {
  max-width: 500px;
  width: 100%;
  display: inline-block;
  padding: 0px 5px 0px 5px; }

.responsive .payment-method-new input, .responsive .payment-method-new select {
  border: none;
  box-shadow: none;
  padding-bottom: 0px; }
  .responsive .payment-method-new input:hover, .responsive .payment-method-new input:focus, .responsive .payment-method-new select:hover, .responsive .payment-method-new select:focus {
    border: none;
    box-shadow: none; }

.responsive .payment-method-new .field-list {
  border: 0px;
  overflow: visible;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }
  .responsive .payment-method-new .field-list .form-field {
    margin-bottom: 10px;
    text-align: left;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #788fae;
    height: 60px;
    overflow: hidden;
    padding: 0px 0px 0px 5px; }
    .responsive .payment-method-new .field-list .form-field.error {
      border-color: red; }
    .responsive .payment-method-new .field-list .form-field label {
      position: absolute;
      top: 2px;
      left: 5px;
      pointer-events: none;
      z-index: 100; }
    .responsive .payment-method-new .field-list .form-field input {
      padding: 5px 0px 5px 0px;
      width: 100%;
      height: 70px;
      font-size: 16px;
      color: black;
      box-sizing: content-box;
      font-family: Arial;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px; }
    .responsive .payment-method-new .field-list .form-field.expiration-date {
      padding: 18px 2px 0px 2px; }
      .responsive .payment-method-new .field-list .form-field.expiration-date .field-group {
        display: block;
        text-align: left;
        height: 100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: 0px;
        position: relative;
        overflow: hidden;
        padding-top: 10px; }
        .responsive .payment-method-new .field-list .form-field.expiration-date .field-group:after {
          border-right: 1px solid #c8c8c8;
          content: '';
          height: 100%;
          display: inline-block;
          position: absolute;
          padding-left: 2px;
          left: 50%;
          top: 0px; }
        .responsive .payment-method-new .field-list .form-field.expiration-date .field-group select {
          display: inline-block;
          width: 49%;
          color: black;
          font-family: arial; }
          .responsive .payment-method-new .field-list .form-field.expiration-date .field-group select.month {
            position: absolute;
            top: 10px;
            left: 0px; }
          .responsive .payment-method-new .field-list .form-field.expiration-date .field-group select.year {
            position: absolute;
            top: 10px;
            right: 0px; }
        @media (min-width: 250px) {
          .responsive .payment-method-new .field-list .form-field.expiration-date .field-group:after {
            left: 40%; }
          .responsive .payment-method-new .field-list .form-field.expiration-date .field-group select {
            padding: 0px 0px 0px 2px; }
          .responsive .payment-method-new .field-list .form-field.expiration-date .field-group .month {
            width: 40%; }
          .responsive .payment-method-new .field-list .form-field.expiration-date .field-group .year {
            width: 59%; } }

.responsive .payment-method-new .credit-card-numbers {
  margin-top: 20px; }
  @media (max-width: 375px) {
    .responsive .payment-method-new .credit-card-numbers img {
      width: 100%; } }

.responsive .payment-method-new .line-group {
  position: relative; }
  @media (min-width: 250px) {
    .responsive .payment-method-new .line-group .number, .responsive .payment-method-new .line-group .cvv {
      position: relative;
      height: 60px; }
      .responsive .payment-method-new .line-group .number .spreedly-field, .responsive .payment-method-new .line-group .cvv .spreedly-field {
        height: 100%;
        position: relative; }
    .responsive .payment-method-new .line-group .number {
      width: 69%; }
    .responsive .payment-method-new .line-group .cvv {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 30%; }
    .responsive .payment-method-new .line-group .name {
      width: 49%; }
    .responsive .payment-method-new .line-group .expiration-date {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 50%; } }

.responsive .payment-method-new .cvv-help {
  position: absolute;
  top: 10px;
  right: 35%;
  padding: 5px 10px 5px 5px;
  background-color: #FFF8E1;
  z-index: 1000;
  border: 2px solid black;
  max-width: 227px;
  width: 100%;
  display: none; }
  .responsive .payment-method-new .cvv-help img {
    width: 100%; }
  @media (max-width: 350px) {
    .responsive .payment-method-new .cvv-help {
      top: 65px;
      right: 0px; } }

.responsive .payment-method-new .cvv-show-help {
  display: inline-block; }

.responsive .payment-method-new .glyphicon-lock {
  color: black; }

.responsive .test-cards td {
  font-size: 14px;
  padding: 5px;
  text-align: left; }

.responsive .test-cards tbody td:not(:first-child) {
  word-break: break-all; }

.submit {
  border: 2px solid black !important;
  color: black !important;
  background-color: #1aff1a !important; }

.submit-link {
  font-weight: bold !important;
  color: #000066 !important;
  text-decoration: underline !important; }

@font-face {
  font-family: 'Hel-77B';
  src: url("../single_in_country/helveticaneueltstd-bdcn.eot");
  src: url("../single_in_country/helveticaneueltstd-bdcn.eot?#iefix") format("embedded-opentype"), url("../single_in_country/helveticaneueltstd-bdcn.woff") format("woff"), url("../single_in_country/helveticaneueltstd-bdcn.ttf") format("truetype"), url("../single_in_country/helveticaneueltstd-bdcn.svg#helveticaneueltstd-bdcn") format("svg");
  font-weight: normal;
  font-style: normal; }

.discover-show, .discover-form-show {
  position: absolute;
  left: 0px;
  width: 100% !important;
  bottom: 0px;
  top: 0px;
  margin: 0px !important; }
  .discover-show .info-request-content, .discover-form-show .info-request-content {
    display: none; }
  .discover-show.show-ads, .discover-form-show.show-ads {
    padding-top: 90px !important; }

.desktop .discover {
  height: 800px;
  margin: 0px 2% 0px 2%;
  margin-bottom: 50px;
  width: 96%; }
  .desktop .discover .main-photo {
    margin-top: 50px; }
  .desktop .discover .thumbs {
    top: 2px;
    border: 0px;
    z-index: 10;
    right: 20%;
    width: 60%; }
    .desktop .discover .thumbs a {
      border: 0px !important; }
    .desktop .discover .thumbs .thumbs-up a {
      background-color: #00c000 !important; }
    .desktop .discover .thumbs .thumbs-down a {
      background-color: #f00000 !important; }

.desktop .discover-ads {
  padding-top: 20px;
  text-align: center; }
  .desktop .discover-ads .ad1, .desktop .discover-ads .ad2 {
    display: inline-block; }
  .desktop .discover-ads .ad-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1000; }
    .desktop .discover-ads .ad-overlay .left-sky-scraper {
      left: -320px; }
    .desktop .discover-ads .ad-overlay .right-sky-scraper {
      right: -320px; }
    .desktop .discover-ads .ad-overlay .center {
      position: relative;
      width: 894px;
      display: inline-block; }
      .desktop .discover-ads .ad-overlay .center div {
        position: absolute;
        top: 100px; }

.mobile .discover {
  padding-bottom: 60px; }
  .mobile .discover .info-wrapper {
    position: fixed; }
    .mobile .discover .info-wrapper .info {
      background-color: #fff; }
      .mobile .discover .info-wrapper .info .location, .mobile .discover .info-wrapper .info .username {
        text-align: center;
        color: #333; }
      .mobile .discover .info-wrapper .info .tools {
        width: 100%;
        font-size: 0.9em; }
        .mobile .discover .info-wrapper .info .tools .glyphicon-info-sign {
          color: #0063ff; }
        .mobile .discover .info-wrapper .info .tools .glyphicon-comment {
          color: #9c9c9c; }
        .mobile .discover .info-wrapper .info .tools .left {
          position: absolute;
          text-align: left; }
        .mobile .discover .info-wrapper .info .tools .right {
          position: absolute;
          right: 10px; }
  .mobile .discover.empty-gallery .spacer {
    padding-bottom: 92px; }
  .mobile .discover .photo-container {
    height: 300px; }
  .mobile .discover .general {
    padding: 44px 38px 0 38px; }
    .mobile .discover .general p {
      font-size: 14px; }
    .mobile .discover .general .main .name {
      font-weight: bold;
      font-size: 24px; }
    .mobile .discover .general .main .age {
      padding-left: 14px;
      color: #787878;
      font-size: 24px; }
    .mobile .discover .general .location {
      margin: 0;
      padding-top: 6px; }
      .mobile .discover .general .location .glyphicon-map-marker {
        color: #00B500;
        padding-right: 4px; }
      .mobile .discover .general .location .text {
        color: #9c9c9c;
        font-size: 16px; }
  .mobile .discover .section .general {
    padding-top: 0;
    padding-bottom: 12px; }
    .mobile .discover .section .general p {
      margin: 0; }
  .mobile .discover .section .photo-container {
    margin-bottom: 24px; }
  .mobile .discover .section .photo-container + .general {
    padding: 0 38px 24px 38px; }
  .mobile .discover .buttons-panel {
    position: fixed;
    width: 100%;
    height: 39px;
    background-color: #F3F6F8;
    bottom: 0;
    border-top: 1px solid #ddd; }
  .mobile .discover .gallery {
    position: relative; }
    .mobile .discover .gallery .slides {
      width: 100%;
      height: 300px;
      overflow-y: scroll;
      #FFF8E1-space: nowrap;
      overflow: hidden;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.85); }
      .mobile .discover .gallery .slides .item {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%; }
        .mobile .discover .gallery .slides .item img {
          max-height: 100%; }
    .mobile .discover .gallery .preview, .mobile .discover .gallery .indicators {
      position: absolute;
      padding: 0 10px;
      width: 100%;
      text-align: center;
      #FFF8E1-space: nowrap;
      overflow-y: scroll;
      bottom: 0px; }
    .mobile .discover .gallery .preview {
      overflow-x: scroll;
      margin-bottom: -90px; }
      .mobile .discover .gallery .preview .img-container {
        display: inline-block;
        width: 70px;
        height: 70px;
        margin-right: 10px; }
        .mobile .discover .gallery .preview .img-container .item {
          height: 100%;
          background-position: center;
          background-size: cover; }
    .mobile .discover .gallery .indicators {
      margin-bottom: -108px;
      line-height: normal; }
      .mobile .discover .gallery .indicators .item {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 2px;
        border-radius: 50%;
        background: #bbb;
        opacity: 0.7; }
        .mobile .discover .gallery .indicators .item.active {
          background: #eee;
          opacity: 0.85; }
  .mobile .discover .thumbs {
    position: fixed;
    bottom: 16px;
    #FFF8E1-space: nowrap; }
    .mobile .discover .thumbs .center {
      display: inline-block;
      width: 50%;
      text-align: center; }
      .mobile .discover .thumbs .center .thumbs-down a, .mobile .discover .thumbs .center .thumbs-up a {
        display: block;
        width: 146px;
        padding: 0;
        margin: 0;
        line-height: normal;
        text-align: center;
        font-size: 10px;
        border-radius: 25px;
        border: none;
        height: 50px;
        text-decoration: none; }
        .mobile .discover .thumbs .center .thumbs-down a span, .mobile .discover .thumbs .center .thumbs-up a span {
          display: inline-block;
          top: 0;
          line-height: 50px;
          vertical-align: middle; }
        .mobile .discover .thumbs .center .thumbs-down a .text, .mobile .discover .thumbs .center .thumbs-up a .text {
          font-size: 14px;
          padding-left: 10px;
          padding-right: 8px;
          color: #fff; }
        .mobile .discover .thumbs .center .thumbs-down a .glyphicon, .mobile .discover .thumbs .center .thumbs-up a .glyphicon {
          font-size: 2.2em;
          top: -2px; }
        .mobile .discover .thumbs .center .thumbs-down a:active, .mobile .discover .thumbs .center .thumbs-down a:hover, .mobile .discover .thumbs .center .thumbs-up a:active, .mobile .discover .thumbs .center .thumbs-up a:hover {
          color: #fff; }
          .mobile .discover .thumbs .center .thumbs-down a:active .glyphicon, .mobile .discover .thumbs .center .thumbs-down a:hover .glyphicon, .mobile .discover .thumbs .center .thumbs-up a:active .glyphicon, .mobile .discover .thumbs .center .thumbs-up a:hover .glyphicon {
            color: #fff; }
      .mobile .discover .thumbs .center .thumbs-down a {
        background-color: #FF9C00;
        -webkit-box-shadow: 0px 10px 16px 0px rgba(255, 156, 0, 0.46);
        -moz-box-shadow: 0px 10px 16px 0px rgba(255, 156, 0, 0.46);
        box-shadow: 0px 10px 16px 0px rgba(255, 156, 0, 0.46); }
      .mobile .discover .thumbs .center .thumbs-up a {
        background-color: #FF0000;
        -webkit-box-shadow: 0px 10px 16px 0px rgba(255, 0, 0, 0.46);
        -moz-box-shadow: 0px 10px 16px 0px rgba(255, 0, 0, 0.46);
        box-shadow: 0px 10px 16px 0px rgba(255, 0, 0, 0.46); }
  .mobile .discover .spacer {
    padding-bottom: 180px; }

.discover {
  position: relative;
  width: 100%;
  height: 100%; }
  .discover .main-photo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain; }
  .discover .info-wrapper {
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 2; }
    .discover .info-wrapper .info {
      padding: 5px 5px 1px 5px;
      display: block;
      font-weight: bold;
      overflow: hidden;
      word-wrap: break-word;
      color: #FFF8E1;
      background-color: rgba(0, 0, 0, 0.5);
      #FFF8E1-space: normal;
      font-family: Hel-77B; }
      .discover .info-wrapper .info * {
        font-size: 1.4em;
        z-index: 1; }
      .discover .info-wrapper .info .tools {
        z-index: 2;
        padding: 2px 5px 5px 5px;
        position: absolute;
        right: 0px;
        top: 0px;
        display: inline-block; }
        .discover .info-wrapper .info .tools a {
          padding: 5px;
          color: #FFF8E1; }
        .discover .info-wrapper .info .tools a:hover {
          text-decoration: none;
          font-style: normal;
          color: #64fa64; }
  .discover .thumbs {
    position: absolute;
    bottom: 100px;
    width: 100%; }
    .discover .thumbs .thumbs-up, .discover .thumbs .thumbs-down {
      display: inline-block; }
      .discover .thumbs .thumbs-up a, .discover .thumbs .thumbs-down a {
        width: 150px;
        border-radius: 15px;
        border: 1px solid #FFF8E1;
        height: 2em;
        padding: 1.2em;
        padding-left: 2em;
        padding-right: 2em;
        line-height: 0px;
        vertical-align: baseline;
        background-color: rgba(0, 0, 0, 0.5); }
        .discover .thumbs .thumbs-up a .glyphicon, .discover .thumbs .thumbs-down a .glyphicon {
          position: relative;
          top: +.3em;
          color: #FFF8E1;
          font-size: 2em; }
      .discover .thumbs .thumbs-up a:hover .glyphicon, .discover .thumbs .thumbs-down a:hover .glyphicon {
        color: blue; }
    @media (min-width: 500px) {
      .discover .thumbs {
        text-align: center; }
        .discover .thumbs .thumbs-down {
          margin-right: 25px; }
        .discover .thumbs .thumbs-up {
          margin-left: 25px; } }

/* Common Mixins */
/* legacy/bootstrap resets */
.ui .button {
  padding: 0px;
  box-shadow: none; }

/* Basic shape definitions */
.ui ul.nav-tabs li a {
  background-color: #DDD;
  color: #646464;
  text-decoration: underline; }
  .ui ul.nav-tabs li a:hover {
    background-color: #AAA;
    color: #FFF8E1; }

.ui ul.nav-tabs .active a {
  text-decoration: none; }

.ui .square {
  display: inline-block;
  margin: 0px;
  height: 0;
  width: 100%;
  padding-bottom: 100%; }

.ui .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain; }

.ui ul.pagination .previous_page {
  margin-right: 0px; }

@media (max-width: 510px) {
  .ui ul.pagination li a, .ui ul.pagination li span {
    padding-left: 8px;
    padding-right: 8px; } }

@media (max-width: 420px) {
  .ui ul.pagination {
    width: 100%;
    text-align: center;
    display: inline-block; }
    .ui ul.pagination .previous_page, .ui ul.pagination .next_page {
      width: 50%;
      height: 100%;
      line-height: 100%;
      vertical-align: middle;
      padding: 0;
      padding-top: 14px; } }

.ui .button {
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  position: relative; }
  .ui .button a {
    color: #FFF8E1;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.25); }
    .ui .button a span {
      font-size: inherit;
      left: 0;
      right: 0;
      margin: auto; }
  .ui .button:hover a {
    text-decoration: none; }
    .ui .button:hover a span {
      color: #64fa64; }
  .ui .button {
    height: 40px;
    line-height: 40px; }
    .ui .button a {
      line-height: 40px;
      font-size: 24px; }
    .ui .button.huge {
      height: 70px;
      line-height: 70px; }
      .ui .button.huge a {
        line-height: 70px;
        font-size: 48px; }
  .ui .button.pill {
    border: 2px solid #FFF8E1;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px; }
    .ui .button.pill:hover {
      border-color: #64fa64; }
    .ui .button.pill a {
      padding-left: 20px;
      padding-right: 20px; }
    .ui .button.pill.wide a {
      padding-left: 30px;
      padding-right: 30px; }
    .ui .button.pill.huge a {
      padding-left: 40px;
      padding-right: 40px; }
    .ui .button.pill.huge.wide a {
      padding-left: 60px;
      padding-right: 60px; }

.ui .page-title {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 2px #c8c8c8 dashed;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;
  color: #505050;
  margin-left: 5px; }

/* Restricted/Blurred Def */
.restricted-cover {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100;
  display: none; }

.restricted .restricted-cover {
  display: inline-block; }

.restricted .restricted-blur {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px); }

/* Responsive List Definition */
.ui .responsive-list .paging-top, .ui .responsive-list .paging-bottom {
  position: relative;
  text-align: center;
  padding-bottom: 0px; }
  .ui .responsive-list .paging-top .pagination, .ui .responsive-list .paging-bottom .pagination {
    margin-bottom: 0px; }

.ui .responsive-list .item {
  border-bottom: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  background-color: #f0f0f0;
  position: relative;
  margin: 10px 0px 10px 0px;
  overflow: hidden;
  #FFF8E1-space: nowrap; }
  .ui .responsive-list .item .fragment {
    display: inline-block;
    background-color: #f0f0f0; }
    .ui .responsive-list .item .fragment .btn, .ui .responsive-list .item .fragment .mobile .info_request .button, .mobile .info_request .ui .responsive-list .item .fragment .button {
      display: inline; }
    .ui .responsive-list .item .fragment.fixed-left {
      position: relative; }

.ui .responsive-list .fragment.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: transparent;
  z-index: 2; }
  .ui .responsive-list .fragment.overlay a {
    width: 100%;
    height: 100%;
    display: inline-block; }
    .ui .responsive-list .fragment.overlay a img {
      width: 100%;
      height: 100%; }

@media only screen and (min-width: 321px) and (max-width: 480px) {
  .ui .responsive-list .item {
    #FFF8E1-space: normal; }
    .ui .responsive-list .item .fragment {
      line-height: unset; }
      .ui .responsive-list .item .fragment.fixed-left {
        position: absolute;
        left: 0px;
        top: 0px; }
      .ui .responsive-list .item .fragment.date {
        text-align: left; }
    .ui .responsive-list .item .age-location {
      position: relative; } }

@media only screen and (max-width: 320px) {
  .ui .responsive-list .item {
    #FFF8E1-space: normal; }
    .ui .responsive-list .item .fragment {
      line-height: unset; }
      .ui .responsive-list .item .fragment.fixed-left {
        position: absolute;
        left: 0px;
        top: 0px; }
      .ui .responsive-list .item .fragment.date {
        text-align: left; }
    .ui .responsive-list .item .age-location {
      position: relative;
      width: 160px; } }

@media only screen and (min-width: 321px) and (max-width: 480px) {
  .ui .responsive-list .fragment.collapse-small {
    position: relative;
    padding-left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    max-width: 100%;
    background-color: transparent; } }

@media only screen and (max-width: 320px) {
  .ui .responsive-list .fragment.collapse-tiny, .ui .responsive-list .fragment.collapse-small {
    position: relative;
    padding-left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    max-width: 100%;
    background-color: transparent; } }

/* Responsive Grid Definition */
@media (max-width: 420px) {
  .ui .responsive-grid .paging-top {
    display: none; } }

.ui .responsive-grid .paging-top, .ui .responsive-grid .paging-bottom {
  text-align: center; }
  .ui .responsive-grid .paging-top ul, .ui .responsive-grid .paging-bottom ul {
    margin-bottom: 0px;
    margin-top: 10px; }

.ui .responsive-grid .list-item {
  display: inline-block;
  position: relative; }

.desktop .ui .responsive-grid .list-item {
  width: 40% !important; }

.desktop .ui .responsive-grid .odd {
  margin-left: 7.5%;
  margin-right: 5%; }

.desktop .ui .responsive-grid .even {
  clear: left; }
  .desktop .ui .responsive-grid .even:before {
    border-left: 0; }

.mobile .ui .responsive-grid .list-item .square {
  margin-bottom: -5px; }

@media only screen and (max-width: 320px) {
  .mobile .ui .responsive-grid .list-item {
    width: 100% !important; }
  .mobile .ui .responsive-grid .odd {
    clear: left; }
    .mobile .ui .responsive-grid .odd:before {
      border-left: 0; } }

@media only screen and (min-width: 321px) and (max-width: 480px) {
  .mobile .ui .responsive-grid .list-item {
    width: 100% !important; }
  .mobile .ui .responsive-grid .odd {
    clear: left; }
    .mobile .ui .responsive-grid .odd:before {
      border-left: 0; } }

@media only screen and (min-width: 481px) and (max-width: 700px) {
  .mobile .ui .responsive-grid .list-item {
    width: 50% !important; }
  .mobile .ui .responsive-grid .post-third {
    clear: left; }
    .mobile .ui .responsive-grid .post-third:before {
      border-left: 0; } }

@media only screen and (min-width: 701px) and (max-width: 1180px) {
  .mobile .ui .responsive-grid .list-item {
    width: 33% !important; }
  .mobile .ui .responsive-grid .post-fourth {
    clear: left; }
    .mobile .ui .responsive-grid .post-fourth:before {
      border-left: 0; } }

@media only screen and (min-width: 1180px) {
  .mobile .ui .responsive-grid .list-item {
    width: 25% !important; }
  .mobile .ui .responsive-grid .post-sixth {
    clear: left; }
    .mobile .ui .responsive-grid .post-sixth:before {
      border-left: 0; } }

/* ribbons */
.ribbon-wrapper {
  width: 150px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: -45px; }
  .ribbon-wrapper .ribbon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    position: relative;
    text-align: center;
    padding: 5px 40px 5px 50px;
    top: 10px;
    width: 150px; }
    .ribbon-wrapper .ribbon.green {
      background-color: #BFDC7A;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
      background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
      background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
      background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
      background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
      color: #6a6340; }
    .ribbon-wrapper .ribbon.red {
      background-color: #ff524f;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ff524f), to(#FF050F));
      background-image: -webkit-linear-gradient(top, #ff524f, #FF050F);
      background-image: -moz-linear-gradient(top, #ff524f, #FF050F);
      background-image: -ms-linear-gradient(top, #ff524f, #FF050F);
      background-image: -o-linear-gradient(top, #ff524f, #FF050F);
      color: #fff; }
    .ribbon-wrapper .ribbon.blue {
      background-color: #ADDDE7;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
      background-image: -webkit-linear-gradient(top, #ADDDE7, #89AFB7);
      background-image: -moz-linear-gradient(top, #ADDDE7, #89AFB7);
      background-image: -ms-linear-gradient(top, #ADDDE7, #89AFB7);
      background-image: -o-linear-gradient(top, #ADDDE7, #89AFB7);
      color: #6a6340; }

/* Transition classes */
.fade-disable {
  opacity: .1;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out; }

/* Animation key frames */
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

@-webkit-keyframes bounce-down {
  0% {
    top: 0px; }
  50% {
    top: 5px; }
  100% {
    top: 0px; } }

@-webkit-keyframes bounce-up {
  0% {
    top: 0px; }
  50% {
    top: -5px; }
  100% {
    top: 0px; } }

@-webkit-keyframes bounce-right {
  0% {
    left: 0px; }
  50% {
    left: 5px; }
  100% {
    left: 0px; } }

@-webkit-keyframes zoom-in-out {
  0% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

.lists.bootstrap3 .modal .modal-dialog {
  margin-top: 10%; }

.lists, .responsive-grid {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 99%;
  padding-left: 0px;
  margin-left: 0px !important; }

.lists, .lists-header {
  min-width: 250px; }
  .lists .container, .lists-header .container {
    position: relative;
    width: 100%;
    height: 100%; }
  .lists .restricted-message, .lists-header .restricted-message {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
    padding-top: 100px;
    text-align: center; }
    .lists .restricted-message span, .lists-header .restricted-message span {
      display: inline-block;
      padding-left: 15px;
      padding-right: 15px;
      max-width: 600px;
      font-size: 24px;
      line-height: 30px;
      color: #990000;
      font-family: 'ClarendonBold', serif;
      text-shadow: 1px 1px 2px #990000; }
    .lists .restricted-message .upgrade-button, .lists-header .restricted-message .upgrade-button {
      text-align: center;
      margin-top: 30px; }
      .lists .restricted-message .upgrade-button .btn, .lists .restricted-message .upgrade-button .mobile .info_request .button, .mobile .info_request .lists .restricted-message .upgrade-button .button, .lists-header .restricted-message .upgrade-button .btn, .lists-header .restricted-message .upgrade-button .mobile .info_request .button, .mobile .info_request .lists-header .restricted-message .upgrade-button .button {
        color: gold;
        box-shadow: 4px 4px 10px #999;
        letter-spacing: 1.5px;
        font-weight: bold;
        text-shadow: -1px -1px 3px #012d98, 1px -1px 3px #012d98, -1px 1px 3px #012d98, 1px 1px 3px #012d98; }
  .lists .responsive-list, .lists-header .responsive-list {
    margin-left: 5px; }
    .lists .responsive-list .item, .lists-header .responsive-list .item {
      height: 74px; }
    .lists .responsive-list .fragment, .lists-header .responsive-list .fragment {
      height: 74px;
      line-height: 74px; }
      .lists .responsive-list .fragment .btn, .lists .responsive-list .fragment .mobile .info_request .button, .mobile .info_request .lists .responsive-list .fragment .button, .lists-header .responsive-list .fragment .btn, .lists-header .responsive-list .fragment .mobile .info_request .button, .mobile .info_request .lists-header .responsive-list .fragment .button {
        line-height: 74px; }
    .lists .responsive-list .username, .lists .responsive-list .age-location, .lists .responsive-list .date, .lists .responsive-list .action-buttons, .lists-header .responsive-list .username, .lists-header .responsive-list .age-location, .lists-header .responsive-list .date, .lists-header .responsive-list .action-buttons {
      font-size: 18px;
      text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;
      vertical-align: top; }
    .lists .responsive-list .photo, .lists-header .responsive-list .photo {
      padding: 4px;
      margin: 0; }
    .lists .responsive-list .photo img, .lists-header .responsive-list .photo img {
      margin-right: 10px;
      border-radius: 50%;
      padding: 2px;
      width: 100%;
      height: 100%;
      margin: 0;
      -webkit-box-shadow: 0px 0px 7px black;
      -moz-box-shadow: 0px 0px 7px black;
      box-shadow: 0px 0px 7px black; }
    .lists .responsive-list .photo.new img, .lists-header .responsive-list .photo.new img {
      background-color: #00c800;
      -webkit-box-shadow: 0px 0px 10px #00c800;
      -moz-box-shadow: 0px 0px 10px #00c800;
      box-shadow: 0px 0px 10px #00c800; }
    .lists .responsive-list .username, .lists-header .responsive-list .username {
      padding: 0 6px;
      width: auto;
      max-width: 30%;
      overflow: hidden;
      text-overflow: ellipsis; }
    .lists .responsive-list .date, .lists-header .responsive-list .date {
      position: absolute;
      right: 75px;
      top: 0px;
      padding-left: 10px; }
    .lists .responsive-list .age-location, .lists .responsive-list .date, .lists-header .responsive-list .age-location, .lists-header .responsive-list .date {
      color: #646464;
      font-size: 16px; }
    .lists .responsive-list .date, .lists-header .responsive-list .date {
      width: calc(58% - 75px);
      text-align: right; }
    .lists .responsive-list .age-location, .lists-header .responsive-list .age-location {
      position: absolute;
      width: 202px;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left;
      #FFF8E1-space: nowrap; }
    .lists .responsive-list .action-buttons, .lists-header .responsive-list .action-buttons {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 75px;
      text-align: center;
      z-index: 4; }
      .lists .responsive-list .action-buttons .aligned-buttons, .lists-header .responsive-list .action-buttons .aligned-buttons {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%; }
        .lists .responsive-list .action-buttons .aligned-buttons .btn, .lists .responsive-list .action-buttons .aligned-buttons .mobile .info_request .button, .mobile .info_request .lists .responsive-list .action-buttons .aligned-buttons .button, .lists-header .responsive-list .action-buttons .aligned-buttons .btn, .lists-header .responsive-list .action-buttons .aligned-buttons .mobile .info_request .button, .mobile .info_request .lists-header .responsive-list .action-buttons .aligned-buttons .button {
          position: absolute;
          height: 30px;
          width: 65px;
          line-height: 16px;
          right: 2px; }
        .lists .responsive-list .action-buttons .aligned-buttons .align-top, .lists-header .responsive-list .action-buttons .aligned-buttons .align-top {
          top: 2px; }
        .lists .responsive-list .action-buttons .aligned-buttons .align-bottom, .lists-header .responsive-list .action-buttons .aligned-buttons .align-bottom {
          bottom: 2px; }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      .lists .responsive-list .fragment.collapse-small, .lists-header .responsive-list .fragment.collapse-small {
        margin-left: 80px;
        height: 25px;
        line-height: 25px; } }
    @media only screen and (max-width: 320px) {
      .lists .responsive-list .fragment.collapse-tiny, .lists .responsive-list .fragment.collapse-small, .lists-header .responsive-list .fragment.collapse-tiny, .lists-header .responsive-list .fragment.collapse-small {
        margin-left: 80px;
        height: 25px;
        line-height: 25px; } }
  .lists .responsive-grid, .lists-header .responsive-grid {
    padding-top: 10px;
    position: relative; }
    .lists .responsive-grid .paging-top, .lists .responsive-grid .paging-bottom, .lists-header .responsive-grid .paging-top, .lists-header .responsive-grid .paging-bottom {
      position: relative; }
    .lists .responsive-grid .restricted-cover, .lists-header .responsive-grid .restricted-cover {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      background-color: rgba(255, 255, 255, 0.9);
      z-index: 100;
      display: none; }
    .lists .responsive-grid.restricted .restricted-message, .lists-header .responsive-grid.restricted .restricted-message {
      display: block; }
    .lists .responsive-grid.restricted .photo, .lists .responsive-grid.restricted .username, .lists-header .responsive-grid.restricted .photo, .lists-header .responsive-grid.restricted .username {
      -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -o-filter: blur(5px);
      -ms-filter: blur(5px);
      filter: blur(5px); }
    .lists .responsive-grid.restricted .restricted-cover, .lists-header .responsive-grid.restricted .restricted-cover {
      display: inline-block; }
    .lists .responsive-grid.restricted .overflow-hidden, .lists-header .responsive-grid.restricted .overflow-hidden {
      border: 0px;
      box-shadow: 4px 4px 10px rgba(9, 9, 9, 0.1); }
    .lists .responsive-grid.restricted .remove, .lists-header .responsive-grid.restricted .remove {
      display: none; }
  .lists .paging-top, .lists-header .paging-top {
    padding-bottom: 10px; }
  .lists .new-counter, .lists-header .new-counter {
    color: red; }
  .lists .ribbon-wrapper, .lists-header .ribbon-wrapper {
    z-index: 3; }
  .lists .ribbon, .lists-header .ribbon {
    font-size: 12px;
    font-weight: bold;
    display: none; }
  .lists .ribbon.mutual-like span, .lists-header .ribbon.mutual-like span {
    font-size: 18px;
    color: #960000; }
  .lists .profile-liked .ribbon.liked, .lists-header .profile-liked .ribbon.liked {
    display: inline-block; }
  .lists .profile-maybe .ribbon.maybe, .lists-header .profile-maybe .ribbon.maybe {
    display: inline-block; }
  .lists .profile-likes-me .ribbon.maybe, .lists-header .profile-likes-me .ribbon.maybe {
    display: none; }
  .lists .profile-likes-me .ribbon.likes-me, .lists-header .profile-likes-me .ribbon.likes-me {
    display: inline-block; }
  .lists .profile-likes-me.profile-liked .ribbon, .lists-header .profile-likes-me.profile-liked .ribbon {
    display: none; }
  .lists .profile-likes-me.profile-liked .ribbon.mutual-like, .lists-header .profile-likes-me.profile-liked .ribbon.mutual-like {
    display: inline-block; }
  .lists .action-likes-me .profile-likes-me .ribbon.likes-me, .lists-header .action-likes-me .profile-likes-me .ribbon.likes-me {
    display: inline-block; }
  .lists .action-likes-me .profile-likes-me.profile-liked .ribbon.likes-me, .lists .action-likes-me .profile-likes-me.profile-maybe .ribbon.likes-me, .lists-header .action-likes-me .profile-likes-me.profile-liked .ribbon.likes-me, .lists-header .action-likes-me .profile-likes-me.profile-maybe .ribbon.likes-me {
    display: none; }
  .lists .action-likes-me .profile-liked .ribbon.liked, .lists-header .action-likes-me .profile-liked .ribbon.liked {
    display: inline-block; }
  .lists .action-likes-me .profile-maybe .ribbon.maybe, .lists-header .action-likes-me .profile-maybe .ribbon.maybe {
    display: inline-block; }
  .lists .action-likes-me .profile-likes-me.profile-liked .ribbon, .lists-header .action-likes-me .profile-likes-me.profile-liked .ribbon {
    display: none; }
  .lists .action-likes-me .profile-likes-me.profile-liked .ribbon.mutual-like, .lists-header .action-likes-me .profile-likes-me.profile-liked .ribbon.mutual-like {
    display: inline-block; }
  .lists .remove, .lists-header .remove {
    visibility: hidden; }
  .lists .action-visitors .list-item .ribbon, .lists-header .action-visitors .list-item .ribbon {
    display: none; }
  .lists .action-visitors .list-item .ribbon.mutual-like, .lists-header .action-visitors .list-item .ribbon.mutual-like {
    display: none; }
  .lists .action-visitors .list-item .ribbon.last-viewed-on, .lists-header .action-visitors .list-item .ribbon.last-viewed-on {
    display: inline-block; }
  .lists .action-visitors .remove, .lists-header .action-visitors .remove {
    visibility: visible; }
  .lists .list-item .profile-link, .lists-header .list-item .profile-link {
    position: absolute;
    top: 0px;
    width: 100%;
    height: auto;
    bottom: 50px;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }
    .lists .list-item .profile-link a, .lists-header .list-item .profile-link a {
      width: 95%;
      height: 100%;
      display: inline-block;
      background-color: rgba(0, 0, 0, 0); }
      .lists .list-item .profile-link a span, .lists-header .list-item .profile-link a span {
        display: none; }
    .lists .list-item .profile-link .border, .lists-header .list-item .profile-link .border {
      display: none; }
  .lists .list-item .overflow-hidden, .lists-header .list-item .overflow-hidden {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border: 1px solid #777;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 4px 4px 10px #999; }
  .lists .list-item .photo, .lists-header .list-item .photo {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
    .lists .list-item .photo img, .lists-header .list-item .photo img {
      width: 100%;
      height: 100%; }
  .lists .list-item .photo-screen, .lists-header .list-item .photo-screen {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: transparent; }
  .lists .list-item .thumbs, .lists-header .list-item .thumbs {
    z-index: 3;
    position: absolute;
    bottom: 5px;
    margin: 0px;
    border: 0px;
    height: 40px;
    width: 100%;
    text-align: center; }
    .lists .list-item .thumbs .dislike, .lists-header .list-item .thumbs .dislike {
      margin-right: 5px; }
      .lists .list-item .thumbs .dislike.active:hover span, .lists-header .list-item .thumbs .dislike.active:hover span {
        position: relative;
        animation: bounce-down 0.4s linear infinite;
        -webkit-animation: bounce-down 0.4s linear infinite; }
    .lists .list-item .thumbs .maybe.active:hover span, .lists-header .list-item .thumbs .maybe.active:hover span {
      position: relative;
      animation: bounce-right 0.8s linear infinite;
      -webkit-animation: bounce-right 0.8s linear infinite; }
    .lists .list-item .thumbs .like, .lists-header .list-item .thumbs .like {
      margin-left: 5px; }
      .lists .list-item .thumbs .like.active:hover span, .lists-header .list-item .thumbs .like.active:hover span {
        position: relative;
        animation: bounce-up 0.4s linear infinite;
        -webkit-animation: bounce-up 0.4s linear infinite; }
    .lists .list-item .thumbs .disabled, .lists-header .list-item .thumbs .disabled {
      border-color: #646464; }
      .lists .list-item .thumbs .disabled a:hover, .lists-header .list-item .thumbs .disabled a:hover {
        cursor: default; }
      .lists .list-item .thumbs .disabled span, .lists-header .list-item .thumbs .disabled span {
        color: #646464; }
  .lists .list-item .remove, .lists-header .list-item .remove {
    position: absolute;
    z-index: 20;
    right: -5px;
    top: -5px;
    border: 2px solid #FFF8E1;
    background-color: #323232;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
    .lists .list-item .remove a, .lists-header .list-item .remove a {
      color: #FFF8E1; }
      .lists .list-item .remove a:hover, .lists-header .list-item .remove a:hover {
        color: #ff6400; }
    .lists .list-item .remove span, .lists-header .list-item .remove span {
      font-size: 1.2em;
      line-height: 18px; }
  .lists .list-item .info-wrapper, .lists-header .list-item .info-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 2;
    height: 46px;
    overflow: hidden; }
    .lists .list-item .info-wrapper .info, .lists-header .list-item .info-wrapper .info {
      padding: 2px 5px 1px 5px;
      display: block;
      font-weight: bold;
      overflow: hidden;
      word-wrap: break-word;
      color: #FFF8E1;
      background-color: rgba(0, 0, 0, 0.5);
      #FFF8E1-space: normal;
      font-family: Hel-77B; }
      .lists .list-item .info-wrapper .info *, .lists-header .list-item .info-wrapper .info * {
        font-size: 1.4em;
        z-index: 1; }

.old-ie .ribbon-wrapper, .semi-old-browser .ribbon-wrapper {
  display: none; }

.old-ie .fade-disable, .semi-old-browser .fade-disable {
  display: none; }

.old-ie .lists .list-item:hover .profile-link, .old-ie .lists .list-item:hover .remove {
  visibility: visible; }

.old-ie .lists .list-item .profile-link, .old-ie .lists .list-item .remove {
  visibility: hidden; }

.old-ie .lists .list-item .info, .old-ie .lists .list-item .profile-link a, .old-ie .lists .list-item .button {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8c000000', endColorstr='#8c000000');
  /* IE */ }

.old-ie .lists .list-item .overlay a {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8c000000', endColorstr='#8c000000');
  /* IE */ }

.bootstrap3.subscriptions {
  padding: 10px; }
  .bootstrap3.subscriptions .lbl {
    display: inline-block;
    position: relative;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px; }
    .bootstrap3.subscriptions .lbl:after {
      content: ':';
      padding-left: 5px; }
  .bootstrap3.subscriptions .fld {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px; }
  .bootstrap3.subscriptions i {
    font-weight: bold; }
  .bootstrap3.subscriptions .table .hdr {
    font-weight: bold; }
  .bootstrap3.subscriptions .table .rw, .bootstrap3.subscriptions .table .hdr {
    position: relative;
    height: 32px;
    border-bottom: 1px solid #ddd; }
    .bootstrap3.subscriptions .table .rw div, .bootstrap3.subscriptions .table .hdr div {
      display: inline-block; }
    .bootstrap3.subscriptions .table .rw .col-date, .bootstrap3.subscriptions .table .rw .col-amount, .bootstrap3.subscriptions .table .hdr .col-date, .bootstrap3.subscriptions .table .hdr .col-amount {
      position: absolute;
      background-color: #FFF8E1;
      padding-left: 5px; }
    .bootstrap3.subscriptions .table .rw .col-date, .bootstrap3.subscriptions .table .hdr .col-date {
      width: 100px;
      left: 0px; }
    .bootstrap3.subscriptions .table .rw .col-amount, .bootstrap3.subscriptions .table .hdr .col-amount {
      width: 100px;
      right: 0px; }
    .bootstrap3.subscriptions .table .rw .col-description, .bootstrap3.subscriptions .table .hdr .col-description {
      padding-left: 100px; }
    @media (max-width: 350px) {
      .bootstrap3.subscriptions .table .rw .col-top, .bootstrap3.subscriptions .table .rw .col-bottom, .bootstrap3.subscriptions .table .hdr .col-top, .bootstrap3.subscriptions .table .hdr .col-bottom {
        position: absolute;
        top: 0px;
        height: 100%; } }

.bootstrap3.subscriptions .lbl {
  width: 30%; }

.bootstrap3.subscriptions .fld {
  width: 70%; }

@media (max-width: 500px) {
  .bootstrap3.subscriptions .panel-body {
    padding: 0px; }
    .bootstrap3.subscriptions .panel-body .lbl, .bootstrap3.subscriptions .panel-body .fld {
      display: block;
      text-align: left;
      width: 100%;
      padding: 5px 0px 5px 15px;
      margin: 0px; }
    .bootstrap3.subscriptions .panel-body .lbl {
      background-color: #eee; }
    .bootstrap3.subscriptions .panel-body .lbl:after {
      display: none; } }

.mobile .bootstrap3.cancel-subscription h1 {
  background-color: #eee;
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 0px 10px 20px;
  font-size: 24px;
  width: auto;
  margin-bottom: 20px; }

.mobile .bootstrap3.cancel-subscription h2 {
  margin-bottom: 20px; }

.cancel-subscription {
  padding: 20px;
  line-height: 20px;
  font-size: 13px; }
  .cancel-subscription *, .cancel-subscription *:before, .cancel-subscription *:after {
    box-sizing: border-box; }
  .cancel-subscription .plans {
    text-align: center; }
    .cancel-subscription .plans .current-plan, .cancel-subscription .plans .standard-plan {
      font-family: Verdana, arial, Helvetica, sans-serif;
      margin-left: 10px;
      margin-right: 10px;
      display: inline-block;
      height: 150px;
      width: 200px;
      border: 2px dashed black;
      border-radius: 10px;
      position: relative;
      overflow: hidden; }
      .cancel-subscription .plans .current-plan h3, .cancel-subscription .plans .standard-plan h3 {
        line-height: 20px;
        position: absolute;
        top: 0px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        color: #FFF8E1;
        font-size: 24px;
        margin: 0px;
        text-align: center;
        padding: 5px; }
      .cancel-subscription .plans .current-plan .price, .cancel-subscription .plans .standard-plan .price {
        position: absolute;
        margin: auto;
        height: 60px;
        top: 0px;
        bottom: 0px;
        width: 100%;
        text-align: center;
        padding-top: 30px; }
        .cancel-subscription .plans .current-plan .price .dollar, .cancel-subscription .plans .current-plan .price .amount, .cancel-subscription .plans .current-plan .price .cents, .cancel-subscription .plans .standard-plan .price .dollar, .cancel-subscription .plans .standard-plan .price .amount, .cancel-subscription .plans .standard-plan .price .cents {
          vertical-align: top; }
        .cancel-subscription .plans .current-plan .price .dollar, .cancel-subscription .plans .current-plan .price .cents, .cancel-subscription .plans .standard-plan .price .dollar, .cancel-subscription .plans .standard-plan .price .cents {
          font-size: 30px;
          line-height: 0px; }
        .cancel-subscription .plans .current-plan .price .amount, .cancel-subscription .plans .standard-plan .price .amount {
          font-size: 60px; }
        .cancel-subscription .plans .current-plan .price .cents, .cancel-subscription .plans .standard-plan .price .cents {
          display: inline-block;
          position: relative; }
          .cancel-subscription .plans .current-plan .price .cents .per-month, .cancel-subscription .plans .standard-plan .price .cents .per-month {
            position: absolute;
            bottom: -20px;
            left: 25%;
            font-size: .5em;
            vertical-align: bottom; }
    .cancel-subscription .plans .buttons {
      text-align: center; }
      .cancel-subscription .plans .buttons a {
        margin-top: 30px;
        margin-left: 40px;
        margin-right: 40px; }
    .cancel-subscription .plans .current-plan {
      background-color: #64c864; }
    .cancel-subscription .plans .standard-plan {
      background-color: #c8c8c8; }

.first-photo {
  height: 100%;
  text-align: center;
  position: relative; }
  .first-photo .wrapper {
    width: 100%;
    height: 100%;
    max-height: 500px;
    border-bottom: 70px solid #FFF8E1;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 55px;
    padding-top: 10px; }
    .first-photo .wrapper .photo-wrapper {
      position: relative;
      display: inline-block;
      height: 100%;
      max-height: 320px;
      border: 3px solid #646464;
      overflow: hidden;
      -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8);
      -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8);
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8); }
      .first-photo .wrapper .photo-wrapper .photo-label {
        position: absolute;
        display: inline-block;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        height: 100px;
        margin: auto;
        font-size: 48px;
        line-height: 48px;
        text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px; }
      .first-photo .wrapper .photo-wrapper img {
        display: block;
        border: 10px solid #FFF8E1;
        max-height: 300px;
        max-width: 300px;
        width: 100%;
        height: 100%; }
    .first-photo .wrapper .buttons {
      position: absolute;
      bottom: 0px;
      text-align: center;
      width: 100%; }
      .first-photo .wrapper .buttons .picture, .first-photo .wrapper .buttons .import {
        display: inline-block; }
        .first-photo .wrapper .buttons .picture input, .first-photo .wrapper .buttons .import input {
          visibility: hidden;
          position: absolute;
          top: 0px; }
        .first-photo .wrapper .buttons .picture form, .first-photo .wrapper .buttons .import form {
          padding: 0px;
          margin: 0px;
          display: inline; }
  .first-photo .continue {
    position: absolute;
    bottom: 10px;
    right: 10px; }
  @media only screen and (max-height: 350px) and (min-width: 550px) {
    .first-photo .wrapper {
      border: 0px; }
      .first-photo .wrapper .photo-wrapper {
        padding: 0px;
        margin-right: 100px;
        position: absolute;
        left: 10px;
        top: 10px;
        bottom: 10px;
        height: auto; }
      .first-photo .wrapper .buttons {
        position: absolute;
        right: 10px;
        top: 0px;
        width: 240px; }
        .first-photo .wrapper .buttons div {
          margin-top: 20px; }
        .first-photo .wrapper .buttons div, .first-photo .wrapper .buttons a {
          width: 100%; } }
  @media only screen and (max-height: 400px) and (max-width: 550px) {
    .first-photo .wrapper .photo-wrapper .photo-label {
      font-size: 24px;
      line-height: 24px;
      height: 50px; } }

.desktop .first-photo .wrapper {
  max-width: 98%;
  text-align: center;
  margin-left: 10px; }

.desktop .first-photo .continue {
  right: 0px;
  left: 0px;
  bottom: 0px; }
  .desktop .first-photo .continue a {
    width: 300px; }

.browse .filters-container {
  display: block;
  text-align: center; }
  .browse .filters-container label {
    font-size: 16px;
    padding-top: 5px;
    padding-left: 2px; }
  .browse .filters-container .filters {
    display: inline-block;
    position: relative; }
    .browse .filters-container .filters .filter-group {
      display: inline-block;
      #FFF8E1-space: nowrap;
      text-align: left; }
    .browse .filters-container .filters .filter {
      display: inline-block; }
    .browse .filters-container .filters .filter.age-filter select {
      min-width: 100px; }
    .browse .filters-container .filters .buttons {
      display: inline-block;
      height: 45px;
      width: 100%;
      position: relative; }
      .browse .filters-container .filters .buttons .btn, .browse .filters-container .filters .buttons .mobile .info_request .button, .mobile .info_request .browse .filters-container .filters .buttons .button {
        bottom: 5px;
        position: absolute; }
      .browse .filters-container .filters .buttons .hide-filters {
        display: none;
        left: 0px; }
      .browse .filters-container .filters .buttons .search {
        right: 5px; }
  .browse .filters-container .filter-summary {
    display: none;
    position: relative;
    padding-right: 90px; }
    .browse .filters-container .filter-summary .change-filters {
      position: absolute;
      right: 10px;
      top: 5px; }
  .browse .filters-container .hidden {
    display: none !important; }
  .browse .filters-container .visible {
    display: block !important; }
  @media (max-width: 420px) {
    .browse .filters-container .filter-summary {
      display: block; }
    .browse .filters-container .filters {
      display: none;
      width: 100%; }
      .browse .filters-container .filters label.placeholder {
        display: block;
        height: 1px; }
      .browse .filters-container .filters .filter-group {
        width: 100%;
        display: block; }
        .browse .filters-container .filters .filter-group .filter {
          display: block; }
      .browse .filters-container .filters .buttons .hide-filters {
        display: inline-block; }
      .browse .filters-container .filters .buttons .search {
        right: 0px; } }

.settings a {
  display: block;
  padding-left: 10px;
  padding-top: 5px;
  margin-top: 5px; }

.success-stories-container .empty-list {
  position: relative;
  padding-top: 30vh;
  text-align: center;
  border: none; }

.stories {
  text-align: center;
  padding: 60px 20px 40px 20px; }
  .stories .pagination {
    margin: 0; }
  .stories .story {
    display: inline-block;
    width: 332px; }
    .stories .story:nth-of-type(odd) {
      padding-right: 20px; }
    .stories .story:nth-of-type(even) {
      padding-left: 20px; }
    .stories .story .cover-image {
      height: 100%;
      height: 232px;
      background-position: center;
      background-size: cover; }
    .stories .story .image-placeholder {
      background-color: #eee;
      border: 1px solid #ccc;
      height: 230px; }
      .stories .story .image-placeholder .message {
        display: inline-block;
        margin: 0;
        color: #000;
        font-size: 14px;
        text-align: center;
        line-height: 230px;
        vertical-align: middle; }
    .stories .story .description {
      padding: 8px 0 36px 0;
      color: gray; }
      .stories .story .description .title {
        display: block;
        text-decoration: none;
        color: #333;
        font-size: 18px;
        padding-bottom: 6px;
        overflow: hidden;
        #FFF8E1-space: nowrap;
        text-overflow: ellipsis; }
        .stories .story .description .title:visited {
          color: #000; }
      .stories .story .description .publish-date {
        margin: 0;
        font-size: 14px; }
  @media (max-width: 414px) {
    .stories .story {
      width: 100%;
      padding: 0 !important; }
      .stories .story .description .title {
        font-size: 24px; }
      .stories .story .description .publish-date {
        font-size: 16px; }
      .stories .story .image-placeholder .message {
        font-size: 16px; } }

.success-story {
  position: relative;
  padding: 0 40px 52px 40px; }
  .success-story p {
    margin: 0; }
  .success-story .title-container {
    padding-top: 20px;
    text-align: left; }
    .success-story .title-container .title {
      font-size: 32px;
      overflow: hidden;
      line-height: normal; }
    .success-story .title-container .publish-date {
      line-height: normal;
      color: gray;
      padding-top: 4px;
      font-size: 14px; }
  .success-story .description {
    padding: 34px 0;
    line-height: normal;
    text-align: left; }
    .success-story .description p {
      text-indent: 16px;
      padding-bottom: 16px;
      font-size: 14px; }
      .success-story .description p:last-child {
        padding-bottom: 0; }
  .success-story .gallery {
    position: relative;
    overflow: hidden;
    #FFF8E1-space: nowrap;
    height: 520px;
    background-color: #000; }
    .success-story .gallery .image-container {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-color: #000; }
      .success-story .gallery .image-container .photo {
        height: 100%;
        width: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; }
  .success-story .controls {
    position: relative;
    padding: 12px 0;
    color: #0088cc;
    text-align: center; }
    .success-story .controls.locked {
      pointer-events: none; }
    .success-story .controls .prev, .success-story .controls .next {
      float: none;
      border: none;
      padding: 8px;
      display: inline-block;
      cursor: pointer; }
      .success-story .controls .prev.disabled, .success-story .controls .next.disabled {
        color: #ccc;
        pointer-events: none; }
    .success-story .controls .prev {
      margin-right: 2px; }
    .success-story .controls .next {
      margin-left: 2px; }
  .success-story .all-stories-link {
    text-align: left;
    padding-bottom: 18px; }
    .success-story .all-stories-link a {
      text-decoration: none;
      color: #0088cc;
      font-weight: normal; }
    .success-story .all-stories-link .author {
      float: right;
      color: #0088cc; }
  @media (max-width: 768px) {
    .success-story {
      padding: 0 20px 52px 20px; }
      .success-story .title-container {
        text-align: center; }
      .success-story .description {
        text-align: left; }
        .success-story .description p {
          font-size: 16px; } }
  @media (min-width: 414px) {
    .success-story .gallery .image-container .photo {
      background-size: contain;
      background-repeat: no-repeat;
      background-color: #000; }
    .success-story .all-stories-link {
      padding: 0 20px; } }

/* black */
.black {
  color: #d7d7d7;
  border: solid 1px #333;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background: -moz-linear-gradient(top, #666, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); }

.black:hover {
  background: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
  background: -moz-linear-gradient(top, #444, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); }

.black:active {
  color: #666;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
  background: -moz-linear-gradient(top, #000, #444);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); }

/* gray */
.gray {
  color: #e9e9e9;
  border: solid 1px #555;
  background: #6e6e6e;
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
  background: -moz-linear-gradient(top, #888, #575757);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); }

.gray:hover {
  background: #616161;
  background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
  background: -moz-linear-gradient(top, #757575, #4b4b4b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }

.gray:active {
  color: #afafaf;
  background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
  background: -moz-linear-gradient(top, #575757, #888);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); }

/* #FFF8E1 */
.#FFF8E1 {
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }

.#FFF8E1:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top, #fff, #dcdcdc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }

.#FFF8E1:active {
  color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top, #ededed, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); }

/* orange */
.orange {
  color: #fef4e9;
  border: solid 1px #da7c0c;
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top, #faa51a, #f47a20);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }

.orange:hover {
  background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top, #f88e11, #f06015);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }

.orange:active {
  color: #fcd3a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  background: -moz-linear-gradient(top, #f47a20, #faa51a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }

/* red */
.red {
  color: #faddde;
  border: solid 1px #980c10;
  background: #d81b21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
  background: -moz-linear-gradient(top, #ed1c24, #aa1317);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); }

.red:hover {
  background: #b61318;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
  background: -moz-linear-gradient(top, #c9151b, #a11115);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); }

.red:active {
  color: #de898c;
  background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
  background: -moz-linear-gradient(top, #aa1317, #ed1c24);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); }

/* blue */
.blue {
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); }

.blue:hover {
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top, #0095cc, #00678e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); }

.blue:active {
  color: #80bed6;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -moz-linear-gradient(top, #0078a5, #00adee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); }

/* rosy */
.rosy {
  color: #fae7e9;
  border: solid 1px #b73948;
  background: #da5867;
  background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
  background: -moz-linear-gradient(top, #f16c7c, #bf404f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); }

.rosy:hover {
  background: #ba4b58;
  background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
  background: -moz-linear-gradient(top, #cf5d6a, #a53845);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); }

.rosy:active {
  color: #dca4ab;
  background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
  background: -moz-linear-gradient(top, #bf404f, #f16c7c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); }

/* green */
.green {
  color: #e8f0de;
  border: solid 1px #014501;
  background: #006600;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f853f), to(#006600));
  background: -moz-linear-gradient(top, #3f853f, #006600);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f853f', endColorstr='#006600'); }

.green:hover {
  background: #015401;
  background: -webkit-gradient(linear, left top, left bottom, from(#377337), to(#015401));
  background: -moz-linear-gradient(top, #377337, #015401);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377337', endColorstr='#015401'); }

.green:active {
  color: #82be82;
  background: -webkit-gradient(linear, left top, left bottom, from(#015401), to(#377337));
  background: -moz-linear-gradient(top, #015401, #377337);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015401', endColorstr='#377337'); }

/* pink */
.pink {
  color: #feeef5;
  border: solid 1px #d2729e;
  background: #f895c2;
  background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
  background: -moz-linear-gradient(top, #feb1d3, #f171ab);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); }

.pink:hover {
  background: #d57ea5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
  background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); }

.pink:active {
  color: #f3c3d9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
  background: -moz-linear-gradient(top, #f171ab, #feb1d3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); }

.reply-required {
  z-index: 2; }
  .reply-required #cboxLoadedContent {
    display: table;
    background-color: #fff; }
    .reply-required #cboxLoadedContent .message {
      padding: 16px;
      display: table-cell;
      vertical-align: middle;
      line-height: normal;
      text-align: center; }

.mobile .reply-required #cboxContent {
  outline: #ccc auto 1px; }

#call-modal {
  position: relative;
  display: none;
  padding: 20px 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #000;
  text-align: center;
  background-color: #000;
  z-index: 999; }
  #call-modal .declined, #call-modal .not-delivered {
    display: none;
    color: #fff; }
  #call-modal.caller, #call-modal.callee, #call-modal.not-available {
    display: block;
    background-color: #000; }
  #call-modal.callee .content.callee {
    display: block; }
  #call-modal.callee .incoming {
    display: inline-block; }
  #call-modal.caller .content.caller {
    display: block; }
  #call-modal.caller .outcoming {
    display: inline-block; }
  #call-modal.not-available .content.not-available {
    display: block; }
    #call-modal.not-available .content.not-available .block {
      height: calc(100% - 80px) !important; }
      #call-modal.not-available .content.not-available .block .center {
        vertical-align: middle; }
  #call-modal .message {
    display: none;
    padding: 20px;
    margin: 0;
    max-width: 500px;
    font-size: 30px;
    text-align: center;
    line-height: normal; }
  #call-modal .content {
    display: none;
    padding-top: 80px;
    min-width: 300px;
    height: 100%;
    box-sizing: border-box;
    color: #fff; }
    #call-modal .content .block {
      display: table;
      width: 100%;
      height: 50%; }
      #call-modal .content .block .center {
        display: table-cell;
        text-align: center; }
        #call-modal .content .block .center.bottom {
          vertical-align: bottom; }
    #call-modal .content.declined .incoming, #call-modal .content.declined .outcoming, #call-modal .content.declined .actions, #call-modal .content.not-delivered .incoming, #call-modal .content.not-delivered .outcoming, #call-modal .content.not-delivered .actions, #call-modal .content.canceled .incoming, #call-modal .content.canceled .outcoming, #call-modal .content.canceled .actions, #call-modal .content.user-busy .incoming, #call-modal .content.user-busy .outcoming, #call-modal .content.user-busy .actions {
      display: none; }
    #call-modal .content.not-available .message {
      display: inline-block; }
    #call-modal .content.declined .message.declined {
      display: inline-block; }
    #call-modal .content.not-delivered .message.not-delivered {
      display: inline-block; }
    #call-modal .content.user-busy .message.user-busy {
      display: inline-block; }
    #call-modal .content.canceled .message:not(.canceled) {
      display: none; }
    #call-modal .content.canceled .message.canceled {
      display: inline-block; }
    #call-modal .content .username {
      padding-left: 10px;
      color: #4F844F;
      font-weight: bold;
      font-style: italic; }
    #call-modal .content .actions .glyphicon {
      border-radius: 50%;
      padding: 14px;
      font-size: 22px;
      line-height: 22px;
      cursor: pointer; }
      #call-modal .content .actions .glyphicon.glyphicon-remove {
        background: #e00000; }
        #call-modal .content .actions .glyphicon.glyphicon-remove:hover {
          background: #f11111; }
        #call-modal .content .actions .glyphicon.glyphicon-remove:active {
          background: #f00; }
      #call-modal .content .actions .glyphicon:before {
        position: relative;
        top: -2px; }
      #call-modal .content .actions .glyphicon.glyphicon-ok {
        margin-right: 36px;
        background: green; }
        #call-modal .content .actions .glyphicon.glyphicon-ok:hover {
          background: #009a00; }
        #call-modal .content .actions .glyphicon.glyphicon-ok:active {
          background: #00b300; }

#call-btn.inactive {
  pointer-events: none; }

.desktop .rtc {
  height: 420px;
  margin: 80px 30px; }

.rtc {
  position: relative;
  height: 100%; }
  .rtc .content {
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .rtc .video-block {
    position: relative; }
  .rtc .info-block {
    position: absolute;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #444;
    z-index: 9999; }
    .rtc .info-block.visible {
      display: block; }
    .rtc .info-block .message {
      position: relative;
      display: inline-block;
      top: 50%;
      padding: 0 20px;
      transform: translateY(-50%);
      color: #fff; }
  .rtc .player {
    display: inline-block;
    padding: 0 10px;
    width: 320px;
    box-sizing: border-box; }
    .rtc .player video {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .rtc .player .options {
      position: relative;
      top: -5px;
      padding: 2px 0;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      background-color: #bbb; }
      .rtc .player .options .click-overlay:hover {
        color: #eee;
        cursor: pointer; }
      .rtc .player .options .click-overlay .check-start-label,
      .rtc .player .options .click-overlay .check-start-end {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .rtc .player .options .click-overlay .glyphicon-facetime-video,
      .rtc .player .options .click-overlay .glyphicon-remove {
        top: 2px;
        left: 4px; }
      .rtc .player .options .click-overlay .check-end-label,
      .rtc .player .options .click-overlay .glyphicon-remove {
        display: none; }
      .rtc .player .options .click-overlay.active .check-start-label,
      .rtc .player .options .click-overlay.active .glyphicon-facetime-video {
        display: none; }
      .rtc .player .options .click-overlay.active .check-end-label,
      .rtc .player .options .click-overlay.active .glyphicon-remove {
        display: inline-block; }
    .rtc .player video {
      width: 100%; }
  .rtc.active .player {
    width: auto;
    height: 100%;
    padding: 0; }
    .rtc.active .player video {
      border-radius: 0; }
  .rtc.active .video-block, .rtc.active .content {
    background-color: #000;
    height: 100%; }
  .rtc.active .options {
    display: none; }
  .rtc.active .local {
    display: block !important; }
    .rtc.active .local video {
      width: 100%; }
  .rtc.active .remote {
    top: 50%;
    height: 100%;
    width: 100%;
    transform: translateY(-50%); }
    .rtc.active .remote video {
      max-width: 100%;
      max-height: 100%; }
  .rtc.active .controls {
    position: absolute;
    bottom: 0; }
  .rtc .item {
    display: inline-block;
    width: 100%;
    text-align: center; }
    .rtc .item video {
      height: 100%;
      background: #000; }
    .rtc .item.active {
      display: block; }
    .rtc .item.remote {
      display: inline-block;
      position: relative; }
    .rtc .item.local {
      display: none;
      position: absolute;
      right: 16px;
      bottom: 14%;
      width: 112px;
      height: 112px;
      border: 2px solid #aaa;
      border-radius: 6px;
      z-index: 99999; }
      .rtc .item.local video {
        width: 100%;
        border-radius: 4px; }
      @media (max-width: 320px) {
        .rtc .item.local {
          width: 82px;
          height: 82px; } }
  .rtc .controls {
    padding: 20px 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box; }
    .rtc .controls.disabled button {
      pointer-events: none;
      background-color: gray; }
    .rtc .controls button {
      padding: 10px 20px;
      background-color: #007dc1;
      border-radius: 3px;
      border: 1px solid #124d77;
      display: inline-block;
      cursor: pointer;
      color: #ffffff;
      font-family: Arial;
      font-size: 16px;
      outline: none; }
      .rtc .controls button:hover {
        background-color: #124d77; }
      .rtc .controls button.visible {
        display: block; }
      .rtc .controls button.session-btn span {
        display: none; }
      .rtc .controls button.viewer:not(.reconnect) span:first-child, .rtc .controls button.master:not(.reconnect) span:first-child {
        display: unset; }
      .rtc .controls button.viewer.reconnect span:last-child, .rtc .controls button.master.reconnect span:last-child {
        display: unset; }
      .rtc .controls button.hidden {
        display: none; }

.header .new_login {
  display: block;
  width: 500px; }
  .header .new_login label {
    zoom: 1;
    /* ie7 hack for display:inline-block */
    *display: inline;
    font-family: 'ClarendonBook', serif;
    color: #333333;
    font-weight: bold;
    width: 250px; }
  .header .new_login .username, .header .new_login .password, .header .new_login .submit {
    width: 35%; }
  .header .new_login .submit {
    width: 10%; }
    .header .new_login .submit label {
      visibility: hidden; }
    .header .new_login .submit input {
      margin-top: 6px; }
  .header .new_login .links {
    display: block;
    margin-left: 5%; }
    .header .new_login .links a {
      display: block;
      padding-left: 5px;
      color: #333333;
      font-weight: normal;
      font-size: 12px; }
  .header .new_login .username, .header .new_login .password, .header .new_login .submit {
    display: inline-block;
    float: left;
    margin-left: 5%; }
    .header .new_login .username input[type=text], .header .new_login .username input[type=password], .header .new_login .password input[type=text], .header .new_login .password input[type=password], .header .new_login .submit input[type=text], .header .new_login .submit input[type=password] {
      display: block;
      padding-left: 0px;
      margin-left: 0px;
      width: 100%;
      background: #fff;
      padding: 6px 6px 6px 8px;
      border: solid 1px #bcbbbb;
      outline: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }

.container {
  padding: 10px; }

.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.gritter-item {
  cursor: pointer;
  text-align: left; }

.old-browser-notice {
  border-bottom: 1px solid black;
  background-color: #FDF2AB;
  padding: 15px;
  font-size: 12px; }