/* @import "https://astroholdings.co.zm/includes/rui-core.min.css"; */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

audio:not([controls]) {
    display: none
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

body,button,input,select,textarea {
    font-family: sans-serif
}

a {
    color: #00e
}

a:visited {
    color: #551a8b
}

a:focus {
    outline: thin dotted
}

a:hover,a:active {
    outline: 0
}

b,strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

pre,code,kbd,samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

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

small {
    font-size: 75%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

ul,ol {
    margin: 1em 0;
    padding: 0 0 0 40px
}

dd {
    margin: 0 0 0 40px
}

nav ul,nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    *margin-left: -7px
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    line-height: normal
}

table button,table input {
    *overflow: auto
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

.website-landing {
    width: 570px;
    padding: 20px;
    text-align: left
}

.website-content {
    background-color: #F6F6F6;
    border-top: 1px solid #D6D6D6;
    padding-left: 10px;
    height: 233px;
    border-bottom: 1px solid #D6D6D6;
    text-align: center;
    padding-right: 10px
}

.website_content_heading {
    margin-top: 10px;
    font-weight: bold
}

.website_content_text {
    padding-top: 10px;
    margin-bottom: 15px
}

.website_content_text span {
    margin-left: 15px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #3B3B3B
}

.website_content_button {
    margin: 0px 0px 20px 0px
}

.website_description {
    clear: both;
    margin-top: 50px
}

.website_description_heading {
    margin-top: 10px
}

.website_description_heading ul {
    padding-left: 30px;
    font-size: 0.9em
}

.website_description li {
    list-style-position: inside;
    margin-left: 10px
}

.website_separator {
    margin-top: 30px
}

#create_studio_mobile_website input[type='submit'] {
    background: url(/auth/images/create-your-mobile-website-btn.png);
    width: 219px;
    height: 32px;
    border: none
}

#create_studio_website input[type='submit'] {
    background: url(/auth/images/create-your-website-btn.png);
    width: 176px;
    height: 31px;
    border: none
}

.studio-website-landing .footer {
    width: 97%;
    height: 50px;
    border: solid 1px #E6E6E6;
    background: whiteSmoke;
    margin: 10px 10px 0px 10px
}

.studio-website-landing .button.inline {
    font-weight: bold
}

.studio-website-landing #landing-wrapper {
    margin-left: 5px;
    padding-bottom: 10px;
    background: url(/auth/images/studio/gradient-top-area.png) 0 74px repeat-x
}

.studio-website-landing #landing-wrapper .website-host {
    color: #629fc4;
    text-decoration: underline
}

.studio-website-landing #landing-wrapper .clear {
    clear: both
}

.studio-website-landing #studio-website-landing {
    margin-left: 5px;
    padding-bottom: 10px;
    background: url(/auth/images/studio/gradient-top-area.png) 0 116px repeat-x
}

.studio-website-landing #studio-website-landing .sub-title {
    border-top: solid 1px #DEDEDE;
    padding: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    background-color: whiteSmoke;
    margin-top: 10px
}

.studio-website-landing #studio-website-landing .sub-title .sub-tip {
    font-size: 13px;
    font-weight: normal
}

.studio-website-landing #studio-website-landing .introduction-details {
    margin: 35px 20px 20px 51px;
    overflow: hidden
}

.studio-website-landing #studio-website-landing .introduction-details img {
    float: left;
    margin-top: 32px
}

.studio-website-landing #studio-website-landing .introduction-details ul {
    float: left;
    width: 73%;
    margin-left: 43px;
    list-style: none
}

.studio-website-landing #studio-website-landing .introduction-details ul li {
    font-size: 15px;
    line-height: 30px;
    color: #DDD
}

.studio-website-landing #studio-website-landing .introduction-details ul li .tick-icon {
    background: url(/agentdesktop/images/studio/tick-created.png) 0 -32px no-repeat;
    display: inline-block;
    width: 30px;
    height: 25px;
    float: left
}

.studio-website-landing #studio-website-landing .introduction-details ul li .step {
    display: inline-block;
    width: 90%
}

.studio-website-landing #studio-website-landing .introduction-details ul li.green .step {
    color: #66a113
}

.studio-website-landing #studio-website-landing .introduction-details ul li.green .tick-icon {
    background: url(/agentdesktop/images/studio/tick-created.png) 0 6px no-repeat
}

.studio-website-landing #landing-wrapper.manage-website .desktop-mobile-indicator {
    background-image: url(/auth/images/studio/hero-shot-manage.png);
    height: 296px
}

.studio-website-landing #landing-wrapper.manage-website #control-panel {
    margin: 0 8px 0 8px;
    padding: 10px;
    background-color: whiteSmoke;
    border: 1px solid #DEDEDE
}

.studio-website-landing #landing-wrapper.manage-website #control-panel #desktop-control {
    float: left;
    width: 410px;
    text-align: center
}

.studio-website-landing #landing-wrapper.manage-website #control-panel #mobile-control {
    float: left;
    width: 310px;
    text-align: center
}

.studio-website-landing #landing-wrapper.manage-website #control-panel .status .status-heading {
    color: #999999
}

.studio-website-landing #landing-wrapper.manage-website #control-panel .status .published-status {
    color: #21a11d;
    font-weight: bold
}

.studio-website-landing #landing-wrapper.manage-website #control-panel .status .unpublished-status {
    color: #ff9900;
    font-weight: bold
}

.studio-website-landing #landing-wrapper.manage-website #control-panel .status .not-created-status {
    color: #999999;
    font-weight: bold
}

.studio-website-landing #landing-wrapper.manage-website #control-panel .host .host-heading {
    color: #999999
}

.studio-website-landing #landing-wrapper.manage-website #control-panel .host .website-host {
    color: #629fc4;
    text-decoration: underline
}

.studio-website-landing #landing-wrapper.create-website .desktop-mobile-indicator {
    height: 296px
}

.studio-website-landing #landing-wrapper.create-website .desktop-mobile-indicator #diamond-intruction {
    float: left;
    width: 254px;
    padding-left: 10px
}

.studio-website-landing #landing-wrapper.create-website .desktop-mobile-indicator #diamond-intruction #create-website-header {
    font-family: 'SansaConSoftProNormal', 'Helvetica Neue', helvetica, arial, clean, sans-serif;
    font-weight: lighter;
    font-size: 20px;
    padding: 0 20px 0 20px;
    margin-top: 20px;
    color: #1D4B6B;
    line-height: 30px
}

.studio-website-landing #landing-wrapper.create-website .desktop-mobile-indicator #diamond-intruction #create-website-detail {
    width: 140px;
    margin: 28px 0px 0 26px;
    color: #666
}

.studio-website-landing #landing-wrapper.create-website .desktop-mobile-indicator #img-indicator {
    float: right;
    width: 524px;
    height: 281px;
    background-image: url(/auth/images/studio/product-shot.png)
}

.studio-website-landing #landing-wrapper.create-website #control-panel {
    height: 60px;
    padding-top: 22px;
    background-color: whiteSmoke;
    border: 1px solid #DEDEDE;
    width: 96%;
    margin: 0 auto
}

.studio-website-landing #landing-wrapper.create-website #control-panel #desktop-control {
    float: left;
    text-align: center;
    margin-right: 14px
}

.studio-website-landing #landing-wrapper.create-website #control-panel #mobile-control {
    float: left;
    margin-right: 12px;
    text-align: center
}

.studio-website-landing #landing-wrapper.create-website #control-panel #create-website-text {
    font-family: 'SansaConSoftProNormal', 'Helvetica Neue', helvetica, arial, clean, sans-serif;
    font-weight: lighter;
    float: left;
    color: #1D4B6B;
    height: 37px;
    line-height: 37px;
    font-size: 15px;
    width: 370px;
    padding-left: 20px
}

.studio-website-landing #support-container {
    border: 1px solid #d9d9d9;
    float: left;
    padding: 25px 0;
    border-left: none;
    border-right: none;
    width: 98%;
    margin: 81px auto 0 auto
}

.studio-website-landing #support-container .support-info {
    width: 427px;
    margin: 0 auto
}

.studio-website-landing #support-container .support-info.trial-support-info {
    width: 586px
}

.studio-website-landing #support-container .support-info a {
    display: block;
    padding-top: 13px;
    font-size: 16px
}

.studio-website-landing #support-container .support-info .help-icon {
    width: 35px;
    height: 35px;
    float: left;
    margin: -1px 12px 0 0
}

.studio-website-landing #support-container .support-info #diamond-help-icon {
    background-image: url(/auth/images/studio/help-icon.png)
}

.studio-website-landing #support-container .support-info #trial-help-icon {
    background-image: url(/auth/images/studio/talk-to-ams-icon.png);
    width: 42px
}

.studio-website-landing #support-container .support-info .support-text {
    line-height: 25px;
    font-weight: bold;
    font-size: 17px;
    float: left;
    width: 380px
}

.studio-website-landing #support-container .support-info .support-text.trial-support-text {
    padding-top: 8px;
    width: 450px
}

.studio-website-landing #support-container .support-info #trial-learn-more-link {
    float: left
}

.studio-website-landing .studio-website-impressive-features {
    margin-top: 16px
}

.studio-website-landing .studio-website-impressive-features .features-container {
    width: 342px;
    float: left;
    margin: 25px 0 0 10px
}

.studio-website-landing .studio-website-impressive-features .features-container h2 {
    padding-bottom: 24px
}

.studio-website-landing .studio-website-impressive-features .features-container .feature-content {
    padding: 3px 30px 3px 30px;
    line-height: 23px
}

.studio-website-landing .studio-website-impressive-features .features-container .feature-content .heading {
    font-weight: bold
}

.studio-website-landing .studio-website-impressive-features .features-container a#introduction-video {
    padding-left: 60px;
    background: url(/auth/images/studio/icon_video.png) no-repeat;
    height: 50px;
    line-height: 50px;
    margin: 10px 0 0 30px;
    display: block
}

.studio-website-landing .studio-website-impressive-features .features-container a#introduction-video:hover {
    text-decoration: none
}

.studio-website-landing .studio-website-impressive-features .highlight-container {
    margin-top: 35px;
    width: 400px;
    float: left
}

.studio-website-landing .studio-website-impressive-features .highlight-container .highlight-feature {
    margin-top: 15px;
    background: url(/auth/images/studio/features-highlites.png) no-repeat;
    height: 233px
}

.studio-website-landing .studio-website-impressive-features .highlight-container .comments {
    margin-left: 19px;
    line-height: 20px
}

@font-face {
    font-family: 'REAMedium';
    src: url("/auth/fonts/rea-medium.eot?#iefix") format("embedded-opentype"),url("/auth/fonts/rea-medium.woff") format("woff"),url("/auth/fonts/rea-medium.ttf") format("truetype"),url("/auth/fonts/rea-medium.svg#REAMedium") format("svg")
}

@font-face {
    font-family: 'REARegular';
    src: url("/auth/fonts/rea-regular.eot?#iefix") format("embedded-opentype"),url("/auth/fonts/rea-regular.woff") format("woff"),url("/auth/fonts/rea-regular.ttf") format("truetype"),url("/auth/fonts/rea-regular.svg#REAMedium") format("svg")
}

body {
    font-family: "Helvetica Neue", helvetica, arial, clean, sans-serif;
    font-size: 13px;
    color: #333333;
    line-height: 18px
}

h1,h2,h3,h4,h5 {
    font-family: "Helvetica Neue", helvetica, arial, clean, sans-serif;
    color: #454545;
    font-weight: normal;
    line-height: 36px;
    margin: 0
}

h1 {
    font-family: 'REAMedium', 'Helvetica Neue', helvetica, arial, clean, sans-serif;
    font-size: 24px;
    margin: 9px 0 0px 0
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 14px
}

h4 {
    color: #777777;
    font-size: 10px;
    text-transform: uppercase
}

a {
    color: #2d7eb3;
    text-decoration: none;
    outline: none
}

a:hover {
    color: #2d7eb3;
    text-decoration: underline
}

a:visited {
    color: #538DC2
}

a.disabled:hover {
    cursor: default;
    text-decoration: none !important
}

a.disabled:visited {
    color: #2d7eb3
}

a:focus {
    outline: none
}

p {
    font-size: 13px;
    margin: 0 0 9px 0
}

.bold {
    font-weight: bold
}

.loud {
    font-weight: bold
}

.light {
    color: #858383
}

.large {
    font-size: 14px
}

.small {
    font-size: 11px
}

ul,li {
    margin: 0px;
    padding: 0px
}

.asterisk,label abbr {
    color: #c4414d;
    font-size: 14px;
    border: none
}

#container {
    margin: 0 auto;
    width: 1008px;
    padding: 15px 0 0 0
}

html {
    background: #f5f5f6;
    min-width: 1008px
}

body {
    margin: 0
}

.agent-banner {
    background-color: #e4002b
}

#header {
    margin: 0 auto;
    padding-bottom: 17px;
    position: relative;
    width: 1008px;
    z-index: 2;
    height: 90px;
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

#header .content-wrapper button.rui-burger-toggle {
    display: none
}

#header ul#accessibility {
    float: left;
    height: 40px
}

#header ul#accessibility li.accessibilityLink {
    display: none
}

#header ul#accessibility.brand-banner {
    height: auto;
    padding-top: 25px;
    padding-left: 20px
}

#header ul#accessibility.brand-banner li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: block;
    float: left;
    margin-top: 20px;
    margin-left: 15px
}

#header ul#accessibility.brand-banner li.accessibilityLink {
    display: none
}

#header ul#accessibility.brand-banner li#rea-logo {
    width: 165px
}

#header ul#accessibility.brand-banner li#rca-logo {
    width: 190px
}

#header ul#accessibility.brand-banner .brand-logo img {
    width: 100%
}

#container {
    padding-top: 0 !important;
    min-height: 1020px
}

#container,.footer-container {
    background: #fff url("/auth/images/bg-container.png") top left repeat-y
}

#left-col {
    float: left;
    width: 182px;
    min-height: 500px;
    margin: 0px 17px 0 0
}

#right-col {
    width: 794px;
    float: left;
    margin-top: 20px
}

.editing-mode-block {
    float: left;
    margin-top: 47px;
    margin-left: 15px;
    color: #8c8c8c;
    font-size: 14px;
    width: 330px
}

.editing-mode-block img {
    float: left;
    margin: 3px 5px 0px 0px
}

.editing-mode-block span {
    font-size: 11px;
    display: block
}

.feature {
    background: #fbfbfb;
    padding-top: 15px;
    padding-bottom: 15px
}

.footer-container {
    color: #6f6f6f;
    zoom:1;margin: 0 auto;
    padding-top: 0px;
    width: 1008px;
    text-align: left
}

.footer-container:before,.footer-container:after {
    display: table;
    content: ""
}

.footer-container:after {
    clear: both
}

.footer-container .footer {
    border-top: 1px solid #e3e3e3;
    margin-top: 64px;
    margin-left: 180px;
    height: 80px;
    padding: 0 0 0 24px;
    text-align: left;
    font-size: 11px
}

.footer-container .footer .footer-left {
    float: left;
    padding: 10px 0px
}

.footer-container .footer .footer-right {
    float: right;
    padding: 10px 30px
}

.footer-container .footer .footer-right a {
    font-size: 11px
}

.footer-container .footer .footer-right .divider {
    padding: 0 7px
}

hr {
    background: url("/auth/images/container-bg.png") repeat-x scroll center bottom #fff;
    border: none;
    height: 1px
}

.well {
    border: 1px solid #e0dddb;
    padding: 25px 15px;
    background: #fbfbfb;
    margin-bottom: 10px;
    zoom:1}

.well:before,.well:after {
    display: table;
    content: ""
}

.well:after {
    clear: both
}

.breadcrumb .back {
    background: transparent url("/auth/images/back-arrow-icon.png") no-repeat scroll left 0;
    padding-left: 20px;
    cursor: pointer
}

.heading-line {
    border-bottom: 1px solid #efefef;
    clear: both;
    height: 1px;
    margin: 9px 0px 18px 0px
}

.no-border-right {
    border-right: 1px solid transparent
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.align-bottom {
    vertical-align: bottom
}

.align-middle {
    display: table-cell;
    vertical-align: middle;
    height: 110px
}

.normal-text {
    color: #515151
}

.push-text-top {
    padding-top: 15px
}

.equal {
    background: url("/auth/images/equal2.png") right center no-repeat
}

.ticked {
    min-height: 24px;
    padding-right: 40px;
    background: url("/auth/images/ticked2.png") right center no-repeat
}

.inline-tick {
    height: 24px;
    padding-right: 20px;
    margin-right: 10px;
    background: url("/auth/images/ticked2.png") right center no-repeat;
    background-position: -15px -20px;
    float: left;
    display: inline-block
}

.block {
    display: block
}

.top-border {
    border-top: 1px solid #e0dddb
}

.new {
    margin-left: 10px;
    position: relative;
    margin-bottom: -2px;
    z-index: 10
}

.inline1 {
    border-width: 1px;
    width: 700px;
    height: 400px;
    overflow: auto
}

.border-right {
    border-right: 1px solid #757272
}

.even {
    background: white;
    border-bottom: 1px solid #e0dddb;
    width: auto;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.odd {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 1px solid #e0dddb;
    width: auto;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.odd-product {
    background: #f7f7f0;
    border-bottom: 1px solid #e0dddb;
    width: auto;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.im-error {
    background-color: #ce8e8e
}

.red-error {
    color: red
}

.right {
    float: right
}

.left {
    float: left
}

.hide,.hidden {
    display: none
}

.show {
    display: visible
}

.clear-list {
    clear: both
}

.clear {
    clear: both
}

.center-aligned {
    margin: 0px auto
}

#types-container {
    background: white;
    display: none;
    margin-left: 0;
    padding-bottom: 9px;
    position: absolute;
    width: 150px;
    z-index: 150;
    border: 1px solid grey
}

.upgrade {
    display: block;
    float: right;
    font-size: 0.79em;
    text-align: left;
    width: 162px
}

.divider-line {
    border-bottom: 1px solid #e5e5e5;
    margin: 8px 0px 8px 0px
}

th,td,caption {
    padding: 4px 10px 4px 5px
}

table {
    width: 100%
}

img {
    border: 0 transparent solid
}

.focus {
    background: #fff7c0
}

.jqEasyCounterMsg {
    text-align: right
}

div.links a {
    color: #2d7eb3
}

div.links a:hover {
    text-decoration: underline
}

div.links a span {
    text-decoration: none;
    color: #2d7eb3
}

.wait-loading {
    top: 0px;
    padding: 16px 45px 16px 83px;
    border: 1px solid #FFDF65;
    width: auto;
    margin-left: 45%;
    margin-top: -42px;
    opacity: 0;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1),-2px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1),-2px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1),-2px 2px 2px rgba(0,0,0,0.1);
    position: fixed;
    z-index: 950;
    background: #fdf7ce url("/auth/images/loading.gif") 39px 20px no-repeat;
    color: #333333;
    font-size: 18px;
    text-shadow: white 0 1px 1px
}

.red {
    color: #c4414d !important
}

.green {
    color: #c7e5d2
}

.accessibility-text {
    display: none
}

#flash-messages {
    clear: both;
    margin-bottom: 9px
}

.box {
    padding: 0 1.3em;
    margin-bottom: 1.3em;
    border: 1px solid #e0dddb
}

.box h2 {
    width: 400px;
    float: left
}

.box h3 {
    text-shadow: white, 0;
    margin: 1.0em 0
}

.box p {
    margin: 0 20px 30px 0
}

.box.video {
    padding-top: 40px
}

.box.successful {
    border: 1px solid #63b982;
    color: #216d3c;
    background: url("/auth/images/sq-white.gif") top repeat-x;
    background-color: #c7e5d2
}

.box.successful h3 {
    color: #216d3c
}

.box.successful img {
    float: left;
    margin: 10px
}

.box.warning {
    border: 1px solid #b9b463;
    color: #333333;
    background: #fff7c0 url("/auth/images/sq-white.gif") top repeat-x
}

.box.warning h3 {
    color: #6f6e3f;
    background: url("/auth/images/icons/icon-holder-w.gif") no-repeat;
    padding-left: 70px
}

.box.warning img {
    float: left;
    margin: 10px
}

.box.error {
    border: 1px solid #ce8e8e;
    color: #c4414d;
    background: #f6e3e7 url("/auth/images/sq-white.gif") top repeat-x
}

.box.error h3 {
    margin-bottom: .5em;
    color: #c4414d
}

.box.error img {
    float: left;
    margin: 10px
}

.box.error ul {
    margin: 0px 0px 30px 95px
}

.box.info {
    border: 1px solid #afc5d2;
    color: #4f7489;
    background: #e7f1f7 url("/auth/images/sq-white.gif") top repeat-x;
    padding-bottom: 30px
}

.box.info h3 {
    color: #4f7489
}

.box.info img {
    float: left;
    margin: 10px
}

.box.info p {
    margin-left: 0px
}

#stocklist .box {
    margin: 10px 0px 0px 0px
}

.button {
    display: inline-block;
    font-size: 13px;
    color: white;
    height: 37px;
    line-height: 15px;
    padding: 0 0 0 19px;
    background: url("/auth/images/btn.png") no-repeat left -82px;
    text-decoration: none;
    position: relative
}

.button span {
    display: block;
    padding: 11px 20px 0 0;
    height: 26px;
    background: url("/auth/images/btn.png") no-repeat right top;
    cursor: pointer;
    float: left;
    color: white;
    text-shadow: #838383, 0, -1, 1px
}

.button:hover {
    text-decoration: none;
    background-position: left -123px
}

.button:hover span {
    background-position: right -41px
}

.button:active {
    text-decoration: none;
    background-position: left -122px
}

.button:active span {
    padding: 12px 20px 0 0;
    height: 25px;
    background-position: right -40px
}

.button.disabled {
    background-position: left -289px
}

.button.disabled:hover {
    cursor: default
}

.button.disabled span {
    background-position: right -207px;
    color: #f9fbfc;
    text-shadow: transparent, 0, 0px, 0px
}

.button.disabled span:hover {
    cursor: default
}

.button.back,.button.cancel,.button.secondary-action {
    background-image: url("/auth/images/back-btn.png")
}

.button.back span,.button.cancel span,.button.secondary-action span {
    color: #2F2F2F;
    background-image: url("/auth/images/back-btn.png")
}

.button.remove,.button.delete,.button.p {
    background-image: url("/auth/images/btn-red.png")
}

.button.remove span,.button.delete span,.button.p span {
    background-image: url("/auth/images/btn-red.png")
}

.button:focus {
    text-decoration: none;
    background-position: left -123px
}

.button:focus span {
    background-position: right -41px
}

.button.hidden {
    display: none
}

.button.product {
    background-image: url("/auth/images/btn.png");
    padding-left: 19px
}

.button.product span {
    background-image: url("/auth/images/btn.png");
    padding: 11px 20px 0px 0px;
    font-size: 1em;
    width: 100px;
    text-align: center
}

.button.inline {
    background-image: url("/auth/images/blue-btn.png");
    padding-left: 25px;
    margin-bottom: 0px
}

.button.inline span {
    background-image: url("/auth/images/blue-btn.png");
    margin-bottom: 0;
    padding: 10px 24px 0 0;
    font-size: 1em;
    height: 27px;
    float: none
}

.button.small-blue {
    background-image: url("/auth/images/blue-btn.png");
    position: absolute;
    margin-right: 10px;
    padding-left: 25px;
    margin-bottom: -10px
}

.button.small-blue span {
    white-space: nowrap;
    background-image: url("/auth/images/blue-btn.png");
    padding: 10px 25px 0px 0px;
    font-size: 1em
}

.button.stocklist-search {
    background: transparent url("/auth/images/stocklist-search-btn.png") no-repeat scroll right -82px;
    color: white;
    display: inline-block;
    height: 42px;
    margin-top: 2px;
    padding: 0 18px 0 0px;
    text-decoration: none;
    float: left;
    position: relative
}

.button.stocklist-search:hover,.button.stocklist-search:focus {
    text-decoration: none;
    background-position: right -123px
}

.button.stocklist-search:hover span,.button.stocklist-search:focus span {
    background-position: right -41px
}

.button.stocklist-search span {
    background: transparent url("/auth/images/stocklist-search-btn.png") no-repeat scroll right top;
    color: #8C8A86;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 25px;
    line-height: normal;
    padding: 12px 5px 0 6px;
    text-shadow: 0 1px 1px white;
    font-size: 12px
}

#ok-button-wrapper {
    text-align: center
}

.dropdown-button {
    position: relative;
    float: left
}

.dropdown-button.standard-dropdown {
    z-index: 3
}

.dropdown-button .arrow {
    background: transparent url(/auth/images/search-btn2-alternate.png) no-repeat scroll right -82px;
    color: white;
    display: inline-block;
    font-size: 0.94em;
    height: 42px;
    padding: 0 18px 0 0;
    text-decoration: none;
    float: right
}

.dropdown-button .arrow span {
    background: transparent url(/auth/images/search-btn2-alternate.png) no-repeat scroll right top;
    cursor: pointer;
    float: left;
    height: 25px;
    padding: 12px 29px 0 0;
    text-shadow: 0 1px 1px #5E5E5E
}

.dropdown-button .arrow:hover {
    background-position: right -123px
}

.dropdown-button .arrow:hover span {
    background-position: right -41px
}

.dropdown-button .arrow.active {
    background-position: right -206px
}

.dropdown-button .arrow.active span {
    background-position: right -164px
}

.dropdown-button .dropdown {
    display: none
}

.dropdown-button .dropdown.active {
    z-index: 3000;
    margin-top: 30px;
    display: block
}

.dropdown-button .dropdown.active ul {
    position: absolute;
    right: 0px;
    background: white;
    border: 1px solid #4996bc;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    z-index: 900;
    padding: 7px 0px 7px 0px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 1px 1px 5px #888;
    right: 4px;
    background: url("/auth/images/filter-dropdown-bg.png") repeat-x scroll center bottom #fff
}

.dropdown-button .dropdown.active ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.dropdown-button .dropdown.active ul li a {
    padding: 3px 10px 3px 10px;
    display: block;
    text-shadow: white, 0;
    color: #5f5f5f;
    font-size: 12px
}

.dropdown-button .dropdown.active ul li a:hover {
    text-decoration: none;
    background: #EFEFF0
}

.dropdown-button .selected {
    background: transparent url(/auth/images/search-btn2.png) no-repeat scroll left -82px;
    color: white;
    display: inline-block;
    float: right;
    font-size: 14px;
    height: 42px;
    padding: 0 0 0 18px
}

.dropdown-button .selected:hover {
    text-decoration: none;
    background-position: left -123px
}

.dropdown-button .selected:hover span {
    background-position: right -41px
}

.dropdown-button .selected span {
    background: transparent url(/auth/images/search-btn2.png) no-repeat scroll right top;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    height: 25px;
    line-height: normal;
    padding: 8px 10px 0 0;
    text-shadow: 0 1px 1px #5E5E5E
}

.custom-dropdown {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    z-index: 1
}

.custom-dropdown .active {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-dropdown .list {
    display: none;
    position: absolute;
    left: 1px;
    top: 28px;
    background-color: #fff;
    border: 1px solid #4996bc;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    z-index: 200;
    padding: 7px 0px 7px 0px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 1px 1px 5px #888
}

.custom-dropdown .list ul {
    float: left;
    width: auto
}

.custom-dropdown .list li {
    float: left;
    width: 155px;
    clear: both;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.custom-dropdown .list li a {
    padding: 3px 10px 3px 10px;
    display: block;
    text-shadow: white, 0;
    color: #5f5f5f;
    font-size: 12px
}

.custom-dropdown .list li a:hover {
    text-decoration: none;
    background: #EFEFF0
}

.custom-dropdown .list .divider-line {
    clear: left
}

.custom-dropdown .btn {
    position: relative
}

.custom-dropdown .btn.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.custom-dropdown .btn .text-item {
    padding-right: 10px;
    color: #5484b2;
    font-weight: bold;
    font-size: 13px;
    font-family: Helvetica
}

.custom-dropdown .btn .arrow {
    position: absolute;
    top: 45%;
    right: 9%;
    width: 8px;
    height: 5px;
    background-image: url(/auth/images/arrow_up_down.png);
    background-position: 0px 0px;
    background-repeat: no-repeat
}

.custom-dropdown .btn .arrow.active {
    background-position: 0px -15px
}

#siteLinks {
    font-size: 11px;
    line-height: 20px;
    margin: 0 -494px 0 0;
    overflow: visible;
    position: absolute;
    right: 50%;
    top: 20px;
    width: 640px;
    z-index: 400;
    font-weight: bold;
    display: none
}

#siteLinks ul {
    float: right;
    overflow: visible;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin-top: 27px;
    margin-left: 0px
}

#siteLinks ul li {
    border-right: 1px solid #e0dddb;
    margin-right: 5px;
    padding-right: 10px;
    float: left
}

#siteLinks ul li a {
    padding: 3px 0 3px 10px;
    font-size: 11px;
    color: #333333;
    text-decoration: none
}

#siteLinks ul li a:hover {
    color: #c20014;
    text-decoration: underline
}

#siteLinks ul li.realestate a {
    background-position: 0 -213px
}

#siteLinks ul li.realcommercial a {
    background-position: 0 -41px
}

#siteLinks ul li.international {
    background-color: #ffffff;
    background-position: 10px 3px;
    cursor: pointer;
    line-height: 19px;
    position: relative;
    width: 130px;
    z-index: 400;
    padding-right: 0px;
    border-right: 1px solid white
}

#siteLinks ul li.international span {
    display: block;
    background: url("/auth/images/external-nav-icons.png") no-repeat scroll right 2px;
    width: 123px;
    text-align: left;
    margin: 0 5px 0 6px
}

#siteLinks ul li.internationalActive span {
    border-right: 1px solid #e0dddb
}

ie7 ul#internationalSites {
    margin-left: -6px
}

ul#internationalSites {
    display: none;
    margin-top: 0px;
    width: 134px;
    border-left: 1px solid #e0dddb;
    border-right: 1px solid #e0dddb;
    border-bottom: 1px solid #e0dddb
}

ul#internationalSites li {
    background: #fff url("/auth/images/dashed_dotted.gif") repeat-x scroll 0 0;
    float: none;
    margin: 0;
    padding: 5px 10px;
    border-right: none
}

ul#internationalSites li.france {
    background: none
}

ul#internationalSites li a {
    background: url("/auth/images/external-nav-icons.png") no-repeat scroll 0 -64px;
    display: block;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 0;
    text-align: right
}

ul#internationalSites li a:hover {
    color: white;
    background-color: #999999;
    text-decoration: none
}

ul#internationalSites li:hover {
    color: white;
    background-color: #999999;
    text-decoration: none
}

ul#internationalSites li.france a {
    background-position: 0 -64px
}

ul#internationalSites li.germany a {
    background-position: 0 -78px
}

ul#internationalSites li.hongkong a {
    background-position: 0 -93px
}

ul#internationalSites li.italy a {
    background-position: 0 -109px
}

ul#internationalSites li.luxembourg a {
    background-position: 0 -126px
}

ul#internationalSites li.nz a {
    background-position: 0 -143px
}

ul#internationalSites li.singapore a {
    background-position: 0 -160px
}

ul#internationalSites li.last {
    background: #ffffff;
    position: relative;
    height: 14px
}

ul#internationalSites li.last:hover {
    color: white;
    background-color: #999999;
    text-decoration: none
}

ul#internationalSites li:hover>a {
    color: white;
    background-color: #999999;
    text-decoration: none
}

ul#internationalSites li .dotHR {
    background: transparent url("/auth/images/dashed_dotted.gif") repeat-x scroll 0 0;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 135px
}

form {
    background-color: transparent
}

form.wide-form fieldset.wide {
    background-color: #f9f9f9
}

form.wide-form fieldset.wide legend {
    background-color: white
}

form.wide-form fieldset.wide ul {
    width: 100%
}

form.wide-form fieldset.wide ul li:first-child {
    border-top: none
}

form.wide-form fieldset.wide .description {
    margin: 0 0 0 10px;
    padding-top: 10px
}

form#video-request {
    margin-top: 15px
}

form .qq-upload-spinner {
    background: none;
    width: 75px
}

form .qq-upload-cancel {
    float: right
}

form .qq-upload-button-focus {
    display: block
}

form fieldset {
    border: none;
    color: #333333;
    padding: 0 0 0 0;
    margin-bottom: 18px
}

form fieldset img {
    border: none
}

form fieldset legend {
    font-family: "SansaConSoftProSemiBold", helvetica, arial, clean, sans-serif;
    font-size: 18px;
    line-height: 36px;
    display: block;
    color: #454545;
    left: 0px !important;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #e5e5e5;
    width: 527px
}

form fieldset div.links-description {
    float: right;
    width: 220px
}

form fieldset div.links-description .description .link-label {
    font-weight: bold
}

form fieldset div.links-description .description.virtual-tour {
    margin-top: 20px
}

form fieldset div.description {
    float: right;
    width: 220px
}

form fieldset div.description p {
    padding: 0 10px 0 0;
    color: #888;
    font-size: 12px
}

form fieldset div.description p a {
    color: #538DC2
}

form fieldset div.description p a:hover {
    text-decoration: underline
}

form fieldset p {
    padding-right: 50px;
    font-weight: normal
}

form fieldset p a {
    outline-style: none;
    text-decoration: none;
    color: #313134
}

form fieldset p a:hover {
    text-decoration: none;
    color: #313134
}

form fieldset label {
    width: 100%;
    padding-top: 9px;
    font-size: 13px;
    font-weight: bold;
    line-height: 27px
}

form fieldset label.supplemental {
    font-weight: normal;
    width: auto;
    font-size: 14px
}

form fieldset label span {
    color: #c4414d
}

form fieldset .error-msg {
    font-weight: normal;
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 6px
}

form fieldset .error-msg a {
    color: #538dc2;
    text-decoration: none
}

form fieldset .error-msg a:hover {
    text-decoration: underline;
    color: #538dc2
}

form fieldset li.invest-text {
    background-color: rgba(0,132,255,0.1);
    padding: 10px 20px;
    margin: 8px 0 0
}

form fieldset li.invest-text .invest-help-text {
    color: "#262626"
}

form fieldset li.invest-text .invest-help-text h3.invest-help-text-title {
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    margin: 0;
    padding: 0
}

form fieldset li.invest-text .invest-help-text div.invest-help-text-body {
    font-size: 12px;
    line-height: 1.58
}

form fieldset input,form fieldset input[type="email"],form fieldset input[type="text"],form fieldset input[type="password"],form fieldset textarea {
    color: #333;
    top: 0px;
    margin: 0;
    padding: 5px;
    font: normal 14px "Helvetica Neue", helvetica, arial, clean, sans-serif;
    color: #575757
}

form fieldset input:focus,form fieldset input[type="email"]:focus,form fieldset input[type="text"]:focus,form fieldset input[type="password"]:focus,form fieldset textarea:focus {
    background-color: white;
    outline: 0
}

form fieldset select {
    font-size: 13px
}

form fieldset input[type="checkbox"],form fieldset input[type="radio"] {
    top: 0px;
    margin: 0;
    xpadding: 5px;
    xbackground: #fafafa;
    xcolor: #575757
}

form fieldset textarea {
    width: 340px;
    height: auto;
    padding: 5px;
    border: 1px solid #bbb;
    border-top: 1px solid #999
}

form fieldset textarea.video {
    height: 120px
}

form fieldset input[type='text'] {
    width: auto
}

form fieldset input[type='text'].fakeselect {
    width: 350px;
    background: #fff url("/auth/images/ajax-loader.gif") no-repeat scroll right center
}

form fieldset input[type='text'].file {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 65%;
    margin-bottom: 4px;
    padding: 2px;
    border: 0px;
    background: #fafafa;
    font: normal 14px "Helvetica Neue", helvetica, arial, clean, sans-serif;
    color: #575757
}

form fieldset input[type='text'].ghosted {
    color: #999999
}

form fieldset span.add {
    display: inline-block;
    margin-left: 40px
}

form fieldset span.date-selector {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    zoom:1}

form fieldset span.date-selector label.supplemental {
    display: block;
    position: relative;
    padding: 0 0 0 0;
    width: 100%;
    text-align: center
}

form fieldset span.date-selector:before,form fieldset span.date-selector:after {
    display: table;
    content: ""
}

form fieldset span.date-selector:after {
    clear: both
}

form fieldset .sub-list-item {
    padding: 7px 0 11px 0px
}

form fieldset .multi-property,form fieldset .msg {
    width: 100%;
    padding: 0
}

form fieldset .multi-property ul,form fieldset .msg ul {
    width: 507px;
    background-color: transparent
}

form fieldset .multi-property ul li,form fieldset .msg ul li {
    margin-left: -20px;
    padding: 9px 0 9px 20px
}

form fieldset .multi-property ul li:first-child,form fieldset .msg ul li:first-child {
    border-top: 0px
}

form fieldset .multi-property ul li label,form fieldset .msg ul li label {
    padding-left: 3px
}

form fieldset .feature-group {
    zoom:1;border-bottom: 1px #e0dddb solid;
    margin: 0 2em 1em 0;
    padding-bottom: 1em
}

form fieldset .feature-group:before,form fieldset .feature-group:after {
    display: table;
    content: ""
}

form fieldset .feature-group:after {
    clear: both
}

form fieldset .feature-group div.feature-item {
    width: 230px;
    margin-right: 10px;
    float: left
}

form fieldset ul,form fieldset ol {
    float: left;
    padding: 0 0 0 0;
    margin-top: 0;
    width: 527px;
    background-color: #f9f9f9
}

form fieldset ul li,form fieldset ul>div,form fieldset ol li,form fieldset ol>div {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    zoom:1}

form fieldset ul li:before,form fieldset ul li:after,form fieldset ul>div:before,form fieldset ul>div:after,form fieldset ol li:before,form fieldset ol li:after,form fieldset ol>div:before,form fieldset ol>div:after {
    display: table;
    content: ""
}

form fieldset ul li:after,form fieldset ul>div:after,form fieldset ol li:after,form fieldset ol>div:after {
    clear: both
}

form fieldset ul li.error,form fieldset ul>div.error,form fieldset ol li.error,form fieldset ol>div.error {
    color: #C4414D;
    border: 0px;
    background-color: #FAE5E9
}

form fieldset ul li.error label,form fieldset ul>div.error label,form fieldset ol li.error label,form fieldset ol>div.error label {
    color: #C4414D !important;
    font-weight: bold
}

form fieldset ul li.error label.supplemental,form fieldset ul>div.error label.supplemental,form fieldset ol li.error label.supplemental,form fieldset ol>div.error label.supplemental {
    font-weight: normal
}

form fieldset ul li.focus,form fieldset ul>div.focus,form fieldset ol li.focus,form fieldset ol>div.focus {
    background-color: #fff7c0
}

form fieldset ul.col,form fieldset ol.col {
    width: 43%;
    float: left;
    margin: 0px 5px 0.5em 0px;
    border: 0px;
    background-color: transparent
}

form fieldset ul.col li,form fieldset ol.col li {
    width: 195px;
    padding-left: 0px;
    background: none;
    padding-top: 0px
}

form fieldset ul.wide-format,form fieldset ol.wide-format {
    margin: 0 0 18px;
    padding: 0;
    width: 792px
}

form fieldset ul.wide-format li,form fieldset ol.wide-format li {
    padding-left: 20px
}

form fieldset ul.wide-format .msg,form fieldset ol.wide-format .msg {
    width: 100%
}

form fieldset.buttons ul {
    background: none
}

form fieldset.buttons ul a.delete,form fieldset.buttons ul a.cancel {
    float: right
}

form fieldset.buttons ul a.continue,form fieldset.buttons ul a.back {
    float: left
}

form fieldset ul li {
    margin: 0px;
    padding: 7px 0 11px 20px
}

form fieldset ul li:first-child {
    padding-top: 9px;
    border-top: 1px solid #fff
}

form fieldset ol li {
    margin: 0;
    padding: 7px 0 11px 20px;
    overflow: visible;
    list-style-type: none;
    xdisplay: list-item;
    xvertical-align: top
}

form fieldset ol li.focus {
    background-color: transparent
}

form fieldset ol li>* {
    color: #333333
}

form fieldset.wide {
    border: none;
    background: none;
    margin: 0 0 18px;
    padding: 0 0 0 0
}

form fieldset.wide legend {
    display: block;
    width: 792px
}

form fieldset.wide legend span {
    display: block;
    float: none;
    background-image: none;
    border: 0
}

form fieldset.wide div.description {
    display: block;
    width: auto;
    float: none;
    margin: 0 0 36px 10px
}

.drop-area-bk {
    background: #faf9f8 url("/auth/images/droparea-bk.png") top left no-repeat;
    background-position: 0px 25px;
    width: 740px
}

.tooltip {
    float: left;
    margin-right: 10px;
    width: 30px;
    text-decoration: none;
    display: inline;
    margin: 0 0 0 10px;
    position: absolute;
    cursor: help
}

* html .tooltip {
    overflow-x: hidden
}

.tooltip a {
    background: url("/auth/images/tooltip.png") no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px
}

.tooltip a.tooltip-flat {
    background: url("/auth/images/tooltip-flat.png") no-repeat;
    width: 15px;
    height: 15px
}

.hint {
    font-size: 11px !important;
    line-height: 18px !important;
    display: none;
    position: absolute;
    width: 200px;
    z-index: 200;
    -moz-box-shadow: #ddd, 0px, 2px, 5px;
    -webkit-box-shadow: #ddd, 0px, 2px, 5px;
    box-shadow: #ddd, 0px, 2px, 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e2e3c8;
    background: #fffee0 url("/auth/images/pointer.gif") no-repeat scroll -100px -100px;
    margin: -35px 0px 0px 20px;
    padding: 10px 12px
}

.hint .hint-pointer,.hint .pointer {
    background: transparent url("/auth/images/pointer.gif") no-repeat scroll left top;
    position: absolute;
    height: 19px;
    left: -10px;
    top: 5px;
    width: 10px
}

.hint-bottom {
    top: 60px;
    left: -70px;
    font-size: 11px !important;
    line-height: 18px !important;
    display: none;
    position: absolute;
    width: 164px;
    z-index: 200;
    -moz-box-shadow: #ddd, 0px, 2px, 5px;
    -webkit-box-shadow: #ddd, 0px, 2px, 5px;
    box-shadow: #ddd, 0px, 2px, 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e2e3c8;
    background: white no-repeat scroll -100px -100px;
    margin: -35px 0px 0px 20px;
    padding: 18px 24px
}

.hint-bottom .hint-pointer,.hint-bottom .pointer {
    background: transparent url("/auth/images/pointer-up.gif") no-repeat scroll left top;
    position: absolute;
    height: 13px;
    left: 43px;
    top: -13px;
    width: 23px
}

.error .hint,.successful .hint {
    margin: 0px 0px 0px 30px;
    color: #333333
}

.none {
    display: none
}

.display {
    display: block
}

.selectoptions {
    width: 360px;
    border: 1px solid #666666;
    border-top: 1px solid #edeef0;
    font: normal 14px "Helvetica Neue", helvetica, arial, clean, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    margin: -3px 0px 0px 0px;
    padding: 0px;
    background: white;
    position: absolute;
    color: #575757;
    z-index: 10
}

.selectoptions ul {
    padding: 0px;
    margin: 0px;
    width: 358px;
    background: white
}

.selectoptions ul li {
    width: 100%;
    display: block;
    padding: 0px 0px 0px 0px;
    background: white;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.selectoptions ul li:first-child {
    margin-top: 5px
}

.selectoptions ul li:last-child {
    margin-bottom: 5px
}

.selectoptions ul li a {
    display: block;
    padding: 6px 0 6px 10px;
    margin-left: 0px;
    color: #333333;
    text-decoration: none
}

.selectoptions ul li a:hover {
    background: #edeef0
}

.hr-short {
    height: 2px;
    margin: 0px 0px 0px 0px;
    clear: both
}

.hr-short hr {
    display: none
}

.hr-full {
    display: none
}

.form-division {
    background: transparent url("/auth/images/fliedset-bg-top-wide.png") no-repeat scroll left top;
    width: 793px;
    height: 20px
}

input.ui-autocomplete-input {
    border: 1px solid #bbb;
    padding: 7px !important
}

.autocomplete ul.ui-autocomplete,.suburb-autocomplete ul.ui-autocomplete {
    margin-top: 0px;
    border: 1px solid #bbb;
    border-top: none;
    font-size: 12px;
    font-family: "Helvetica Neue", helvetica, arial, clean, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
    margin: 0 0px 0px 0px;
    padding: 0px;
    background: white;
    color: #121212
}

.autocomplete a.ui-state-hover,.suburb-autocomplete a.ui-state-hover {
    border: none;
    color: inherit;
    background: #dfecf8
}

.autocomplete a,.suburb-autocomplete a {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin-left: 0px;
    display: block;
    color: #515151;
    text-decoration: none;
    margin: 0px
}

.autocomplete li:first-child,.suburb-autocomplete li:first-child {
    margin-top: 5px
}

.autocomplete li:last-child,.suburb-autocomplete li:last-child {
    margin-bottom: 5px
}

.ui-autocomplete-loading {
    background: #FAFAFA url("/auth/images/ajax-loader.gif") right no-repeat
}

.broken-image-icon {
    position: absolute;
    left: 42px;
    top: 37px
}

.ui-autocomplete-display {
    xborder-radius: 5px 5px 0 0 !important;
    xborder: 1px solid #666666 !important;
    border-bottom: 1px dashed #ddd !important
}

.new-listing form fieldset ul.wide-format,.new-listing orm fieldset ol.wide-format {
    width: 762px
}

#terms-and-conditions-toggle-container .long-field {
    float: left;
    width: 29px
}

#terms-and-conditions-toggle-container .long-field-description {
    float: left;
    width: 456px
}

#terms-and-conditions-toggle-container p {
    margin-left: 29px
}

.social-share-ofi {
    zoom:1}

.social-share-ofi:before,.social-share-ofi:after {
    display: table;
    content: ""
}

.social-share-ofi:after {
    clear: both
}

#property-principal-address-hide-street-view-toggle-container {
    padding-top: 0
}

#property-principal-address-hide-address-toggle-container {
    padding-bottom: 0
}

#delete-draft-listing-popup h2 {
    margin-bottom: 16px
}

.addresses input.estate-name,.addresses input.contact-number {
    width: 200px
}

.addresses textarea.opening-times {
    width: 340px;
    height: 100px
}

textarea.text.meninges {
    width: 470px
}

.error-border {
    border-color: #C4414D
}

fieldset.wide.image {
    zoom:1;width: 792px;
    background: #f9f9f9
}

fieldset.wide.image:before,fieldset.wide.image:after {
    display: table;
    content: ""
}

fieldset.wide.image:after {
    clear: both
}

fieldset.wide.image legend {
    background-color: #fff;
    width: 100%
}

fieldset.wide.image .description {
    margin: 0 0 0 10px;
    padding-top: 10px
}

fieldset.wide.image label {
    font-weight: bold;
    font-size: 1em;
    padding: 0px 0px 0px 10px;
    text-align: left
}

fieldset.wide.image img {
    border: none;
    margin: 3px 0px 0px 3px
}

fieldset.wide.image .listing-image {
    margin: 4px 4px;
    width: 94px;
    height: 70px;
    background-size: 94px 70px
}

fieldset.wide.image ul {
    overflow: auto;
    width: 735px;
    border: 0;
    margin: 0;
    padding: 21px 0 18px 21px;
    background: transparent url("/auth/images/droparea-bk2.png") no-repeat scroll 6px 3px
}

fieldset.wide.image ul.statement_of_informations,fieldset.wide.image ul.documents.category-newhomedesign,fieldset.wide.image ul.documents.category-commercial,fieldset.wide.image ul.documents.category-business,fieldset.wide.image ul.documents.category-project {
    background: none
}

fieldset.wide.image ul.statement_of_informations li,fieldset.wide.image ul.documents.category-newhomedesign li,fieldset.wide.image ul.documents.category-commercial li,fieldset.wide.image ul.documents.category-business li,fieldset.wide.image ul.documents.category-project li {
    position: relative;
    top: 0px;
    left: 0px;
    height: 54px;
    width: 190px
}

fieldset.wide.image ul.statement_of_informations li.add-image .qq-uploader,fieldset.wide.image ul.statement_of_informations li.add-image .qq-upload-button,fieldset.wide.image ul.documents.category-newhomedesign li.add-image .qq-uploader,fieldset.wide.image ul.documents.category-newhomedesign li.add-image .qq-upload-button,fieldset.wide.image ul.documents.category-commercial li.add-image .qq-uploader,fieldset.wide.image ul.documents.category-commercial li.add-image .qq-upload-button,fieldset.wide.image ul.documents.category-business li.add-image .qq-uploader,fieldset.wide.image ul.documents.category-business li.add-image .qq-upload-button,fieldset.wide.image ul.documents.category-project li.add-image .qq-uploader,fieldset.wide.image ul.documents.category-project li.add-image .qq-upload-button {
    height: 64px
}

fieldset.wide.image ul.statement_of_informations li:hover .edit-title,fieldset.wide.image ul.statement_of_informations li:hover .delete-image,fieldset.wide.image ul.documents.category-newhomedesign li:hover .edit-title,fieldset.wide.image ul.documents.category-newhomedesign li:hover .delete-image,fieldset.wide.image ul.documents.category-commercial li:hover .edit-title,fieldset.wide.image ul.documents.category-commercial li:hover .delete-image,fieldset.wide.image ul.documents.category-business li:hover .edit-title,fieldset.wide.image ul.documents.category-business li:hover .delete-image,fieldset.wide.image ul.documents.category-project li:hover .edit-title,fieldset.wide.image ul.documents.category-project li:hover .delete-image {
    display: inline
}

fieldset.wide.image ul.statement_of_informations li:hover .image-actions,fieldset.wide.image ul.documents.category-newhomedesign li:hover .image-actions,fieldset.wide.image ul.documents.category-commercial li:hover .image-actions,fieldset.wide.image ul.documents.category-business li:hover .image-actions,fieldset.wide.image ul.documents.category-project li:hover .image-actions {
    background: none
}

fieldset.wide.image ul.statement_of_informations li:hover .image-index,fieldset.wide.image ul.documents.category-newhomedesign li:hover .image-index,fieldset.wide.image ul.documents.category-commercial li:hover .image-index,fieldset.wide.image ul.documents.category-business li:hover .image-index,fieldset.wide.image ul.documents.category-project li:hover .image-index {
    display: inline
}

fieldset.wide.image ul.statement_of_informations li.loading:hover .edit-title,fieldset.wide.image ul.statement_of_informations li.loading:hover .delete-image,fieldset.wide.image ul.documents.category-newhomedesign li.loading:hover .edit-title,fieldset.wide.image ul.documents.category-newhomedesign li.loading:hover .delete-image,fieldset.wide.image ul.documents.category-commercial li.loading:hover .edit-title,fieldset.wide.image ul.documents.category-commercial li.loading:hover .delete-image,fieldset.wide.image ul.documents.category-business li.loading:hover .edit-title,fieldset.wide.image ul.documents.category-business li.loading:hover .delete-image,fieldset.wide.image ul.documents.category-project li.loading:hover .edit-title,fieldset.wide.image ul.documents.category-project li.loading:hover .delete-image {
    display: none
}

fieldset.wide.image ul.statement_of_informations li.loading .qq-upload-cancel,fieldset.wide.image ul.documents.category-newhomedesign li.loading .qq-upload-cancel,fieldset.wide.image ul.documents.category-commercial li.loading .qq-upload-cancel,fieldset.wide.image ul.documents.category-business li.loading .qq-upload-cancel,fieldset.wide.image ul.documents.category-project li.loading .qq-upload-cancel {
    display: block;
    position: absolute;
    top: 18px;
    left: 0px;
    z-index: 10
}

fieldset.wide.image ul.statement_of_informations li.loading .view-image,fieldset.wide.image ul.statement_of_informations li.loading .image-index,fieldset.wide.image ul.statement_of_informations li.loading .attachment-caption,fieldset.wide.image ul.documents.category-newhomedesign li.loading .view-image,fieldset.wide.image ul.documents.category-newhomedesign li.loading .image-index,fieldset.wide.image ul.documents.category-newhomedesign li.loading .attachment-caption,fieldset.wide.image ul.documents.category-commercial li.loading .view-image,fieldset.wide.image ul.documents.category-commercial li.loading .image-index,fieldset.wide.image ul.documents.category-commercial li.loading .attachment-caption,fieldset.wide.image ul.documents.category-business li.loading .view-image,fieldset.wide.image ul.documents.category-business li.loading .image-index,fieldset.wide.image ul.documents.category-business li.loading .attachment-caption,fieldset.wide.image ul.documents.category-project li.loading .view-image,fieldset.wide.image ul.documents.category-project li.loading .image-index,fieldset.wide.image ul.documents.category-project li.loading .attachment-caption {
    display: none
}

fieldset.wide.image ul.statement_of_informations .image-index,fieldset.wide.image ul.statement_of_informations .attachment-caption,fieldset.wide.image ul.documents.category-newhomedesign .image-index,fieldset.wide.image ul.documents.category-newhomedesign .attachment-caption,fieldset.wide.image ul.documents.category-commercial .image-index,fieldset.wide.image ul.documents.category-commercial .attachment-caption,fieldset.wide.image ul.documents.category-business .image-index,fieldset.wide.image ul.documents.category-business .attachment-caption,fieldset.wide.image ul.documents.category-project .image-index,fieldset.wide.image ul.documents.category-project .attachment-caption {
    line-height: 22px
}

fieldset.wide.image ul.statement_of_informations .im-text,fieldset.wide.image ul.documents.category-newhomedesign .im-text,fieldset.wide.image ul.documents.category-commercial .im-text,fieldset.wide.image ul.documents.category-business .im-text,fieldset.wide.image ul.documents.category-project .im-text {
    display: block;
    width: 100px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 48px
}

fieldset.wide.image ul.statement_of_informations .view-image,fieldset.wide.image ul.documents.category-newhomedesign .view-image,fieldset.wide.image ul.documents.category-commercial .view-image,fieldset.wide.image ul.documents.category-business .view-image,fieldset.wide.image ul.documents.category-project .view-image {
    display: inline;
    margin-left: 0
}

fieldset.wide.image ul.statement_of_informations .delete-image,fieldset.wide.image ul.documents.category-newhomedesign .delete-image,fieldset.wide.image ul.documents.category-commercial .delete-image,fieldset.wide.image ul.documents.category-business .delete-image,fieldset.wide.image ul.documents.category-project .delete-image {
    display: none
}

fieldset.wide.image ul.statement_of_informations .listing-image,fieldset.wide.image ul.documents.category-newhomedesign .listing-image,fieldset.wide.image ul.documents.category-commercial .listing-image,fieldset.wide.image ul.documents.category-business .listing-image,fieldset.wide.image ul.documents.category-project .listing-image {
    width: 46px;
    height: 46px;
    background-size: 46px 46px
}

fieldset.wide.image ul.statement_of_informations .im-overlay,fieldset.wide.image ul.documents.category-newhomedesign .im-overlay,fieldset.wide.image ul.documents.category-commercial .im-overlay,fieldset.wide.image ul.documents.category-business .im-overlay,fieldset.wide.image ul.documents.category-project .im-overlay {
    z-index: 10;
    top: 7px;
    left: 16px;
    height: 20px;
    background: url("/auth/images/ajax-loader-4.gif") no-repeat scroll -40px -37px
}

fieldset.wide.image ul.statement_of_informations .qq-upload-file,fieldset.wide.image ul.documents.category-newhomedesign .qq-upload-file,fieldset.wide.image ul.documents.category-commercial .qq-upload-file,fieldset.wide.image ul.documents.category-business .qq-upload-file,fieldset.wide.image ul.documents.category-project .qq-upload-file {
    position: relative;
    top: 0px;
    left: 34px
}

fieldset.wide.image ul.statement_of_informations .add-image,fieldset.wide.image ul.documents.category-newhomedesign .add-image,fieldset.wide.image ul.documents.category-commercial .add-image,fieldset.wide.image ul.documents.category-business .add-image,fieldset.wide.image ul.documents.category-project .add-image {
    height: 54px
}

fieldset.wide.image ul.statement_of_informations .attachment-caption-input,fieldset.wide.image ul.documents.category-newhomedesign .attachment-caption-input,fieldset.wide.image ul.documents.category-commercial .attachment-caption-input,fieldset.wide.image ul.documents.category-business .attachment-caption-input,fieldset.wide.image ul.documents.category-project .attachment-caption-input {
    font-size: 11px;
    padding: 3px;
    width: 180px
}

fieldset.wide.image ul.statement_of_informations li.inline-caption,fieldset.wide.image ul.documents.category-newhomedesign li.inline-caption,fieldset.wide.image ul.documents.category-commercial li.inline-caption,fieldset.wide.image ul.documents.category-business li.inline-caption,fieldset.wide.image ul.documents.category-project li.inline-caption {
    width: 300px
}

fieldset.wide.image ul.statement_of_informations li.inline-caption .im-text,fieldset.wide.image ul.documents.category-newhomedesign li.inline-caption .im-text,fieldset.wide.image ul.documents.category-commercial li.inline-caption .im-text,fieldset.wide.image ul.documents.category-business li.inline-caption .im-text,fieldset.wide.image ul.documents.category-project li.inline-caption .im-text {
    width: auto
}

fieldset.wide.image ul.statement_of_informations li {
    width: 300px
}

fieldset.wide.image ul.statement_of_informations li .im-text {
    width: auto
}

fieldset.wide.image ul.statement_of_informations li:hover {
    top: 0
}

fieldset.wide.image ul li.loading .qq-upload-cancel {
    display: block
}

fieldset.wide.image ul li.loading .attachment-preview.disabled {
    color: #999999;
    text-decoration: none
}

fieldset.wide.image ul li.loading .attachment-preview.disabled:hover {
    text-decoration: none !important
}

fieldset.wide.image ul li.loading:hover .image-actions {
    background: none
}

fieldset.wide.image ul li.loading:hover .delete-image {
    display: none
}

fieldset.wide.image ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    padding: 0px;
    height: 98px;
    width: 102px;
    margin: 0px 14px 20px 0px;
    background: white;
    float: left;
    border: 1px solid #c9c9c8
}

fieldset.wide.image ul li .number {
    background: url("/auth/images/drag_icon-small_03.png") no-repeat -1px -2px;
    width: 15px;
    display: block;
    text-indent: -40px;
    position: absolute;
    left: 0px;
    z-index: 10
}

fieldset.wide.image ul li img {
    opacity: 1
}

fieldset.wide.image ul li a {
    visibility: visible;
    color: #5484B2;
    text-decoration: underline
}

fieldset.wide.image ul li a:hover {
    text-decoration: underline !important
}

fieldset.wide.image ul li .view-image,fieldset.wide.image ul li .edit-title,fieldset.wide.image ul li .delete-image {
    display: none;
    text-decoration: none;
    font-size: 11px;
    margin-left: 15px
}

fieldset.wide.image ul li .delete-image {
    color: #C4414D;
    z-index: 11
}

fieldset.wide.image ul li:hover {
    top: -2px;
    cursor: move;
    background: white;
    border: 1px solid #c5c6c6;
    -moz-box-shadow: 0px 4px 6px #888;
    -webkit-box-shadow: 0px 4px 6px #888;
    box-shadow: 0px 4px 6px #888
}

fieldset.wide.image ul li:hover .image-index {
    display: none
}

fieldset.wide.image ul li:hover .image-actions {
    background: url("/auth/images/drag_icon-small_03.png") no-repeat -1px -2px
}

fieldset.wide.image ul li:hover .view-image,fieldset.wide.image ul li:hover .delete-image {
    display: inline
}

fieldset.wide.image ul li.add-image {
    text-align: center;
    display: block;
    border: 2px dashed #dddbdb;
    height: 88px;
    background: transparent
}

fieldset.wide.image ul li.add-image.focus {
    border-color: #5484B2
}

fieldset.wide.image ul li.add-image .qq-uploader,fieldset.wide.image ul li.add-image .qq-upload-button {
    position: relative;
    width: 100%;
    height: 107px;
    display: inline-block
}

fieldset.wide.image ul li.add-image .qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

fieldset.wide.image ul li.add-image:hover {
    cursor: pointer;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

fieldset.wide.image ul li.add-image a {
    text-decoration: none !important
}

fieldset.wide.image ul li.add-image a>span {
    display: block;
    position: relative;
    top: 20px
}

fieldset.wide.image ul li.add-image a>span span {
    text-decoration: underline
}

fieldset.wide.image ul li .im-text {
    font-size: 11px;
    color: #515151;
    margin-left: 5px;
    margin-right: 5px;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 89px
}

fieldset.wide.image ul li .im-overlay {
    float: left;
    z-index: 10;
    font-size: 11px;
    margin: 3px;
    display: block;
    position: relative;
    padding: 0px;
    height: 68px;
    background: url("/auth/images/ajax-loader-3.gif") no-repeat scroll 0px -19px
}

fieldset.wide.image ul li .im-overlay img {
    margin: 0px 0px 0px 0px;
    width: auto
}

fieldset.wide.image ul.col {
    width: 40%;
    float: left;
    margin: 0px 5px 0.5em 0px
}

#trash .undo a {
    display: none;
    font-size: 10px
}

#trash li:hover .undo a {
    display: block;
    width: 50px;
    color: #216D3C;
    text-align: center;
    margin-top: -6px
}

#trash {
    display: none;
    margin-left: 18px;
    background: url("/auth/images/bin-icon.png") no-repeat scroll 13px 0 #FAF9F8
}

#trash p {
    margin: 0px 0px 0px 50px;
    line-height: 25px
}

#trash ul {
    background-image: none;
    padding-top: 10px;
    background-color: #E8E7E7;
    margin: 20px 30px 30px 0px;
    -moz-box-shadow: 2px 1px 2px rgba(7,7,7,0.1) inset,0px 1px 2px rgba(7,7,7,0.1) inset;
    float: left;
    width: auto
}

#trash ul li.ui-state-default img {
    width: 50px
}

#trash ul li.ui-state-default {
    width: 56px;
    height: 55px;
    margin-bottom: 12px
}

#trash ul li .im-overlay {
    background: none;
    width: 50px;
    height: 60px
}

.im-text a:hover {
    text-decoration: underline
}

.drag-icon-hint {
    margin-top: 5px;
    position: relative
}

.sortable .undo a {
    display: none
}

.sortable .undo a:hover {
    text-decoration: underline
}

.sortable .ui-state-highlight {
    background: #FAF9F8;
    border: 1px solid transparent
}

.ui-sortable-helper {
    opacity: 0.6;
    top: 0px
}

.ui-sortable-placeholder {
    border: 1px solid blue;
    visibility: hidden
}

#admin-nav {
    width: 181px;
    display: block
}

#admin-nav #identity {
    background: url("/auth/images/agent-logo-frame-bottom.png") bottom no-repeat;
    margin: 22px 0 10px 15px;
    padding: 0 0px 6px;
    width: 150px
}

#admin-nav #identity #logo {
    background: url("/auth/images/agent-logo-frame-top.png") top no-repeat;
    padding-top: 9px;
    margin-bottom: 4px !important;
    width: 150px;
    text-align: center
}

#admin-nav #identity #logo img {
    margin: 0px auto;
    max-width: 130px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

#admin-nav #identity #logo a {
    display: block;
    margin: 0px auto;
    max-width: 130px;
    text-align: center;
    text-decoration: underline
}

#admin-nav ul {
    clear: both;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 0 15px 12px;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

#admin-nav ul li {
    display: block
}

#admin-nav ul li span {
    display: block;
    border-bottom: 1px solid #eaeaea;
    padding: 7px 0 4px
}

#admin-nav ul li a {
    background-image: url("/auth/images/left-nav-sprite.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 7px 6px;
    color: #4e4c46;
    display: block;
    font-size: 14px;
    padding: 0 0 0 45px;
    text-shadow: 0 1px 1px white;
    text-decoration: none;
    line-height: 22px
}

#admin-nav ul li a:hover {
    color: #4f4e4d;
    opacity: 1
}

#admin-nav ul li.dashboard a {
    background-position: 7px 6px
}

#admin-nav ul li.stocklist a {
    background-position: 7px -61px
}

#admin-nav ul li.reports a {
    background-position: 7px -130px
}

#admin-nav ul li.marketing a {
    background-position: 7px -195px
}

#admin-nav ul li.social a {
    background-position: 7px -262px
}

#admin-nav ul li.website a {
    background-position: 7px -329px
}

#admin-nav ul li.myaccount a {
    background-position: 7px -398px
}

#admin-nav ul li.yourprofile a {
    background-position: 7px -398px
}

#admin-nav ul li.leads a {
    background-position: 7px -543px
}

#admin-nav ul li.emailenquiries a {
    background-position: 7px -730px
}

#admin-nav ul li.builderprofile a {
    background-position: 7px -665px
}

#admin-nav ul li.youraccount a {
    background-position: 7px -469px
}

#admin-nav ul li.xmluploads a {
    background-position: 7px -608px
}

#admin-nav ul li.stafftools a {
    background: transparent url("/auth/images/staff-tools.png") no-repeat 5% 50%;
    padding-left: 30px;
    color: #2D7EB3;
    font-size: 12px
}

#admin-nav ul li.changelog a {
    background: transparent url("/auth/images/change-log.png") no-repeat 5% 50%;
    padding-left: 30px;
    color: #2D7EB3;
    font-size: 12px
}

#admin-nav ul li:hover.dashboard a,#admin-nav ul li.active.dashboard a {
    background-position: 7px -25px
}

#admin-nav ul li:hover.stocklist a,#admin-nav ul li.active.stocklist a {
    background-position: 7px -94px
}

#admin-nav ul li:hover.reports a,#admin-nav ul li.active.reports a {
    background-position: 7px -161px
}

#admin-nav ul li:hover.marketing a,#admin-nav ul li.active.marketing a {
    background-position: 7px -226px
}

#admin-nav ul li:hover.social a,#admin-nav ul li.active.social a {
    background-position: 7px -295px
}

#admin-nav ul li:hover.website a,#admin-nav ul li.active.website a {
    background-position: 7px -361px
}

#admin-nav ul li:hover.leads a,#admin-nav ul li.active.leads a {
    background-position: 7px -575px
}

#admin-nav ul li:hover.emailenquiries a,#admin-nav ul li.active.emailenquiries a {
    background-position: 7px -762px
}

#admin-nav ul li:hover.builderprofile a,#admin-nav ul li.active.builderprofile a {
    background-position: 7px -697px
}

#admin-nav ul li:hover.myaccount a,#admin-nav ul li.active.myaccount a {
    background-position: 7px -432px
}

#admin-nav ul li:hover.yourprofile a,#admin-nav ul li.active.yourprofile a {
    background-position: 7px -432px
}

#admin-nav ul li:hover.youraccount a,#admin-nav ul li.active.youraccount a {
    background-position: 7px -505px
}

#admin-nav ul li:hover.xmluploads a,#admin-nav ul li.active.xmluploads a {
    background-position: 7px -635px
}

#admin-nav ul li.active {
    background: url("/auth/images/active-nav-item-2.png") right top no-repeat;
    margin-top: -2px
}

#admin-nav ul li.active span {
    border-bottom: 1px solid transparent
}

#admin-nav ul.superuser {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px
}

#admin-nav ul.superuser li {
    background-color: #FAFAFA;
    border: 1px solid #EBEBEB
}

#admin-nav ul.superuser li.stafftools {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

#admin-nav ul.superuser li.changelog {
    border-top: none;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

#admin-nav ul.superuser li span {
    border: none
}

.agent-banner {
    position: relative;
    height: 38px;
    min-width: 1008px;
    z-index: 500;
    -moz-box-shadow: rgba(0,0,0,0.25),0px,2px,2px,0px;
    -webkit-box-shadow: rgba(0,0,0,0.25),0px,2px,2px,0px;
    box-shadow: rgba(0,0,0,0.25),0px,2px,2px,0px;
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25)
}

.agent-banner .logo {
    float: left;
    font-family: 'REARegular', 'Helvetica Neue', helvetica, arial, clean, sans-serif;
    color: #fff;
    text-shadow: 0px 1px 0px #6a0812;
    font-weight: normal;
    font-size: 16px;
    line-height: 37px;
    margin-left: 15px;
    cursor: default
}

.agent-banner .logo a {
    color: #fff;
    text-decoration: none
}

.agent-banner .content-wrapper {
    max-width: 1008px;
    margin: auto
}

.agent-banner .client-controls {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px
}

.agent-banner .count {
    float: right;
    border-left: 1px solid #8b0b17
}

.agent-banner .count>li {
    position: relative;
    display: inline;
    padding: 0 15px
}

.agent-banner .count>li>span,.agent-banner .count>li a {
    display: inline-block;
    color: #fff;
    padding: 10px 0;
    margin-right: 10px;
    cursor: default;
    text-shadow: 0px 1px 0px #6a0812;
    text-decoration: none
}

.agent-banner .count>li .elects-summary.mobile {
    display: none
}

.agent-banner .count>li .more-link {
    color: #e4002b;
    text-shadow: none
}

.agent-banner .count>li:hover>ul {
    display: block
}

.agent-banner .count>li>ul {
    position: absolute;
    display: none;
    color: #303030;
    top: 28px;
    width: auto;
    right: 0;
    background: #fff
}

.agent-banner .count>li>ul.show {
    display: block
}

.agent-banner .count>li>ul li .contract-box {
    position: relative;
    background: #fff;
    border: 1px solid;
    border-color: #c2c2c2;
    border-color: rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.agent-banner .count>li>ul li .contract-box .subscriptions {
    margin: 10px
}

.agent-banner .count>li>ul li .contract-box .subscriptions .highlight {
    font-weight: bold
}

.agent-banner .count>li>ul li .contract-box .subscriptions .top-separator {
    border-top: 1px solid #efefef;
    padding-top: 7px
}

.agent-banner .count>li>ul li .contract-box .subscriptions .top-separator p {
    padding: 0 5px;
    margin-bottom: 5px
}

.agent-banner .count>li>ul li .contract-box .subscriptions .top-separator a.more-info {
    text-shadow: none;
    color: #5484b2;
    padding: 0 5px;
    cursor: pointer
}

.agent-banner .count>li>ul li:first-child .contract-box:after,.agent-banner .count>li>ul li:first-child .contract-box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.agent-banner .count>li>ul li:first-child .contract-box:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 10px;
    right: 25px;
    margin-left: -10px
}

.agent-banner .count>li>ul li:first-child .contract-box:before {
    border-color: rgba(194,194,194,0);
    border-bottom-color: #c2c2c2;
    border-width: 11px;
    right: 24px;
    margin-left: -11px
}

.agent-banner .count>li>ul table {
    float: none;
    border-bottom: none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    margin: 0;
    background-color: #fff;
    z-index: 500;
    max-width: 700px;
    width: 95%;
    margin: 2%;
    white-space: nowrap
}

.agent-banner .count>li>ul table tr {
    float: none;
    margin-top: 7px
}

.agent-banner .count>li>ul table tr .center {
    text-align: center
}

.agent-banner .count>li>ul table tr .right {
    text-align: right
}

.agent-banner .count>li>ul table tr .left {
    text-align: left
}

.agent-banner .count>li>ul table tr th {
    padding-top: 15px
}

.agent-banner .count>li>ul table tr strong {
    color: #454545
}

.agent-banner .count>li>ul table tr.top-separator {
    border-top: 1px solid #efefef;
    padding-top: 7px
}

.agent-banner .count .arrow {
    position: absolute;
    right: 0px;
    top: 3px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff
}

.agent-banner .count li {
    list-style: none
}

.agent-banner .count .help-text {
    border: 1px solid #e0dddb;
    border-top: none;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #efefef;
    padding: 15px;
    -moz-box-shadow: rgba(0,0,0,0.2),0px,1px,2px,0px;
    -webkit-box-shadow: rgba(0,0,0,0.2),0px,1px,2px,0px;
    box-shadow: rgba(0,0,0,0.2),0px,1px,2px,0px;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    white-space: nowrap
}

.agent-banner .count .help-text p {
    color: #777777;
    font-size: 12px;
    line-height: 7px;
    font-weight: 200
}

.agent-banner .count .warning {
    color: #c4414d
}

.agent-banner .count .commitment-met {
    color: #999999
}

.agent-banner .client-controls .label {
    float: right
}

.agent-banner .client-controls .label:last-child>li>.top-item {
    border-left: none
}

.agent-banner .client-controls .label>li {
    list-style: none
}

.agent-banner .client-controls .label>li>.top-item {
    display: block;
    padding: 8px 35px 10px 15px;
    cursor: default;
    border: 1px solid transparent;
    border-left: 1px solid #8b0b17
}

.agent-banner .client-controls .label>li>.text-item {
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 1px 0px #6a0812;
    text-decoration: none
}

.agent-banner .client-controls .dropdown-menu ul.left-menu {
    position: absolute;
    width: 295px;
    right: 0
}

.agent-banner .client-controls .dropdown-menu .heading {
    font-size: 18px;
    color: black;
    padding: 10px 0 0 0
}

.agent-banner .client-controls .dropdown-menu .title {
    font-size: 13px;
    color: black;
    display: inline;
    margin-right: 25px;
    font-weight: bold
}

.agent-banner .client-controls .dropdown-menu .counts {
    background-color: #535353;
    border-radius: 10px;
    text-align: center;
    color: white;
    width: 26px;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
    padding: 0
}

.agent-banner .client-controls .dropdown-menu#commitments-menu ul li.commitments {
    padding: 3px 0 0 0;
    border-bottom: 1px solid lightgray
}

.agent-banner .client-controls .dropdown-menu#commitments-menu ul li.commitments span {
    display: inline-block;
    cursor: default;
    font-size: 12px
}

.agent-banner .client-controls .dropdown-menu#commitments-menu ul li#month-additional-commitments {
    border-bottom: none
}

.agent-banner .client-controls .dropdown-menu#commitments-menu ul li#upgrade-type {
    margin: 10px 0
}

.agent-banner .client-controls .dropdown-menu {
    float: right
}

.agent-banner .client-controls .dropdown-menu:last-child>li>.top-item {
    border-left: none
}

.agent-banner .client-controls .dropdown-menu li {
    list-style: none
}

.agent-banner .client-controls .dropdown-menu li.separator {
    border-bottom: 1px solid #ebebeb;
    margin: 0 -15px 8px;
    padding: 0
}

.agent-banner .client-controls .dropdown-menu ul.right-menu {
    position: absolute;
    right: 0
}

.agent-banner .client-controls .dropdown-menu>li {
    position: relative
}

.agent-banner .client-controls .dropdown-menu>li>.top-item {
    display: block;
    padding: 8px 35px 10px 15px;
    cursor: default;
    border: 1px solid transparent;
    border-left: 1px solid #8b0b17
}

.agent-banner .client-controls .dropdown-menu>li .icon-item {
    padding-left: 10px;
    padding-right: 10px;
    width: 16px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("/auth/images/icon-settings.png");
    text-indent: -9999px
}

.agent-banner .client-controls .dropdown-menu>li>.text-item {
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 1px 0px #6a0812;
    text-decoration: none
}

.agent-banner .client-controls .dropdown-menu>li .arrow {
    position: absolute;
    right: 15px;
    top: 14px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff
}

.agent-banner .client-controls .dropdown-menu>li>ul {
    display: none
}

.agent-banner .client-controls .dropdown-menu>li>ul span {
    color: #424242;
    display: block;
    padding-bottom: 6px;
    cursor: default;
    font-size: 12px
}

.agent-banner .client-controls .dropdown-menu>li>ul ul li {
    border-top: 1px solid #ebebeb;
    padding: 6px 0;
    white-space: nowrap
}

.agent-banner .client-controls .dropdown-menu>li:hover a {
    color: #2d7eb3;
    white-space: nowrap
}

.agent-banner .client-controls .dropdown-menu>li:hover>.top-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.25);
    border-bottom: none
}

.agent-banner .client-controls .dropdown-menu>li:hover .icon-item {
    background-image: url("/auth/images/icon-settings-hover.png")
}

.agent-banner .client-controls .dropdown-menu>li:hover>.text-item {
    color: #303030;
    text-shadow: none
}

.agent-banner .client-controls .dropdown-menu>li:hover .arrow {
    border-top-color: #303030
}

.agent-banner .client-controls .dropdown-menu>li:hover>ul {
    display: block;
    color: #000;
    padding: 5px 15px 10px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.25);
    border-top: none;
    -moz-box-shadow: rgba(0,0,0,0.1),0px,2px,1px,0px;
    -webkit-box-shadow: rgba(0,0,0,0.1),0px,2px,1px,0px;
    box-shadow: rgba(0,0,0,0.1),0px,2px,1px,0px;
    -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1)
}

.agent-banner .client-controls .dropdown-menu>li:hover>ul>li {
    padding: 4px 0
}

@media (max-width: 641px) {
    ul#contracts-dropdown {
        width:320px
    }

    ul#contracts-dropdown a.more-info {
        display: block;
        word-wrap: break-word;
        white-space: normal;
        line-height: 15px
    }

    ul#contracts-dropdown .help-text p {
        word-wrap: break-word;
        white-space: normal;
        line-height: 15px
    }

    ul#contracts-dropdown table {
        white-space: normal
    }

    .agent-banner .count>li .elects-summary.desktop {
        display: none
    }

    .agent-banner .count>li .elects-summary.mobile {
        display: inline-block
    }

    .agent-banner .count>li>ul {
        right: -100px
    }

    .agent-banner .count>li>ul li:first-child .contract-box:before {
        right: 144px
    }

    .agent-banner .count>li>ul li:first-child .contract-box:after {
        right: 145px
    }
}

#progress-tracker {
    margin: 9px 0px 18px 0px;
    padding: 0px 0px 0px 0px
}

#progress-tracker ul {
    display: inline-block;
    zoom:1;*display: inline;
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
    margin: 0 auto;
    overflow: hidden;
    background: transparent url("/auth/images/tracker-a-bg-normal.png") repeat-x scroll 0px 0px
}

#progress-tracker ul li {
    float: left;
    font-size: 14px;
    width: 198px;
    height: 36px
}

#progress-tracker ul li a {
    display: block;
    padding: 9px 8px 8px 43px;
    position: relative;
    text-decoration: none;
    color: #666666;
    font-size: 14px;
    overflow: visible;
    z-index: 200;
    cursor: default
}

#progress-tracker ul li a span {
    background: transparent url("/auth/images/tracker-grey-arrow.png") no-repeat scroll 0px 0px;
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    z-index: 100;
    height: 36px
}

#progress-tracker ul li a span.step-number {
    position: relative;
    right: 15px;
    top: 0;
    width: 16px;
    height: 26px;
    z-index: 100;
    background: url("/auth/images/progress-status-bg2.png") no-repeat scroll -1px 0px;
    margin-right: 0px;
    font-size: 10px;
    color: #666666;
    float: left;
    margin-top: -3px;
    padding-top: 4px;
    padding-left: 10px
}

#progress-tracker ul li a span.closer {
    background: transparent url("/auth/images/tracker-a-bg-closer.png") no-repeat top left;
    float: left;
    right: -18px
}

#progress-tracker ul li a.selected {
    font-weight: bold;
    color: #fefefe;
    text-shadow: #749a44, 0;
    background: transparent url("/auth/images/tracker-a-bg-completed.png") repeat-x scroll 0px 0px
}

#progress-tracker ul li a.selected span {
    background: url("/auth/images/tracker-green-arrow.png") no-repeat scroll 0px 0px
}

#progress-tracker ul li a.selected span.step-number {
    background: transparent url("/auth/images/progress-status-bg2.png") no-repeat scroll 0px -33px;
    text-shadow: none
}

#progress-tracker ul li a.selected.closer {
    float: left;
    padding-left: 6px
}

#progress-tracker ul li a.completed {
    color: #fefefe;
    font-weight: bold;
    background: transparent url("/auth/images/tracker-a-bg-completed.png") repeat-x scroll 0px 0px;
    text-shadow: #749a44, 0
}

#progress-tracker ul li a.completed span {
    background: url("/auth/images/tracker-green-arrow.png") no-repeat scroll 0px 0px
}

#progress-tracker ul li a.completed span.step-number {
    background: url("/auth/images/progress-status-bg2.png") no-repeat scroll -1px -67px;
    color: #515151;
    text-indent: -1000px
}

#progress-tracker ul li:first-child {
    background: transparent url("/auth/images/tracker-a-bg-opener.png") no-repeat top left
}

#progress-tracker ul li:first-child a {
    margin-left: 1px
}

.inner-tabs {
    overflow: auto
}

.inner-tabs ul {
    background: url(/auth/images/navtab-bottom.png);
    height: 34px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.inner-tabs li {
    float: left
}

.inner-tabs li a,.inner-tabs li span {
    background: url(/auth/images/navtab.png) no-repeat right top;
    color: #777;
    display: block;
    font-weight: bold;
    height: 17px;
    padding: 8px 28px 8px 8px;
    text-decoration: none;
    font-size: 12px
}

.inner-tabs li a:hover,.inner-tabs li span:hover {
    color: #333
}

.inner-tabs span {
    color: #333
}

.inner-tabs li.current {
    background: url(/auth/images/navtab-current-left.png) no-repeat;
    margin-left: -15px;
    padding-left: 15px
}

.inner-tabs li.current span,.inner-tabs li.current a {
    background: url(/auth/images/navtab-current.png) no-repeat right top;
    color: #333
}

.inner-tabs li:first-child {
    background: url(/auth/images/navtab-first.png) no-repeat;
    padding-left: 16px
}

.inner-tabs li:first-child.current {
    background: url(/auth/images/navtab-current-first.png) no-repeat;
    padding-left: 16px;
    margin-left: 0
}

.inner-tabs li:last-child a {
    background: url(/auth/images/navtab-last.png) no-repeat right top;
    padding: 8px 32px 8px 4px
}

.inner-tabs .last-inner-tab a {
    background: url(/auth/images/navtab-last.png) no-repeat right top;
    padding: 8px 32px 8px 4px
}

.inner-tabs li:last-child.current span,.inner-tabs li:last-child.current a {
    background: url(/auth/images/navtab-current-last.png) no-repeat right top
}

.inner-tabs .last-inner-tab.current span {
    background: url(/auth/images/navtab-current-last.png) no-repeat right top
}

.listings-tabs {
    position: absolute;
    bottom: 0;
    width: 796px;
    z-index: 10
}

.listings-tabs ul {
    margin: 0;
    padding: 0;
    text-align: right
}

.listings-tabs ul li {
    text-align: center;
    margin: 0 1px;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline
}

.listings-tabs ul li a {
    font-weight: bold;
    background-color: #f8f8f8;
    opacity: 0.9;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    text-align: center;
    color: #2d7eb3;
    width: 110px;
    line-height: 33px;
    display: inline-block;
    padding: 0px 6px
}

.listings-tabs ul li a:hover {
    opacity: 1;
    color: #538DC2;
    text-decoration: underline
}

.listings-tabs ul li a.active {
    position: relative;
    height: 33px;
    color: #303030;
    font-weight: bold;
    background-color: white;
    opacity: 1
}

.listings-tabs ul li a.active:hover {
    position: relative;
    height: 33px;
    text-decoration: none;
    cursor: default
}

.listings-tabs ul li a.active span.tabs-pointer {
    display: block
}

.listings-tabs ul li a.active-last {
    border: 1px solid transparent;
    position: relative;
    height: 33px
}

.listings-tabs ul li a.last-tab:hover {
    text-decoration: none
}

.listings-tabs ul li span.tabs-pointer {
    display: none;
    height: 10px;
    top: 37px;
    width: 18px;
    z-index: 10;
    position: absolute;
    left: 42%
}

.listings-tabs ul li span.tabs-pointer .tab-content {
    padding: 10px 15px 9px 15px;
    background-color: white;
    clear: both
}

.listings-tabs ul li.last {
    margin-right: 0
}

.listings-tabs ul li.edit-text {
    background-color: transparent;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5)
}

.listings-tabs ul li:first-child {
    float: left
}

.listings-tabs ul li.navigation-tab-left {
    float: left;
    padding-left: 4px
}

.tab-container legend span {
    width: 643px
}

.tab-container .form {
    background: url("/auth/images/form-box-bg-narrow2.gif")
}

.tab-container .msg {
    width: 440px
}

#variation {
    background: url("/auth/images/form-box-bg.gif")
}

#datepicker,#ui-datepicker-div {
    z-index: 11 !important
}

#inspections-add .button {
    position: relative;
    left: 42px;
    bottom: 5px
}

#inspections span.date-selector {
    float: left;
    width: 24%;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 15px
}

#inspections span.date-selector .starttime,#inspections span.date-selector .endtime {
    margin-top: 13px
}

.inspection-times {
    width: 745px;
    margin-bottom: 36px
}

.inspection-times table {
    border-collapse: collapse;
    width: 100%
}

.inspection-times table tr.odd {
    background: #FAF9F8 none repeat scroll 0 0
}

.inspection-times table tr.odd td {
    border-bottom: 1px solid #E0DDDB;
    border-top: 1px solid #E0DDDB
}

.inspection-times table tr td {
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 13px;
    border-collapse: collapse;
    vertical-align: middle
}

.inspection-times table tr td:first-child {
    padding-left: 25px
}

.inspection-times table tr td.delete-inspection {
    font-size: 1em;
    text-align: right;
    padding-right: 40px;
    padding-bottom: 10px
}

.marked {
    background-image: none;
    background-color: #efeff0;
    padding: 2px 6px 2px 6px;
    letter-spacing: -0.02em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.pagination {
    padding-top: 18px
}

.pagination .ellipse,.pagination .current {
    display: inline-block;
    height: 37px
}

.pagination .ellipse span,.pagination .current span {
    display: block;
    float: left;
    padding: 10px 10px 0 10px;
    height: 25px
}

.pagination .ellipse {
    color: #999999
}

.pagination .ellipse span {
    padding: 11px 2px 0 2px
}

.pagination .current span {
    font-weight: bold;
    line-height: 15px
}

ul#stocklist-items li {
    zoom:1;position: relative;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    padding: 14px 0px 14px 17px;
    margin-left: -17px;
    width: 809px
}

ul#stocklist-items li:before,ul#stocklist-items li:after {
    display: table;
    content: ""
}

ul#stocklist-items li:after {
    clear: both
}

ul#stocklist-items li.even {
    background-color: #ffffff;
    border-bottom: 0
}

ul#stocklist-items li.odd {
    background-color: #FAF9F8;
    border-bottom: 0
}

ul#stocklist-items li .light_small {
    font-size: 11px;
    color: #777777
}

ul#stocklist-items li .listing-id {
    position: absolute;
    top: 0px;
    right: 10px;
    color: #777777;
    float: right;
    width: 246px;
    height: 36px;
    line-height: 25px;
    padding-top: 17px
}

ul#stocklist-items li .listing-id .property-identifiers {
    padding-right: 10px;
    display: inline-block;
    zoom:1;*display: inline
}

ul#stocklist-items li .listing-id .property_number_id {
    font-size: 10px;
    margin-right: 3px
}

ul#stocklist-items li .listing-id .property_number {
    font-size: 11px
}

ul#stocklist-items li .listing-id .presentable-status {
    display: inline-block;
    width: 51px;
    zoom:1;*display: inline
}

ul#stocklist-items li .listing-id .ebrochure,ul#stocklist-items li .listing-id .audiences {
    display: inline-block;
    width: 33px;
    zoom:1;*display: inline
}

ul#stocklist-items li .stocklist-icon {
    display: inline-block;
    background: url("/auth/images/icons/stocklist-icons2.png");
    background-repeat: repeat-y;
    width: 20px;
    height: 14px;
    padding: 3px 0 0 3px;
    margin: 0px 5px 0px 5px;
    vertical-align: top;
    zoom:1;*display: inline
}

ul#stocklist-items li .stocklist-icon.status-draft,ul#stocklist-items li .stocklist-icon.status-invalid {
    visibility: hidden
}

ul#stocklist-items li a.stocklist-icon.ebrochure-inactive {
    background-position: 3px -79px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

ul#stocklist-items li a.stocklist-icon.ebrochure-inactive.status-off-market,ul#stocklist-items li a.stocklist-icon.ebrochure-inactive.status-sold {
    visibility: hidden
}

ul#stocklist-items li a.stocklist-icon.ebrochure-active {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 3px -124px
}

ul#stocklist-items li .stocklist-icon.listing-options {
    background-position: 3px 3px
}

ul#stocklist-items li .stocklist-icon.cxp-options {
    background-position: 3px 67px
}

ul#stocklist-items li a.promote-listing {
    display: block;
    position: absolute;
    top: 63px;
    right: 15px
}

ul#stocklist-items li div.data img.main {
    float: left;
    margin-right: 18px
}

ul#stocklist-items li div.data .editable {
    color: #333333;
    display: inline-block;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right center
}

ul#stocklist-items li div.data a.title {
    color: #2d7eb3;
    padding: 0px 15px 0px 0;
    font-weight: normal;
    display: inline-block;
    background-position: right 12px;
    font-size: 18px;
    line-height: 22px;
    white-space: nowrap;
    max-width: 421px
}

ul#stocklist-items li div.data a.title .street {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

ul#stocklist-items li div.data a.title .suburb {
    display: inline;
    color: #777777
}

ul#stocklist-items li div.data a.price,ul#stocklist-items li div.data a.sold-price,ul#stocklist-items li div.data a.price-per-week,ul#stocklist-items li div.data a.price-range,ul#stocklist-items li div.data a.yearly-price {
    color: #777777;
    display: inline-block;
    font-size: 11px;
    padding-bottom: 0px;
    background-position: right 3px
}

ul#stocklist-items li div.data a.inspection,ul#stocklist-items li div.data a.sold-date,ul#stocklist-items li div.data a.leased-date,ul#stocklist-items li div.data .date-info {
    color: #777777;
    font-size: 11px;
    display: inline-block
}

ul#stocklist-items li div.products {
    top: 62px;
    left: 545px;
    position: absolute
}

ul#stocklist-items li div.products .exp {
    font-size: 11px
}

ul#stocklist-items li div.independent-listing {
    display: block;
    position: absolute;
    right: 20px;
    top: 45px
}

ul#stocklist-items li .listing-details {
    float: left
}

ul#stocklist-items li .photo-wrap {
    position: relative;
    float: left;
    display: block;
    left: 2px
}

ul#stocklist-items li .photo-wrap .photo {
    visibility: hidden;
    position: absolute;
    top: 60px;
    left: 0px;
    margin: 3px 0 0 3px;
    background-color: rgba(248,248,255,0.9);
    padding: 3px 15px 3px 6px;
    font-size: 11px;
    z-index: 10;
    width: 88px;
    text-align: center;
    background-position: 80px center !important
}

ul#stocklist-items li .photo-wrap img {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 3px
}

ul#stocklist-items li:hover .editable {
    color: #2d7eb3;
    background-image: url("/auth/images/edit-pen-icon.png");
    cursor: pointer
}

ul#stocklist-items li:hover .international-audiences-icon {
    background: url("/auth/images/international/globe_hover.png") left no-repeat
}

ul#stocklist-items li:hover div.stocklist-icon.listing-options {
    background-position: 3px -39px;
    cursor: pointer
}

ul#stocklist-items li:hover div.stocklist-icon.cxp-options {
    background-position: 3px 26px;
    cursor: pointer
}

ul#stocklist-items li:hover .stocklist-icon.ebrochure-active,ul#stocklist-items li:hover .stocklist-icon.ebrochure-inactive {
    background-position: 3px -167px
}

ul#stocklist-items li:hover div.data a,ul#stocklist-items li:hover div.data a.price,ul#stocklist-items li:hover div.data a.inspection,ul#stocklist-items li:hover div.data a.title span {
    color: #2d7eb3
}

ul#stocklist-items li:hover div.data a:hover,ul#stocklist-items li:hover div.data a.price:hover,ul#stocklist-items li:hover div.data a.inspection:hover,ul#stocklist-items li:hover div.data a.title span:hover {
    text-decoration: underline
}

ul#stocklist-items li:hover a.status-draft {
    color: #C6972C !important
}

ul#stocklist-items li:hover a.photo {
    visibility: visible
}

ul#stocklist-items li:hover .photo-wrap a.disabled {
    visibility: hidden
}

ul#stocklist-items li:hover div.links a {
    display: inline-block
}

.status-active {
    color: #4fa203
}

.status-under-offer {
    color: #4fa203
}

.status-sold {
    color: #4fa203
}

.status-leased {
    color: #4fa203
}

.status-draft {
    color: #c6972c
}

.status-off-market {
    color: #c4c4c3
}

.status-invalid {
    color: #b51a00
}

.tipsy.white li {
    list-style: none;
    margin: 0px 0px 4px 0px;
    text-align: left
}

.tipsy.white li a {
    color: #2d7eb3;
    font-weight: bold
}

.tipsy.white .tipsy-inner {
    background-color: white;
    border: 1px solid #777777;
    padding: 6px 15px 0px 8px;
    font-size: 11px
}

#add-listing {
    width: 455px;
    float: right;
    display: inline;
    position: relative;
    z-index: 30
}

#add-listing .dropdown {
    float: right
}

#add-listing ul a {
    padding: 3px 30px
}

.cxp-listing-menu a.disabled {
    color: #999999
}

.products-table-wrapper {
    background: #F7F7F7 url("/auth/images/product-table-rounded-corners.png") left top no-repeat;
    margin-bottom: 20px;
    padding: 1px
}

#listing-products .premiere-property td.product-type {
    padding-top: 13px
}

#listing-products .premiere-property td.product-duration {
    padding-top: 29px
}

#listing-products .premiere-property td.product-action {
    padding-top: 21px
}

.price-text {
    font-family: "SansaConSoftProSemiBold", helvetica, arial, clean, sans-serif;
    width: auto;
    font-size: 27px;
    margin: 0;
    padding: 0 0 0 10px;
    text-align: center
}

.price-text span {
    font-family: "Helvetica Neue", helvetica, arial, clean, sans-serif;
    font-size: 11px;
    display: block;
    margin-top: 5px
}

.price-products {
    width: auto;
    font-size: 11px;
    margin: 0;
    padding: 0 10px
}

.price-products span {
    font-size: 18px
}

.price-products span.price {
    font-size: 20px
}

.price-wrap {
    padding-top: 6px
}

.gst-label {
    max-width: 105px
}

#payment-confirmation-duration {
    padding-right: 10px;
    border-right: 1px solid #000
}

#payment-confirmation {
    padding: 0.5em 1.0em
}

#payment-confirmation h1 {
    display: inline;
    float: left
}

#payment-confirmation div.price-and-duration {
    display: inline-block;
    vertical-align: middle
}

#payment-confirmation div.price-and-duration div {
    display: inline-block;
    padding: 0px 10px;
    margin-bottom: 10px
}

#payment-confirmation .amount {
    font-size: larger;
    font-weight: bold
}

#payment-confirmation .notes {
    font-size: smaller
}

#payment-confirmation div {
    text-align: left
}

#payment-confirmation p.product-description {
    width: 400px
}

#payment-confirmation .addon-group h3 {
    color: #454545;
    font-weight: bold;
    margin: 0
}

#payment-confirmation .addon-group .addon-description {
    width: 400px;
    font-size: 13px;
    list-style-type: disc;
    margin: 0 0 0 20px
}

#payment-confirmation .addon-group .addon-description p {
    display: inline;
    margin: 0;
    font-weight: normal
}

#payment-confirmation .addon-group .addon-description .heading {
    margin-top: 5px
}

#payment-confirmation .addon-group .addon-description .description {
    color: #4f7489
}

#payment-confirmation .box {
    zoom:1;background: #e7f1f7 url("/auth/images/sq-white.gif") top repeat-x;
    background-color: #fef8d6;
    border-color: #ffe478;
    color: #454545;
    padding: 9px 18px 18px 18px;
    position: relative
}

#payment-confirmation .box:before,#payment-confirmation .box:after {
    display: table;
    content: ""
}

#payment-confirmation .box:after {
    clear: both
}

#payment-confirmation .button {
    margin: 0 0 0 -4px
}

#payment-confirmation .purchase-order-number-box {
    font-weight: bold;
    font-size: 13px;
    border: none;
    padding-top: 10px;
    display: inline;
    float: right
}

#payment-confirmation .purchase-order-number-box input[type="text"] {
    color: #333;
    top: 0px;
    margin: 0;
    padding: 5px;
    font: normal 14px "Helvetica Neue", helvetica, arial, clean, sans-serif;
    color: #575757;
    margin-left: 10px
}

#payment-confirmation .purchase-order-number-box input[type="text"]:focus {
    background-color: white;
    outline: 0
}

#payment-confirmation .purchase-order-number-box input[type="text"].ghosted {
    color: #999999
}

#payment-confirmation .purchase-order-number-box label {
    padding-left: 10px
}

#payment-confirmation .purchase-order-number-box .tooltip {
    padding-top: 4px
}

#payment-confirmation .purchase-order-number-box .error-msg {
    padding-left: 175px;
    font-weight: normal;
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 0
}

#payment-confirmation .purchase-order-number-box .hidden {
    display: none
}

#payment-confirmation .error {
    color: #c4414d;
    background-color: #fae5e9
}

#payment-confirmation .total-price {
    float: right
}

#payment-confirmation .total-price .total {
    display: inline-block
}

#payment-confirmation .description .detail {
    width: 640px;
    display: inline-block;
    margin-bottom: 10px
}

#payment-confirmation .description .product-option-check {
    vertical-align: top;
    margin-top: 12px;
    margin-right: 8px
}

.text-area-counter .jqEasyCounterMsg {
    float: right;
    padding-top: 8px;
    padding-right: 130px;
    width: auto !important
}

.inline-character-count .jqEasyCounterMsg {
    display: inline;
    margin-left: 10px
}

#guojifang-logo {
    vertical-align: middle
}

.price-shift-to {
    color: #048500
}

#listing-summary {
    padding: 9px 0 18px
}

.available-today,.sold-today,.leased-today,.today {
    float: left;
    margin-top: -4px;
    display: block !important
}

#disposition-date-available,#disposition-sold-date,#disposition-leased-date {
    float: left
}

#headline-parent.text-area-counter .jqEasyCounterMsg {
    padding-right: 30px
}

.international-audiences-icon {
    width: 16px;
    height: 17px;
    background: url("/auth/images/international/globe.png") left no-repeat;
    display: inline-block;
    cursor: pointer
}

.international-audiences-icon.hidden {
    background: url("/auth/images/international/globe_hidden.png") left no-repeat
}

.popup-tooltip .title {
    font-weight: bold;
    margin-bottom: 5px
}

.popup-tooltip .rui-icon.rui-icon-tick {
    color: #4fa203
}

.edit-listing #form-header {
    height: 178px;
    position: relative;
    padding: 22px 15px 15px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7)
}

.edit-listing #form-header #project-name,.edit-listing #form-header #listing-address-title {
    position: absolute;
    width: 776px;
    z-index: 10;
    text-shadow: 0px 2px 1px rgba(0,0,0,0.3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.edit-listing #form-header #project-description,.edit-listing #form-header #listing-address-subtitle {
    position: absolute;
    width: 776px;
    z-index: 10;
    text-shadow: 0px 2px 1px rgba(0,0,0,0.3)
}

.edit-listing #form-header #project-description {
    width: 550px;
    height: 26px;
    overflow: hidden
}

.edit-listing #form-header h1 {
    background: url("/auth/images/title-texture.png") repeat;
    margin-top: 0px;
    padding: 5px 10px;
    color: white;
    font-size: 32px;
    height: 62px
}

.edit-listing #form-header h2 {
    margin-top: 30px;
    padding: 5px 10px;
    color: white;
    font-size: 14px
}

.edit-listing #form-header #project-background-image,.edit-listing #form-header #listing-background-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 826px;
    margin-top: -220px
}

.edit-listing .project-summary,.edit-listing .listing-summary {
    zoom:1;color: #777777;
    margin-bottom: 18px
}

.edit-listing .project-summary:before,.edit-listing .project-summary:after,.edit-listing .listing-summary:before,.edit-listing .listing-summary:after {
    display: table;
    content: ""
}

.edit-listing .project-summary:after,.edit-listing .listing-summary:after {
    clear: both
}

.edit-listing .project-summary .listing-summary-text,.edit-listing .listing-summary .listing-summary-text {
    float: left
}

.edit-listing .project-summary .project-summary-url,.edit-listing .project-summary .listing-summary-url,.edit-listing .listing-summary .project-summary-url,.edit-listing .listing-summary .listing-summary-url {
    position: absolute;
    right: 26px;
    top: 67px;
    color: white;
    text-shadow: 0px 2px 1px rgba(0,0,0,0.3);
    z-index: 10
}

.edit-listing .project-summary .project-summary-url a,.edit-listing .project-summary .listing-summary-url a,.edit-listing .listing-summary .project-summary-url a,.edit-listing .listing-summary .listing-summary-url a {
    color: white
}

.edit-listing #left-col {
    margin-right: 0
}

.edit-listing #right-col {
    width: 826px;
    margin-top: 0
}

.edit-listing #form-container {
    margin-left: 17px;
    margin-right: 15px
}

.edit-listing #campaign-details-right-panel {
    margin-left: auto
}

.agent-photo {
    width: 38px;
    height: 50px
}

.header-separation {
    height: 8px;
    margin: 5px 0px 5px 0px;
    background: url(/auth/images/separation-div-bg.png) top repeat-x
}

.social_icon {
    float: left;
    margin-right: 20px
}

.social_introduction li {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0px 0px 5px 0px
}

.social_introduction ul {
    margin: 10px 0px 15px 10px
}

.social_introduction h2 {
    font-size: 24px
}

.social_learn_more_button {
    margin: 10px 20px 0 0;
    display: inline-block
}

.social_platform {
    margin-top: 30px
}

.social_platform_content {
    padding: 8px;
    background: #f7f7f7 url(/auth/images/social/product-table-rounded-corners-social.png) top left no-repeat;
    padding: 15px 10px 10px 20px
}

.tagline {
    margin-bottom: 18px;
    display: block
}

#tailor-your-lists li {
    list-style-type: none;
    list-style-position: inside;
    margin: 0px 0px 5px 0px
}

#tailor-your-lists ul {
    margin: 10px 0px 20px 10px
}

#tailor-your-lists a {
    font-weight: bold
}

.social-landing-left-col {
    width: 386px;
    margin-right: 47px;
    float: left
}

.social-landing-right-col {
    width: 360px;
    float: left
}

.social-landing-right-col li {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0px 0px 5px 0px
}

.social-landing-right-col ul {
    margin: 10px 0px 15px 10px
}

.social-landing-right-col p,.social-landing-right-col li {
    color: #777777
}

.social .inner-tabs {
    margin-bottom: 18px
}

.social .disclaimer {
    padding: 17px 0 0;
    font-size: 10px
}

.results-container {
    position: relative;
    z-index: 5
}

.listings-filters-container {
    z-index: 20;
    height: 50px;
    position: absolute;
    overflow: visible
}

.listings-filters-container .filter-container {
    float: left
}

.listings-filters-container .filter-container .listings-filter {
    padding: 5px 0px 10px 0px;
    margin-right: 0px
}

.listings-filters-container .listings-filterblock {
    z-index: 10;
    position: relative
}

.listings-filters-container span {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-left: 10px
}

.listings-filters-container a.tag {
    display: block;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0px 25px 0px 0px;
    background: url(/auth/images/arrow-listing-select.png) no-repeat scroll right center;
    -webkit-text-shadow: #fff 1px 1px 1px;
    -moz-text-shadow: #fff 1px 1px 1px;
    text-shadow: #fff 1px 1px 1px
}

.listings-filters-container a.tag:hover {
    text-decoration: none;
    background: #FFF7C0 url(/auth/images/arrow-listing-select.png) no-repeat scroll right center
}

.listings-filters-container a.tag:visited,.listings-filters-container a.tag:focus,.listings-filters-container a.tag:active {
    color: #5484b2 !important
}

.listings-filters-container ul {
    display: none
}

.truncated-filters .filter-container {
    float: left;
    position: relative;
    margin-right: 10px;
    width: 120px;
    height: 2px
}

.truncated-filters .filter-container .listings-filter {
    padding: 5px 0px 10px 0px
}

.truncated-filters .filter-container .listings-filter .light {
    white-space: nowrap
}

.truncated-filters .filter-container .listings-filter a.tag {
    max-width: 90px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.truncated-filters .filter-container .listings-filter-active {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    margin-right: 0px;
    padding: 5px 0px 10px 0px
}

.truncated-filters .filter-container .listings-filter-active a.tag {
    max-width: inherit
}

.listings-filter-active {
    float: left;
    margin-right: 0px;
    background: #fff url(/auth/images/filter-dropdown-bg.png) bottom repeat-x;
    border: 1px solid #f5f5f5;
    padding: 5px 2px 10px 2px;
    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 1px 1px 5px #888;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.listings-filter-active a.tag {
    border-bottom: 1px solid #e5e5e5;
    white-space: nowrap
}

.listings-filter-active ul {
    display: block;
    margin: 15px 0px 0px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.listings-filter-active ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.listings-filter-active ul a {
    padding: 3px 10px 3px 10px;
    font-weight: bold;
    text-shadow: white, 0;
    color: #5f5f5f;
    font-size: 12px;
    display: block;
    white-space: nowrap
}

.listings-filter-active ul a:hover {
    text-decoration: none;
    background: #EFEFF0
}

.listings-filter-active ul a:visited {
    color: #5f5f5f
}

#stocklist-search {
    display: block;
    margin-top: 50px;
    position: relative;
    z-index: 10;
    background: url(/auth/images/search-area-bg1.png) top center no-repeat;
    clear: both
}

#stocklist-search fieldset {
    border: 0px solid transparent;
    padding: 8px 0px 0px 0px;
    margin-left: 10px;
    margin-bottom: 0px
}

#stocklist-search fieldset input {
    -moz-border-radius-topleft: 25px;
    -webkit-border-top-left-radius: 25px;
    border-top-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -webkit-border-bottom-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-left: 20px;
    margin-top: 9px;
    width: 250px;
    color: grey;
    float: left;
    padding: 4px 5px 5px 10px;
    height: 13px;
    border: 1px solid #BBBBBB
}

.searchbox {
    -moz-border-radius-topleft: 25px;
    -webkit-border-top-left-radius: 25px;
    border-top-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -webkit-border-bottom-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-left: 20px;
    width: 150px;
    color: grey;
    float: left;
    padding: 4px 5px 5px 10px;
    height: 13px;
    border: 1px solid #BBBBBB
}

.search-btn {
    background: transparent url("/auth/images/stocklist-search-btn.png") no-repeat scroll right -82px;
    color: white;
    display: inline-block;
    padding: 0 18px 0 0px;
    text-decoration: none;
    float: left;
    position: relative;
    margin-top: -7px
}

.search-btn:hover,.search-btn:focus {
    text-decoration: none;
    background-position: right -123px
}

.search-btn:hover span,.search-btn:focus span {
    background-position: right -42px
}

.search-btn span {
    background: transparent url("/auth/images/stocklist-search-btn.png") no-repeat scroll right top;
    color: #8C8A86;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 25px;
    line-height: normal;
    padding: 12px 5px 0 6px;
    text-shadow: 0 1px 1px white;
    font-size: 12px
}

div.result-count {
    float: right;
    width: 120px;
    font-size: 11px;
    padding: 11px 6px 12px 6px;
    margin-right: 3px;
    text-align: right
}

div.result-count img {
    padding-right: 8px;
    margin-top: 2px;
    float: left
}

.ui-multiselect {
    border: solid 1px;
    font-size: 0.8em
}

.ui-multiselect ul {
    -moz-user-select: none
}

.ui-multiselect li {
    margin: 0;
    padding: 0;
    cursor: default;
    line-height: 20px;
    height: 20px;
    font-size: 11px;
    list-style: none
}

.ui-multiselect li a {
    color: #999;
    text-decoration: none;
    padding: 0;
    display: block;
    float: left;
    cursor: pointer
}

.ui-multiselect li.ui-draggable-dragging {
    padding-left: 10px
}

.ui-multiselect div.selected {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    float: right
}

.ui-multiselect ul.selected {
    position: relative;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    margin: 0;
    list-style: none;
    border: 0;
    position: relative;
    width: 100%
}

.ui-multiselect div.available {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    float: right;
    border-right: 1px solid
}

.ui-multiselect ul.available {
    position: relative;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    margin: 0;
    list-style: none;
    border: 0;
    width: 100%
}

.ui-multiselect ul.available li {
    padding-left: 10px
}

.ui-multiselect .ui-state-default {
    border: none;
    margin-bottom: 1px;
    position: relative;
    padding-left: 20px
}

.ui-multiselect .ui-state-hover {
    border: none
}

.ui-multiselect .ui-widget-header {
    border: none;
    font-size: 11px;
    margin-bottom: 1px
}

.ui-multiselect .add-all {
    float: right;
    padding: 7px
}

.ui-multiselect .remove-all {
    float: right;
    padding: 7px
}

.ui-multiselect .actions label {
    float: left;
    margin: 0 4px 0 10px;
    padding: 7px 0
}

.ui-multiselect .search {
    float: left;
    padding: 1px
}

.ui-multiselect .count {
    float: left;
    padding: 7px
}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s {
    position: absolute;
    left: 2px
}

.ui-multiselect li a.action {
    position: absolute;
    right: 2px;
    top: 2px
}

.ui-multiselect input.search {
    height: 14px;
    margin: 7px;
    width: 200px;
    border-color: #ccc;
    color: #000
}

.multiselect {
    width: 750px;
    height: 300px;
    margin: 10px auto
}

.ui-multiselect,.ui-multiselect div.available {
    border-color: #dedede
}

.ui-multiselect .ui-widget-header {
    background-color: #f7f7f7;
    color: #000
}

.ui-multiselect .ui-widget-header a {
    color: #538DC2
}

.ui-multiselect .actions {
    border-bottom: 1px solid #ccc
}

.ui-multiselect li {
    cursor: pointer;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-multiselect span.col2 {
    float: right;
    line-height: 20px;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.edit_eas_booking .feature-group,.eas_booking .feature-group {
    margin: 0 2em 1em 0
}

#form-container {
    margin-left: 17px;
    margin-right: 15px
}

#campaign-details-content {
    float: left;
    width: 543px
}

#campaign-details-right-panel {
    float: right;
    width: 206px;
    padding: 3px
}

#campaign-details-right-panel>div {
    padding: 18px 0px 9px 5px;
    margin-bottom: 18px;
    background: url("/auth/images/listings-div-bg_03.png") no-repeat top left
}

#campaign-details-right-panel>div.links a.history {
    background: url("/auth/images/history_icon.png") no-repeat left
}

#campaign-details-right-panel>div.links a.activity-report {
    background: url("/auth/images/activity-report-icon.png") no-repeat left
}

#campaign-details-right-panel>div.links a.expenses-report {
    background: url("/auth/images/expenses-report-icon.png") no-repeat left
}

#campaign-details-right-panel>div.links a.copy-listing {
    background: url("/auth/images/expenses-report-icon.png") no-repeat left
}

#campaign-details-right-panel>div.links a.printable-brochure {
    background: url("/auth/images/printable_brochure_icon.png") no-repeat left
}

#campaign-details-right-panel>div.links a span {
    margin-left: 15px
}

#campaign-details-right-panel a {
    font-weight: normal
}

#campaign-details-right-panel #share-listing li {
    list-style-type: none
}

#campaign-details-right-panel #share-listing #facebook {
    color: #f00;
    background: url("/auth/images/social/sprite.png") no-repeat 0 0px;
    display: block;
    width: 60px;
    height: 20px
}

#campaign-details-right-panel #share-listing #facebook.disabled {
    background: url("/auth/images/social/sprite.png") no-repeat 0 -20px
}

#campaign-details-right-panel #share-listing #twitter {
    color: #0f0;
    background: url("/auth/images/social/sprite.png") no-repeat 0 -40px;
    display: block;
    width: 60px;
    height: 25px
}

#campaign-details-right-panel #share-listing #twitter.disabled {
    background: url("/auth/images/social/sprite.png") no-repeat 0 -65px
}

#campaign-email-dialog {
    overflow: auto;
    padding-top: 0px
}

#campaign-email-dialog>div {
    padding: 0.5em 1.0em
}

#campaign-email-dialog fieldset {
    margin: 9px 0
}

#campaign-email-dialog .busy-notice {
    position: absolute;
    top: 0;
    width: 160px;
    height: 18px;
    left: 50%;
    margin-left: -60px;
    margin-top: -40px;
    background-color: #FFF7C0;
    padding: 18px 12px;
    border: 1px #CCC solid;
    color: #666;
    font-size: 18px;
    text-align: center
}

#campaign-email-dialog .busy-notice span {
    background: url("/auth/images/loading.gif") no-repeat left center;
    padding-left: 20px;
    display: inline-block
}

#campaign-email-dialog .box.info {
    padding: 18px;
    margin-bottom: 0px
}

#campaign-email-dialog .info p {
    margin-top: 0px;
    margin-bottom: 0px
}

#campaign-email-dialog p.error-msg {
    padding-right: 30px;
    color: #c4414d;
    font-size: 0.85em;
    position: relative
}

#campaign-email-dialog .msg {
    width: auto
}

#payment-confirmation .info p {
    margin-bottom: 0px
}

.campaign-product-details li {
    display: table;
    width: 100%
}

.campaign-product-details li>div {
    display: table-cell;
    vertical-align: middle;
    max-width: 300px
}

.campaign-product-details .dollars {
    font-size: 16px;
    font-weight: bold
}

.guojifang-form .sales-rep-select-wrapper {
    margin: 4px 0 4px 0
}

.guojifang-form .sales-rep-select-wrapper span {
    width: 120px;
    padding-left: 30px;
    padding-right: 10px;
    display: inline-block;
    text-align: right
}

#listing-products #international-channels .list-name {
    background: url("/auth/images/international/globe.png") left no-repeat;
    padding-left: 22px
}

#listing-products #international-channels .guojifang-actions .slide-switcher {
    display: inline-block;
    margin-right: 15px
}

#listing-products #international-channels .guojifang-actions .edit-details-container a {
    font-size: 14px
}

body .ui-dialog {
    position: fixed;
    background-image: url("/auth/images/bg-frame-modal-window.png");
    padding: 8px;
    -webkit-box-shadow: 0px 5px 80px #777777;
    -moz-box-shadow: 0px 5px 80px #777777
}

body .ui-dialog h1 {
    margin-bottom: 9px
}

body .ui-dialog .button {
    margin-left: -4px
}

body .ui-dialog .dialog-content {
    padding: 0.5em 1em
}

body div.ui-dialog-titlebar {
    background-image: none;
    width: 10px;
    position: absolute;
    right: 24px;
    z-index: 10;
    border: none;
    background-color: white;
    padding: 0px 0px 0px 0px
}

body div.ui-dialog-titlebar span.ui-dialog-title {
    margin: 0px
}

body div.ui-dialog-titlebar a.ui-dialog-titlebar-close span.ui-icon-closethick {
    background-image: url("/auth/images/lightbox-close.png");
    background-position: -11px -39px
}

body div.ui-dialog-titlebar .ui-dialog-hide-close-button,body div.ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none
}

body div.ui-dialog-titlebar a.ui-state-hover {
    border: 1px solid white;
    background-color: transparent;
    background: none
}

body div.ui-dialog-titlebar a.ui-state-hover span.ui-icon-closethick {
    background-position: -11px -7px
}

body .live-email-sample-dialog div.ui-dialog-titlebar .ui-dialog-hide-close-button,body .live-email-sample-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: block
}

body div.ui-widget-overlay {
    background-color: #8b8b8b;
    background: -webkit-radial-gradient(rgba(127,127,127,0.5), rgba(127,127,127,0.5) 35%, rgba(0,0,0,0.8));
    background: -moz-radial-gradient(rgba(127,127,127,0.5), rgba(127,127,127,0.5) 35%, rgba(0,0,0,0.8))
}

body div#payment-confirmation-dialog {
    clear: both;
    padding-top: 0px
}

#projects .add-project {
    padding-right: 2px
}

#projects .add-project .selected {
    width: 126px
}

#projects .add-project .selected span {
    width: 116px;
    font-size: 13px;
    padding-top: 8px;
    color: #333
}

.project-list {
    clear: both;
    line-height: 24px;
    list-style-type: none
}

.project-list li {
    padding: 12px 17px
}

.project-list li.odd,.project-list li.even {
    margin-left: -17px;
    margin-right: -15px
}

.project-list a {
    font-size: 18px
}

.project-list .cancel-purchases {
    font-size: 12px
}

.project_profile_toggle_off .status {
    padding-left: 18px
}

.project_profile_toggle_off .status.draft,.project_profile_toggle_off .status.inactive {
    color: #F4A83E
}

.project_profile_toggle_off .status.active {
    color: #216d3c
}

.project_profile_toggle_off .status.expired {
    color: #c4414d
}

.project_profile_toggle_on .status {
    float: left
}

.project_profile_toggle_on .status.draft,.project_profile_toggle_on .status.inactive {
    color: #F4A83E
}

.project_profile_toggle_on .status.active {
    color: #4fa203
}

.project_profile_toggle_on .status.expired {
    color: #c4414d
}

.project_profile_toggle_on .project-details {
    margin-top: 0px
}

.project_profile_toggle_on .project-details .project-info {
    float: left;
    width: 360px
}

.project_profile_toggle_on .project-details .project-info .project-id {
    color: #999;
    font-size: 11px
}

.project_profile_toggle_on .project-details .project-info .project-id,.project_profile_toggle_on .project-details .project-info .project-upgrade-name {
    margin-top: 0px;
    margin-bottom: -4px
}

.project_profile_toggle_on .project-details .project-info .project-upgrade-name {
    font-weight: bold
}

.project_profile_toggle_on .project-details .project-info .project-listings {
    color: #538dc2
}

.project_profile_toggle_on .project-details .project-info .project-listings a span {
    font-size: 13px
}

.project_profile_toggle_on .project-details .project-info .project-status-and-expires {
    margin-top: 2px
}

.project_profile_toggle_on .project-details .project-info .project-status-and-expires .vertical-divider {
    float: left;
    padding-right: 7px;
    padding-left: 7px;
    color: #ddd
}

.project_profile_toggle_on .project-details .project-info .project-expires {
    float: left;
    font-size: 11px
}

.project_profile_toggle_on .divider {
    float: right;
    height: 58px;
    padding: 0;
    border-left: 1px solid #ddd;
    margin-left: 22px;
    margin-right: 10px
}

.project_profile_toggle_on .dropdown-button {
    float: right
}

.project_profile_toggle_on .dropdown-button .title {
    margin-bottom: 0;
    margin-left: 5px
}

.project_profile_toggle_on .dropdown-button .project-cancel-purchases {
    height: 24px;
    white-space: nowrap;
    margin-right: 5px
}

.project_profile_toggle_on .dropdown-button .project-cancel-purchases:hover {
    cursor: pointer
}

.project_profile_toggle_on .dropdown-button .add-new-property {
    text-align: right
}

.project_profile_toggle_on .dropdown-button .dropdown {
    float: right
}

.project_profile_toggle_on .dropdown-button ul {
    height: 60px
}

.project_profile_toggle_on .dropdown-button ul li {
    padding: 0
}

.project_profile_toggle_on .action-bar {
    float: right
}

.project_profile_toggle_on .action-bar .property-xml.content {
    text-align: center
}

.project_profile_toggle_on .action-bar .property-xml.content .title {
    margin-bottom: -3px;
    margin-right: 19px
}

.project_profile_toggle_on .action-bar .property-xml.content #listing-mapping-tooltip {
    margin-left: 175px;
    margin-top: -27px;
    text-align: left
}

.project_profile_toggle_on .action-bar .property-xml.content .select-from-listing-index-page {
    margin-top: 25px;
    width: 150px
}

.project_profile_toggle_on .action-bar .property-xml.content .select-from-listing-index-page #listing-popup-button-font {
    font-size: 14px;
    Padding-Top: 11px
}

#product-extension-popup-container ul li {
    list-style-type: none
}

#product-extension-popup-container .equal {
    width: 20px
}

#product-extension-popup-container .product-name {
    display: none
}

.project-status {
    border-width: 1px;
    border-style: solid;
    margin: 13px 0 28px;
    padding: 5px 15px 5px;
    overflow: auto
}

.project-status p {
    color: #999999
}

.project-status dt {
    float: left;
    margin-right: 10px;
    font-weight: bold
}

.project-status .button {
    float: right
}

.disable-input {
    background-color: #eee
}

.project-status.draft,.project-status.inactive {
    background-color: #fff7c0;
    border-color: #F4A83E
}

.project-status.draft strong,.project-status.inactive strong {
    color: #F4A83E
}

.project-status.active {
    background-color: #c7e5d2;
    border-color: #216d3c
}

.project-status.active strong {
    color: #216d3c
}

.project-status.expired {
    background-color: #f6e3e7;
    border-color: #c4414d
}

.project-status.expired strong {
    color: #c4414d
}

.project-status .disable-publish-button {
    background-position: left -289px
}

.project-status .disable-publish-button:hover {
    cursor: default
}

.project-status .disable-publish-button span {
    background-position: right -207px;
    color: #f9fbfc;
    text-shadow: transparent, 0, 0px, 0px
}

.project-status .disable-publish-button span:hover {
    cursor: default
}

fieldset#project-banner-images .listing-image {
    width: 505px;
    height: 45px;
    background-size: 505px 45px
}

fieldset#project-banner-images ul {
    background: none
}

fieldset#project-banner-images ul li {
    width: 515px;
    height: 74px
}

fieldset#project-banner-images ul li .im-text {
    width: 502px
}

fieldset#project-large-logo-image .listing-image {
    width: 170px;
    height: 32px;
    background-size: 170px 32px
}

fieldset#project-large-logo-image ul {
    background: none;
    overflow: hidden
}

fieldset#project-large-logo-image ul li {
    width: 180px;
    height: 60px
}

fieldset#project-large-logo-image ul li .im-text {
    width: 168px
}

fieldset#project-medium-logo-image .listing-image {
    width: 160px;
    height: 30px;
    background-size: 160px 30px
}

fieldset#project-medium-logo-image ul {
    background: none;
    overflow: hidden
}

fieldset#project-medium-logo-image ul li {
    width: 170px;
    height: 58px
}

fieldset#project-medium-logo-image ul li .im-text {
    width: 158px
}

fieldset#project-ad-images .listing-image {
    width: 100px;
    height: 200px;
    background-size: 100px 200px
}

fieldset#project-ad-images ul {
    background: none;
    overflow: hidden
}

fieldset#project-ad-images ul li {
    width: 110px;
    height: 228px
}

fieldset#project-ad-images ul li .im-text {
    width: 98px
}

fieldset#project-document-preview .listing-image {
    width: 154px;
    height: 110px;
    background-size: 154px 110px
}

fieldset#project-document-preview ul {
    background: none
}

fieldset#project-document-preview ul li {
    width: 164px;
    height: 138px
}

fieldset#project-document-preview ul li .im-text {
    width: 154px
}

fieldset#project-banner-images legend span,fieldset#project-large-logo-image legend span,fieldset#project-medium-logo-image legend span,fieldset#project-document-preview legend span {
    font-size: 13px;
    font-weight: bold;
    line-height: 27px;
    margin-left: 20px;
    font-family: "Helvetica Neue", "Arial", "Clean", sans-serif;
    color: #333333
}

#map_canvas {
    width: 490px;
    height: 300px;
    margin-top: 10px;
    border: 1px solid #ccc
}

#address-map .description dt,#address-map .description dd {
    float: left
}

#address-map .description dd {
    width: 160px;
    margin: 0 0 0 5px;
    font-size: 13px;
    color: #999
}

#resetDisplayPin,#resetProjectPin {
    padding-top: 6px
}

.preview-upload-btn .qq-upload-button {
    display: block
}

.preview-upload-btn .qq-upload-button span {
    vertical-align: top
}

#project-campaign-details-content .products-table-wrapper {
    background: #F7F7F7 url("/auth/images/product-table-rounded-corners-wide.png") left top no-repeat
}

#project-campaign-details-content #listing-products .product-list .product-type {
    width: 450px
}

#project-campaign-details-content #listing-products .product-list .product-duration {
    width: 120px
}

#payment-confirmation .project-name {
    margin: 10px 0 20px
}

#payment-confirmation .project-name input {
    margin-left: 20px;
    width: 200px
}

#payment-confirmation ul li {
    list-style-type: none
}

#payment-confirmation .products-table-wrapper .product-option {
    width: 350px
}

#payment-confirmation .products-table-wrapper .product-option .product-type {
    vertical-align: top;
    width: 220px;
    position: relative
}

#payment-confirmation .products-table-wrapper .product-option .product-type .product-name {
    margin-top: -6px
}

#payment-confirmation .products-table-wrapper .product-option.placeholder {
    color: #888;
    padding: 40px;
    padding-bottom: 50px
}

#payment-confirmation .products-table-wrapper .product-duration .last {
    margin-bottom: 20px
}

#payment-confirmation .products-table-wrapper .equal {
    width: 20px
}

#payment-confirmation .products-table-wrapper .product-action .product-price {
    margin: 0 0 20px 10px
}

#payment-confirmation .disable-button {
    background-position: left -289px
}

#payment-confirmation .disable-button:hover {
    cursor: default
}

#payment-confirmation .disable-button span {
    background-position: right -207px;
    color: #f9fbfc;
    text-shadow: transparent, 0, 0px, 0px
}

#payment-confirmation .disable-button span:hover {
    cursor: default
}

.property-options-container .drop-drag {
    margin-top: 10px;
    margin-bottom: 25px
}

.property-options-container .drop-drag .status-filter .listing-status {
    margin-left: 5px;
    height: 18px;
    font-size: 13px
}

.property-options-container .drop-drag .status-filter .light {
    font-size: 14px;
    font-weight: bold;
    color: #333
}

.show-listing-popup-view-toggle-off .property-options-container .property-options {
    border-bottom: 2px dotted;
    height: 98px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom-color: #EEEEEE
}

.show-listing-popup-view-toggle-off .property-options-container .property-options .action-bar {
    float: right
}

.show-listing-popup-view-toggle-off .property-options-container .property-options .box.warning {
    height: 40px;
    padding-top: 10px
}

.show-listing-popup-view-toggle-off .property-options-container .property-options .content {
    float: left;
    height: 36px;
    line-height: 36px;
    margin-right: 3px
}

.show-listing-popup-view-toggle-off .property-options-container .property-options .content p {
    margin-right: 5px
}

.show-listing-popup-view-toggle-off .property-options-container .property-options .content input {
    width: 120px;
    height: 25px;
    font-style: italic
}

.show-listing-popup-view-toggle-off .property-options-container .property-options .dropdown-button-container {
    height: 20px;
    margin-top: 3px
}

.show-listing-popup-view-toggle-off .property-options-container .property-options .dropdown-button-container .dropdown.active ul li a {
    height: 20px;
    line-height: 20px
}

.show-listing-popup-view-toggle-off .property-options-container .property-options .dropdown-button-container.right {
    float: right
}

.show-listing-popup-view-toggle-off .property-options-container table tr td:first-child {
    width: 120px
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.property-address .title {
    margin-top: -20px
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.property-address p {
    width: 100%;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    margin-top: -10px
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.property-address p.listing-id {
    font-size: 11px;
    margin: -20px 0px 14px 0px
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.actions {
    width: 300px
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.actions .property_details {
    margin-bottom: 24px
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.actions .property_details .price {
    margin-left: 20px
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.actions .property_details .listing-specs {
    font-size: 12px;
    text-align: left;
    float: left
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.actions .property_details .listing-specs ul {
    display: inline
}

.show-listing-popup-view-toggle-off .property-options-container table tr td.actions .property_details .listing-specs ul li {
    display: inline
}

.show-listing-popup-view-toggle-on .property-options-container .property-options {
    border-bottom: 2px dotted;
    height: 111px;
    margin-bottom: 10px;
    border-bottom-color: #EEEEEE
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar {
    float: left
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar p.title {
    margin-bottom: 2px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .content {
    float: left;
    height: 60px;
    line-height: 25px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-xml {
    padding-right: 42px;
    border-right: 1px solid #EBEBEB
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-xml #listing-mapping-tooltip {
    float: right;
    margin-right: 6px;
    margin-top: -26px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-xml .select-from-listing {
    width: 150px;
    margin-left: -5px;
    margin-top: -2px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-xml .select-from-listing span {
    font-size: 14px;
    padding-top: 11px;
    padding-left: 10px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-external {
    border-right: 1px solid #EBEBEB;
    margin-left: 41px;
    padding-right: 25px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-external .title {
    margin-bottom: 4px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-external .combine-button {
    height: 30px;
    width: 265px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-external .combine-button input {
    width: 140px;
    padding-top: 5px;
    padding-bottom: 6px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-external .combine-button a {
    float: none;
    margin-left: -4px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-external .combine-button a span {
    font-size: 14px;
    cursor: pointer;
    line-height: 15px;
    padding: 10px 20px 11px 11px;
    background: url("/assets/images/btn.png") no-repeat right top;
    background-image: url("/assets/images/blue-btn.png");
    color: white
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .property-external .combine-button a span:hover {
    background-position: right -41px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .dropdown-button-container {
    margin-left: 44px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .action-bar .dropdown-button-container .selected {
    margin-left: -4px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .box.warning {
    height: 40px;
    padding-top: 10px
}

.show-listing-popup-view-toggle-on .property-options-container .property-options .dropdown-button-container.right {
    float: right
}

.show-listing-popup-view-toggle-on .property-options-container table tr td:first-child {
    width: 120px
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.property-address .title {
    margin-top: -20px
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.property-address p {
    width: 100%;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    margin-top: -10px
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.property-address p.address {
    width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.property-address p.listing-id {
    font-size: 11px;
    margin: -20px 0px 14px 0px;
    color: #999
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions {
    width: 300px
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container {
    margin-top: 14px
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container .property_details {
    margin-bottom: 26px
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container .property_details .price {
    margin-left: 20px
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container .property_details .listing-specs {
    font-size: 12px;
    text-align: left;
    float: left
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container .property_details .listing-specs .icon-bedrooms {
    vertical-align: bottom
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container .property_details .listing-specs .icon-bathrooms {
    vertical-align: bottom
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container .property_details .listing-specs .icon-parkingspaces {
    margin-bottom: 0
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container .property_details .listing-specs ul {
    display: inline
}

.show-listing-popup-view-toggle-on .property-options-container table tr td.actions .property-details-container .property_details .listing-specs ul li {
    padding-right: 5px;
    display: inline
}

#available-listing-popup .ui-widget-content {
    padding-right: 0
}

#listing-mapping-page {
    max-width: 800px
}

#listing-mapping-page .popup-description-header {
    margin-top: 5px
}

#listing-mapping-page .popup-description-header .left {
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 5px
}

#listing-mapping-page .popup-description-header .right {
    margin-top: 12px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin-bottom: 3px;
    width: 240px
}

#listing-mapping-page .popup-description-header .right #available-listing-search {
    margin: -7px -17px -7px -12px;
    float: left
}

#listing-mapping-page .popup-description-header .right #searching-listing-id {
    border: 1px solid #BBBBBB;
    border-radius: 12px 0 0 12px;
    color: #121212;
    font: 13px arial,sans-serif;
    height: 12px;
    margin-right: 12px;
    margin-left: -76px;
    padding: 5px 0px 5px 10px;
    width: 241px;
    float: left
}

#listing-mapping-page .popup-description-header .right #searching-listing-id.ghosted {
    color: #BBB
}

#listing-mapping-page .popup-description-header .right #select-from-listing-search-listing {
    cursor: pointer;
    width: 240px;
    height: 29px;
    font-size: 28px;
    float: right;
    display: inline-flex
}

#listing-mapping-page .popup-description-header .right #select-from-listing-search-listing .rui-icon-search {
    margin-left: 8px;
    color: white;
    position: relative
}

#listing-mapping-page .popup-description-header .right #select-from-listing-search-listing .rui-icon-search:before {
    position: absolute;
    margin-left: -2px;
    margin-top: 5px;
    font-size: 20px
}

#listing-mapping-page .border-line {
    border: 1px solid;
    border-color: gainsboro;
    width: 150%;
    margin-left: -30px
}

#listing-mapping-page .search-container {
    padding-right: 1em
}

#listing-mapping-page .listing-mapping-page-title {
    height: 21px;
    font-size: 20px;
    max-width: 750px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

#listing-mapping-page #select-from-listing-accept {
    margin-top: 6px
}

#listing-mapping-page #select-from-listing-accept.disable-button {
    background-position: left -289px
}

#listing-mapping-page #select-from-listing-accept.disable-button:hover {
    cursor: default
}

#listing-mapping-page #select-from-listing-accept.disable-button span {
    background-position: right -207px;
    color: #f9fbfc;
    text-shadow: transparent, 0, 0px, 0px
}

#listing-mapping-page #select-from-listing-accept.disable-button span:hover {
    cursor: default
}

#listing-mapping-page #select-from-listing-decline {
    background: none
}

#listing-mapping-page #select-from-listing-decline span {
    font-size: 13px;
    background: none;
    text-decoration: underline;
    color: #538dc2
}

#listing-mapping-page #available-listings-table-head {
    margin-top: 0.5em;
    padding-right: 1em;
    border-bottom: 1px solid #C9C9C9;
    background-color: #F5F5F5
}

#listing-mapping-page #available-listings-table-head tr {
    height: 30px;
    font-size: 13px
}

#listing-mapping-page #available-listings-table-head tr th {
    cursor: default;
    text-align: left
}

#listing-mapping-page #available-listings-table-head tr th label {
    cursor: pointer
}

#listing-mapping-page #available-listings-table-head tr th.first {
    width: 66%
}

#listing-mapping-page #available-listings-table-head tr th.first label {
    color: #2d7eb3;
    margin-left: 15px
}

#listing-mapping-page #available-listings-table-head tr th.first label:hover {
    text-decoration: underline
}

#listing-mapping-page #available-listings-table-head tr .listing-price {
    text-align: left;
    color: #2d7eb3
}

#listing-mapping-page #available-listings-table-head tr .listing-price:hover {
    text-decoration: underline
}

#listing-mapping-page #available-listings-table-head tr .listing-status {
    text-align: right;
    padding-right: 25px;
    margin-right: 10px;
    color: #2d7eb3
}

#listing-mapping-page #available-listings-table-head tr .listing-status:hover {
    text-decoration: underline
}

#listing-mapping-page #available-listings-div {
    height: 365px;
    overflow: auto;
    font-size: 13px
}

#listing-mapping-page #available-listings-div tr {
    border-bottom: 1px solid #C9C9C9
}

#listing-mapping-page #available-listings-div td {
    padding-top: 10px;
    text-align: center
}

#listing-mapping-page #available-listings-div .property-address {
    width: 50%;
    text-align: left
}

#listing-mapping-page #available-listings-div .property-address .title {
    display: inline
}

#listing-mapping-page #available-listings-div .property-address .title a.editable.listing_title {
    cursor: pointer;
    margin-left: 15px
}

#listing-mapping-page #available-listings-div .property-address .title .listing_title {
    font-size: 18px
}

#listing-mapping-page #available-listings-div .property-address .info {
    margin-left: 30px
}

#listing-mapping-page #available-listings-div .property-address .info .location {
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 320px;
    display: block
}

#listing-mapping-page #available-listings-div .property-address .info .listing-id {
    font-size: 11px;
    color: #999
}

#listing-mapping-page #available-listings-div .actions {
    width: 20%;
    padding-bottom: 28px
}

#listing-mapping-page #available-listings-div .actions .property_details {
    margin-bottom: 26px;
    margin-top: 10px
}

#listing-mapping-page #available-listings-div .actions .property_details .listing-specs {
    font-size: 12px;
    text-align: left;
    margin-top: 3px;
    float: left
}

#listing-mapping-page #available-listings-div .actions .property_details .listing-specs .icon-bedrooms {
    vertical-align: bottom
}

#listing-mapping-page #available-listings-div .actions .property_details .listing-specs .icon-bathrooms,#listing-mapping-page #available-listings-div .actions .property_details .listing-specs .icon-parkingspaces {
    vertical-align: bottom
}

#listing-mapping-page #available-listings-div .actions .property_details .listing-specs .icon-parkingspaces {
    margin-bottom: 1px
}

#listing-mapping-page #available-listings-div .actions .property_details .listing-specs ul {
    display: inline
}

#listing-mapping-page #available-listings-div .actions .property_details .listing-specs ul li {
    float: left;
    display: inline;
    margin-right: 5px
}

#listing-mapping-page #available-listings-div .price {
    padding-bottom: 14px;
    text-align: left;
    padding-left: 0
}

#listing-mapping-page #available-listings-div .status {
    padding: 0 13px 4px 0px;
    text-align: right
}

#listing-mapping-page .sorting-icon {
    position: absolute;
    display: none;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    margin-left: 5px
}

#listing-mapping-page .descending-sort {
    border-color: transparent;
    border-top-color: black;
    margin-top: 6px
}

#listing-mapping-page .ascending-sort {
    border-color: transparent;
    border-bottom-color: black;
    margin-top: 0
}

@-moz-document url-prefix() {
    #select-from-listing-search-listing {
        height: 31px !important
    }

    #select-from-listing-search-listing .rui-icon-search:before {
        margin-left: 4px !important;
        margin-top: 6px !important
    }
}

.child-listings-table {
    margin-left: -17px;
    margin-right: -15px
}

.child-listings-table table.listings.ui-sortable {
    overflow: auto
}

.listings .editable {
    display: inline-block;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right center
}

.listings .actions {
    text-align: right
}

.listings .actions a,.listings .actions .status {
    float: right;
    clear: right
}

.listings .actions .status {
    margin: 0 0 0 20px
}

.listings tr {
    cursor: move
}

.listings tr .remove {
    visibility: hidden
}

.listings tr:hover {
    background-color: #EEEEEE
}

.listings tr:hover .editable {
    background-image: url("/auth/images/edit-pen-icon.png");
    cursor: pointer
}

.listings tr:hover .remove {
    visibility: visible;
    color: #DA171E;
    cursor: pointer
}

.listings .ui-sortable-placeholder {
    border: none;
    visibility: visible
}

.thumbnail {
    display: block
}

.thumbnail img {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 3px
}

#features-container textarea {
    margin-top: 8px
}

.ad-link-container {
    float: left;
    margin-top: -293px;
    z-index: 199;
    position: relative;
    margin-left: 160px
}

.ad-link-container label {
    width: 100%;
    padding-top: 9px;
    font-size: 13px;
    font-weight: bold;
    line-height: 27px
}

.ad-link-container input#ad_link {
    top: 0px;
    margin: 0;
    padding: 5px;
    font: normal 14px "Helvetica Neue", "Arial", "Clean", sans-serif;
    color: #575757
}

#project-contact-details #web-container .description {
    position: relative
}

#project-contact-details #web-container .description p {
    position: absolute;
    top: -31px;
    margin: 0 0 9px 0;
    width: 220px;
    left: 263px
}

#project-contact-details #web-container .description #web {
    width: 320px
}

#project-contact-details #email-tooltip {
    display: inline;
    position: relative;
    top: 2px
}

#property-display-location-description-container .description,#email-container .description,#phone-container .description {
    position: relative
}

#property-display-location-description-container .description p,#email-container .description p,#phone-container .description p {
    position: absolute;
    margin: 0 0 9px 0;
    width: 220px;
    left: 263px
}

#email,#web {
    width: 320px
}

#property-display-location-description-container .description p {
    top: -44px
}

#property-display-location-description-container textarea {
    width: 322px;
    height: 42px
}

#email-container .description p {
    top: -51px
}

#email-container #email {
    width: 320px
}

#phone-container .description p {
    top: -62px
}

#phone-container #phone {
    width: 320px
}

#total-no-of-properties-container input {
    width: 50px
}

#listing-copy #description-container textarea#description {
    height: 128px
}

#listing-copy #description-container .description {
    position: relative
}

#listing-copy #description-container .description p {
    position: absolute;
    top: -162px;
    margin: 0 0 9px 0;
    width: 220px;
    left: 263px
}

#listing-copy #features-container textarea {
    height: 32px
}

#listing-copy #features-container .description {
    position: relative
}

#listing-copy #features-container .description p {
    position: absolute;
    top: -542px;
    margin: 0 0 9px 0;
    width: 220px;
    left: 263px
}

#branding #project-branding-background-colour-container .description {
    position: relative
}

#branding #project-branding-background-colour-container .description p {
    position: absolute;
    top: -52px;
    margin: 0 0 9px 0;
    width: 220px;
    left: 263px
}

#project-campaign-details-content .property-options .description p {
    font-size: 13px;
    color: #999
}

.project-child-listing td:first-child {
    padding-left: 17px
}

.project-child-listing td:last-child {
    padding-right: 15px
}

.project-child-listing:nth-child(even) {
    background: #f9f9f9 none repeat scroll 0 0;
    width: auto;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.project-child-listing:nth-child(odd) {
    background: white;
    width: auto;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.project-child-listing .international-audiences-icon {
    margin-bottom: 44px;
    display: block
}

table.listings tr.resort-waiting {
    cursor: wait
}

.listings tr:hover .activity-report-link .activity-report {
    background: url("/auth/images/reports/icon-campaign-report-hover.png") no-repeat
}

.listings tr:hover .international-audiences-icon {
    background: url("/auth/images/international/globe_hover.png") left no-repeat
}

.listings .activity-report-link a {
    display: block;
    width: 16px;
    height: 14px;
    padding-bottom: 47px;
    *padding-bottom: 37px
}

.listings .activity-report-link a.activity-report {
    background: url("/auth/images/reports/icon-campaign-report.png") no-repeat
}

.listings .activity-report-link a.activity-report-disabled {
    background: url("/auth/images/reports/icon-campaign-report-off.png") no-repeat
}

.loading {
    display: none;
    height: 80px;
    background: url("/auth/images/ajax-loader-5.gif") center no-repeat
}

#ui-datepicker-div {
    z-index: 1100 !important
}

#project-details-content .disable-input {
    border: 1px solid #bbbbbb;
    border-top: 1px solid #999999
}

.custom-end-date {
    width: 100%;
    margin-bottom: 10%;
    display: none
}

.custom-end-date .products {
    float: left;
    width: 170px
}

.date-selector {
    width: 75px;
    padding-right: 24px;
    margin-left: 25px
}

.date-selector input {
    width: 120px
}

#var-end-date {
    float: right;
    width: 115px
}

.standard_header span,.super_header span {
    font-style: italic;
    font-size: 10px;
    cursor: pointer
}

.custom-price {
    padding-top: 30px
}

.custom-price input {
    width: 87px
}

.edit-listing #form-container {
    position: relative
}

.edit-listing #form-container #back_project_link {
    margin-left: 15px
}

.edit-listing #form-container #back_project_link:hover {
    cursor: pointer
}

.edit-listing #form-container #back_project_link:after,.edit-listing #form-container #back_project_link:before {
    left: -9px;
    top: 5px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.edit-listing #form-container #back_project_link:after {
    border-right-color: #fff;
    border-width: 4px 8px;
    left: -6px
}

.edit-listing #form-container #back_project_link:before {
    border-right-color: #2d7eb3;
    border-width: 4px 8px
}

.edit-listing #form-container #back_project_link {
    line-height: 40px
}

.edit-listing #form-container #back_project_link:after,.edit-listing #form-container #back_project_link:before {
    top: 15px
}

.new-listing #form-header {
    position: relative
}

.new-listing #form-header #back_project_link {
    margin-left: 15px
}

.new-listing #form-header #back_project_link:hover {
    cursor: pointer
}

.new-listing #form-header #back_project_link:after,.new-listing #form-header #back_project_link:before {
    left: -9px;
    top: 5px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.new-listing #form-header #back_project_link:after {
    border-right-color: #fff;
    border-width: 4px 8px;
    left: -6px
}

.new-listing #form-header #back_project_link:before {
    border-right-color: #2d7eb3;
    border-width: 4px 8px
}

.new-listing #form-header #back_project_link {
    line-height: 20px
}

.new-listing #form-header #back_project_link:after,.new-listing #form-header #back_project_link:before {
    top: 5px
}

.show-message {
    background-color: white
}

.show-message #announcement-read-more {
    display: none
}

.hide-message {
    background-color: #fff7c0
}

.hide-message #announcement-read-more {
    display: inline-block
}

.error-box {
    border-width: 1px;
    border-color: #dbbd81;
    border-style: solid;
    padding: 10px 20px;
    margin: 0 0 20px
}

#announcement {
    display: none;
    border-width: 1px;
    border-color: #dbbd81;
    border-style: solid;
    margin: 13px 0 28px;
    padding: 5px 15px 5px
}

#announcement .heading {
    clear: both;
    display: block;
    position: relative;
    height: 36px;
    margin-bottom: 0px
}

#announcement .heading h2 {
    display: inline;
    vertical-align: baseline;
    clear: left
}

#announcement .heading a {
    vertical-align: baseline;
    clear: left
}

#announcement .heading #announcement-read-more {
    margin-left: 30px;
    font-weight: bold
}

#announcement .heading a.dismiss {
    display: inline-block;
    color: #707070;
    font-weight: bold;
    text-align: right;
    line-height: 36px;
    position: absolute;
    right: 5px;
    top: 3px
}

#announcement #announcement-message {
    clear: both;
    display: none
}

#announcement #announcement-message p {
    font-size: 12px;
    padding: 5px 0
}

#announcement #announcement-message p.stocklist-improvements {
    width: 45%
}

#announcement #announcement-message .image {
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    float: right;
    padding: 5px
}

#announcement #announcement-message .image img {
    border: 1px solid black
}

#announcement #announcement-message a {
    font-size: 14px;
    xtext-align: center;
    font-weight: bold;
    xpadding: 5px 0px 10px 5px
}

.icon-bedrooms {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 14px;
    vertical-align: text-top;
    background: url("/auth/images/icons/icon-sprite.png") no-repeat 0 0;
    background-position: 0 0
}

.icon-bathrooms {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 14px;
    vertical-align: text-top;
    background: url("/auth/images/icons/icon-sprite.png") no-repeat 0 0;
    background-position: -18px 0
}

.icon-parkingspaces {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 14px;
    vertical-align: text-top;
    background: url("/auth/images/icons/icon-sprite.png") no-repeat 0 0;
    background-position: -36px 0
}

.stocklist-credits-message {
    color: #858383;
    line-height: 32px;
    vertical-align: middle;
    padding-right: 20px
}

.no-export .export-button {
    display: none
}

.export-button {
    float: right;
    width: 130px;
    height: 40px;
    margin-top: 3px
}

.dropdown-button.export-button {
    position: relative;
    z-index: 0
}

.dropdown-button.export-button.active {
    z-index: 1
}

.dropdown-button.export-button .arrow {
    background: transparent url(/auth/images/export-btn-alternate.png) no-repeat scroll right -82px
}

.dropdown-button.export-button .arrow span {
    background: transparent url(/auth/images/export-btn-alternate.png) no-repeat scroll right top;
    color: #8c8a86
}

.dropdown-button.export-button .arrow:hover {
    background-position: right -123px
}

.dropdown-button.export-button .arrow:hover span {
    background-position: right -41px
}

.dropdown-button.export-button .arrow.active {
    background-position: right -206px
}

.dropdown-button.export-button .arrow.active span {
    background-position: right -164px
}

.dropdown-button.export-button .dropdown.active {
    position: absolute;
    margin-top: 0px;
    top: 31px;
    right: 5px
}

.dropdown-button.export-button .dropdown.active ul {
    position: static;
    border: 1px solid #f5f5f5;
    background: url("/auth/images/filter-dropdown-bg.png") repeat-x scroll center bottom #fff
}

.dropdown-button.export-button .dropdown.active ul.icon li {
    margin: 0px 8px 0px 8px;
    background: url(/auth/images/export-options-icons-sprite.png) no-repeat 0px -26px
}

.dropdown-button.export-button .dropdown.active ul.icon li a {
    padding: 3px 5px 3px 5px;
    margin-left: 20px
}

.dropdown-button.export-button .dropdown.active ul.icon li.pdf {
    background-position: 0px -93px
}

.dropdown-button.export-button .dropdown.active ul.icon li.excel {
    background-position: 0px -57px
}

.dropdown-button.export-button .selected {
    background: transparent url(/auth/images/export-btn.png) no-repeat scroll left -82px
}

.dropdown-button.export-button .selected span {
    background: transparent url(/auth/images/export-btn.png) no-repeat scroll right top;
    font-size: 12px;
    color: #8c8a86;
    font-weight: bold;
    padding: 10px 10px 0 0;
    text-shadow: none
}

#customize-print-stocklist .column {
    display: inline-block;
    width: 210px;
    margin: 0;
    padding: 20px 5px 20px 5px;
    vertical-align: top
}

#customize-print-stocklist .column.wide {
    width: 270px
}

#customize-print-stocklist h3 {
    line-height: 14px;
    margin-bottom: 10px
}

#customize-print-stocklist .customised-option {
    line-height: 27px;
    list-style-image: none;
    list-style-type: none;
    margin: 0
}

#customize-print-stocklist .customised-option .greyed-out {
    color: #888
}

.qq-upload-spinner {
    display: inline-block;
    background: url("/auth/images/loadingAnimation.gif") no-repeat;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    float: left;
    margin: 5px 0px 0px 15px
}

.qq-upload-size,.qq-upload-cancel {
    font-size: 11px
}

.qq-upload-failed-text {
    display: none
}

.qq-upload-fail .qq-upload-failed-text {
    display: inline
}

.remove-logo {
    cursor: pointer;
    overflow: hidden
}

.remove-logo div {
    display: inline-block;
    overflow: hidden
}

.rui-main-logo {
    margin-bottom: 24px;
    height: 55px;
    width: 310px
}

@media only screen and (max-width: 719px) {
    .rui-main-logo {
        margin-left:auto;
        margin-right: auto;
        display: block;
        float: none
    }
}

.rui-rea-logo.rui-main-logo {
    background-size: 310px 55px
}

.rui-rca .rui-main-logo {
    height: 50px;
    width: 350px
}

.rui-rca .rui-rca-logo.rui-main-logo {
    background-size: 350px 50px
}

.rui-secondary-logo {
    float: left;
    margin: 30px 0 24px;
    width: 232px;
    height: 42px;
    background-size: 232px 42px
}

.rui-main-logo img,.rui-secondary-logo img {
    width: 100%
}

@font-face {
    font-family: 'rui-icon';
    src: url("//s1.rui.au.reastatic.net/rui-static/font/icons/1.1/rui-icon.eot");
    src: url("//s1.rui.au.reastatic.net/rui-static/font/icons/1.1/rui-icon.eot?#iefix") format("embedded-opentype"),url("//s1.rui.au.reastatic.net/rui-static/font/icons/1.1/rui-icon.woff") format("woff"),url("//s1.rui.au.reastatic.net/rui-static/font/icons/1.1/rui-icon.ttf") format("truetype"),url("//s1.rui.au.reastatic.net/rui-static/font/icons/1.1/rui-icon.svg#rui-icon") format("svg");
    font-weight: normal;
    font-style: normal
}

.rui-icon:before {
    font-family: 'rui-icon';
    content: attr(data-icon);
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.5em;
    display: inline-block
}

.rui-icon-play:before {
    content: "\e011"
}

.rui-icon-home:before {
    content: "\e012"
}

.rui-icon-github:before {
    content: "\e013"
}

.rui-icon-multi-user:before {
    content: "\e014"
}

.rui-icon-tags:before {
    content: "\e015"
}

.rui-icon-quotes:before {
    content: "\e016"
}

.rui-icon-back:before {
    content: "\e017"
}

.rui-icon-forward:before {
    content: "\e018"
}

.rui-icon-add:before {
    content: "\e029"
}

.rui-icon-arrow-down:before {
    content: "\e02a"
}

.rui-icon-arrow-right:before {
    content: "\e02b"
}

.rui-icon-arrow-up:before {
    content: "\e01e"
}

.rui-icon-arrow-left:before {
    content: "\e01f"
}

.rui-icon-call:before {
    content: "\e02c"
}

.rui-icon-floorplan:before {
    content: "\e02d"
}

.rui-icon-facebook:before {
    content: "\e02e"
}

.rui-icon-twitter:before {
    content: "\e02f"
}

.rui-icon-pinterest:before {
    content: "\e030"
}

.rui-icon-warning:before {
    content: "\e008"
}

.rui-icon-cog:before {
    content: "\e009"
}

.rui-icon-link:before {
    content: "\e00a"
}

.rui-icon-navdeck:before {
    content: "\e00b"
}

.rui-icon-video-camera:before {
    content: "\e00c"
}

.rui-icon-linkedin:before {
    content: "\e00d"
}

.rui-icon-googleplus:before {
    content: "\e019"
}

.rui-icon-save-contact:before,.rui-icon-avatar:before {
    content: "\e01a"
}

.rui-icon-listview:before {
    content: "\e01b"
}

.rui-icon-bed:before {
    content: "\e021"
}

.rui-icon-bath:before {
    content: "\e022"
}

.rui-icon-car:before {
    content: "\e023"
}

.rui-icon-save:before {
    content: "\e024"
}

.rui-icon-mappin:before {
    content: "\e025"
}

.rui-icon-search:before {
    content: "\e026"
}

.rui-icon-office:before {
    content: "\e003"
}

.rui-icon-image:before {
    content: "\e004"
}

.rui-icon-iphone:before {
    content: "\e006"
}

.rui-icon-ipad:before {
    content: "\e007"
}

.rui-icon-camera:before {
    content: "\e00e"
}

.rui-icon-rss:before {
    content: "\e00f"
}

.rui-icon-comments:before {
    content: "\e010"
}

.rui-icon-calculator:before {
    content: "\e032"
}

.rui-icon-calendar:before {
    content: "\e035"
}

.rui-icon-tick:before {
    content: "\e039"
}

.rui-icon-lock:before {
    content: "\e044"
}

.rui-icon-youtube:before {
    content: "\e046"
}

.rui-icon-email:before {
    content: "\e020"
}

.rui-icon-arrow-solid-right:before {
    content: "\e027"
}

.rui-icon-arrow-solid-down:before {
    content: "\e028"
}

.rui-icon-arrow-solid-up:before {
    content: "\e01c"
}

.rui-icon-arrow-solid-left:before {
    content: "\e01d"
}

.rui-icon-share:before {
    content: "\e031"
}

.rui-icon-cross:before {
    content: "\e0011"
}

.rui-icon-dollar:before {
    content: "\e033"
}

.rui-icon-wordpress:before {
    content: "\e034"
}

.rui-icon-save-hollow:before {
    content: "\e000"
}

.rui-icon-user-on:before {
    content: "\e001"
}

.rui-icon-user-off:before {
    content: "\e002"
}

html {
    background: none;
    height: 100%;
    min-height: 100%;
    min-width: 300px
}

body {
    padding-top: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #f5f5f6;
    margin: 0px
}

a,a:visited,a:hover {
    font-size: 14px;
    color: #2d71d7
}

#wrapInfoAndLogin {
    min-height: 100%;
    height: 100%;
    width: 100%;
    padding-left: 0
}

li {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0
}

h1 {
    font-family: proxima nova,montserrat,Arial,Helvetica,sans-serif;
}

.form-and-links {
    width: 100%;
    height: 100%;
    float: left;
    position: relative
}

.login-section-container {
    position: relative;
    height: 100%;
    background-color: #f5f5f6
}

.links-container {
    position: relative;
    height: 0;
    display: none
}

.login-section {
    position: relative;
    background-color: #f5f5f6;
    padding: 40px 20px 0 20px;
    top: 0;
    transform: none
}

.login-section .rui-input {
    border: 1px solid #c8c9c7
}

.login-section .rui-button-brand.rui-button-disabled,.login-section .rui-button-brand.rui-button-disabled:hover {
    color: #686767;
    border-color: #c8c9c7;
    background: #c8c9c7
}

.login-section .rui-message strong {
    font-size: 1.2em
}

.login-section input {
    font-size: 1.1em;
    margin: 5px 0 5px 0;
    width: 100%
}

.login-section h1 {
    color: #333f48;
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px
}

.login-section .sub-header {
    color: #333f48;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px
}

.login-section .click-link-info {
    font-size: 12px;
    color: #697684;
    margin: 10px 0 10px 0
}

.login-section .forgot-password {
    font-size: 1.2em;
    margin: 10px 0 10px 0;
    width: 100%;
    text-align: center
}

.enter-verification-code .submit-area {
    float: right;
    width: 50%
}

.enter-verification-code .resend-button {
    width: 48%
}

.logos {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px
}

.logos a {
    display: inline-block;
    height: 23px;
    margin: 10px 0;
    background: url(//s1.rui.au.reastatic.net/rui-static/img/logo-footer-sprites.png) no-repeat 0 0
}

.logos a.reawebsite {
    background-position: 0 -24px;
    width: 130px
}

.logos a.reacommercial {
    background-position: 0 1px;
    width: 157px
}

.footer {
    z-index: 1;
    display: none;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    height: 100%
}

.breach-info {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    bottom: 40px
}

.breach-info a {
    font-size: 12px;
    color: #ffffff;
    text-decoration: underline
}

.breach-info p {
    width: 80%;
    margin: 0 auto
}

.breach-info-mobile {
    color: #697684;
    text-align: center;
    margin: 10px 0;
    font-size: 12px;
    padding-bottom: 20px
}

.breach-info-mobile a {
    text-decoration: underline
}

.breach-info-mobile a,.breach-info-mobile a:visited,.breach-info-mobile a:hover {
    font-size: 12px;
    color: #697684
}

.links {
    z-index: 1;
    display: none;
    position: absolute;
    bottom: 40px;
    font-size: 1.2em;
    width: 100%
}

.links ul {
    margin: 0 auto;
    width: 95%
}

.links li {
    margin-right: 1em
}

.links li a,.links li a:visited,.links li a:hover {
    color: #ffffff
}

.links-mobile {
    display: block;
    margin: 20px 0;
    font-size: 1em;
    width: 100%
}

.links-mobile ul {
    margin: 0 auto;
    width: 95%;
    text-align: center
}

.links-mobile li {
    margin-right: 11px;
    line-height: 30px
}

.links-mobile li a,.links-mobile li a:visited,.links-mobile li a:hover {
    color: #697684
}

#footerBg {
    display: none;
    position: fixed;
    bottom: 0;
    height: 140px;
    width: 100%;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr#7f000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr#7f000000)"
}

@media screen and (max-width: 320px) {
    .login-section {
        position:relative;
        background-color: #f5f5f6;
        padding: 40px 15px 0 14px
    }
}

@media screen and (min-width: 701px) {
    body {
        background:url('https://astroholdings.co.zm/admin/0b.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    #wrapInfoAndLogin {
        width: 90%;
        padding-left: 10%
    }

    .links {
        display: block
    }

    .footer {
        display: block
    }

    .form-and-links {
        width: 390px
    }

    .login-section-container {
        height: 90%;
        background-color: transparent
    }

    .links-container {
        height: 10%;
        display: block
    }

    .login-section {
        background-color: rgba(255,255,255,0.9);
        position: absolute;
        width: 330px;
        padding: 30px;
        top: 50%;
        transform: translateY(-50%)
    }

    .links-mobile {
        display: none
    }

    .breach-info-mobile {
        display: none
    }

    .logos a {
        margin: 10px 5px
    }

    #footerBg {
        display: block
    }
}

.rui-form {
    margin-bottom: 1.5625em;
}
fieldset {
    margin: 0;
    padding: 0;
}
.rui-form-element {
    display: block;
    margin-bottom: 1.5625em;
}
.rui-form-compact .rui-form-element {
    margin-bottom: 0.5em;
}
.rui-form-compact .rui-form-element:last-child,
.rui-form-compact fieldset:last-child .rui-form-element {
    margin-bottom: 1.5625em;
}
.rui-select {
    border: 2px solid #c3c8ce;
    padding: 13px 16px;
    width: 100%;
    color: #333f48;
}
.rui-icon-select-touch-friendly {
    position: absolute;
    line-height: 16.5px;
    font-size: 0.8em;
    margin: 15px 0;
    margin-left: -30px;
    position: absolute;
    color: #697684;
}
.rui-input {
    border: 2px solid #c3c8ce;
    padding: 13px 16px;
    border-radius: 4px;
    color: #333f48;
    background-color: #fff;
    font-size: 1em;
    font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
}
@media only screen and (max-width: 719px) {
    .rui-input {
        border-width: 1px;
    }
}
select.rui-input {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.rui-input:focus {
    outline: 0;
}
.rui-input-error .rui-input {
    border-color: #ff5961;
    color: #ff5961;
}
.rui-input-error .rui-input span {
    color: #ff5961;
}
.rui-input,
.rui-select-menu,
.rui-select li {
    box-sizing: border-box;
    width: 100%;
}
.rui-form .rui-form-hint {
    padding: 0;
    margin: 0 0 20px;
    color: #111;
    display: block;
    font-size: 1.125em;
}
textarea.rui-input {
    min-height: 100px;
    max-height: 150px;
    overflow-y: auto;
}
:-moz-placeholder,
::-webkit-input-placeholder {
    color: #999fa3;
    font-style: normal;
}
.rui-input.rui-select.rui-image-icon.rui-image-icon-dropdown.rui-toggle-link.rui-value-selected {
    color: #111;
}
.rui-input::-webkit-input-placeholder,
-moz-placeholder {
    font-style: normal;
}
.rui-input-error .rui-input::-webkit-input-placeholder {
    color: #ff5961;
    font-style: normal;
}
.rui-input-error .rui-input::-moz-placeholder {
    color: #ff5961;
    font-style: normal;
}
.rui-input-error input:-moz-placeholder {
    color: #ff5961;
    font-style: normal;
}
.rui-form label span {
    display: block;
    font-weight: 400;
    font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: normal;
    margin-bottom: 0.75em;
}
.rui-form label span .rui-form-tagline {
    float: right;
    line-height: 1.5;
    font-size: 0.75em;
    color: #b4bac1;
}
.rui-form label .rui-select-wrapper span {
    display: table-cell;
    font-weight: 400;
    margin-bottom: 0;
    font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.rui-form-compact label span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.rui-select-menu {
    display: none;
    border: 2px solid #c3c8ce;
    border-top: 0;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 0;
    margin-top: -2px;
    position: absolute;
    background: #fff;
    max-height: 224px;
    overflow-y: auto;
    z-index: 100;
    font-size: 0.875em;
}
.rui-select-menu li {
    padding: 3px 7px;
    margin: 0 3px;
    border-radius: 4px;
    position: relative;
}
.rui-select-menu li .rui-select-subtitle {
    font-size: 0.875em;
}
.rui-select-menu li .rui-checkbox-hide {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==") 0 0 repeat;
}
.rui-select-menu li input[type="checkbox"] {
    float: left;
    margin-top: 2px;
}
.rui-select-menu li .rui-label {
    display: inline-block;
    padding-left: 5px;
}
.rui-select-menu li.rui-current-list {
    color: #fff;
    background: #0084ff;
    cursor: pointer;
}
@media only screen and (max-width: 719px) {
    .rui-select-menu {
        border-width: 1px;
        margin-top: -1px;
    }
}
.rui-input-error .rui-select-menu {
    border-color: #ff5961;
}
.rui-select-menu li.rui-disabled {
    color: #aaa;
    background: #fff;
}
.rui-select-menu li.rui-disabled input[type="checkbox"] {
    display: none;
}
.rui-select-menu li.rui-disabled,
.rui-select-menu li.rui-disabled * {
    cursor: auto;
}
.rui-select-wrapper {
    outline: 0;
    border-radius: 4px;
}
.rui-select-wrapper:after,
.rui-select-wrapper:before {
    opacity: 1;
}
.ie8 .rui-select-wrapper:after,
.ie8 .rui-select-wrapper:before {
    display: block;
}
.rui-select-wrapper.rui-select-focused .rui-select-link,
.rui-select-wrapper.rui-select-open .rui-select-link {
    position: relative;
}
.rui-select-wrapper .rui-select .rui-icon {
    float: right;
}
.rui-select-wrapper .rui-select .rui-icon:before {
    margin-right: 0;
}
.rui-select-link {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.rui-select-link input {
    position: absolute;
    border: 0;
    cursor: auto;
    -webkit-appearance: none;
    appearance: none;
    width: 1px !important;
    height: 1px;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    z-index: -1 !important;
}
.rui-select-link > span {
    line-height: normal;
    padding-right: 18px;
    width: 100%;
    text-decoration: none;
    color: #333f48;
}
.rui-select-link > span,
.rui-select-link > i {
    display: table-cell;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rui-select-link > i {
    position: relative;
    line-height: 0.6em;
    font-size: 0.8em;
}

.rui-toggle-open,
.rui-select-open .rui-select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.rui-select-open .rui-select-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.rui-form-icon {
    position: relative;
}
.rui-form-icon .rui-input {
    padding-left: 48px;
}

.rui-form-icon .rui-icon {
    position: absolute;
    z-index: 11;
    font-size: 1.125em;
}
.rui-form-icon .rui-icon {
    bottom: 0.5em;
    left: 1em;
}
.rui-input-error .rui-icon {
    color: #ff5961;
}
.rui-select-wrapper {
    position: relative;
}

.rui-select-wrapper .rui-input {
    cursor: pointer;
}
.rui-toggle-container {
    display: none;
}
.rui-relative-toggle {
    position: relative;
}
.rui-relative-toggle .rui-toggle-container {
    position: absolute;
}
.rui-checkbox input[type="checkbox"] {
    display: none;
}
.rui-checkbox input[type="checkbox"] + label:before {
    font-family: rui-icon;
    display: inline-block;
    color: #c3c8ce;
    content: "\e904";
    position: relative;
    font-size: 1.5em;
    letter-spacing: 0.3em;
    top: 0.1em;
}
.rui-checkbox input[type="checkbox"]:checked + label:before {
    content: "\e903";
    color: #2d71d7;
}
.rui-checkbox input[type="checkbox"]:disabled + label {
    color: #aaa;
}
.lt-ie9 .rui-checkbox input[type="checkbox"] {
    display: inline-block;
    margin-right: 0.3em;
}
.lt-ie9 .rui-checkbox input[type="checkbox"] + label:before {
    content: "";
}
.rui-checkbox.rui-input-error input[type="checkbox"] + label {
    color: #ff5961;
}
.rui-checkbox.rui-input-error input[type="checkbox"] + label:before {
    color: #ff5961;
}
.lt-ie10 .rui-form-compact label span {
    height: auto;
    margin: auto;
    overflow: auto;
    padding: 0;
    position: static;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.rui-message {
    margin-bottom: 1.5625em;
    border-radius: 4px;
    padding: 0.8125em 1.5em 0.8125em 1em;
    color: #fff;
    position: relative;
}
.rui-message.rui-dismissible:after {
    cursor: pointer;
    font-family: rui-icon;
    content: "\e600";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    right: 1.125em;
    top: 1.4em;
    font-size: 0.75em;
}
@media only screen and (max-width: 719px) {
    .rui-message.rui-message-mobile-fixed {
        position: fixed;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
    }
}
.rui-message strong {
    font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    display: block;
    color: #fff;
}
.rui-error {
    background: #ff5961;
}
.rui-success {
    background: #00c694;
}
.rui-info {
    background: #0084ff;
}
.rui-warning {
    background: #ffb200;
}
.rui-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    content: "";
}
.rui-arrow-up {
    border-bottom: 8px solid #000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.rui-arrow-down {
    border-top: 8px solid #000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.rui-arrow-left {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #000;
}
.rui-arrow-right {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #000;
}
.rui-form {
    margin-bottom: 1.5625em;
}
fieldset {
    margin: 0;
    padding: 0;
}
.rui-form-element {
    display: block;
    margin-bottom: 1.5625em;
}
.rui-form-compact .rui-form-element {
    margin-bottom: 0.5em;
}
.rui-form-compact .rui-form-element:last-child,
.rui-form-compact fieldset:last-child .rui-form-element {
    margin-bottom: 1.5625em;
}
.rui-select {
    border: 2px solid #c3c8ce;
    padding: 13px 16px;
    width: 100%;
    color: #333f48;
}
.rui-icon-select-touch-friendly {
    position: absolute;
    line-height: 16.5px;
    font-size: 0.8em;
    margin: 15px 0;
    margin-left: -30px;
    position: absolute;
    color: #697684;
}
.rui-input {
    border: 2px solid #c3c8ce;
    padding: 13px 16px;
    border-radius: 4px;
    color: #333f48;
    background-color: #fff;
    font-size: 1em;
    font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
}
@media only screen and (max-width: 719px) {
    .rui-input {
        border-width: 1px;
    }
}
select.rui-input {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.rui-input:focus {
    outline: 0;
}
.rui-input-error .rui-input {
    border-color: #ff5961;
    color: #ff5961;
}
.rui-input-error .rui-input span {
    color: #ff5961;
}
.rui-input,
.rui-select-menu,
.rui-select li {
    box-sizing: border-box;
    width: 100%;
}
.rui-form .rui-form-hint {
    padding: 0;
    margin: 0 0 20px;
    color: #111;
    display: block;
    font-size: 1.125em;
}
textarea.rui-input {
    min-height: 100px;
    max-height: 150px;
    overflow-y: auto;
}
:-moz-placeholder,
::-webkit-input-placeholder {
    color: #999fa3;
    font-style: normal;
}
.rui-input.rui-select.rui-image-icon.rui-image-icon-dropdown.rui-toggle-link.rui-value-selected {
    color: #111;
}
.rui-input::-webkit-input-placeholder,
-moz-placeholder {
    font-style: normal;
}
.rui-input-error .rui-input::-webkit-input-placeholder {
    color: #ff5961;
    font-style: normal;
}
.rui-input-error .rui-input::-moz-placeholder {
    color: #ff5961;
    font-style: normal;
}
.rui-input-error input:-moz-placeholder {
    color: #ff5961;
    font-style: normal;
}
.rui-form label span {
    display: block;
    font-weight: 400;
    font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: normal;
    margin-bottom: 0.75em;
}
.rui-form label span .rui-form-tagline {
    float: right;
    line-height: 1.5;
    font-size: 0.75em;
    color: #b4bac1;
}
.rui-form label .rui-select-wrapper span {
    display: table-cell;
    font-weight: 400;
    margin-bottom: 0;
    font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.rui-form-compact label span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.rui-select-menu {
    display: none;
    border: 2px solid #c3c8ce;
    border-top: 0;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 0;
    margin-top: -2px;
    position: absolute;
    background: #fff;
    max-height: 224px;
    overflow-y: auto;
    z-index: 100;
    font-size: 0.875em;
}
.rui-select-menu li {
    padding: 3px 7px;
    margin: 0 3px;
    border-radius: 4px;
    position: relative;
}
.rui-select-menu li .rui-select-subtitle {
    font-size: 0.875em;
}
.rui-select-menu li .rui-checkbox-hide {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==") 0 0 repeat;
}
.rui-select-menu li input[type="checkbox"] {
    float: left;
    margin-top: 2px;
}
.rui-select-menu li .rui-label {
    display: inline-block;
    padding-left: 5px;
}
.rui-select-menu li.rui-current-list {
    color: #fff;
    background: #0084ff;
    cursor: pointer;
}
@media only screen and (max-width: 719px) {
    .rui-select-menu {
        border-width: 1px;
        margin-top: -1px;
    }
}
.rui-input-error .rui-select-menu {
    border-color: #ff5961;
}
.rui-select-menu li.rui-disabled {
    color: #aaa;
    background: #fff;
}
.rui-select-menu li.rui-disabled input[type="checkbox"] {
    display: none;
}
.rui-select-menu li.rui-disabled,
.rui-select-menu li.rui-disabled * {
    cursor: auto;
}
.rui-select-wrapper {
    outline: 0;
    border-radius: 4px;
}
.rui-select-wrapper:after,
.rui-select-wrapper:before {
    opacity: 1;
}
.ie8 .rui-select-wrapper:after,
.ie8 .rui-select-wrapper:before {
    display: block;
}
.rui-select-wrapper.rui-select-focused .rui-select-link,
.rui-select-wrapper.rui-select-open .rui-select-link {
    position: relative;
}
.rui-select-wrapper .rui-select .rui-icon {
    float: right;
}
.rui-select-wrapper .rui-select .rui-icon:before {
    margin-right: 0;
}
.rui-select-link {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.rui-select-link input {
    position: absolute;
    border: 0;
    cursor: auto;
    -webkit-appearance: none;
    appearance: none;
    width: 1px !important;
    height: 1px;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    z-index: -1 !important;
}
.rui-select-link > span {
    line-height: normal;
    padding-right: 18px;
    width: 100%;
    text-decoration: none;
    color: #333f48;
}
.rui-select-link > span,
.rui-select-link > i {
    display: table-cell;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rui-select-link > i {
    position: relative;
    line-height: 0.6em;
    font-size: 0.8em;
}
.rui-toggle-open,
.rui-select-open .rui-select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.rui-select-open .rui-select-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.rui-form-icon {
    position: relative;
}
.rui-form-icon .rui-input {
    padding-left: 48px;
}
.rui-form-icon .rui-icon {
    position: absolute;
    z-index: 11;
    font-size: 1.125em;
}
.rui-form-icon .rui-icon {
    bottom: 0.5em;
    left: 1em;
}
.rui-input-error .rui-icon {
    color: #ff5961;
}
.rui-select-wrapper {
    position: relative;
}
.rui-select-wrapper .rui-input {
    cursor: pointer;
}
.rui-toggle-container {
    display: none;
}
.rui-relative-toggle {
    position: relative;
}
.rui-relative-toggle .rui-toggle-container {
    position: absolute;
}
.rui-checkbox input[type="checkbox"] {
    display: none;
}
.rui-checkbox input[type="checkbox"] + label:before {
    font-family: rui-icon;
    display: inline-block;
    color: #c3c8ce;
    content: "\e904";
    position: relative;
    font-size: 1.5em;
    letter-spacing: 0.3em;
    top: 0.1em;
}
.rui-checkbox input[type="checkbox"]:checked + label:before {
    content: "\e903";
    color: #2d71d7;
}
.rui-checkbox input[type="checkbox"]:disabled + label {
    color: #aaa;
}
.lt-ie9 .rui-checkbox input[type="checkbox"] {
    display: inline-block;
    margin-right: 0.3em;
}
.lt-ie9 .rui-checkbox input[type="checkbox"] + label:before {
    content: "";
}
.rui-checkbox.rui-input-error input[type="checkbox"] + label {
    color: #ff5961;
}
.rui-checkbox.rui-input-error input[type="checkbox"] + label:before {
    color: #ff5961;
}
.lt-ie10 .rui-form-compact label span {
    height: auto;
    margin: auto;
    overflow: auto;
    padding: 0;
    position: static;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.rui-message {
    margin-bottom: 1.5625em;
    border-radius: 4px;
    padding: 0.8125em 1.5em 0.8125em 1em;
    color: #fff;
    position: relative;
}
.rui-message.rui-dismissible:after {
    cursor: pointer;
    font-family: rui-icon;
    content: "\e600";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    right: 1.125em;
    top: 1.4em;
    font-size: 0.75em;
}
@media only screen and (max-width: 719px) {
    .rui-message.rui-message-mobile-fixed {
        position: fixed;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
    }
}
.rui-message strong {
    font-family: Museo-Sans-500, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    display: block;
    color: #fff;
}
.rui-error {
    background: #ff5961;
}
.rui-success {
    background: #00c694;
}
.rui-info {
    background: #0084ff;
}
.rui-warning {
    background: #ffb200;
}
.rui-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    content: "";
}
.rui-arrow-up {
    border-bottom: 8px solid #000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.rui-arrow-down {
    border-top: 8px solid #000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.rui-arrow-left {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #000;
}
.rui-arrow-right {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #000;
}



.rui-button-brand{
    cursor: pointer;
    border-color: #e4002b;
    background: #e4002b;
    display: inline-block;
    font-family: Museo-Sans-500,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration: none;
    padding: .875em 1em;
    font-weight: 400;
    font-size: 1em;
    cursor: pointer;
    border-radius: 4px;
    line-height: 1;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    text-align: center;
    transition-duration: .2s,.2s;
    transition-timing-function: ease-in,ease-out;
}
.rui-button-brand:hover{

    background-color: #a30000;
    border-color: #a30000;
}