@charset "UTF-8";
/*  --------------------------------------------------
  APPLICATION

  This file compiles all the Sass together please note 
  the order.
---------------------------------------------------- */
/*  --------------------------------------------------
  CSS RESET

  http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
---------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*    font: inherit;*/
  vertical-align: baseline; }

/**** HTML5 display-role reset for older browsers ****/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/*or "neat-helpers" when in Rails*/
/*Change the grid settings*/
/*Define your breakpoints
$tablet: new-breakpoint(max-width 768px 8);
$mobile: new-breakpoint(max-width 480px 4);*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 9, 2014 */
/*  --------------------------------------------------
  FONTS
---------------------------------------------------- */
/******************* Rokkitt ************************/
@font-face {
  font-family: 'rokkitt';
  src: url("../custom/fonts/rokkitt/rokkitt-regular-webfont.eot");
  src: url("../custom/fonts/rokkitt/rokkitt-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../custom/fonts/rokkitt/rokkitt-regular-webfont.woff2") format("woff2"), url("../custom/fonts/rokkitt/rokkitt-regular-webfont.woff") format("woff"), url("../custom/fonts/rokkitt/rokkitt-regular-webfont.ttf") format("truetype"), url("../custom/fonts/rokkitt/rokkitt-regular-webfont.svg#rokkittregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'rokkitt';
  src: url("../custom/fonts/rokkitt/rokkitt-bold-webfont.eot");
  src: url("../custom/fonts/rokkitt/rokkitt-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../custom/fonts/rokkitt/rokkitt-bold-webfont.woff2") format("woff2"), url("../custom/fonts/rokkitt/rokkitt-bold-webfont.woff") format("woff"), url("../custom/fonts/rokkitt/rokkitt-bold-webfont.ttf") format("truetype"), url("../custom/fonts/rokkitt/rokkitt-bold-webfont.svg#rokkittbold") format("svg");
  font-weight: bold;
  font-style: normal; }
/******************* Myriad ************************/
@font-face {
  font-family: 'MyriadPro';
  src: url("../custom/fonts/myriad/myriadpro-light-webfont.eot");
  src: url("../custom/fonts/myriad/myriadpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../custom/fonts/myriad/myriadpro-light-webfont.svg#MyriadProLight") format("svg"), url("../custom/fonts/myriad/myriadpro-light-webfont.woff") format("woff"), url("../custom/fonts/myriad/myriadpro-light-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'MyriadPro';
  src: url("../custom/fonts/myriad/myriadwebpro-webfont.eot");
  src: url("../custom/fonts/myriad/myriadwebpro-webfont.eot?#iefix") format("embedded-opentype"), url("../custom/fonts/myriad/myriadwebpro-webfont.svg#MyriadWebProRegular") format("svg"), url("../custom/fonts/myriad/myriadwebpro-webfont.woff") format("woff"), url("../custom/fonts/myriad/myriadwebpro-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'MyriadPro';
  src: url("../custom/fonts/myriad/myriadpro-semibold-webfont.eot");
  src: url("../custom/fonts/myriad/myriadpro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../custom/fonts/myriad/myriadpro-semibold-webfont.svg#MyriadProSemibold") format("svg"), url("../custom/fonts/myriad/myriadpro-semibold-webfont.woff") format("woff"), url("../custom/fonts/myriad/myriadpro-semibold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
/*  --------------------------------------------------
  MIXINS

  These are Sass functions that can be used 
  anywhere in the sits Sass
---------------------------------------------------- */
/************** Simple rounded corners ***************/
/**************** Complex rounded corners *************/
/********************* Box shadow *******************/
/* Example: @include box-shadow(1px,1px,1px,0, #fff, true); */
/********************* Placeholder tag prefix **************/
/*Example*/
/*
input { @include placeholder {
    font-family: $base-font-family;
    color: red;
}}
*/
/*Rotate*/
/*@include rotate( 24 )*/
/*Transition mixin*/
/*@include transition(all, 0.2s, ease-in-out);*/
/*  --------------------------------------------------
  FONTS
---------------------------------------------------- */
/*  --------------------------------------------------
  COLOURS
---------------------------------------------------- */
/*  --------------------------------------------------
  GLOBAL VARIABLES
---------------------------------------------------- */
/*  --------------------------------------------------
  UTILITIES
---------------------------------------------------- */
.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.hide {
  display: none; }

.center {
  text-align: center; }

.inline {
  display: inline-block;
  vertical-align: top; }

.col {
  display: inline-block;
  vertical-align: top;
  margin-right: 40px; }
  .col.last {
    margin-right: 0; }

/*  --------------------------------------------------
  BASE ELEMENTS & STRUCTURE
---------------------------------------------------- */
body {
  font-family: 'MyriadPro', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 25px;
  color: #444444;
  background: white;
  /* min-width: 1000px;*/ }

.wrapper {
  width: 100%;
  /* min-width: 1040px;*/ }

.container {
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto; }
  .container::after {
    clear: both;
    content: "";
    display: table; }

.row-sml {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 100%;
  padding: 0 20px; }
  .row-sml:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48.0625em) {
    .row-sml {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 74.70873%;
      margin-left: 12.64564%; }
      .row-sml:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 48.0625em) {
    .row-sml {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 83.13915%;
      margin-left: 8.43042%; }
      .row-sml:last-child {
        margin-right: 0; } }

.row {
  width: 1020px;
  margin: 0 auto;
  padding: 0 10px;
  clear: both; }

.row-narrow {
  width: 780px;
  margin: 0 auto;
  padding: 0 10px;
  clear: both; }

/*  --------------------------------------------------
  TYPOGRAPHY
---------------------------------------------------- */
.page--heading-one {
  font-family: "MyriadPro", Helvetica, Arial, sans-serif;
  color: white;
  font-size: 70px;
  margin: 10px 0 30px 0;
  font-weight: 100;
  text-align: center;
  /*  small {
      font-size: 45px;
      margin-top: 20px;
      display: block;
    }*/ }
  .page--heading-one.small {
    font-size: 45px; }
  .page--heading-one span {
    font-size: 40px;
    margin-top: 40px;
    display: block; }
    .page--heading-one span small {
      font-size: 75%; }

.container .page--heading-one {
  font-size: 39px;
  line-height: 63px; }
  @media screen and (min-width: 48.0625em) {
    .container .page--heading-one {
      padding-top: 20px;
      font-size: 55px;
      line-height: normal; } }
  @media screen and (min-width: 48.0625em) {
    .container .page--heading-one {
      padding-top: 20px;
      font-size: 70px;
      line-height: normal; } }

.gl--heading-three {
  font-family: "MyriadPro", Helvetica, Arial, sans-serif;
  text-align: center;
  display: block;
  color: #444444;
  font-size: 32px;
  font-weight: 100;
  margin-bottom: 30px; }

.container .gl--heading-three {
  margin-top: 20px;
  margin-bottom: 0px;
  line-height: normal; }
  @media screen and (min-width: 40.0625em) and (max-width: 48em) {
    .container .gl--heading-three {
      margin-top: 0;
      margin-bottom: 30px; } }
  @media screen and (min-width: 48.0625em) {
    .container .gl--heading-three {
      margin-top: 0;
      margin-bottom: 30px; } }

h1, h2, h3, h4, h5 {
  font-family: "MyriadPro", Helvetica, Arial, sans-serif;
  font-weight: 100; }

h2, .gl--h2 {
  font-weight: bold;
  font-size: 30px;
  color: #222222;
  margin: 40px 0 15px;
  line-height: 35px; }

h5.gl--popup-heading {
  text-align: left;
  color: #222222;
  font-size: 35px;
  margin: 10px 0 32px; }

p {
  margin-bottom: 15px; }

small {
  font-size: 11px;
  line-height: 22px; }

.sub-text {
  font-size: 14px !important;
  line-height: 21px !important; }

ul.gl--list-dots {
  list-style: disc;
  margin: 0 0 20px 25px; }
  ul.gl--list-dots li {
    padding: 3px 0 0 10px; }

sup {
  font-size: 11px;
  vertical-align: super; }

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

/*  --------------------------------------------------
  BUTTONS & LINKS
---------------------------------------------------- */
a {
  color: #222222;
  text-decoration: none; }
  a:hover {
    color: #444444; }

a.base--button, input[type=submit].base--button, input[type=button].base--button, .base--button {
  color: white;
  display: inline-block;
  background: #C63E65;
  font-weight: bold;
  padding: 8px 20px;
  font-size: 15px;
  line-height: 25px;
  border: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }
  a.base--button:hover, input[type=submit].base--button:hover, input[type=button].base--button:hover, .base--button:hover {
    background: #bf385f;
    cursor: pointer; }

a.base--button-blue, input[type=submit].base--button-blue, input[type=button].base--button-blue, .base--button-blue {
  color: white;
  display: inline-block;
  background: #54C6DB;
  padding: 8px 20px;
  line-height: 25px;
  font-size: 13px;
  border: 0;
  margin-left: 15px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }
  a.base--button-blue:hover, input[type=submit].base--button-blue:hover, input[type=button].base--button-blue:hover, .base--button-blue:hover {
    background: #47c2d8;
    cursor: pointer; }

.page--link--underline {
  text-decoration: none;
  border-bottom: 1px solid #989898; }
  .page--link--underline:hover {
    border-bottom: 1px solid #222222; }

.page--link--underline-white {
  text-decoration: none;
  color: white;
  border-bottom: 1px solid #e6e6e6; }
  .page--link--underline-white:hover {
    border-bottom: 1px solid white;
    color: white; }

/*  --------------------------------------------------
  SEPERATORS
---------------------------------------------------- */
.page--separator {
  margin: 0;
  width: 100%;
  height: 4px;
  background-color: #3D8794;
  padding: 0;
  border: 0; }

.page--hr-light {
  border: 0;
  height: 1px;
  border-bottom: 1px solid #989898; }

.gl--footer-spacer {
  margin-bottom: 60px; }

/*  --------------------------------------------------
  FORMS
---------------------------------------------------- */
select {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 15px;
  padding: 5px; }

textarea {
  padding: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 17px;
  border: 1px solid #ced4d5; }

input[type=text], input[type=password], input[type=email] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 36px;
  padding: 0 0 0 10px;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  font-size: 17px; }

label {
  margin-bottom: 10px; }

input[type=submit] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 8px 40px;
  color: white;
  border: 0;
  display: inline-block;
  background-color: #54C6DB; }
  input[type=submit]:hover {
    background-color: #47c2d8;
    cursor: pointer; }

input[type=reset], .gl--button-reset {
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 8px 40px;
  line-height: 25px;
  color: #222222;
  border: 0;
  background-color: #c4c4c4; }
  input[type=reset]:hover, .gl--button-reset:hover {
    background-color: #bababa;
    cursor: pointer; }

/*The error class is added when inputs are invalid*/
.gl--form-error {
  background: #f4d8e0;
  color: #C63E65;
  border: solid 1px #C63E65 !important; }

/*

input[type=file] {
  -webkit-appearance:none;
  font-family:'PT Sans','Arial';
  padding:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  border:1px solid #ced4d5\9;
}

*/
.form_error_message {
  font-size: 13px;
  margin-top: 5px;
  color: #C63E65;
  line-height: 17px; }

.form_field_errors_container .form_error_container {
  margin-left: 0 !important; }

/*  --------------------------------------------------
  UNIVERSAL SINGLE ELEMENTS
---------------------------------------------------- */
/*IE8 Warning Bar*/
.ie-bar--wrapper {
  width: 100%;
  padding: 20px 0;
  background: #3D8794; }
  .ie-bar--wrapper .ie-bar {
    width: 550px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    color: white; }
    .ie-bar--wrapper .ie-bar a {
      color: white; }

/*  --------------------------------------------------
  OVERRIDES
---------------------------------------------------- */
.ov--no-margin {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important; }

/*  --------------------------------------------------
  RIBBON
---------------------------------------------------- */
.ribbon-wrapper-green {
  width: 100px;
  height: 103px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px; }

.ribbon-green {
  font: bold 14px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 22px;
  width: 137px;
  background-color: #97cd68;
  color: #649c33;
  -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); }

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top: 3px solid #649c33;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px; }

.ribbon-green:before {
  left: 0; }

.ribbon-green:after {
  right: 0; }

/*  --------------------------------------------------
  PAGINATION
---------------------------------------------------- */
.gl--pagination {
  text-align: center;
  padding: 40px 0 0 0;
  display: block; }
  .gl--pagination::after {
    clear: both;
    content: "";
    display: table; }
  .gl--pagination ul {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 100%;
    padding: 0 20px;
    list-style: none; }
    .gl--pagination ul:last-child {
      margin-right: 0; }
    .gl--pagination ul li {
      display: inline-block;
      margin: 0 5px; }
      .gl--pagination ul li a {
        display: block;
        padding: 0 7px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        text-decoration: none; }
        .gl--pagination ul li a:hover {
          color: #47c2d8; }
      .gl--pagination ul li .active {
        background: #c4c4c4;
        color: white; }
    .gl--pagination ul .current {
      background: #c4c4c4;
      color: white;
      padding: 0 7px;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px; }

/*  --------------------------------------------------
  POPUPS

  This is where all the popup styling resides for 
  consistancy and efficiency
---------------------------------------------------- */
/************************ Overlay ********************/
#overlay {
  width: 100%;
  background: black;
  opacity: 0.8;
  z-index: 40;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease; }

/********************* Box styling *****************/
.gl--popup {
  left: 50%;
  background: white;
  border: solid 1px #DCDBDB;
  padding: 30px;
  display: none;
  position: absolute;
  z-index: 41; }
  .gl--popup h4.popup--heading {
    text-align: center;
    color: #222222;
    font-size: 37px;
    margin: 5px 0 25px; }

.gl--popup-simple {
  left: 50%;
  background: white;
  border: solid 1px #DCDBDB;
  padding: 30px;
  display: none;
  position: absolute;
  z-index: 41; }
  .gl--popup-simple h5 {
    text-align: left;
    color: #222222;
    font-size: 35px;
    margin: 10px 0 32px; }
  .gl--popup-simple a.gl--popup-button {
    display: inline-block;
    background: #C63E65;
    color: white;
    padding: 9px 15px;
    margin: 20px 20px 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
    .gl--popup-simple a.gl--popup-button:hover {
      background: #bf385f; }

.gl--popup-close {
  position: absolute;
  right: 30px;
  top: 30px; }
  .gl--popup-close a {
    display: block;
    height: 25px;
    background: none; }
    .gl--popup-close a:hover {
      cursor: pointer; }

.icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden; }

.ei--close {
  background: url(/images/icons/evil-icons/icons/ei-close.svg) no-repeat;
  position: absolute;
  right: 30px;
  top: 30px; }

/*  --------------------------------------------------
  INDIVIDUAL POPUPS STYLING
---------------------------------------------------- */
/****************** Main login popup *****************/
#user-login .social {
  display: block;
  color: white;
  margin-bottom: 10px;
  padding: 10px 0 10px 80px; }
  #user-login .social.facebook {
    background: url(/images/icons/evil-icons/icons/ei-sc-facebook.svg) no-repeat left #3b5998;
    background-position-x: 11px; }
  #user-login .social.linkedin {
    background: url(/images/icons/evil-icons/icons/ei-sc-linked-in.svg) no-repeat left #007bb6;
    background-position-x: 11px; }
  #user-login .social.google {
    background: url(/images/icons/evil-icons/icons/ei-sc-google-plus.svg) no-repeat left #dd4b39;
    background-position-x: 11px; }
#user-login .seperator {
  padding: 10px 0;
  text-align: center; }
  #user-login .seperator span {
    font-size: 20px;
    display: inline-block;
    padding: 0 20px; }
  #user-login .seperator .hr {
    height: 1px;
    background: #DCDBDB;
    width: 39%;
    display: inline-block;
    margin-bottom: 4px; }
#user-login .email-login input[type=text], #user-login .email-login input[type=password] {
  display: block;
  margin-bottom: 7px; }
#user-login .email-login label {
  margin-top: 15px; }
#user-login .email-login .forgot-password {
  font-size: 13px; }
#user-login .email-login input[type=submit] {
  display: block;
  margin: 15px 0;
  width: 100%;
  font-size: 16px; }
#user-login .remember-me {
  font-size: 13px; }
  #user-login .remember-me div {
    display: inline-block;
    padding-left: 5px; }
  #user-login .remember-me input {
    float: left;
    margin-top: 3px; }
#user-login .register {
  text-align: center;
  padding: 10px 0; }
#user-login .terms {
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #7c7c7c; }
  #user-login .terms a {
    color: #7c7c7c; }

/******************* New user register popup ***************/
#user-login .register--form label {
  margin-bottom: 5px; }
#user-login .register--form label, #user-login .register--form input {
  display: block; }
#user-login .register--form label {
  margin-top: 15px; }
#user-login .register--form .newsletter {
  font-size: 13px; }
  #user-login .register--form .newsletter div {
    display: inline-block;
    padding-left: 5px; }
  #user-login .register--form .newsletter input {
    float: left;
    margin-top: 4px; }
#user-login .register--form input[type=submit] {
  display: block;
  margin: 15px 0;
  width: 100%;
  font-size: 16px; }
#user-login .back-to-sign-in {
  text-align: center;
  padding: 10px 0; }

/****************** Dashboard choice popup *****************/
/*Is this still used?*/
#user-choose-dashboard a {
  display: block;
  text-align: center; }

/******************** Area profile popup ******************/
#area-profile #menu-area-profile ul.tabs li {
  line-height: 33px;
  width: 127px;
  text-align: center;
  display: inline-block;
  border-bottom: #c6c5c5 1px solid;
  border-top: #DCDBDB 1px solid;
  border-left: #f1f1f1 1px solid;
  border-right: #f1f1f1 1px solid;
  background: #f1f1f1;
  transition: all 200ms ease; }
  #area-profile #menu-area-profile ul.tabs li.active {
    border-bottom: white 1px solid;
    border-left: #DCDBDB 1px solid;
    border-right: #DCDBDB 1px solid;
    border-top: #DCDBDB 1px solid;
    background: white; }
    #area-profile #menu-area-profile ul.tabs li.active a {
      color: #3D8794; }
  #area-profile #menu-area-profile ul.tabs li:hover {
    background: #f4f4f4; }
  #area-profile #menu-area-profile ul.tabs li a {
    display: block;
    padding: 15px 0; }

/*Pre funnel popup #pu--pre-funnel*/
.pu--pre-funnel--list {
  width: 187px;
  display: inline-block;
  margin: 0 10px 20px 20px;
  vertical-align: top; }
  .pu--pre-funnel--list li {
    background-image: url("/images/icons/tick.gif");
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 25px;
    padding: 2px 0 8px 40px; }

/*Override for sub popups*/
/* Inc 
Confirmation required

*/
.gl--popup-override {
  margin: -31px;
  padding: 31px;
  background-color: white;
  margin-left: -130px;
  border: 1px solid #DCDBDB;
  width: 500px; }

/*To sort*/
/* Popup forms */
#popup-form {
  position: absolute;
  z-index: 99999999;
  left: 50%;
  margin-left: -264px;
  top: 160px;
  padding-left: 25px;
  background-image: url("/images/layout/popup-background-tallest.png");
  width: 492px;
  height: 575px;
  visibility: hidden; }

#popup-form form {
  margin-top: -4px; }

/* Calendar Widget */
.ui-datepicker {
  background: none;
  background-color: #e6ded4;
  font-family: 'PT Sans'; }

.ui-widget-header {
  background: none;
  background-color: white;
  font-size: 14px;
  color: #606060; }

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
  font-family: 'PT Sans';
  color: #606060; }

.ui-state-highlight {
  border: 1px solid #bdae9a;
  background: none;
  background-color: #bdae9a; }

.ui-state-default, .ui-widget-content .ui-state-default, a.ui-state-default {
  background: none;
  background-color: white; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, a.ui-state-highlight {
  border: 1px solid #bdae9a;
  background: none;
  background-color: #bdae9a; }

td.ui-datepicker-week-end a.ui-state-default {
  background: none;
  background-color: #bfbfbf; }

.ui-datepicker-current {
  display: none; }

button.ui-datepicker-close.ui-state-default.ui-priority-primary {
  width: 100px;
  height: 26px;
  background: none;
  background-color: #bdae9a;
  border-radius: 13px;
  color: white;
  font-size: 14px;
  font-weight: normal;
  margin-right: 77px;
  border: 1px solid white; }

.ui-datepicker-buttonpane {
  border-top: 0; }

td.ui-datepicker-other-month .ui-datepicker-unselectable a.ui-state-default {
  background: none;
  background-color: green; }

.ui-icon-circle-triangle-w, .ui-state-focus .ui-icon-circle-triangle-w {
  background-image: url(/images/layout/date-picker-arrow-left.png) !important;
  background-position: 0px 0px; }

.ui-icon-circle-triangle-e, .ui-state-focus .ui-icon-circle-triangle-e {
  background-image: url(/images/layout/date-picker-arrow-right.png) !important;
  background-position: top left;
  background-position: 0px 0px; }

/* Simple Captcha */
.simple_captcha,
.simple_captcha div {
  display: table; }

.simple_captcha_image, .simple_captcha_reload {
  display: inline-block !important; }

.simple_captcha .simple_captcha_field,
.simple_captcha .simple_captcha_image {
  border: 1px solid #ccc;
  margin: 0px 0px 2px 0px !important;
  padding: 0px !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ced4d5; }

.simple_captcha .simple_captcha_image {
  padding-top: 4px !important; }

.simple_captcha .simple_captcha_image img {
  margin: 0px !important;
  padding: 0px !important;
  width: 110px !important;
  height: 44px !important; }

.simple_captcha_reload img {
  margin-bottom: 10px;
  margin-left: 5px; }

.simple_captcha .simple_captcha_label {
  font-size: 12px; }

.simple_captcha .simple_captcha_field input {
  width: 150px !important;
  font-size: 14px;
  border: none; }

.simple_captcha_incorrect {
  color: #be1522; }

#captcha_error div.form_error_message {
  width: 170px; }

.sliding-menu-content {
  position: fixed;
  top: 0px;
  right: auto;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 220px;
  -webkit-transform: translateX(-220px);
  -moz-transform: translateX(-220px);
  -ms-transform: translateX(-220px);
  -o-transform: translateX(-220px);
  transform: translateX(-220px);
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background: #404040;
  z-index: 999999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .sliding-menu-content li label {
    text-transform: uppercase;
    color: #7a7a7a;
    padding: 0.65em 1em;
    border-bottom: 1px solid #333;
    font-weight: bold;
    display: block; }
  .sliding-menu-content li a {
    border-bottom: 1px solid #333;
    color: #fff;
    display: block;
    padding: 1em; }
    .sliding-menu-content li a:focus {
      background-color: #4d4d4d; }
    .sliding-menu-content li a:hover {
      background-color: #404040;
      color: #fff; }
  .sliding-menu-content.is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

.sliding-menu-fade-screen {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background: black;
  opacity: 0;
  visibility: hidden;
  z-index: 10; }
  .sliding-menu-fade-screen.is-visible {
    opacity: 0.4;
    visibility: visible; }

.sliding-menu-button {
  margin-top: 2px;
  background-color: #47c2d8;
  border-radius: 3px;
  border: 0;
  display: inline-block;
  text-decoration: none;
  background-clip: padding-box;
  padding-bottom: 3px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  outline: none;
  z-index: 20; }
  .sliding-menu-button:hover:not(:disabled) {
    color: #2eb9d3; }

/* ====================== lines button ==================================================*/
.tcon {
  appearance: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  transition: 0.3s;
  user-select: none;
  width: 33px;
  outline: none; }
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

.tcon-menu__lines {
  display: inline-block;
  height: 5px;
  width: 33px;
  border-radius: 2.35714px;
  transition: 0.3s;
  background: white;
  position: relative; }
  .tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 5px;
    width: 33px;
    border-radius: 2.35714px;
    transition: 0.3s;
    background: white;
    content: '';
    position: absolute;
    left: 0;
    transform-origin: 2.35714px center;
    width: 100%; }
  .tcon-menu__lines::before {
    top: 10px; }
  .tcon-menu__lines::after {
    top: -10px; }
  .tcon-transform .tcon-menu__lines {
    transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xcross {
  width: auto; }
  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      transform-origin: 50% 50%;
      top: 0;
      width: 33px; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/*@function slick-image-url($url) {
  @if function-exists(image-url) {
    @return image-url($url, false, false);
  }
  @else  {
    @return url($slick-loader-path + $url);
  }
}*/
/*custom font*/
@font-face {
  font-family: 'icomoon';
  src: url("../custom/fonts/icomoon/icomoon.eot?-xqmgxy");
  src: url("../custom/fonts/icomoon/icomoon.eot?#iefix-xqmgxy") format("embedded-opentype"), url("../custom/fonts/icomoon/icomoon.woff?-xqmgxy") format("woff"), url("../custom/fonts/icomoon/icomoon.ttf?-xqmgxy") format("truetype"), url("../custom/fonts/icomoon/icomoon.svg?-xqmgxy#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "icomoon";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-slider {
  margin-bottom: 20px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "icomoon";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slider {
  width: 100%; }

.slider > .dragger {
  background: #54C6DB;
  background: -webkit-linear-gradient(top, #54C6DB, #259aaf);
  background: -moz-linear-gradient(top, #54C6DB, #259aaf);
  background: linear-gradient(top, #54C6DB, #259aaf);
  -webkit-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.5), 0 2px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.5), 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.5), 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #1a6e7d;
  width: 16px;
  height: 16px; }

.slider > .dragger:hover {
  background: -webkit-linear-gradient(top, #3D8794, #2b5e68); }

.slider > .track, .slider > .highlight-track {
  background: #54C6DB;
  background: -webkit-linear-gradient(top, #3D8794, #2b5e68);
  background: -moz-linear-gradient(top, #3D8794, #2b5e68);
  background: linear-gradient(top, #3D8794, #2b5e68);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #54C6DB;
  height: 4px; }

.slider > .highlight-track {
  background-color: #54C6DB;
  background: -webkit-linear-gradient(top, #54C6DB, #259aaf);
  background: -moz-linear-gradient(top, #54C6DB, #259aaf);
  background: linear-gradient(top, #54C6DB, #259aaf);
  border-color: #54C6DB; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }
@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  zoom: 1; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-off {
  background-position: -96px -144px; }

.ui-icon-radio-on {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

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

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

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

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

                                                                                                                                                                                                                                                                                     /*
* jQuery UI Resizable 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

                                                                                      /*
* jQuery UI Selectable 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

/*
 * jQuery UI Accordion 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
  width: 100%; }

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1; }

.ui-accordion .ui-accordion-li-fix {
  display: inline; }

.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1; }

.ui-accordion .ui-accordion-content-active {
  display: block; }

/*
 * jQuery UI Autocomplete 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default; }

/* workarounds */
* html .ui-autocomplete {
  width: 1px; }

/* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu 1.8.17
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left; }

.ui-menu .ui-menu {
  margin-top: -3px; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1; }

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

/*
 * jQuery UI Button 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em; }

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em; }

/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/*button sets*/
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px; }

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

/*
 * jQuery UI Slider 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

                                                   /*
* jQuery UI Tabs 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1; }

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

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

/*
 * jQuery UI Datepicker 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

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

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

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

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

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

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

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

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

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

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

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

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

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

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

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/ }

/*
* jQuery UI Progressbar 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

/*  --------------------------------------------------
  DASHBOARD TOP BAR 
---------------------------------------------------- */
.db--wrapper {
  background: #222222;
  text-align: right;
  font-size: 13px; }
  .db--wrapper .row {
    max-width: 135em;
    min-width: 62.5em;
    width: auto;
    padding: 0 30px; }
  .db--wrapper .db--bar-logo {
    display: inline-block;
    float: left;
    padding-top: 8px; }
  .db--wrapper ul {
    display: inline-block; }
    .db--wrapper ul li {
      display: inline-block; }
      .db--wrapper ul li a {
        color: #7a7a7a;
        padding: 8px 21px;
        display: block; }
        .db--wrapper ul li a:hover {
          background: black; }

/*Logo postion overide*/
.db--logo {
  top: 71px !important; }

/*Notification indicator*/
.messages-unread-indicator {
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  float: right;
  margin: -35px -3px 0 0;
  height: 16px;
  width: 16px;
  padding: 2px 2px 0 1px;
  text-align: center;
  background: #C63E65;
  line-height: 16px;
  font-size: 12px;
  color: white;
  z-index: 39; }

/*  --------------------------------------------------
  USERS
---------------------------------------------------- */
.us--edit--inputs-wrapper {
  width: 560px;
  margin: 0 auto 65px auto; }

.us--edit {
  margin-bottom: 60px; }
  .us--edit input[type=text] {
    margin: 0 0 30px 0; }

.us--edit-chgpass {
  padding: 10px 20px;
  margin-bottom: 50px; }

.us--edit-check-wrapper {
  width: 240px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px; }
  .us--edit-check-wrapper h3 {
    margin-bottom: 8px; }

/*  --------------------------------------------------
  DASHBOARD BASE ELEMENTS
---------------------------------------------------- */
.db--button {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #444444;
  color: white;
  cursor: pointer;
  margin-left: 10px; }
  .db--button:hover {
    background: #414141;
    color: white; }

.db--section-header {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #f1f1f1;
  border-bottom: #DCDBDB solid 1px; }
  .db--section-header span.state {
    padding: 15px 0;
    float: left;
    width: 40px;
    margin: 0 15px; }
    .db--section-header span.state:hover {
      cursor: pointer; }
    .db--section-header span.state:before {
      content: "";
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      font-size: 25px;
      line-height: 1;
      color: black;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .db--section-header span.state.down:before {
      content: ""; }
  .db--section-header .db--section-heading {
    padding: 15px 0 15px 20px;
    overflow: auto; }
    .db--section-header .db--section-heading h3 {
      font-weight: bold;
      font-size: 20px;
      display: inline-block; }
      .db--section-header .db--section-heading h3:hover {
        border-bottom: solid 1px #444444;
        cursor: pointer; }
    .db--section-header .db--section-heading .db--section-count {
      color: #444444;
      display: inline-block; }
      .db--section-header .db--section-heading .db--section-count span {
        color: #444444; }
  .db--section-header .db--section-buttons {
    padding: 15px 0;
    float: right;
    margin-right: 15px; }
  .db--section-header .db--tenant-reload {
    display: inline-block; }
    .db--section-header .db--tenant-reload img {
      width: 21px;
      position: relative;
      top: 6px;
      left: 7px; }

.db--section-content {
  background: #f1f1f1;
  padding: 15px 0;
  border-bottom: 1px solid #DCDBDB; }

/*Dashboard menu*/
.db--menu-wrapper {
  background: #f1f1f1;
  padding: 40px 0; }
  .db--menu-wrapper h2 {
    margin-top: 0; }

.db--menu {
  text-align: center; }
  .db--menu > div {
    display: inline-block;
    margin-left: 30px; }

.db--counter {
  background: #f1f1f1;
  border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  padding: 10px 0px;
  min-width: 45px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-left: 10px; }
  .db--counter.active {
    background: #C63E65;
    color: white;
    font-size: 20px;
    font-weight: bold; }

/*Dashboard section sliders*/
.db-section--slider {
  margin: 0 32px;
  font-size: 14px; }
  .db-section--slider .slick-prev, .db-section--slider .slick-next {
    background: #c4c4c4;
    height: 35px;
    width: 35px;
    top: 44%; }
    .db-section--slider .slick-prev:hover, .db-section--slider .slick-next:hover {
      background: #444444; }
  .db-section--slider .slick-prev {
    left: -48px; }
  .db-section--slider .slick-next {
    right: -48px; }
  .db-section--slider h5 {
    font-weight: bold;
    margin-top: 5px; }
  .db-section--slider p {
    margin: 0;
    line-height: 20px; }
  .db-section--slider a.db--button {
    font-size: 13px;
    padding: 2px 10px;
    margin: 7px 0 10px 0px; }

/*Delete*/
.db--delete {
  background: #C63E65;
  color: white;
  width: 25px;
  text-align: center;
  font-size: 24px;
  padding: 4px 6px 4px 6px;
  position: absolute;
  z-index: 3; }
  .db--delete:hover {
    cursor: pointer; }

.db--score {
  background: #54C6DB;
  color: white;
  width: 25px;
  text-align: center;
  font-size: 17px;
  padding: 5px 6px 3px 6px;
  position: absolute;
  z-index: 2; }

/*Property Suggestion*/
.suggestion-score-filter-ball {
  float: left;
  width: 12px;
  height: 12px;
  background-color: #828282;
  border-radius: 50%;
  margin-left: -1px;
  margin-top: 4px; }

.suggestion-score-filter {
  float: left;
  width: 10px;
  height: 4px;
  border-radius: 0;
  background: none;
  border: none;
  background-color: #828282;
  margin-top: 8px; }

#suggestion-score-filter a.ui-slider-handle {
  background-color: #50c9de;
  text-align: center;
  color: white;
  text-decoration: none;
  border: none;
  height: 28px;
  width: 28px;
  line-height: 26px;
  margin-top: -9px;
  cursor: hand;
  cursor: pointer; }

#suggestion-score-filter a.ui-slider-handle:focus {
  outline: none; }

#suggestion-filters-link {
  position: absolute;
  z-index: 99999;
  margin-left: 606px;
  width: 67px;
  text-align: center; }

/*  --------------------------------------------------
  DASHBOARD TENANTS 
---------------------------------------------------- */
.db--no-properties {
  text-align: center;
  padding: 30px 0;
  font-size: 18px; }

.db--tenant-area-wrapper {
  padding: 15px; }
  .db--tenant-area-wrapper .db--teant-area {
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: white;
    padding: 5px 12px;
    margin: 5px;
    background: #54C6DB; }
    .db--tenant-area-wrapper .db--teant-area .delete {
      width: 35px;
      height: 31px;
      text-align: center;
      position: absolute;
      margin-top: -30px;
      margin-left: -12px;
      background: #C63E65;
      font-size: 24px;
      padding-top: 4px;
      /*Top left */
      -moz-border-top-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
      border-top-left-radius: 3px;
      /*Top right */
      -moz-border-top-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-top-right-radius: 0;
      /*Bottom left */
      -moz-border-bottom-left-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      border-bottom-left-radius: 3px;
      /*Bottom right */
      -moz-border-bottom-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0; }
      .db--tenant-area-wrapper .db--teant-area .delete:hover {
        cursor: pointer; }

/*Notification popup*/
.db--notification {
  height: 507px;
  width: 465px;
  overflow-x: auto; }
  .db--notification ul li {
    margin-bottom: 15px; }
    .db--notification ul li .db--notification-icon {
      display: inline-block;
      vertical-align: top;
      padding-top: 18px;
      margin-right: 15px; }
      .db--notification ul li .db--notification-icon span {
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 999px;
        -moz-border-radius: 999px;
        -webkit-border-radius: 999px; }
        .db--notification ul li .db--notification-icon span.active {
          background: #C63E65; }
    .db--notification ul li .db--notification-text-wrapper {
      display: inline-block;
      width: 400px; }
      .db--notification ul li .db--notification-text-wrapper .db--notification-text {
        display: inline-block; }
        .db--notification ul li .db--notification-text-wrapper .db--notification-text p {
          display: inline-block;
          margin: 0;
          width: 276px;
          margin-right: 15px; }
        .db--notification ul li .db--notification-text-wrapper .db--notification-text a {
          padding: 2px 10px;
          font-size: 13px;
          margin: 11px 0 0 0;
          float: right; }
      .db--notification ul li .db--notification-text-wrapper .db--notification-created {
        display: block;
        font-size: 13px; }

/*Messages*/
.db-messages-wrapper {
  text-align: left; }

/*Suggestion filter*/
.db--section--suggestions-filter p {
  font-size: 14px;
  line-height: 20px; }
.db--section--suggestions-filter p.intro {
  width: 210px;
  display: inline-block;
  padding-left: 20px;
  vertical-align: top; }
.db--section--suggestions-filter .db--suggest-slider {
  display: inline-block;
  width: 450px;
  text-align: center;
  vertical-align: top; }
  .db--section--suggestions-filter .db--suggest-slider .db--suggestion-slider--value {
    margin-bottom: 10px; }
  .db--section--suggestions-filter .db--suggest-slider .db--suggestion-slider .db--suggestion-slider--value {
    font-weight: bold;
    font-size: 18px; }
.db--section--suggestions-filter .results {
  display: inline-block;
  width: 200px;
  padding-right: 20px;
  margin-left: 44px; }
  .db--section--suggestions-filter .results span {
    font-size: 28px;
    margin-right: 10px;
    font-weight: bold;
    color: #54C6DB; }
  .db--section--suggestions-filter .results a {
    font-size: 12px;
    display: inline-block;
    margin-top: 5px; }
.db--section--suggestions-filter .suggestion-filters-info {
  padding: 20px 130px 10px 130px;
  display: none; }

/*tenant preferences*/
.db--section--preferences > div {
  padding-left: 20px; }

/*Tenant details*/
.db--section--details > div {
  padding-left: 20px; }

/*  --------------------------------------------------
  DASHBOARD LANDLORD 
---------------------------------------------------- */
.db--property-stats {
  width: 670px; }

.db--property-stats--list {
  margin-top: 20px;
  margin-bottom: 40px; }
  .db--property-stats--list li {
    margin: 10px 0; }
    .db--property-stats--list li div:nth-child(1) {
      min-width: 187px; }

/*Property slider - property status*/
.db--properties--active, .db--properties--inactive, .db--properties--let {
  text-align: center;
  color: white;
  font-size: 12px;
  margin-right: 20px; }

.db--properties--active {
  background: #3D8794; }

.db--properties--inactive {
  background: #C63E65; }

.db--properties--let {
  background: #c4c4c4; }

/* Dashboard */
#landlords-dashboard {
  float: left;
  width: 690px;
  min-height: 500px; }

#landlords-properties-format-line,
#landlords-properties-format-grid,
#landlords-statistics-format-line,
#landlords-statistics-format-grid,
#landlords-renters-format-line,
#landlords-renters-format-grid {
  display: none; }

#db-section-data-landlords-properties .property-summary {
  height: 230px; }

#db-section-data-landlords-statistics .property-summary {
  height: 200px; }

#db-section-data-landlords-renters .property-summary,
#db-section-data-landlords-references .property-summary {
  height: 190px; }

#dashboard-property-tabs {
  height: 436px;
  background-image: url("/images/layout/popup-background-small2.png"); }

.property-boost-icon {
  position: absolute;
  margin: 74px 0 0 120px; }

.renter-user-image,
.reference-user-image {
  width: 113px;
  height: auto; }

/*  --------------------------------------------------
  DASHBOARD LANDLORD - PROPERTY EDIT
---------------------------------------------------- */
.pe--tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 17px; }
  .pe--tabs ul li {
    display: inline-block;
    cursor: pointer;
    padding: 15px 4px;
    width: 108px;
    min-height: 66px;
    vertical-align: top;
    text-align: center;
    border-bottom: #DCDBDB 1px solid;
    border-top: #DCDBDB 1px solid;
    border-left: white 1px solid;
    border-right: white 1px solid;
    transition: all 200ms ease; }
    .pe--tabs ul li.active {
      border-bottom: white 1px solid;
      border-left: #DCDBDB 1px solid;
      border-right: #DCDBDB 1px solid;
      border-top: #bcbaba 1px solid;
      color: #3D8794; }
    .pe--tabs ul li:hover {
      color: #3D8794;
      background: #f1f1f1; }

.pe--main-content > ul#tab {
  list-style: none;
  padding: 0; }
  .pe--main-content > ul#tab > li {
    position: absolute;
    left: -99999px; }
  .pe--main-content > ul#tab > li.active {
    position: relative;
    left: 0; }

.pe--product h2 {
  margin: 0; }
  .pe--product h2 span {
    font-size: 18px;
    font-weight: 100; }

p.pe--product-desc {
  font-size: 16px;
  line-height: 24px;
  font-family: "MyriadPro", Helvetica, Arial, sans-serif; }

/*This file is to be sorted and deleted, if there are any styles required they need to be re allocated to another relevant file*/
#content-landlords-dashboard {
  min-height: 560px; }

/* General */
#property_tenancy_amount {
  width: 30px; }

#property_rental_amount {
  width: 50px; }

#property-map-google {
  margin-bottom: 30px; }

#property_description {
  height: 280px;
  width: 380px;
  overflow: auto; }

/* Tenant Reference */
#menu-reference-details {
  height: 33px;
  width: 710px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x;
  margin-top: 20px;
  margin-left: -20px; }

#menu-reference-details ul.tabs li {
  line-height: 33px;
  width: 135px;
  text-align: center;
  border-left: 1px solid #d5d9da; }

#menu-reference-details a {
  font-size: 13px; }

#menu-reference-details ul.tabs li#menu-property-details,
#menu-reference-details ul.tabs li#menu-property-requirements {
  width: 150px;
  line-height: 13px;
  padding: 3px 0 4px 0; }

#menu-reference-details ul.tabs li:last-child {
  border-right: 0; }

#reference-details-form #line-selected-brown {
  margin-left: -20px;
  width: 710px; }

/* Areas */
h2.heading-p-style {
  font-family: 'PT Sans';
  font-size: 14px;
  line-height: 18px;
  color: #606060;
  font-weight: normal; }

.area-summary-tile {
  float: left;
  width: 208px;
  height: 208px;
  margin: 0 23px 22px 0px;
  background-color: #ffffff;
  border: 1px #767777 solid;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px; }

.area-summary-title {
  height: 37px;
  background-color: #ecedee;
  border-bottom: 2px #752689 solid;
  font-size: 24px;
  line-height: 37px;
  font-family: 'Rokkitt';
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -khtml-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px; }

.area-summary-name {
  float: left;
  margin-left: 5px;
  max-width: 153px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.area-summary-pcd {
  float: left; }

.area-summary-title a {
  text-decoration: none;
  color: #60605f; }

.area-tile-content {
  margin-left: 10px;
  width: 196px; }

.area-tile-content .area-summary-row-name {
  float: left;
  margin-top: 9px;
  font-size: 17px;
  width: 95px;
  font-family: 'PT Sans'; }

.area-tile-content .area-summary-row-name:first-child {
  margin-top: 14px; }

.area-tile-content .area-summary-pounds {
  float: left;
  margin-top: 14px;
  font-family: 'Rokkitt';
  font-size: 26px;
  font-weight: bold; }

.area-tile-content .area-summary-stars {
  float: left;
  width: 90px;
  margin-top: 6px; }

.area-tile-content .area-summary-stars img {
  width: 20px;
  height: auto;
  margin-right: -6px; }

.area-summary-list-title {
  font-size: 17px;
  font-family: 'PT Sans';
  margin: 5px 0 5px 0;
  font-style: italic; }

.area-summary-list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 12px;
  font-family: 'PT Sans'; }

.area-summary-list li {
  display: inline-block;
  width: 71px; }

.area-summary-list .list-item-short {
  width: 48px; }

.area-summary-list li a {
  text-decoration: none;
  color: #60605f; }

/* Area Profile HTML */
#area-profile-container {
  width: 800px; }

/* Area Profile, Area Compare */
#area-where-to-live {
  position: absolute;
  z-index: 9999999;
  left: 40%;
  margin-left: -264px;
  top: 480px;
  padding-left: 25px;
  background-image: url("/images/layout/popup-background-2.png");
  width: 772px;
  height: 475px;
  visibility: hidden; }

#area-how-much-to-pay {
  position: absolute;
  z-index: 9999999;
  left: 40%;
  margin-left: -264px;
  top: 480px;
  padding-left: 25px;
  background-image: url("/images/layout/popup-background-2.png");
  width: 772px;
  height: 475px;
  visibility: hidden; }

#area-compare .popup-close, #area-where-to-live .popup-close, #area-how-much-to-pay .popup-close {
  margin: 3px 0 20px 741px; }

#where-to-live-name, #how-much-to-pay-name {
  font-family: 'Rokkitt','Arial';
  font-size: 28px;
  line-height: 50px;
  height: 50px;
  width: 757px;
  padding-left: 20px;
  font-weight: bold;
  color: #7e7e7e;
  margin: -20px 0 10px -15px;
  background-color: #ebebeb; }

#area-profile #line-selected-purple {
  margin-left: -15px;
  width: 777px; }

#area-compare-content {
  margin-top: 25px; }

#area-profile-content {
  min-height: 325px;
  width: 750px;
  margin-top: 10px;
  padding: 15px 0; }

#area-profile th, #area-compare th {
  font-size: 14px;
  height: 20px;
  text-align: left;
  border-bottom: 2px solid black;
  text-align: center; }

#area-compare th a {
  font-family: 'PT Sans','Arial';
  font-size: 14px;
  text-decoration: none; }

#area-compare th a:hover {
  text-decoration: underline; }

#area-profile table, #area-compare table {
  border-bottom: 2px solid black; }

#area-profile td {
  text-align: center;
  padding-top: 4px;
  width: 248px; }

#area-compare td {
  text-align: center;
  padding-top: 4px;
  width: 102px; }

.area-data-divider {
  border-bottom: 2px dotted #b2b2b2;
  border-bottom: 1px dotted #acacac;
  height: 1px; }

.area-data-name {
  text-align: left;
  font-family: 'PT Sans','Arial';
  font-size: 14px;
  width: 219px;
  line-height: 26px;
  color: #000000;
  text-decoration: none; }

#area-compare .highlighted-value {
  line-height: 18px;
  height: 18px;
  margin-top: 0;
  width: 70px; }

.area-data-value {
  line-height: 18px;
  height: 18px; }

#area-profile-table-weekly-rent-2,
#area-profile-table-change-2-years-2,
#area-profile-table-council-tax-2,
#area-profile-table-crime-rate-2 {
  width: 80px;
  margin-left: 86px;
  text-align: left; }

.area-data-last-row {
  border-bottom: 0;
  padding-bottom: 5px; }

#area-profile-note, #area-compare-note {
  float: left;
  width: 500px;
  text-align: left;
  margin-top: 5px; }

#area-profile-note {
  width: 550px; }

#area-profile-note ol, #area-compare-note ol {
  padding-left: 18px; }

#area-profile-note ol li, #area-compare-note ol li {
  margin-bottom: 5px;
  font-family: 'PT Sans','Arial';
  font-size: 12px;
  color: #7d7d7d; }

#area-compare-legend {
  float: left;
  width: 100px;
  font-family: 'PT Sans','Arial';
  font-size: 12px;
  text-align: left;
  margin: 15px 0 0 130px; }

#profile-right-rating {
  float: left;
  margin: -10px -20px 0 0;
  padding: 10px;
  height: 326px;
  width: 136px;
  background-color: #f5f5f5; }

#profile-right-heading {
  font-size: 16px;
  font-weight: bold;
  color: #595959;
  width: 136px;
  margin: 10px 0 7px 0;
  text-align: center; }

#profile-right-stars {
  margin-left: 3px;
  height: 160px; }

#profile-right-stars img {
  margin-right: -7px; }

#profile-right-rating ol {
  font-family: 'PT Sans';
  font-size: 13px;
  color: #8c7f7f;
  padding-left: 20px; }

/* Summary */
.profile-summary-pounds {
  float: left;
  width: 140px;
  margin: 8px 0 20px 36px; }

.profile-summary-pounds span {
  font-family: 'Rokkitt';
  font-size: 42px;
  font-weight: bold; }

.profile-summary-pounds-on {
  color: #7e3791; }

.profile-summary-pounds-off {
  color: #a6a6a6; }

.profile-summary-stars {
  float: left;
  width: 140px;
  margin: 0 0 20px 32px; }

.profile-summary-stars img {
  margin-right: -7px; }

#profile-summary-blog-link {
  float: right;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  margin-right: 5px;
  margin-top: -12px; }

#profile-summary-note {
  font-family: 'PT Sans';
  font-size: 12px;
  padding: 20px 0 0 15px;
  color: #7d7d7d; }

/* Map */
.google-map-label {
  font-weight: bold;
  font-size: 15px;
  line-height: 15px; }

#map-zoom-google {
  position: absolute;
  margin-top: -317px;
  margin-left: 8px;
  z-index: 9999999;
  height: 84px;
  width: 46px; }

#zoom-out {
  margin-top: -5px; }

.map-zoom-control {
  font-weight: bold;
  text-decoration: none;
  font-family: Arial;
  font-size: 17px;
  line-height: 17px;
  color: #662483; }

/*Map controls*/
#map-navigation-google {
  position: absolute;
  margin-top: -135px;
  height: 106px;
  z-index: 19;
  width: 106px;
  margin-left: 370px;
  visibility: hidden;
  display: none; }

#map-navigation-reset {
  position: absolute;
  margin-top: -135px;
  height: 20px;
  z-index: 99999;
  width: 46px;
  margin-left: 370px;
  visibility: hidden;
  display: none; }

#area-profile-container #map-navigation-google {
  top: 630px; }

#profile-map-sectors {
  width: 250px;
  float: left; }

#profile-map-sectors hr {
  width: 260px; }

.profile-map-sector {
  color: #7f7f7f;
  margin-top: 10px; }

#profile-map-note {
  width: 300px;
  color: #7d7d7d;
  font-size: 12px; }

/* Transport */
#profile-transport-type-box .scroll-bar {
  z-index: 9999999999; }

.transport-data-line {
  float: left;
  font-family: Arial;
  font-size: 11px;
  text-align: center;
  min-width: 75px;
  margin-right: 2px; }

.transport-data-category-2 {
  border: 1px solid #222222; }

.transport-data-line-2833 {
  background-color: #ae6118;
  color: #ffffff; }

.transport-data-line-2834 {
  background-color: #e41f1f;
  color: #ffffff; }

.transport-data-line-2835 {
  background-color: #f8d42d;
  color: #ffffff; }

.transport-data-line-2836 {
  background-color: #007229;
  color: #ffffff; }

.transport-data-line-2837 {
  background-color: #00bbb4;
  color: #ffffff; }

.transport-data-line-2838 {
  background-color: #e899a8;
  color: #403b92; }

.transport-data-line-2840 {
  background-color: #686e72;
  color: #ffffff; }

.transport-data-line-2841 {
  background-color: #893267;
  color: #ffffff; }

.transport-data-line-2842 {
  background-color: #000000;
  color: #ffffff; }

.transport-data-line-2843 {
  background-color: #0450a1;
  color: #ffffff; }

.transport-data-line-2844 {
  background-color: #009fe0;
  color: #ffffff; }

.transport-data-line-2845 {
  background-color: #70c3ce;
  color: #403b92; }

#profile-transport-none {
  margin: 110px 0 0 155px;
  font-family: 'PT Sans','Arial';
  font-size: 18px;
  font-weight: bo ld; }

/*#profile-transport-note {
  margin-top:-10px;
}*/
#profile-transport-note ol {
  padding-left: 18px; }

#profile-transport-note ol li {
  font-family: 'PT Sans';
  font-size: 12px;
  color: #c3c3c3;
  line-height: 14px; }

/* Shopping and Leisure */
#profile-shopping-sliders {
  float: left;
  height: 280px;
  width: 604px; }

.profile-shopping-slider {
  float: left;
  width: 300px;
  height: 125px; }

.slider-heading {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0 7px 0; }

.slider-left-label, .slider-middle-label, .slider-right-label {
  color: #8c7f7f;
  font-size: 12px;
  float: left;
  height: 20px; }

.slider-left-label {
  padding-top: 4px; }

.slider-middle-label {
  margin-left: 50px; }

.slider-right-label {
  margin-left: 45px;
  padding-top: 4px; }

.slider-background {
  width: 200px;
  height: 30px;
  background-color: #e0e0e0;
  margin-left: 25px;
  margin-top: 10px; }

.slider-foreground {
  height: 30px; }

.slider-average-line {
  width: 2px;
  height: 30px;
  margin: -30px 0 0 125px;
  background-color: #ffffff; }

#profile-shopping-note {
  width: 500px; }

#profile-shopping-note ol {
  font-family: 'PT Sans';
  font-size: 12px;
  padding-left: 20px;
  padding-top: 10px;
  color: #7d7d7d; }

/* People */
.profile-people {
  float: left;
  height: 280px;
  width: 303px; }

.profile-people-heading {
  font-family: 'PT Sans';
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 20px 0; }

.people-heading-data {
  font-weight: normal; }

#profile-people-legend {
  float: left;
  width: 130px;
  margin-top: 30px; }

#profile-people-chart {
  float: left;
  width: 200px;
  margin-top: -10px; }

.profile-people-nationality {
  float: left;
  width: 90px;
  font-size: 14px;
  text-align: right;
  margin-right: 10px;
  padding-top: 10px; }

.profile-people-rating {
  float: left;
  font-size: 12px;
  margin-bottom: 20px; }

.profile-people-persons {
  width: 180px; }

.profile-people-nationality-note {
  margin-left: 5px; }

#profile-right-data {
  margin-left: 10px;
  text-align: center; }

#profile-right-type {
  font-family: 'Rokkitt';
  font-size: 14px;
  text-transform: uppercase; }

#profile-right-socio-dem {
  margin-top: 20px;
  text-align: left;
  font-size: 13px;
  height: 200px;
  overflow: hidden;
  line-height: 18px; }

#profile-right-source {
  font-size: 12px;
  margin-left: 23px;
  margin-top: -30px; }

/*Area profiles*/
/*Intro*/
.ap--intro--wrapper {
  padding: 0 0 40px 0;
  text-align: center; }
  .ap--intro--wrapper h2 {
    margin-top: 0; }

/*Stats and image*/
.ap--main-image {
  width: 600px;
  margin-right: 50px; }

.ap--key-stats {
  width: 340px; }
  .ap--key-stats h2 {
    margin-top: 0;
    font-size: 23px;
    margin-bottom: 8px;
    line-height: 25px; }
  .ap--key-stats .ap--key-stats--wrapper {
    border-top: 1px solid #606060;
    margin: 5px 0 0px 0;
    padding: 10px 0; }
    .ap--key-stats .ap--key-stats--wrapper .ap--key-stats--label {
      display: inline-block;
      width: 170px;
      vertical-align: top; }
      .ap--key-stats .ap--key-stats--wrapper .ap--key-stats--label > div {
        height: 40px;
        line-height: normal;
        padding-top: 2px; }
    .ap--key-stats .ap--key-stats--wrapper .ap--key-stats--data {
      display: inline-block;
      width: 164px; }
      .ap--key-stats .ap--key-stats--wrapper .ap--key-stats--data > div {
        height: 40px;
        line-height: normal; }
      .ap--key-stats .ap--key-stats--wrapper .ap--key-stats--data .ap--key-stats--data--pounds {
        font-size: 30px;
        font-weight: bold; }
        .ap--key-stats .ap--key-stats--wrapper .ap--key-stats--data .ap--key-stats--data--pounds .profile-summary-pounds-on {
          color: #7e3791; }
        .ap--key-stats .ap--key-stats--wrapper .ap--key-stats--data .ap--key-stats--data--pounds .profile-summary-pounds-off {
          color: #c4c4c4; }

/*Local map*/
.ap--map--wrapper {
  background: #f1f1f1;
  padding: 40px 0;
  margin-top: 30px; }
  .ap--map--wrapper h2 {
    margin-top: 0;
    text-align: center;
    margin-bottom: 20px; }
  .ap--map--wrapper .ap--map--subareas {
    vertical-align: top;
    width: 330px;
    margin-right: 50px;
    display: inline-block; }
    .ap--map--wrapper .ap--map--subareas ul li {
      color: #606060;
      padding: 5px 0; }

.profile-map-google {
  width: 610px;
  height: 375px;
  display: inline-block; }

/*Nearby treasures*/
.ap--nearby--wrapper {
  background: #f1f1f1;
  padding: 40px 0;
  margin-top: 30px; }
  .ap--nearby--wrapper h2 {
    text-align: center;
    margin-top: 0; }

.ap--transport, .ap--people, .ap--shopping {
  margin-bottom: 40px; }

/*This file is to be sorted and deleted, if there are any styles required they need to be re allocated to another relevant file*/
.chart-legend-tile {
  float: left;
  width: 30px;
  height: 13px;
  margin: 0 5px 4px 0; }

.chart-legend-name {
  width: 70px;
  float: left;
  font-family: 'PT Sans','Arial';
  font-size: 13px;
  line-height: 15px;
  color: #000000; }

.highlighted-value {
  background-color: #683b9d;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  line-height: 22px;
  height: 32px; }

.zoomIcon {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/images/layout/zoom.png"); }

.post-chart-image .zoomIcon {
  right: 10px; }

.smooth_zoom_preloader {
  background-image: url("/images/layout/zoom-preloader.gif"); }

.smooth_zoom_icons {
  background-image: url("/images/layout/zoom-icons.png"); }

.scroll-pane {
  width: 100%;
  overflow: auto; }

.jspVerticalBar {
  width: 8px;
  background-color: #ffffff; }

.jspHorizontalBar {
  height: 8px;
  background-color: #ffffff; }

.jspDrag {
  background-color: #a170cb; }

.jspTrack {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2; }

.jspVerticalBar .jspDrag {
  margin-left: -3px;
  width: 7px;
  border-left: 1px solid #895fad; }

.jspHorizontalBar .jspDrag {
  margin-top: -3px;
  height: 7px;
  border-top: 1px solid #895fad; }

.jspVerticalBar .jspTrack {
  width: 3px; }

.jspHorizontalBar .jspTrack {
  height: 3px; }

.two-column {
  float: left;
  font-size: 14px; }

ul.list-unordered-red-dash {
  color: #828282;
  list-style-type: none;
  padding: 5px; }

ul.list-unordered-red-dash li:before {
  content: '-';
  color: #be1522;
  padding: 0 10px 0 5px; }

ul.list-yes-tenants,
ul.list-yes-landlords {
  font-family: 'PT Sans';
  font-size: 16px;
  list-style-type: none;
  padding-left: 50px;
  padding-bottom: 20px; }

ul.list-yes-tenants li,
ul.list-yes-landlords li {
  height: 30px;
  line-height: 30px; }

ul.list-yes-tenants li:before,
ul.list-yes-landlords li:before {
  background: url("/images/layout/list-yes-tenants.png");
  width: 20px;
  height: 20px;
  content: ' ';
  margin-top: 5px;
  margin-left: -25px;
  position: absolute;
  display: block; }

ul.list-yes-landlords li:before {
  background: url("/images/layout/list-yes-landlords.png"); }

ul.list-unordered-dash li:before {
  content: ' - ';
  padding-right: 5px; }

ol.list-ordered-alpha {
  list-style-type: lower-alpha; }

ol.list-ordered-roman {
  list-style-type: lower-roman; }

ol.list-ordered-alpha li, ol.list-ordered-roman li, ol.list-ordered-numeric li {
  margin-bottom: 5px; }

.list-item-text {
  font-weight: normal; }

.ui-autocomplete li {
  font-family: 'PT Sans';
  font-size: 12px; }

.ui-datepicker {
  z-index: 9999999 !important; }

.contact-renter-link-inprofile-popup {
  background: #54C6DB;
  text-align: center; }

.field {
  margin-left: 30px; }

.form-field, .form-field-error-1-line, .form-field-error-2-line, .form-field-error-3-line {
  float: left; }

div.field_with_errors {
  display: inline;
  background-color: #ffffff;
  padding: 0;
  margin: 0; }

.profile-user-image-holder {
  float: left;
  height: 180px;
  width: 180px;
  overflow: hidden;
  margin-left: 10px;
  text-align: center; }

.profile-user-image {
  width: 180px;
  height: auto; }

.profile-user-column div {
  line-height: 24px;
  color: #828282; }

.profile-user-column div span {
  color: #c3c3c3; }

/* Generic Data Columns */
.data-column-image {
  text-align: center; }

.ss--view-details-map-button {
  width: 110px;
  height: 30px;
  background-color: #50c9de;
  line-height: 29px;
  text-align: center;
  margin-top: 5px; }
  .ss--view-details-map-button a {
    color: white;
    text-decoration: none; }
    .ss--view-details-map-button a:hover {
      text-decoration: underline;
      color: white; }

.ss--matchmaker-button {
  width: 300px;
  margin: 20px 0;
  height: 40px;
  line-height: 40px;
  background-color: #50c9de;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .ss--matchmaker-button a {
    color: white;
    text-decoration: none; }
    .ss--matchmaker-button a:hover {
      text-decoration: underline;
      color: white; }

.user-choose-dashboard-button a {
  color: white !important;
  text-decoration: none; }

#user-choose-landlord-dashboard-button {
  background-color: #d1c2ae; }

#user-choose-affiliate-dashboard-button {
  background-color: #7c47aa; }

/*Generic data table formatting*/
.data-filter-form {
  margin-bottom: 20px; }

.data-window {
  width: 100%;
  overflow: scroll; }

.data-table {
  width: 100%; }

.data-cell {
  white-space: nowrap; }

.data-integer {
  text-align: center; }

.data-notes {
  margin: 20px 0; }

.data-notes-title {
  font-size: 16px;
  font-weight: bold; }

.data-note-heading {
  font-weight: bold;
  margin-left: 10px; }

/*Nearby map on property page*/
.nearby-label {
  position: absolute;
  background: white;
  width: 205px;
  height: 107px;
  margin: -128px 0 0 6px;
  display: none; }
  .nearby-label:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: white;
    border-width: 10px;
    margin-left: -10px; }

.nearby-label-banner {
  padding: 0 5px 1px 10px;
  line-height: 27px;
  color: white;
  text-transform: uppercase;
  background-color: white;
  border-radius: 3px 3px 0 0;
  /*Top left */
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  /*Top right */
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  /*Bottom left */
  -moz-border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  /*Bottom right */
  -moz-border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }
  .nearby-label-banner img {
    width: 18px;
    margin-top: 4px; }

.nearby-label-banner-type-8 {
  background-color: #7DC142; }

.nearby-label-banner-type-6 {
  background-color: #54C6DB; }

.nearby-label-banner-type-15 {
  background-color: #C63E65; }

.nearby-label-name {
  padding: 7px 0 0 15px;
  font-size: 12px;
  line-height: 18px; }

.nearby-label-content {
  margin: 2px 0 0 17px;
  font-size: 10px;
  line-height: 11px;
  width: 190px;
  height: 24px;
  overflow-y: hidden;
  color: #c3c3c3; }

.nearby-label-image {
  width: 80px;
  height: auto;
  max-height: 68px;
  overflow: hidden;
  margin: 1px 5px 0 3px; }

.nearby-map-label-centre {
  background-image: url("/images/layout/treasures-none-found.png");
  background-repeat: no-repeat;
  width: 205px;
  height: 86px;
  display: block;
  margin-top: 90px;
  margin-left: 220px;
  color: white;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  padding-top: 26px; }

.nearby-map-label-centre a {
  color: white; }

/*Area info popup on discover london*/
.treasure-map-label-centre {
  background: white;
  width: 205px;
  height: 86px;
  display: block;
  margin-top: 90px;
  margin-left: 120px;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  padding-top: 11px; }

.least-expensive-label {
  margin: -58px 0 0 -100px;
  position: relative;
  background: #B56AEA;
  color: white;
  width: 105px;
  padding: 10px;
  display: none;
  line-height: 15px;
  font-size: 12px; }
  .least-expensive-label:after {
    top: 100%;
    right: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #B56AEA;
    border-width: 10px;
    margin-left: -10px; }

.most-expensive-label {
  margin: -66px 0 0 -14px;
  position: relative;
  background: #54C6DB;
  color: white;
  width: 105px;
  padding: 10px;
  display: none;
  line-height: 15px;
  font-size: 12px; }
  .most-expensive-label:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #54C6DB;
    border-width: 10px;
    margin-left: -10px; }

#content-maps-discover {
  height: 2000px; }

#map-legend-compare {
  margin: 15px 0 0 25px; }

#map-legend-note {
  font-family: 'PT Sans','Arial';
  font-size: 12px; }

/* Map Instructions */
#map-instructions {
  font-family: 'PT Sans','Arial';
  position: absolute;
  top: 371px;
  z-index: 999999;
  width: 210px;
  line-height: 24px;
  padding: 45px 35px 45px 35px;
  margin: 156px 0 0 175px;
  font-size: 24px;
  height: 48px;
  color: white;
  font-style: normal;
  text-align: center;
  background-image: url("/images/layout/map-instructions-background.png");
  border: 0px solid black;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  visibility: visible; }

#map-navigation {
  position: absolute;
  margin-top: -112px;
  height: 106px;
  z-index: 19;
  width: 106px;
  margin-left: 887px; }

#arrow-up {
  margin-top: 11px;
  margin-bottom: 9px;
  margin-left: 33px;
  width: 14px;
  height: 11px;
  line-height: 11px;
  background-color: #7e3791; }

#arrow-left {
  float: left;
  margin-left: 12px;
  width: 11px;
  height: 14px;
  background-color: #7e3791; }

#map-center {
  float: left;
  margin-left: 9px;
  margin-bottom: 10px;
  width: 14px;
  height: 14px;
  background-color: #7e3791; }

#arrow-right {
  float: left;
  margin-top: 1px;
  margin-left: 10px;
  width: 11px;
  height: 14px;
  background-color: #7e3791; }

#arrow-down {
  margin-left: 32px;
  width: 14px;
  height: 11px;
  line-height: 11px;
  background-color: #7e3791; }

#map-navigation a {
  text-decoration: none; }

#line-compare-separator {
  margin-top: 20px; }

/* Compare Areas */
#compare-button, #compare-reset {
  float: left;
  margin: 5px 20px 25px -10px; }

#compare-areas-button {
  width: 130px; }

#compare-text {
  float: left;
  width: 680px;
  font-family: 'PT Sans','Arial'; }

#map-compare-list {
  font-family: 'PT Sans','Arial'; }

.map-compare-column {
  float: left;
  margin: 0 20px 20px 0; }

.map-compare-zone {
  font-weight: bold; }

.map-compare-item, .map-compare-zone {
  width: 135px;
  text-align: left; }

/* Google Zoom and Navigation */
#map-zoom-google .controlsBg {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #606060;
  opacity: 0.75; }

#map-zoom-google .navZoomIn {
  position: absolute;
  display: block;
  left: 7px;
  top: 7px;
  width: 32px;
  height: 32px;
  z-index: 1;
  opacity: 0.7;
  cursor: hand;
  cursor: pointer; }

#map-zoom-google .navZoomOut {
  position: absolute;
  display: block;
  left: 7px;
  top: 45px;
  width: 32px;
  height: 32px;
  z-index: 2;
  opacity: 0.7;
  cursor: hand;
  cursor: pointer; }

#map-zoom-google #_zinorm {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 30px;
  height: 30px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-zoom-google #_ziover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 32px;
  height: 32px;
  display: none;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-zoom-google #_zi_icon {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 30px;
  height: 30px;
  background: transparent url(/images/layout/zoom-in.png) center no-repeat; }

#map-zoom-google #_zonorm {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 30px;
  height: 30px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-zoom-google #_zoover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 32px;
  height: 32px;
  display: none;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-zoom-google #_zo_icon {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 30px;
  height: 30px;
  background: transparent url(/images/layout/zoom-out.png) center no-repeat; }

#map-navigation-reset .controlsBg,
#map-navigation-google .controlsBg {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #606060;
  opacity: 0.75; }

#map-navigation-google .navPanLeft {
  position: absolute;
  display: block;
  left: 7px;
  top: 38px;
  width: 30px;
  height: 30px;
  z-index: 3;
  opacity: 0.7;
  cursor: hand;
  cursor: pointer; }

#map-navigation-google #_mlnorm {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  display: block;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_mlover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  display: none;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_ml_icon {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background: transparent url(/images/layout/move-left.png) center no-repeat; }

#map-navigation-google .navPanRight {
  position: absolute;
  display: block;
  left: 69px;
  top: 38px;
  width: 30px;
  height: 30px;
  z-index: 4;
  opacity: 0.7;
  cursor: hand;
  cursor: pointer; }

#map-navigation-google #_mrnorm {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  display: block;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_mrover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  display: none;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_mr_icon {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background: transparent url(/images/layout/move-right.png) center no-repeat; }

#map-navigation-google .navPanUp {
  position: absolute;
  display: block;
  left: 38px;
  top: 7px;
  width: 30px;
  height: 30px;
  z-index: 5;
  opacity: 0.7;
  cursor: hand;
  cursor: pointer; }

#map-navigation-google #_munorm {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_muover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  display: none;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_mu_icon {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background: transparent url(/images/layout/move-up.png) center no-repeat; }

#map-navigation-google .navPanDown {
  position: absolute;
  display: block;
  left: 38px;
  top: 69px;
  width: 30px;
  height: 30px;
  z-index: 6;
  opacity: 0.7;
  cursor: hand;
  cursor: pointer; }

#map-navigation-google #_mdnorm {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_mdover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  display: none;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_md_icon {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background: transparent url(/images/layout/move-down.png) center no-repeat; }

#map-navigation-google .navCenter {
  position: absolute;
  display: block;
  left: 38px;
  top: 38px;
  width: 30px;
  height: 30px;
  z-index: 7;
  opacity: 0.7;
  cursor: hand;
  cursor: pointer; }

#map-navigation-google #_rsnorm {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  display: block;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_rsover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  display: none;
  background-position: initial initial;
  background-repeat: initial initial; }

#map-navigation-google #_rs_icon {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 28px;
  height: 28px;
  background: transparent url(/images/layout/move-reset.png) center no-repeat; }

#map-navigation-reset .noSel {
  height: 24px; }

#map-navigation-reset .navReset {
  position: absolute;
  display: block;
  width: 46px;
  height: 24px;
  line-height: 24px;
  z-index: 7;
  opacity: 0.7;
  cursor: hand;
  cursor: pointer;
  color: white;
  font-size: 12px;
  text-align: center; }

/* Items */
.orders-product-property,
.orders-product-title,
.orders-product-price,
.orders-product-price-including-tax,
.orders-product-tax,
.orders-product-total,
.orders-product-date,
.orders-product-remove,
.orders-product-select {
  float: left;
  line-height: 32px;
  font-size: 13px;
  color: #828282; }

.orders-headings {
  margin-top: 5px;
  border-bottom: 1px solid #606060; }

.orders-heading {
  font-family: 'Rokkitt';
  color: #606060;
  font-size: 16px; }

.orders-product-price-including-tax {
  font-weight: normal;
  font-style: italic;
  font-size: 13px; }

.orders-product-property {
  width: 280px;
  width: 250px;
  color: #c3c3c3; }

.orders-product-title {
  width: 150px;
  width: 180px; }

.orders-product-price,
.orders-product-tax,
.orders-product-total,
.orders-product-select {
  width: 120px; }

.orders-product-remove {
  width: 60px;
  text-align: right; }

.orders-product-description {
  clear: both; }

.orders-product-date {
  width: 60px; }

.orders-product-button {
  float: right;
  font-size: 16px;
  margin: 20px 10px; }

.orders-product-remove a {
  font-size: 13px !important; }

.orders-unpaid-label,
.orders-unpaid-label:visited,
.orders-unpaid-label:hover {
  color: white;
  text-align: center;
  padding: 1px 6px;
  background-color: #be1522;
  text-decoration: none;
  font-size: 12px;
  margin-left: 3px; }

.orders-invoice-label,
.orders-invoice-label:visited,
.orders-invoice-label:hover {
  color: white;
  text-align: center;
  padding: 1px 6px;
  background-color: #d1c2ae;
  text-decoration: none;
  font-size: 12px;
  margin-left: 3px; }

/* Payment */
#order-billing-form {
  float: left;
  width: 620px;
  height: 574px;
  margin-right: 16px; }

#order-payment-form {
  float: left;
  width: 320px;
  min-height: 564px;
  /*margin-top:-46px;*/
  background-color: #f1f1f1;
  border-radius: 3px; }

.order-payment-title {
  font-weight: bold;
  margin-top: 10px; }

#content-orders-payment .field-horizontal {
  width: 440px;
  height: 50px; }

#content-orders-payment .field-horizontal label {
  display: inline-block;
  width: 120px;
  text-align: left;
  color: #606060; }

#content-orders-payment input[type=TEXT] {
  width: 240px;
  margin-bottom: 6px; }

#content-orders-payment select {
  width: 250px;
  margin-left: 0;
  margin-top: 1px;
  margin-bottom: 6px; }

#order-payment-fields {
  margin-top: 20px; }

#payment-postcode-valid {
  position: absolute;
  z-index: 999;
  display: none;
  margin: 5px 0 0 4px; }

#payment-postcode-invalid {
  position: absolute;
  z-index: 999;
  display: none;
  margin: 1px 0 0 4px;
  font-size: 12px;
  width: 130px;
  line-height: 14px;
  color: #c3c3c3; }

#payment-find-address-progress,
#payment-retrieve-address-progress {
  position: absolute;
  display: none;
  z-index: 999;
  margin: 7px 0 0 7px; }

select#payment_expiry_month,
select#payment_expiry_year {
  width: 119px; }

input[type=TEXT]#payment_postcode_lookup,
input[type=TEXT]#payment_postcode,
input[type=TEXT]#payment_post_town,
input[type=TEXT]#payment_country_code {
  width: 140px; }

input[type=TEXT]#payment_cvv {
  width: 50px; }

input[type=TEXT]#payment_voucher {
  width: 100px; }

#order-agree-terms {
  font-size: 13px;
  width: 240px;
  margin-top: 3px;
  color: #888888;
  vertical-align: top; }

#order-agree-terms a {
  font-weight: bold;
  text-decoration: none;
  color: #888888;
  vertical-align: top; }

#text-next-payment,
#text-back-payment {
  font-size: 14px;
  width: 100px;
  text-align: center; }

#button-back-payment,
#button-next-payment {
  margin: 5px 0 0 0; }

#button-next-payment {
  font-size: 15px; }

#text-back-payment {
  width: 110px;
  float: left;
  margin: 15px 0 0 10px; }

#text-next-payment {
  width: 130px;
  float: left;
  margin-top: 15px; }

.payment-type {
  float: left;
  width: 90px;
  height: 74px;
  text-align: center;
  font-size: 11px;
  margin: 3px;
  color: #413758;
  padding: 2px;
  padding-top: 6px;
  border-radius: 2px; }

#payment-type-0 {
  float: right;
  height: 22px;
  margin-top: 30px; }

#order-price-subtotal,
#order-price-tax,
#order-price-total {
  width: 70px;
  float: left;
  text-align: right; }

#button-agree-terms_error {
  margin-top: 4px !important;
  margin-left: -4px !important;
  margin-right: 5px !important; }

#order-summary-container.order-summary-tenants,
#alone-in-london-image.alone-in-london-tenants {
  border-top: 3px solid #50c9de; }

#order-summary-container.order-summary-landlords,
#alone-in-london-image.alone-in-london-landlords {
  border-top: 3px solid #54C6DB; }

#alone-in-london-title {
  margin-left: 2px;
  position: absolute;
  width: 276px;
  margin-top: -75px;
  color: white;
  background-color: rgba(96, 96, 96, 0.7);
  line-height: 14px;
  font-size: 13px;
  padding: 9px 20px 11px 20px;
  text-align: left; }

.payment-radio-type {
  margin-top: 6px; }

#payment-apply-voucher {
  background: #54C6DB;
  border: none;
  color: white;
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 12px; }

#content-properties-filter-product .property-introduction-tab,
#content-properties-filter-status .property-introduction-tab {
  margin: -17px 0 0 0; }

/* Property Details */
.property-address {
  font-size: 28px;
  color: #7f7f7f; }

#property-address {
  /*float:left;*/
  width: 650px; }

#property-bedrooms {
  margin: 5px 0 10px 0;
  color: #828282; }

#property-price-per-week {
  color: #606060; }

#property-price-per-month {
  color: #828282; }

.property-menu {
  width: 930px;
  height: 40px;
  background-image: url("/images/layout/property-menu-background.png");
  background-repeat: repeat-x;
  margin: 15px 0 10px 0;
  border: 1px solid #c9c9c9;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px; }

.property-menu #menu-sub-items {
  margin: 0; }

.property-menu li {
  height: 40px;
  width: 122px;
  text-align: left;
  padding: 0 11px 0 11px;
  border-right: 1px solid #c9c9c9; }

.property-menu li a {
  line-height: 40px;
  font-family: 'PT Sans';
  font-size: 13px; }

.property-menu li#property-menu-item-landlord:hover,
.property-menu li#property-menu-item-save:hover,
.property-menu li#property-menu-item-facebook:hover,
.property-menu li#property-menu-item-twitter:hover {
  background-color: transparent; }

.property-menu li#property-menu-item-landlord a:hover,
.property-menu li#property-menu-item-save a:hover,
.property-menu li#property-menu-item-facebook a:hover,
.property-menu li#property-menu-item-twitter a:hover {
  color: #50c9de; }

#tenant-property-menu li:last-child, #landlord-property-menu li:last-child {
  border-right: 0; }

.property-menu-icon {
  margin: -5px 5px 0 0; }

#tenant-property-menu #property-menu-item-landlord {
  width: 130px; }

#landlord-property-menu #property-menu-item-edit {
  width: 150px; }

.property-menu #property-menu-item-twitter {
  width: 88px; }

#tenant-property-menu #property-menu-item-save {
  width: 180px; }

#tenant-property-menu #property-menu-item-remove {
  width: 165px; }

.property-menu #property-menu-item-facebook {
  width: 140px; }

#tenant-property-menu #property-menu-item-viewing {
  width: 140px; }

#landlord-property-menu #property-menu-item-viewing {
  width: 138px; }

#landlord-property-menu #property-menu-item-letting {
  width: 138px; }

#landlord-property-menu #property-menu-item-twitter {
  width: 132px; }

#tenant-property-menu #property-menu-item-offer {
  width: 110px; }

#landlord-property-menu #menu-sub-items li:hover {
  background-color: #bdae9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5dcd2), to(#bdae9a));
  background: -moz-linear-gradient(top, #e5dcd2, #bdae9a); }

#property-images {
  float: left; }

.property-big-image-container {
  width: 635px;
  margin-bottom: 10px;
  height: 425px;
  overflow: hidden; }

.property-big-image {
  width: 635px;
  height: auto;
  background-color: #fafafa;
  margin: 0 20px 20px 0;
  text-align: center;
  max-width: 635px;
  overflow: hidden; }

.property-big-image {
  margin: 0 auto; }

#property-big-image {
  margin-bottom: 1px;
  z-index: 99;
  width: 635px;
  height: auto; }

#property-big-image-title {
  margin-left: 1px;
  position: absolute;
  width: 635px;
  height: 30px;
  background-image: url("/images/layout/big-image-background.png");
  color: white;
  line-height: 28px;
  margin-top: -40px; }

#property-big-image-left, #property-big-image-right {
  position: absolute;
  z-index: 999;
  height: 43px;
  width: 40px;
  background-color: #50c9de;
  background: rgba(80, 201, 222, 0.7);
  margin-top: -260px;
  text-align: center;
  padding-top: 4px; }

#property-big-image-left {
  border-radius: 0 5px 5px 0; }

#property-big-image-right {
  border-radius: 5px 0 0 5px;
  margin-left: 597px; }

#property-big-image-left.disabled, #property-big-image-right.disabled {
  background: rgba(130, 130, 130, 0.4); }

#property-image-strip {
  width: 625px;
  height: 60px;
  background-color: white; }

#property-image-strip-left, #property-image-strip-content, #property-image-strip-right {
  float: left;
  height: 60px; }

#property-image-strip-left, #property-image-strip-right {
  width: 30px;
  height: 60px; }

#property-image-strip-content {
  width: 565px;
  height: 60px;
  overflow: hidden; }

#property-image-strip-content .property-assets {
  width: 108px;
  height: 72px;
  overflow: hidden;
  float: left;
  border: 4px solid white;
  border-radius: 2px;
  margin: 11px 9px 5px 5px; }

.property-asset-selected {
  border: 4px solid #606060 !important; }

.property-strip-image {
  border: 1px solid #c9c9c9;
  height: 58px;
  width: 90px;
  margin-right: 10px; }

#property-data-box {
  float: left;
  width: 285px;
  height: 539px;
  background-color: #fafafa;
  border: 1px solid #c9c9c9;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  margin: 0 0 20px 10px; }

#property-data-box h3, #property-minor-details h3 {
  font-family: 'Rokkitt';
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 20px 20px;
  color: #606060; }

#property-minor-details h3 {
  line-height: 27px; }

#property-description {
  font-family: 'PT Sans';
  font-size: 12px;
  margin: 10px;
  padding: 10px;
  margin-top: -20px;
  width: 243px;
  height: 158px;
  border-bottom: 1px solid #c9c9c9;
  color: #828282; }

#property-attributes {
  margin: 10px 20px 0 20px;
  width: 250px;
  height: 380px; }

.property-details-title, .property-details-value {
  float: left;
  font-family: 'PT Sans';
  font-size: 13px;
  height: 22px;
  line-height: 22px; }

.property-details-title {
  width: 110px;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  color: #c3c3c3; }

.property-details-value {
  color: #828282; }

#property-details-distance-title {
  height: 40px;
  line-height: 40px;
  width: 210px;
  margin-top: 3px;
  color: #606060;
  font-family: Rokkitt;
  font-size: 16px;
  font-weight: bold; }

#menu-property-profile {
  margin-top: -10px;
  height: 33px;
  width: 934px;
  border-top: 1px solid #d5d9da; }

#menu-property-profile ul.tabs li {
  line-height: 33px;
  width: 131px;
  text-align: center;
  background-color: #e7e7e7;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e7e7e7));
  background: -moz-linear-gradient(top, #f9f9f9, #e7e7e7); }

#menu-property-profile ul.tabs li.menu-selected-brown {
  background-color: #bdae9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5dcd2), to(#bdae9a));
  background: -moz-linear-gradient(top, #e5dcd2, #bdae9a); }

#menu-property-profile ul.tabs li.menu-selected-blue {
  background-color: #50c9de;
  background: -webkit-gradient(linear, left top, left bottom, from(#65dee6), to(#50c9de));
  background: -moz-linear-gradient(top, #65dee6, #50c9de); }

#menu-property-profile ul.tabs li {
  border-left: 1px solid #d5d9da;
  width: 175px; }

#menu-property-profile ul.tabs li a {
  font-size: 13px;
  color: #60605f; }

#menu-property-profile ul.tabs li#menu-property-leasing {
  width: 220px; }

#menu-property-profile ul.tabs li#menu-property-nearby {
  width: 183px; }

#menu-property-profile ul.tabs li:last-child {
  border-right: 1px solid #d5d9da; }

#menu-property-profile ul.tabs li.menu-selected-blue a, #menu-property-profile ul.tabs li.menu-selected-brown a {
  color: white; }

#property-details #line-selected-blue, #property-details #line-selected-brown {
  width: 934px; }

#property-minor-details {
  width: 932px;
  height: 346px;
  border: 1px solid #c9c9c9;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -khtml-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  overflow: hidden; }

#property-minor-details #area-profile-content {
  width: 932px;
  height: 320px; }

#property-minor-details .profile-transport-type,
#property-minor-details #profile-shopping-sliders,
#property-minor-details .profile-people {
  margin-left: 25px; }

#property-minor-details #profile-transport-stations {
  width: 856px;
  height: 290px; }

#property-minor-details .profile-transport-type {
  width: 876px; }

#property-minor-details .profile-transport-data {
  width: 756px;
  width: 876px; }

#property-minor-details .transport-type,
#property-minor-details .transport-data-station {
  width: 380px; }

#property-minor-details .transport-data-line {
  margin-left: -90px; }

.profile-transport-data .viewport {
  margin-right: 10px; }

#property-minor-details .overview {
  width: 857px; }

#property-minor-details #profile-transport-note {
  margin-top: 0; }

#property-minor-details #profile-shopping-sliders {
  width: 631px; }

#property-minor-details #profile-right-rating {
  width: 256px; }

#profile-right-rating ol {
  width: 120px; }

.minor-details-list, .minor-details-title {
  float: left;
  width: 270px;
  height: 138px; }

.minor-details-title {
  width: 190px; }

.minor-details-list {
  margin-top: 17px; }

#minor-details-leasing {
  border-right: 1px solid #c9c9c9; }

#minor-details-tenants .property-details-title,
#minor-details-leasing .property-details-title {
  width: 140px;
  margin-top: 0; }

#property-details #streetview-map-google, #property-details #property-map-google {
  width: 882px;
  height: 300px;
  float: left;
  margin: 10px 0 0 25px;
  border: 1px solid #7f7f7f; }

#property-details #map-zoom-google {
  display: block;
  visibility: visible;
  margin: 21px 0 0 36px; }

/* Property Popups */
#property-status-change {
  height: 400px;
  margin-left: 230px; }

.property-statistics-note {
  width: 320px;
  font-size: 14px;
  color: #60605f;
  float: left;
  margin-left: 10px; }

/* Property Upload and Edit */
#content-properties-add, #content-properties-edit {
  height: 1080px; }

#content-properties-edit #property-address,
#content-properties-add #property-address {
  border-bottom: 1px solid #d9d9d9;
  width: 670px; }

#content-properties-edit h1,
#content-properties-add h1 {
  padding-bottom: 10px;
  width: 470px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#menu-property-upload {
  height: 33px;
  width: 710px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x;
  margin-top: 20px;
  margin-left: -20px; }

#menu-property-upload ul.tabs li {
  line-height: 33px;
  width: 135px;
  text-align: center;
  border-left: 1px solid #d5d9da; }

#menu-property-upload a {
  font-size: 13px; }

#menu-property-upload ul.tabs li#menu-property-details,
#menu-property-upload ul.tabs li#menu-property-requirements {
  line-height: 13px;
  padding: 3px 0 4px 0; }

#menu-property-upload ul.tabs li {
  width: 117px; }

#menu-property-upload ul.tabs li#menu-property-description,
#menu-property-upload ul.tabs li#menu-property-details,
#menu-property-upload ul.tabs li#menu-property-requirements {
  line-height: 13px;
  padding: 3px 0 4px 0; }

#menu-property-upload ul.tabs li#menu-property-listing {
  width: 119px; }

#menu-property-upload ul.tabs li:last-child {
  border-right: 0; }

#property-upload-form #line-selected-brown {
  margin-left: -20px;
  width: 710px; }

.property-upload-section {
  /*  display:none;*/
  /*  height:840px;
  */
  width: 640px; }

.property-upload-title {
  float: left;
  width: 190px;
  font-size: 24px;
  line-height: 28px;
  color: #828282;
  margin-top: 30px; }

.property-upload-content {
  float: left;
  width: 440px;
  margin-top: 30px; }

#property-upload-form .field-horizontal-heading {
  width: 420px;
  margin-top: 20px; }

#property-upload-form .field-horizontal {
  width: 440px;
  height: 50px; }

#property-upload-form .field-horizontal label,
#property-upload-form .field-horizontal-heading label {
  display: inline-block;
  width: 120px;
  text-align: right;
  color: #828282; }

#property-upload-form .field-heading-currency {
  font-size: 16px; }

#property-upload-form .field-horizontal-heading label {
  font-size: 12px;
  width: 130px;
  text-align: left; }

#property-upload-form .field-horizontal-heading label:first-child {
  width: 125px; }

#property-upload-form .field-horizontal input[type=text] {
  width: 120px; }

#property-upload-form #user_date_of_birth_1i,
#property-upload-form #user_date_of_birth_3i {
  width: 57px; }

#property-upload-form #user_date_of_birth_2i {
  width: 59px; }

#property-upload-form #property_address_line_1,
#property-upload-form #property_address_line_2 {
  width: 290px; }

#property-upload-form select {
  width: 131px; }

.property-upload-warning {
  margin-top: 30px;
  font-family: 'PT Sans';
  font-size: 14px;
  line-height: 20px;
  width: 160px;
  color: #c3c3c3; }

#property-upload-name-warning,
#property-upload-address-warning {
  margin-top: 10px; }

#property_rental_amount_error {
  margin-left: 38px; }

#property_ready_to_move_error {
  margin-left: 40px; }

#property_bills_included_7_error {
  margin-top: -17px !important;
  margin-left: 53px !important; }

#property_upload_field_0_error {
  margin-left: -25px; }

#property-upload-form #property_postcode {
  color: initial; }

.properties-edit-address-link {
  font-size: 12px;
  text-decoration: none;
  color: #50c9de; }

#user-postcode-valid,
#property-postcode-valid {
  position: absolute;
  z-index: 999;
  display: none;
  margin: 5px 0 0 4px; }

#user-postcode-invalid,
#property-postcode-invalid {
  position: absolute;
  z-index: 999;
  display: none;
  margin: 1px 0 0 1px;
  font-size: 12px;
  width: 140px;
  line-height: 14px;
  color: #c3c3c3; }

#property-postcode-invalid {
  margin-top: -12px; }

#user-find-address-progress,
#user-retrieve-address-progress,
#property-find-address-progress,
#property-retrieve-address-progress {
  position: absolute;
  display: none;
  z-index: 999;
  margin: 7px 0 0 7px; }

.property-upload-field {
  margin-left: -5px; }

/*.property-image-primary {
  margin-left:26px;
}*/
#photo-upload-preview {
  width: 364px;
  height: 244px;
  float: left;
  overflow: hidden; }

#photo-upload-preview-text {
  margin-top: 216px;
  line-height: 28px;
  text-align: left;
  padding-left: 10px;
  width: 354px;
  font-size: 14px; }

.photo-upload-preview, .photo-upload-preview-title {
  width: 110px;
  height: 75px;
  float: left;
  margin: 0 15px 15px 0;
  overflow: hidden;
  border: 1px solid white; }

.photo-upload-preview-title {
  color: #bdae9a; }

#photos-remaining {
  float: left;
  font-size: 90px;
  line-height: 90px;
  width: 60px;
  margin-top: -8px; }

#photos-remaining-text {
  float: left;
  width: 50px;
  font-size: 12px;
  margin-left: -5px; }

.photo-upload-text {
  position: absolute;
  margin-top: 58px;
  line-height: 16px;
  width: 110px;
  background-color: #c0c0c0;
  background: rgba(78, 78, 78, 0.7);
  text-align: center;
  color: white;
  font-size: 12px;
  z-index: 2; }

#landlords-add-property .photo-upload-text {
  margin-top: 58px;
  width: 110px; }

#landlords-add-property #photo-upload-preview-text {
  margin-top: 216px;
  width: 354px; }

#overwrite-image-message,
#upload-image-filetype-message,
#upload-document-filetype-message,
#preview-unavailable-message {
  position: absolute;
  top: 751px;
  z-index: 9999999;
  width: 400px;
  line-height: 34px;
  padding: 35px 35px 45px 35px;
  margin: -170px 0 0 105px;
  font-size: 22px;
  height: 130px;
  color: white;
  font-style: normal;
  text-align: center;
  background-color: #50c9de;
  border: 0px solid black;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  visibility: hidden; }

.property-popup-button {
  font-family: 'PT Sans';
  border: 0;
  background-color: transparent;
  cursor: hand;
  cursor: pointer;
  text-decoration: underline;
  color: white;
  font-size: 18px;
  margin-right: 148px; }

.property-listing-upload-button {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
  margin-left: 80px !important;
  width: 112px;
  margin-top: 12px; }

#property-disable-actions-container {
  position: absolute;
  width: 250px;
  height: 520px;
  margin: -100px 0 0 700px;
  z-index: 2;
  display: none; }

#property-disable-products-container {
  position: absolute;
  width: 60px;
  height: 200px;
  margin: -300px 0 0 -20px;
  display: none; }

#property-add-buttons-container {
  width: 690px;
  background-color: #ebe4dc;
  margin-left: -20px;
  text-align: center;
  padding: 30px 10px 20px 10px; }

#property-edit-buttons-container {
  width: 690px;
  margin-left: 0px;
  text-align: center;
  padding: 30px 0 30px 0; }

#property-disable-buttons-container {
  position: absolute;
  width: 690px;
  margin-left: 0px;
  margin-top: -100px;
  text-align: center;
  padding: 30px 0 30px 0;
  display: none; }

/*  --------------------------------------------------
  AFFILATES
---------------------------------------------------- */
/* Affiliate Services */
#affiliate-services-contact {
  width: 370px;
  height: 39px;
  margin: 50px auto;
  margin-bottom: 15px;
  border: 1px solid #50c9de;
  background-color: #50c9de; }

input[type=TEXT].affiliate-services-field {
  padding-left: 6px;
  font-size: 16px;
  height: 31px;
  width: 240px;
  border: 0;
  border-radius: 0; }

.affiliate-services-button {
  float: right;
  margin: 0 auto;
  height: 39px;
  width: 120px;
  border: 0;
  background-color: #50c9de;
  text-align: center;
  line-height: 40px;
  color: white; }

.affiliate-services-button input[type=SUBMIT] {
  height: 39px;
  width: 102px;
  border: 0;
  background-color: #50c9de;
  line-height: 40px;
  color: white; }

.affiliate-services-button input[type=SUBMIT]:hover {
  cursor: hand;
  cursor: pointer; }

.affiliate-services-button input[type=SUBMIT]:focus,
.affiliate-services-button input[type=SUBMIT]:active {
  border: 0; }

.affiliate-services-button a,
.affiliate-services-button a:visited,
.affiliate-services-button a:hover {
  color: white;
  text-decoration: none; }

#affiliate-services-contact-button {
  float: left;
  font-size: 14px; }

#content-public-affiliate-services .line-horizontal-solid-light-full {
  width: 940px; }

#affiliate-services-popup {
  display: block;
  position: relative;
  margin: auto; }

.scrollable {
  position: relative; }

.scrollable:focus {
  outline: none !important; }

.scrollable .viewport {
  position: relative;
  overflow: hidden; }

.scrollable .viewport .overview {
  position: absolute; }

.scrollable .scroll-bar {
  display: none; }

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 1px;
  height: 100%; }

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%; }

.scrollable .scroll-bar .thumb {
  position: absolute; }

.scrollable .scroll-bar.vertical .thumb {
  width: 100%; }

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  left: 0; }

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Default skin */
.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px; }

.scrollable.default-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px; }

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px; }

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6; }

/* Discover skin */
.scrollable.discover-skin {
  padding-right: 17px; }

.scrollable.discover-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.discover-skin .scroll-bar .thumb {
  background-color: #a170cb;
  margin-left: -3px;
  width: 7px;
  border-left: 1px solid #895fad; }

.scrollable.discover-skin .scroll-bar.vertical {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  width: 3px; }

.scrollable.discover-skin .scroll-bar.horizontal {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  height: 3px; }

/* Discover Dashboard skin */
.scrollable.discover-dashboard-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.discover-dashboard-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.discover-dashboard-skin .scroll-bar.horizontal {
  height: 10px; }

.scrollable.discover-dashboard-skin .scroll-bar .thumb {
  background-color: #895fad;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* Tenants skin */
.scrollable.tenants-skin {
  padding-right: 17px; }

.scrollable.tenants-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.tenants-skin .scroll-bar .thumb {
  background-color: #50c9de;
  margin-left: -3px;
  width: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.scrollable.tenants-skin .scroll-bar.vertical {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  width: 3px; }

.scrollable.tenants-skin .scroll-bar.horizontal {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  height: 3px; }

/* Tenants Dashboard skin */
.scrollable.tenants-dashboard-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.tenants-dashboard-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.tenants-dashboard-skin .scroll-bar.horizontal {
  height: 10px; }

.scrollable.tenants-dashboard-skin .scroll-bar .thumb {
  background-color: #50c9de;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* Landlords skin */
.scrollable.landlords-skin {
  padding-right: 17px; }

.scrollable.landlords-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.landlords-skin .scroll-bar .thumb {
  background-color: #d1c2ae;
  margin-left: -3px;
  width: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.scrollable.landlords-skin .scroll-bar.vertical {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  width: 3px; }

.scrollable.landlords-skin .scroll-bar.horizontal {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  height: 3px; }

/* Landlords Dashboard skin */
.scrollable.landlords-dashboard-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.landlords-dashboard-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.landlords-dashboard-skin .scroll-bar.horizontal {
  height: 10px; }

.scrollable.landlords-dashboard-skin .scroll-bar .thumb {
  background-color: #d1c2ae;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* Modern skin */
.scrollable.modern-skin {
  padding-right: 17px; }

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888; }

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984; }

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )"; }

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )"; }

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px; }

/*This file is to be sorted and then deleted, styling that is still required should be moved to another relevant file*/
#content-tenants-dashboard {
  min-height: 710px; }

#content-tenants-results {
  height: 905px; }

/* Hot fixes for release 5.0 */
#dashboard-properties-list {
  min-width: 780px; }

/* General */
#content-tenants-search {
  width: 980px;
  min-height: 400px;
  padding: 0; }

.tenants-details-section {
  display: none;
  height: 500px; }

.tenants-details-subsection {
  display: none;
  min-height: 500px; }

#subsection-data-tenants-areas {
  margin-bottom: 10px; }

.tenants-details-title {
  float: left;
  width: 150px;
  font-size: 24px;
  margin-top: 30px;
  line-height: 28px;
  color: #828282; }

.tenants-details-content {
  float: left;
  width: 430px; }

#tenant-details .field-horizontal-heading {
  width: 500px;
  margin-top: 20px; }

#tenant-details .field-horizontal {
  width: 500px;
  height: 50px; }

#tenant-details .field-horizontal label,
#tenant-details .field-horizontal-heading label {
  display: inline-block;
  width: 120px;
  text-align: right;
  color: #828282; }

#tenant-details .field-horizontal-heading label {
  font-size: 12px;
  width: 130px;
  text-align: left; }

#tenant-details .field-horizontal-heading label:first-child {
  width: 125px; }

#tenant-details .field-horizontal input[type=text] {
  width: 140px; }

.tenants-edit-address-link {
  font-size: 12px;
  text-decoration: none;
  color: #50c9de; }

#tenant-profile-form {
  position: absolute;
  margin: -717px 0 0 144px; }

#profile-user-image-holder {
  position: absolute;
  margin-top: 175px;
  margin-left: 300px; }

#profile-user-image {
  width: 140px;
  height: auto; }

#profile-user-image-border {
  height: 140px;
  width: 140px;
  background-color: #c0c0c0;
  overflow: hidden;
  border: 1px solid #c0c0c0;
  margin-bottom: 10px; }

#profile-user-image-change {
  position: absolute;
  height: 20px;
  width: 80px;
  margin-left: 60px;
  text-align: right; }

#tenant-details .where-zone-button {
  margin-top: 20px; }

#tenant-details #where-zone-12-button,
#tenant-details #where-zone-34-button,
#tenant-details #where-zone-56-button {
  font-family: 'Rokkitt';
  font-size: 21px;
  font-weight: normal;
  width: 170px;
  line-height: 30px; }

#user_work_postcode_error .form_error_content {
  margin-top: -37px; }

#tenant-profile-save-finish {
  margin-left: 10px;
  display: none; }

/* Search */
#tenants-who-know {
  float: left;
  width: 581px;
  height: 492px;
  background-color: #50c9de;
  background-image: url("/images/layout/tenants-who-know-background.png"); }

#tenants-who-know-bubble {
  margin: 16px 0 10px 0; }

#tenants-search-form {
  width: 411px;
  height: 246px;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  margin-left: 55px; }

.tenants-search-field {
  width: 250px; }

.tenants-search-field-short {
  width: 117px;
  line-height: 34px; }

#tenants-search-other-methods {
  color: white;
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  margin: 0 30px 30px 0; }

#tenants-search-other-methods a {
  color: white; }

#tenants-search-price {
  margin-bottom: 30px; }

#tenants-search-bedrooms {
  margin-bottom: 20px; }

#tenants-who-dont {
  float: left;
  width: 360px;
  height: 492px;
  font-size: 18px; }

#tenants-who-dont-bubble {
  margin-top: 16px; }

#tenants-list-buttons {
  margin: 10px 0 0 30px; }

#tenants-check-list {
  font-family: 'PT Sans';
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  list-style-image: url("/images/layout/tenants-search-list-style.png"); }

#tenants-register {
  margin-top: 6px; }

#tenants-button-separator {
  margin-top: 20px;
  width: 340px; }

#tenants-login {
  margin: 20px 0 0 30px;
  line-height: 40px; }

#price-period-change, #search-area-note {
  font-size: 11px;
  font-weight: normal; }

#price-period-change, .search-area-note {
  font-size: 11px;
  font-weight: normal; }

#price-period-change a {
  text-decoration: none; }

#price-period-change a:hover {
  text-decoration: underline; }

/* Search by Area */
#menu-tenants-search-type {
  width: 190px; }

#menu-tenants-search-type a {
  display: inline; }

#search-area {
  height: 690px; }

#search-area #tenants-search-form {
  margin: -20px 0 0 -20px;
  width: 960px;
  height: 110px;
  background-color: #50c9de;
  text-align: left;
  padding: 25px 0 0 20px;
  font-size: 16px; }

#search-area #tenants-search-price {
  margin-left: 23px; }

#search-area #tenants-search-bedrooms, #search-area #tenant-search-submit {
  float: left; }

#tenants-search-areas {
  width: 960px;
  height: 110px; }

#search-area-title, #search-area-list {
  float: left; }

#search-area-title {
  margin-top: 33px;
  width: 220px; }

#search-area-names {
  font-family: 'PT Sans','Arial';
  padding: 4px;
  border: 1px solid #ced4d5;
  background-color: #f7fbfc;
  width: 500px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 5px;
  margin-top: 25px; }

.search-area-name, .search-area-separator {
  float: left; }

.search-area-name a {
  text-decoration: none; }

.search-area-name a:hover {
  text-decoration: underline; }

#search-area #map-instructions {
  top: 531px;
  margin-left: 315px; }

#search-area #map-navigation {
  top: 910px;
  margin-left: 830px; }

#search-area #tenant-search-submit {
  margin: -10px 0 0 330px; }

/* Search Results */
#property-search-map {
  position: absolute;
  z-index: 99;
  width: 938px;
  height: 720px; }

#content-tenants-results #property-search-map {
  width: 980px;
  margin-left: -20px; }

.property-search-navigation {
  position: absolute;
  z-index: 9999; }

#property-search-navigation-up {
  margin-left: 60px;
  width: 46px;
  height: 31px;
  padding-top: 7px;
  text-align: center;
  background-color: #50c9de;
  border-radius: 0 0 4px 4px; }

#property-search-navigation-down {
  width: 46px;
  height: 28px;
  padding-top: 10px;
  text-align: center;
  background-color: #50c9de;
  border-radius: 4px 4px 0 0;
  margin-top: 682px;
  margin-left: 60px; }

#property-search-navigation #map-zoom-google {
  visibility: visible;
  margin: 10px 0 0 618px; }

#content-tenants-results #property-search-navigation #map-zoom-google {
  margin: 20px 0 0 894px; }

#property-search-navigation #map-navigation-reset {
  visibility: visible;
  top: 594px;
  margin-left: 618px;
  height: 46px;
  width: 46px;
  display: block; }

#content-tenants-results #property-search-navigation #map-navigation-reset {
  top: 665px;
  margin-left: 894px; }

#property-search-navigation #map-navigation-google {
  top: 594px;
  margin-left: 618px;
  height: 46px;
  width: 46px; }

#content-tenants-results #property-search-navigation #map-navigation-google {
  top: 665px;
  margin-left: 894px; }

#property-search-list {
  position: absolute;
  z-index: 999;
  width: 163px;
  height: 720px;
  border-right: 1px solid #606060;
  background-color: rgba(242, 242, 242, 0.85); }

#content-tenants-results #property-search-list {
  margin-left: -20px; }

#property-search-list-empty {
  position: absolute;
  width: 133px;
  font-size: 17px;
  z-index: 9999;
  text-align: center;
  margin-top: 30px;
  line-height: 22px;
  color: #828282;
  display: none; }

#property-search-list-empty a {
  text-decoration: none; }

#property-search-list div.scroll-bar {
  z-index: 9999; }

.property-search-list-item {
  height: 160px;
  width: 143px;
  padding: 10px;
  overflow: hidden; }

#property-search-list .property-thumbnail {
  margin-left: -105px; }

.property-search-list-thumbnail, .property-search-list-details {
  float: left; }

.property-search-list-thumbnail {
  width: 92px; }

.property-search-list-image {
  background-color: white;
  padding: 3px;
  border: 1px solid black;
  width: 83px;
  height: 66px; }

.property-search-list-details {
  margin-left: 5px;
  width: 160px; }

.property-search-list-rental {
  float: left;
  width: 140px;
  margin-bottom: 5px; }

.property-search-list-index {
  float: left;
  background-color: white;
  font-size: 13px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  border: 1px solid #858f7f; }

.property-search-list-travel,
.property-search-list-score,
.property-search-list-rent,
.property-search-list-index {
  display: none; }

.property-search-list-bedrooms {
  width: 130px;
  margin-bottom: 5px; }

.property-search-list-address,
.property-search-list-pcd {
  font-size: 12px;
  height: 18px;
  width: 150px;
  overflow: hidden; }

.property-search-list-address:first-line {
  font-size: 14px;
  font-weight: bold; }

#property-search-compare {
  position: absolute;
  z-index: 99;
  height: 100px;
  width: 776px;
  margin-top: 620px;
  margin-left: 164px;
  background-color: rgba(142, 146, 137, 0.95); }

#content-tenants-results #property-search-compare {
  margin-left: 144px;
  width: 816px; }

.ui-draggable-helper {
  width: 88px;
  height: auto; }

#property-search-compare-text {
  position: absolute;
  margin: 30px 0 0 20px;
  width: 300px;
  color: white;
  font-size: 17px; }

#property-search-compare-button {
  float: right;
  margin: 32px 25px 0 0;
  line-height: 30px; }

#content-tenants-dashboard #property-search-compare-button .button-square {
  width: 98px; }

#content-tenants-dashboard #compare-click-to-view {
  margin-left: 18px; }

#compare-minimum-message, #compare-maximum-message {
  position: absolute;
  top: 751px;
  z-index: 9999999;
  width: 400px;
  line-height: 34px;
  padding: 35px 35px 45px 35px;
  margin: -170px 0 0 105px;
  font-size: 22px;
  height: 130px;
  color: white;
  font-style: normal;
  text-align: center;
  background-color: #50c9de;
  border: 0px solid black;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  visibility: hidden; }

#content-tenants-results #compare-minimum-message, #content-tenants-results #compare-maximum-message {
  margin-left: 235px; }

#property-search-filters-group {
  position: absolute;
  z-index: 999;
  margin-left: 164px;
  width: 520px; }

#property-search-filters {
  float: left;
  height: 62px;
  width: 300px;
  background-color: #f2f2f2;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f; }

#property-search-filters-link {
  float: left;
  display: block;
  background-color: #50c9de;
  writing-mode: tb-rl;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  margin-top: 20px;
  margin-left: -22px;
  width: 50px;
  height: 22px;
  line-height: 22px;
  padding-left: 12px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -khtml-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  -moz-box-shadow: 3px -3px 3px #4f4f4f;
  -webkit-box-shadow: 3px -3px 3px #4f4f4f;
  box-shadow: 3px -3px 3px #4f4f4f; }

#property-search-filters-link a {
  color: white;
  text-decoration: none;
  font-size: 14px; }

/* Simple Search Results */
#filter_by_area_text {
  /*background-image: url('/images/layout/form-select-background.png');
  background-repeat: no-repeat;
  background-position: right center;*/ }

.ui-autocomplete {
  position: absolute;
  cursor: default;
  z-index: 4000 !important;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden; }

.ui-autocomplete a {
  font-size: 13px; }

.map-pin-region {
  margin-left: -50px;
  margin-top: -20px; }

.map-pin-price {
  margin-left: -40px;
  margin-top: -40px; }

.map-pin-total {
  height: 40px;
  width: 40px;
  font-family: 'Rokkitt';
  font-size: 20px;
  color: white;
  line-height: 43px;
  text-align: center;
  background-color: #50c9de;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f;
  margin: 0 auto; }

.map-pin-text {
  margin-top: 5px;
  padding: 5px 15px;
  border: 1px solid #606060;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  font-family: 'Rokkitt';
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  white-space: nowrap; }

.map-pin-area, .map-pin-price {
  display: none; }

#content-tenants-dashboard .map-pin-price {
  display: block; }

.search-item-selected {
  background-color: #50c9de;
  background-color: rgba(80, 201, 222, 0.7);
  color: white; }

.map-pin-selected .map-pin-total {
  background-color: #3d8794; }

.map-pin-selected .map-pin-text {
  background-color: #606060;
  color: white; }

.map-pin-result {
  width: 85px;
  height: 40px; }

.map-pin-result-content {
  width: 80px;
  height: 30px;
  background-color: #888888;
  text-align: center;
  color: white;
  font-family: 'PT Sans';
  font-size: 16px;
  line-height: 30px;
  border: 2px solid white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f; }

.map-pin-result-content div.scroll-bar.vertical {
  right: 13px; }

.map-pin-selected .map-pin-result-content {
  background-color: #50c9de;
  color: white; }

.map-pin-result-under {
  margin: -2px auto;
  width: 0;
  height: 1px;
  border: 16px solid transparent;
  border-top: 16px solid white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f; }

.map-pin-result-pointer {
  margin: -2px auto;
  width: 24px;
  height: 18px;
  overflow: hidden; }

.map-pin-result-pointer div {
  margin: -9px auto;
  width: 14px;
  height: 14px;
  background-color: #888888;
  border: 2px solid white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.map-pin-selected .map-pin-result-pointer div {
  background-color: #50c9de; }

.map-pin-group-total {
  font-size: 11px; }

.map-price-label {
  position: absolute;
  width: 310px;
  display: none;
  margin: -250px 0 0 -153px; }

.map-price-label-wide {
  width: 316px !important;
  margin-left: -160px; }

.map-price-label-wide .scroll-bar {
  right: 10px;
  z-index: 99; }

.map-label-close {
  position: absolute;
  margin-top: -10px;
  right: -8px;
  z-index: 9; }

.map-price-label-content {
  width: 310px;
  width: 100%;
  height: 185px;
  padding-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f; }

.map-price-label-loading {
  margin: 60px 0 0 120px; }

.map-price-label-container {
  width: 323px;
  background-color: white; }

.map-price-label-summary,
.map-price-label-description {
  float: left;
  width: 153px;
  margin: 10px;
  height: 150px;
  background-color: white; }

.map-price-label-imagery {
  width: 153px;
  height: 103px;
  overflow: hidden; }

.map-price-label-summary .property-search-list-address {
  font-family: 'PT Sans';
  color: #50c9de;
  margin-top: 5px; }

.map-price-label-summary .property-search-list-pcd {
  font-family: 'PT Sans'; }

.map-price-label-description {
  width: 127px;
  margin-left: 0px; }

.map-price-label-container:first-of-type .map-price-label-summary,
.map-price-label-container:first-of-type .map-price-label-description {
  margin-top: 0px; }

.map-price-label-container .user-choose-dashboard-button {
  width: 113px; }

.map-price-label-button {
  width: 127px;
  height: 18px;
  line-height: 16px;
  margin: 5px 0;
  margin-top: 9px; }

.map-label-pointer {
  margin: 0 auto;
  width: 24px;
  height: 18px;
  overflow: hidden; }

.map-label-pointer div {
  margin: -9px auto;
  width: 14px;
  height: 14px;
  background-color: #606060;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

ul.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 0 !important;
  border: 1px solid #ced4d5 !important;
  padding: 0 !important; }

ul.ui-autocomplete a.ui-state-hover {
  background: none !important;
  background-color: #1e90ff !important;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  color: white; }

/* Compare Bar */
.compare-close {
  position: absolute;
  z-index: 9999;
  margin-top: 5px;
  visibility: hidden; }

#compare-close-1 {
  margin-left: 108px; }

#compare-close-2 {
  margin-left: 227px; }

#compare-close-3 {
  margin-left: 347px; }

#compare-close-4 {
  margin-left: 465px; }

#compare-close-5 {
  margin-left: 587px; }

/* Compare List */
#property-compare-list {
  position: absolute;
  z-index: 99999;
  width: 938px;
  height: 600px;
  margin: 0;
  overflow: hidden; }

#content-tenants-results #property-compare-list {
  height: 720px;
  margin-left: -20px;
  width: 980px; }

.compare-data-close {
  position: absolute;
  z-index: 99999999;
  margin-top: 12px;
  visibility: hidden;
  margin-left: 125px; }

#compare-row-close {
  height: 48px;
  width: 100%;
  background-color: #828282;
  background: rgba(130, 130, 130, 0.9); }

.compare-cell {
  float: left;
  height: 31px;
  width: 153px;
  color: white;
  font-family: 'PT Sans','Arial';
  font-size: 13px;
  line-height: 31px;
  text-align: center; }

#compare-row-empty .compare-cell {
  height: 0px;
  background-color: #828282 !important;
  background: rgba(130, 130, 130, 0.9) !important;
  border-bottom: 2px solid #828282;
  border-bottom: 2px solid rgba(130, 130, 130, 0.7); }

#content-tenants-results #compare-row-empty .compare-cell {
  height: 96px; }

.compare-title {
  width: 175px;
  background-color: #f5f5f5;
  background: rgba(245, 245, 245, 0.9);
  border-bottom: 2px solid #828282;
  border-bottom: 2px solid rgba(130, 130, 130, 0.7);
  text-transform: uppercase;
  color: #646464;
  font-family: 'Rokkitt'; }

.compare-data-odd {
  background-color: #50c9de;
  background: rgba(80, 201, 222, 0.9);
  border-bottom: 2px solid #f5f5f5;
  border-bottom: 2px solid rgba(245, 245, 245, 0.7); }

.compare-data-even {
  background-color: #50c9de;
  background: rgba(80, 201, 222, 0.9);
  border-bottom: 2px solid #f5f5f5;
  border-bottom: 2px solid rgba(245, 245, 245, 0.7); }

.compare-data-thumbnail {
  height: 160px;
  background-color: #f5f5f5;
  background: rgba(245, 245, 245, 0.9); }

.compare-data-highlighted {
  background-color: #2ec0d9;
  background: rgba(46, 192, 217, 0.9); }

.compare-data-thumbnail-highlighted {
  background-color: #c3c3c3;
  background: rgba(195, 195, 195, 0.9); }

#compare-data-corner {
  width: 159px;
  height: 160px;
  text-align: right;
  background-color: #828282;
  background: rgba(130, 130, 130, 0.9); }

#content-tenants-results .compare-title,
#content-tenants-results #compare-data-corner {
  width: 215px; }

#content-tenants-results .compare-data-close {
  margin-left: 124px; }

#property-compare-close-button {
  margin: 50px auto 30px auto; }

#compare-click-to-view {
  text-align: left;
  width: 150px;
  line-height: 16px;
  margin-left: 70px; }

/* Where to live */
#tenants-where-to-live {
  height: 1400px; }

#tenants-where-to-live #where-to-live-scores {
  height: 900px; }

#content-users-edit {
  min-height: 750px; }

/* List */
.user-list-profile-image {
  height: 24px;
  width: auto;
  margin-top: 2px; }

/* Register */
#sign-in-to-rentonomy {
  font-weight: bold;
  margin-top: -4px; }

#user-register-form {
  margin-top: 16px; }

#register-single-sign-on {
  width: 924px;
  text-align: center;
  margin: 10px 0; }

#register-single-sign-on img {
  margin: 0 24px; }

.separator-or-register {
  width: 438px;
  float: left; }

#separator-or-register {
  width: 50px;
  float: left;
  text-align: center;
  color: #be1522;
  font-weight: bold; }

#user_role_id, #user_gender {
  margin-top: 2px;
  margin-left: 1px;
  width: 233px; }

.field-horizontal-image {
  height: 100px; }

#user-register-upload-text {
  width: 356px; }

#user-photo {
  width: 90px;
  height: 100px;
  border: 4px solid #919191;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px; }

#register-opt-out, #register-opt-in, #register-remain-registered {
  margin: 6px 0 -14px 30px;
  width: 800px;
  color: #b2b2b2; }

#user_email_reset_error {
  margin: 7px 0 0 0px !important; }

#popup-secondary-form .form_error_container {
  margin: -24px 0 0 180px !important; }

#confirm-login-form .form_error_container {
  margin: -24px 0 0 225px !important; }

html[data-useragent*='MSIE 10.0'] #confirm-login-form .form_error_container {
  margin: 4px 0 0 -1px !important; }

#popup-form .form-heading-horizontal,
#user-login .form-heading-horizontal {
  margin: 0 8px 0 0;
  font-size: 15px;
  width: 80px;
  text-align: right; }

#popup-form #user-register-form .field-horizontal,
#user-login #user-register-form .field-horizontal {
  width: 181px;
  margin-right: 15px;
  color: #7d7d7d; }

#popup-form .field-horizontal input[type=text],
#popup-form .field-horizontal input[type=password],
#user-login .field-horizontal input[type=text],
#user-login .field-horizontal input[type=password] {
  width: 174px; }

#popup-form #user_role_id,
#popup-form #user_gender,
#user-login #user_role_id,
#user-login #user_gender {
  width: 183px; }

#popup-form #user_date_of_birth_1i,
#popup-form #user_date_of_birth_2i,
#popup-form #user_date_of_birth_3i,
#user-login #user_date_of_birth_1i,
#user-login #user_date_of_birth_2i,
#user-login #user_date_of_birth_3i {
  width: 57px; }

#popup-form #user_date_of_birth_2i,
#user-login #user_date_of_birth_2i {
  width: 59px; }

#popup-form #register-opt-in,
#user-login #register-opt-in {
  margin-left: 5px;
  width: 400px; }

#user_email_confirmation_error,
#user_password_confirmation_error {
  width: 300px; }

/* Forgot Password */
#user-login-forgot-password {
  margin: -31px;
  padding: 31px;
  background-color: white;
  margin-left: -130px;
  border: 1px solid #DCDBDB;
  width: 522px; }

#forgot-submit-button {
  width: 120px; }

#password-reset-close {
  width: 100px; }

#change-password-submit-button {
  margin-top: 20px;
  margin-left: 10px; }

/*  --------------------------------------------------
  404 PAGE
---------------------------------------------------- */
.fof {
  width: 100%;
  background: #54C6DB; }
  .fof .fof--inner {
    max-width: 62.5em;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0 100px;
    margin: 0 auto;
    text-align: center;
    color: white; }
    .fof .fof--inner::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 40.0625em) and (max-width: 48em) {
      .fof .fof--inner {
        padding: 70px 0 220px; } }
    @media screen and (min-width: 48.0625em) {
      .fof .fof--inner {
        padding: 70px 0 320px; } }
    .fof .fof--inner .fof--text {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 100%;
      padding: 60px 20px 0 20px; }
      .fof .fof--inner .fof--text:last-child {
        margin-right: 0; }
      @media screen and (min-width: 40.0625em) and (max-width: 48em) {
        .fof .fof--inner .fof--text {
          padding: 150px 20px 0 20px;
          float: left;
          display: block;
          margin-right: 1.16509%;
          width: 74.70873%;
          margin-left: 12.64564%; }
          .fof .fof--inner .fof--text:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 48.0625em) {
        .fof .fof--inner .fof--text {
          padding: 150px 20px 0 20px;
          float: left;
          display: block;
          margin-right: 1.16509%;
          width: 66.2783%;
          margin-left: 16.86085%; }
          .fof .fof--inner .fof--text:last-child {
            margin-right: 0; } }
      .fof .fof--inner .fof--text h1 {
        color: white;
        font-size: 70px;
        margin-bottom: 70px;
        font-family: "rokkitt", Arial, sans-serif; }
        @media screen and (min-width: 48.0625em) {
          .fof .fof--inner .fof--text h1 {
            font-size: 90px; } }
        @media screen and (min-width: 48.0625em) {
          .fof .fof--inner .fof--text h1 {
            font-size: 100px; } }
      .fof .fof--inner .fof--text p {
        font-size: 20px;
        margin: 0 0 10px;
        color: #eef9fb;
        font-weight: 100; }
        .fof .fof--inner .fof--text p a {
          color: #eef9fb;
          border-bottom: #b2e5ef solid 1px;
          text-decoration: none; }
          .fof .fof--inner .fof--text p a:hover {
            border-bottom: white solid 1px; }

/*  --------------------------------------------------
  FOOTER BLOCK - needs a tidy
---------------------------------------------------- */
.footer-wrapper {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  background: white; }
  .footer-wrapper .footer {
    padding: 40px 0 20px 0; }
    .footer-wrapper .footer .footer--column {
      float: left;
      margin-right: 100px; }
      .footer-wrapper .footer .footer--column h4 {
        margin-bottom: 26.66667px;
        font-size: 18px;
        color: #444444;
        font-family: "MyriadPro", Helvetica, Arial, sans-serif;
        font-weight: bold; }
      .footer-wrapper .footer .footer--column ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .footer-wrapper .footer .footer--column ul li a {
          font-size: 15px;
          padding-bottom: 19px;
          line-height: 21px;
          text-decoration: none;
          display: block;
          color: #606060; }
          .footer-wrapper .footer .footer--column ul li a:hover {
            color: #434343; }
    .footer-wrapper .footer .footer--column:last-child {
      margin-right: 0px; }
    .footer-wrapper .footer .footer--social {
      padding: 40px 0;
      margin: 40px 0;
      border-top: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1;
      display: block; }
      .footer-wrapper .footer .footer--social ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 210px;
        margin: 0 auto; }
        .footer-wrapper .footer .footer--social ul li {
          float: left;
          margin-right: 20px; }
          .footer-wrapper .footer .footer--social ul li a {
            display: block;
            height: 32px;
            width: 32px;
            background: url("/images/layout/social-icons.png") no-repeat;
            -webkit-transition: opacity 0.2s;
            /* For Safari 3.1 to 6.0 */
            transition: opacity 0.2s; }
            .footer-wrapper .footer .footer--social ul li a:hover {
              opacity: 0.9; }
          .footer-wrapper .footer .footer--social ul li a.facebook {
            background-position: -51px 0; }
          .footer-wrapper .footer .footer--social ul li a.linkedin {
            background-position: -103px 0; }
          .footer-wrapper .footer .footer--social ul li a.instagram {
            background-position: -154px 0; }
        .footer-wrapper .footer .footer--social ul li:last-child {
          margin-right: 0px; }
    .footer-wrapper .footer .footer--copyright {
      text-align: center;
      font-size: 13px;
      color: #606060;
      padding: 13.33333px 0; }
      .footer-wrapper .footer .footer--copyright a {
        text-decoration: none;
        color: #606060; }
    .footer-wrapper .footer .footer--ombudsman {
      padding: 13.33333px 0;
      display: block;
      width: 320px;
      margin: 0 auto; }
      .footer-wrapper .footer .footer--ombudsman img {
        float: left;
        margin-right: 10px; }
      .footer-wrapper .footer .footer--ombudsman p {
        font-size: 14px;
        color: #606060;
        margin: 3px 0 0 0;
        line-height: 19px; }

#footer-blog {
  border-top: none; }
  @media screen and (min-width: 40.0625em) and (max-width: 48em) {
    #footer-blog {
      border-top: 1px solid #e1e1e1; } }
  @media screen and (min-width: 48.0625em) {
    #footer-blog {
      border-top: 1px solid #e1e1e1; } }
  #footer-blog .footer--links {
    display: none; }
    @media screen and (min-width: 40.0625em) and (max-width: 48em) {
      #footer-blog .footer--links {
        display: block;
        display: block; }
        #footer-blog .footer--links::after {
          clear: both;
          content: "";
          display: table; } }
    @media screen and (min-width: 48.0625em) {
      #footer-blog .footer--links {
        display: block;
        display: block; }
        #footer-blog .footer--links::after {
          clear: both;
          content: "";
          display: table; } }
  #footer-blog .footer--column {
    margin-right: 0;
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 100%;
    padding: 0 20px; }
    #footer-blog .footer--column:last-child {
      margin-right: 0; }
    @media screen and (min-width: 40.0625em) and (max-width: 48em) {
      #footer-blog .footer--column {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 49.41745%; }
        #footer-blog .footer--column:last-child {
          margin-right: 0; }
        #footer-blog .footer--column:nth-child(2) {
          margin-right: 0; } }
    @media screen and (min-width: 48.0625em) {
      #footer-blog .footer--column {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 24.12618%; }
        #footer-blog .footer--column:last-child {
          margin-right: 0; } }
  #footer-blog .footer--social {
    display: block;
    border-top: none;
    padding: 20px 0 40px 0;
    margin: 0 0 40px 0; }
    #footer-blog .footer--social::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 40.0625em) and (max-width: 48em) {
      #footer-blog .footer--social {
        border-top: 1px solid #e1e1e1;
        padding: 40px 0px;
        margin: 40px 0px; } }
    @media screen and (min-width: 48.0625em) {
      #footer-blog .footer--social {
        border-top: 1px solid #e1e1e1;
        padding: 40px 0px;
        margin: 40px 0px; } }
  #footer-blog .footer--ombudsman {
    width: auto; }
    @media screen and (min-width: 40.0625em) and (max-width: 48em) {
      #footer-blog .footer--ombudsman {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 49.41745%;
        margin-left: 25.29127%; }
        #footer-blog .footer--ombudsman:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 48.0625em) {
      #footer-blog .footer--ombudsman {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 49.41745%;
        margin-left: 25.29127%; }
        #footer-blog .footer--ombudsman:last-child {
          margin-right: 0; } }
    #footer-blog .footer--ombudsman .footer--ombudsman-logo {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 100%;
      text-align: center; }
      #footer-blog .footer--ombudsman .footer--ombudsman-logo:last-child {
        margin-right: 0; }
      @media screen and (min-width: 40.0625em) and (max-width: 48em) {
        #footer-blog .footer--ombudsman .footer--ombudsman-logo {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%;
          text-align: right; }
          #footer-blog .footer--ombudsman .footer--ombudsman-logo:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 48.0625em) {
        #footer-blog .footer--ombudsman .footer--ombudsman-logo {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%;
          text-align: right; }
          #footer-blog .footer--ombudsman .footer--ombudsman-logo:last-child {
            margin-right: 0; } }
      #footer-blog .footer--ombudsman .footer--ombudsman-logo img {
        float: none; }
    #footer-blog .footer--ombudsman .footer--ombudsman-text {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 100%;
      text-align: center; }
      #footer-blog .footer--ombudsman .footer--ombudsman-text:last-child {
        margin-right: 0; }
      @media screen and (min-width: 40.0625em) and (max-width: 48em) {
        #footer-blog .footer--ombudsman .footer--ombudsman-text {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%;
          text-align: left; }
          #footer-blog .footer--ombudsman .footer--ombudsman-text:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 48.0625em) {
        #footer-blog .footer--ombudsman .footer--ombudsman-text {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%;
          text-align: left; }
          #footer-blog .footer--ombudsman .footer--ombudsman-text:last-child {
            margin-right: 0; } }
  #footer-blog .footer--copyright {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 100%;
    padding: 0 20px; }
    #footer-blog .footer--copyright:last-child {
      margin-right: 0; }

/*footer accordion*/
.footer--accordion {
  margin: 0;
  padding: 0;
  background-color: #f6f6f6;
  border: 1px solid gainsboro;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 40.0625em) and (max-width: 48em) {
    .footer--accordion {
      display: none; } }
  @media screen and (min-width: 48.0625em) {
    .footer--accordion {
      display: none; } }
  .footer--accordion ul {
    margin: 0;
    padding: 0; }
  .footer--accordion li {
    list-style: none; }
  .footer--accordion p {
    color: #333;
    line-height: 1.5em; }
  .footer--accordion a {
    text-decoration: none; }
  .footer--accordion h4 {
    font-size: 18px;
    color: #444444;
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    font-weight: bold; }
  .footer--accordion li {
    border-bottom: 1px solid gainsboro; }
    .footer--accordion li > a {
      color: #333;
      display: block;
      padding: 0.75em 25px; }
    .footer--accordion li:last-child {
      border: none; }
    .footer--accordion li:focus, .footer--accordion li:hover {
      background-color: #fbfbfb; }
  .footer--accordion ul.submenu {
    display: none; }
    .footer--accordion ul.submenu li {
      background-color: #e9e9e9; }
      .footer--accordion ul.submenu li:first-child {
        border-top: 1px solid gainsboro;
        box-shadow: inset 0 1px 1px #d9d9d9; }
      .footer--accordion ul.submenu li:focus, .footer--accordion ul.submenu li:hover {
        background-color: #eeeeee; }
  .footer--accordion .is-expanded {
    display: block;
    padding-bottom: 0; }

/*  --------------------------------------------------
  HEADER BLOCK
---------------------------------------------------- */
header .header--links {
  width: 700px;
  display: inline-block;
  float: right; }
  header .header--links ul {
    list-style: none;
    margin: 0;
    padding: 15px 0 0 0;
    text-align: right; }
    header .header--links ul li {
      display: inline-block; }
      header .header--links ul li a {
        display: block;
        padding: 6px 18px;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        color: white; }

.sub-page {
  background: #65ccdf; }
  .sub-page .header--logo {
    width: 231px;
    display: inline-block;
    position: absolute;
    top: 21px; }
    .sub-page .header--logo img {
      width: 210px; }
  .sub-page .header--links ul {
    padding: 15px 0 20px 0; }
    .sub-page .header--links ul li {
      margin-right: 10px; }
      .sub-page .header--links ul li:last-child {
        margin-right: 0px; }
      .sub-page .header--links ul li a {
        padding: 5px 15px;
        color: white; }

.sub-page--band {
  background: #54C6DB;
  height: 35px; }

.sub-page--title-band {
  background: #54C6DB;
  padding: 54px 0;
  margin-bottom: 40px; }

.sub-page--title-band-sml {
  background: #54C6DB;
  padding: 30px 0;
  margin-bottom: 40px; }

#header-blog {
  display: none; }
  @media screen and (min-width: 40.0625em) and (max-width: 48em) {
    #header-blog {
      display: block; } }
  @media screen and (min-width: 48.0625em) {
    #header-blog {
      display: block; } }
  #header-blog header .header--logo {
    width: auto; }
    @media screen and (min-width: 40.0625em) and (max-width: 48em) {
      #header-blog header .header--logo {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 15.69576%;
        padding: 0 10px; }
        #header-blog header .header--logo:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 48.0625em) {
      #header-blog header .header--logo {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 24.12618%;
        padding: 0 20px; }
        #header-blog header .header--logo:last-child {
          margin-right: 0; } }
    #header-blog header .header--logo img {
      width: auto; }
  #header-blog header .header--links {
    width: auto;
    float: right !important; }
    @media screen and (min-width: 40.0625em) and (max-width: 48em) {
      #header-blog header .header--links {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 83.13915%;
        padding: 0 10px; }
        #header-blog header .header--links:last-child {
          margin-right: 0; }
        #header-blog header .header--links ul li a {
          padding: 5px 10px; } }
    @media screen and (min-width: 48.0625em) {
      #header-blog header .header--links {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 74.70873%;
        padding: 0 20px; }
        #header-blog header .header--links:last-child {
          margin-right: 0; } }

.bm--wrapper, .bm--spacer {
  display: none; }
  @media screen and (min-width: 40.0625em) and (max-width: 48em) {
    .bm--wrapper, .bm--spacer {
      display: block; } }
  @media screen and (min-width: 48.0625em) {
    .bm--wrapper, .bm--spacer {
      display: block; } }

/*MOBILE HEADER*/
.mobile-header {
  background: #54C6DB;
  padding: 5px 0px 0px 0px; }
  @media screen and (min-width: 40.0625em) and (max-width: 48em) {
    .mobile-header {
      display: none; } }
  @media screen and (min-width: 48.0625em) {
    .mobile-header {
      display: none; } }
  .mobile-header .mobile-header--btn {
    margin-right: 10px;
    float: right; }
  .mobile-header .mobile-header--logo {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 66.2783%;
    padding: 6px 0 0 10px; }
    .mobile-header .mobile-header--logo:last-child {
      margin-right: 0; }
    .mobile-header .mobile-header--logo img {
      width: 90px; }

/*  --------------------------------------------------
  HOMEPAGE
---------------------------------------------------- */
.hp--feature {
  height: 470px;
  background: #29aac2;
  background: rgba(38, 158, 180, 0.8); }
  .hp--feature header {
    width: auto;
    padding-right: 40px; }
  .hp--feature .hp--feature--logo {
    height: 95px;
    width: 241px;
    text-align: center;
    margin: 10px auto 0 auto;
    text-indent: -99999px;
    background: url(/images/logos/rentonomy-white-no-shadow.svg) no-repeat;
    background-size: 241px auto; }
  .hp--feature .hp--feature--content {
    padding-top: 40px; }
    .hp--feature .hp--feature--content h2 {
      text-align: center;
      font-family: "rokkitt", Arial, sans-serif;
      color: white;
      font-size: 74px;
      line-height: 74px;
      margin: 0;
      text-shadow: 1px 4px 2px rgba(0, 0, 0, 0.1); }
    .hp--feature .hp--feature--content .hp--feature--search {
      text-align: center;
      margin: 35px auto 0 auto;
      vertical-align: top; }
      .hp--feature .hp--feature--content .hp--feature--search input {
        width: 375px;
        height: 55px;
        padding-left: 20px;
        /*Top left */
        -moz-border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        /*Top right */
        -moz-border-top-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        /*Bottom left */
        -moz-border-bottom-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        /*Bottom right */
        -moz-border-bottom-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        display: inline-block;
        color: #777;
        vertical-align: top;
        line-height: normal !important;
        vertical-align: bottom; }
      .hp--feature .hp--feature--content .hp--feature--search a {
        color: white;
        text-decoration: none;
        display: inline-block;
        background-color: #C63E65;
        text-align: center;
        padding: 17px 35px;
        font-size: 19px;
        font-weight: 100;
        margin-left: -5px;
        /*Butting up as postfix*/
        margin-top: 2px;
        line-height: normal !important;
        vertical-align: top;
        /*Top left */
        -moz-border-top-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        /*Top right */
        -moz-border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        /*Bottom left */
        -moz-border-bottom-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        /*Bottom right */
        -moz-border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px; }
        .hp--feature .hp--feature--content .hp--feature--search a:hover {
          background: #bf385f; }
    .hp--feature .hp--feature--content p {
      color: white;
      font-size: 15px;
      text-align: center;
      margin-top: 20px; }
      .hp--feature .hp--feature--content p a {
        color: white; }

/*SVG fallback*/
.no-svg .hp--feature .hp--feature--logo {
  background: url(/images/logos/rentonomy-white-no-shadow.png) no-repeat; }

/*Image slider in the background*/
.hp--feature--bkg {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%; }
  .hp--feature--bkg .hp--feature--image {
    width: 100%;
    height: 565px; }
    .hp--feature--bkg .hp--feature--image div {
      position: absolute;
      left: 0;
      top: 0;
      height: 565px;
      width: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }

/*Featured properties row*/
.hp--featured--wrapper {
  /*May be required*/ }

.hp--featured {
  padding: 45px 0 15px; }
  .hp--featured .hp--featured--title {
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    text-align: center;
    display: block;
    color: #444444;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 25px; }

.hp--featured--slider {
  margin-left: 27px; }
  .hp--featured--slider .slick-prev, .hp--featured--slider .slick-next {
    background: #54C6DB;
    top: 70px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
  .hp--featured--slider .slick-next {
    right: 16px; }
  .hp--featured--slider .slider--thumbnail {
    width: 200px;
    height: 144px; }
  .hp--featured--slider .slider--details {
    margin-top: 15px;
    font-size: 14px;
    line-height: 23px; }
    .hp--featured--slider .slider--details li:first-child {
      font-weight: bold;
      padding-right: 10px; }

/*Widget row*/
.hp--widgets {
  background: #eeeeee;
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
  padding: 40px 0; }
  .hp--widgets .hp--widgets--title {
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    text-align: center;
    display: block;
    color: #444444;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 5px; }
  .hp--widgets .hp-widgets--inner {
    padding-top: 60px;
    text-align: center; }
    .hp--widgets .hp-widgets--inner .hp--widgets--widget {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      display: inline-block;
      vertical-align: top;
      background: white;
      margin: 0 25px;
      height: 300px;
      width: 265px;
      padding: 20px;
      text-align: center;
      border: solid 1px #e2e2e2;
      border-bottom: solid 3px #dbdbdb; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget .hp--widgets--link {
        margin-top: 7px;
        display: inline-block;
        padding: 6px 15px; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget .hp--widgets--wsil {
        margin-top: -65px; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget .hp--widgets--hmsip {
        margin-top: -52px; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget .hp--widgets--dl {
        margin-top: -65px; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget .hp--widgets--wsil, .hp--widgets .hp-widgets--inner .hp--widgets--widget .hp--widgets--hmsip, .hp--widgets .hp-widgets--inner .hp--widgets--widget .hp--widgets--dl {
        margin-bottom: 15px; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget h2 {
        font-size: 22px;
        color: #4e4e4e;
        margin-bottom: 20px;
        line-height: 25px;
        margin-top: 20px; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget:nth-child(1) p {
        margin-bottom: 29px; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget:nth-child(2) p {
        margin-bottom: 10px; }
      .hp--widgets .hp-widgets--inner .hp--widgets--widget:nth-child(3) p {
        margin-bottom: 56px; }

/*Video row*/
.hp--video {
  background: #54C6DB; }
  .hp--video h3 {
    position: absolute;
    z-index: 10;
    margin-top: 13px;
    color: white;
    font-size: 20px; }
    .hp--video h3 a {
      color: white; }
    .hp--video h3 img {
      width: 42px;
      height: 42px;
      vertical-align: middle;
      margin: 0px 5px 3px 0;
      opacity: 0.6; }
    .hp--video h3.hp--video--title {
      margin-left: -207px;
      left: 50%; }
  .hp--video .hp--video--wrapper {
    height: 70px;
    overflow: hidden;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease; }
    .hp--video .hp--video--wrapper video#video--renter {
      margin: 70px auto 0;
      display: block; }

/*Why use row*/
.hp--why--wrapper {
  border-bottom: 1px solid #e1e1e1; }

.hp--why {
  padding: 40px 20px; }
  .hp--why .hp--why--left, .hp--why .hp--why--right {
    display: inline-block;
    width: 460px;
    padding-top: 20px;
    vertical-align: top; }
  .hp--why .hp--why--left {
    margin-right: 30px; }
    .hp--why .hp--why--left h3 {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 7px; }
    .hp--why .hp--why--left p {
      margin-bottom: 25px; }

/*Featured in row*/
.hp--published-in {
  padding: 45px 0 0 0;
  margin-bottom: 60px; }
  .hp--published-in .hp--published-in--title {
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    text-align: center;
    display: block;
    color: #444444;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 30px; }
  .hp--published-in .hp--published-in--image {
    height: 75px;
    background: url(/images/homepage/featured-in.png) top center no-repeat;
    background-size: 756px; }

/* New Landlords Landing Page */
.ld--feature {
  width: 100%;
  height: 600px;
  background: url(/images/landlord/landlord--banner-door.png) no-repeat;
  background-position-x: -930px; }
  @media all and (min-width: 1000px) {
    .ld--feature {
      background-position-x: -510px; } }
  @media all and (min-width: 1500px) {
    .ld--feature {
      background-position-x: -410px; } }
  @media all and (min-width: 1700px) {
    .ld--feature {
      background-position-x: -141px; } }
  .ld--feature .ld--feature--inner {
    padding: 80px 0 0 20px; }
    .ld--feature .ld--feature--inner h1 {
      text-align: left;
      font-family: "rokkitt", Arial, sans-serif;
      color: #C63E65;
      font-size: 85px;
      line-height: 80px;
      width: 773px;
      margin: 0;
      /*text-shadow: 0px 0px 10px rgba(0,0,0,0.1);*/ }
    .ld--feature .ld--feature--inner h2 {
      margin: 10px 0 0 0;
      font-family: "MyriadPro", Helvetica, Arial, sans-serif;
      font-weight: 100;
      font-size: 24px;
      color: #444444; }
    .ld--feature .ld--feature--inner .ld--feature--inner--button {
      padding: 13px 28px;
      color: white;
      background: #C63E65;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      text-decoration: none;
      margin-top: 35px;
      display: inline-block;
      font-size: 18px;
      font-weight: bold;
      border: 1px solid #ab3255; }
      .ld--feature .ld--feature--inner .ld--feature--inner--button:hover {
        background: #bf385f; }

/*Overide header link color*/
.sub-page .header--links.ld--dark-links ul li a {
  color: #444444; }

/*Portals row*/
.ld--portal-row {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -100px;
  text-align: center; }
  .ld--portal-row p {
    margin: 0;
    text-align: center;
    padding: 0px 0 8px 0;
    margin-top: -10px;
    font-size: 15px; }
    .ld--portal-row p a {
      text-decoration: none;
      border-bottom: solid 1px #222222; }
      .ld--portal-row p a:hover {
        border-bottom: none; }
  .ld--portal-row .ld--portal-img-link {
    display: block; }
    .ld--portal-row .ld--portal-img-link img {
      height: 55px;
      display: inline-block;
      margin-top: 27px;
      margin-bottom: 8px; }

/*Global*/
h2.subheader {
  font-family: "MyriadPro", Helvetica, Arial, sans-serif;
  color: #222222;
  text-align: center;
  font-weight: 100;
  font-size: 32px;
  margin: 0 0 20px; }

/*Adverts row*/
.ld--adverts--wrapper {
  background: #f9f9f9; }
  .ld--adverts--wrapper .ld--adverts {
    padding: 40px 0; }
    .ld--adverts--wrapper .ld--adverts h2 {
      margin-bottom: 60px; }
  .ld--adverts--wrapper .ld--adverts--package {
    display: inline-block;
    background: white;
    border: solid 1px #DCDBDB;
    padding: 30px;
    min-height: 471px;
    width: 297px;
    margin: 0 20px;
    font-size: 15px;
    vertical-align: top;
    position: relative;
    text-align: center; }
    .ld--adverts--wrapper .ld--adverts--package img {
      display: inline-block;
      width: 70px;
      border: solid 1px #DCDBDB;
      margin-top: -60px;
      background: #F1F0F0;
      -webkit-border-radius: 9999px;
      -moz-border-radius: 9999px;
      border-radius: 9999px;
      -webkit-transition: all 0.2s;
      /* For Safari 3.1 to 6.0 */
      transition: all 0.2s; }
      .ld--adverts--wrapper .ld--adverts--package img:hover {
        background: #54c6db; }
    .ld--adverts--wrapper .ld--adverts--package h5 {
      text-align: center;
      color: #606060;
      font-size: 35px;
      margin: 15px 0 12px;
      font-weight: bold; }
    .ld--adverts--wrapper .ld--adverts--package span {
      display: block;
      text-align: center;
      margin-bottom: 18px; }
    .ld--adverts--wrapper .ld--adverts--package ul li {
      text-align: center;
      padding: 10px 0;
      line-height: 20px;
      border-bottom: #DCDBDB 1px solid; }
    .ld--adverts--wrapper .ld--adverts--package .ld--adverts--package--cta {
      text-align: center;
      margin: 40px 0 0 0; }
      .ld--adverts--wrapper .ld--adverts--package .ld--adverts--package--cta a {
        display: inline-block; }
    .ld--adverts--wrapper .ld--adverts--package .ld--adverts--package--learn {
      text-align: center;
      margin: 15px 0 0 0; }
      .ld--adverts--wrapper .ld--adverts--package .ld--adverts--package--learn a {
        display: inline-block; }

/*Services row*/
.ld--services--wrapper {
  background: #f1f1f1; }

.ld--services {
  padding: 50px 0;
  text-align: center;
  border-top: solid 1px #f1f1f1; }
  .ld--services h2.subheader {
    margin-bottom: 40px; }
  .ld--services .ld--services--button {
    padding: 10px 20px;
    color: white;
    background: #C63E65;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    margin-top: 19px;
    display: inline-block; }
    .ld--services .ld--services--button:hover {
      background: #bf385f; }

/*How it works row*/
.ld--how-it-works {
  padding: 30px 0 80px; }
  .ld--how-it-works .ld--how-it-works--left, .ld--how-it-works .ld--how-it-works--right {
    display: inline-block;
    width: 460px;
    padding-top: 20px;
    vertical-align: top; }
  .ld--how-it-works .ld--how-it-works--left {
    margin-right: 30px; }
    .ld--how-it-works .ld--how-it-works--left h3 {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 7px; }
    .ld--how-it-works .ld--how-it-works--left p {
      margin-bottom: 25px; }

/*  --------------------------------------------------
  SIMPLE SEARCH
---------------------------------------------------- */
.ss--wrapper {
  font-size: 16px;
  line-height: 24px; }
  .ss--wrapper select, .ss--wrapper input {
    height: 36px;
    font-size: 14px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 0 0 0 10px;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0; }

input[type=submit].ss--search-box--button {
  border: 0;
  width: 100%;
  font-family: 'MyriadPro', Helvetica, Arial, sans-serif;
  font-size: 100%;
  height: 46px; }

.ss--header {
  width: 980px;
  padding: 0 0 20px 0; }
  .ss--header .ss--header--count {
    display: inline-block; }
  .ss--header .ss--header--matchmaker {
    display: inline-block;
    float: right;
    text-align: right; }

.ss--left-col {
  display: inline-block;
  width: 280px;
  margin-right: 40px; }
  .ss--left-col .ss--search-box {
    padding: 15px 20px 40px 20px;
    background: #f1f1f1;
    border-bottom: solid 2px #dbdbdb;
    margin-bottom: 40px; }
    .ss--left-col .ss--search-box label {
      display: block;
      margin: 15px 0 5px 0;
      color: #222222;
      font-weight: bold; }
      .ss--left-col .ss--search-box label:first-child {
        margin-top: 0; }
    .ss--left-col .ss--search-box select {
      min-width: 98px;
      font-size: 13px; }
    .ss--left-col .ss--search-box #filter_by_area_text {
      min-width: 229px; }
    .ss--left-col .ss--search-box .ss--search-box--to {
      margin: 0 10px; }
    .ss--left-col .ss--search-box .ss--search-box--button {
      display: block;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      background: #3D8794;
      text-decoration: none;
      color: white;
      padding: 10px 0 12px;
      text-align: center;
      margin-top: 30px; }
      .ss--left-col .ss--search-box .ss--search-box--button:hover {
        background: #3a808d; }

.ss--right-col {
  display: inline-block;
  width: 655px;
  vertical-align: top; }
  .ss--right-col .ss--util-bar {
    background: #f1f1f1; }
    .ss--right-col .ss--util-bar .ss--util-bar--sort {
      display: inline-block;
      padding: 10px; }
    .ss--right-col .ss--util-bar .ss--util-bar--toggle {
      display: inline-block;
      float: right; }
      .ss--right-col .ss--util-bar .ss--util-bar--toggle ul {
        list-style: none;
        margin: 0; }
        .ss--right-col .ss--util-bar .ss--util-bar--toggle ul li {
          display: inline-block;
          vertical-align: middle;
          height: 56px;
          width: 56px;
          line-height: 64px;
          border-left: #DCDBDB solid 1px;
          text-align: center; }
          .ss--right-col .ss--util-bar .ss--util-bar--toggle ul li:hover {
            cursor: pointer; }
            .ss--right-col .ss--util-bar .ss--util-bar--toggle ul li:hover svg .ss--icon {
              fill: #3d8794; }
          .ss--right-col .ss--util-bar .ss--util-bar--toggle ul li svg .ss--icon {
            fill: #c4c4c4; }
          .ss--right-col .ss--util-bar .ss--util-bar--toggle ul li.active {
            background: #c4c4c4;
            border-left: #c4c4c4 solid 1px; }
            .ss--right-col .ss--util-bar .ss--util-bar--toggle ul li.active svg .ss--icon {
              fill: #f1f1f1; }

.ss--score {
  background: #54C6DB;
  color: white;
  display: inline-block;
  padding: 5px 8px;
  font-size: 18px;
  font-weight: bold;
  position: absolute; }

.ss--list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .ss--list ul#tab {
    padding-left: 0;
    list-style: none; }
    .ss--list ul#tab li {
      position: absolute;
      left: -99999px; }
    .ss--list ul#tab li.active {
      position: relative;
      left: 0; }
  .ss--list .ss--list--item {
    padding: 20px 0;
    border-bottom: #DCDBDB solid 1px; }
    .ss--list .ss--list--item:hover {
      cursor: pointer; }
    .ss--list .ss--list--item .ss--score {
      margin-left: 15px; }
    .ss--list .ss--list--item .ss--list--item--image {
      display: inline-block;
      margin: 0 15px; }
    .ss--list .ss--list--item .ss--list--item--desc {
      display: inline-block;
      vertical-align: top; }
      .ss--list .ss--list--item .ss--list--item--desc .ss--list--item--heading {
        font-size: 22px;
        font-weight: bold;
        margin: 10px 0 5px;
        color: #222222; }
      .ss--list .ss--list--item .ss--list--item--desc p {
        font-size: 16px;
        margin: 0;
        color: #444444; }
        .ss--list .ss--list--item .ss--list--item--desc p img {
          width: 25px;
          margin-left: 5px; }
    .ss--list .ss--list--item .ss--list--item--image {
      width: 153px;
      height: 110px; }
    .ss--list .ss--list--item .ss--list--item--price {
      font-size: 28px;
      display: inline-block;
      vertical-align: top;
      width: 120px;
      text-align: center;
      float: right;
      margin-right: 30px;
      color: #222222;
      font-weight: bold;
      padding-top: 20px; }
      .ss--list .ss--list--item .ss--list--item--price span {
        color: #444444;
        font-weight: normal;
        font-size: 14px; }
      .ss--list .ss--list--item .ss--list--item--price .ss--list--item--link {
        display: block;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #54C6DB;
        text-decoration: none;
        color: white;
        font-size: 14px;
        padding: 2px;
        margin-top: 12px;
        font-weight: normal; }
        .ss--list .ss--list--item .ss--list--item--price .ss--list--item--link:hover {
          background: #47c2d8; }
  .ss--list .ss--list--external {
    background: #f1f1f1; }
    .ss--list .ss--list--external .ss--label--external {
      font-size: 12px;
      color: #222222;
      font-weight: normal;
      padding-bottom: 5px; }
    .ss--list .ss--list--external .ss--list--item--price {
      padding-top: 5px; }
  .ss--list .ss--list--no-results {
    padding: 40px 120px;
    text-align: center; }

.ss--pagination {
  text-align: center;
  padding: 40px 0; }
  .ss--pagination ul {
    display: inline-block;
    list-style: none; }
    .ss--pagination ul li {
      float: left;
      margin: 0 5px; }
      .ss--pagination ul li a {
        display: block;
        padding: 0 7px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        text-decoration: none; }
        .ss--pagination ul li a:hover {
          color: #47c2d8; }
      .ss--pagination ul li .active {
        background: #c4c4c4;
        color: white; }
    .ss--pagination ul .current {
      background: #c4c4c4;
      color: white;
      padding: 0 7px;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px; }

/*Grid view overides*/
.ss--grid--view > a {
  text-decoration: none; }
.ss--grid--view .ss--list--item:nth-child(3n+2) {
  margin: 0 15px; }
.ss--grid--view .ss--list--item {
  display: inline-block;
  width: 203px;
  padding: 0 0 15px 0;
  text-align: center;
  border: solid 1px #DCDBDB;
  border-bottom: solid 2px #dbdbdb;
  margin-top: 15px; }
  .ss--grid--view .ss--list--item .ss--score {
    margin-left: 0px; }
  .ss--grid--view .ss--list--item .ss--list--item--image {
    margin: 0;
    width: 203px;
    height: 146px; }
  .ss--grid--view .ss--list--item .ss--list--item--desc {
    margin: 0 15px; }
    .ss--grid--view .ss--list--item .ss--list--item--desc .ss--list--item--heading {
      font-size: 18px;
      height: 42px; }
  .ss--grid--view .ss--list--item .ss--list--item--price {
    float: none;
    margin: 15px 0 0 0;
    width: 203px; }
    .ss--grid--view .ss--list--item .ss--list--item--price .ss--list--item--link {
      margin: 15px 15px 0 15px; }
.ss--grid--view .ss--list--external .ss--list--item--price {
  margin: 0; }

/*Map view*/
#map-canvas {
  width: 655px;
  height: 500px;
  background-color: #CCC;
  position: relative; }

.ss--util-bar--map {
  display: none; }
  .ss--util-bar--map a {
    text-decoration: none; }
    .ss--util-bar--map a:hover {
      border-bottom: 1px solid #989898; }

.ss--util-bar--map.active {
  display: inline-block;
  padding: 16px 10px; }

/*  --------------------------------------------------
  BASIC PAGES
---------------------------------------------------- */
/********************** About page *******************/
.about--wrapper .about--text--bailey {
  text-align: center;
  margin-bottom: 30px; }
  .about--wrapper .about--text--bailey img {
    border-radius: 9999px;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    width: 120px;
    height: 120px;
    display: inline-block;
    border: solid 1px #DCDBDB; }
.about--wrapper .about--signatures {
  margin: 40px auto 60px auto; }

/********************* Team page ********************/
.team--wrapper {
  margin-bottom: 60px; }
  .team--wrapper h1 {
    text-align: center; }
  .team--wrapper .team--text p {
    text-align: center; }
  .team--wrapper .team--member--wrapper .team--member {
    width: 210px;
    text-align: center;
    display: inline-block;
    margin: 40px 20px 0 20px;
    vertical-align: top; }
    .team--wrapper .team--member--wrapper .team--member .team--member--image {
      border-radius: 9999px;
      -moz-border-radius: 9999px;
      -webkit-border-radius: 9999px;
      width: 135px;
      height: 135px;
      background: #ccc;
      /*for dev*/
      display: inline-block;
      border: solid 1px #DCDBDB; }
    .team--wrapper .team--member--wrapper .team--member h2 {
      color: #3D8794;
      font-size: 22px;
      margin: 15px 0 5px 0;
      line-height: 22px; }
    .team--wrapper .team--member--wrapper .team--member p {
      text-align: center;
      margin: 0; }
    .team--wrapper .team--member--wrapper .team--member .team--member--position {
      margin-bottom: 10px; }
    .team--wrapper .team--member--wrapper .team--member .team--member--area {
      margin-top: 10px; }
      .team--wrapper .team--member--wrapper .team--member .team--member--area span {
        color: #3D8794; }
    .team--wrapper .team--member--wrapper .team--member .team--member--social {
      list-style: none;
      margin: 15px 0 0 0;
      padding: 0; }
      .team--wrapper .team--member--wrapper .team--member .team--member--social li {
        display: inline-block; }
        .team--wrapper .team--member--wrapper .team--member .team--member--social li a {
          display: block;
          height: 27px;
          width: 27px;
          margin: 0 3px; }
          .team--wrapper .team--member--wrapper .team--member .team--member--social li a:hover {
            opacity: 0.7; }
        .team--wrapper .team--member--wrapper .team--member .team--member--social li .team--member--social-li {
          background: url("/images/layout/new/team/team-social-icons.png") no-repeat;
          background-position: -27px 0px; }
        .team--wrapper .team--member--wrapper .team--member .team--member--social li .team--member--social-gp {
          background: url("/images/layout/new/team/team-social-icons.png") no-repeat;
          background-position: -54px 0px; }
        .team--wrapper .team--member--wrapper .team--member .team--member--social li .team--member--social-tw {
          background: url("/images/layout/new/team/team-social-icons.png") no-repeat; }

/************************ press page *********************/
.press--wrapper {
  margin-bottom: 60px; }
  .press--wrapper h1.page--heading-one {
    margin-bottom: 20px; }
  .press--wrapper h2 {
    font-size: 30px;
    color: #222222;
    margin: 40px 0 15px;
    font-weight: bold; }
  .press--wrapper .press--logos {
    display: inline-block;
    width: 345px;
    margin-left: 30px; }

/********************* Hiring page *******************/
.hiring--wrapper {
  margin-bottom: 60px; }
  .hiring--wrapper h1.page--heading-one {
    margin-bottom: 20px; }
  .hiring--wrapper h2 {
    font-size: 30px;
    color: #222222;
    margin: 40px 0 15px;
    font-weight: bold; }

/*********************** FAQs ***********************/
.faq--wrapper {
  margin-bottom: 60px; }
  .faq--wrapper h2 {
    font-size: 30px;
    color: #222222;
    margin: 35px 0 15px;
    font-weight: bold;
    line-height: 36px; }

/***************** Contact us page *****************/
#contact-us-form {
  margin-top: 30px; }
  #contact-us-form label, #contact-us-form input[type=text] {
    display: block; }
  #contact-us-form label {
    margin-bottom: 5px;
    margin-top: 15px; }
  #contact-us-form textarea {
    width: 650px;
    height: 200px;
    margin-bottom: 15px; }
  #contact-us-form input#captcha {
    margin-bottom: 0px; }
  #contact-us-form .contact--buttons {
    margin-top: 20px;
    margin-bottom: 60px; }
    #contact-us-form .contact--buttons input {
      margin-right: 15px;
      font-size: 16px; }

/******************** Privacy Policy ****************/
.pp--wrapper {
  margin-bottom: 60px; }

/****************** Terms & Conditions **************/
.tc--wrapper {
  margin-bottom: 60px; }

/*********************** Charity page ***************/
.cy--wrapper {
  margin-bottom: 60px; }

/******************** Sitemap ************************/
.sm--wrapper {
  margin-bottom: 60px; }
  .sm--wrapper ul li {
    margin: 7px 0; }

/******************** Areas page ************************/
.ar--wrapper {
  margin-bottom: 60px; }
  .ar--wrapper p {
    text-align: center; }
  .ar--wrapper ul li {
    margin: 5px 0;
    padding: 8px 0;
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px #DCDBDB; }
    .ar--wrapper ul li .ar--name {
      width: 365px;
      padding-left: 43px; }
    .ar--wrapper ul li span.label {
      font-size: 16px;
      font-weight: normal;
      margin-left: 20px; }
    .ar--wrapper ul li img {
      width: 20px;
      vertical-align: text-top; }

/*  --------------------------------------------------
  LANDLORD SERVICES
---------------------------------------------------- */
.ls-services--center {
  text-align: center; }

h1.ls--main-heading {
  font-family: "MyriadPro", Helvetica, Arial, sans-serif;
  color: #3d8794;
  font-weight: normal;
  font-size: 34px; }

.ls--services--wrapper {
  margin-bottom: 60px; }
  .ls--services--wrapper h2 {
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    color: #222222;
    font-weight: bold;
    font-size: 28px;
    margin: 40px 0 20px; }
  .ls--services--wrapper hr {
    margin: 10px 0;
    border: solid 1px #e1e1e1;
    border-right: 0;
    border-left: 0;
    border-bottom: 0; }

.ls--highlighted-row {
  background: #e2f5f9; }

.ls--service {
  width: 314px;
  padding: 20px;
  float: left;
  margin-bottom: 10px; }

.ls--service:nth-child(2), .ls--service:nth-child(3),
.ls--service:nth-child(5), .ls--service:nth-child(6),
.ls--service:nth-child(8), .ls--service:nth-child(9) {
  margin-left: 25px; }

.ls--service--text {
  width: 160px;
  float: left; }
  .ls--service--text h3 {
    font-weight: normal;
    margin: 0;
    line-height: 22px;
    text-decoration: none; }
    .ls--service--text h3 a {
      font-weight: normal;
      margin: 0;
      line-height: 22px;
      text-decoration: none; }
      .ls--service--text h3 a:hover {
        text-decoration: underline;
        /*A global style may need to replace this one*/ }
  .ls--service--text p {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px 0 0 0; }
    .ls--service--text p span {
      font-size: 14px;
      font-weight: normal;
      color: #a8a8a8; }
    .ls--service--text p p.ls--service--quote {
      font-size: 16px; }
  .ls--service--text a.ls-service--grey-button {
    margin-top: 20px;
    display: inline-block;
    background: #d6d6d6;
    color: #606060;
    padding: 6px 15px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none; }
  .ls--service--text a.ls-service--grey-button:hover {
    background: #606060;
    color: white; }
  .ls--service--text a.ls--service--inventory {
    margin-top: 42px; }

#ls--service--price--16 {
  font-size: 16px;
  overflow: hidden;
  width: 140px;
  height: 20px; }

.ls--service--image {
  float: right;
  background: #F1F0F0;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  -webkit-transition: all 0.2s;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.2s; }
  .ls--service--image:hover {
    background: #54c6db; }

/*Service detail page*/
.ls--service--main-image--wrapper {
  text-align: center; }
  .ls--service--main-image--wrapper .ls--service--main-image {
    background: #F1F0F0;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    -webkit-transition: all 0.2s;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.2s;
    margin-top: -79px; }

h1.ls--service--heading {
  font-family: "MyriadPro", Helvetica, Arial, sans-serif;
  color: #3d8794;
  font-weight: normal;
  font-size: 34px;
  display: inline-block;
  padding-top: 26px;
  vertical-align: top;
  line-height: 23px; }
  h1.ls--service--heading small {
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    color: #606060;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 33px; }
    h1.ls--service--heading small span {
      font-size: 14px;
      font-weight: normal;
      color: #a8a8a8; }
    h1.ls--service--heading small span.ls--services--call {
      font-size: 20px;
      font-weight: bold;
      color: #606060; }

.ls--service--text-wrap {
  margin-bottom: 40px;
  padding-right: 40px; }
  .ls--service--text-wrap h2 {
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    color: #222222;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 10px; }
  .ls--service--text-wrap p {
    margin: 0 0 10px 0; }
  .ls--service--text-wrap a.ls--service--button {
    margin-top: 40px;
    display: inline-block;
    background: #54c6db;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none; }

.ls--service--text-wrap a.ls--service--button:hover {
  background: #2ebad3; }

.ls--services--other-wrapper {
  margin-top: 60px;
  margin-bottom: 60px; }
  .ls--services--other-wrapper h3 {
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 25px;
    text-align: center;
    text-decoration: none; }
    .ls--services--other-wrapper h3 a {
      color: #222222;
      text-decoration: none;
      font-weight: 100; }
  .ls--services--other-wrapper div a.ls-service--grey-button {
    margin: 0 0 20px 0;
    display: inline-block;
    background: #d6d6d6;
    color: #606060;
    padding: 6px 15px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none; }
    .ls--services--other-wrapper div a.ls-service--grey-button:hover {
      background: #606060;
      color: white; }

ul.ls--services--other {
  list-style: none;
  text-align: center;
  padding: 0; }
  ul.ls--services--other li {
    display: inline-block;
    width: 112px;
    margin: 0 20px 10px;
    text-align: center;
    vertical-align: top; }
    ul.ls--services--other li img {
      background: #f9f9f9;
      -webkit-border-radius: 9999px;
      -moz-border-radius: 9999px;
      border-radius: 9999px;
      border: solid 1px #DCDBDB;
      -webkit-transition: all 0.2s;
      /* For Safari 3.1 to 6.0 */
      transition: all 0.2s;
      margin-bottom: 10px; }
      ul.ls--services--other li img:hover {
        background: #54C6DB; }
    ul.ls--services--other li a {
      text-decoration: none; }
      ul.ls--services--other li a p {
        text-align: center; }
        ul.ls--services--other li a p:hover {
          text-decoration: underline; }

/*Popup form*/
.ls--popup {
  width: 480px; }
  .ls--popup h5 {
    margin-bottom: 15px;
    text-align: center; }
  .ls--popup p {
    text-align: center; }
  .ls--popup .ls--form--number span {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    color: #C63E65; }
  .ls--popup .seperator {
    padding: 10px 0;
    text-align: center; }
    .ls--popup .seperator span {
      font-size: 20px;
      display: inline-block;
      padding: 0 20px; }
    .ls--popup .seperator .hr {
      height: 1px;
      background: #DCDBDB;
      width: 40%;
      display: inline-block;
      margin-bottom: 4px; }

.ls--form .ls--form--left {
  margin-right: 32px; }
.ls--form .ls--form--left, .ls--form .ls--form--right {
  width: 210px;
  display: inline-block;
  vertical-align: top; }
.ls--form .ls--form--message textarea {
  width: 440px;
  margin-bottom: 10px; }
.ls--form input {
  width: 100%; }
.ls--form label {
  display: block;
  margin-bottom: 5px;
  margin-top: 10px; }

/*  --------------------------------------------------
  PROPERTY FUNNEL - requires a tidy

  - Global styles
  - Benefits row
---------------------------------------------------- */
/*These are the styles for the property upload funnel  and have been created in SCSS and out put as CSS*/
/*Global properties*/
form.pf--form .pf--property-type input[type=radio], form.pf--form .pf--property-period input[type=radio], form.pf--form .pf--outside-space input[type=radio], form.pf--form .pf--parking input[type=radio], form.pf--form .pf--indoor-smokers input[type=radio], form.pf--form .pf--pets input[type=radio], form.pf--form .pf--children input[type=radio], form.pf--form .pf--students input[type=radio], form.pf--form .pf--disabled input[type=radio], #pf--stage10 .pf--package .pf--package-select input[type=radio] {
  display: none;
  margin: 10px; }

form.pf--form .pf--property-type input[type=radio] + label, form.pf--form .pf--property-period input[type=radio] + label, form.pf--form .pf--outside-space input[type=radio] + label, form.pf--form .pf--parking input[type=radio] + label, form.pf--form .pf--indoor-smokers input[type=radio] + label, form.pf--form .pf--pets input[type=radio] + label, form.pf--form .pf--children input[type=radio] + label, form.pf--form .pf--students input[type=radio] + label, form.pf--form .pf--disabled input[type=radio] + label {
  display: inline-block;
  margin: -2px;
  padding: 13px 25px;
  background: #e6e6e6;
  border: #e1e1e1 1px solid;
  margin: 0 10px 0px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 16px; }

form.pf--form .pf--property-type input[type=radio] + label:hover, form.pf--form .pf--property-period input[type=radio] + label:hover, form.pf--form .pf--outside-space input[type=radio] + label:hover, form.pf--form .pf--parking input[type=radio] + label:hover, form.pf--form .pf--indoor-smokers input[type=radio] + label:hover, form.pf--form .pf--pets input[type=radio] + label:hover, form.pf--form .pf--children input[type=radio] + label:hover, form.pf--form .pf--students input[type=radio] + label:hover, form.pf--form .pf--disabled input[type=radio] + label:hover {
  border-color: #c6c6c6; }

form.pf--form .pf--property-type input[type=radio]:checked + label, form.pf--form .pf--property-period input[type=radio]:checked + label, form.pf--form .pf--outside-space input[type=radio]:checked + label, form.pf--form .pf--parking input[type=radio]:checked + label, form.pf--form .pf--indoor-smokers input[type=radio]:checked + label, form.pf--form .pf--pets input[type=radio]:checked + label, form.pf--form .pf--children input[type=radio]:checked + label, form.pf--form .pf--students input[type=radio]:checked + label, form.pf--form .pf--disabled input[type=radio]:checked + label {
  background: #cae5e9;
  border-color: #aad5dc; }

form.pf--form a.pf--button, form.pf--form a.pf--button-grey, form.pf--form a.pf--button-2, #pf--stage11 input[type=submit] {
  display: inline-block;
  -webkit-transition: background-color 0.3s;
  /* For Safari 3.1 to 6.0 */
  transition: background 0.3s;
  color: white;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-decoration: none; }

.pf--hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 40px; }

.inline-block {
  display: inline-block;
  float: left; }

select.pf--select {
  font-size: 16px;
  padding: 10px 0px 10px 20px; }

select.pf--select:focus {
  outline: none;
  border: solid 1px #3d8794; }

select.pf--select option {
  font-size: 16px; }

.pf--overlay {
  background: black;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  display: none; }

.pf--panel {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px;
  background: #dfeff2; }
  .pf--panel h3 {
    margin: 10px 0 10px;
    font-size: 17px;
    font-weight: bold; }
  .pf--panel p {
    font-size: 14px;
    line-height: 22px; }

.pf--small-grey {
  color: #a8a8a8;
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px; }

/*Global properties END*/
/*Benefits row*/
.pf--benefits--wrapper {
  background: #f1f1f1;
  border-top: solid 1px #DCDBDB; }

.pf--benefits {
  width: 900px;
  margin: 0 auto;
  padding: 40px 0; }
  .pf--benefits div {
    display: inline-block;
    width: 255px;
    margin-right: 60px;
    text-align: center;
    vertical-align: top; }
    .pf--benefits div:last-child {
      margin-right: 0; }
    .pf--benefits div img {
      margin-bottom: 20px; }
    .pf--benefits div h2 {
      text-align: center;
      margin: 0 0 14px 0;
      font-size: 22px;
      color: #3D8794;
      line-height: 20px;
      font-weight: 100; }
    .pf--benefits div p {
      font-size: 14px;
      text-align: center;
      line-height: 22px;
      margin-top: 5px; }

/*Header row*/
.pf--header--wrapper {
  background: white; }

.pf--header {
  padding: 20px 20px 10px 20px; }
  .pf--header .pf--header--rightmove {
    display: inline-block;
    float: right;
    padding-top: 20px; }

/*Form wrapper*/
.pf--form-wrapper {
  border-top: solid 1px #DCDBDB;
  background-color: white;
  margin-bottom: 20px; }

/*Main content area*/
.pf--page-body {
  width: 900px;
  margin: 0 auto;
  padding: 40px 0; }

.pf--page-body.progress {
  padding-top: 0; }
  .pf--page-body.progress .pf--main-heading {
    margin: 0px 0 7px 0; }

.pf--main-heading {
  font-weight: normal;
  font-size: 55px;
  color: #3D8794;
  margin: 20px 0 7px 0;
  text-align: center;
  line-height: 65px;
  font-weight: 100; }

.pf--description {
  text-align: center;
  font-size: 18px;
  margin-bottom: 50px;
  color: #444444;
  font-weight: 100; }

/*Main global form elements*/
form.pf--form label {
  display: block;
  font-size: 17px;
  color: #606060;
  margin-bottom: 12px;
  margin-top: 30px;
  font-family: arial, sans-serif; }

form.pf--form input.pf--large-input {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 45px;
  padding: 10px;
  margin: 0 0 0 0;
  font-size: 16px; }

form.pf--form input.pf--large-input:focus {
  border: solid #3d8794 1px;
  outline: none; }

form.pf--form .pf--property-period, form.pf--form .pf--outside-space, form.pf--form .pf--parking, form.pf--form .pf--indoor-smokers, form.pf--form .pf--pets, form.pf--form .pf--children, form.pf--form .pf--students, form.pf--form .pf--disabled {
  margin-top: 20px; }

form.pf--form .pf--bed, form.pf--form .pf--bath {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top; }

form.pf--form .pf--bed select, form.pf--form .pf--bath select {
  padding-left: 20px; }

form.pf--form .pf--bed {
  margin-right: 40px; }

form.pf--form a.pf--button, #pf--stage11 input[type=submit] {
  margin: 55px 0 30px 0;
  background: #54c6db;
  padding: 15px 30px;
  font-size: 18px; }

form.pf--form a.pf--button:hover, #pf--stage11 input[type=submit]:hover {
  background-color: #2ebad3; }

form.pf--form a.pf--button-grey {
  margin: 55px 0 30px 0;
  background: #d6d6d6;
  padding: 15px 30px;
  font-size: 18px;
  margin-right: 15px;
  color: #606060; }

form.pf--form a.pf--button-grey:hover {
  background-color: #cbcbcb; }

form.pf--form a.pf--button-2 {
  background: #3d8794;
  padding: 10px 20px;
  font-size: 16px;
  margin-left: 20px; }

form.pf--form a.pf--button-2:hover {
  background-color: #34747e; }

/*End form.pf--for*/
/*Progress bar*/
.pf--progress--wrapper {
  width: 100%;
  background: #f1f1f1; }
  .pf--progress--wrapper .pf--progress {
    width: 960px;
    margin: 0 auto;
    padding: 40px 10px;
    height: 130px; }
    .pf--progress--wrapper .pf--progress .pf--progress--bar--box {
      height: 35px;
      width: 35px;
      border-radius: 7px;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px;
      background: white;
      display: inline-block;
      margin-left: -4px; }
      .pf--progress--wrapper .pf--progress .pf--progress--bar--box.active {
        background: #9fd0d7; }
      .pf--progress--wrapper .pf--progress .pf--progress--bar--box:first-child {
        margin-left: 0px; }
    .pf--progress--wrapper .pf--progress .pf--progress--bar--line {
      height: 2px;
      background: white;
      width: 144px;
      display: inline-block;
      margin-bottom: 16px;
      margin-left: -3px; }
      .pf--progress--wrapper .pf--progress .pf--progress--bar--line.active {
        background: #9fd0d7; }
    .pf--progress--wrapper .pf--progress .pf--progress--text div {
      padding-top: 10px;
      text-align: center;
      text-transform: uppercase;
      display: inline-block;
      font-size: 13px;
      color: #9e9e9e; }
      .pf--progress--wrapper .pf--progress .pf--progress--text div:first-child {
        margin-left: 0px;
        margin-right: 105px; }
      .pf--progress--wrapper .pf--progress .pf--progress--text div:nth-child(2) {
        margin-right: 73px; }
      .pf--progress--wrapper .pf--progress .pf--progress--text div:nth-child(3) {
        margin-right: 61px; }
      .pf--progress--wrapper .pf--progress .pf--progress--text div:nth-child(4) {
        margin-right: 58px; }
      .pf--progress--wrapper .pf--progress .pf--progress--text div:nth-child(5) {
        margin-right: 109px; }
      .pf--progress--wrapper .pf--progress .pf--progress--text div:last-child {
        margin-right: 0;
        text-align: right; }

/*Terms popup*/
#pf--terms {
  position: absolute;
  z-index: 200;
  left: 50%;
  margin-left: -250px;
  top: 50px;
  padding: 26.66667px 40px 40px 40px;
  background: white;
  width: 500px;
  display: none;
  border: 1px solid #e1e1e1; }

#pf--terms .pf--terms--text {
  overflow-y: scroll;
  width: 500px;
  padding: 10px;
  height: 600px;
  border: solid 1px #e1e1e1; }

#pf--terms .pf--terms--text h1 {
  font-size: 20px;
  color: #3d8794; }

#pf--terms .pf--terms--text h4 {
  font-size: 16px;
  font-family: 'PT Sans', 'Arial', sans-serif;
  font-weight: bold; }

#pf--terms .terms--close--wrapper {
  width: 500px;
  text-align: center;
  padding-top: 15px; }

#pf--desc-inspiration {
  position: absolute;
  z-index: 200;
  left: 50%;
  margin-left: -250px;
  top: 50px;
  padding: 26.66667px 40px 40px 40px;
  background: white;
  width: 578px;
  display: none;
  border: 1px solid #e1e1e1; }

#pf--desc-inspiration .pf--desc-inspiration--text {
  width: 500px;
  padding: 10px; }

#pf--desc-inspiration .pf--desc-inspiration--text h1 {
  font-size: 20px;
  color: #3d8794; }

#pf--desc-inspiration .pf--desc-inspiration--text h4 {
  font-size: 16px;
  font-family: 'PT Sans', 'Arial', sans-serif;
  font-weight: bold; }

#pf--desc-inspiration .pf--desc-inspiration--text ul {
  list-style: none;
  padding-left: 0px; }

#pf--desc-inspiration .pf--desc-inspiration--text ul li {
  padding: 2px 0; }

#pf--desc-inspiration .pf--desc-inspiration--text ul li:before {
  content: "- "; }

#pf--desc-inspiration .pf--desc-inspiration--text .pf--desc-inspiration--example {
  float: left;
  width: 400px; }

#pf--desc-inspiration .pf--desc-inspiration--text .pf--desc-inspiration--example p {
  color: #a8a8a8; }

#pf--desc-inspiration .desc-inspiration--close--wrapper {
  width: 500px;
  text-align: center;
  padding-top: 15px; }

/*Photo pop up*/
#pf--photo-inspiration {
  position: absolute;
  z-index: 200;
  left: 50%;
  margin-left: -250px;
  top: 50px;
  padding: 26.66667px 40px 40px 40px;
  background: white;
  width: 500px;
  display: none;
  border: 1px solid #e1e1e1; }

#pf--photo-inspiration .pf--photo-inspiration--text h1 {
  font-size: 20px;
  color: #3d8794; }

#pf--photo-inspiration .pf--photo-inspiration--text h4 {
  font-size: 16px;
  font-family: 'PT Sans', 'Arial', sans-serif;
  font-weight: bold; }

#pf--photo-inspiration .photo-inspiration--close--wrapper {
  text-align: center;
  padding-top: 15px; }

/*Pop up stage boxes*/
#pf--stage2, #pf--stage3 {
  position: absolute;
  z-index: 200;
  left: 50%;
  margin-left: -160px;
  top: 300px;
  padding: 26.66667px 40px 40px 40px;
  background: white;
  width: 400px;
  display: none;
  border: 1px solid #e1e1e1; }

#pf--stage3 .pf--main-heading {
  font-size: 35px;
  margin-top: 0; }

#pf--stage3 label {
  margin-bottom: 5px;
  font-size: 16px; }

#pf--stage3 input[type=text], #pf--stage3 input[type=password] {
  width: 302px;
  height: 30px;
  margin-bottom: 14px;
  padding-left: 10px;
  font-size: 16px; }

#pf--stage3 input[type=text]:focus, #pf--stage3 input[type=password]:focus {
  border: 1px solid #3d8794;
  outline: none; }

/*New code*/
#pf--stage3 input[type=submit] {
  margin-left: 0; }

#pf--stage3 .pf--forgotten-password {
  display: block;
  margin-bottom: 15px;
  text-decoration: none;
  color: #3d8794; }

#pf--stage3 .pf--forgotten-password:hover {
  text-decoration: underline; }

/*End of new code*/
/*Stage 4 Property details*/
.pf--address {
  margin-bottom: 30px; }

.pf--address select {
  padding-left: 20px; }

.pf--agree-terms {
  margin-top: 20px; }

/*// Stage 5 property details*/
#pf--stage5 .pf--property-year {
  margin-bottom: 40px; }

#pf--stage5 .pf--disabled input[type=radio] + label {
  margin-bottom: 10px; }

/*Stage 6 property description*/
.pf--property-description {
  min-height: 265px;
  margin-bottom: 15px; }

.pf--property-description textarea {
  font-size: 16px;
  padding: 10px; }

.pf--files p {
  color: #a8a8a8;
  font-size: 14px; }

.pf--files > label {
  margin-top: 5px; }

.pf--files .pf--floorplan {
  display: inline-block; }

.pf--files .pf--floorplan label {
  display: inline-block;
  font-size: 16px;
  margin-top: 0px; }

.pf--files .pf--epc {
  display: inline-block; }

.pf--files .pf--epc label {
  display: inline-block;
  font-size: 16px;
  margin-top: 0px; }

.pf--property-description .pf--description--tip {
  display: inline-block;
  width: 245px;
  margin: 66px 0 0 35px;
  padding-top: 15px; }

.pf--property-description .pf--description--tip a {
  color: #3d8794;
  text-decoration: none; }

.pf--property-description .pf--description--tip a:hover {
  padding-bottom: 0px;
  border-bottom: solid 1px #3d8794; }

/*Stage 7 Photographs*/
.pf--photographs--upload {
  display: inline-block;
  float: left; }

.pf--photographs--upload .pf--photographs-room {
  margin: 16px 0; }

.pf--photographs--upload .pf--photographs--actions {
  margin-top: 30px; }

.pf--photographs--upload .pf--photographs--actions a:first-child {
  margin-left: 0; }

.pf--photographs--preview {
  border: solid 1px #e1e1e1;
  display: inline-block;
  height: 350px;
  width: 620px; }

.pf--phtographs--second-row {
  margin-top: 15px; }

.pf--phtographs--second-row .pf--photographs--thumbnails {
  display: inline-block;
  float: left; }

.pf--phtographs--second-row .pf--photographs--thumbnails ul {
  list-style: none;
  margin: 0 50px 0 0;
  padding: 0;
  width: 474px; }

.pf--phtographs--second-row .pf--photographs--thumbnails ul li {
  display: inline-block;
  margin: 0 10px 14px;
  float: left; }

.pf--phtographs--second-row .pf--photographs--thumbnails ul li:first-child {
  margin-left: 0; }

.pf--phtographs--second-row .pf--photographs--thumbnails ul li:nth-child(5) {
  margin-left: 0; }

.pf--phtographs--second-row .pf-photographs--tip {
  display: inline-block;
  width: 293px; }

.pf--phtographs--second-row .pf-photographs--tip a {
  color: #3d8794;
  text-decoration: none; }

.pf--phtographs--second-row .pf-photographs--tip a:hover {
  padding-bottom: 0px;
  border-bottom: solid 1px #3d8794; }

/*Stage 8 Leasing info*/
.pf--leasing-info p {
  font-size: 21px;
  width: 721px;
  margin: 0 auto;
  line-height: 60px;
  font-family: arial, sans-serif;
  text-align: center; }

.pf--leasing-info p input[type=text] {
  font-size: 22px;
  border: none;
  border-bottom: solid 1px #e1e1e1;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  font-weight: 700;
  color: #565a5c;
  padding-bottom: 6px; }

.pf--leasing-info p input[type=text]:focus {
  outline: none;
  border-bottom: solid 1px darkgrey; }

.pf--leasing-info p select {
  font-size: 22px;
  border: none;
  border-bottom: solid 1px #e1e1e1;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  font-weight: 700;
  color: #565a5c;
  height: 50px; }

.pf--leasing-info p select:focus {
  outline: none;
  border-bottom: solid 1px darkgrey; }

.pf--leasing-info .pf--leasing-info--bills {
  width: 475px;
  margin: 30px auto 0 auto;
  display: block;
  font-size: 16px; }

.pf--leasing-info .pf--leasing-info--bills .pf--panel {
  padding-top: 15px; }

.pf--leasing-info .pf--leasing-info--bills h3 {
  text-align: center; }

.pf--leasing-info .pf--leasing-info--bills .pf--leasing-info--bills--wrapper {
  width: 330px;
  margin: 0 auto;
  display: block;
  float: none; }

.pf--leasing-info .pf--leasing-info--bills input[type="checkbox"] {
  width: 20px;
  height: 20px;
  vertical-align: middle; }

.pf--leasing-info .pf--leasing-info--bills div {
  padding-top: 15px;
  display: inline-block;
  float: left;
  width: 110px;
  line-height: 35px; }

.pf--leasing-info--button-wrapper {
  margin: 0 auto;
  width: 305px; }

/*Stage 9 tenant information*/
#pf--stage9 .pf--tenant-info {
  display: inline-block;
  float: left;
  width: 600px;
  margin-right: 40px; }

#pf--stage9 .pf--tenant-info--tip {
  display: inline-block;
  width: 200px; }

#pf--stage9 .pf--students input[type=radio] + label {
  margin-bottom: 10px; }

/*Stage 10 Packages*/
#pf--stage10 {
  /*End of package*/
  /*Margin on different selects in packages*/ }
  #pf--stage10 .stage-10--wrapper {
    background: #f9f9f9;
    width: 100%; }
  #pf--stage10 .pf--package {
    display: inline-block;
    background: white;
    border: solid 1px #DCDBDB;
    padding: 30px;
    min-height: 425px;
    width: 264px;
    margin: 0 15px;
    font-size: 15px;
    vertical-align: top;
    position: relative; }
    #pf--stage10 .pf--package h5 {
      text-align: center;
      color: #606060;
      font-size: 35px;
      margin: 10px 0 12px;
      font-weight: bold; }
    #pf--stage10 .pf--package span {
      display: block;
      text-align: center;
      margin-bottom: 18px; }
    #pf--stage10 .pf--package ul li {
      text-align: center;
      padding: 10px 0;
      line-height: 20px;
      border-bottom: #DCDBDB 1px solid; }
    #pf--stage10 .pf--package .pf--package-select {
      text-align: center; }
      #pf--stage10 .pf--package .pf--package-select input[type=radio] + label {
        display: inline-block;
        padding: 30px 0 30px;
        background: #f1f1f1;
        border-top: #DCDBDB 1px solid;
        margin: 46px -30px -30px -30px;
        font-size: 16px;
        width: 264px;
        text-align: center;
        font-weight: 700; }
        #pf--stage10 .pf--package .pf--package-select input[type=radio] + label:after {
          content: " ";
          height: 33px;
          width: 36px;
          display: block;
          float: right;
          display: block;
          position: relative;
          top: -8px;
          left: -40px;
          background: url("/images/layout/package-select.png") no-repeat; }
        #pf--stage10 .pf--package .pf--package-select input[type=radio] + label:hover {
          background: #e5e5e5;
          cursor: pointer; }
      #pf--stage10 .pf--package .pf--package-select input[type=radio]:checked + label {
        background: white; }
        #pf--stage10 .pf--package .pf--package-select input[type=radio]:checked + label:after {
          content: " ";
          height: 33px;
          width: 36px;
          display: block;
          float: right;
          display: block;
          position: relative;
          top: -9px;
          background: url("/images/layout/package-selected.png") no-repeat;
          left: -40px; }
    #pf--stage10 .pf--package.selected {
      background: #ddf4f8; }
      #pf--stage10 .pf--package.selected ul li {
        border-bottom: 1px solid #eef9fb; }
  #pf--stage10 .pf--package:last-child .pf--package-select input[type=radio] + label {
    margin: 66px -30px -30px -30px; }
  #pf--stage10 .pf--package:first-child .pf--package-select input[type=radio] + label {
    margin: 66px -30px -30px -30px; }

#pf--stage10 .pf--packages-button-wrapper {
  margin: 0px auto 0 auto;
  width: 320px; }

#pf--stage10 .pf--packages-button-wrapper a.pf--button {
  padding: 15px 37px;
  margin-top: 30px; }

#pf--stage10 .pf--package-wrapper .pf--package--basic ul {
  margin: 98px 0; }

#pf--stage10 .pf--package-wrapper .pf--package--basic ul li {
  padding: 18px 0; }

/*STAGE 11*/
#pf--stage11 .pf--profile--person, #pf--stage11 .pf--profile--address {
  display: inline-block;
  float: left;
  width: 444px; }

#pf--stage11 .pf--profile--person select {
  margin-bottom: 30px; }

#pf--stage11 .pf--manual-profile {
  margin-top: 30px; }

#pf--stage11 .pf--tenant-email {
  margin-top: 30px; }

#user_home_phone_error, #user_postcode_lookup_error {
  position: absolute; }

#pf--stage11 input[type=submit] {
  border: none;
  font-family: 'PT Sans', 'Arial', sans-serif;
  line-height: 18px; }

/*New code*/
#pf--stage11 .pf--account-already {
  margin: 0 0 40px 0;
  text-align: center;
  margin: 0 0 35px 0;
  text-align: center;
  padding-bottom: 29px;
  border-bottom: #e1e1e1 solid 1px; }

#pf--stage11 .pf--hr {
  margin-bottom: 30px; }

/*Old style that is overidden after*/
#property-loading-message, #property-available-message {
  position: absolute;
  top: 721px;
  z-index: 9999999;
  width: 400px;
  padding: 35px 35px 45px 35px;
  margin: -170px 0 0 175px;
  text-align: center;
  visibility: hidden; }

/*Last popup - please wait*/
#property-loading-message, #property-available-message {
  background: white;
  border: #E1E1E0 solid 1px;
  color: #565a5c;
  -webkit-box-shadow: 0 8px 6px -6px #aaa;
  -moz-box-shadow: 0 8px 6px -6px #aaa;
  box-shadow: 0 8px 6px -6px #aaa; }

.loading--heading {
  font-size: 35px;
  margin-bottom: 18px;
  font-family: "MyriadPro", Helvetica, Arial, sans-serif;
  color: #3d8794; }

.loading--message-line-1 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 17px; }

.loading--message-line-2 {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 10px; }

.properties-upload-loading-wrapper {
  margin-top: 30px; }

#progress {
  width: 300px;
  margin: 0 auto;
  display: none; }

.bar {
  height: 18px;
  background: white;
  width: 0%; }

#property_uprn {
  min-width: 295px;
  height: auto; }

#property_description {
  width: 550px;
  height: auto; }

.pf--photographs #photo-upload-preview {
  border: solid 1px #e1e1e1;
  display: inline-block;
  height: 350px;
  width: 620px;
  float: none; }

.pf--photographs #photo-upload-preview-0 {
  display: none; }

.pf--photographs #photo-upload-preview-text {
  margin-top: 322px;
  width: 610px; }

li.photo-upload-preview {
  border: 0;
  height: 80px;
  width: 100px;
  float: none; }

li .photo-upload-text {
  margin-top: 64px;
  width: 100px; }

#property_rental_amount {
  width: auto;
  height: 38px; }

#property_ready_to_move {
  width: 160px;
  text-align: center;
  height: 38px; }

#property_deposit {
  height: 38px; }

.pf--manual-profile-check {
  height: 105px; }

#user_home_phone, #user_mobile_phone, #user_country_code {
  height: 45px;
  width: 275px !important; }

.intl-country-input .selected-flag .arrow {
  left: 253px !important; }

.intl-tel-input.inside, .intl-country-input.inside {
  margin-bottom: 30px; }

.intl-country-input .inside {
  margin-bottom: 30px; }

/*Date picker*/
.ui-datepicker {
  background-color: white;
  border-color: #e1e1e1;
  -webkit-box-shadow: 0 8px 6px -6px #aaa;
  -moz-box-shadow: 0 8px 6px -6px #aaa;
  box-shadow: 0 8px 6px -6px #aaa; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, a.ui-state-highlight {
  border: 1px solid #fcefa1;
  background-color: #3D8794;
  color: white; }

td.ui-datepicker-week-end a.ui-state-default {
  background-color: #d6d6d6; }

button.ui-datepicker-close.ui-state-default.ui-priority-primary {
  background-color: #54C6DB;
  border-radius: 5px; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #e1e1e1; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #3D8794; }

/*minwidths of selects*/
#property_property_age_id {
  min-width: 150px; }

#property_rental_period {
  min-width: 170px; }

#property_number_of_shared_bathrooms {
  min-width: 210px; }

#pf--tenancy-duration {
  min-width: 240px; }

#property_furnished {
  min-width: 135px; }

#pf--property-bills {
  min-width: 100px; }

#user_title {
  min-width: 113px; }

#pf--hear-about-us, #user_uprn {
  min-width: 300px; }

#property_number_of_double_bedrooms {
  min-width: 165px; }

form.pf--form input.pf--button-2,
#forgot-submit-button,
#password-reset-close {
  background: #3d8794;
  padding: 10px 20px;
  font-size: 16px;
  margin-left: 20px;
  display: inline-block;
  -webkit-transition: background-color 0.3s;
  transition: background 0.3s;
  color: white;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-decoration: none;
  border: none; }

form.pf--form input.pf--button-2:hover {
  background-color: #34747e; }

form.pf--form #user_home_phone_error .form_error_content {
  max-width: 210px; }

#popup-login-form #login_email_error,
#popup-login-form #user_email_reset_error {
  margin: 4px 0 0 0 !important; }

#user_email_reset {
  width: 270px !important; }

#forgot-submit-button {
  width: 160px; }

/*  --------------------------------------------------
  WIDGET STYLES

  - Global
  - How much should I pay
  - Where should I live
---------------------------------------------------- */
/*Global*/
.wg--wrapper {
  padding: 20px 0;
  background: #f1f1f1; }
  .wg--wrapper .wg--container {
    background: white;
    border: #DCDBDB 1px solid;
    padding: 0; }
    .wg--wrapper .wg--container .wg--header {
      padding: 20px 0 5px;
      background: #54C6DB;
      width: 100%;
      text-align: center; }
      .wg--wrapper .wg--container .wg--header img {
        width: 150px; }
    .wg--wrapper .wg--container .wg--content {
      padding: 0px 40px 190px 0px;
      margin: 0 auto; }
      .wg--wrapper .wg--container .wg--content label {
        margin-bottom: 5px;
        display: inline-block; }
      .wg--wrapper .wg--container .wg--content input[type=text].where-summary-field {
        padding: 0 3px; }

.wg--heading {
  color: #3D8794;
  margin: 35px 0 30px;
  text-align: center;
  font-size: 35px; }

.wg--tabs ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .wg--tabs ul li {
    display: inline-block;
    cursor: pointer;
    padding: 15px 11px;
    border-bottom: #DCDBDB 1px solid;
    border-top: #DCDBDB 1px solid;
    border-left: white 1px solid;
    border-right: white 1px solid; }
    .wg--tabs ul li.active {
      border-bottom: white 1px solid;
      border-left: #DCDBDB 1px solid;
      border-right: #DCDBDB 1px solid;
      border-top: #bcbaba 1px solid;
      color: #3D8794; }
    .wg--tabs ul li:hover {
      color: #3D8794;
      background: #f1f1f1; }

.wg--tab > ul#tab {
  list-style: none;
  padding: 0; }
  .wg--tab > ul#tab > li {
    display: none;
    padding-top: 35px; }
  .wg--tab > ul#tab > li.active {
    display: block; }

.wg--footer {
  padding: 15px 0;
  text-align: right;
  font-size: 14px;
  color: #c4c4c4; }
  .wg--footer a {
    margin: 0 0 15px 15px;
    color: #c4c4c4;
    display: inline-block; }
    .wg--footer a:hover {
      color: #444444; }
  .wg--footer .wg--copyright {
    text-align: center;
    font-size: 12px; }

.wg--col {
  display: inline-block;
  margin-right: 40px;
  vertical-align: top; }

.wg--spacer {
  margin-bottom: 20px; }

.wg--select-labels p {
  margin-bottom: 27px; }

.wg--nav-buttons {
  margin: 30px auto 0 auto;
  font-size: 13px;
  width: 215px;
  text-align: center; }

/*WSIL new*/
.wg--areas {
  list-style-type: decimal;
  width: 300px;
  display: inline-block;
  text-align: left; }
  .wg--areas li {
    font-size: 18px;
    padding: 4px 0; }

.wg--purchase {
  margin: 15px 0 0px 0;
  display: block; }
  .wg--purchase img {
    width: 185px; }
  .wg--purchase p {
    font-size: 13px;
    margin-bottom: 5px; }

/* Where to Live */
#where-to-live-name {
  margin-bottom: 0; }

#menu-where-to-live {
  height: 33px;
  width: 777px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x;
  margin-left: -16px; }

#menu-where-to-live ul.tabs li {
  line-height: 33px;
  width: 126px;
  text-align: center; }

#menu-where-to-live ul.tabs li:last-child {
  width: 134px; }

#menu-where-to-live a {
  font-size: 13px; }

#menu-where-to-live ul.tabs li {
  border-left: 2px groove #ebebeb; }

#menu-where-to-live ul.tabs li:first-child {
  border-left: 2px groove #ebebeb; }

#menu-where-4 a {
  margin-top: 1px;
  margin-bottom: 2px;
  line-height: 15px; }

#area-where-to-live #line-selected-purple {
  margin-left: -15px;
  width: 777px; }

#where-to-live-content {
  height: 340px;
  width: 757px;
  background-color: white;
  overflow: hidden; }

.where-to-live-content {
  margin-top: 20px;
  height: 300px;
  width: 747px;
  position: absolute; }

#where-to-live-content-2,
#where-to-live-content-3,
#where-to-live-content-4,
#where-to-live-content-5,
#where-to-live-content-7,
#where-to-live-content-6 {
  visibility: hidden; }

#where-to-live-content-2,
#where-to-live-content-3,
#where-to-live-content-4 {
  margin-top: 30px; }

#tenants-where-to-live-form {
  width: 711px;
  height: 316px; }

#line-where-field-separator {
  width: 741px; }

#where-to-live-intro {
  margin-top: 0;
  margin-bottom: 30px; }

#where-to-live-content-6 #where-to-live-intro {
  margin-top: 0;
  margin-bottom: 10px; }

#where-to-live-content-7 #property-area-details-5 {
  margin-top: 0;
  font-size: 16px;
  margin-bottom: 60px; }

#tenants-where-to-live-form .field-horizontal {
  width: 180px;
  margin-left: 20px; }

#tenants-where-to-live-form .field-horizontal-indented {
  margin-left: 50px; }

#tenants-where-to-live-form .form-heading {
  margin-left: 0;
  margin-bottom: 20px; }

#range_salary, #range_age, #range_nationality {
  width: 180px; }

.tenants-search-field {
  width: 250px; }

.tenants-search-field-short {
  width: 117px;
  line-height: 34px; }

#where-about-note {
  font-size: 14px;
  color: #60605f;
  font-weight: normal; }

#where-to-live-scores {
  width: 657px;
  margin-left: 50px;
  outline: none; }

.tenant-wants-title {
  font-size: 14px;
  font-family: 'PT Sans';
  float: left;
  width: 215px;
  margin-top: 10px;
  margin-right: 20px; }

.tenant-wants-content {
  margin-left: 60px; }

.tenant-wants-label-left,
.tenant-wants-label-right {
  float: left;
  font-size: 13px;
  line-height: 14px;
  font-weight: normal;
  font-family: 'PT Sans';
  color: #60605f;
  width: 130px;
  text-align: right;
  margin: 16px 0 20px 0; }

.tenant-wants-label-right {
  text-align: left;
  width: 120px;
  margin-left: 10px; }

#tenant-wants-content-similar-age .tenant-wants-title,
#tenant-wants-content-similar-nationality .tenant-wants-title {
  margin-top: 5px; }

#tenant-wants-content-central-london .tenant-wants-label-right {
  width: 135px; }

#tenant-wants-content-similar-age .tenant-wants-label-right,
#tenant-wants-content-similar-nationality .tenant-wants-label-right {
  margin-top: 10px; }

.tenant-wants-range-title {
  font-weight: bold; }

.tenant-wants-range {
  float: left;
  margin: 10px 0 25px 0; }

.tenants-wants-score {
  height: 42px;
  min-height: 42px;
  width: 30px;
  background-color: #cccccc;
  color: white;
  font-size: 28px;
  line-height: 36px;
  font-family: 'Rokkitt';
  border: 0;
  font-weight: bold;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  cursor: hand;
  cursor: pointer;
  margin-left: 5px; }

input[type=button].tenants-wants-score {
  font-family: 'Rokkitt'; }

.tenants-wants-score-on {
  background-color: #7030a0; }

.where-zone-button {
  margin-top: 30px;
  margin-left: 30px; }

#where-zone-12-button, #where-zone-34-button, #where-zone-56-button {
  padding: 0;
  height: 29px;
  line-height: 21px;
  font-weight: normal;
  font-size: 16px; }

#where-london-map-content {
  float: left;
  width: 280px; }

#where-london-tube-content {
  float: left;
  width: 300px;
  margin-left: 110px; }

#where-to-live-summary {
  margin-top: 0px;
  font-size: 16px; }

.where-summary-title {
  width: 230px;
  text-align: right;
  float: left;
  line-height: 34px;
  margin-bottom: 5px;
  font-family: Rokkitt;
  font-size: 18px;
  font-weight: bold; }

.where-summary-title a {
  font-family: Rokkitt;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none; }

.where-summary-dataset {
  margin-bottom: 5px;
  float: left; }

.where-summary-data, .where-summary-data-short {
  width: 160px;
  text-align: right;
  float: left;
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap; }

.where-summary-data-short {
  width: 140px;
  text-align: left; }

.where-summary-data-short:first-child {
  margin-left: 30px; }

#where-summary-data-location {
  width: 400px;
  margin-left: 30px; }

.where-summary-field {
  background-color: #7030a0;
  color: white;
  font-family: Rokkitt;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  height: 20px; }

#where-to-live-submit-affiliate,
#where-to-live-submit {
  margin-top: 35px;
  margin-left: 250px; }

#where-to-live-content-7 #where-to-live-submit {
  margin-top: 69px; }

#where-to-live-handwriting {
  position: absolute;
  margin-top: -86px;
  margin-left: 20px; }

#where-to-live-strip {
  margin-left: 290px; }

#where-to-live-instructions {
  position: absolute;
  display: none;
  top: 5px;
  left: 50%;
  z-index: 99999999;
  width: 360px;
  line-height: 28px;
  padding: 35px 35px 45px 35px;
  font-size: 22px;
  height: 160px;
  color: white;
  font-style: normal;
  text-align: center;
  background-color: #50c9de;
  border: 0px solid black;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  visibility: hidden; }

#where-to-live-areas a {
  text-decoration: none;
  color: #50c9de;
  font-size: 16px; }

#where-to-live-areas a:hover {
  text-decoration: underline; }

#where-retrieve-data {
  margin: 65px 0 0 90px; }

#map-where-how-button {
  width: 270px;
  margin-left: -5px; }

#where-tab-dots {
  position: absolute;
  margin-top: -18px;
  margin-left: 310px; }

.where-to-live-content ol.where-note {
  margin-top: 20px;
  margin-left: -23px;
  width: 180px; }

.where-to-live-content ol.where-note li {
  font-family: 'PT Sans','Arial';
  font-size: 12px;
  color: #7d7d7d; }

.where-information-image {
  position: absolute;
  margin-left: -215px;
  margin-top: -53px;
  display: none; }

#where-to-live-results {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 999999999;
  width: 757px;
  height: 470px;
  padding: 0px 35px 200px 35px;
  font-size: 14px;
  font-style: normal;
  text-align: center;
  background-color: white;
  text-align: center;
  display: none; }

#widget-where-to-live {
  width: 757px; }

/*#where-to-live-areas-recommended {
  height:260px;
}*/
.where-to-live-area {
  width: 700px;
  margin-top: 3px; }

.where-to-live-area-image {
  float: left;
  width: 65px;
  text-align: center;
  overflow: hidden; }

.where-to-live-area-image img {
  height: 44px;
  width: auto;
  border-radius: 5px; }

.where-to-live-area-name {
  float: left;
  margin-left: 10px;
  width: 430px;
  text-align: left; }

.where-to-live-area-name a {
  font-size: 36px;
  line-height: 44px;
  font-weight: bold;
  text-decoration: none;
  font-family: 'Rokkitt'; }

.where-to-live-area-data {
  float: left;
  margin-left: 10px;
  font-size: 36px;
  line-height: 44px;
  font-weight: bold;
  width: 100px;
  font-family: 'Rokkitt';
  text-align: right; }

.where-to-live-area-note {
  float: left;
  font-size: 11px;
  width: 80px;
  margin-top: 4px; }

/* How Much Should I Pay */
#map-how-much-button {
  margin-left: 25px;
  margin-top: 4px; }

#how-much-to-pay-name {
  margin-bottom: 0; }

#menu-how-much-to-pay {
  height: 33px;
  width: 777px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x;
  margin-left: -15px; }

#menu-how-much-to-pay ul.tabs li {
  line-height: 33px;
  width: 154px;
  text-align: center; }

#menu-how-much-to-pay ul.tabs li:last-child {
  width: 153px; }

#menu-how-much-to-pay a {
  font-size: 13px; }

#menu-how-much-to-pay ul.tabs li {
  border-left: 2px groove #ebebeb; }

#menu-how-much-to-pay ul.tabs li:first-child {
  border-left: 0; }

#area-how-much-to-pay #line-selected-blue {
  margin-left: -15px;
  width: 777px; }

#how-much-to-pay-content {
  height: 340px;
  width: 757px;
  background-color: white;
  overflow: hidden; }

.how-much-to-pay-content {
  margin-top: 20px;
  height: 300px;
  width: 747px;
  position: absolute; }

#how-much-to-pay-content-2,
#how-much-to-pay-content-3,
#how-much-to-pay-content-4,
#how-much-to-pay-content-5,
#how-much-to-pay-content-6 {
  visibility: hidden; }

.how-much-to-pay-intro {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: 'Rokkitt'; }

#property-area-details-1, #property-area-details-2 {
  font-size: 16px;
  font-weight: bold; }

#property-area-details-3 {
  font-size: 16px; }

#property-area-details-4 {
  font-size: 16px;
  margin-bottom: 60px; }

#tenants-how-much-to-pay-form {
  width: 757px;
  height: 316px; }

#tenants-how-much-to-pay-form .field-horizontal {
  width: 180px;
  margin-left: 20px; }

#tenants-how-much-to-pay-form .field-horizontal-indented {
  margin-left: 50px; }

#how-much-to-pay-content-1 a {
  font-size: 12px;
  color: #7d7d7d; }

#property-details-label {
  float: left;
  width: 220px;
  margin: -1px 30px 0 0; }

#property-details-label div {
  font-size: 14px;
  width: 200px; }

#property-details-postcode {
  float: left; }

#property_postcode {
  /*width:162px;*/
  color: #7d7d7d; }

#property-details-uprn {
  position: absolute;
  margin-left: 250px;
  background-color: white;
  width: 535px;
  height: 42px;
  display: none; }

#property_uprn {
  width: 260px; }

#property-details-address {
  position: absolute;
  margin-left: 250px;
  height: 45px;
  background-color: white;
  width: 548px;
  display: none;
  margin-top: 0px; }

#property_concat_address {
  min-width: 300px;
  margin-left: -4px; }

.how-much-information-image {
  position: absolute;
  margin-left: 50px;
  margin-top: -64px;
  display: none; }

#property-rent-details {
  margin-top: 30px; }

#property-rent-label {
  float: left;
  width: 220px;
  margin: -2px 30px 0 0;
  font-size: 14px; }

#property-rent, #property-rent-period, #property-rent-type {
  float: left;
  width: 130px; }

#property-rent-period div, #property-rent-type div {
  font-size: 12px; }

#how-much-to-pay-rent {
  width: 92px;
  margin-top: 0px; }

#how-much-to-pay-rent-period, #how-much-to-pay-rent-type {
  /*width:100px;
  height:27px;*/ }

#property-area-details-2 {
  margin-top: 30px; }

#property-area-label {
  margin-top: 20px; }

#property-area-label {
  float: left;
  width: 220px;
  margin: -2px 30px 0 0;
  font-size: 14px; }

#property-area {
  float: left;
  width: 230px; }

#property_area {
  /*  width:170px;
    height:27px;*/ }

#property-rent-details .information-button {
  margin: 7px 0 0 -15px; }

.how-much-to-pay-label {
  float: left;
  width: 200px;
  margin-top: 5px;
  font-size: 14px; }

.how-much-to-pay-select {
  float: left;
  width: 160px; }

.how-much-to-pay-select select {
  width: 158px; }

#property-receptions, #property-type, #property-concierge {
  float: left;
  margin-top: 20px; }

#property-bedrooms, #property-bathrooms, #property-size,
#property-floors, #property-built, #property-outdoors {
  float: left;
  margin-top: 30px; }

#property-concierge, #property-outdoors {
  margin-left: 25px; }

#how-much-scores {
  width: 657px;
  margin-left: 50px;
  outline: none; }

.tenant-how-much-title {
  font-size: 16px;
  float: left;
  width: 215px;
  margin-top: 10px;
  margin-right: 20px; }

.tenant-how-much-content {
  margin-left: 60px; }

.tenant-how-much-label-left,
.tenant-how-much-label-right {
  float: left;
  font-size: 13px;
  line-height: 14px;
  font-weight: normal;
  font-family: 'PT Sans';
  color: #60605f;
  width: 130px;
  text-align: right;
  margin: 16px 0 20px 0; }

.tenant-how-much-label-right {
  text-align: left;
  width: 120px;
  margin-left: 10px; }

.tenant-how-much-range-title {
  font-weight: bold; }

.tenant-how-much-range {
  float: left;
  margin: 10px 0 5px 0; }

.tenants-how-much-score {
  height: 42px;
  min-height: 42px;
  width: 30px;
  background-color: #cccccc;
  color: white;
  font-size: 28px;
  line-height: 36px;
  font-family: 'Rokkitt';
  border: 0;
  font-weight: bold;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  cursor: hand;
  cursor: pointer;
  margin-left: 5px; }

input[type=button].tenants-how-much-score {
  font-family: 'Rokkitt'; }

.tenants-how-much-score-on {
  background-color: #50c9de; }

.how-much-summary-title {
  width: 230px;
  text-align: right;
  float: left;
  line-height: 34px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #60605f; }

.how-much-summary-title a {
  font-family: Rokkitt;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #60605f; }

.how-much-summary-dataset {
  margin-bottom: 5px;
  float: left; }

.how-much-summary-data, .how-much-summary-data-short {
  text-align: right;
  float: left;
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap; }

.how-much-summary-data-short {
  margin-right: 20px;
  text-align: left; }

.how-much-summary-data {
  width: 100px; }

.how-much-summary-data:first-child {
  width: 60px; }

.how-much-summary-data, .how-much-summary-data-short:first-child {
  margin-left: 30px; }

#how-much-summary-data-location {
  width: 400px;
  margin-left: 30px; }

.how-much-summary-field {
  background-color: #50c9de;
  color: white;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  padding: 0 !important;
  text-align: center;
  height: 20px !important; }

#how-much-to-pay-submit-affiliate,
#how-much-to-pay-submit {
  /*width:250px;*/
  margin-top: 35px;
  margin-left: 250px; }

#how-much-to-pay-content-6 #how-much-to-pay-submit {
  margin-top: 72px; }

#how-much-tab-dots {
  position: absolute;
  margin-top: -18px;
  margin-left: 310px; }

#how-much-to-pay-handwriting {
  position: absolute;
  margin-top: -86px;
  margin-left: 20px; }

#widget-how-much-to-pay {
  width: 757px;
  margin: 0 auto; }

#how-much-to-pay-name {
  margin: 0;
  width: 737px; }

#menu-how-much-to-pay {
  width: 772px; }

#menu-how-much-to-pay ul.tabs li:last-child {
  width: 148px; }

#how-much-to-pay-progress, #how-much-to-pay-results {
  margin-top: 96px; }

#property-rent-period, #property-rent-type {
  margin-top: 3px; }

.how-much-information-image {
  margin-left: -238px; }

.widget-user-message {
  margin-left: 10px;
  color: #be1522;
  display: none; }

#where-to-live-progress,
#how-much-to-pay-progress {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 99999999;
  width: 757px;
  height: 400px;
  padding: 45px 30px 45px 65px;
  background-color: white;
  display: none; }

#how-much-to-pay-progress {
  height: 450px; }

#where-to-live-progress {
  margin-top: 106px; }

#where-to-live-progress img,
#how-much-to-pay-progress img {
  margin: 70px 0 0 290px; }

#how-much-to-pay-results {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 999999999;
  width: 680px;
  height: 450px;
  padding: 20px 35px 45px 35px;
  font-size: 14px;
  #  line-height: 40px;
  font-style: normal;
  text-align: center;
  background-color: white;
  text-align: center;
  display: none; }

#how-much-to-pay-result-price span, #how-much-to-pay-result-confidence {
  font-weight: bold;
  font-size: 30px; }

#how-much-to-pay-result-price, #how-much-to-pay-result-confidence {
  line-height: 50px; }

#how-much-to-pay-result-confidence {
  text-transform: uppercase; }

#how-much-to-pay-button {
  margin-top: 71px; }

/*  --------------------------------------------------
  GUIDE DOWNLOAD PAGES
---------------------------------------------------- */
.gd--bkg {
  background: #3D8794;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .gd--bkg .gd--cover {
    position: absolute;
    z-index: 20; }
  .gd--bkg .gd--right-col {
    vertical-align: top;
    width: 550px; }
    .gd--bkg .gd--right-col h1 {
      color: white;
      font-family: "rokkitt", Arial, sans-serif;
      font-size: 84px;
      line-height: 68px;
      margin: 10px 0 25px 0; }
    .gd--bkg .gd--right-col p {
      color: white;
      font-size: 16px;
      line-height: 24px;
      margin: 0;
      font-weight: normal; }

header.gd {
  padding-top: 20px; }
  header.gd .gd--logo {
    display: inline-block;
    width: 400px; }
    header.gd .gd--logo img {
      width: 141px; }
  header.gd .gd--social {
    display: inline-block;
    float: right; }
    header.gd .gd--social span {
      color: #6ab4c2;
      text-transform: uppercase;
      position: relative;
      top: -11px;
      font-size: 13px; }
    header.gd .gd--social ul {
      list-style: none;
      display: inline-block;
      padding-left: 10px; }
      header.gd .gd--social ul li {
        display: inline-block;
        margin-left: 5px; }
        header.gd .gd--social ul li a {
          width: 32px;
          height: 32px;
          display: block;
          background: url(/images/global/social-rgb.svg) no-repeat; }
          header.gd .gd--social ul li a.facebook {
            background-position: 0px 0px; }
          header.gd .gd--social ul li a.twitter {
            background-position: -33px 0px; }
          header.gd .gd--social ul li a.linkedin {
            background-position: -66px 0px; }
          header.gd .gd--social ul li a.google {
            background-position: -99px 0px; }
          header.gd .gd--social ul li a:hover {
            opacity: 0.8; }

/*SVG fallback*/
.no-svg header.gd .gd--social ul li a {
  background: url(/images/global/social-rgb.png) no-repeat; }

.gd--right-col {
  display: inline-block;
  width: 655px; }

.gd--left-col {
  display: inline-block;
  width: 280px;
  margin-right: 50px; }
  .gd--left-col img.gd--cover {
    -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.15); }

.gd--main .gd--main-points {
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  list-style-type: none; }
  .gd--main .gd--main-points li {
    padding: 10px 0 10px 50px;
    background: url(/images/global/tick.svg) no-repeat 0px center; }
.gd--main form {
  margin-top: 30px; }
  .gd--main form input[type="email"] {
    width: 300px;
    padding-left: 10px;
    font-size: 18px; }
  .gd--main form .gd--form--input-text {
    font-size: 13px;
    color: #444444;
    margin-top: 5px; }
  .gd--main form input[type="submit"] {
    background: #C63E65;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 20px;
    margin-left: 10px; }
    .gd--main form input[type="submit"]:hover {
      background: #bf385f; }

/*SVG fallback*/
.no-svg .gd--main .gd--main-points li {
  background: url(/images/global/tick.png) no-repeat 0px center; }

.gd--about {
  width: 100%;
  background: #f1f1f1;
  padding: 40px 0;
  margin-top: 40px;
  font-size: 16px;
  line-height: 24px; }
  .gd--about h3 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #222222;
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    font-weight: bold; }
  .gd--about .gd--left-col {
    vertical-align: top;
    padding-top: 30px;
    text-align: center; }

.gd--profile {
  padding: 40px 0 60px 0; }
  .gd--profile h3 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #222222;
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    font-weight: bold; }
  .gd--profile .gd--half-col {
    display: inline-block;
    width: 496px;
    vertical-align: top; }
    .gd--profile .gd--half-col .gd--profile--image {
      display: inline-block; }
      .gd--profile .gd--half-col .gd--profile--image img {
        border-radius: 9999px;
        -moz-border-radius: 9999px;
        -webkit-border-radius: 9999px;
        border: solid 1px #DCDBDB; }
    .gd--profile .gd--half-col .gd--profile--bio {
      display: inline-block;
      width: 325px;
      padding: 10px 0 0 30px;
      vertical-align: top; }
      .gd--profile .gd--half-col .gd--profile--bio h3 {
        margin-bottom: 10px;
        font-family: "MyriadPro", Helvetica, Arial, sans-serif;
        color: #222222;
        font-weight: 100; }

/*  --------------------------------------------------
  WIDGET LANDING PAGES
---------------------------------------------------- */
.wl--icon-wrapper {
  text-align: center;
  margin-top: -90px; }
  .wl--icon-wrapper .wl--icon {
    width: 70px; }

.wl--overview {
  text-align: center;
  border-bottom: 1px solid #DCDBDB;
  padding-bottom: 40px; }
  .wl--overview p a.wl--intro-button {
    margin-top: 20px;
    padding: 12px 33px;
    display: inline-block; }

.wl--timeline h2 {
  text-align: center;
  margin-bottom: 50px; }
.wl--timeline h3 {
  font-weight: 100;
  color: #222222;
  font-size: 23px;
  margin: 0 0 10px 0;
  line-height: 28px; }
.wl--timeline > div {
  display: inline-block;
  width: 434px;
  vertical-align: top; }
  .wl--timeline > div > div {
    margin-bottom: 70px; }
.wl--timeline .wl--timeline--center {
  margin: 50px 50px 0 50px;
  width: 25px;
  height: 725px;
  background: url(/images/widget-landers/wsil/timeline.svg) no-repeat top; }
.wl--timeline .wl--timeline--center.hmsip {
  background: url(/images/widget-landers/hmsip/timeline.svg) no-repeat top; }
.wl--timeline .wl--image-wrapper {
  text-align: center; }
.wl--timeline .right-col p, .wl--timeline .right-col h3 {
  text-align: right; }
.wl--timeline .left-col {
  padding-top: 20px; }

/*SVG fallback*/
.no-svg .wl--timeline .wl--timeline--center {
  background: url(/images/widget-landers/wsil/timeline.png) no-repeat top; }

.no-svg .wl--timeline .wl--timeline--center.hmsip {
  background: url(/images/widget-landers/hmsip/timeline.png) no-repeat top; }

.wl--cta {
  text-align: center;
  margin-bottom: 60px; }
  .wl--cta a {
    padding: 12px 33px;
    display: inline-block; }
  .wl--cta h3 {
    margin: 20px 0;
    font-weight: bold;
    color: #222222;
    font-size: 23px;
    line-height: 28px; }

/*  --------------------------------------------------
  WIDGET STYLES

  - Global
  - How much should I pay
  - Where should I live
---------------------------------------------------- */
/*Global*/
.wg--wrapper {
  padding: 20px 0;
  background: #f1f1f1; }
  .wg--wrapper .wg--container {
    background: white;
    border: #DCDBDB 1px solid;
    padding: 0; }
    .wg--wrapper .wg--container .wg--header {
      padding: 20px 0 5px;
      background: #54C6DB;
      width: 100%;
      text-align: center; }
      .wg--wrapper .wg--container .wg--header img {
        width: 150px; }
    .wg--wrapper .wg--container .wg--content {
      padding: 0px 40px 190px 0px;
      margin: 0 auto; }
      .wg--wrapper .wg--container .wg--content label {
        margin-bottom: 5px;
        display: inline-block; }
      .wg--wrapper .wg--container .wg--content input[type=text].where-summary-field {
        padding: 0 3px; }

.wg--heading {
  color: #3D8794;
  margin: 35px 0 30px;
  text-align: center;
  font-size: 35px; }

.wg--tabs ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .wg--tabs ul li {
    display: inline-block;
    cursor: pointer;
    padding: 15px 11px;
    border-bottom: #DCDBDB 1px solid;
    border-top: #DCDBDB 1px solid;
    border-left: white 1px solid;
    border-right: white 1px solid; }
    .wg--tabs ul li.active {
      border-bottom: white 1px solid;
      border-left: #DCDBDB 1px solid;
      border-right: #DCDBDB 1px solid;
      border-top: #bcbaba 1px solid;
      color: #3D8794; }
    .wg--tabs ul li:hover {
      color: #3D8794;
      background: #f1f1f1; }

.wg--tab > ul#tab {
  list-style: none;
  padding: 0; }
  .wg--tab > ul#tab > li {
    display: none;
    padding-top: 35px; }
  .wg--tab > ul#tab > li.active {
    display: block; }

.wg--footer {
  padding: 15px 0;
  text-align: right;
  font-size: 14px;
  color: #c4c4c4; }
  .wg--footer a {
    margin: 0 0 15px 15px;
    color: #c4c4c4;
    display: inline-block; }
    .wg--footer a:hover {
      color: #444444; }
  .wg--footer .wg--copyright {
    text-align: center;
    font-size: 12px; }

.wg--col {
  display: inline-block;
  margin-right: 40px;
  vertical-align: top; }

.wg--spacer {
  margin-bottom: 20px; }

.wg--select-labels p {
  margin-bottom: 27px; }

.wg--nav-buttons {
  margin: 30px auto 0 auto;
  font-size: 13px;
  width: 215px;
  text-align: center; }

/*WSIL new*/
.wg--areas {
  list-style-type: decimal;
  width: 300px;
  display: inline-block;
  text-align: left; }
  .wg--areas li {
    font-size: 18px;
    padding: 4px 0; }

.wg--purchase {
  margin: 15px 0 0px 0;
  display: block; }
  .wg--purchase img {
    width: 185px; }
  .wg--purchase p {
    font-size: 13px;
    margin-bottom: 5px; }

/* Where to Live */
#where-to-live-name {
  margin-bottom: 0; }

#menu-where-to-live {
  height: 33px;
  width: 777px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x;
  margin-left: -16px; }

#menu-where-to-live ul.tabs li {
  line-height: 33px;
  width: 126px;
  text-align: center; }

#menu-where-to-live ul.tabs li:last-child {
  width: 134px; }

#menu-where-to-live a {
  font-size: 13px; }

#menu-where-to-live ul.tabs li {
  border-left: 2px groove #ebebeb; }

#menu-where-to-live ul.tabs li:first-child {
  border-left: 2px groove #ebebeb; }

#menu-where-4 a {
  margin-top: 1px;
  margin-bottom: 2px;
  line-height: 15px; }

#area-where-to-live #line-selected-purple {
  margin-left: -15px;
  width: 777px; }

#where-to-live-content {
  height: 340px;
  width: 757px;
  background-color: white;
  overflow: hidden; }

.where-to-live-content {
  margin-top: 20px;
  height: 300px;
  width: 747px;
  position: absolute; }

#where-to-live-content-2,
#where-to-live-content-3,
#where-to-live-content-4,
#where-to-live-content-5,
#where-to-live-content-7,
#where-to-live-content-6 {
  visibility: hidden; }

#where-to-live-content-2,
#where-to-live-content-3,
#where-to-live-content-4 {
  margin-top: 30px; }

#tenants-where-to-live-form {
  width: 711px;
  height: 316px; }

#line-where-field-separator {
  width: 741px; }

#where-to-live-intro {
  margin-top: 0;
  margin-bottom: 30px; }

#where-to-live-content-6 #where-to-live-intro {
  margin-top: 0;
  margin-bottom: 10px; }

#where-to-live-content-7 #property-area-details-5 {
  margin-top: 0;
  font-size: 16px;
  margin-bottom: 60px; }

#tenants-where-to-live-form .field-horizontal {
  width: 180px;
  margin-left: 20px; }

#tenants-where-to-live-form .field-horizontal-indented {
  margin-left: 50px; }

#tenants-where-to-live-form .form-heading {
  margin-left: 0;
  margin-bottom: 20px; }

#range_salary, #range_age, #range_nationality {
  width: 180px; }

.tenants-search-field {
  width: 250px; }

.tenants-search-field-short {
  width: 117px;
  line-height: 34px; }

#where-about-note {
  font-size: 14px;
  color: #60605f;
  font-weight: normal; }

#where-to-live-scores {
  width: 657px;
  margin-left: 50px;
  outline: none; }

.tenant-wants-title {
  font-size: 14px;
  font-family: 'PT Sans';
  float: left;
  width: 215px;
  margin-top: 10px;
  margin-right: 20px; }

.tenant-wants-content {
  margin-left: 60px; }

.tenant-wants-label-left,
.tenant-wants-label-right {
  float: left;
  font-size: 13px;
  line-height: 14px;
  font-weight: normal;
  font-family: 'PT Sans';
  color: #60605f;
  width: 130px;
  text-align: right;
  margin: 16px 0 20px 0; }

.tenant-wants-label-right {
  text-align: left;
  width: 120px;
  margin-left: 10px; }

#tenant-wants-content-similar-age .tenant-wants-title,
#tenant-wants-content-similar-nationality .tenant-wants-title {
  margin-top: 5px; }

#tenant-wants-content-central-london .tenant-wants-label-right {
  width: 135px; }

#tenant-wants-content-similar-age .tenant-wants-label-right,
#tenant-wants-content-similar-nationality .tenant-wants-label-right {
  margin-top: 10px; }

.tenant-wants-range-title {
  font-weight: bold; }

.tenant-wants-range {
  float: left;
  margin: 10px 0 25px 0; }

.tenants-wants-score {
  height: 42px;
  min-height: 42px;
  width: 30px;
  background-color: #cccccc;
  color: white;
  font-size: 28px;
  line-height: 36px;
  font-family: 'Rokkitt';
  border: 0;
  font-weight: bold;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  cursor: hand;
  cursor: pointer;
  margin-left: 5px; }

input[type=button].tenants-wants-score {
  font-family: 'Rokkitt'; }

.tenants-wants-score-on {
  background-color: #7030a0; }

.where-zone-button {
  margin-top: 30px;
  margin-left: 30px; }

#where-zone-12-button, #where-zone-34-button, #where-zone-56-button {
  padding: 0;
  height: 29px;
  line-height: 21px;
  font-weight: normal;
  font-size: 16px; }

#where-london-map-content {
  float: left;
  width: 280px; }

#where-london-tube-content {
  float: left;
  width: 300px;
  margin-left: 110px; }

#where-to-live-summary {
  margin-top: 0px;
  font-size: 16px; }

.where-summary-title {
  width: 230px;
  text-align: right;
  float: left;
  line-height: 34px;
  margin-bottom: 5px;
  font-family: Rokkitt;
  font-size: 18px;
  font-weight: bold; }

.where-summary-title a {
  font-family: Rokkitt;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none; }

.where-summary-dataset {
  margin-bottom: 5px;
  float: left; }

.where-summary-data, .where-summary-data-short {
  width: 160px;
  text-align: right;
  float: left;
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap; }

.where-summary-data-short {
  width: 140px;
  text-align: left; }

.where-summary-data-short:first-child {
  margin-left: 30px; }

#where-summary-data-location {
  width: 400px;
  margin-left: 30px; }

.where-summary-field {
  background-color: #7030a0;
  color: white;
  font-family: Rokkitt;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  height: 20px; }

#where-to-live-submit-affiliate,
#where-to-live-submit {
  margin-top: 35px;
  margin-left: 250px; }

#where-to-live-content-7 #where-to-live-submit {
  margin-top: 69px; }

#where-to-live-handwriting {
  position: absolute;
  margin-top: -86px;
  margin-left: 20px; }

#where-to-live-strip {
  margin-left: 290px; }

#where-to-live-instructions {
  position: absolute;
  display: none;
  top: 5px;
  left: 50%;
  z-index: 99999999;
  width: 360px;
  line-height: 28px;
  padding: 35px 35px 45px 35px;
  font-size: 22px;
  height: 160px;
  color: white;
  font-style: normal;
  text-align: center;
  background-color: #50c9de;
  border: 0px solid black;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  visibility: hidden; }

#where-to-live-areas a {
  text-decoration: none;
  color: #50c9de;
  font-size: 16px; }

#where-to-live-areas a:hover {
  text-decoration: underline; }

#where-retrieve-data {
  margin: 65px 0 0 90px; }

#map-where-how-button {
  width: 270px;
  margin-left: -5px; }

#where-tab-dots {
  position: absolute;
  margin-top: -18px;
  margin-left: 310px; }

.where-to-live-content ol.where-note {
  margin-top: 20px;
  margin-left: -23px;
  width: 180px; }

.where-to-live-content ol.where-note li {
  font-family: 'PT Sans','Arial';
  font-size: 12px;
  color: #7d7d7d; }

.where-information-image {
  position: absolute;
  margin-left: -215px;
  margin-top: -53px;
  display: none; }

#where-to-live-results {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 999999999;
  width: 757px;
  height: 470px;
  padding: 0px 35px 200px 35px;
  font-size: 14px;
  font-style: normal;
  text-align: center;
  background-color: white;
  text-align: center;
  display: none; }

#widget-where-to-live {
  width: 757px; }

/*#where-to-live-areas-recommended {
  height:260px;
}*/
.where-to-live-area {
  width: 700px;
  margin-top: 3px; }

.where-to-live-area-image {
  float: left;
  width: 65px;
  text-align: center;
  overflow: hidden; }

.where-to-live-area-image img {
  height: 44px;
  width: auto;
  border-radius: 5px; }

.where-to-live-area-name {
  float: left;
  margin-left: 10px;
  width: 430px;
  text-align: left; }

.where-to-live-area-name a {
  font-size: 36px;
  line-height: 44px;
  font-weight: bold;
  text-decoration: none;
  font-family: 'Rokkitt'; }

.where-to-live-area-data {
  float: left;
  margin-left: 10px;
  font-size: 36px;
  line-height: 44px;
  font-weight: bold;
  width: 100px;
  font-family: 'Rokkitt';
  text-align: right; }

.where-to-live-area-note {
  float: left;
  font-size: 11px;
  width: 80px;
  margin-top: 4px; }

/* How Much Should I Pay */
#map-how-much-button {
  margin-left: 25px;
  margin-top: 4px; }

#how-much-to-pay-name {
  margin-bottom: 0; }

#menu-how-much-to-pay {
  height: 33px;
  width: 777px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x;
  margin-left: -15px; }

#menu-how-much-to-pay ul.tabs li {
  line-height: 33px;
  width: 154px;
  text-align: center; }

#menu-how-much-to-pay ul.tabs li:last-child {
  width: 153px; }

#menu-how-much-to-pay a {
  font-size: 13px; }

#menu-how-much-to-pay ul.tabs li {
  border-left: 2px groove #ebebeb; }

#menu-how-much-to-pay ul.tabs li:first-child {
  border-left: 0; }

#area-how-much-to-pay #line-selected-blue {
  margin-left: -15px;
  width: 777px; }

#how-much-to-pay-content {
  height: 340px;
  width: 757px;
  background-color: white;
  overflow: hidden; }

.how-much-to-pay-content {
  margin-top: 20px;
  height: 300px;
  width: 747px;
  position: absolute; }

#how-much-to-pay-content-2,
#how-much-to-pay-content-3,
#how-much-to-pay-content-4,
#how-much-to-pay-content-5,
#how-much-to-pay-content-6 {
  visibility: hidden; }

.how-much-to-pay-intro {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: 'Rokkitt'; }

#property-area-details-1, #property-area-details-2 {
  font-size: 16px;
  font-weight: bold; }

#property-area-details-3 {
  font-size: 16px; }

#property-area-details-4 {
  font-size: 16px;
  margin-bottom: 60px; }

#tenants-how-much-to-pay-form {
  width: 757px;
  height: 316px; }

#tenants-how-much-to-pay-form .field-horizontal {
  width: 180px;
  margin-left: 20px; }

#tenants-how-much-to-pay-form .field-horizontal-indented {
  margin-left: 50px; }

#how-much-to-pay-content-1 a {
  font-size: 12px;
  color: #7d7d7d; }

#property-details-label {
  float: left;
  width: 220px;
  margin: -1px 30px 0 0; }

#property-details-label div {
  font-size: 14px;
  width: 200px; }

#property-details-postcode {
  float: left; }

#property_postcode {
  /*width:162px;*/
  color: #7d7d7d; }

#property-details-uprn {
  position: absolute;
  margin-left: 250px;
  background-color: white;
  width: 535px;
  height: 42px;
  display: none; }

#property_uprn {
  width: 260px; }

#property-details-address {
  position: absolute;
  margin-left: 250px;
  height: 45px;
  background-color: white;
  width: 548px;
  display: none;
  margin-top: 0px; }

#property_concat_address {
  min-width: 300px;
  margin-left: -4px; }

.how-much-information-image {
  position: absolute;
  margin-left: 50px;
  margin-top: -64px;
  display: none; }

#property-rent-details {
  margin-top: 30px; }

#property-rent-label {
  float: left;
  width: 220px;
  margin: -2px 30px 0 0;
  font-size: 14px; }

#property-rent, #property-rent-period, #property-rent-type {
  float: left;
  width: 130px; }

#property-rent-period div, #property-rent-type div {
  font-size: 12px; }

#how-much-to-pay-rent {
  width: 92px;
  margin-top: 0px; }

#how-much-to-pay-rent-period, #how-much-to-pay-rent-type {
  /*width:100px;
  height:27px;*/ }

#property-area-details-2 {
  margin-top: 30px; }

#property-area-label {
  margin-top: 20px; }

#property-area-label {
  float: left;
  width: 220px;
  margin: -2px 30px 0 0;
  font-size: 14px; }

#property-area {
  float: left;
  width: 230px; }

#property_area {
  /*  width:170px;
    height:27px;*/ }

#property-rent-details .information-button {
  margin: 7px 0 0 -15px; }

.how-much-to-pay-label {
  float: left;
  width: 200px;
  margin-top: 5px;
  font-size: 14px; }

.how-much-to-pay-select {
  float: left;
  width: 160px; }

.how-much-to-pay-select select {
  width: 158px; }

#property-receptions, #property-type, #property-concierge {
  float: left;
  margin-top: 20px; }

#property-bedrooms, #property-bathrooms, #property-size,
#property-floors, #property-built, #property-outdoors {
  float: left;
  margin-top: 30px; }

#property-concierge, #property-outdoors {
  margin-left: 25px; }

#how-much-scores {
  width: 657px;
  margin-left: 50px;
  outline: none; }

.tenant-how-much-title {
  font-size: 16px;
  float: left;
  width: 215px;
  margin-top: 10px;
  margin-right: 20px; }

.tenant-how-much-content {
  margin-left: 60px; }

.tenant-how-much-label-left,
.tenant-how-much-label-right {
  float: left;
  font-size: 13px;
  line-height: 14px;
  font-weight: normal;
  font-family: 'PT Sans';
  color: #60605f;
  width: 130px;
  text-align: right;
  margin: 16px 0 20px 0; }

.tenant-how-much-label-right {
  text-align: left;
  width: 120px;
  margin-left: 10px; }

.tenant-how-much-range-title {
  font-weight: bold; }

.tenant-how-much-range {
  float: left;
  margin: 10px 0 5px 0; }

.tenants-how-much-score {
  height: 42px;
  min-height: 42px;
  width: 30px;
  background-color: #cccccc;
  color: white;
  font-size: 28px;
  line-height: 36px;
  font-family: 'Rokkitt';
  border: 0;
  font-weight: bold;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  cursor: hand;
  cursor: pointer;
  margin-left: 5px; }

input[type=button].tenants-how-much-score {
  font-family: 'Rokkitt'; }

.tenants-how-much-score-on {
  background-color: #50c9de; }

.how-much-summary-title {
  width: 230px;
  text-align: right;
  float: left;
  line-height: 34px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #60605f; }

.how-much-summary-title a {
  font-family: Rokkitt;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #60605f; }

.how-much-summary-dataset {
  margin-bottom: 5px;
  float: left; }

.how-much-summary-data, .how-much-summary-data-short {
  text-align: right;
  float: left;
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap; }

.how-much-summary-data-short {
  margin-right: 20px;
  text-align: left; }

.how-much-summary-data {
  width: 100px; }

.how-much-summary-data:first-child {
  width: 60px; }

.how-much-summary-data, .how-much-summary-data-short:first-child {
  margin-left: 30px; }

#how-much-summary-data-location {
  width: 400px;
  margin-left: 30px; }

.how-much-summary-field {
  background-color: #50c9de;
  color: white;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  padding: 0 !important;
  text-align: center;
  height: 20px !important; }

#how-much-to-pay-submit-affiliate,
#how-much-to-pay-submit {
  /*width:250px;*/
  margin-top: 35px;
  margin-left: 250px; }

#how-much-to-pay-content-6 #how-much-to-pay-submit {
  margin-top: 72px; }

#how-much-tab-dots {
  position: absolute;
  margin-top: -18px;
  margin-left: 310px; }

#how-much-to-pay-handwriting {
  position: absolute;
  margin-top: -86px;
  margin-left: 20px; }

#widget-how-much-to-pay {
  width: 757px;
  margin: 0 auto; }

#how-much-to-pay-name {
  margin: 0;
  width: 737px; }

#menu-how-much-to-pay {
  width: 772px; }

#menu-how-much-to-pay ul.tabs li:last-child {
  width: 148px; }

#how-much-to-pay-progress, #how-much-to-pay-results {
  margin-top: 96px; }

#property-rent-period, #property-rent-type {
  margin-top: 3px; }

.how-much-information-image {
  margin-left: -238px; }

.widget-user-message {
  margin-left: 10px;
  color: #be1522;
  display: none; }

#where-to-live-progress,
#how-much-to-pay-progress {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 99999999;
  width: 757px;
  height: 400px;
  padding: 45px 30px 45px 65px;
  background-color: white;
  display: none; }

#how-much-to-pay-progress {
  height: 450px; }

#where-to-live-progress {
  margin-top: 106px; }

#where-to-live-progress img,
#how-much-to-pay-progress img {
  margin: 70px 0 0 290px; }

#how-much-to-pay-results {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 999999999;
  width: 680px;
  height: 450px;
  padding: 20px 35px 45px 35px;
  font-size: 14px;
  #  line-height: 40px;
  font-style: normal;
  text-align: center;
  background-color: white;
  text-align: center;
  display: none; }

#how-much-to-pay-result-price span, #how-much-to-pay-result-confidence {
  font-weight: bold;
  font-size: 30px; }

#how-much-to-pay-result-price, #how-much-to-pay-result-confidence {
  line-height: 50px; }

#how-much-to-pay-result-confidence {
  text-transform: uppercase; }

#how-much-to-pay-button {
  margin-top: 71px; }

/*  --------------------------------------------------
  DISCOVER LONDON
---------------------------------------------------- */
.dl--overview {
  text-align: center; }

.dl--map-heading {
  text-align: center; }

/* Map filter section */
.dl--map-filter {
  font-size: 13px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 25px 0;
  text-align: center; }
  .dl--map-filter > div {
    display: inline-block; }
    .dl--map-filter > div span {
      margin-right: 5px; }
    .dl--map-filter > div select {
      margin-right: 35px; }

/*Map data row*/
.dl--map-data-wrapper {
  background: #f1f1f1;
  padding: 20px 0; }

.dl--map-data .col-1, .dl--map-data .col-2, .dl--map-data .col-3 {
  display: inline-block;
  vertical-align: top; }

.col-1 {
  margin-right: 40px;
  min-width: 290px; }
  .col-1 h3 {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px; }
  .col-1 a {
    width: 250px;
    padding: 7px 0;
    display: block;
    text-align: center;
    margin: 15px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
  .col-1 .area-properties {
    border: solid 1px #222222;
    color: #222222; }
    .col-1 .area-properties:hover {
      color: #202020;
      border-color: #202020; }

.col-2 {
  margin-right: 50px;
  min-width: 220px; }
  .col-2 h3 {
    font-weight: bold;
    font-size: 25px;
    margin: 5px 0 20px 0; }
  .col-2 .dl--map-data-arrow {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 5px 5px 0 0; }
  .col-2 .dl--map-data-perc {
    display: inline-block;
    font-weight: bold;
    font-size: 25px;
    margin: 5px 0 20px 0;
    vertical-align: top; }

.col-3 .dl--data-map-legend-title {
  margin-bottom: 5px; }
.col-3 .dl--data-map-legend-tile {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 3px 5px 5px 0;
  border-radius: 9999px;
  -moz-border-radius: 9999px;
  -webkit-border-radius: 9999px; }
.col-3 .dl--data-map-legend-name {
  display: inline-block;
  font-size: 13px;
  color: #444444;
  vertical-align: top; }

/*Compare section*/
.dl--compare {
  margin-bottom: 60px; }
  .dl--compare .dl--left-col {
    display: inline-block;
    width: 460px;
    margin-right: 50px; }
    .dl--compare .dl--left-col a {
      margin-top: 20px;
      display: inline-block; }
  .dl--compare .dl--right-col {
    display: inline-block;
    width: 460px;
    text-align: center;
    vertical-align: top;
    padding-top: 55px; }
    .dl--compare .dl--right-col img {
      width: 200px; }

.dl--compare--areas .dl--compare--areas--overview {
  text-align: center; }
.dl--compare--areas input[type=button] {
  display: inline-block;
  margin: 0 15px 15px 15px; }
.dl--compare--areas .dl--compare--areas--col {
  display: inline-block;
  margin: 0 27px 60px 0;
  vertical-align: top; }
  .dl--compare--areas .dl--compare--areas--col .map-compare-item {
    margin-bottom: 9px;
    line-height: 20px; }
  .dl--compare--areas .dl--compare--areas--col .map-compare-zone {
    width: 136px;
    text-align: left;
    margin-bottom: 7px; }

/*Area info popup*/
.dl--area-profile-popup {
  z-index: 59; }

/*Local Treasures*/
.dl--area-info--treasures .treasure-map-google {
  width: 440px;
  height: 275px;
  display: inline-block;
  border: 1px solid #DCDBDB;
  margin-right: 15px;
  vertical-align: top; }
.dl--area-info--treasures #map-zoom-google {
  margin-top: -147px;
  margin-left: 10px; }
.dl--area-info--treasures .treasure--text {
  display: inline-block;
  width: 288px; }
.dl--area-info--treasures .treasure--filters {
  margin-bottom: 10px; }
  .dl--area-info--treasures .treasure--filters > div {
    margin-bottom: 5px; }
    .dl--area-info--treasures .treasure--filters > div > div {
      height: 20px;
      width: 20px;
      border-radius: 999px;
      -moz-border-radius: 999px;
      -webkit-border-radius: 999px;
      display: inline-block;
      vertical-align: top;
      margin-right: 10px; }
    .dl--area-info--treasures .treasure--filters > div .pubs-bars {
      background: #54C6DB; }
    .dl--area-info--treasures .treasure--filters > div .restaurants-cafes {
      background: #F15E4A; }
    .dl--area-info--treasures .treasure--filters > div .open-spaces {
      background: #7DC142; }
    .dl--area-info--treasures .treasure--filters > div .shops-markets {
      background: #B56AEA; }
.dl--area-info--treasures small img {
  margin-left: 20px; }

.treasure-label {
  position: absolute;
  background: white;
  width: 205px;
  margin: -128px 0 0 6px;
  display: none;
  padding-bottom: 10px; }
  .treasure-label:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: white;
    border-width: 10px;
    margin-left: -10px; }
  .treasure-label .treasure-label-banner {
    padding: 0 5px 1px 10px;
    line-height: 27px;
    text-transform: uppercase;
    background-color: #f1f1f1;
    border-radius: 3px 3px 0 0;
    /*Top left */
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    /*Top right */
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    /*Bottom left */
    -moz-border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    /*Bottom right */
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
    .treasure-label .treasure-label-banner img {
      width: 18px;
      margin-top: 4px; }
  .treasure-label .treasure-label-name {
    padding: 7px 0 0 5px;
    font-size: 12px;
    line-height: 18px; }
  .treasure-label .treasure-label-content {
    margin: 2px 0 0 5px;
    font-size: 10px;
    line-height: 11px;
    width: 190px;
    text-overflow: ellipsis;
    overflow-y: hidden;
    border: 1px solid white; }
  .treasure-label .treasure-label-image {
    width: 80px;
    height: auto;
    max-height: 68px;
    overflow: hidden;
    margin: 1px 5px 0 3px; }

/*Blog Hompage*/
.bh--wrapper {
  margin-bottom: 60px; }

.bh--listing {
  border-bottom: #DCDBDB 1px solid;
  display: block;
  padding: 20px 20px; }
  .bh--listing::after {
    clear: both;
    content: "";
    display: table; }
  .bh--listing .bh--listing--header h2 {
    margin-top: 0; }
    @media screen and (min-width: 40.0625em) and (max-width: 48em) {
      .bh--listing .bh--listing--header h2 {
        padding-right: 80px; } }
    @media screen and (min-width: 48.0625em) {
      .bh--listing .bh--listing--header h2 {
        padding-right: 80px; } }
    .bh--listing .bh--listing--header h2 a {
      font-family: "MyriadPro", Helvetica, Arial, sans-serif;
      font-size: 35px;
      line-height: 42px;
      color: #222222;
      text-decoration: none; }
      .bh--listing .bh--listing--header h2 a:hover {
        color: #3a808d; }
  .bh--listing .bh--listing--header span {
    color: #3D8794;
    font-size: 16px;
    line-height: 24px; }
  .bh--listing .bh--listing--header p {
    font-size: 16px;
    line-height: 24px; }
  .bh--listing:last-child {
    border-bottom: none; }

.bh--listing--inner .bh--listing--description {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 24px; }
  .bh--listing--inner .bh--listing--description:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48.0625em) {
    .bh--listing--inner .bh--listing--description {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 66.2783%;
      padding-right: 40px; }
      .bh--listing--inner .bh--listing--description:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 48.0625em) {
    .bh--listing--inner .bh--listing--description {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 66.2783%;
      padding-right: 40px; }
      .bh--listing--inner .bh--listing--description:last-child {
        margin-right: 0; } }
  .bh--listing--inner .bh--listing--description a {
    color: #222222 !important;
    text-decoration: none; }
  .bh--listing--inner .bh--listing--description .bh--listing--read-more a {
    display: inline-block;
    margin: 10px 0 20px 0; }
.bh--listing--inner .bh--listing--image {
  display: inline-block;
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 100%; }
  .bh--listing--inner .bh--listing--image:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48.0625em) {
    .bh--listing--inner .bh--listing--image {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 32.55661%; }
      .bh--listing--inner .bh--listing--image:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 48.0625em) {
    .bh--listing--inner .bh--listing--image {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 32.55661%; }
      .bh--listing--inner .bh--listing--image:last-child {
        margin-right: 0; } }
  .bh--listing--inner .bh--listing--image a img, .bh--listing--inner .bh--listing--image img {
    width: 100%;
    margin-bottom: 15px; }
    @media screen and (min-width: 48.0625em) {
      .bh--listing--inner .bh--listing--image a img, .bh--listing--inner .bh--listing--image img {
        width: 300px;
        margin-bottom: 0px; } }

.bh--listing--categories {
  margin-bottom: 15px; }
  .bh--listing--categories img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .bh--listing--categories a {
    text-decoration: none; }
    .bh--listing--categories a:hover {
      border-bottom: 1px solid #222222; }

.bh--listing--areas {
  margin-bottom: 15px; }
  .bh--listing--areas img {
    margin-right: 10px; }
  .bh--listing--areas a {
    text-decoration: none; }
    .bh--listing--areas a:hover {
      border-bottom: 1px solid #222222; }

/*Blog homepage end*/
/*Blog detail page*/
.bd--header {
  text-align: center;
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 100%;
  padding: 0 20px; }
  .bd--header:last-child {
    margin-right: 0; }
  .bd--header h1 {
    font-weight: bold;
    color: #444444;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top: 30px; }
    @media screen and (min-width: 48.0625em) {
      .bd--header h1 {
        font-size: 45px;
        line-height: 45px;
        margin-top: 0px; } }
    @media screen and (min-width: 48.0625em) {
      .bd--header h1 {
        margin-top: 0px; } }

.bd--share {
  text-align: center;
  margin-bottom: 20px; }
  .bd--share span {
    color: #6ab4c2;
    text-transform: uppercase;
    position: relative;
    top: -11px;
    font-size: 13px; }
  .bd--share ul {
    list-style: none;
    display: inline-block;
    padding-left: 10px; }
    .bd--share ul li {
      display: inline-block;
      margin-left: 5px; }
      .bd--share ul li a {
        width: 32px;
        height: 32px;
        display: block;
        background: url(/images/global/social-rgb.svg) no-repeat; }
        .bd--share ul li a.facebook {
          background-position: 0px 0px; }
        .bd--share ul li a.twitter {
          background-position: -33px 0px; }
        .bd--share ul li a.linkedin {
          background-position: -66px 0px; }
        .bd--share ul li a.google {
          background-position: -99px 0px; }
        .bd--share ul li a.reddit {
          background-position: -132px 0px; }
        .bd--share ul li a:hover {
          opacity: 0.8; }

.bd--main-image {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 100%;
  padding: 0 20px; }
  .bd--main-image:last-child {
    margin-right: 0; }
  .bd--main-image .bd--video {
    text-align: center; }
  .bd--main-image .bd--image {
    text-align: center; }
    .bd--main-image .bd--image img {
      max-width: 666px;
      width: 100%; }
  .bd--main-image .bd--image-title {
    font-style: italic;
    font-size: 14px; }
    .bd--main-image .bd--image-title img {
      width: 100%; }
      @media screen and (min-width: 48.0625em) {
        .bd--main-image .bd--image-title img {
          width: auto; } }
      @media screen and (min-width: 40.0625em) and (max-width: 48em) {
        .bd--main-image .bd--image-title img {
          width: auto; } }

.bd--content {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 100%;
  padding: 0 20px; }
  .bd--content:last-child {
    margin-right: 0; }
  .bd--content h2 {
    font-size: 27px; }
  .bd--content h3 {
    font-weight: bold;
    font-size: 20px; }
  .bd--content a {
    text-decoration: none;
    border-bottom: 1px solid #989898; }
    .bd--content a:hover {
      border-bottom: 1px solid #222222; }

.bd--rent-view {
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 100%;
  padding: 0 20px; }
  .bd--rent-view:last-child {
    margin-right: 0; }
  .bd--rent-view .bd--rent-view--heading {
    font-weight: bold;
    color: #222222;
    margin: 40px 0 15px;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 10px; }
    @media screen and (min-width: 48.0625em) {
      .bd--rent-view .bd--rent-view--heading {
        font-size: 45px;
        line-height: 45px; } }

.bd--footer {
  margin: 40px 0 60px 0;
  float: left;
  display: block;
  margin-right: 1.16509%;
  width: 100%;
  padding: 0 20px; }
  .bd--footer:last-child {
    margin-right: 0; }

/*End blog detail page*/
/*Blog other pages*/
.bo--category--heading {
  font-weight: 100;
  text-align: center; }

.bo--category--links {
  text-align: center;
  margin-bottom: 60px; }
  .bo--category--links ul li {
    display: block; }
    .bo--category--links ul li a {
      margin: 5px 0px; }

.bo--list ul li {
  border-bottom: #DCDBDB 1px solid;
  padding: 40px 0; }
.bo--list h2 {
  margin: 0 0 5px 0; }
.bo--list .bo--list--date {
  margin-bottom: 10px; }

/*  --------------------------------------------------
  PROPERTY DETAIL PAGE
---------------------------------------------------- */
/*Property not found*/
.pnf--wrapper {
  margin-bottom: 60px; }

/*Property detail*/
.pd--left-col {
  display: inline-block;
  width: 640px;
  margin: 0 50px 60px 0;
  vertical-align: top; }

.pd--right-col {
  display: inline-block;
  width: 305px;
  vertical-align: top; }

.pd--title-band {
  padding: 20px 0; }

.pd--header .pd--left-col {
  margin-bottom: 0; }
  .pd--header .pd--left-col .pd--name-wrapper {
    display: inline-block;
    width: 456px;
    vertical-align: top; }
    .pd--header .pd--left-col .pd--name-wrapper h2 {
      font-size: 35px;
      color: white;
      font-weight: bold;
      line-height: 36px;
      margin: 0; }
    .pd--header .pd--left-col .pd--name-wrapper h1.pd--prop-type {
      color: #d4f1f6;
      font-size: 25px;
      margin-top: 8px;
      font-weight: 100; }
  .pd--header .pd--left-col .pd--price-wrapper {
    display: inline-block;
    width: 180px;
    color: white;
    padding-top: 7px;
    text-align: right; }
    .pd--header .pd--left-col .pd--price-wrapper .pd--price--week {
      font-size: 35px;
      font-weight: bold;
      margin-bottom: 8px; }
    .pd--header .pd--left-col .pd--price-wrapper .pd--price--month {
      font-size: 25px;
      color: #d4f1f6;
      font-weight: 100; }
    .pd--header .pd--left-col .pd--price-wrapper small {
      font-weight: 100;
      font-size: 18px; }
.pd--header .pd--right-col {
  text-align: right;
  color: white;
  vertical-align: top;
  padding-top: 15px;
  font-size: 14px; }
  .pd--header .pd--right-col div {
    margin-bottom: 8px; }

.pd--tabs ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .pd--tabs ul li {
    display: inline-block;
    cursor: pointer;
    padding: 15px 15px;
    border-bottom: #DCDBDB 1px solid;
    border-top: #DCDBDB 1px solid;
    border-left: white 1px solid;
    border-right: white 1px solid;
    transition: all 200ms ease; }
    .pd--tabs ul li.active {
      border-bottom: white 1px solid;
      border-left: #DCDBDB 1px solid;
      border-right: #DCDBDB 1px solid;
      border-top: #bcbaba 1px solid;
      color: #3D8794; }
    .pd--tabs ul li:hover {
      color: #3D8794;
      background: #f1f1f1; }

.pd--main-content > ul#tab {
  list-style: none;
  padding: 0; }
  .pd--main-content > ul#tab > li {
    position: absolute;
    left: -99999px; }
  .pd--main-content > ul#tab > li.active {
    position: relative;
    left: 0; }

/*Area tab content*/
.pd--tabs--area .pd--tabs--area--icons > div {
  display: inline-block;
  margin-right: 35px; }
  .pd--tabs--area .pd--tabs--area--icons > div > div {
    height: 20px;
    width: 20px;
    border-radius: 999px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    display: inline-block; }
  .pd--tabs--area .pd--tabs--area--icons > div .tube-stations {
    background: #54C6DB; }
  .pd--tabs--area .pd--tabs--area--icons > div .primary-schools {
    background: #F15E4A; }
  .pd--tabs--area .pd--tabs--area--icons > div .open-spaces {
    background: #7DC142; }
  .pd--tabs--area .pd--tabs--area--icons > div h3 {
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    padding-left: 15px; }

/*Area map*/
.pd--tabs--area {
  padding-top: 20px; }
  .pd--tabs--area h3 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px; }
  .pd--tabs--area .pd--tabs--area--icons h3 {
    font-size: 16px;
    font-weight: normal; }

.pd--tabs--transport {
  padding-top: 20px; }

#nearby-map-google {
  width: 650px;
  height: 460px;
  border: 1px solid #DCDBDB;
  margin-top: 8px; }

/*Description*/
.pd--description {
  margin-top: 40px; }

/*Image Slider and description*/
.pd--image-slider div img {
  width: 648px;
  height: 467px; }
.pd--image-slider button.slick-next, .pd--image-slider button.slick-prev {
  background: #54C6DB;
  width: 40px;
  height: 40px;
  top: 49%; }
.pd--image-slider button.slick-next {
  right: 0px;
  /*Top left */
  -moz-border-top-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  /*Top right */
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  /*Bottom left */
  -moz-border-bottom-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  /*Bottom right */
  -moz-border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }
.pd--image-slider button.slick-prev {
  left: 0px;
  /*Top left */
  -moz-border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  /*Top right */
  -moz-border-top-right-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  /*Bottom left */
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  /*Bottom right */
  -moz-border-bottom-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.pd--image-slider--nav {
  width: 648px; }
  .pd--image-slider--nav .slick-center img {
    border-bottom: solid 1px #54C6DB;
    border-top: solid 1px #54C6DB; }
  .pd--image-slider--nav .slick-slide img {
    height: 80px;
    width: 111px; }
  .pd--image-slider--nav button.slick-next, .pd--image-slider--nav button.slick-prev {
    background: white;
    width: 22px;
    height: 80px;
    top: 10px; }
    .pd--image-slider--nav button.slick-next:before, .pd--image-slider--nav button.slick-prev:before {
      color: #54C6DB; }
    .pd--image-slider--nav button.slick-next:hover, .pd--image-slider--nav button.slick-prev:hover {
      background: #f1f1f1; }
  .pd--image-slider--nav button.slick-next {
    right: 0px;
    /*Top left */
    -moz-border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    /*Top right */
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    /*Bottom left */
    -moz-border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    /*Bottom right */
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
  .pd--image-slider--nav button.slick-prev {
    left: 0px;
    /*Top left */
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    /*Top right */
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    /*Bottom left */
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    /*Bottom right */
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px; }

.pd--score {
  background: #f1f1f1;
  color: #444444;
  text-align: right;
  padding-right: 70px;
  line-height: 57px;
  margin-bottom: 15px; }
  .pd--score .number {
    background: #54C6DB;
    color: white;
    padding: 0px 15px;
    font-size: 25px;
    font-weight: bold;
    float: left; }

.pd--panel {
  background: #f1f1f1;
  padding: 20px;
  margin-bottom: 40px; }
  .pd--panel .pd--overview h3 {
    margin: 0 0 10px 0;
    text-align: center;
    color: #b5b5b5;
    font-weight: 100;
    font-size: 20px; }
  .pd--panel .pd--overview ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .pd--panel .pd--overview ul li {
      padding: 3px 0; }
  .pd--panel .pd--overview .pd--overview--left, .pd--panel .pd--overview .pd--overview--right {
    display: inline-block;
    font-size: 14px; }
  .pd--panel .pd--overview .pd--overview--left {
    width: 98px;
    color: #9d9d9d; }
  .pd--panel .pd--overview .pd--overview--right {
    width: 136px;
    font-weight: bold;
    margin-left: 15px; }
  .pd--panel .pd--overview-button {
    background: #54C6DB;
    color: white;
    text-align: center;
    padding: 4px 0 6px 0;
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 20px 0;
    text-decoration: none; }
    .pd--panel .pd--overview-button:hover {
      background: #47c2d8; }
  .pd--panel .pd--overview--fav, .pd--panel .pd--overview--work, .pd--panel .pd--overview--social {
    color: #9d9d9d;
    text-align: center;
    font-size: 14px;
    margin-bottom: 25px; }
    .pd--panel .pd--overview--fav hr, .pd--panel .pd--overview--work hr, .pd--panel .pd--overview--social hr {
      color: #414141;
      border-top: #DCDBDB solid 1px;
      border-left: none;
      border-right: none; }
  .pd--panel .pd--overview--fav {
    margin-bottom: 0; }
    .pd--panel .pd--overview--fav hr {
      margin-top: 25px; }
    .pd--panel .pd--overview--fav a.active svg .pb--fav-icon {
      fill: #54C6DB; }
    .pd--panel .pd--overview--fav svg {
      position: relative;
      top: -25px; }
      .pd--panel .pd--overview--fav svg .pb--fav-icon-bkg {
        fill: #f1f1f1; }
      .pd--panel .pd--overview--fav svg .pb--fav-icon {
        fill: #f1f1f1; }
      .pd--panel .pd--overview--fav svg .pb--fav-icon-stroke {
        fill: #c6c5c5; }
      .pd--panel .pd--overview--fav svg:hover .pb--fav-icon {
        fill: #54C6DB; }
  .pd--panel .pd--overview--work {
    margin-bottom: 32px; }
    .pd--panel .pd--overview--work input[type=text] {
      width: 148px;
      float: left;
      font-size: 13px; }
    .pd--panel .pd--overview--work input[type=submit] {
      background: #3D8794;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      color: white;
      padding: 10px 10px;
      border: none;
      margin: 0;
      display: inline-block; }
      .pd--panel .pd--overview--work input[type=submit]:hover {
        background: #3a808d;
        cursor: pointer; }
  .pd--panel .pd--overview--social ul {
    list-style: none;
    margin-top: 15px; }
    .pd--panel .pd--overview--social ul li {
      display: inline-block;
      margin: 0 2px; }
      .pd--panel .pd--overview--social ul li a {
        display: block;
        height: 32px;
        width: 32px;
        background: url(/images/global/social-rgb.svg) no-repeat; }
        .pd--panel .pd--overview--social ul li a.facebook {
          background-position: 0px 0px; }
        .pd--panel .pd--overview--social ul li a.twitter {
          background-position: -33px 0px; }
        .pd--panel .pd--overview--social ul li a.linkedin {
          background-position: -66px 0px; }
        .pd--panel .pd--overview--social ul li a.google {
          background-position: -99px 0px; }
        .pd--panel .pd--overview--social ul li a:hover {
          opacity: 0.8; }

/*Placeholder styling*/
.pd--overview--work input::-webkit-input-placeholder {
  font-size: 13px; }
.pd--overview--work input:-moz-placeholder {
  font-size: 13px; }
.pd--overview--work input::-moz-placeholder {
  font-size: 13px; }
.pd--overview--work input:-ms-input-placeholder {
  font-size: 13px; }

/*****************Tabs section****************/
/*Leasing tabs*/
.pd--leasing-tab {
  padding-top: 20px; }
  .pd--leasing-tab h3 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px; }
  .pd--leasing-tab > div > div {
    display: inline-block;
    width: 200px; }
    .pd--leasing-tab > div > div ul {
      margin-bottom: 40px; }
      .pd--leasing-tab > div > div ul li {
        padding: 3px 0; }

.pd--streetview, .pd--map {
  margin-top: 40px;
  height: 500px; }

/*Local transport*/
.pd--trans--headings {
  margin-bottom: 10px; }
  .pd--trans--headings > div {
    display: inline-block;
    margin-right: 20px;
    min-width: 165px;
    min-width: 135px;
    text-align: center;
    font-weight: bold; }
    .pd--trans--headings > div:last-child {
      min-width: 50px; }
  .pd--trans--headings.hl--shrt > div {
    min-width: 115px; }
    .pd--trans--headings.hl--shrt > div:last-child {
      min-width: 50px; }

.pd--trans--data-wrapper {
  display: block;
  margin-bottom: 20px;
  font-size: 14px; }
  .pd--trans--data-wrapper .pd--trans--data {
    display: inline-block;
    margin-right: 20px;
    min-width: 165px;
    min-width: 135px;
    vertical-align: middle;
    text-align: center; }
    .pd--trans--data-wrapper .pd--trans--data:last-of-type {
      min-width: 50px; }
    .pd--trans--data-wrapper .pd--trans--data.hl--shrt {
      min-width: 130px; }
    .pd--trans--data-wrapper .pd--trans--data.hl--shrt-2 {
      min-width: 50px; }

.tenants-dashboard-scroll {
  height: auto !important; }

/***************** Popups ****************/
/*Time to work*/
#travel-time-transit-map, #travel-time-driving-map, #travel-time-walking-map {
  height: 400px;
  width: 600px;
  overflow: hidden;
  margin-bottom: 15px; }

.pd--travel-value {
  margin-top: 10px;
  text-align: left; }
  .pd--travel-value .pd--travel-icon {
    width: 20px; }

/*Blog menu styles*/
.bm--wrapper {
  background: #54C6DB;
  padding-top: 20px; }
  .bm--wrapper .bm--list {
    text-align: center; }
    .bm--wrapper .bm--list li {
      display: inline-block;
      padding: 25px 65px;
      color: white;
      font-weight: bold; }
      .bm--wrapper .bm--list li:hover {
        background: #47c2d8;
        cursor: pointer; }
      .bm--wrapper .bm--list li.active {
        background: #47c2d8; }
      .bm--wrapper .bm--list li:last-child {
        padding: 0; }
      .bm--wrapper .bm--list li a {
        padding: 25px 65px;
        display: block;
        color: white;
        font-weight: bold; }
        .bm--wrapper .bm--list li a:hover {
          background: #47c2d8; }
      .bm--wrapper .bm--list li.active a {
        background: #47c2d8; }

/*Style to show menu in JS*/
#menuContent > li {
  display: none; }
  #menuContent > li.active {
    display: block; }

.bm--categories, .bm--popular {
  background: #47c2d8; }
  .bm--categories ul, .bm--popular ul {
    text-align: center; }
    .bm--categories ul li, .bm--popular ul li {
      display: inline-block; }
      .bm--categories ul li a, .bm--popular ul li a {
        color: white;
        padding: 10px 20px;
        display: block; }
        .bm--categories ul li a:hover, .bm--popular ul li a:hover {
          background: #3bbed6; }

.bm--spacer {
  width: 100%;
  height: 40px; }

/*Blog archive page*/
.bo--archive-cal {
  margin: 40px 0 60px 0; }
  .bo--archive-cal .bo--archive--next {
    text-align: center; }
  .bo--archive-cal .bo--archive--months {
    margin-top: 20px; }
    .bo--archive-cal .bo--archive--months ul {
      text-align: center; }
      .bo--archive-cal .bo--archive--months ul li {
        display: block;
        vertical-align: top;
        padding: 0 33px;
        margin-bottom: 20px; }
        @media screen and (min-width: 40.0625em) and (max-width: 48em) {
          .bo--archive-cal .bo--archive--months ul li {
            display: inline-block; } }
        @media screen and (min-width: 48.0625em) {
          .bo--archive-cal .bo--archive--months ul li {
            display: inline-block; } }

.bo--areas {
  margin: 40px 0 60px 0; }
  .bo--areas ul {
    text-align: center; }
    .bo--areas ul li {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 20px; }
      .bo--areas ul li a {
        padding: 0 33px;
        display: block; }

/*response gem override*/
.profiler-results.profiler-left {
  top: 350px;
  position: absolute !important; }

/*Admin menu*/
#right-hand-fixed {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 61;
  background: #444444; }

#administration-menu-title {
  display: inline-block;
  width: 74px;
  margin-top: 10px;
  height: 300px;
  vertical-align: top; }

#administration-menu-text {
  white-space: nowrap;
  margin-top: 60px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270), M12=-sin(270), M21=sin(270), M22=cos(270));
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270), M12=-sin(270), M21=sin(270), M22=cos(270))";
  zoom: 1; }
  #administration-menu-text a {
    color: white; }

#administration-menu-list {
  display: inline-block;
  border-left: 1px solid #222222;
  display: none;
  padding: 20px 40px; }
  #administration-menu-list a {
    color: white; }
  #administration-menu-list ul li {
    font-size: 14px; }
    #administration-menu-list ul li a {
      padding: 3px 0;
      font-size: 14px; }
  #administration-menu-list ul > li {
    margin-bottom: 15px;
    font-weight: bold;
    color: white; }
    #administration-menu-list ul > li a {
      font-weight: bold;
      color: white; }
    #administration-menu-list ul > li > ul li {
      margin-bottom: 0; }
      #administration-menu-list ul > li > ul li a {
        font-weight: normal;
        padding-left: 20px;
        color: #f1f1f1; }

/*Admin pages*/
.admin--wrapper {
  margin-bottom: 60px; }

.data-table {
  margin-top: 30px;
  font-size: 14px; }
  .data-table th {
    padding: 10px 5px;
    background: #d9d9d9;
    border-right: #f1f1f1 1px solid;
    line-height: 17px; }
  .data-table td {
    padding: 5px 5px;
    background: #f1f1f1;
    font-size: 13px;
    line-height: 20px;
    border-bottom: #d9d9d9 1px solid; }
  .data-table .admin--tab {
    margin-top: 27px;
    margin-left: 3px; }

.admin--wrapper .pagination span {
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  .admin--wrapper .pagination span a {
    padding: 1px 9px; }
  .admin--wrapper .pagination span:hover {
    background: #c4c4c4; }
.admin--wrapper .pagination span.current {
  background: #3D8794;
  color: white;
  padding: 1px 9px; }

/*Admin posts*/
.admin--post--item {
  margin: 20px 0;
  border-bottom: #DCDBDB 1px solid; }

.admin--post-title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 5px; }
  .admin--post-title a {
    color: #3D8794; }

.admin--post-date {
  margin-bottom: 5px; }

.admin--post-detail {
  margin-bottom: 5px; }

.row-narrow .actions {
  margin-bottom: 60px; }

/* edit posts*/
.admin--edit-post-form input, .admin--edit-post-form select, .admin--edit-post-form textarea {
  margin-bottom: 20px; }
.admin--edit-post-form label, .admin--edit-post-form input {
  display: block; }
.admin--edit-post-form label {
  margin-bottom: 5px; }

/*To sort*/
#data-column-made {
  width: 100px; }

#data-column-role {
  width: 130px; }

#data-column-from, #data-column-to, #data-column-email, #data-column-name {
  width: 230px; }

#data-column-medium, #data-column-active {
  width: 70px; }

#data-column-subject {
  width: 250px; }

.data-column-active {
  text-align: center;
  padding-top: 2px; }

#post_brief_content, #post_rentonomy_says {
  width: 600px;
  max-width: 600px;
  height: 100px;
  overflow: scroll; }

#post_content {
  width: 600px;
  max-width: 600px;
  height: 200px;
  overflow: scroll; }

#post_area {
  width: 250px;
  height: 100px; }

.post-chart-zoom-image-form {
  max-width: 800px;
  max-height: 400px;
  overflow: scroll; }

#contribution_notes {
  width: 300px;
  max-width: 300px;
  height: 100px;
  overflow: scroll; }

/*Github */
.github-milestone-list-item, .github-issue-list-item, .github-comment-list-item {
  list-style-type: none;
  padding: 25px 0;
  border-bottom: 1px solid #DCDBDB; }

.github-milestone-list-item a, .github-issue-list-item a {
  text-decoration: none; }

.github-milestone, .github-issue {
  font-weight: bold;
  font-size: 20px; }

.github-milestone-description, .github-issue-description {
  width: 500px;
  color: #c0c0c0; }

.github-milestone-current, .github-issue-open {
  font-weight: bold; }

.github-milestone-current {
  font-size: 24px; }

.github-milestone-state, .github-issue-state {
  color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 10px;
  line-height: 14px;
  padding: 6px 10px;
  background-color: red;
  float: right; }

.github-milestone-state-open, .github-issue-state-open {
  background-color: green; }

.github-milestone-state-current {
  background-color: orange; }

.github-milestone-progress {
  margin: 7px 0;
  height: 14px;
  width: 190px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden; }

.github-milestone-progress div {
  float: left;
  height: 14px;
  background: #7DC142; }

.github-milestone-progress div:last-child {
  background-color: red; }

.section-title-left .github-issue-state {
  font-size: 14px; }

.github-issue-milestone-description {
  margin-bottom: 30px;
  text-align: center; }

.github-issue-list-item {
  list-style-type: none;
  margin-bottom: 30px; }

.github-issue-list-item img {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  margin: 0px 4px 0 0px; }

.github-comment-list pre {
  width: 500px;
  white-space: normal; }

.github-comment-list-item {
  margin-top: 20px; }

a.github-comment-file-link {
  color: blue !important; }

#content-affiliates-dashboard {
  min-height: 560px; }

/* General */
/* Dashboard */
#affiliates-dashboard {
  float: left;
  width: 690px;
  min-height: 500px; }

#landlords-properties-format-line,
#landlords-properties-format-grid,
#landlords-statistics-format-line,
#landlords-statistics-format-grid,
#landlords-renters-format-line,
#landlords-renters-format-grid {
  display: none; }

#db-section-data-landlords-properties .property-summary {
  height: 230px; }

#db-section-data-landlords-statistics .property-summary {
  height: 200px; }

#db-section-data-landlords-renters .property-summary,
#db-section-data-landlords-references .property-summary {
  height: 190px; }

#content-landlords-dashboard #dashboard-property-tabs {
  height: 436px;
  background-image: url("/images/layout/popup-background-small2.png"); }

.renter-user-image,
.reference-user-image {
  width: 113px;
  height: auto; }

body.wg--affiliate {
  width: 575px;
  overflow: hidden; }
  body.wg--affiliate .wg--powered-by {
    float: right; }
  body.wg--affiliate .wg--heading {
    display: inline-block;
    font-weight: bold;
    font-size: 30px;
    color: #222222;
    margin: 8px 0 27px; }
  body.wg--affiliate .wg--tabs ul li {
    padding: 13px 11px; }
    body.wg--affiliate .wg--tabs ul li.active {
      color: white;
      background: #a5cf4c; }
    body.wg--affiliate .wg--tabs ul li:hover {
      background: #f1f1f1;
      color: #222222; }
  body.wg--affiliate .wg--tab > ul#tab > li {
    padding-top: 5px;
    font-size: 14px;
    line-height: 19px; }
    body.wg--affiliate .wg--tab > ul#tab > li p {
      margin-bottom: 10px;
      font-size: 14px;
      line-height: 19px; }
    body.wg--affiliate .wg--tab > ul#tab > li .wg--select-labels p {
      margin-bottom: 30px; }
  body.wg--affiliate .base--button, body.wg--affiliate .base--button-blue {
    background: #a5cf4c; }
    body.wg--affiliate .base--button:hover, body.wg--affiliate .base--button-blue:hover {
      cursor: pointer;
      background: #9ac936; }
  body.wg--affiliate .wg--nav-buttons {
    margin: 10px auto 0 auto; }
  body.wg--affiliate input[type=text].where-summary-field {
    padding: 0 3px; }
  body.wg--affiliate .tenants-wants-score-on {
    background: #a5cf4c; }
  body.wg--affiliate #widget-where-to-live .button-purple-simple {
    background: #a5cf4c; }
  body.wg--affiliate .where-summary-field {
    background: #a5cf4c; }
  body.wg--affiliate .tenants-how-much-score-on {
    background: #a5cf4c; }
  body.wg--affiliate .how-much-summary-field {
    background: #a5cf4c; }
  body.wg--affiliate #where-to-live-submit {
    margin-top: 18px; }
  body.wg--affiliate #where-london-map-content {
    width: 360px; }
  body.wg--affiliate #where-london-tube-content {
    margin-left: 60px; }
  body.wg--affiliate #where-to-live-results {
    top: 0 !important; }
  body.wg--affiliate #widget-how-much-to-pay {
    margin: 0; }

/* Just for phase 1 release */
.preload {
  visibility: hidden;
  height: 1px;
  width: 1px; }

/*body { 
  margin:0; 
  font-family:'PT Sans','Arial'; 
  font-size:14px; 
  color:#606060;
  background-image:url('/images/layout/body-background.png'); 
} 

h1 {
  font-family:'Rokkitt';
  font-weight:bold;
  font-size:34px;
  line-height:34px;
  color:#50c9de;
  margin:0 0 17px 0;
  clear:both;
}*/
.page-heading {
  width: 300px;
  height: 130px;
  overflow: hidden;
  display: inline; }

.button:hover {
  cursor: pointer; }

#discover-heading {
  color: #3D8794; }

.secondary-heading {
  color: #3D8794; }

.landlords-heading {
  color: #C63E65; }

.tenants-heading {
  color: #50c9de; }

.affiliates-heading {
  color: #C63E65; }

.handwritten {
  font-family: 'Waiting for the Sunrise'; }

.title {
  font-family: 'Rokkitt'; }

.clickable, .clickover {
  cursor: hand;
  cursor: pointer; }

.tenants-link, a.tenants-link, a:visited.tenants-link, a:hover.tenants-link {
  text-color: #50c9de;
  color: #50c9de;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  height: 12px; }

.landlords-link, a.landlords-link, a:visited.landlords-link, a:hover.landlords-link {
  color: #3D8794;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  height: 12px; }

.affiliates-link, a.affiliates-link, a:visited.affiliates-link, a:hover.affiliates-link {
  text-color: #7c47aa;
  color: #7c47aa;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  height: 12px; }

.urgent-link, a.urgent-link, a:visited.urgent-link, a:hover.urgent-link {
  color: #be1522;
  text-color: #be1522;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  height: 12px; }

.placeholder, input::-webkit-input-placeholder {
  color: #aaa; }

input::-moz-placeholder {
  color: #aaa; }

input:-moz-placeholder {
  color: #aaa; }

input:-ms-input-placeholder {
  color: #aaa; }

.text_limit_alert {
  color: red; }

/*h2 {
  font-family:'Rokkitt';
  font-weight:bold;
  font-size:34px;
  line-height:34px;
  color: $color-two;
  margin:22px 0 17px 0;
}

h3 {
  font-family:'Rokkitt','Arial'; 
  font-weight:bold;
  font-size:18px;
  margin-bottom:-5px;
  color:#363636;
}

h4 {
  font-family:'Rokkitt','Arial'; 
  font-weight:bold;
  font-size:16px;
  margin-bottom:5px;
  color:#363636;
}*/
/*sup {
  font-size:11px;
}*/
/*body a:hover {
  text-decoration:none;
  background-color:transparent;
  color:#606060;
}

body a, body a:visited {
  color:#606060;
}*/
/* Page Layout */
#outer-wrapper {
  width: 1120px; }

/*.wrapper { 
  margin: 0 auto; 
  width:980px; 
}*/
#banner {
  width: 100%;
  height: 279px;
  background-image: url("/images/layout/banner-background.jpg");
  background-repeat: no-repeat; }

#rentonomy-logo {
  margin: 0 0 20px 33px; }

#rentonomy-logo-image {
  margin-top: 65px; }

/* New Page layout */
/*p, ol, ul, td {
  font-family:'PT Sans';
  font-size:14px;
}
body {
  background-image:none;
  background-color: #ffffff;
}
*/
.page-banner-top {
  width: 100%;
  height: 174px;
  background-color: #e6e6e6;
  background: url(/images/layout/new/header-background.png); }

#page-header {
  width: 980px;
  margin: 0 auto; }

#main-logo {
  margin-top: 26px;
  float: left; }

#main-contact-us {
  position: absolute;
  margin: 20px 0 0 732px;
  font-size: 13px;
  line-height: 26px;
  color: #d9d9d9;
  white-space: nowrap; }

#main-contact-us a:visited,
#main-contact-us a {
  font-size: 13px;
  line-height: 26px;
  color: #d9d9d9;
  text-decoration: none; }

/*
.messages-unread-indicator {
  position:absolute;
  height:16px;
  width:16px;
  background-color:#be1522;
  border-radius:8px;
  text-align:center;
  line-height:16px;
  font-size:12px;
  color:white;
  z-index: 300;

}
*/
#page-messages-unread-indicator {
  margin-top: -26px;
  margin-left: 413px; }

/*.user-choose-dashboard-button .messages-unread-indicator {
  margin:-45px 0 0 290px;
}*/
#button-login {
  background-color: #50c9de;
  padding: 5px 20px 2px 20px;
  margin-left: 10px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -khtml-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }

#button-login a {
  color: white;
  text-decoration: none; }

.navigation-dot {
  float: left;
  background-color: #d9d9d9;
  width: 16px;
  height: 16px;
  margin: 10px 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px; }

.navigation-dot:first-child {
  margin-left: 5px; }

.navigation-dot:nth-child(2) {
  margin: 10px 6px; }

.navigation-dot-selected {
  background-color: #50c9de; }

#banner-public-landlords .navigation-dot-selected {
  background-color: #d1c2ae; }

#banner-maps-discover .navigation-dot-selected,
#banner-affiliates-dashboard .navigation-dot-selected {
  background-color: #7c47aa; }

.page-body {
  width: 940px;
  min-height: 900px;
  margin: 0 auto;
  background-color: white;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px; }

#dashboard-switch-link {
  position: absolute;
  margin: -55px 0 0 450px;
  width: 230px;
  text-align: right; }

#dashboard-switch-link a {
  font-size: 14px;
  line-height: 16px; }

.page-banner-bottom {
  border-top: 1px solid #d9d9d9;
  width: 100%;
  height: 250px;
  background-color: white; }

/*Tenants dashboard*/
.tenants-details-content .field-horizontal label {
  margin-right: 10px; }

/* Common Elements */
img {
  border: 0; }

.information-button {
  float: left;
  width: 50px;
  cursor: hand;
  cursor: pointer; }

.content p, .content label {
  font-family: 'PT Sans','Arial';
  font-size: 14px; }

.line-horizontal-solid {
  width: 940px;
  border: 0;
  height: 1px;
  border-bottom: 2px solid #b2b2b2;
  margin-left: 0px; }

.line-horizontal-solid-light {
  width: 490px;
  border: 0;
  height: 1px;
  border-bottom: 1px solid #acacac;
  border-bottom: 1px solid #d9d9d9;
  margin-left: 0px; }

.line-horizontal-solid-light-full {
  width: 980px;
  border: 0;
  height: 1px;
  border-bottom: 1px solid #acacac;
  border-bottom: 1px solid #d9d9d9;
  margin-left: 0px; }

.line-horizontal-dotted {
  width: 940px;
  border: 0;
  height: 1px;
  border-bottom: 2px dotted #b2b2b2;
  margin-left: 0px; }

.line-horizontal-dotted-light {
  width: 490px;
  border: 0;
  height: 1px;
  border-bottom: 1px dotted #acacac;
  margin-left: 0px; }

.line-horizontal-dotted-white {
  width: 490px;
  border: 0;
  height: 1px;
  border-bottom: 1px dotted white;
  margin-left: 0px; }

.line-vertical-dotted-light {
  width: 1px;
  border: 0;
  border-right: 1px dotted #acacac; }

.line-horizontal-full-width {
  width: 940px;
  margin: 0 0 20px 20px; }

.chart-legend-tile {
  float: left;
  width: 30px;
  height: 13px;
  margin: 0 5px 4px 0; }

.chart-legend-name {
  width: 70px;
  float: left;
  font-family: 'PT Sans','Arial';
  font-size: 13px;
  line-height: 15px;
  color: #000000; }

.highlighted-value {
  background-color: #683b9d;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  line-height: 22px;
  height: 32px; }

.zoomIcon {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/images/layout/zoom.png"); }

.post-chart-image .zoomIcon {
  right: 10px; }

.smooth_zoom_preloader {
  background-image: url("/images/layout/zoom-preloader.gif"); }

.smooth_zoom_icons {
  background-image: url("/images/layout/zoom-icons.png"); }

.scroll-pane {
  width: 100%;
  overflow: auto; }

.jspVerticalBar {
  width: 8px;
  background-color: #ffffff; }

.jspHorizontalBar {
  height: 8px;
  background-color: #ffffff; }

.jspDrag {
  background-color: #a170cb; }

.jspTrack {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2; }

.jspVerticalBar .jspDrag {
  margin-left: -3px;
  width: 7px;
  border-left: 1px solid #895fad; }

.jspHorizontalBar .jspDrag {
  margin-top: -3px;
  height: 7px;
  border-top: 1px solid #895fad; }

.jspVerticalBar .jspTrack {
  width: 3px; }

.jspHorizontalBar .jspTrack {
  height: 3px; }

.two-column {
  float: left;
  font-size: 14px; }

#column-one {
  border-right: 1px dotted #acacac;
  padding-right: 30px;
  width: 370px;
  font-size: 16px; }

#column-one p {
  font-size: 16px; }

#column-one p:last-child {
  margin-bottom: 5px; }

#column-two {
  width: 500px; }

ul.list-unordered, ol.list-ordered-alpha, ol.list-ordered-roman, ol.list-ordered-numeric {
  font-family: 'PT Sans';
  font-size: 14px; }

ul.list-unordered-red-dash {
  font-family: 'PT Sans';
  font-size: 13px;
  color: #828282;
  list-style-type: none;
  padding: 5px;
  margin: 0; }

ul.list-unordered-red-dash li:before {
  content: '-';
  color: #be1522;
  padding: 0 10px 0 5px; }

ul.list-unordered-dash {
  font-family: 'PT Sans';
  list-style-type: none;
  list-style-position: outside;
  padding-left: 1em;
  text-indent: -1em;
  padding: 2px 5px;
  margin-left: 12px; }

ul.list-yes-tenants,
ul.list-yes-landlords {
  font-family: 'PT Sans';
  font-size: 16px;
  list-style-type: none;
  padding-left: 50px;
  padding-bottom: 20px; }

ul.list-yes-tenants li,
ul.list-yes-landlords li {
  height: 30px;
  line-height: 30px; }

ul.list-yes-tenants li:before,
ul.list-yes-landlords li:before {
  background: url("/images/layout/list-yes-tenants.png");
  width: 20px;
  height: 20px;
  content: ' ';
  margin-top: 5px;
  margin-left: -25px;
  position: absolute;
  display: block; }

ul.list-yes-landlords li:before {
  background: url("/images/layout/list-yes-landlords.png"); }

ul.list-unordered-dash li:before {
  content: ' - ';
  padding-right: 5px; }

ol.list-ordered-alpha {
  list-style-type: lower-alpha; }

ol.list-ordered-roman {
  list-style-type: lower-roman; }

ol.list-ordered-alpha li, ol.list-ordered-roman li, ol.list-ordered-numeric li {
  margin-bottom: 5px; }

.list-item-text {
  font-weight: normal; }

.ui-autocomplete li {
  font-family: 'PT Sans';
  font-size: 12px; }

.ui-datepicker {
  z-index: 9999999 !important; }

/* Form elements */
/*input[type=text], input[type=password] {
  -webkit-appearance:none;
  font-family:'PT Sans','Arial';
  padding:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  border:1px solid #ced4d5;
}

input[type=file] {
  -webkit-appearance:none;
  font-family:'PT Sans','Arial';
  padding:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  border:1px solid #ced4d5\9;
}

input[type=button], input[type=reset] {
  font-family:'PT Sans','Arial';
  padding:4px;
}

input[type=button], input[type=submit], input[type=reset] {
  margin-left:10px;
  -webkit-appearance:none;
}

.button {
  height:29px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
  border:1px solid #ced4d5; 
  cursor:hand;
  cursor:pointer;
  font-family:'PT Sans';
  text-align:center;
}*/
.button-square-upper,
.button-square {
  background: none;
  width: 125px;
  height: 36px;
  color: #828282;
  background-color: #f3f3f3;
  border-radius: 0;
  border: 0;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  cursor: hand;
  cursor: pointer; }

.button-square-upper {
  text-transform: uppercase; }

.button-square-upper:hover,
.button-square:hover {
  background-color: #d0d0d0; }

.button-square-short {
  background: none;
  width: 125px;
  height: 28px;
  color: #ffffff;
  background-color: #3d8794;
  border-radius: 0;
  border: 0;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  cursor: hand;
  cursor: pointer; }

.button-tall {
  height: 36px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ced4d5;
  font-size: 16px;
  line-height: 36px;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
  text-align: center; }

.button-tall-disabled {
  height: 36px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ced4d5;
  font-size: 16px;
  line-height: 36px;
  font-weight: bold;
  text-align: center; }

.button-overlay {
  height: 26px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ced4d5;
  font-size: 12px;
  line-height: 26px;
  padding: 0 20px;
  float: right;
  margin-left: 10px;
  cursor: hand;
  cursor: pointer;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#cfcfcf));
  background: -moz-linear-gradient(top, #f0f0f0, #cfcfcf); }

.button-reset {
  min-width: 110px;
  background: #cfcfcf;
  color: #828282;
  text-align: center;
  padding: 2px 15px; }
  .button-reset:hover {
    cursor: pointer; }

.button-reset-disabled {
  width: 80px;
  background: #f0f0f0;
  color: #60605f;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#cfcfcf));
  background: -moz-linear-gradient(top, #f0f0f0, #cfcfcf); }

.button-dashboard, .button-dashboard-image {
  float: right;
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
  margin-top: 4px;
  min-width: 100px;
  line-height: 28px; }

.button-dashboard a {
  line-height: 28px;
  text-decoration: none;
  color: #828282; }

.button-dashboard-image {
  margin-top: -3px;
  width: 55px; }

.button-grey-simple {
  height: 22px;
  width: 210px;
  background: #c3c3c3;
  color: white;
  font-size: 14px;
  line-height: 22px; }

.button-red-simple {
  height: 22px;
  width: 110px;
  background: #C63E65;
  color: white;
  font-size: 14px;
  line-height: 22px; }

.button-red-wide {
  height: 32px;
  width: 160px;
  background: #C63E65;
  color: white;
  font-size: 12px;
  line-height: 22px;
  font-family: 'PT Sans';
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  .button-red-wide:hover {
    background: #A32F36; }

.button-square-landlords {
  height: 28px;
  background: #54C6DB !important;
  color: white;
  font-size: 12px;
  line-height: 20px;
  font-family: 'PT Sans';
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.button-square-tenants {
  height: 28px;
  background: #54C6DB !important;
  color: white;
  font-size: 12px;
  line-height: 20px;
  font-family: 'PT Sans';
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.button-brown-simple {
  height: 22px;
  width: 110px;
  background: #d1c2ae;
  color: white;
  font-size: 14px;
  line-height: 22px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.button-grey-light {
  width: 80px;
  background: #e0e0e0;
  border-color: #919191;
  color: #646464;
  font-weight: normal;
  font-size: 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.button-grey {
  width: 210px;
  background: #919191;
  color: #60605f;
  background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#919191));
  background: -moz-linear-gradient(top, #cfcfcf, #919191);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.button-grey:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#cfcfcf));
  background: -moz-linear-gradient(top, #919191, #cfcfcf); }

.button-blue, .button-purple, .button-brown {
  width: 210px;
  background: #54C6DB;
  color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  .button-blue:hover, .button-purple:hover, .button-brown:hover {
    background: #47c2d8; }

.button-blue-simple, .button-purple-simple {
  width: 210px;
  background: #50c9de;
  color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.button-red, .button-crime-rate {
  width: 210px;
  background: #C63E65;
  color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  .button-red:hover, .button-crime-rate:hover {
    background: #bf385f; }

.button-council-tax {
  width: 210px;
  background: #92d050;
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#92d050), to(#4b731f));
  background: -moz-linear-gradient(top, #92d050, #4b731f);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.button-council-tax:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#4b731f), to(#92d050));
  background: -moz-linear-gradient(top, #4b731f, #92d050); }

/*select {
  font-family:'PT Sans','Arial';
  -webkit-appearance:none;
  -webkit-padding-start: 0px;
  padding-left:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  background-color:#ffffff;
  border:1px solid #ced4d5;
  line-height:24px;
  background-image:url('/images/layout/form-select-background.png');
  background-repeat:no-repeat;
  background-position:right center;
  min-width:50px; 
}

textarea {
  font-family:'PT Sans','Arial';
  padding:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  border:1px solid #ced4d5;
  overflow:hidden;
  resize:none;
}*/
.content-counter {
  text-transform: lowercase; }

/* Forms */
.form-column {
  float: left; }

.field {
  margin-left: 30px; }

.form-field, .form-field-error-1-line, .form-field-error-2-line, .form-field-error-3-line {
  float: left; }

div.field_with_errors {
  display: inline;
  background-color: #ffffff;
  padding: 0;
  margin: 0; }

.form-section-divider {
  height: 20px;
  width: 900px;
  margin: 0 0 20px 20px; }

.field-note {
  font-size: 11px;
  font-style: italic; }

.note {
  color: #7d7d7d; }

.actions {
  width: 100%;
  text-align: center;
  margin-top: 20px; }

.actions-secondary {
  margin-top: 20px; }

.actions a, actions-secondary a {
  margin-right: 10px; }

.form-heading {
  font-family: 'Rokkitt';
  font-size: 24px;
  margin: 30px 0 0 30px; }

.form-heading-horizontal {
  font-family: 'Rokkitt';
  font-size: 20px;
  margin: 5px 20px 0 30px;
  width: 120px;
  float: left; }

.field-horizontal {
  height: 60px;
  margin-right: 30px;
  width: 220px;
  margin-bottom: 10px; }

.field-horizontal-tall {
  height: 130px;
  margin-right: 30px; }

/* Main Menus */
/*ul.tabs { 
  display:table; 
  margin:0; 
  padding:0; 
  list-style:none; 
  position:relative;
}

ul.tabs li { 
  margin:0; 
  padding:0; 
  list-style:none; 
  display:table-cell; 
  float:left;
  position:relative; 
  line-height:36px;
  width:135px;
  text-align:center; 
}

ul.tabs a { 
  position:relative; 
  display:block; 
  text-decoration:none; 
  font-family:'PT Sans','Arial'; 
  font-size:13px; 
  color:white;
}*/
/*#menu-main { 
  height:43px; 
  width:980px; 
  background-image:url('/images/layout/menu-background.png'); 
  background-repeat:repeat-x;
  margin:0;
}

#menu-main-items {
  float:left;
}

#menu-login-items {
  float:right;
}

#menu-main-register {
  display:none;
}*/
/*.menu-main-login {
  background-color:#50c9de;
  padding:5px 20px 2px 20px;
  margin-left:10px;
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  -khtml-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
  text-align:center;
  margin-top:76px;
  line-height:19px;
}*/
/*#menu-admin-items {
  margin-left:20px;
  background-color:#c0c0c0;
  color:#000000;
}

.menu-selected-blue {
  background-image:url('/images/layout/menu-selected-blue-background.png'); 
  background-repeat:repeat-x;
  background-color:#50c9de; 
  background: -webkit-gradient(linear, left top, left bottom, from(#65dee6), to(#50c9de));
  background: -moz-linear-gradient(top, #65dee6, #50c9de);
}

#main-menu .menu-selected-blue {
  background:none; 
  background-color:rgb(196,196,196);
  border-top:4px solid #50c9de;
  height: 33px;
  line-height: 30px;
}

.menu-selected-brown {
  background-image:url('/images/layout/menu-selected-brown-background.png'); 
  background-repeat:repeat-x;
  background-color:#d1c2ae; 
  background: -webkit-gradient(linear, left top, left bottom, from(#ebe4dc), to(#d1c2ae));
  background: -moz-linear-gradient(top, #ebe4dc, #d1c2ae);
}

#main-menu .menu-selected-brown {
  background:none; 
  background-color:rgb(196,196,196);
  border-top:4px solid #50c9de;
  height: 33px;
  line-height: 30px;
}

.menu-selected-grey {
  background-color:#606060; 
}

.sub-menu-selected {
  background-color:rgb(210,210,210); 
}

#menu-blog-sub-items .menu-selected-blue a, #menu-sub-items .menu-selected-blue a, #menu-property-upload .menu-selected-brown a {
  color:white;
}

.menu-selected-purple {
  background-image:url('/images/layout/menu-selected-purple-background.png'); 
  background-repeat:repeat-x;
  background-color:rgb(196,196,196);
}

#main-menu .menu-selected-purple {
  background:none; 
  background-color:rgb(196,196,196);
  border-top:4px solid $color-one;
  height: 33px;
  line-height: 30px;
}

#menu-main-items li:first-child {
  border-left:0; 
}

#menu-main-items li:hover {
  background-color:#606060; 
}*/
#line-selected-blue {
  width: 100%;
  height: 4px;
  background-color: #50c9de; }

#line-selected-brown {
  width: 100%;
  height: 4px;
  background-color: #d1c2ae; }

#line-selected-purple {
  width: 100%;
  height: 4px;
  background-color: #683b9d; }

#banner #line-selected-blue {
  background-color: #1fa9c5; }

#banner #line-selected-brown {
  background-color: #c3b5a3; }

/* Sub menus */
#menu-sub-items, #menu-blog-sub-items {
  margin-left: 227px; }

#menu-blog-sub-items {
  display: inline-block;
  vertical-align: middle; }

#posts-search-label {
  margin-top: 8px;
  display: inline-block; }

#menu-sub-items a, #menu-blog-sub-items a {
  color: #828282; }

#menu-sub-items:first-child li, #menu-tenants-search {
  border-left: 0; }

#menu-sub-items:last-child li ul li, #menu-blog-sub-items li ul li {
  border-right: 0; }

/* Drop down menus */
/*.menu-drop-down, .menu-roll-over {
  margin:0;
  padding:0;
}

.menu-drop-down li, .menu-roll-over li {
  position:relative; 
  list-style:none;
  float:left;
  margin:0; 
  padding:0; 
  width:135px;
  text-align:center; 
  line-height:36px; 
}

.menu-drop-down li a, .menu-roll-over li a {
  display:block;
  text-decoration:none;
  font-family:'PT Sans','Arial';
}

#menu-blog-sub-items li:hover, #menu-sub-items li:hover {
  background-color:rgb(210,210,210);
}

#menu-blog-sub-items li.menu-item-disabled a:hover, #menu-sub-items li.menu-item-disabled a:hover {
  color:#828282 !important;
  cursor:default !important;
}

#menu-blog-sub-items li.menu-item-disabled:hover, #menu-sub-items li.menu-item-disabled:hover {
  background-color:transparent;
}

#menu-sub-items li.menu-selected-blue,
#menu-blog-sub-items li.menu-selected-blue,
#menu-sub-items li.menu-selected-brown,
#menu-blog-sub-items li.menu-selected-brown {
  background:rgb(195,195,195);
  background-color:#c3c3c3;
}

#menu-sub-items li.menu-selected-blue a,
#menu-blog-sub-items li.menu-selected-blue a,
#menu-sub-items li.menu-selected-brown a,
#menu-blog-sub-items li.menu-selected-brown a {
  color:#ffffff;
}

.menu-drop-down li ul, .menu-roll-over li ul {
  position:absolute;
  display:none;
  border-top:1px solid #fff;
  margin:0;
  padding:0;
  z-index:999999;
  background-color:rgb(210,210,210);
  width:135px;
  border-bottom:1px solid rgb(210,210,210);
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  -khtml-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
}

.menu-drop-down li ul li, .menu-roll-over li ul li {
  display:inline;
  float:none;
  margin:0; 
  border-right:0;
}

#menu-blog-sub-items li ul li a {
  width:auto;
}

#menu-blog-sub-items li ul li:last-child a {
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  -khtml-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
}

#menu-blog-sub-items li ul li a:hover {
  background-color:rgb(176,176,176);
}

#menu-posts-search {
  float:right;
  font-family:'PT Sans';
  width:238px;
  margin-top:1px;
}*/
#posts-search-label {
  font-family: 'PT Sans';
  font-size: 13px;
  color: #808080;
  line-height: 20px; }

#posts-search-field {
  height: 16px;
  width: 141px;
  font-family: 'PT Sans';
  color: #808080;
  position: absolute;
  margin: 4px 0 0 3px; }

/* Administration Menu */
/*#right-hand-fixed {
  position:fixed;
  right:0;
  top:40px;
  z-index:999999;
  -moz-border-radius:10px 0 0 10px;
  -webkit-border-radius:10px 0 0 10px;
  -khtml-border-radius:10px 0 0 10px;
  border-radius:10px 0 0 10px;
  background-color:#50c9de;
}

#administration-menu-title {
  float:left;
  color:black;
  width:20px;
  margin-top:10px;
  height:300px;
}

#administration-menu-text {
  white-space:nowrap;
  margin-top:60px;
  writing-mode:tb-rl;
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -o-transform: rotate(270deg);
}

#administration-menu-list {
  float:left;
  border-left:1px solid black;
  display:none;
}

ul.list-unordered-small {
  font-family:'PT Sans';
  font-size:12px;
  list-style:none;
  padding:0;
  margin:0;
  font-weight:bold;
}

ul.list-unordered-small {
  padding:10px;
}

ul.list-unordered-small li {
  font-family:'PT Sans';
  font-size:12px;
  font-weight:normal;
  margin:0;
  padding:0;
  list-style:none;
}

ul.list-unordered-small li a {
  text-decoration:none;
}*/
/* News Ticker */
/*#news {
  width:100%;
  height:36px;
  font-family:'PT Sans','Arial';
  font-size:13px;
  line-height:36px;
  color:#7d7d7d;
}

#news-title {
  float:left;
  font-size:13px;
  line-height:32px;
  margin-top:4px;
  font-family:'PT Sans';
  padding-left:1px;
  color:#50c9de;
  width:120px;
}

#banner-public-landlords #news-title {
  color:#d1c2ae;
}

#banner-maps-discover #news-title,
#banner-affiliates-dashboard #news-title {
  color:#7c47aa;
}

#news-ticker {
  float:left;
  width:817px;
  height:36px;
  margin-left:-37px;
  overflow:hidden;
}

.ticker-wrapper.has-js {
  margin-top:3px;
  margin-left:-50px;	
  width:830px;
  height:32px;
  display:block;
  font-size:15px;
}

.ticker {
  width:850px;
  height:23px;
  display:block;
  position:relative;
  overflow:hidden;
}

.ticker-title {
  color:#990000;
  text-transform: uppercase;
  visibility:hidden;
}

.ticker-content {
  margin:0px;
  margin-top:1px;
  position:absolute;
  overflow:hidden;
  white-space:nowrap;
  line-height:32px;
  font-family:'PT Sans','Arial';
  font-size:13px;
  color:#7d7d7d;
}



.ticker-content a,
.ticker-content a:visited {
  text-decoration:none;	
  color:#50c9de;
}

.ticker-content a:hover {
  text-decoration:underline;	
  color:#0D3059;
}

#banner-public-landlords .ticker-content a {
  color:#d1c2ae;
}

#banner-maps-discover .ticker-content a,
#banner-affiliates-dashboard .ticker-content a {
  color:#7c47aa;
}

.ticker-swipe {
  padding-top:9px;
  position:absolute;
  top:0px;
  background-color:rgb(230,230,230);
  display:block;
  width:810px;
  height:23px; 
}

.ticker-swipe span {
  margin-left:1px;
  border-bottom:1px solid #50c9de;
  height:12px;
  width:7px;
  display:block;
}

#banner-public-landlords .ticker-swipe span {
  border-bottom:1px solid #d1c2ae;
}

#banner-maps-discover .ticker-swipe span {
  border-bottom:1px solid #7c47aa;
}

.ticker-controls {
  padding:8px 0px 0px 0px;
  list-style-type:none;
  float:left;
}


.ticker-controls li {
  padding:0px;
  margin-left:5px;
  float:left;
  cursor:pointer;
  height:16px;
  width:16px;
  display:block;
}

.ticker-controls li.jnt-play-pause {	
  background-position: 32px 16px;
}

.ticker-controls li.jnt-play-pause.over {
  background-position: 32px 32px;
}

.ticker-controls li.jnt-play-pause.down {
  background-position: 32px 0px;
}

.ticker-controls li.jnt-play-pause.paused {
  background-position: 48px 16px;
}

.ticker-controls li.jnt-play-pause.paused.over {
  background-position: 48px 32px;
}

.ticker-controls li.jnt-play-pause.paused.down {
  background-position: 48px 0px;
}

.ticker-controls li.jnt-prev {
  background-position: 0px 16px;		
}

.ticker-controls li.jnt-prev.over {
  background-position: 0px 32px;		
}

.ticker-controls li.jnt-prev.down {
  background-position: 0px 0px;		
}

.ticker-controls li.jnt-next {
  background-position: 16px 16px;	
}

.ticker-controls li.jnt-next.over {
  background-position: 16px 32px;	
}

.ticker-controls li.jnt-next.down {	
  background-position: 16px 0px;	
}

.js-hidden {
  display: none;
}

.no-js-news {
  padding: 10px 0px 0px 45px; 
  color: #F8F0DB;
}

.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
  float: left;
}

.left .ticker-controls {
  padding-left: 6px;
}

.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
  float: right;
}

.right .ticker-controls {
  padding-right: 6px;
}*/
/* Content */
.content {
  width: 940px;
  min-height: 500px;
  background-color: white;
  font-family: 'PT Sans','Arial';
  padding: 20px;
  margin: 30px 0 30px 0; }

/* Popup forms */
#popup-form {
  position: absolute;
  z-index: 99999999;
  left: 50%;
  margin-left: -264px;
  top: 160px;
  padding-left: 25px;
  background-image: url("/images/layout/popup-background-tallest.png");
  width: 492px;
  height: 575px;
  visibility: hidden; }

#popup-form form {
  margin-top: -4px; }

/* Login */
#login-full-page {
  margin-left: 30px;
  height: 107px; }

/*#user-login {
  position:absolute;
  z-index:99999999;
  left:50%;
  top:160px;
  margin-left:-264px;
  padding-left:25px;
  background-image:url('/images/layout/popup-background-tallest.png');
  width:492px;
  height:575px;
  visibility:hidden;
  font-family:'PT Sans';
  font-size:14px;
}*/
/*#user-login form {
  margin-top:-4px;
}*/
#login-left-column, #login-right-column {
  float: left; }

#login-left-column {
  width: 121px; }

#login-single-sign-on {
  width: 448px;
  text-align: center;
  margin-bottom: 10px;
  margin-left: 7px; }

#login-single-sign-on img {
  width: 140px;
  height: auto;
  margin: 0 3px; }

.separator-or-login {
  width: 200px;
  float: left; }

#separator-or-login {
  width: 50px;
  float: left;
  text-align: center;
  color: #be1522;
  font-weight: bold; }

#login-suggest, #login-suggest-sso, #login-suggest-secondary, #login-suggest-secondary-sso, #login-register, #login-register-secondary {
  height: 30px;
  color: #606060; }

#login-full-page #login-suggest {
  font-weight: normal; }

/*#user-login a, #popup-form a {
  text-decoration:none;
  color:#50c9de;
}*/
#login-registered-field {
  margin-top: 20px; }

#login-email-field, #login-password-field {
  width: 179px;
  color: #7d7d7d;
  margin-left: 5px; }

#login-password-field {
  margin-top: 5px; }

#content-users-confirm #login-password-field {
  margin-top: 0; }

#login-forgot-password {
  float: left;
  width: 200px;
  margin-top: 37px;
  line-height: 14px;
  margin-left: -20px; }

#content-users-login #login-forgot-password {
  margin-top: 32px;
  margin-left: 10px; }

#content-users-confirm #login-forgot-password {
  margin-top: 32px; }

#login-forgot-password a {
  color: #50c9de;
  text-decoration: none; }

#login-right-column {
  width: 290px;
  margin-left: 25px; }

#login-close-button {
  margin-top: 30px; }

/*#user-login .actions, #popup-form .actions {
  width:450px;
  margin-top:3px;
}*/
#button-login-submit {
  width: 100px; }

/*#user-login .actions-secondary {
  margin-top:20px;
}*/
#login_email, #login_email2, #login_password {
  width: 290px; }

/*#welcome-back {
  width:466px;
  height:134px;
  background-color:white;
  text-align:center;
}*/
#welcome-back-title, #keep-me-posted-title {
  font-size: 18px;
  margin: 165px 0 16px 0; }

#keep-me-posted-title {
  margin-top: 130px; }

#keep-me-posted-button-close {
  margin-top: 30px;
  width: 100px;
  margin-left: 0; }

/* Dashboard */
#content-tenants-dashboard,
#content-landlords-dashboard,
#content-affiliates-dashboard,
#content-properties-edit,
#content-properties-add {
  background-image: url("/images/layout/dashboard-menu-background.png");
  background-repeat: repeat-y;
  background-position: right; }

.dashboard-view h1 {
  padding-bottom: 10px;
  width: 670px;
  border-bottom: 1px solid #c3c3c3;
  font-size: 30px; }

.dashboard-view-back-link {
  color: #c3c3c3;
  font-size: 21px;
  margin-left: 100px;
  text-decoration: none; }

.dashboard-view-back-link:hover, .dashboard-view-back-link:visited {
  color: #c3c3c3;
  text-decoration: none; }

.dashboard-intro {
  margin: 10px 0;
  width: 670px; }

.dashboard-intro-image {
  float: left;
  width: 80px;
  height: 71px; }

.dashboard-intro-text {
  width: 580px;
  height: 71px;
  display: table-cell;
  vertical-align: middle; }

.dashboard-section {
  margin-bottom: 20px;
  width: 672px; }

#tenants-properties-summary,
#tenants-suggestions-summary,
#landlords-properties-summary,
#landlords-statistics-summary {
  margin-bottom: 13px; }

.properties-map-loading {
  margin: 271px 0 0 306px;
  margin-top: 27px;
  border: 0; }

.dashboard-section-title {
  width: 672px;
  height: 62px;
  background: #f1f1f1;
  color: #60605f; }

.dashboard-section-count {
  font-size: 22px;
  color: #c3c3c3;
  font-weight: normal; }

.dashboard-section-buttons .button-dashboard,
.dashboard-section-buttons .button-dashboard-image {
  display: none; }

.dashboard-section-buttons .button-blue {
  float: right;
  width: 90px;
  margin-left: 5px;
  font-size: 12px; }

.dashboard-section-content {
  display: none;
  margin-bottom: -10px; }

.dashboard-section-data {
  width: 672px;
  padding: 5px 0;
  border-top: 0;
  background: #f7f7f7;
  min-height: 175px; }

.dashboard-section-data .highlighted-value,
.dashboard-intro-text .highlighted-value {
  float: left;
  margin-right: 5px;
  font-weight: normal;
  min-width: 100px;
  text-align: center;
  position: relative; }

#tenants-profile-image-holder img {
  margin: 0 20px; }

.dashboard-intro-text .highlighted-value {
  font-size: 14px; }

#dashboard-section-data-tenants-areas {
  min-height: 100px;
  height: 100px; }

.dashboard-summary-navigation {
  float: left;
  margin: 70px 10px 0 10px; }

.dashboard-section-footer {
  width: 622px;
  height: 11px; }

.dashboard-section-open, .dashboard-section-name, .dashboard-section-buttons {
  float: left; }

.dashboard-section-open {
  margin: 18px 12px 0 20px; }

.dashboard-section-name, .dashboard-section-name-long {
  width: 330px;
  font-family: 'Rokkitt','Arial';
  font-weight: bold;
  font-size: 26px;
  line-height: 20px;
  margin-top: 20px;
  color: #828282; }

.dashboard-section-name-long {
  width: 600px; }

.dashboard-section-buttons {
  margin-top: 12px;
  width: 270px; }

.dashboard-summary-list {
  position: relative;
  left: 0; }

.dashboard-summary-notice {
  width: 520px;
  height: 100px;
  font-size: 26px;
  color: #c3c3c3;
  line-height: 32px;
  text-align: center;
  margin: 30px 30px; }

#dashboard-areas-notice {
  width: 600px;
  margin: 0 30px;
  height: 100px; }

.dashboard-summaries {
  width: 580px;
  min-height: 180px;
  float: left;
  overflow: hidden; }

#dashboard-properties-list,
#dashboard-suggestions-list,
#dashboard-statistics-list {
  padding-top: 5px; }

#dashboard-renters-list,
#dashboard-references-list {
  padding-top: 10px; }

.highlighted-value {
  background-color: #50c9de;
  font-weight: bold;
  padding: 5px;
  margin-top: 10px;
  margin-left: 10px; }

.area-remove, .zone-remove, .compass-remove {
  position: absolute;
  margin: -12px 0 0 0;
  visibility: hidden;
  right: -6px; }

.property-summary {
  width: 170px;
  height: 180px;
  margin: 0 20px 0 10px;
  float: left; }

.property-imagery {
  width: 153px;
  height: 103px;
  overflow: hidden;
  margin-bottom: 5px; }

#home-featured-properties {
  width: 894px;
  height: 220px; }

#content-public-home #dashboard-properties-list-left {
  margin: 50px 5px 0 0; }

#content-public-home #dashboard-properties-list-right {
  margin: 50px 0 0 15px; }

#home-featured-properties .property-summary {
  width: 200px; }

#home-featured-quotes .property-summary {
  width: 960px;
  margin: 0; }

#home-featured-properties .property-imagery {
  height: 120px;
  width: 180px;
  margin: 10px 5px; }

#home-featured-properties .property-imagery img {
  width: 200px;
  height: auto; }

#home-featured-properties .property-summary-cost {
  font-weight: normal; }

#home-featured-properties .property-summary-listed {
  font-weight: normal;
  font-size: 12px;
  margin-left: 5px; }

#dashboard-section-data-landlords-renters .property-summary,
#dashboard-section-data-landlords-references .property-summary {
  width: 120px;
  height: 210px;
  margin: 0 20px 0 10px;
  float: left; }

#dashboard-section-data-landlords-references .property-imagery,
#dashboard-section-data-landlords-renters .property-imagery {
  width: 113px;
  overflow: hidden;
  margin-bottom: 0; }

.property-imagery .property-thumbnail,
.property-imagery .renter-user-image,
.property-imagery .reference-user-image {
  padding-left: 100%;
  margin: -999em -100%; }

.property-imagery:before,
.property-imagery .property-thumbnail,
.property-imagery .renter-user-image,
.property-imagery .reference-user-image {
  display: inline-block;
  vertical-align: middle; }

.property-imagery:before {
  content: "";
  padding-top: 75%;
  background-color: white; }

.property-introduction-tab, .renter-introduction-tab {
  position: absolute;
  margin-top: -102px;
  margin-left: 8px;
  width: 37px;
  height: 32px;
  border-radius: 0 0 4px 4px;
  background-color: #c0c0c0;
  color: white;
  font-size: 21px;
  line-height: 32px;
  opacity: .8;
  text-align: center;
  z-index: 2; }

.renter-introduction-tab {
  margin-top: -92px; }

#content-landlords-dashboard .property-introduction-tab {
  width: 27px; }

.dashboard-summary-list .property-introduction-tab {
  margin-top: -117px; }

.property-rentonomy-tab {
  background-color: #00bed3; }

.property-friends-tab {
  background-color: #7030a0; }

.property-available-tab {
  background-color: #d1c2ae; }

.property-wildcard-tab {
  background-color: #b7182d; }

.property-notlisted-tab {
  background-color: #7c47aa; }

.property-let-tab {
  background-color: #50c9de; }

.property-review-let-tab,
.property-review-notlisted-tab,
.property-review-available-tab {
  background-color: #b7182d; }

#content-landlords-dashboard .property-review-let-tab,
#content-landlords-dashboard .property-review-notlisted-tab,
#content-landlords-dashboard .property-review-available-tab {
  width: 157px !important;
  margin-top: -75px !important;
  margin-left: 0px !important;
  font-family: 'PT Sans';
  font-size: 18px;
  line-height: 32px;
  border-radius: 0; }

.renter-introduction-tab.property-rentonomy-tab {
  background-color: #d1c2ae; }

#content-properties-admin .property-introduction-tab,
#content-properties-filter_status .property-introduction-tab {
  margin-top: -17px;
  margin-left: -1px; }

.property-remove, .suggestion-remove {
  position: absolute;
  margin-left: 135px;
  margin-top: -6px;
  visibility: hidden; }

.property-summary-address, .property-summary-pcd {
  margin: 0 0 0 5px;
  font-size: 12px;
  width: 150px;
  height: 18px;
  overflow: hidden; }

.property-summary-address:first-line {
  font-size: 14px;
  font-weight: bold; }

.property-summary-cost {
  margin: 0 0 0 5px;
  font-family: 'PT Sans','Arial';
  font-weight: bold; }

.property-summary-per-week {
  font-weight: normal; }

.property-summary-statistics {
  margin: 0 0 0 5px;
  color: #d1c2ae;
  font-weight: normal;
  font-size: 10px;
  line-height: 11px; }

.property-summary-links {
  margin: 2px 0 0 5px;
  font-size: 12px;
  line-height: 15px; }

#suggestion-filters-link {
  float: right;
  background-color: #3d8794;
  width: 50px;
  height: 22px;
  line-height: 22px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -khtml-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

#suggestion-filters-link a {
  color: white;
  text-decoration: none;
  font-size: 14px; }

#suggestion-filters-overlay {
  display: none;
  position: absolute;
  width: 672px;
  margin-left: 1px;
  z-index: 9999;
  height: 1px;
  background-color: #606060;
  opacity: .7;
  border-radius: 0 0 3px 3px; }

/* Dashboard Menu */
.dashboard-menu {
  float: left; }

.dashboard-menu {
  position: absolute;
  margin: 0px -20px -20px 690px;
  border-left: 1px solid #ebebeb;
  width: 269px;
  min-height: 591px;
  background-color: #fafafa; }

#dashboard-menu-title {
  height: 70px;
  background-color: #ebebeb;
  font-size: 28px;
  font-family: 'Rokkitt';
  color: #d9d9d9;
  text-align: center;
  line-height: 70px; }

.menu-item-dashboard {
  width: 269px;
  height: 87px;
  line-height: 87px;
  font-family: 'Rokkitt';
  font-size: 18px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #d9d9d9; }

.menu-item-dashboard-image {
  float: left;
  height: 46px;
  width: 46px;
  margin: 20px 0 0 20px; }

.menu-item-dashboard-title {
  float: left;
  height: 46px;
  line-height: 46px;
  width: 135px;
  margin-left: 10px;
  text-align: left;
  margin-top: 20px;
  font-weight: bold;
  color: #828282; }

.menu-item-dashboard-number {
  float: left;
  width: 36px;
  height: 26px;
  color: #828282;
  line-height: 28px;
  margin-top: 30px;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -khtml-border-radius: 14px;
  border-radius: 14px; }

.menu-item-dashboard-coming-soon {
  font-size: 12px;
  line-height: 12px;
  margin-top: -14px;
  color: #c3c3c3; }

.menu-item-dashboard-tenants-unread {
  background-color: #50c9de;
  color: white; }

.menu-item-dashboard-landlords-unread {
  background-color: #C63E65;
  color: white; }

.menu-item-dashboard-zero {
  color: #828282;
  padding: 5px;
  margin-top: 26px;
  text-align: center;
  float: left;
  width: 30px;
  height: 24px;
  line-height: 24px; }

.profile-user-image-holder {
  float: left;
  height: 180px;
  width: 180px;
  overflow: hidden;
  margin-left: 10px;
  text-align: center; }

.profile-user-image {
  width: 180px;
  height: auto; }

.profile-user-column div {
  line-height: 24px;
  color: #828282; }

.profile-user-column div span {
  color: #c3c3c3; }

/* Messaging */
#dashboard-messages-loading {
  margin: 100px 0 0 300px; }

.message-conversation-selected {
  background-color: #f5f5f5; }

.message-conversation-unread {
  font-weight: bold; }

.message-conversation {
  width: 236px;
  height: 79px;
  border-bottom: 1px solid #c0c0c0; }

.message-conversation-with, .message-conversation-with-property {
  float: left;
  height: 45px;
  width: 185px;
  font-size: 14px;
  line-height: 18px;
  margin: 26px 0 0 10px; }

.message-conversation-with-property {
  margin: 12px 0 6px 10px; }

.message-conversation-with-property a:hover.tenants-link {
  color: #606060; }

.message-conversation-status, .message-conversation-status-property {
  float: left;
  width: 35px;
  padding-top: 15px; }

.message-conversation-status-property {
  padding-top: 14px; }

.message-list-navigation {
  position: absolute;
  z-index: 6;
  display: none; }

#message-list-navigation-up {
  margin-left: 90px;
  width: 46px;
  height: 31px;
  padding-top: 7px;
  text-align: center;
  background-color: #c3c3c3;
  border-color: #50c9de;
  border-radius: 0 0 4px 4px;
  margin-top: 1px;
  opacity: 0.8; }

#message-list-navigation-down {
  width: 46px;
  height: 28px;
  padding-top: 10px;
  text-align: center;
  background-color: #50c9de;
  border-color: #50c9de;
  border-radius: 4px 4px 0 0;
  margin-top: 286px;
  margin-left: 90px;
  opacity: 0.8; }

#content-landlords-dashboard #message-list-navigation-up {
  background-color: #c3c3c3;
  border-color: #d1c2ae; }

#content-landlords-dashboard #message-list-navigation-down {
  background-color: #d1c2ae;
  border-color: #d1c2ae; }

.tenants-delete-link, .landlords-delete-link {
  color: #c3c3c3; }

.tenants-delete-link:hover {
  color: #50c9de; }

.landlords-delete-link:hover {
  color: #d1c2ae; }

.message-message {
  margin-top: 10px; }

.message-bubble {
  width: 300px;
  min-height: 28px;
  background-color: #d9d9d9;
  color: #7f7f7f;
  border-radius: 5px;
  padding: 1px 10px; }

.message-tenants-bubble {
  background-color: #50c9de;
  color: white; }

.message-landlords-bubble {
  background-color: #d1c2ae;
  color: white; }

.message-speech {
  float: left;
  height: 30px;
  width: 1px;
  border-top: 30px solid #d9d9d9;
  margin: -8px 20px -10px 0;
  border-left: 40px solid transparent; }

.message-tenants-speech {
  margin: -8px 0 0 20px;
  border-right: 40px solid transparent;
  border-left: 0;
  border-top: 30px solid #50c9de; }

.message-landlords-speech {
  margin: -8px 0 0 20px;
  border-right: 40px solid transparent;
  border-left: 0;
  border-top: 30px solid #d1c2ae; }

/* Notifications */
#dashboard-notifications-loading {
  margin: 100px 0 0 100px; }

#dashboard-notifications-content {
  width: 497px;
  height: 358px; }

.dashboard-notification-item, .dashboard-notification-item-viewed {
  width: 487px;
  padding: 5px;
  border-bottom: 1px solid #c0c0c0; }

.dashboard-notification-item {
  background-color: #f0f0f0; }

.dashboard-notification-image {
  float: left; }

.dashboard-notification-content {
  float: left;
  width: 415px; }

.dashboard-notification-text {
  font-size: 13px; }

.dashboard-notification-date {
  font-size: 11px; }

#dashboard-notifications-profile-content {
  width: 460px;
  height: 318px;
  padding: 20px; }

#dashboard-notifications-content .scroll-bar.vertical {
  z-index: 99;
  right: 25px;
  opacity: 0.7;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  background-color: transparent; }

/* Generic Data Columns */
.data-column-image {
  text-align: center; }

/* Which Dashboard */
#user-choose-popup {
  display: block;
  position: relative;
  margin: auto;
  background-image: url(/images/layout/popup-background-largest3.png);
  height: 325px; }

#user-choose-dashboard-title {
  width: 100%;
  margin: 75px 0 20px 0; }

.user-choose-dashboard-button {
  width: 300px;
  height: 40px;
  background-color: #50c9de;
  line-height: 40px;
  text-align: center;
  margin: 20px auto; }

.ss--view-details-map-button {
  width: 110px;
  height: 30px;
  background-color: #50c9de;
  line-height: 29px;
  text-align: center;
  margin-top: 5px; }
  .ss--view-details-map-button a {
    color: white;
    text-decoration: none; }
    .ss--view-details-map-button a:hover {
      text-decoration: underline;
      color: white; }

.ss--matchmaker-button {
  width: 300px;
  margin: 20px 0;
  height: 40px;
  line-height: 40px;
  background-color: #50c9de;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .ss--matchmaker-button a {
    color: white;
    text-decoration: none; }
    .ss--matchmaker-button a:hover {
      text-decoration: underline;
      color: white; }

.user-choose-dashboard-button a {
  color: white !important;
  text-decoration: none; }

#user-choose-landlord-dashboard-button {
  background-color: #d1c2ae; }

#user-choose-affiliate-dashboard-button {
  background-color: #7c47aa; }

/* Simple Captcha */
.simple_captcha,
.simple_captcha div {
  display: table; }

.simple_captcha_image, .simple_captcha_reload {
  display: inline-block !important; }

.simple_captcha .simple_captcha_field,
.simple_captcha .simple_captcha_image {
  border: 1px solid #ccc;
  margin: 0px 0px 2px 0px !important;
  padding: 0px !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ced4d5; }

.simple_captcha .simple_captcha_image {
  padding-top: 4px !important; }

.simple_captcha .simple_captcha_image img {
  margin: 0px !important;
  padding: 0px !important;
  width: 110px !important;
  height: 44px !important; }

.simple_captcha_reload img {
  margin-bottom: 10px;
  margin-left: 5px; }

.simple_captcha .simple_captcha_label {
  font-size: 12px; }

.simple_captcha .simple_captcha_field input {
  width: 150px !important;
  font-size: 14px;
  border: none; }

.simple_captcha_incorrect {
  color: #be1522; }

#captcha_error div.form_error_message {
  width: 170px; }

/*Generic data table formatting*/
.data-filter-form {
  margin-bottom: 20px; }

.data-window {
  width: 100%;
  overflow: scroll; }

.data-table {
  width: 100%; }

.data-cell {
  white-space: nowrap; }

.data-integer {
  text-align: center; }

.data-notes {
  margin: 20px 0; }

.data-notes-title {
  font-size: 16px;
  font-weight: bold; }

.data-note-heading {
  font-weight: bold;
  margin-left: 10px; }

#content-landlords-dashboard {
  min-height: 560px; }

/* General */
#property-map-content {
  width: 200px;
  margin: 120px 0 0 140px; }

#form-column-map #map-navigation-google {
  margin-top: 250px;
  visibility: hidden; }

#property_tenancy_amount {
  width: 30px; }

/*#property_rental_amount {
  width:50px;
}*/
#property-map-google {
  margin-bottom: 30px; }

#property_description {
  height: 280px;
  width: 380px;
  overflow: auto; }

/* Dashboard */
#landlords-dashboard {
  float: left;
  width: 690px;
  min-height: 500px; }

#landlords-properties-format-line,
#landlords-properties-format-grid,
#landlords-statistics-format-line,
#landlords-statistics-format-grid,
#landlords-renters-format-line,
#landlords-renters-format-grid {
  display: none; }

#dashboard-section-data-landlords-properties .property-summary {
  height: 260px; }

#dashboard-section-data-landlords-statistics .property-summary {
  height: 200px; }

#dashboard-section-data-landlords-renters .property-summary,
#dashboard-section-data-landlords-references .property-summary {
  height: 190px; }

#content-landlords-dashboard #dashboard-property-tabs {
  height: 436px;
  background-image: url("/images/layout/popup-background-small2.png"); }

.property-boost-icon {
  position: absolute;
  margin: 74px 0 0 120px; }

.renter-user-image,
.reference-user-image {
  width: 113px;
  height: auto; }

#property-full-address-preview {
  font-weight: normal;
  color: #54C6DB;
  font-size: 25px; }

.property-upload-content .field-horizontal label {
  margin-right: 10px; }

/* Knowledge Room */
#landlords-knowledge-room, #landlords-knowledge-item {
  height: 770px; }

#menu-landlords-knowledge-room {
  height: 33px;
  width: 940px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x; }

#menu-landlords-knowledge-room ul.tabs li {
  padding-top: 10px;
  height: 23px;
  line-height: 12px;
  width: 133px;
  text-align: center; }

#menu-landlords-knowledge-room ul.tabs li#menu-landlords-understanding,
#menu-landlords-knowledge-room ul.tabs li#menu-landlords-choosing,
#menu-landlords-knowledge-room ul.tabs li#menu-landlords-knowing,
#menu-landlords-knowledge-room ul.tabs li#menu-landlords-leaving {
  padding-top: 1px;
  height: 32px; }

#menu-landlords-knowledge-room ul.tabs a {
  margin: 0 5px 0 5px;
  font-size: 12px;
  line-height: 14px;
  color: white; }

#menu-landlords-knowledge-room ul.tabs li {
  border-left: 2px groove #ebebeb; }

#menu-landlords-knowledge-room ul.tabs li:first-child {
  border-left: 0; }

#menu-landlords-knowledge-room ul.tabs li:last-child {
  width: 130px; }

#menu-landlords-knowledge-room ul.tabs li ul {
  margin: 16px 0 0 -40px;
  width: 200px;
  padding: 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 4px solid #a6a6a6; }

#menu-landlords-knowledge-room ul.tabs li#menu-landlords-understanding ul,
#menu-landlords-knowledge-room ul.tabs li#menu-landlords-choosing ul,
#menu-landlords-knowledge-room ul.tabs li#menu-landlords-knowing ul,
#menu-landlords-knowledge-room ul.tabs li#menu-landlords-leaving ul {
  margin-top: 11px; }

#landlords-knowledge #line-selected-brown {
  width: 934px; }

#menu-landlords-knowledge-room ul.tabs li ul li {
  font-family: 'PT Sans';
  color: white;
  font-size: 12px; }

.landlords-knowledge-title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px; }

#landlords-knowledge-room .landlords-knowledge-title {
  font-size: 16px; }

.landlords-knowledge-content {
  position: absolute;
  top: 330px;
  width: 940px;
  font-size: 14px;
  visibility: visible; }

#landlords-knowledge-room .landlords-knowledge-content {
  visibility: hidden; }

#landlords-knowledge-room #landlords-knowledge-room-intro {
  visibility: hidden; }

#landlords-knowledge-room #landlords-knowledge-room-understanding {
  visibility: visible; }

.landlords-knowledge-text {
  float: left;
  width: 600px; }

.landlords-knowledge-tip-text a,
.landlords-knowledge-tip-text a:visited,
.landlords-knowledge-text a,
.landlords-knowledge-text a:visited {
  color: blue; }

.landlords-knowledge-tip {
  float: left;
  background-color: white;
  color: #60605f;
  width: 190px;
  margin: 0 30px 15px 10px;
  padding-top: 0; }

.landlords-knowledge-tip-title {
  font-weight: bold;
  font-family: 'Rokkitt';
  font-size: 18px;
  line-height: 24px;
  width: 190px;
  padding-left: 4px;
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf; }

.landlords-knowledge-tip-text {
  padding: 8px 4px 12px 6px;
  color: #bfbfbf;
  border-bottom: 2px solid #bfbfbf; }

.landlords-knowledge-next {
  margin-top: 20px;
  float: right; }

.landlords-knowledge-next a {
  font-weight: bold;
  color: #d1c2ae; }

/* Tenant Reference */
#menu-reference-details {
  height: 33px;
  width: 710px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x;
  margin-top: 20px;
  margin-left: -20px; }

#menu-reference-details ul.tabs li {
  line-height: 33px;
  width: 135px;
  text-align: center;
  border-left: 1px solid #d5d9da; }

#menu-reference-details a {
  font-size: 13px; }

#menu-reference-details ul.tabs li#menu-property-details,
#menu-reference-details ul.tabs li#menu-property-requirements {
  width: 150px;
  line-height: 13px;
  padding: 3px 0 4px 0; }

#menu-reference-details ul.tabs li:last-child {
  border-right: 0; }

#reference-details-form #line-selected-brown {
  margin-left: -20px;
  width: 710px; }

.popup-window-simple {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 340px;
  min-height: 150px;
  background-color: #ebebeb;
  color: white;
  text-align: center;
  padding: 30px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }

.popup-window {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 340px;
  height: 336px;
  background-image: url("/images/layout/popup-background-small.png");
  background-repeat: no-repeat;
  padding: 10px;
  padding-top: 31px; }

.popup-window-medium {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 380px;
  height: 336px;
  background-image: url("/images/layout/popup-background-medium.png");
  background-repeat: no-repeat;
  padding: 10px;
  padding-top: 31px; }

.popup-window-tall {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 497px;
  height: 335px;
  background-image: url("/images/layout/popup-background-tall.png");
  background-repeat: no-repeat;
  padding: 10px;
  padding-top: 31px; }

.popup-window-taller {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 497px;
  height: 404px;
  background-image: url("/images/layout/popup-background-taller.png");
  background-repeat: no-repeat;
  padding: 10px;
  padding-top: 31px; }

.popup-window-tallest {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 497px;
  height: 534px;
  background-image: url("/images/layout/popup-background-tallest.png");
  background-repeat: no-repeat;
  padding: 10px;
  padding-top: 31px; }

.popup-window-wide {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 660px;
  height: 320px;
  background-image: url("/images/layout/popup-background-3.png");
  background-repeat: no-repeat;
  padding: 10px;
  padding-top: 31px; }

.popup-window-large {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 597px;
  height: 434px;
  background-image: url("/images/layout/popup-background-large.png");
  background-repeat: no-repeat;
  padding: 10px;
  padding-top: 31px; }

.popup-window-largest {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 597px;
  height: 583px;
  background-image: url("/images/layout/popup-background-largest.png");
  background-repeat: no-repeat;
  padding: 10px;
  padding-top: 31px; }

.popup-title {
  height: 45px;
  width: 325px;
  background-color: #ebebeb;
  padding-left: 15px;
  font-size: 27px;
  line-height: 48px; }

.popup-window-medium .popup-title {
  width: 365px; }

.popup-window-taller .popup-title,
.popup-window-tallest .popup-title {
  width: 482px; }

.popup-window-large .popup-title,
.popup-window-largest .popup-title {
  width: 582px; }

/*.popup-content, .overlay-content {
  margin-top:20px;
  margin-left:15px;
}*/
.popup-content:first-child {
  margin-top: 10px; }

.popup-context-icon {
  float: left;
  width: 35px; }

.popup-window-medium .popup-context-icon {
  width: 47px; }

.popup-context-tab {
  float: left;
  width: 27px;
  height: 32px;
  border-radius: 0 0 4px 4px;
  color: white;
  font-size: 21px;
  line-height: 32px;
  opacity: .8;
  text-align: center; }

.popup-context-icon .property-introduction-tab {
  position: relative;
  margin-left: 0;
  margin-top: 0; }

.popup-context-content {
  float: left;
  width: 275px;
  font-size: 12px;
  line-height: 13px;
  color: #828282; }

.popup-window-medium .popup-context-content {
  width: 305px; }

.popup-window-medium .popup-context-content div {
  line-height: 14px; }

.popup-context-title {
  font-size: 14px;
  text-transform: uppercase;
  color: #606060; }

.popup-close {
  margin: 3px 0 20px 461px; }

.overlay-window-background {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999999; }

.overlay-window-within-background {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  height: 200%;
  background: rgba(130, 130, 130, 0.7);
  z-index: 9999999; }

.overlay-window {
  margin: 0 auto;
  background-color: white;
  position: relative;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7); }

.overlay-window-bordered {
  margin: 0 auto;
  background-color: white;
  position: relative;
  border: 10px solid #606060;
  border-color: rgba(0, 0, 0, 0.7);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 12px; }

.overlay-window-list {
  width: 700px;
  height: 500px;
  margin-top: 250px; }

.overlay-title {
  background-color: #ebebeb; }

.overlay-title div {
  float: left;
  background-color: #ebebeb; }

.overlay-close {
  float: right;
  width: 50px;
  padding-top: 10px;
  text-align: center;
  height: 35px; }

.overlay-buttons {
  padding-top: 9px;
  height: 36px; }

.overlay-window-list .popup-title {
  width: 380px;
  overflow: hidden;
  text-overflow: ellipsis; }

.overlay-window-list .overlay-buttons {
  width: 250px; }

.overlay-window-list .overlay-buttons div {
  float: right; }

.overlay-window-list .jspDrag {
  background-color: #50c9de; }

.overlay-table {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  border-collapse: collapse; }

.overlay-row {
  width: 690px;
  border-bottom: 1px solid #efefef; }

.overlay-row-unread {
  font-weight: bold;
  border-top: 1px solid #50c9de;
  border-bottom: 1px solid #50c9de; }

.overlay-column {
  margin: 5px;
  height: 50px;
  float: left;
  font-size: 13px; }

.overlay-column-image {
  width: 50px;
  text-align: center;
  overflow: hidden; }

.overlay-column-triple {
  margin-top: 3px; }

.overlay-column-double {
  margin-top: 10px; }

.overlay-column-single {
  line-height: 50px; }

.overlay-row-delete {
  margin-top: 18px; }

.message-user-image {
  height: 50px;
  width: auto; }

.message-user-big-image {
  height: 170px;
  width: auto; }

.overlay-content, .overlay-window-list .overlay-table {
  height: 455px; }

.overlay-window-list .overlay-column-content {
  width: 450px; }

.overlay-window-list .overlay-column-date {
  width: 120px; }

.overlay-content .field-horizontal:first-child {
  margin-top: 20px; }

.overlay-content .field-horizontal-show {
  width: 400px;
  height: 24px;
  border: 1px dashed #ebebeb; }

.overlay-content .field-area-show {
  width: 600px;
  height: 180px;
  border: 1px dashed #ebebeb; }

/* Calendar Widget */
.ui-datepicker {
  background: none;
  background-color: #e6ded4;
  font-family: 'PT Sans'; }

.ui-widget-header {
  background: none;
  background-color: white;
  font-size: 14px;
  color: #606060; }

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
  font-family: 'PT Sans';
  color: #606060; }

.ui-state-highlight {
  border: 1px solid #bdae9a;
  background: none;
  background-color: #bdae9a; }

.ui-state-default, .ui-widget-content .ui-state-default, a.ui-state-default {
  background: none;
  background-color: white; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, a.ui-state-highlight {
  border: 1px solid #bdae9a;
  background: none;
  background-color: #bdae9a; }

td.ui-datepicker-week-end a.ui-state-default {
  background: none;
  background-color: #bfbfbf; }

.ui-datepicker-current {
  display: none; }

button.ui-datepicker-close.ui-state-default.ui-priority-primary {
  width: 100px;
  height: 26px;
  background: none;
  background-color: #bdae9a;
  border-radius: 13px;
  color: white;
  font-size: 14px;
  font-weight: normal;
  margin-right: 77px;
  border: 1px solid white; }

.ui-datepicker-buttonpane {
  border-top: 0; }

td.ui-datepicker-other-month .ui-datepicker-unselectable a.ui-state-default {
  background: none;
  background-color: green; }

.ui-icon-circle-triangle-w, .ui-state-focus .ui-icon-circle-triangle-w {
  background-image: url(/images/layout/date-picker-arrow-left.png) !important;
  background-position: 0px 0px; }

.ui-icon-circle-triangle-e, .ui-state-focus .ui-icon-circle-triangle-e {
  background-image: url(/images/layout/date-picker-arrow-right.png) !important;
  background-position: top left;
  background-position: 0px 0px; }

#content-tenants-dashboard {
  min-height: 710px; }

#content-tenants-results {
  height: 905px; }

/* General */
#content-tenants-search {
  width: 980px;
  min-height: 400px;
  padding: 0; }

/* Dashboard */
#tenants-dashboard {
  float: left;
  width: 690px;
  min-height: 500px; }

#dashboard-section-data-tenants-preferences {
  min-height: 138px; }

#dashboard-menu-tenant-status {
  height: 120px;
  border-bottom: 0; }

#dashboard-menu-tenant-status .menu-item-dashboard-title {
  margin-left: 30px;
  width: 207px; }

#dashboard-menu-tenant-slider {
  margin-top: -65px;
  margin-left: 30px; }

#tenants-profile-summary {
  width: 622px;
  height: 180px; }

#tenants-profile-description {
  float: left;
  width: 165px;
  margin-bottom: 20px;
  line-height: 17px;
  padding-right: 15px;
  margin-right: 10px; }

#user_work_postcode {
  text-transform: uppercase; }

#dashboard-properties #property-search-navigation-up,
#dashboard-suggestions #property-search-navigation-up {
  display: none;
  opacity: 0.8;
  background-color: #c3c3c3;
  border-color: #50c9de; }

#dashboard-properties #property-search-navigation-down,
#dashboard-suggestions #property-search-navigation-down {
  display: none;
  margin-top: 582px;
  margin-left: 60px;
  opacity: 0.8;
  background-color: #50c9de;
  border-color: #50c9de; }

#dashboard-properties #property-search-map,
#dashboard-suggestions #property-search-map {
  width: 670px;
  height: 620px;
  border: 0; }

#properties-area-map,
#properties-saved-map,
#properties-suggested-map {
  width: 670px;
  height: 620px; }

#properties-area-map #map-tiles-hidden {
  position: absolute;
  margin-top: 444px !important; }

#dashboard-properties #property-search-list,
#dashboard-suggestions #property-search-list {
  height: 620px;
  margin: 0; }

#property-search-list .property-imagery {
  width: 138px;
  height: 93px; }

#property-search-list.scrollable.tenants-dashboard-skin .scroll-bar .thumb {
  margin-top: 1px; }

#property-search-list.scrollable .scroll-bar.vertical {
  right: 0px;
  border-right: 1px solid transparent; }

#property-search-list .property-introduction-tab {
  margin-top: -106px; }

#dashboard-properties .property-search-list-item,
#dashboard-suggestions .property-search-list-item {
  height: 160px; }

#dashboard-properties .property-search-list-index,
#dashboard-suggestions .property-search-list-index {
  visibility: hidden; }

#dashboard-properties .property-search-list-thumbnail,
#dashboard-properties .property-search-list-details,
#dashboard-suggestions .property-search-list-thumbnail,
#dashboard-suggestions .property-search-list-details {
  float: none; }

#dashboard-properties #property-search-compare,
#dashboard-suggestions #property-search-compare {
  margin-top: 520px;
  width: 506px;
  margin-left: 164px; }

#dashboard-properties #property-compare-list,
#dashboard-suggestions #property-compare-list {
  width: 672px;
  height: 620px; }

#dashboard-properties .compare-cell,
#dashboard-suggestions .compare-cell {
  width: 168px; }

#dashboard-property-tabs {
  top: 360px;
  margin-left: 150px; }

#content-properties-show #dashboard-property-tabs {
  margin-left: 260px; }

/*#dashboard-notifications {
  top:360px;
  margin-left:150px;
}*/
#dashboard-my-areas-compare {
  width: 625px;
  margin-top: 10px; }

#dashboard-my-areas-compare #compare-button {
  margin: 0; }

#dashboard-compare-title {
  font-size: 28px;
  font-family: 'Rokkitt';
  color: #d9d9d9;
  height: 32px;
  line-height: 32px; }

#dashboard-areas #map-navigation {
  margin-top: 327px; }

/*#dashboard-areas #compare-too-many-instructions,
#dashboard-areas #compare-not-enough-instructions {
  margin:-26px 0 0 95px;
}*/
#area-already-added, #area-none-selected {
  position: absolute;
  top: 751px;
  z-index: 9999999;
  width: 260px;
  line-height: 28px;
  padding: 35px 35px 45px 35px;
  margin: -170px 0 0 165px;
  font-size: 22px;
  height: 80px;
  color: white;
  font-style: normal;
  text-align: center;
  background-color: #50c9de;
  border: 0px solid black;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  visibility: hidden; }

#area-none-selected {
  width: 450px;
  height: 120px;
  margin-left: 75px; }

/*#property-report-abuse-button {
  float:right;
  margin:-43px 60px 0 0;
}*/
#content-properties-show {
  margin: -15px 5px 0 0; }

/*#property-report-abuse {
  margin-left:90px;
}*/
#content-properties-show {
  margin-left: 190px; }

/* Profile */
/*#menu-tenant-profile { 
  height:33px; 
  width:710px; 
  background-image:url('/images/layout/menu-background.png'); 
  background-repeat:repeat-x;
  margin-top:20px;
  margin-left:-20px;
}

#menu-tenant-profile ul.tabs li { 
  line-height:33px; 
  width:131px;
  text-align:center;
  border-left:2px groove #ebebeb;
}

#menu-tenant-profile ul.tabs li {
}

#menu-tenant-profile ul.tabs li#menu-tenant-property, 
#menu-tenant-profile ul.tabs li#menu-tenant-flatmate {
  width:235px;
}

#menu-tenant-profile ul.tabs li#menu-tenant-area, 
#menu-tenant-profile ul.tabs li#menu-tenant-about {
  width:235px;
}

#menu-tenant-profile ul.tabs li:first-child {
  border-left:0;
}

#tenant-details #line-selected-blue {
  margin-left:-20px;
  width:710px;
}

.tenants-details-section {
  display:none;
  height:500px;
}

.tenants-details-subsection {
  display:none;
  min-height:500px;
}

#subsection-data-tenants-areas {
  margin-bottom:10px;
}

.tenants-details-title {
  float:left;
  width:150px;
  font-size:24px;
  margin-top:30px;
  line-height:28px;
  color:#828282;
}

.tenants-details-content {
  float:left;
  width:430px;
}

#tenant-details .field-horizontal-heading {
  width:500px;
  margin-top:20px;
}

#tenant-details .field-horizontal {
  width:500px;
  height:50px;
}

#tenant-details .field-horizontal label, 
#tenant-details .field-horizontal-heading label {
  display:inline-block;
  width:120px;
  text-align:right;
  color:#828282;
}

#tenant-details .field-horizontal-heading label {
  font-size:12px;	
  width:130px;
  text-align:left;
}

#tenant-details .field-horizontal-heading label:first-child {
  width:125px;
}

#tenant-details .field-horizontal input[type=text] {
  width:140px;
}

.tenants-edit-address-link {
  font-size:12px;
  text-decoration:none;
  color:#50c9de;
}

#tenant-profile-form {
  position:absolute;
  margin:-717px 0 0 144px;
}

#profile-user-image-holder {
  position:absolute;
  margin-top:176px;
  margin-left:300px;
}

#profile-user-image {
  width:140px;
  height:auto;
}

#profile-user-image-border {
  height:140px;
  width:140px;
  background-color:#c0c0c0;
  overflow:hidden;
  border:1px solid #c0c0c0;
}

#profile-user-image-change {
  position:absolute;
  height:20px;
  width:80px;
  margin-left:60px;
  text-align:right;
}

#profile-image-change-link {
//  font-size:12px;
//  text-decoration:none;
//  color:#50c9de;
}

#tenant-details select {
  width:148px;
}

#tenant-details select[id$='_3i'] {
  width:40px;
}

#tenant-details select[id$='_2i'],
#tenant-details select[id$='_1i'] {
  width:60px;
}


#tenant-details .where-zone-button {
  margin-top:20px;
}

#tenant-details #where-zone-12-button, 
#tenant-details #where-zone-34-button, 
#tenant-details #where-zone-56-button {
  font-family:'Rokkitt';
  font-size:21px;
  font-weight:normal;
  width:170px;
  line-height:30px;
}

#user-description-example {
  margin:-500px 0 0 200px;
}

#user_work_postcode_error .form_error_content {
  margin-top:-37px;
}

#tenant-profile-save-finish, 
#tenant-profile-save-next {
//  margin-top:20px;
//  margin-left:270px;
  line-height:29px;
  width:162px;
}

#tenant-profile-save-finish {
  margin-left:10px;
  display:none;
}*/
/* Search */
#tenants-who-know {
  float: left;
  width: 581px;
  height: 492px;
  background-color: #50c9de;
  background-image: url("/images/layout/tenants-who-know-background.png"); }

#tenants-who-know-bubble {
  margin: 16px 0 10px 0; }

#tenants-search-form {
  width: 411px;
  height: 246px;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  margin-left: 55px; }

.tenants-search-field {
  width: 250px; }

.tenants-search-field-short {
  width: 117px;
  line-height: 34px; }

#tenants-search-other-methods {
  color: white;
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  margin: 0 30px 30px 0; }

#tenants-search-other-methods a {
  color: white; }

#tenants-search-price {
  margin-bottom: 30px; }

#tenants-search-bedrooms {
  margin-bottom: 20px; }

#tenants-who-dont {
  float: left;
  width: 360px;
  height: 492px;
  font-size: 18px; }

#tenants-who-dont-bubble {
  margin-top: 16px; }

#tenants-list-buttons {
  margin: 10px 0 0 30px; }

#tenants-check-list {
  font-family: 'PT Sans';
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  list-style-image: url("/images/layout/tenants-search-list-style.png"); }

#tenants-register {
  margin-top: 6px; }

#tenants-button-separator {
  margin-top: 20px;
  width: 340px; }

#tenants-login {
  margin: 20px 0 0 30px;
  line-height: 40px; }

#price-period-change, #search-area-note {
  font-size: 11px;
  font-weight: normal; }

#price-period-change, .search-area-note {
  font-size: 11px;
  font-weight: normal; }

#price-period-change a {
  text-decoration: none; }

#price-period-change a:hover {
  text-decoration: underline; }

/* Search by Area */
#menu-tenants-search-type {
  width: 190px; }

#menu-tenants-search-type a {
  display: inline; }

#search-area {
  height: 690px; }

#search-area #tenants-search-form {
  margin: -20px 0 0 -20px;
  width: 960px;
  height: 110px;
  background-color: #50c9de;
  text-align: left;
  padding: 25px 0 0 20px;
  font-size: 16px; }

#search-area #tenants-search-price {
  margin-left: 23px; }

#search-area #tenants-search-bedrooms, #search-area #tenant-search-submit {
  float: left; }

#tenants-search-areas {
  width: 960px;
  height: 110px; }

#search-area-title, #search-area-list {
  float: left; }

#search-area-title {
  margin-top: 33px;
  width: 220px; }

#search-area-names {
  font-family: 'PT Sans','Arial';
  padding: 4px;
  border: 1px solid #ced4d5;
  background-color: #f7fbfc;
  width: 500px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 5px;
  margin-top: 25px; }

.search-area-name, .search-area-separator {
  float: left; }

.search-area-name a {
  text-decoration: none; }

.search-area-name a:hover {
  text-decoration: underline; }

#search-area #map-instructions {
  top: 531px;
  margin-left: 315px; }

#search-area #map-navigation {
  top: 910px;
  margin-left: 830px; }

#search-area #tenant-search-submit {
  margin: -10px 0 0 330px; }

/* Search Results */
#property-search-map {
  position: absolute;
  z-index: 99;
  width: 938px;
  height: 720px; }

#content-tenants-results #property-search-map {
  width: 980px;
  margin-left: -20px; }

.property-search-navigation {
  position: absolute;
  z-index: 9999; }

#property-search-navigation-up {
  margin-left: 60px;
  width: 46px;
  height: 31px;
  padding-top: 7px;
  text-align: center;
  background-color: #50c9de;
  border-radius: 0 0 4px 4px; }

#property-search-navigation-down {
  width: 46px;
  height: 28px;
  padding-top: 10px;
  text-align: center;
  background-color: #50c9de;
  border-radius: 4px 4px 0 0;
  margin-top: 682px;
  margin-left: 60px; }

#property-search-navigation #map-zoom-google {
  visibility: visible;
  margin: 10px 0 0 618px; }

#content-tenants-results #property-search-navigation #map-zoom-google {
  margin: 20px 0 0 894px; }

#property-search-navigation #map-navigation-reset {
  visibility: visible;
  top: 594px;
  margin-left: 618px;
  height: 46px;
  width: 46px;
  display: block; }

#content-tenants-results #property-search-navigation #map-navigation-reset {
  top: 665px;
  margin-left: 894px; }

#property-search-navigation #map-navigation-google {
  top: 594px;
  margin-left: 618px;
  height: 46px;
  width: 46px; }

#content-tenants-results #property-search-navigation #map-navigation-google {
  top: 665px;
  margin-left: 894px; }

#property-search-list {
  position: absolute;
  z-index: 999;
  width: 163px;
  height: 720px;
  border-right: 1px solid #606060;
  background-color: rgba(242, 242, 242, 0.85); }

#content-tenants-results #property-search-list {
  margin-left: -20px; }

#property-search-list-empty {
  position: absolute;
  width: 133px;
  font-size: 17px;
  z-index: 9999;
  text-align: center;
  margin-top: 30px;
  line-height: 22px;
  color: #828282;
  display: none; }

#property-search-list-empty a {
  text-decoration: none; }

#property-search-list div.scroll-bar {
  z-index: 9999; }

.property-search-list-item {
  height: 160px;
  width: 143px;
  padding: 10px;
  overflow: hidden; }

#property-search-list .property-thumbnail {
  margin-left: -105px; }

.property-search-list-thumbnail, .property-search-list-details {
  float: left; }

.property-search-list-thumbnail {
  width: 92px; }

.property-search-list-image {
  background-color: white;
  padding: 3px;
  border: 1px solid black;
  width: 83px;
  height: 66px; }

.property-search-list-details {
  margin-left: 5px;
  width: 160px; }

.property-search-list-rental {
  float: left;
  width: 140px;
  margin-bottom: 5px; }

.property-search-list-index {
  float: left;
  background-color: white;
  font-size: 13px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  border: 1px solid #858f7f; }

.property-search-list-travel,
.property-search-list-score,
.property-search-list-rent,
.property-search-list-index {
  display: none; }

.property-search-list-bedrooms {
  width: 130px;
  margin-bottom: 5px; }

.property-search-list-address,
.property-search-list-pcd {
  font-size: 12px;
  height: 18px;
  width: 150px;
  overflow: hidden; }

.property-search-list-address:first-line {
  font-size: 14px;
  font-weight: bold; }

#property-search-compare {
  position: absolute;
  z-index: 99;
  height: 100px;
  width: 776px;
  margin-top: 620px;
  margin-left: 164px;
  background-color: rgba(142, 146, 137, 0.95); }

#content-tenants-results #property-search-compare {
  margin-left: 144px;
  width: 816px; }

.ui-draggable-helper {
  width: 88px;
  height: auto; }

#property-search-compare-text {
  position: absolute;
  margin: 30px 0 0 20px;
  width: 300px;
  color: white;
  font-size: 17px; }

#property-search-compare-button {
  float: right;
  margin: 32px 25px 0 0;
  line-height: 30px; }

#content-tenants-dashboard #property-search-compare-button .button-square {
  width: 98px; }

#content-tenants-dashboard #compare-click-to-view {
  margin-left: 18px; }

#compare-minimum-message, #compare-maximum-message {
  position: absolute;
  top: 751px;
  z-index: 9999999;
  width: 400px;
  line-height: 34px;
  padding: 35px 35px 45px 35px;
  margin: -170px 0 0 105px;
  font-size: 22px;
  height: 130px;
  color: white;
  font-style: normal;
  text-align: center;
  background-color: #50c9de;
  border: 0px solid black;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  visibility: hidden; }

#content-tenants-results #compare-minimum-message, #content-tenants-results #compare-maximum-message {
  margin-left: 235px; }

#property-search-filters-group {
  position: absolute;
  z-index: 999;
  margin-left: 164px;
  width: 520px; }

#property-search-filters {
  float: left;
  height: 81px;
  width: 300px;
  background-color: #f2f2f2;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f; }

#property-search-filters-link {
  float: left;
  display: block;
  background-color: #50c9de;
  writing-mode: tb-rl;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  margin-top: 20px;
  margin-left: -22px;
  width: 50px;
  height: 22px;
  line-height: 22px;
  padding-left: 12px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -khtml-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  -moz-box-shadow: 3px -3px 3px #4f4f4f;
  -webkit-box-shadow: 3px -3px 3px #4f4f4f;
  box-shadow: 3px -3px 3px #4f4f4f; }

#property-search-filters-link a {
  color: white;
  text-decoration: none;
  font-size: 14px; }

/* Simple Search Results */
/*#filter_by_area_text {
  background-image: url('/images/layout/form-select-background.png');
  background-repeat: no-repeat;
  background-position: right center;
}*/
.ui-autocomplete {
  position: absolute;
  cursor: default;
  z-index: 4000 !important;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden; }

.ui-autocomplete a {
  font-size: 13px; }

.map-pin-region {
  margin-left: -50px;
  margin-top: -20px; }

.map-pin-price {
  margin-left: -40px;
  margin-top: -40px; }

.map-pin-total {
  height: 40px;
  width: 40px;
  font-family: 'Rokkitt';
  font-size: 20px;
  color: white;
  line-height: 43px;
  text-align: center;
  background-color: #50c9de;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f;
  margin: 0 auto; }

.map-pin-text {
  margin-top: 5px;
  padding: 5px 15px;
  border: 1px solid #606060;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  font-family: 'Rokkitt';
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  white-space: nowrap; }

.map-pin-area, .map-pin-price {
  display: none; }

#content-tenants-dashboard .map-pin-price {
  display: block; }

.search-item-selected {
  background-color: #50c9de;
  background-color: rgba(80, 201, 222, 0.7);
  color: white; }

.map-pin-selected .map-pin-total {
  background-color: #3d8794; }

.map-pin-selected .map-pin-text {
  background-color: #606060;
  color: white; }

.map-pin-result {
  width: 85px;
  height: 40px; }

.map-pin-result-content {
  width: 80px;
  height: 30px;
  background-color: #888888;
  text-align: center;
  color: white;
  font-family: 'PT Sans';
  font-size: 16px;
  line-height: 30px;
  border: 2px solid white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f; }

.map-pin-result-content div.scroll-bar.vertical {
  right: 13px; }

.map-pin-selected .map-pin-result-content {
  background-color: #50c9de;
  color: white; }

.map-pin-result-under {
  margin: -2px auto;
  width: 0;
  height: 1px;
  border: 16px solid transparent;
  border-top: 16px solid white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f; }

.map-pin-result-pointer {
  margin: -2px auto;
  width: 24px;
  height: 18px;
  overflow: hidden; }

.map-pin-result-pointer div {
  margin: -9px auto;
  width: 14px;
  height: 14px;
  background-color: #888888;
  border: 2px solid white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.map-pin-selected .map-pin-result-pointer div {
  background-color: #50c9de; }

.map-pin-group-total {
  font-size: 11px; }

.map-price-label {
  position: absolute;
  width: 310px;
  display: none;
  margin: -250px 0 0 -153px; }

.map-price-label-wide {
  width: 316px !important;
  margin-left: -160px; }

.map-price-label-wide .scroll-bar {
  right: 10px;
  z-index: 99; }

.map-label-close {
  position: absolute;
  margin-top: -10px;
  right: -8px;
  z-index: 9; }

.map-price-label-content {
  width: 310px;
  width: 100%;
  height: 185px;
  padding-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f; }

.map-price-label-loading {
  margin: 60px 0 0 120px; }

.map-price-label-container {
  width: 323px;
  background-color: white; }

.map-price-label-summary,
.map-price-label-description {
  float: left;
  width: 153px;
  margin: 10px;
  height: 150px;
  background-color: white; }

.map-price-label-imagery {
  width: 153px;
  height: 103px;
  overflow: hidden; }

.map-price-label-summary .property-search-list-address {
  font-family: 'PT Sans';
  color: #50c9de;
  margin-top: 5px; }

.map-price-label-summary .property-search-list-pcd {
  font-family: 'PT Sans'; }

.map-price-label-description {
  width: 127px;
  margin-left: 0px; }

.map-price-label-container:first-of-type .map-price-label-summary,
.map-price-label-container:first-of-type .map-price-label-description {
  margin-top: 0px; }

.map-price-label-container .user-choose-dashboard-button {
  width: 113px; }

.map-price-label-button {
  width: 127px;
  height: 18px;
  line-height: 16px;
  margin: 5px 0;
  margin-top: 9px; }

.map-label-pointer {
  margin: 0 auto;
  width: 24px;
  height: 18px;
  overflow: hidden; }

.map-label-pointer div {
  margin: -9px auto;
  width: 14px;
  height: 14px;
  background-color: #606060;
  -moz-box-shadow: 3px 3px 3px #4f4f4f;
  -webkit-box-shadow: 3px 3px 3px #4f4f4f;
  box-shadow: 3px 3px 3px #4f4f4f;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

ul.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 0 !important;
  border: 1px solid #ced4d5 !important;
  padding: 0 !important; }

ul.ui-autocomplete a.ui-state-hover {
  background: none !important;
  background-color: #1e90ff !important;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  color: white; }

/*@media screen and (-webkit-min-device-pixel-ratio:0) { */
/* Safari only override */
/*::i-block-chrome,ul.ui-autocomplete a {
  line-height:14px !important;*/
/*} */
/*::i-block-chrome,ul.ui-autocomplete a.ui-state-hover {*/
/*background-color:green !important;*/
/*   } 
 }*/
/* body:last-child #filter_by_area_text, x:-moz-any-link, x:default {*/
/* Firefox only override */
/* height:12px !important;*/
/* }*/
/*body:last-child ul.ui-autocomplete a, x:-moz-any-link, x:default {*/
/* Firefox only override */
/*    line-height:12px !important;
  }*/
/* Compare Bar */
.compare-close {
  position: absolute;
  z-index: 9999;
  margin-top: 5px;
  visibility: hidden; }

#compare-close-1 {
  margin-left: 108px; }

#compare-close-2 {
  margin-left: 227px; }

#compare-close-3 {
  margin-left: 347px; }

#compare-close-4 {
  margin-left: 465px; }

#compare-close-5 {
  margin-left: 587px; }

/* Compare List */
#property-compare-list {
  position: absolute;
  z-index: 99999;
  width: 938px;
  height: 600px;
  margin: 0;
  overflow: hidden; }

#content-tenants-results #property-compare-list {
  height: 720px;
  margin-left: -20px;
  width: 980px; }

.compare-data-close {
  position: absolute;
  z-index: 99999999;
  margin-top: 12px;
  visibility: hidden;
  margin-left: 125px; }

#compare-row-close {
  height: 48px;
  width: 100%;
  background-color: #828282;
  background: rgba(130, 130, 130, 0.9); }

.compare-cell {
  float: left;
  height: 31px;
  width: 153px;
  color: white;
  font-family: 'PT Sans','Arial';
  font-size: 13px;
  line-height: 31px;
  text-align: center; }

#compare-row-empty .compare-cell {
  height: 0px;
  background-color: #828282 !important;
  background: rgba(130, 130, 130, 0.9) !important;
  border-bottom: 2px solid #828282;
  border-bottom: 2px solid rgba(130, 130, 130, 0.7); }

#content-tenants-results #compare-row-empty .compare-cell {
  height: 96px; }

.compare-title {
  width: 175px;
  background-color: #f5f5f5;
  background: rgba(245, 245, 245, 0.9);
  border-bottom: 2px solid #828282;
  border-bottom: 2px solid rgba(130, 130, 130, 0.7);
  text-transform: uppercase;
  color: #646464;
  font-family: 'Rokkitt'; }

.compare-data-odd {
  background-color: #50c9de;
  background: rgba(80, 201, 222, 0.9);
  border-bottom: 2px solid #f5f5f5;
  border-bottom: 2px solid rgba(245, 245, 245, 0.7); }

.compare-data-even {
  background-color: #50c9de;
  background: rgba(80, 201, 222, 0.9);
  border-bottom: 2px solid #f5f5f5;
  border-bottom: 2px solid rgba(245, 245, 245, 0.7); }

.compare-data-thumbnail {
  height: 160px;
  background-color: #f5f5f5;
  background: rgba(245, 245, 245, 0.9); }

.compare-data-highlighted {
  background-color: #2ec0d9;
  background: rgba(46, 192, 217, 0.9); }

.compare-data-thumbnail-highlighted {
  background-color: #c3c3c3;
  background: rgba(195, 195, 195, 0.9); }

#compare-data-corner {
  width: 159px;
  height: 160px;
  text-align: right;
  background-color: #828282;
  background: rgba(130, 130, 130, 0.9); }

#content-tenants-results .compare-title,
#content-tenants-results #compare-data-corner {
  width: 215px; }

#content-tenants-results .compare-data-close {
  margin-left: 124px; }

#property-compare-close-button {
  margin: 50px auto 30px auto; }

#compare-click-to-view {
  text-align: left;
  width: 150px;
  line-height: 16px;
  margin-left: 70px; }

/* Knowledge Room */
#tenants-knowledge-room, #tenants-knowledge-item {
  height: 920px; }

#menu-tenants-knowledge-room {
  height: 33px;
  width: 940px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x; }

#menu-tenants-knowledge-room ul.tabs li {
  padding-top: 10px;
  height: 23px;
  line-height: 12px;
  width: 133px;
  text-align: center; }

#menu-tenants-knowledge-room ul.tabs li#menu-tenants-rights {
  padding-top: 1px;
  height: 32px; }

#menu-tenants-knowledge-room ul.tabs a {
  margin: 0 5px 0 5px;
  font-size: 12px;
  color: white;
  line-height: 14px; }

#menu-tenants-knowledge-room ul.tabs li {
  border-left: 2px groove #ebebeb; }

#menu-tenants-knowledge-room ul.tabs li:first-child {
  border-left: 0; }

#menu-tenants-knowledge-room ul.tabs li:last-child {
  width: 130px; }

#menu-tenants-knowledge-room ul.tabs li ul {
  margin: 16px 0 0 -40px;
  width: 200px;
  padding: 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 4px solid #a6a6a6; }

#menu-tenants-knowledge-room ul.tabs li#menu-tenants-rights ul {
  margin-top: 11px; }

#tenants-knowledge #line-selected-blue {
  width: 934px; }

#menu-tenants-knowledge-room ul.tabs li ul li {
  font-family: 'PT Sans';
  color: white;
  font-size: 12px; }

.tenants-knowledge-title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px; }

.tenants-knowledge-content {
  position: absolute;
  top: 330px;
  width: 940px;
  font-size: 14px;
  visibility: visible; }

#tenants-knowledge-room .tenants-knowledge-content {
  visibility: hidden; }

#tenants-knowledge-room #tenants-knowledge-room-intro {
  visibility: hidden; }

#tenants-knowledge-room #tenants-knowledge-room-renting {
  visibility: visible; }

.tenants-knowledge-text {
  float: left;
  width: 600px; }

.tenants-knowledge-tip-text a,
.tenants-knowledge-tip-text a:visited,
.tenants-knowledge-text a,
.tenants-knowledge-text a:visited {
  color: blue; }

.tenants-knowledge-tip {
  float: left;
  background-color: white;
  color: #60605f;
  width: 190px;
  margin: 0 30px 15px 10px;
  padding-top: 0; }

.tenants-knowledge-tip-title {
  font-weight: bold;
  font-family: 'Rokkitt';
  font-size: 18px;
  line-height: 24px;
  width: 190px;
  padding-left: 4px;
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf; }

.tenants-knowledge-tip-text {
  padding: 8px 4px 12px 6px;
  color: #bfbfbf;
  border-bottom: 2px solid #bfbfbf; }

.tenants-knowledge-next {
  margin-top: 20px;
  float: right; }

.tenants-knowledge-next a {
  font-weight: bold;
  color: #50c9de; }

/* Where to live */
#tenants-where-to-live {
  height: 1400px; }

#tenants-where-to-live #where-to-live-scores {
  height: 900px; }

#content-properties-filter-product .property-introduction-tab,
#content-properties-filter-status .property-introduction-tab {
  margin: -17px 0 0 0; }

/* Property Details */
#property-details {
  width: 950px;
  height: 1175px;
  margin: 0;
  padding: 0; }

.property-address {
  font-size: 28px;
  color: #7f7f7f;
  font-family: 'Rokkitt'; }

#property-address {
  /*float:left;*/
  width: 650px; }

#property-bedrooms {
  margin: 5px 0 10px 0;
  color: #828282; }

/*#property-back-link {
  float:right;
  margin:-40px 20px 0 0;
}

#property-back-link a {
  color:#c3c3c3;
  font-size:20px;
  font-family:Rokkitt;
}*/
/*#property-address h1, #property-price h1 {
  padding:0;
  margin:0;
}*/
/*#property-price {
//  float:right;
//  width:300px;
//  text-align:right;
//  margin-right:20px;
}
*/
#property-price-per-week {
  color: #606060; }

#property-price-per-month {
  color: #828282; }

.property-menu {
  width: 930px;
  height: 40px;
  background-image: url("/images/layout/property-menu-background.png");
  background-repeat: repeat-x;
  margin: 15px 0 10px 0;
  border: 1px solid #c9c9c9;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px; }

.property-menu #menu-sub-items {
  margin: 0; }

.property-menu li {
  height: 40px;
  width: 122px;
  text-align: left;
  padding: 0 11px 0 11px;
  border-right: 1px solid #c9c9c9; }

.property-menu li a {
  line-height: 40px;
  font-family: 'PT Sans';
  font-size: 13px; }

.property-menu li#property-menu-item-landlord:hover,
.property-menu li#property-menu-item-save:hover,
.property-menu li#property-menu-item-facebook:hover,
.property-menu li#property-menu-item-twitter:hover {
  background-color: transparent; }

.property-menu li#property-menu-item-landlord a:hover,
.property-menu li#property-menu-item-save a:hover,
.property-menu li#property-menu-item-facebook a:hover,
.property-menu li#property-menu-item-twitter a:hover {
  color: #50c9de; }

/*.property-menu li:first-child {
//  -moz-border-radius:3px 0 0 3px;
//  -webkit-border-radius:3px 0 0 3px;
//  -khtml-border-radius:3px 0 0 3px;
//  border-radius:3px 0 0 3px;
}*/
#tenant-property-menu li:last-child, #landlord-property-menu li:last-child {
  border-right: 0; }

.property-menu-icon {
  margin: -5px 5px 0 0; }

#tenant-property-menu #property-menu-item-landlord {
  width: 130px; }

#landlord-property-menu #property-menu-item-edit {
  width: 150px; }

.property-menu #property-menu-item-twitter {
  width: 88px; }

#tenant-property-menu #property-menu-item-save {
  width: 180px; }

#tenant-property-menu #property-menu-item-remove {
  width: 165px; }

.property-menu #property-menu-item-facebook {
  width: 140px; }

#tenant-property-menu #property-menu-item-viewing {
  width: 140px; }

#landlord-property-menu #property-menu-item-viewing {
  width: 138px; }

#landlord-property-menu #property-menu-item-letting {
  width: 138px; }

#landlord-property-menu #property-menu-item-twitter {
  width: 132px; }

#tenant-property-menu #property-menu-item-offer {
  width: 110px; }

#landlord-property-menu #menu-sub-items li:hover {
  background-color: #bdae9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5dcd2), to(#bdae9a));
  background: -moz-linear-gradient(top, #e5dcd2, #bdae9a); }

/*#contact-landlord-message {
  position:absolute;
  top:751px;
  z-index:9999999;
  width:400px;
  line-height:34px;
  padding:35px 35px 45px 35px;
  margin:-170px 0 0 105px;
  font-size:22px;
  height:130px;
  color:white;
  font-style:normal;
  text-align:center;
  background-color:#50c9de;
  border:0px solid black;
  -moz-border-radius:6px 6px 6px 6px;
  -webkit-border-radius:6px 6px 6px 6px;
  -khtml-border-radius:6px 6px 6px 6px;
  border-radius:6px 6px 6px 6px;
  text-align:center;
  visibility:hidden;
}
*/
#property-images {
  float: left; }

.property-big-image-container {
  width: 635px;
  margin-bottom: 10px;
  height: 425px;
  overflow: hidden; }

.property-big-image {
  width: 635px;
  height: auto;
  background-color: #fafafa;
  margin: 0 20px 20px 0;
  text-align: center;
  max-width: 635px;
  overflow: hidden; }

.property-big-image {
  margin: 0 auto; }

#property-big-image {
  margin-bottom: 1px;
  z-index: 99;
  width: 635px;
  height: auto; }

#property-big-image-title {
  margin-left: 1px;
  position: absolute;
  width: 635px;
  height: 30px;
  background-image: url("/images/layout/big-image-background.png");
  color: white;
  line-height: 28px;
  margin-top: -40px; }

#property-big-image-left, #property-big-image-right {
  position: absolute;
  z-index: 999;
  height: 43px;
  width: 40px;
  background-color: #50c9de;
  background: rgba(80, 201, 222, 0.7);
  margin-top: -260px;
  text-align: center;
  padding-top: 4px; }

#property-big-image-left {
  border-radius: 0 5px 5px 0; }

#property-big-image-right {
  border-radius: 5px 0 0 5px;
  margin-left: 597px; }

#property-big-image-left.disabled, #property-big-image-right.disabled {
  background: rgba(130, 130, 130, 0.4); }

#property-image-strip {
  width: 625px;
  height: 60px;
  background-color: white; }

#property-image-strip-left, #property-image-strip-content, #property-image-strip-right {
  float: left;
  height: 60px; }

#property-image-strip-left, #property-image-strip-right {
  width: 30px;
  height: 60px; }

#property-image-strip-content {
  width: 565px;
  height: 60px;
  overflow: hidden; }

#property-image-strip-content .property-assets {
  width: 108px;
  height: 72px;
  overflow: hidden;
  float: left;
  border: 3px solid white;
  border-radius: 2px;
  margin: 11px 0px 5px 0px; }

.property-asset-selected {
  border: 4px solid #606060 !important; }

.property-strip-image {
  border: 1px solid #c9c9c9;
  height: 58px;
  width: 90px;
  margin-right: 10px; }

#property-data-box {
  float: left;
  width: 285px;
  height: 539px;
  background-color: #fafafa;
  border: 1px solid #c9c9c9;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  margin: 0 0 20px 10px; }

#property-data-box h2, #property-minor-details h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 20px 20px;
  color: #606060; }

#property-minor-details h3 {
  line-height: 27px; }

#property-description {
  font-size: 12px;
  margin: 10px;
  padding: 10px;
  margin-top: -20px;
  width: 243px;
  height: 158px;
  border-bottom: 1px solid #c9c9c9;
  color: #828282; }

#property-attributes {
  margin: 10px 20px 0 20px;
  width: 250px;
  height: 380px; }

.property-details-title, .property-details-value {
  float: left;
  font-family: 'PT Sans';
  font-size: 13px;
  height: 22px;
  line-height: 22px; }

.property-details-title {
  width: 110px;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  color: #c3c3c3; }

.property-details-value {
  color: #828282; }

#property-details-distance-title {
  height: 40px;
  line-height: 40px;
  width: 210px;
  margin-top: 3px;
  color: #606060;
  font-family: Rokkitt;
  font-size: 16px;
  font-weight: bold; }

#menu-property-profile {
  margin-top: -10px;
  height: 33px;
  width: 934px;
  border-top: 1px solid #d5d9da; }

#menu-property-profile ul.tabs li {
  line-height: 33px;
  width: 131px;
  text-align: center;
  background-color: #e7e7e7;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e7e7e7));
  background: -moz-linear-gradient(top, #f9f9f9, #e7e7e7); }

#menu-property-profile ul.tabs li.menu-selected-brown {
  background-color: #bdae9a;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5dcd2), to(#bdae9a));
  background: -moz-linear-gradient(top, #e5dcd2, #bdae9a); }

#menu-property-profile ul.tabs li.menu-selected-blue {
  background-color: #50c9de;
  background: -webkit-gradient(linear, left top, left bottom, from(#65dee6), to(#50c9de));
  background: -moz-linear-gradient(top, #65dee6, #50c9de); }

#menu-property-profile ul.tabs li {
  border-left: 1px solid #d5d9da;
  width: 175px; }

#menu-property-profile ul.tabs li a {
  font-size: 13px;
  color: #60605f; }

#menu-property-profile ul.tabs li#menu-property-leasing {
  width: 220px; }

#menu-property-profile ul.tabs li#menu-property-nearby {
  width: 183px; }

#menu-property-profile ul.tabs li:last-child {
  border-right: 1px solid #d5d9da; }

#menu-property-profile ul.tabs li.menu-selected-blue a, #menu-property-profile ul.tabs li.menu-selected-brown a {
  color: white; }

#property-details #line-selected-blue, #property-details #line-selected-brown {
  width: 934px; }

#property-minor-details {
  width: 932px;
  height: 346px;
  border: 1px solid #c9c9c9;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -khtml-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  overflow: hidden; }

#property-minor-details #area-profile-content {
  width: 932px;
  height: 320px; }

#property-minor-details .profile-transport-type,
#property-minor-details #profile-shopping-sliders,
#property-minor-details .profile-people {
  margin-left: 25px; }

#property-minor-details #profile-transport-stations {
  width: 856px;
  height: 290px; }

#property-minor-details .profile-transport-type {
  width: 876px; }

#property-minor-details .profile-transport-data {
  width: 756px;
  width: 876px; }

#property-minor-details .transport-type,
#property-minor-details .transport-data-station {
  width: 380px; }

#property-minor-details .transport-data-line {
  margin-left: -90px; }

.profile-transport-data .viewport {
  margin-right: 10px; }

#property-minor-details .overview {
  width: 857px; }

#property-minor-details #profile-transport-note {
  margin-top: 0; }

#property-minor-details #profile-shopping-sliders {
  width: 631px; }

#property-minor-details #profile-right-rating {
  width: 256px; }

#profile-right-rating ol {
  width: 120px; }

.minor-details-list, .minor-details-title {
  float: left;
  width: 270px;
  height: 138px; }

.minor-details-title {
  width: 190px; }

.minor-details-list {
  margin-top: 17px; }

#minor-details-leasing {
  border-right: 1px solid #c9c9c9; }

#minor-details-tenants .property-details-title,
#minor-details-leasing .property-details-title {
  width: 140px;
  margin-top: 0; }

#property-details #streetview-map-google, #property-details #property-map-google {
  width: 882px;
  height: 300px;
  float: left;
  margin: 10px 0 0 25px;
  border: 1px solid #7f7f7f; }

#property-details #map-zoom-google {
  display: block;
  visibility: visible;
  margin: 21px 0 0 36px; }

/*#nearby-map-google {
  width:650px;
  height:300px;
  float:left;
  border:1px solid #7f7f7f;
  margin-top:8px;
}*/
#nearby-map #map-zoom-google {
  margin: -291px 0 0 271px; }

#nearby-map-text {
  font-family: 'PT Sans';
  font-size: 13px;
  width: 230px;
  height: 288px;
  float: left;
  margin-left: 20px;
  margin-right: 10px;
  padding-top: 6px; }

.nearby-map-filters {
  font-size: 14px;
  float: left;
  width: 60px;
  text-align: center;
  margin: 25px 12px 0 0;
  text-transform: uppercase;
  color: #828282; }

.nearby-map-filters:last-child {
  margin-right: 0; }

.nearby-label {
  position: absolute;
  background-image: url("/images/layout/treasures-label-background3.png");
  background-repeat: no-repeat;
  width: 220px;
  height: 107px;
  font-family: 'Rokkitt';
  margin: -128px 0 0 6px;
  display: none; }

.nearby-label-banner {
  margin: 1px 0 0 7px;
  padding: 3px 5px 1px 10px;
  width: 220px;
  color: white;
  width: 190px;
  text-transform: uppercase;
  background-color: white;
  border-radius: 8px 8px 0 0; }

.nearby-label-banner-type-8 {
  background-color: #4b731f; }

.nearby-label-banner-type-6 {
  background-color: #50c9de; }

.nearby-label-banner-type-15 {
  background-color: #be1522; }

.nearby-label-name {
  margin: 7px 0 0 17px;
  font-family: 'PT sans';
  font-size: 12px;
  color: #606060;
  width: 190px; }

.nearby-label-content {
  margin: 2px 0 0 17px;
  font-family: 'PT Sans';
  font-size: 10px;
  line-height: 11px;
  width: 190px;
  height: 24px;
  overflow-y: hidden;
  color: #c3c3c3; }

.nearby-label-image {
  width: 80px;
  height: auto;
  max-height: 68px;
  overflow: hidden;
  margin: 1px 5px 0 3px; }

.nearby-map-label-centre {
  background-image: url("/images/layout/treasures-none-found.png");
  background-repeat: no-repeat;
  width: 205px;
  height: 86px;
  display: block;
  margin-top: 90px;
  margin-left: 220px;
  color: white;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  padding-top: 26px; }

.nearby-map-label-centre a {
  color: white; }

/* Property Popups */
#property-status-change {
  height: 400px;
  margin-left: 230px; }

/*#property-remove-listing, #property-save-my-properties, #property-remove-my-properties {
  position:absolute;
  top:411px;
  z-index:9999999;
  width:360px;
  line-height:22px;
  padding:35px 25px 45px 25px;
  margin:156px 0 0 245px;
  font-size:18px;
  height:120px;
  color:white;
  font-style:normal;
  text-align:center;
  background-color:#bdae9a;
  border:0px solid black;
  -moz-border-radius:6px 6px 6px 6px;
  -webkit-border-radius:6px 6px 6px 6px;
  -khtml-border-radius:6px 6px 6px 6px;
  border-radius:6px 6px 6px 6px;
  text-align:center;
  display:none;
}

#property-save-my-properties, #property-remove-my-properties {
  background-color:#50c9de;
}*/
/* Property Statistics */
.property-statistics-title {
  font-size: 16px;
  color: #60605f;
  float: left;
  width: 220px;
  padding-right: 30px;
  line-height: 36px;
  margin-bottom: 5px;
  border-right: 1px solid #dacfc2;
  text-align: right;
  margin-top: 10px;
  margin-left: 36px; }

.property-statistics-value {
  font-family: 'Rokkitt';
  width: 240px;
  font-size: 32px;
  color: #bdae9a;
  float: left;
  line-height: 36px;
  margin-left: 10px;
  margin-top: 10px; }

.property-statistics-note {
  width: 320px;
  font-size: 14px;
  color: #60605f;
  float: left;
  margin-left: 10px; }

/* Property Upload and Edit */
#content-properties-add, #content-properties-edit {
  height: 1080px; }

#content-properties-edit #property-address,
#content-properties-add #property-address {
  border-bottom: 1px solid #d9d9d9;
  width: 670px; }

#content-properties-edit h1,
#content-properties-add h1 {
  padding-bottom: 10px;
  width: 470px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#menu-property-upload {
  height: 33px;
  width: 710px;
  background-image: url("/images/layout/menu-background.png");
  background-repeat: repeat-x;
  margin-top: 20px;
  margin-left: -20px; }

#menu-property-upload ul.tabs li {
  line-height: 33px;
  width: 135px;
  text-align: center;
  border-left: 1px solid #d5d9da; }

#menu-property-upload a {
  font-size: 13px; }

#menu-property-upload ul.tabs li#menu-property-details,
#menu-property-upload ul.tabs li#menu-property-requirements {
  line-height: 13px;
  padding: 3px 0 4px 0; }

#menu-property-upload ul.tabs li {
  width: 117px; }

/*  #menu-property-upload ul.tabs li#menu-property-description {
//    width:132px;
  }*/
#menu-property-upload ul.tabs li#menu-property-description,
#menu-property-upload ul.tabs li#menu-property-details,
#menu-property-upload ul.tabs li#menu-property-requirements {
  line-height: 13px;
  padding: 3px 0 4px 0; }

#menu-property-upload ul.tabs li#menu-property-listing {
  width: 119px; }

#menu-property-upload ul.tabs li:last-child {
  border-right: 0; }

#property-upload-form #line-selected-brown {
  margin-left: -20px;
  width: 710px; }

.property-upload-section {
  /*  display:none;*/
  /* height:700px;*/
  width: 640px;
  /* border:1px solid #c0c0c0;
  */ }

.property-upload-title {
  float: left;
  width: 190px;
  font-size: 24px;
  line-height: 28px;
  color: #828282;
  margin-top: 30px;
  /* border:1px dashed #c0c0c0;
  */ }

.property-upload-content {
  float: left;
  width: 440px;
  margin-top: 30px;
  /* border:1px dashed #c0c0c0;
  */ }

#property-upload-form .field-horizontal-heading {
  width: 420px;
  margin-top: 20px; }

#property-upload-form .field-horizontal {
  width: 440px;
  height: 50px; }

#property-upload-form .field-horizontal label,
#property-upload-form .field-horizontal-heading label {
  display: inline-block;
  width: 120px;
  text-align: right;
  color: #828282; }

#property-upload-form .field-heading-currency {
  font-size: 16px; }

#property-upload-form .field-horizontal-heading label {
  font-size: 12px;
  width: 130px;
  text-align: left; }

#property-upload-form .field-horizontal-heading label:first-child {
  width: 125px; }

#property-upload-form .field-horizontal input[type=text] {
  width: 120px; }

#property-upload-form #user_date_of_birth_1i,
#property-upload-form #user_date_of_birth_3i {
  width: 57px; }

#property-upload-form #user_date_of_birth_2i {
  width: 59px; }

#property-upload-form #property_address_line_1,
#property-upload-form #property_address_line_2 {
  width: 290px; }

#property-upload-form select {
  width: 131px; }

/*#property-upload-form #property_property_type_id, 
#property-upload-form #property_property_style_id {
//  width:178px;
}

#property-upload-form #property_furnished {
//  width:153px;
}
*/
.property-upload-warning {
  margin-top: 30px;
  font-family: 'PT Sans';
  font-size: 14px;
  line-height: 20px;
  width: 160px;
  color: #c3c3c3; }

#property-upload-name-warning,
#property-upload-address-warning {
  margin-top: 10px; }

#property_rental_amount_error {
  margin-left: 38px; }

#property_ready_to_move_error {
  margin-left: 40px; }

#property_bills_included_7_error {
  margin-top: -17px !important;
  margin-left: 53px !important; }

#property_upload_field_0_error {
  margin-left: -25px; }

#property-upload-form #property_postcode {
  color: initial; }

.properties-edit-address-link {
  font-size: 12px;
  text-decoration: none;
  color: #50c9de; }

#user-postcode-valid,
#property-postcode-valid {
  position: absolute;
  z-index: 999;
  display: none;
  margin: 5px 0 0 4px; }

#user-postcode-invalid,
#property-postcode-invalid {
  position: absolute;
  z-index: 999;
  display: none;
  margin: 1px 0 0 1px;
  font-size: 12px;
  width: 140px;
  line-height: 14px;
  color: #c3c3c3; }

#property-postcode-invalid {
  margin-top: -12px; }

#user-find-address-progress,
#user-retrieve-address-progress,
#property-find-address-progress,
#property-retrieve-address-progress {
  position: absolute;
  display: none;
  z-index: 999;
  margin: 7px 0 0 7px; }

.property-upload-field {
  margin-left: -5px; }

/*.property-image-primary {
  margin-left:26px;
}*/
#photo-upload-preview {
  width: 364px;
  height: 244px;
  float: left;
  overflow: hidden; }

#photo-upload-preview-text {
  margin-top: 216px;
  line-height: 28px;
  text-align: left;
  padding-left: 10px;
  width: 354px;
  font-size: 14px; }

.photo-upload-preview, .photo-upload-preview-title {
  width: 110px;
  height: 75px;
  float: left;
  margin: 0 15px 15px 0;
  overflow: hidden;
  border: 1px solid white; }

.photo-upload-preview-title {
  color: #bdae9a; }

#photos-remaining {
  float: left;
  font-size: 90px;
  line-height: 90px;
  width: 60px;
  margin-top: -8px; }

#photos-remaining-text {
  float: left;
  width: 50px;
  font-size: 12px;
  margin-left: -5px; }

.photo-upload-text {
  position: absolute;
  margin-top: 59px;
  line-height: 16px;
  width: 110px;
  background-color: #c0c0c0;
  background: rgba(78, 78, 78, 0.7);
  text-align: center;
  color: white;
  font-size: 12px;
  z-index: 2; }

/*#property-details-next,
#property-details-save {
  display:inline-block;
  float:none;
  line-height:26px;
  width:140px;
//  margin-left:270px;
}

#property-details-save {
  margin-left:10px;
}*/
/*#property-preview-button,
#property-notlisted-button,
#property-listed-button {
//  width:110px;
//  margin:12px 0 0 80px;
//  font-size:12px;
}
*/
/*#property-listed-button {
//  margin-top:12px;
}*/
/*#property-preview-button:hover,
#property-notlisted-button:hover {
//  background-color:#828282;
}

#property-listed-button:hover {
//  background-color:#8c111a;
}*/
#overwrite-image-message,
#upload-image-filetype-message,
#upload-document-filetype-message,
#preview-unavailable-message {
  position: absolute;
  top: 751px;
  z-index: 9999999;
  width: 400px;
  line-height: 34px;
  padding: 35px 35px 45px 35px;
  margin: -170px 0 0 105px;
  font-size: 22px;
  height: 130px;
  color: white;
  font-style: normal;
  text-align: center;
  background-color: #50c9de;
  border: 0px solid black;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -khtml-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  visibility: hidden; }

/*#property-warning-message {
  height:165px;
}*/
.property-popup-button {
  font-family: 'PT Sans';
  border: 0;
  background-color: transparent;
  cursor: hand;
  cursor: pointer;
  text-decoration: underline;
  color: white;
  font-size: 18px;
  margin-right: 148px; }

.property-listing-upload-button {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
  margin-left: 80px !important;
  width: 112px;
  margin-top: 12px; }

/*#property-notlisted-button:hover {
//  background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#cfcfcf)) !important;
//  background: -moz-linear-gradient(top, #919191, #cfcfcf) !important;
}

#property-listed-button:hover {
//  background: -webkit-gradient(linear, left top, left bottom, from(#de2314), to(#f1542b)) !important;
//  background: -moz-linear-gradient(top, #de2314, #f1542b) !important;
}*/
#property-disable-actions-container {
  position: absolute;
  width: 250px;
  height: 520px;
  margin: -100px 0 0 700px;
  z-index: 2;
  display: none; }

#property-disable-products-container {
  position: absolute;
  width: 60px;
  height: 200px;
  margin: -300px 0 0 -20px;
  display: none; }

#property-add-buttons-container {
  width: 690px;
  background-color: #ebe4dc;
  margin-left: -20px;
  text-align: center;
  padding: 30px 10px 20px 10px; }

/*#property-edit-buttons-container {
  width:690px;
  margin-left:-20px;
  text-align:center;
  padding:30px 10px 30px 10px;
}*/
#property-disable-buttons-container {
  position: absolute;
  width: 690px;
  margin-left: -20px;
  margin-top: -100px;
  text-align: center;
  padding: 30px 10px 60px 10px;
  display: none; }

/* Property Preview */
/*#landlords-property-preview {
  background-image:url('/images/layout/popup-background-preview.png');
  background-repeat:no-repeat;
  text-align:left;
  background-color:transparent;
  color:#60605f;
}*/
#landlords-property-preview #property-address {
  width: 750px; }

.scrollable {
  position: relative; }

.scrollable:focus {
  outline: none !important; }

.scrollable .viewport {
  position: relative;
  overflow: hidden; }

.scrollable .viewport .overview {
  position: absolute; }

.scrollable .scroll-bar {
  display: none; }

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 1px;
  height: 100%; }

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%; }

.scrollable .scroll-bar .thumb {
  position: absolute; }

.scrollable .scroll-bar.vertical .thumb {
  width: 100%; }

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  left: 0; }

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Default skin */
.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px; }

.scrollable.default-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px; }

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px; }

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6; }

/* Discover skin */
.scrollable.discover-skin {
  padding-right: 17px; }

.scrollable.discover-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.discover-skin .scroll-bar .thumb {
  background-color: #a170cb;
  margin-left: -3px;
  width: 7px;
  border-left: 1px solid #895fad; }

.scrollable.discover-skin .scroll-bar.vertical {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  width: 3px; }

.scrollable.discover-skin .scroll-bar.horizontal {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  height: 3px; }

/* Discover Dashboard skin */
.scrollable.discover-dashboard-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.discover-dashboard-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.discover-dashboard-skin .scroll-bar.horizontal {
  height: 10px; }

.scrollable.discover-dashboard-skin .scroll-bar .thumb {
  background-color: #895fad;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* Tenants skin */
.scrollable.tenants-skin {
  padding-right: 17px; }

.scrollable.tenants-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.tenants-skin .scroll-bar .thumb {
  background-color: #50c9de;
  margin-left: -3px;
  width: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.scrollable.tenants-skin .scroll-bar.vertical {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  width: 3px; }

.scrollable.tenants-skin .scroll-bar.horizontal {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  height: 3px; }

/* Tenants Dashboard skin */
.scrollable.tenants-dashboard-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.tenants-dashboard-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.tenants-dashboard-skin .scroll-bar.horizontal {
  height: 10px; }

.scrollable.tenants-dashboard-skin .scroll-bar .thumb {
  background-color: #50c9de;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* Landlords skin */
.scrollable.landlords-skin {
  padding-right: 17px; }

.scrollable.landlords-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.landlords-skin .scroll-bar .thumb {
  background-color: #d1c2ae;
  margin-left: -3px;
  width: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.scrollable.landlords-skin .scroll-bar.vertical {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  width: 3px; }

.scrollable.landlords-skin .scroll-bar.horizontal {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  height: 3px; }

/* Landlords Dashboard skin */
.scrollable.landlords-dashboard-skin .scroll-bar {
  cursor: hand;
  cursor: pointer; }

.scrollable.landlords-dashboard-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.landlords-dashboard-skin .scroll-bar.horizontal {
  height: 10px; }

.scrollable.landlords-dashboard-skin .scroll-bar .thumb {
  background-color: #d1c2ae;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

/* Modern skin */
.scrollable.modern-skin {
  padding-right: 17px; }

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888; }

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984; }

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )"; }

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )"; }

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px; }