/*
		Purpose:	Global, Style Sheet
		Site:		agent.superyachtnetwork.com
		Author:		Anna Hough & Mark Townsend, (c) DFUSION
		Version:	2 - 17/10/2016
*/

/* imports of 3rdParty css files needed globaly
----------------------------------------------------*/
@import url("/resources/3rdparty/dropzone/dropzone.css");

/* fonts
------------------------------------
font-family:'Roboto', Arial, Helvetica, sans-serif;
Thin - font-weight:200;
Light - font-weight:300;
Regular - font-weight:400;
Medium - font-weight:500;
Bold - font-weight:700;

kevin wants to trial proxima nova

font-family: "proxima-nova",sans-serif;
Thin - font-weight:100;
Light - font-weight:300;
Regular - font-weight:400;
Medium - font-weight:500;
SemiBold - font-weight:600;
Bold - font-weight:700;

Clock font
font-family:'Digital W00 Regular';
*/

/* Media Queries
-----------------------------------
/*
Used so javaScript can match media queries
*/
.jsMediaQueries {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 1px;
}
/*Small | up to 640px*/
@media only screen and (max-width: 640px) {
    .jsMediaQueries {
        left: 1px;
    }
}
/*Small Medium | 641px - 768px*/
@media only screen and (min-width: 641px) and (max-width: 1280px) {
    .jsMediaQueries {
        left: 2px;
    }
}
/* large medium */
@media only screen and (min-width: 1281px) and (max-width: 1470px) {
    .jsMediaQueries {
        left: 3px;
    }
}
/* large */
@media screen and (min-width: 1471px) {
    .jsMediaQueries {
        left: 4px;
    }
}

body {
    background-color: #eff3f6;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}
html,
body {
    min-width: 320px;
    height: 100%;
    min-height: 100%;
}
/*iOS zoom fix*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select,
    textarea,
    input {
        font-size: 16px;
    }
}
select.no-autoinit {
    display: block;
}
/*h1 { color:#a91f05; }
h2 { font-size:14px; line-height:12px; margin:4px 0 8px 0;}
h3 { font-size:13px; line-height:11px; margin:4px 0 8px 0;}
h4 { font-size:11px; line-height:13px;  }
h5 { font-size:10px; }
h6 { font-size:9px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
*/

/* Standard Styling  - style-gude.twig 
-------------------------------------------------------------------------*/
/* hide and show classes have been implemented like foundation but are not setup the same in materialize so I am creating the same hide until show classes */
@media only screen and (max-width: 640px) {
    .hide-for-small {
        display: none !important;
    }
}
@media only screen and (min-width: 641px) {
    .show-for-small {
        display: none !important;
    }
}
@media only screen and (max-width: 1470px) {
    .show-on-large {
        display: none !important;
    }
}
@media only screen and (max-width: 1470px) {
    .show-on-medium {
        display: none !important;
    }
}
@media only screen and (min-width: 1471px) {
    .hide-on-large {
        display: none !important;
    }
}
@media only screen and (min-width: 641px) {
    .hide-on-medium {
        display: none !important;
    }
}

.main-heading {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}
.heading-xl {
    font-size: 34px;
    line-height: 1.3em;
}
.heading-l {
    font-size: 23px;
    line-height: 1.3em;
}
.heading-m {
    font-size: 17px;
    line-height: 1.4em;
}
.heading-s {
    font-size: 15px;
    line-height: 1.4em;
}

.font-thin {
    font-weight: 200;
}
.font-light {
    font-weight: 300;
}
.font-regular {
    font-weight: 400;
}
.font-medium {
    font-weight: 500;
}
.font-bold,
.bold,
strong,
.strong {
    font-weight: 700;
}

.font-blue-dark,
.card .card-content p.font-blue-dark {
    color: #2c405a;
}
.font-blue,
.card .card-content p.font-blue {
    color: #3f536e;
}
.font-blue-light,
.card .card-content p.font-blue-light {
    color: #8dabc4;
}

.italic,
em {
    font-style: italic;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
.capitalize-first:first-letter {
    text-transform: capitalize;
}
.reference {
    font-size: 10px;
    letter-spacing: 0.02em;
}

p {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}
hr {
    border: 0;
    border-bottom: 1px solid #b7d2e5;
}

pre {
    font-family: "Courier New", Courier, monospace;
    display: inline-block;
    padding: 10px;
    margin: 5px 0 20px;
    background: #f1f1f1;
    width: 100%;
}

/* links ----------*/
a:hover {
    color: #0093ee;
}

@media only screen and (max-width: 640px) {
    .hide-on-small {
        display: none !important;
    }
}
@media only screen and (min-width: 641px) {
    .show-on-small {
        display: none !important;
    }
}

/* buttons --------*/
.buttons-header-wrap {
    display: block;
    width: 100%;
    float: left;
    padding: 0 0 13px 0;
    margin: 0;
}

.enquiry-header-button {
    float: right;
    margin: 36px 0 0 0;
}

.button {
    display: inline-block;
    line-height: 1.3em;
    padding: 7px 24px;
    color: #0093ee;
    font-weight: 500;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
    border: 1px solid #c5d9e8;
    position: relative;
    cursor: pointer;
}
.button:hover {
    color: #0093ee;
    background: rgb(225, 235, 245); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(225, 235, 245, 1) 0%,
        rgba(208, 221, 235, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(225, 235, 245, 1) 0%,
        rgba(208, 221, 235, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ebf5', endColorstr='#d0ddeb',GradientType=0 ); /* IE6-9 */
}
.button:active,
.button:focus {
    background-color: #c5d9e8;
}
.button:before {
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.button-small {
    line-height: 25px;
    padding: 3px 15px;
}
.button-outline-green {
    border-color: rgba(57, 181, 74, 0.7);
    color: rgba(57, 181, 74, 1);
}
.button-outline-green:hover {
    color: #fff;
    background: rgba(57, 181, 74, 1);
}
.button-blue {
    background: rgb(45, 161, 248); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45, 161, 248, 1) 0%, rgba(26, 146, 235, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da1f8', endColorstr='#1a92eb',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1585d8;
    color: #fff;
}

.button-blue:hover {
    background: rgb(39, 140, 239); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(39, 140, 239, 1) 0%, rgba(23, 126, 218, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278cef', endColorstr='#177eda',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1274c2;
    color: #fff;
}
.button-blue:active,
.button-blue:focus {
    background: rgb(32, 116, 217); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(32, 116, 217, 1) 0%, rgba(19, 105, 194, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(32, 116, 217, 1) 0%,
        rgba(19, 105, 194, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(32, 116, 217, 1) 0%,
        rgba(19, 105, 194, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2074d9', endColorstr='#1369c2',GradientType=0 ); /* IE6-9 */
    border: 1px solid #0f60a5;
    color: #fff;
}

.button-green {
    background: rgb(57, 181, 74); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(57, 181, 74, 1) 0%, rgba(52, 170, 68, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(57, 181, 74, 1) 0%,
        rgba(52, 170, 68, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(57, 181, 74, 1) 0%,
        rgba(52, 170, 68, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b54a', endColorstr='#34aa44',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border: 1px solid #249533;
}
.button-green:hover {
    background: rgb(48, 154, 62); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(48, 154, 62, 1) 0%, rgba(44, 144, 57, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(48, 154, 62, 1) 0%,
        rgba(44, 144, 57, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(48, 154, 62, 1) 0%,
        rgba(44, 144, 57, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#309a3e', endColorstr='#2c9039',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1e7d2b;
    color: #fff;
}
.button-green:active,
.button-green:focus {
    background: rgb(41, 136, 54); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(41, 136, 54, 1) 0%, rgba(38, 126, 49, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(41, 136, 54, 1) 0%,
        rgba(38, 126, 49, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(41, 136, 54, 1) 0%,
        rgba(38, 126, 49, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#298836', endColorstr='#267e31',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1a6d25;
    color: #fff;
}
.button-green:active,
.button-green:focus {
    background-color: #39a12c;
    border-color: #39a12c;
}

.button-tick {
    padding: 7px 27px 7px 42px;
}
.button-tick:before {
    content: "";
    background-image: url(../images/icons/button_tick.svg);
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}
.button-tick-only.button-tick {
    text-align: center;
}
.button-tick-only.button-tick:before {
    position: relative;
    left: auto;
    top: auto;
    display: inline-block;
}
.button-no {
    padding: 7px 27px 7px 47px;
}
.button-no:before {
    content: "";
    background-image: url(/resources/images/icon-no.svg);
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-standard-tick {
    padding: 0 27px 0 47px;
}
.button-standard-tick:before {
    content: "";
    background-image: url(../images/icons/button_tick2.svg);
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-tick-only {
    width: 100%;
    padding: 7px 0;
}

.accept-button-container {
    margin-top: 15px;
}
.accept-button-container .button-tick {
    margin-right: 20px;
    padding: 10px 27px 10px 49px;
    font-size: 16px;
}
.accept-button-container .button-tick:before {
    top: 5px;
}

.button-inline {
    padding: 4px 15px;
    font-size: 13px;
    font-weight: 400;
}

.button-search {
    padding: 7px 23px 7px 43px;
}
.button-search:before {
    content: "";
    background-image: url(../images/icons/button_search.svg);
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-view {
    padding: 7px 23px 7px 43px;
}
.button-view:before {
    content: "";
    background-image: url(../images/icons/button_search.svg);
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-edit {
    padding: 7px 25px 7px 46px;
}
.button-edit:before {
    content: "";
    background-image: url(../images/icons/button_edit.svg);
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-standard-edit {
    padding: 7px 22px 7px 45px;
}
.button-standard-edit:before {
    content: "";
    background-image: url(../images/icons/button_edit2.svg);
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-add {
    padding: 7px 25px 7px 43px;
}
.button-add:before {
    content: "";
    background-image: url(../images/icons/button-add-solid.svg);
    height: 31px;
    width: 12px;
    position: absolute;
    left: 20px;
    top: -1px;
}
.button-blue.button-add:before,
.button-green.button-add:before {
    background-image: url(../images/icons/button_add.svg);
}

.button-copy {
    padding: 7px 25px 7px 43px;
}
.button-copy:before {
    content: "";
    background-image: url(../images/icons/button_copy.svg);
    background-size: 16px auto;
    height: 31px;
    width: 22px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-view-standard {
    padding-left: 49px;
    padding-right: 25px;
}
.button-view-standard:before {
    content: "";
    background-image: url(../images/icons/button_view2.svg);
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-crop {
    padding: 7px 25px 7px 49px;
}
.button-crop:before {
    content: "";
    background-image: url(../images/icons/button-crop.svg);
    background-size: 16px auto;
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}
.button-delete {
    padding: 7px 25px 7px 49px;
    margin-bottom: 5px;
}
.button-delete:before {
    content: "";
    background-image: url(../images/icons/ico-no.svg);
    background-size: 12px auto;
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-back {
    padding: 7px 22px 7px 43px;
}
.button-back:before {
    content: "";
    background-image: url(../images/icons/button_back.svg);
    height: 31px;
    width: 8px;
    position: absolute;
    left: 20px;
    top: -1px;
}

.button-next {
    padding: 7px 43px 7px 22px;
}
.button-next:before {
    content: "";
    background-image: url(../images/icons/button_next.svg);
    height: 31px;
    width: 8px;
    position: absolute;
    right: 18px;
    top: -1px;
}
.button-select {
    display: inline-block;
    padding: 5px 40px;
    color: #0093ee;
    font-weight: 500;
    font-family: "proxima-nova", sans-serif;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
    border: 1px solid #c5d9e8;
    position: relative;
    cursor: pointer;
}
li.buttons .button-select {
    padding: 7px 40px;
}
.card-table tbody tr:hover .button-select,
.button-select:hover {
    background: rgb(45, 161, 248); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45, 161, 248, 1) 0%, rgba(26, 146, 235, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da1f8', endColorstr='#1a92eb',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1585d8;
    color: #fff;
}

.call-buttton,
.sms-button,
.button-answered,
.button-message,
.button-voicemail,
.button-no-answer,
.button-email-sent,
.button-email-inbound,
.inbound-sms,
.inbound-call {
    border: 1px solid #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ebebeb+100 */
    background-color: rgb(239, 239, 239); /* Old browsers */
    background-color: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(235, 235, 235, 1) 100%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(
        top,
        rgba(239, 239, 239, 1) 0%,
        rgba(235, 235, 235, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(
        to bottom,
        rgba(239, 239, 239, 1) 0%,
        rgba(235, 235, 235, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
    color: #666;
    padding-right: 17px;
    margin: 0 5px 0 0;
}

.card-form input[type="submit"].search-again {
    border: 1px solid #1585d8;
    display: block;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    font-family: "proxima-nova", sans-serif;
    color: #fff;
    transition: all 0.3s ease;
    background: rgb(45, 161, 248); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45, 161, 248, 1) 0%, rgba(26, 146, 235, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da1f8', endColorstr='#1a92eb',GradientType=0 ); /* IE6-9 */
    padding: 0 23px;
    cursor: pointer;
}
.card-form input[type="submit"].search-again:hover {
    background: rgb(39, 140, 239); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(39, 140, 239, 1) 0%, rgba(23, 126, 218, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278cef', endColorstr='#177eda',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1274c2;
}

/* modal windows
--------------------------------------------*/
.modalContainer {
    width: 100%;
    padding: 15px;
    position: relative;
}
.jsModalClose {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 15px;
    font-size: 19px;
    width: 17px;
    height: 17px;
    margin: 10px 6px 0 0;
    text-indent: -9999px;
    background: url(../images/modal-close.svg) 0 0 no-repeat;
    background-size: 17px;
    z-index: 2;
}
.modal-content {
    padding: 15px 10px;
}
.modalContainer .jsModalClose:hover {
    background-position: 0 -22px;
}
.modalContainer h1 {
    display: block;
    width: 100%;
    font-size: 26px;
    margin: 0 0 5px 0;
}
.modalContainer h2 {
    display: block;
    width: 100%;
    font-size: 18px;
    margin: 0 0 15px 0;
}
.modalContainer fieldset {
    margin: 0;
}
.modalContainer legend {
    padding: 0 0 5px 0;
    font-size: 14px;
}
html .modalWindow {
    background: #fff;
    width: auto;
    padding: 15px;
    margin-top: 40px;
    display: none;
}
html .modalWindow.size-small {
    background: #fff;
    width: 90%;
    padding: 20px;
    max-width: 640px;
    display: block;
}
html .modalWindow.size-medium {
    background: #fff;
    width: 90%;
    padding: 20px;
    max-width: 940px;
    display: block;
}
html .modalWindow.size-large {
    background: #fff;
    width: 90%;
    padding: 20px;
    max-width: none;
    display: block;
}
.row.margin-b-0 {
    margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
    .modal .modal-content {
        padding: 5px;
    }
    .modal .modal-content h2 {
        margin-bottom: 10px;
    }
    .modal .card {
        box-shadow: unset;
        margin: 0;
    }
    .modal .card .card-content p {
        margin: 0;
    }
    .modal .card .card-content .row {
        margin-bottom: 0;
    }
}

.call-buttton,
.call-buttton:hover {
    background-image: url(/resources/images/icons/task-icons/called.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
}

.sms-button,
.sms-button:hover {
    background-image: url(/resources/images/icons/task-icons/sms.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
}

.stage-options {
    text-transform: capitalize;
    margin-left: 5px;
}
#stage-options a span {
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    line-height: 25px;
    text-align: center;
    height: 25px;
    padding: 0 7px;
    background: rgb(45, 161, 248);
    vertical-align: top;
    margin-left: 10px;
}

.inbound-call,
.inbound-call:hover {
    background-image: url(/resources/images/icons/task-icons/call-in.svg);
    background-position: 13px 50%;
    background-repeat: no-repeat;
}

.inbound-sms,
.inbound-sms:hover {
    background-image: url(/resources/images/icons/task-icons/sms-in.svg);
    background-position: 13px 50%;
    background-repeat: no-repeat;
}

.button-answered,
.button-answered:hover {
    background-image: url(/resources/images/icons/task-icons/answered.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
}

.button-message,
.button-message:hover {
    background-image: url(/resources/images/icons/task-icons/message.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
}
.button-voicemail,
.button-voicemail:hover {
    background-image: url(/resources/images/icons/task-icons/voicemail.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
}
.button-no-answer,
.button-no-answer:hover {
    background-image: url(/resources/images/icons/task-icons/no-answer.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
}

.button-wrong-number {
    border: none;
    background: url(/resources/images/icons/task-icons/wrong-number.svg) 0px 50% no-repeat #fff;
    margin: 0 5px 0 0;
    padding-right: 0;
    padding-left: 26px;
    color: #666;
}
.button-wrong-number:hover {
    background: url(/resources/images/icons/task-icons/wrong-number.svg) 0px 50% no-repeat #fff;
}

.button-email-sent,
.button-email-sent:hover {
    background-image: url(/resources/images/icons/task-icons/email.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
}

.button-email-inbound,
.button-email-inbound:hover {
    background-image: url(/resources/images/icons/task-icons/email-in.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
}

/* icon links 
--------------------------------------------------------------------- */
.icon-link-delete {
    display: block;
    background: url(../images/icons/ico-no.svg) 0 0 no-repeat;
    height: 16px;
    width: 16px;
}

/* offers table */
.offers-table .rejected .icon {
    color: #ff0000;
    display: inline-block;
    padding-left: 38px;
    background: url(/resources/images/icons/thumbs-down.svg) 0 50% no-repeat;
    background-size: 25px auto;
    line-height: 28px;
}
.offers-table .awaiting-response .icon {
    color: #ff7208;
    display: inline-block;
    padding-left: 23px;
    background: url(/resources/images/icons/awaiting.svg) 0 50% no-repeat;
    background-size: 11px auto;
    line-height: 28px;
}
.offers-table .considering .icon {
    color: #ff7208;
    display: inline-block;
    padding-left: 40px;
    background: url(/resources/images/icons/mulling.svg) 0 50% no-repeat;
    background-size: 30px auto;
    line-height: 28px;
}
.offers-table .accepted .icon {
    color: #00750b;
    display: inline-block;
    padding-left: 38px;
    background: url(/resources/images/icons/thumbs-up.svg) 0 50% no-repeat;
    background-size: 25px auto;
    line-height: 28px;
}
.ajax-loading .card-table {
    position: relative;
}
.ajax-loading .card-table:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.9;
}
.ajax-loading .card-table:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: url(/resources/images/ajax-spinner.gif) 50% 100px no-repeat;
}

#jsResults-table.ajax-loading {
    position: relative;
}
#jsResults-table.ajax-loading:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.9;
}
#jsResults-table.ajax-loading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: url(/resources/images/ajax-spinner.gif) 50% 100px no-repeat;
}

.button-select:hover {
    padding: 0 30px 0 50px;
}
.button-select:before {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 053s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.button-select:hover:before {
    content: "";
    background: url(../images/icons/button_tick.svg) 0 50% no-repeat;
    height: 31px;
    width: 20px;
    position: absolute;
    left: 20px;
    top: 0;
    opacity: 1;
}

/* button fix for loading buttons */
.button span.ladda-label {
    width: auto;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
}
/* buttons for calendar */
.filter-by-date {
    margin: 0 4px 0 0;
}
.filter-by-date a.calendar {
    padding-left: 38px;
    padding-right: 35px;
}
.filter-by-date a.calendar:before {
    content: "";
    background: url(/resources/images/icon-calendar-picker.svg) no-repeat;
    background-size: 18px auto;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 9px;
    top: 8px;
}
.filter-by-date a.calendar:after {
    content: "";
    background: url(/resources/images/icon-calendar-picker-arrow.svg) no-repeat;
    background-size: 7px auto;
    height: 5px;
    width: 7px;
    position: absolute;
    right: 14px;
    top: 16px;
}
.filter-by-date .separator {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding-right: 5px;
}

/* helper classes 
------------------------------------------*/
.no-p {
    padding: 0 !important;
}
.no-p-t {
    padding-top: 0 !important;
}
.no-p-b {
    padding-bottom: 0 !important;
}
.no-p-r {
    padding-right: 0 !important;
}
.no-p-l {
    padding-left: 0 !important;
}
.p-t-5 {
    padding-top: 5px;
}
.p-t-10 {
    padding-top: 10px;
}
.p-t-15 {
    padding-top: 15px;
}
.p-t-20 {
    padding-top: 20px;
}
.p-t-25 {
    padding-top: 25px;
}
.p-t-30 {
    padding-top: 30px;
}
.p-t-40 {
    padding-top: 40px;
}
.p-b-5 {
    padding-bottom: 5px;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-b-15 {
    padding-bottom: 15px;
}
.p-b-20 {
    padding-bottom: 20px;
}
.p-b-25 {
    padding-bottom: 25px;
}
.p-b-30 {
    padding-bottom: bottom;
}
.p-b-40 {
    padding-bottom: 40px;
}
.p-r-5 {
    padding-right: 5px;
}
.p-r-10 {
    padding-right: 10px;
}
.p-r-15 {
    padding-right: 15px;
}
.p-r-20 {
    padding-right: 20px;
}
.p-r-25 {
    padding-right: 25px;
}
.p-r-30 {
    padding-right: 30px;
}
.p-r-40 {
    padding-right: 40px;
}
.p-l-5 {
    padding-left: 5px;
}
.p-l-10 {
    padding-left: 10px;
}
.p-l-15 {
    padding-left: 15px;
}
.p-l-20 {
    padding-left: 20px;
}
.p-l-25 {
    padding-left: 25px;
}
.p-l-30 {
    padding-left: 30px;
}
.p-l-40 {
    padding-left: 40px;
}
.p-all-5 {
    padding: 5px;
}
.p-all-10 {
    padding: 10px;
}
.p-all-15 {
    padding: 15px;
}
.p-all-20 {
    padding: 20px;
}
.p-all-25 {
    padding: 25px;
}
.p-all-30 {
    padding: 30px;
}
.p-all-40 {
    padding: 40px;
}

.no-m {
    margin: 0 !important;
}
.no-m-t {
    margin-top: 0 !important;
}
.no-m-b {
    margin-bottom: 0 !important;
}
.no-m-r {
    margin-right: 0 !important;
}
.no-m-l {
    margin-left: 0 !important;
}
.m-t-5 {
    margin-top: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-17 {
    margin-top: 17px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-25 {
    margin-top: 25px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-t-35 {
    margin-top: 35px;
}
.m-t-40 {
    margin-top: 40px;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-8 {
    margin-bottom: 8px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-b-15 {
    margin-bottom: 15px !important;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-25 {
    margin-bottom: 25px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-40 {
    margin-bottom: 40px;
}
.m-r-5 {
    margin-right: 5px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-r-20 {
    margin-right: 20px;
}
.m-r-25 {
    margin-right: 25px;
}
.m-r-30 {
    margin-right: 30px;
}
.m-r-40 {
    margin-right: 40px;
}
.m-l-5 {
    margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-l-15 {
    margin-left: 15px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-l-25 {
    margin-left: 25px;
}
.m-l-30 {
    margin-left: 30px;
}
.m-l-40 {
    margin-left: 40px;
}
.m-all-5 {
    margin: 5px;
}
.m-all-10 {
    margin: 10px;
}
.m-all-15 {
    margin: 15px;
}
.m-all-20 {
    margin: 20px;
}
.m-all-25 {
    margin: 25px;
}
.m-all-30 {
    margin: 30px;
}
.m-all-40 {
    margin: 40px;
}

/*Small | up to 640px*/
@media only screen and (max-width: 40em) {
    .m-b-5-s {
        margin-bottom: 5px;
    }
    .m-b-10-s {
        margin-bottom: 10px;
    }
    .m-b-15-s {
        margin-bottom: 15px;
    }
    .m-b-20-s {
        margin-bottom: 20px;
    }
    .no-m-b-s {
        margin-bottom: 0;
    }
}

/*Small Medium | 641px - 768px*/
@media only screen and (min-width: 641px) and (max-width: 900px) {
    .m-b-20-sm {
        margin-bottom: 20px;
    }
}

/* large medium */
@media only screen and (min-width: 901px) and (max-width: 1470px) {
    .m-b-20-lm {
        margin-bottom: 20px;
    }
    .no-p-l-l {
        padding-left: 0;
    }
}

/* stage - large */
@media screen and (min-width: 1471px) {
    .m-l-45-l {
        margin-left: 45px;
    }
    .p-l-45-l {
        padding-left: 45px;
    }
    .m-l-20-l {
        margin-left: 20px;
    }
}

.none {
    padding: 0 !important;
    margin: 0 !important;
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.text-center {
    text-align: center;
}
.soft-hide {
    display: none;
}
img {
    max-width: 100%;
}

.border-top {
    border-top: 1px solid #b7d2e5;
}
.border-bottom {
    border-bottom: 1px solid #b7d2e5;
}

.card .card-content {
    padding: 12px;
}

/*Small | up to 640px*/
@media only screen and (min-width: 641px) {
    .card .card-content {
        padding: 16px 24px 10px 24px;
    }
    .content-header-spacer.collided .card .card-content {
        padding-bottom: 5px;
    }
}

/* modals
----------------------------------------*/
.modal.modal-size-small {
    max-width: 460px;
}
.modal.modal-size-medium {
    max-width: 760px;
}
.modal.modal-size-full {
    max-width: 95%;
    width: 90%;
}

/* cms 
---------------------------------------*/
.columnContainer {
    float: left;
    width: 100%;
}
.columnContainer p {
    font-size: 14px;
    color: #676767;
    margin: 0px 0px 14px 0px;
    color: #333;
    line-height: 20px;
}
.columnContainer img {
    float: left;
}

.columnContainer .full-width img {
    width: 100%;
    height: auto !important;
}
.columnContainer .full-width p {
    margin: 0 0 14px 0 !important;
}

.columnContainer .half-left {
    padding-right: 7px;
    padding-bottom: 14px;
    float: left;
    width: 50%;
}
.columnContainer .half-right {
    padding-left: 7px;
    padding-bottom: 14px;
    float: left;
    width: 50%;
}
.columnContainer .half-left img,
.columnContainer .half-right img {
    width: 100% !important;
    height: auto !important;
}

.columnContainer .half-right a img,
.columnContainer .half-left a img {
    padding: 14px 0 0 0;
}
.columnContainer .half-right a:first-child img,
.columnContainer .half-left a:first-child img {
    padding: 0;
}

.columnContainer .half-inner-fixed {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}
.columnContainer .half-inner-fixed p {
    margin: 0;
}

.columnContainer .caption {
    height: 14px;
    width: 100%;
    float: left;
}

.columnContainer .third {
    width: 33.27%;
    float: left;
    margin: 0px 1px 0px 0px;
}
.columnContainer .third img {
    width: 100%;
    height: auto !important;
}
.columnContainer .third .columnContainer .full-width {
    width: 100%;
}
.columnContainer .third:last-child {
    margin: 0;
}

.columnContainer blockquote {
    float: left;
    width: 100%;
    padding: 8px 0px 2px 0px;
    margin: 14px 0 0 0;
    border-top: 1px solid #ccc;
    font-size: 11px;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
    background: url(/resources/images/quote-open-small.png) 0 24px no-repeat;
}
.columnContainer blockquote p {
    line-height: 24px;
    display: block;
    margin: 0px;
    padding: 0px 20px 20px 20px;
    border-bottom: 1px solid #ccc;
    background: url(/resources/images/quote-close-small-tall.png) right bottom no-repeat;
}

.columnContainer .full-width blockquote {
    margin: 0 0 14px 0;
}
.columnContainer .full-width {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0 0 9px 0;
}
.columnContainer .full-width img {
    margin: 0px 0px 0 0px;
}

.collumnContainer .squares {
    width: 220px;
    height: 220px;
    float: left;
}
.collumnContainer .squares:nth-child(3) {
    width: 206px;
    height: 220px;
}

.columnContainer .small p {
    font-size: 14px;
}
.columnContainer .medium p {
    font-size: 21px;
}
.columnContainer .large p {
    font-size: 25px;
}

.columnContainer .full-width-question p {
    font-size: 15px;
    margin: 5px 0 0px 0;
}
.columnContainer .full-width-answer p {
    font-size: 14px;
    color: #333;
    font-style: italic;
}

/* FORMS - standard 36px boxed
----------------------------------------------*/
.card-form .row .col,
.card-form .row .col p.jsLocationLookup {
    font-size: 14px;
    font-weight: 600px;
}
.card-form label {
    display: block;
    height: 17px;
    line-height: 1.1em;
    font-size: 12px;
    letter-spacing: 0.04em;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    color: #6f737e;
    text-transform: uppercase;
    position: relative;
}
.card-form {
    font-weight: 600;
}
.card-form span.standard {
    font-weight: 300;
}

.card-form .fixed-height-label {
    display: block;
    height: 32px;
    line-height: 32px;
}

@media only screen and (min-width: 641px) {
    .card-form label {
        height: 20px;
    }
    .card-form .row .col,
    .card-form .row .col p.jsLocationLookup {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1471px) {
    .card-form.labels-to-side .form-field {
        padding-top: 10px;
    }
    .card-form.labels-to-side label {
        width: 34%;
        display: inline-block;
        vertical-align: top;
        padding-top: 9px;
    }
    .card-form.labels-to-side input[type="checkbox"] + label {
        margin: 6px 0 23px 0;
        padding-top: 0;
    }
    .card-form.labels-to-side input,
    .card-form.labels-to-side textarea,
    .card-form.labels-to-side .input-prefix-container,
    .card-form.labels-to-side .date-container,
    .card-form.labels-to-side .time-container,
    .card-form.labels-to-side .chosen-container-wrap,
    .card-form.labels-to-side .select-wrapper {
        width: 64%;
        display: inline-block;
        vertical-align: top;
    }
    .card-form.labels-to-side .select-wrapper input {
        width: 100%;
    }
    .card-form.labels-to-side .select-wrapper .caret {
        margin: 12px 0 0 0;
    }
    .card-form.labels-to-side .input-prefix-container input,
    .card-form.labels-to-side .date-container input,
    .card-form.labels-to-side .time-container input {
        width: 100%;
    }
    .card-form.labels-to-side .error .error-message {
        left: 36%;
    }
    .card-form.labels-to-side .error input[type="radio"] ~ .error-message {
        left: 8px;
        bottom: -12px;
    }
    .card-form.labels-to-side .error input[type="checkbox"] ~ .error-message {
        left: 8px;
        bottom: -12px;
    }
    .card-form.labels-to-side input[type="radio"] ~ .input-hint {
        left: 8px;
        right: auto;
        bottom: 1px;
    }
    .card-form.labels-to-side input[type="checkbox"] ~ .input-hint {
        left: 8px;
        right: auto;
        bottom: 3px;
    }
}
.card-form .select-wrapper span.caret {
    right: 15px;
    line-height: 11px;
}
.card-form label.stacked {
    height: 28px;
    line-height: 25px;
}

*::-moz-placeholder {
    color: #c4c4c4;
}
.card-form input[type="submit"],
.card-form button[type="submit"] {
    margin: 15px 0;
}
@keyframes opacity-pulsate {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.card-form .pulse-border.error .error-message {
    animation: opacity-pulsate 1.5s infinite;
}

.card-form .applicant-gender span {
    font-weight: 300;
    color: #999;
    padding: 0 0 0 2px;
}
.card-form .applicant-gender img {
    margin: 0 4px 0 0;
}

/*
REQUIRED FIELD
*/
.card-form .form-field.required .asterix {
    display: inline;
    color: #ff151f;
    padding: 0 0 0 1px;
}

.card-form input,
.card-form input[type="text"],
.card-form input[type="number"],
.card-form input[type="email"],
.card-form input[type="time"],
.card-form input[type="tel"],
.card-form input[type="search"],
.card-form input[type="password"],
.card-form input[type="date"],
.card-form select,
.card-form .select-wrapper input.select-dropdown {
    height: 32px;
    line-height: 32px;
    border: 1px solid #a8c6df;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 30px 0 10px;
    margin: 0 0 17px 0;
    color: #3f536e;
    font-size: 14px;
    box-sizing: border-box;
}
/*.removed because touch seems to be working fine with the materialize select
touch select {*/
/*    display:block;*/
/*    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;*/
/*    -moz-appearance: none;*/
/*    -webkit-appearance: none;*/
/*    appearance: none;*/
/*    background-color:#FFF;*/
/*}*/
.card-form .intl-tel-input.allow-dropdown {
    margin: 0 0 17px 0;
}

.card-form .select-wrapper input.select-dropdown {
    background-color: transparent;
    z-index: 11;
}
.card-form .datepicker-controls .select-wrapper input.select-dropdown {
    border-color: transparent;
    padding: 0;
    margin: 0;
}
.datepicker-done.btn-flat {
    margin-left: 10px;
}

.card-form .totalContainer {
    font-size: 22px;
    font-weight: 500;
}

.card-form .chosen-container-wrap {
    margin: 0;
}

.card-form input:active,
.card-form input:focus,
input[type="text"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]) {
    background-color: #ecf5fd;
    border-bottom: 1px solid #a8c6df;
    font-size: 14px;
    color: #3f536e;
    box-shadow: none;
}
.card.card-form .card-content .documents-list {
    margin: 5px 0 13px 0;
    float: left;
    width: 100%;
}
.card.card-form .card-content .documents-list .document {
    float: left;
    margin: 0 30px 0 0;
}
.card.card-form .card-content .documents-list .document-name {
    display: inline-block;
    background: url(../../images/icons/document-upload-icon.svg) 0 4px no-repeat;
    padding: 0 5px 0 30px;
    color: #3f536e;
    height: 30px;
    line-height: 30px;
}
.card.card-form .card-content .documents-list .document-name:hover {
    color: #0277bb;
}

.card.card-form .card-content .documents-list .document .remove {
    color: #cc0000;
}

.card.card-form .documnet-upload-small .dropzone-noauto {
    padding: 23px 20px 13px 20px;
    border: 1px dashed #a8c6df;
    border-radius: 3px;
}
.card.card-form .documnet-upload-small .dropzone-noauto .dz-message {
    padding: 0;
}
.card.card-form .documnet-upload-small .dropzone-noauto .dz-message span {
    padding: 80px 0 0 0;
}

.card.card-form .row .col.checkbox-row-match {
    padding-top: 10px;
}

.card.card-form .row.sort-code-row input[type="text"].code {
    width: 48px;
    padding: 0 5px;
    text-align: center;
}

/*
RADIO options
*/
.card-form .radio-title {
    display: block;
    margin: 10px 0 5px 0;
}
.card-form input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding: 0 15px 0 27px;
    margin: 4px 0 15px 0;
    height: auto;
    line-height: 20px;
    font-size: 14px;
    width: auto;
    text-transform: capitalize;
}
.card-form input[type="radio"] + label:before {
    display: none;
}
.card-form input[type="radio"] + label:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 20px;
    height: 20px;
    background: url(../images/radio-style-one.svg) no-repeat;
    background-size: 20px 60px;
    border-radius: 0;
    border: 0;
    transform: none;
    -webkit-transform: none;
    transition: none;
}
.card-form .error input[type="radio"] + label:after {
    background: url(../images/radio-style-one.svg) transparent no-repeat;
    background-position: 0 -40px;
    background-size: 20px 60px;
    border: 0;
}
.card-form input[type="radio"]:checked + label:after {
    background: url(../images/radio-style-one.svg) transparent no-repeat;
    background-position: 0 -20px;
    background-size: 20px 60px;
    border: 0;
}
/*
CHECKBOX options
*/
.card-form .checkbox-title,
.card-form .slider-title,
.card-form .radio-title {
    display: block;
    height: 35px;
    line-height: 20px;
    font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    color: #3f536e;
    padding-top: 10px;
}
.card-form .checkbox-title {
    margin: 0;
}
.card-form .slider-title {
    margin: 0;
}
.card-form input[type="checkbox"],
input[type="checkbox"] {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
input[type="checkbox"] + label,
.card-form input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 0 15px 0 27px;
    margin: 24px 0 19px 0;
    height: auto;
    line-height: 20px;
    font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    color: #3f536e;
    text-transform: none;
    cursor: pointer;
    width: auto;
}
input[type="checkbox"] + label img,
.card-form input[type="checkbox"] + label img {
    margin: -4px 5px -7px 4px;
}
.card-form input[type="checkbox"] + label:before,
input[type="checkbox"] + label:before {
    display: none;
}
.card-form input[type="checkbox"] + label:after,
input[type="checkbox"] + label:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 1px;
    width: 20px;
    height: 20px;
    background: url(../images/checkbox-style-one.svg) no-repeat;
    background-size: 20px 60px;
    border-radius: 0;
    border: 0;
    transform: none;
    -webkit-transform: none;
    transition: none;
}
.card-form .error input[type="checkbox"] + label:after,
.error input[type="checkbox"] + label:after {
    background: url(../images/checkbox-style-one.svg) transparent no-repeat;
    background-position: 0 -40px;
    background-size: 20px 60px;
    border: 0;
}
.card-form input[type="checkbox"]:checked + label:after {
    background: url(../images/checkbox-style-one.svg) transparent no-repeat;
    background-position: 0 -20px;
    background-size: 20px 60px;
    border: 0;
}
/*
SELECT
*/
.card-form .error .select-wrapper input.select-dropdown {
    border: 1px solid #ff151f;
    background: transparent;
}
/*
CHOSEN SELECT
*/
.chosen-container-single .chosen-single {
    border: 1px solid #a8c6df;
    background: transparent;
    height: 36px;
    line-height: 36px;
}
.chosen-container-single .chosen-single div {
    top: 6px;
    right: 5px;
}
.card-form .error .chosen-container-single .chosen-single {
    border: 1px solid #ff151f;
}
/*
SLIDERS
*/
.card-form .refineSliderContainer {
    margin: 9px 0 1px 0;
    padding: 0 15px 0 0;
    position: relative;
}
.card-form .searchFieldOption.select-wrapper input.select-dropdown {
    border: 0;
    padding: 0;
}
.card-form .refineSliderContainer input[type="text"] {
    border: 0;
    margin: 0;
}
.card-form .searchFieldOption {
    top: -34px;
}
/*
TEXTAREA
*/
.card-form textarea,
.card-form textarea.materialize-textarea {
    border: 1px solid #a8c6df;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 5px;
    margin: 0 0 15px 0;
    height: 42px;
    min-height: 42px;
}
.card-form .cke {
    margin: 0 0 15px 0;
}
.card-form textarea.materialize-textarea {
    padding: 5px 10px;
}
.card-form .error textarea {
    border: 1px solid #ff151f;
    background: transparent;
}

.card-form textarea.noteMessage {
    height: auto;
}

.card-form input[type="tel"],
.card-form input[type="number"] {
}

.card-form input[type="date"],
.card-form input[type="datetime-local"],
.card-form input[type="time"],
input[type="email"]:focus:not([readonly]) {
}

.card-form input[type="search"] {
}

.card-form .error-message {
    display: none;
}
.card-form .error .error-message {
    display: block;
    position: absolute;
    bottom: 3px;
    font-size: 11px;
    color: #ff151f;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    line-height: 10px;
    font-style: italic;
}
.card-form .form-field {
    position: relative;
}
.form-field .intl-tel-input {
    width: 100%;
}
.card-form .form-field:not(.col) {
    display: block;
    clear: both;
}
.card-form .input-hint {
    position: absolute;
    bottom: 3px;
    right: 0.75rem;
    text-align: right;
    font-size: 11px;
    color: #3f536e;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    line-height: 10px;
    font-style: italic;
}
/*
AJAX SELECTED CHIPS
*/
.card-form .form-field-search .chip {
    margin: 0 3px 3px 0;
}
.card-form .form-field-search .chip .close {
    line-height: 24px;
}
input[type="tel"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]) {
    background: #ecf5fd;
    border-bottom: 1px solid #ecf5fd;
    font-size: 14px;
    color: #3f536e;
}

input[type="date"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]) {
    background: #ecf5fd;
    border-bottom: 1px solid #ecf5fd;
    font-size: 14px;
    color: #3f536e;
}

input[type="search"]:focus:not([readonly]) {
    background: #ecf5fd;
    border-bottom: 1px solid #ecf5fd;
    font-size: 14px;
    color: #3f536e;
}

input[type="password"]:focus:not([readonly]) {
    background: #ecf5fd;
    border-bottom: 1px solid #ecf5fd;
    font-size: 14px;
    color: #3f536e;
}

textarea.materialize-textarea:focus:not([readonly]) {
}

/* prefix */
input.prefixed,
.card-form input.prefixed,
.card-form input[type="text"].prefixed,
.card-form input[type="email"].prefixed {
    padding: 0 30px 0 70px;
}

.card-form .input-prefix {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
    border-right: 1px solid #a8c6df;
    position: absolute;
    top: 1px;
    left: 1px;
    color: #88a5bd;
    border-radius: 1px 0 0 1px;
    background: rgb(225, 235, 245); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(225, 235, 245, 1) 0%,
        rgba(208, 221, 235, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(225, 235, 245, 1) 0%,
        rgba(208, 221, 235, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ebf5', endColorstr='#d0ddeb',GradientType=0 ); /* IE6-9 */
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.card-form .input-prefix-container.currency input.prefixed {
    padding: 0 30px 0 56px;
}
.card-form .input-prefix-container.currency .input-prefix {
    width: 48px;
    text-align: center;
}

/* color picker */
.card-form .input-prefix-container {
    width: 100%;
    position: relative;
}
.show-color-input {
    position: relative;
}
.show-color-input input {
    display: block !important;
    padding-right: 55px;
}
.show-color-input .sp-replacer {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    border-radius: 0 4px 4px 0;
    border-color: #a8c6df;
}
html .sp-replacer:hover,
html .sp-replacer.sp-active {
    border-color: #a8c6df;
}
html .sp-container {
    border-color: #a8c6df;
    border-radius: 4px 4px 4px 0;
    background: rgb(225, 235, 245);
    background: -moz-linear-gradient(top, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
    background: linear-gradient(to bottom, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ebf5', endColorstr='#d0ddeb',GradientType=0 );
}
html .sp-picker-container {
    border: 0;
}
html .sp-clear-display {
    background-image: inherit;
    background: #ffffff;
}
html .sp-clear-enabled .sp-top-inner .sp-clear {
    top: auto;
    right: auto;
    left: 0;
    bottom: -29px;
    border: 0;
    background: transparent;
    height: auto;
}
html .sp-container button {
    border: 1px solid #c5d9e8;
    background: #fff;
    color: #0093ee;
    font-weight: 500;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    padding: 5px 23px;
}
html .sp-container button:hover {
    background: rgb(225, 235, 245);
    background: -moz-linear-gradient(top, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
    background: linear-gradient(to bottom, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ebf5', endColorstr='#d0ddeb',GradientType=0 );
}
html .sp-clear-enabled .sp-hue {
    top: 0;
    height: 100%;
}
html .sp-clear-enabled .sp-top-inner .sp-clear:after {
    content: "Clear";
}
html .sp-replacer {
    background: rgb(225, 235, 245);
    background: -moz-linear-gradient(top, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
    background: linear-gradient(to bottom, rgba(225, 235, 245, 1) 0%, rgba(208, 221, 235, 1) 100%);
}
.sp-clear:hover {
    cursor: pointer;
}

/* date */
.card-form .datepicker {
    background: url(/resources/images/icon-calendar-picker.svg) 96% 50% no-repeat;
    background-size: 20px auto;
    cursor: pointer;
}
.card-form .timepicker {
    background: url(/resources/images/icons/form_time-icon.svg) 96% 50% no-repeat;
    background-size: 20px auto;
    cursor: pointer;
}

/* search */
.card-form .form-field-search {
    width: 100%;
    position: relative;
}
.card-form .form-field-search input,
.card-form .error .form-field-search input,
.card-form .error .form-field-search input:active,
.card-form .error .form-field-search input:focus,
.card-form .success .form-field-search input,
.card-form .success .form-field-search input:active,
.card-form .success .form-field-search input:focus {
    background: url(../images/icons/form-field-search-icon.svg) top right no-repeat;
}

/* success */
.card-form .success input {
    border: 1px solid #4ece3d;
    font-size: 15px;
    background: url(/resources/images/icons/form_success-tick.svg) right 50% no-repeat;
}
.card-form .success input:active,
.card-form .success input:focus {
    background-position: right 50%;
    border-bottom: 1px solid #4ece3d;
    box-shadow: none;
}

/* errors */
.card-form .error input {
    border: 1px solid #ff151f;
    font-size: 15px;
    background: url(/resources/images/icons/form_error-sign.svg) right 50% no-repeat;
}
.card-form.style-2 .error .show-color-input input {
    background-position: right 42px center;
}
.card-form .error input:active,
.card-form .error input:focus {
    background-position: right 50%;
    border-bottom: 1px solid #ff151f;
    box-shadow: none;
}

.card-form .error .inputPrefix {
    border-color: #ff151f;
}

/* checkboxes 
----------------------------------------*/

.card-form input[type="checkbox"] {
    border: 1px solid #a8c6df;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    float: left;
    height: 20px;
    width: 20px;
}

/*----------------------
FORMS style 2 (.style-2)
-----------------------*/
.card-form.style-2 input,
.card-form.style-2 input[type="text"],
.card-form.style-2 input[type="email"],
.card-form.style-2 .error .select-wrapper input.select-dropdown,
.card-form.style-2 textarea,
.card-form.style-2 .chosen-container-single .chosen-single {
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.chosen-container-single .chosen-single {
    box-shadow: inherit;
}
.card-form.style-2 input[type="tel"]:focus:not([readonly]),
.card-form.style-2 input[type="number"]:focus:not([readonly]),
.card-form.style-2 input[type="search"]:focus:not([readonly]),
.card-form.style-2 input[type="date"]:focus:not([readonly]),
.card-form.style-2 input[type="datetime-local"]:focus:not([readonly]),
.card-form.style-2 input[type="time"]:focus:not([readonly]),
.card-form.style-2 input[type="password"]:focus:not([readonly]),
.card-form.style-2 textarea:focus:not([readonly]),
.card-form.style-2 textarea.materialize-textarea:focus:not([readonly]) {
    border: 0;
}
.card-form.style-2 .input-prefix {
    border: 0;
    background: transparent;
    border-right: 1px solid #a8c6df;
}
.card-form.style-2 .show-color-input .sp-replacer {
    border: 0;
    background: transparent;
    border-left: 1px solid #a8c6df;
}
.chosen-container .chosen-drop {
    border: 1px solid #a8c6df;
    background: #fff;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background: #ecf5fc;
}
/*----------------------
FORMS style 3 (.style-3) 42px height
-----------------------*/
.card-form.style-3 input,
.card-form.style-3 input[type="text"],
.card-form.style-3 input[type="email"] {
    height: 42px;
    line-height: 42px;
}
.card-form.style-3 .input-prefix {
    height: 40px;
    line-height: 40px;
}
.card-form.style-3 .show-color-input .sp-replacer {
    padding: 10px 5px;
}
.card-form.style-3 .error .show-color-input input {
    background-position: right 42px center;
}
.card-form.style-3 .date-container input,
.card-form.style-3 .error .date-container input,
.card-form.style-3 .success .date-container input {
    background: url(../images/icons/form_date-icon.svg) 100% 4px no-repeat;
}
.card-form.style-3 .time-container input,
.card-form.style-3 .error .time-container input,
.card-form.style-3 .success .time-container input {
    background: url(../images/icons/form_time-icon.svg) 100% 4px no-repeat;
}

/* buttons - old replace as you go 
----------------------------------------*/
.btn,
.btn-flat,
.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-flat {
    margin: 0;
    border: 1px solid #666;
}
.modal-content.modal-size-600 {
    max-width: 600px;
}
.btn-xsmall {
    height: 25px;
    line-height: 25px;
    padding: 0 16px;
    margin: 0;
    background: #999;
    color: #fff;
}
.btn.btn-xsmall {
    margin-bottom: 0;
}
.btn-xsmall:hover {
    /* accent */
}
.btn-small {
    height: 30px;
    line-height: 30px;
    padding: 0 1.6em;
    font-size: 12px;
}

.buttonFlat {
    transition: all 0.3s ease-out 0s;
    color: #343434;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    background: #eee;
}
.buttonFlat:hover {
    color: #fff;
    /* bg colour in accents */
}
.autocomplete-content,
.dropdown-content {
    margin: 0;
    padding: 0;
}
.search-box label {
    position: relative;
    width: 100%;
    height: 0;
    display: block;
}
.search-box label.show-error:before {
    display: block;
    position: absolute;
    top: -20px;
    transition:
        0.2s opacity ease-out,
        0.2s color ease-out;
    content: attr(data-error);
    color: #f44336;
    opacity: 1;
    width: 100%;
}
/* chips (tags)
----------------------------------------*/
.chip-row {
    margin-bottom: 10px;
}
.chip {
    background: none;
    border: 1px solid #333;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin: 0 5px 0 0;
    padding: 0 13px;
    height: 26px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 400;
}

.chip.category {
    border: 1px solid #0293ee;
    color: #0293ee;
}
.chip.vessel {
    border: 1px solid #26c1c6;
    color: #26c1c6;
}
.chip.draft {
}
.chip.approved,
.chip.withdrawn,
.chip.status-Withdrawn {
    border: 1px solid #f09609;
    color: #f09609;
}
.chip.sent,
.chip.ready {
    border: 1px solid #00aa55;
    color: #00aa55;
}

.chip:hover,
.chip.vessel:hover,
.chip.category:hover {
    border: 1px solid #0093ee;
    color: #0093ee;
}

/*header*/
.blank-header {
    background: #cc0000;
    padding: 25px 0 32px 56px;
}
/* Footer 
---------------------------------------*/
.load-bar-container {
    display: none;
}

/* sidebar
---------------------------------------*/
.sidebar-menu {
    padding-top: 6px !important;
}
.mn-inner .mn-inner-overlay {
    width: 0;
    height: 0;
    transition: opacity 0.3s ease;
    background: rgba(000, 000, 000, 0.8);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 996;
    display: block;
}
.mn-inner.sideNav-open .mn-inner-overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
}
.sidenav {
    height: calc(100% - 65px) !important;
    margin-top: 70px;
}
.sidebar-profile {
    background: none;
    min-height: 64px;
    float: right;
    padding: 0;
}
.sidebar-profile-image {
    float: right;
    width: 47px;
    margin: 14px 0 0 0;
}
.sidebar-profile .sidebar-profile-info {
    margin-top: 3px;
}
.sidebar-profile .sidebar-profile-image {
    height: 50px;
    position: relative;
}
.sidebar-profile .sidebar-profile-image:before {
    position: absolute;
    top: 28px;
    right: 7px;
    z-index: 3;
    background: url(../images/icons/tick.svg) no-repeat;
    background-size: 7px auto;
    width: 10px;
    height: 10px;
    content: "";
}
.initials-box {
    width: 35px;
    height: 35px;
    color: #eb1b1b;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    display: block;
    border-radius: 1000px;
    margin: 0;
}
.sidebar-profile .sidebar-profile-image:after {
    position: absolute;
    top: 22px;
    right: 6px;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #fff;
    content: "";
    z-index: 2;
}
.sidebar-profile .in-office .sidebar-profile-image:after {
    background: #4ece3d;
}
.sidebar-profile .sidebar-profile-image img {
    height: 35px;
    width: 35px;
}
.sidebar-profile-image .rounded {
    border-radius: 100px;
}
.sidebar-profile .sidebar-profile-info {
    float: right;
    padding: 0;
}
.sidebar-profile .sidebar-profile-info i {
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    height: 20px;
}
.sidebar-profile .sidebar-profile-info p span {
    display: block;
    float: left;
    font-size: 13px;
    color: #fff;
    font-weight: 300;
    line-height: 56px;
    padding-right: 7px;
}
.sidebar-profile .sidebar-profile-info p i.material-icons.right {
    margin-left: 0;
    margin-top: 16px;
}
@media only screen and (max-width: 640px) {
    .sidebar-profile .sidebar-profile-info {
        display: none;
    }
}
/* sub navigation 
--------------------------*/
.navbar-fixed nav .navigation-toggle {
    display: none;
    position: relative;
    left: auto;
    float: left;
    margin-right: 10px;
}
@media only screen and (max-width: 1471px) {
    .navbar-fixed nav .navigation-toggle {
        display: inline-block;
    }
}
.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
    position: relative;
    display: block;
    text-transform: uppercase;
    padding-left: 57px !important; /* had to use !important to overite the materialize css :-( */
}
.sidenav .collapsible-header:after,
.sidenav.fixed .collapsible-header:after {
    content: "";
    background: url(../images/icons/sub-navigation/subnav-arrow.svg) 90% 50% no-repeat;
    transform: rotate(0deg);
    height: 9px;
    width: 7px;
    position: absolute;
    top: 15px;
    right: 20px;
    transition: all 0.3s ease;
}
.sidenav.fixed ul li.active > a.collapsible-header:after {
    transform: rotate(90deg);
}

.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover {
    background-position: 90% 50%;
}
.filter-title {
    border-top: 1px solid #ccc;
    padding: 10px 15px 10px;
    margin: 15px -10px 15px -10px;
    display: block;
    line-height: 24px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
    font-family: "proxima-nova", sans-serif;
    background: #fafbfc;
}

.sidebar-menu li a.collapsible-header:before {
    background: url(../images/icons/sub-navigation/subnavigation-icons.svg) 0 0 no-repeat;
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 24px;
    top: 10px;
    content: "";
}
.sidebar-menu li a.yachts:before {
    background-position: 0 -30px;
}
.sidebar-menu li a.proposals:before {
    background-position: 0 -60px;
}
.sidebar-menu li a.activity:before {
    background-position: 0 -90px;
}
.sidebar-menu li a.news-events:before {
    background-position: 0 -118px;
}
.sidebar-menu li a.directory:before {
    background-position: 0 -150px;
}
.sidebar-menu li a.documents:before {
    background-position: 0 -178px;
}
.sidebar-menu li a.contacts:before {
    background-position: 0 -207px;
}

.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
    padding: 0 0 10px 0;
}
.sidenav ul ul li a,
.sidenav.fixed ul ul li a {
    padding-left: 56px !important;
} /* had to use !important to overite the materialize css :-( */
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #000;
}

/* pagination 
-----------------------------------------------------*/
.pageSelection {
    width: 100%;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 10px 0 0 0;
}
.pageSelection.noBorder {
    border: 0;
}
.pageSelection .paginationList {
    display: inline-block;
    margin: 0;
}
.pageSelection .paginationList li {
    float: left;
    margin: 0 8px;
}
.pageSelection .paginationList li a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666;
    padding: 0 14px;
    text-transform: capitalize;
}
.pageSelection .paginationList li a:hover {
    color: #0093ee;
}
.pageSelection .paginationList li a.active,
.pageSelection .paginationList li a.active:hover {
    color: #fff;
    font-weight: 600;
    background: #0093ee;
}
.matching-count {
    display: inline-block;
    float: left;
}
@media only screen and (max-width: 640px) {
    .pageSelection .paginationList li {
        margin: 0 4px;
    }
    .pageSelection .paginationList li a {
        padding: 0 5px;
    }
}

/* display number of results 
-----------------------------------------------------*/

.footer-show-page {
    padding: 10px 0 0 0;
}
.footer-show-page label {
    display: block;
    height: 32px;
    line-height: 32px;
}
.footer-show-page .select-wrapper {
    background: #fff;
}

/* content header 
-----------------------------------------------------*/
.enquiry-details-header .crumb {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 14px 0;
}

.enquiry-details-header .crumb span,
.enquiry-details-header .crumb a,
.enquiry-details-header .crumb div {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
}
.enquiry-details-header .crumb span {
    padding: 0 7px;
    font-size: 13px;
}
.enquiry-details-header .crumb a {
    font-weight: 500;
    color: #757575;
}

/* search header 
-----------------------------------------------------*/
.search-header {
    float: left;
    width: 100%;
}
.search-box {
    background: #fff;
    padding: 0;
    border: 1px solid #ccc;
    display: inline-block;
    min-width: 240px;
    border-radius: 4px;
    margin: -1px 0 10px 0;
    position: relative;
}

.search-box .jsKeywordReset,
.search-box .jsClearSearch {
    position: absolute;
    top: 8px;
    right: 8px;
}
.search-box .submit-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -999px;
}
.right .search-box {
    margin: -5px 5px 0 0;
}
.search-box input[type="text"] {
    width: 100%;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0 15px 0 35px;
    line-height: 20px;
    height: 31px;
    background: url(../images/icons/search-icon.svg) 3% 50% no-repeat;
    box-sizing: border-box;
}
.search-box input[type="text"]:focus:not([readonly]) {
    border: 0;
    box-shadow: inherit;
}
#advanced-tools .search-box {
    width: 100%;
    margin-right: 0;
}
.jsAliasGo {
    cursor: pointer;
}
#current-proposal-container {
    display: inline-block;
}
.contentHeader,
.content-header,
.card.content-header {
    display: block;
    padding: 11px 11px 0 11px;
    margin: 0;
    width: 100%;
    box-shadow: none;
    border-bottom: 1px solid #ebebeb;
}
@media only screen and (max-width: 640px) {
    .card.content-header {
        padding: 11px 11px 10px 11px;
    }
}
/* Fixed header */
.content-header-spacer {
    display: block;
}
.content-header {
    transition: top 150ms ease-out;
    z-index: 199;
    background: #fff;
    top: 0;
    -webkit-transition:
        all 0.3s ease,
        width 0s ease;
    -moz-transition:
        all 0.3s ease,
        width 0s ease;
    -o-transition:
        all 0.3s ease,
        width 0s ease;
    transition:
        all 0.3s ease,
        width 0s ease;
}
@media only screen and (min-width: 641px) {
    .content-header-spacer.collided .content-header {
        position: fixed;
        top: 70px;
        left: 65px;
        width: calc(100% - 65px);
        box-shadow:
            0 0px 3px 0 rgba(0, 0, 0, 0.16),
            0 2px 6px 0 rgba(0, 0, 0, 0.12);
        padding-top: 12px;
        padding-bottom: 6px;
        height: 99px;
    }
}

/* subnav open */
.subnav-list .content-header-spacer.collided .content-header {
    left: 300px;
    width: calc(100% - 300px);
}
@media only screen and (max-width: 640px) {
    .scrolling-up .content-header-spacer.collided .content-header {
        position: fixed;
        top: 70px;
        left: 65px;
        width: calc(100% - 65px);
        box-shadow:
            0 0px 3px 0 rgba(0, 0, 0, 0.16),
            0 2px 6px 0 rgba(0, 0, 0, 0.12);
        padding-top: 5px;
        padding-bottom: 6px;
        height: 85px;
    }
    .scrolling-up .content-header-spacer.collided .content-header,
    .subnav-list .scrolling-up .content-header-spacer.collided .content-header {
        left: 0;
        width: 100%;
        top: 54px;
    }
}

/* cookie crumb */
.contentHeader .crumb,
.content-header .crumb {
    margin: 0 0 14px 0;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    display: block;
}
.contentHeader .crumb a,
.content-header .crumb a {
    color: #757575;
    font-size: 12px;
    font-weight: 500;
}
.contentHeader .crumb span,
.content-header .crumb span {
    padding: 0 7px;
    font-size: 13px;
    font-weight: 400;
}
.content-header .crumb div {
    display: inline-block;
}
.contentHeader .pageTitle,
.content-header .pageTitle {
    display: inline-block;
    padding: 0 0 4px 0;
    min-height: 40px;
    position: relative;
}
.contentHeader .pageTitle.channelFlags {
    padding-left: 77px;
}
.contentHeader h1,
.content-header h1,
h1 {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #757575;
    line-height: 1.2em;
    font-weight: 300;
    padding: 0;
    margin: 0;
}
.contentHeader h1 a,
.content-header h1 a,
h1 a {
    color: #757575;
}

.contentHeader h1 a:hover,
.content-header h1 a:hover,
h1 a:hover {
    color: #0277bb;
}

.contentHeader h2,
.content-header h2 {
    color: #333;
    font-size: 30px;
    line-height: 1.1em;
    font-weight: 500;
    display: block;
    margin: 2px 0 0 0;
}
.content-header-spacer.collided .content-header h2 {
    font-size: 26px;
    width: calc(100% - 68px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-header h2 a.clear-filters-heading {
    text-transform: none;
    font-size: 14px;
    cursor: pointer;
}
.contentHeader h3,
.content-header h3 {
    display: block;
    float: left;
    margin: 7px 0 0 0;
}
.contentHeader .channelFlag,
.content-header .channelFlag {
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
}
.contentHeader .channel,
.content-header .channel {
    display: block;
    height: 27px;
    padding: 5px 3px 5px 5px;
    width: 150px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px 3px 3px 3px;
    color: #4e4e4e;
}
.contentHeader .channelTitle,
.content-header .channelTitle {
    padding: 0 8px 0 0;
    font-size: 11px;
    display: block;
    color: #666666;
    line-height: 26px;
    margin: 0;
    font-family: Verdana, Geneva, sans-serif;
}
.contentHeader .saveButtonContainer,
.content-header .saveButtonContainer {
    display: block;
}

.header-button-container {
    float: right;
    padding: 9px 0 0 0;
}
.header-button-container {
}
.header-button-container .button {
    margin-left: 15px;
}
.header-stage-options {
    float: right;
    padding: 9px 0 0 0;
}
.header-stage-options select,
.header-stage-options input {
    margin: 0;
}
.header-stage-options label {
    float: right;
    width: auto;
    height: 31px;
    line-height: 31px;
}
.header-stage-options .select-wrapper input.select-dropdown {
    margin: 0;
}

.content-header .section-icon,
.enquiry-overview .section-icon {
    height: 48px;
    width: 48px;
    float: left;
    margin: 0 18px 0 0;
    text-align: center;
    vertical-align: middle;
    background: rgb(46, 161, 248);
    border-radius: 4px;
}
.content-header .section-icon.logo-icon {
    border-radius: 100%;
    padding: 4px;
    background: #fff;
    margin: 1px 15px 0 -34px;
    width: 45px;
    height: 45px;
    border: 1px solid #b7d2e5;
    overflow: hidden;
}
.content-header .section-icon.dashboard,
.enquiry-overview .section-icon.dashboard {
    background: url(/resources/images/main-nav/dashboard.svg) #0277bb 9px 11px no-repeat;
    background-size: 30px auto;
}
.content-header .section-icon.charter,
.enquiry-overview .section-icon.charter {
    background: url(/resources/images/main-nav/charter.svg) #0277bb 9px 9px no-repeat;
    background-size: 31px auto;
}
.content-header .section-icon.organisations,
.enquiry-overview .section-icon.organisations {
    background: url(/resources/images/icons/section-icons/organisation.svg) #0277bb 10px 9px no-repeat;
    background-size: 26px auto;
}
.content-header .section-icon.individuals,
.enquiry-overview .section-icon.individuals {
    background: url(/resources/images/main-nav/broker.svg) #0277bb 10px 9px no-repeat;
}
.content-header .section-icon.customers,
.enquiry-overview .section-icon.customers {
    background: url(/resources/images/icons/section-icons/customer.svg) #0277bb 10px 13px no-repeat;
    background-size: 28px auto;
}
.content-header .section-icon.tasks,
.enquiry-overview .section-icon.tasks {
    background: url(/resources/images/main-nav/tasks.svg) #0277bb 12px 8px no-repeat;
    background-size: 25px auto;
}
.content-header .section-icon.reports,
.enquiry-overview .section-icon.reports {
    background: url(/resources/images/main-nav/reports.svg) #0277bb 8px 8px no-repeat;
    background-size: 32px auto;
}
.content-header .section-icon.settings,
.enquiry-overview .section-icon.settings {
    background: url(/resources/images/main-nav/settings.svg) #0277bb 8px 8px no-repeat;
    background-size: 32px auto;
}
.content-header .right-dropdown {
    float: right;
    margin: 0 25px 10px 25px;
}
.content-header .right-dropdown input.select-dropdown {
    height: 38px;
    line-height: 32px;
    border: 1px solid #a8c6df;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 30px 0 10px;
    margin: 0;
    color: #3f536e;
    font-size: 14px;
    text-align: left;
    box-sizing: border-box;
}
.content-header .dropdown-trigger {
    float: right;
    display: inline-block;
    padding: 7px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    width: 38px;
    height: 38px;
}
@media only screen and (max-width: 640px) {
    .content-header .dropdown-trigger {
        position: absolute;
        top: 60px;
        right: 10px;
    }
    .content-header .right-dropdown {
        position: absolute;
        top: 10px;
        right: 10px;
        margin-right: 0;
    }
}
.content-header .dropdown-trigger:hover {
    border: 1px solid #0277bb;
}
.content-header .dropdown-trigger span {
    height: 4px;
    width: 4px;
    background: #999;
    border-radius: 10px;
    display: block;
    margin: 3px auto;
}
.content-header .dropdown-trigger:hover span {
    background: #0277bb;
}
.content-header .dropdown-content li {
    text-align: left;
}

.dashboard-list {
}
.dashboard-list li {
    margin: 0 0 20px 0;
}
.dashboard-list li a {
    padding: 6px 0 3px 40px;
    position: relative;
    color: #333;
    font-size: 16px;
}
.dashboard-list li a:before {
    content: "";
    border-radius: 4px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.dashboard-list li a.charter:before {
    background: url(/resources/images/main-nav/charter.svg) #0277bb 4px 4px no-repeat;
    background-size: 22px auto;
}
.dashboard-list li a.tasks:before {
    background: url(/resources/images/main-nav/tasks.svg) #0277bb 7px 5px no-repeat;
    background-size: 16px auto;
}
html .dashboard-list li a:hover {
    color: #0277bb;
}
html .dashboard-list li a:hover:before {
    opacity: 0.8;
}

.content-header .titles {
    display: block;
    float: left;
}
@media only screen and (min-width: 641px) {
    .content-header .titles {
        min-width: 300px;
    }
}

/*Small | up to 640px*/
@media only screen and (max-width: 640px) {
    .contentHeader .pageTitle,
    .content-header .pageTitle {
        width: 100%;
    }
    .content-header .titles {
        width: 77%;
    }

    .content-header h1,
    .contentHeader h1 {
        font-size: 14px;
        margin: 4px 0 0 0;
    }
    .contentHeader h2,
    .content-header h2,
    .content-header-spacer.collided .content-header h2 {
        font-size: 24px;
    }

    .broker-header-image {
        float: left;
        margin: 0 18px 0 0;
        border-radius: 50%;
        border: 1px solid #eee;
    }
    .content-header-spacer.collided .content-header .section-icon {
        margin-right: 11px;
    }
}

.card.broker-header-details {
    border: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.card-collapsible.card-collapsed.broker-header-details .card-title:before,
.card-collapsible.broker-header-details .card-title:before {
    display: none;
}
.card-collapsible.card-collapsed.broker-header-details .card-title,
.card-collapsible.broker-header-details .card-title {
    border: none;
    padding: 2px 0 0 0;
    margin: 0;
    text-align: left;
    font-size: 14px;
    line-height: 1.1em;
}
.card-collapsible.card-collapsed.broker-header-details .card-title:hover,
.card-collapsible.broker-header-details .card-title:hover {
    background: #fff;
}

/* card + card title icons
---------------------------------------------------------*/

.card-blank {
    background: none;
    box-shadow: none;
}
.card-thinner-border .card-content {
    padding: 15px;
}
.card-grey {
    background: #fafbfc;
}
.card-none .card-content {
    padding: 0;
}
.card-title {
    position: relative;
    padding-left: 33px;
}
.card-title.no-icon {
    padding-left: 0;
}
.card-panel > .card-content > .card-title,
.card > .card-content > .card-title,
.card > .card-reveal > .card-title {
    color: #333;
}
.card-title:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    display: block;
    background-repeat: no-repeat;
    content: "";
}
/* 01 content edition */
.card-title.contentEdition:before {
    background-image: url(/resources/images/icons/card-title-icons/01-content-edition.svg);
}
.card-title.binoculars:before {
    background-position: 0 0;
}
/* 02 status */
.card-title.status:before {
    background-image: url(/resources/images/icons/card-title-icons/02-status.svg);
}
.card-title.check-list:before {
    background-position: 0 0;
}
.card-title.check-shield:before {
    background-position: 0 -25px;
}
/* 05 time */
.card-title.time:before {
    background-image: url(/resources/images/icons/card-title-icons/05-time.svg);
}
.card-title.calendar-1:before {
    background-position: 0 0;
}
.card-title.clock-fire:before {
    background-position: 0 -25px;
}
.card-title.clock-custom:before {
    background-position: 0 -50px;
}
/* 07 users */
.card-title.users:before {
    background-image: url(/resources/images/icons/card-title-icons/07-users.svg);
}
.card-title.id-card-1:before {
    background-position: 0 0;
}
.card-title.user-hierarchy:before {
    background-position: 0 -19px;
}
.card-title.user-chat-2:before {
    background-position: 0 -40px;
}
/* 08 user actions */
.card-title.userActions:before {
    background-image: url(/resources/images/icons/card-title-icons/08-user-actions.svg);
}
.card-title.user-dollar:before {
    background-position: 0 0;
}
/* 11 computers */
.card-title.computers:before {
    background-image: url(/resources/images/icons/card-title-icons/11-computers.svg);
}
.card-title.computer-fan:before {
    background-position: 0 0;
}
/* 12 phone */
.card-title.phone:before {
    background-image: url(/resources/images/icons/card-title-icons/12-phone.svg);
}
.card-title.phone-signal-low:before {
    background-position: 0 0;
}

/* 13 mobile phone */
.card-title.mobilephone:before {
    background-image: url(/resources/images/icons/card-title-icons/13-mobilephone.svg);
}
.card-title.flash-refresh:before {
    background-position: 0 0;
}
/* 16 selection & cursors */
.card-title.selectionCursors:before {
    background-image: url(/resources/images/icons/card-title-icons/16-selection-cursors.svg);
}
.card-title.cursor-click-double-2:before {
    background-position: 0 0;
}
/* 17 Navigation */
.card-title.titleNavigation:before {
    background-image: url(/resources/images/icons/card-title-icons/17-navigation.svg);
}
.card-title.titleNavigation-right-2:before {
    background-position: 0 0;
}
/* 19 vote & rewards */
.card-title.voteRewards:before {
    background-image: url(/resources/images/icons/card-title-icons/19-vote-rewards.svg);
}
.card-title.vote-flag-3:before {
    background-position: 0 0;
}
.card-title.vote-star:before {
    background-position: 0 -25px;
}
/* 22 interface / feedback */
.card-title.interface:before {
    background-image: url(../images/icons/card-title-icons/22-interface-feedback.svg);
}
.card-title.interface-share-star:before {
    background-position: 0 0;
}

/* 26 server */
.card-title.server:before {
    background-image: url(/resources/images/icons/card-title-icons/26-server.svg);
}
.card-title.server-information-1:before {
    background-position: 0 0;
}
/* 32 design */
.card-title.design:before {
    background-image: url(/resources/images/icons/card-title-icons/32-design.svg);
}
.card-title.color-palette:before {
    background-position: 0 0;
}
.card-title.ruler-1:before {
    background-position: 0 -25px;
}
/* 45 banking */
.card-title.banking:before {
    background-image: url(/resources/images/icons/card-title-icons/45-banking.svg);
}
.card-title.banking-bill-paid-2:before {
    background-position: 0 0;
}
/* 52 Text */
.card-title.text:before {
    background-image: url(/resources/images/icons/card-title-icons/52-text.svg);
}
.card-title.paragraph-normal:before {
    background-position: 0 0;
}
/* 60 hotel */
.card-title.hotel:before {
    background-image: url(/resources/images/icons/card-title-icons/60-hotel.svg);
}
.card-title.hotel-bed-1:before {
    background-position: 0 0;
}
.card-title.hotel-bed-2:before {
    background-position: 0 -25px;
}
/* 62 nature & Ecology */
.card-title.natureEcology:before {
    background-image: url(/resources/images/icons/card-title-icons/62-nature-ecology.svg);
}
.card-title.nature-water:before {
    background-position: 0 0;
}
/* 64 transportation */
.card-title.transportation:before {
    background-image: url(/resources/images/icons/card-title-icons/64-transportation.svg);
}
.card-title.boat-ship-1:before {
    background-position: 0 0;
}
.card-title.car-fuel-full-1:before {
    background-position: 0 -25px;
}
.card-title.car-speed-gauge:before {
    background-position: 0 -50px;
}
.card-title.car-fuel-empty-1:before {
    background-position: 0 -75px;
}
/* 65 construction */
.card-title.construction:before {
    background-image: url(/resources/images/icons/card-title-icons/65-construction.svg);
}
.card-title.construction-helmet:before {
    background-position: 0 0;
}
/* 71 objects */
.card-title.objects:before {
    background-image: url(/resources/images/icons/card-title-icons/71-objects.svg);
}
.card-title.diamond:before {
    background-position: 0 0;
}
/* 76 drink */
.card-title.drink:before {
    background-image: url(/resources/images/icons/card-title-icons/76-drink.svg);
}
.card-title.glass-cocktail-2:before {
    background-position: 0 0;
}
/* 85 Files basic */
.card-title.fileNoteBasic:before {
    background-image: url(/resources/images/icons/card-title-icons/85-files-basic.svg);
}
.card-title.file-new-2:before {
    background-position: 0 0;
}

/* 89 File Notes */
.card-title.fileNotes:before {
    background-image: url(/resources/images/icons/card-title-icons/89-file-notes.svg);
}
.card-title.file-notes-document:before {
    background-position: 0 0;
}

.card-title-solid {
    display: block;
    width: 100%;
    background: #fafbfc;
    padding: 15px 20px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #e6eaee;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 500;
}
.card-title-solid.row {
    width: auto;
}
.card-footer-solid {
    display: block;
    width: 100%;
    background: #fafbfc;
    padding: 10px 20px;
    margin: 0 0 5px 0;
    border-top: 1px solid #e6eaee;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 500;
    float: right;
}
.card-title-solid a {
    font-size: 12px;
    float: right;
    color: #0093ee;
}
.card-footer {
    display: block;
    border-top: 1px solid #e0e0e0;
    margin-top: -12px;
    padding: 24px 24px 24px 24px;
}

.card-title-solid a:hover {
    color: #222c3c;
}

.card-additional-title {
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    color: #2c405a;
    font-size: 18px;
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
    position: relative;
}
.card-additional-title.with-buttons {
    padding-bottom: 10px;
}
.card-additional-title .absolute-right {
    position: absolute;
    top: -3px;
    right: 0;
}

input.bordered:not([type]),
input.bordered[type="date"],
input.bordered[type="datetime-local"],
input.bordered[type="datetime"],
input.bordered[type="email"],
input.bordered[type="number"],
input.bordered[type="password"],
input.bordered[type="search"],
input.bordered[type="tel"],
input.bordered[type="text"],
input.bordered[type="time"],
input.bordered[type="url"],
textarea,
textarea.materialize-textarea {
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    padding: 0 10px;
    margin: 8px 0 0 0;
    box-sizing: border-box;
}
input.bordered[type="date"]:focus:not([readonly]),
input.bordered[type="datetime-local"]:focus:not([readonly]),
input.bordered[type="email"]:focus:not([readonly]),
input.bordered[type="number"]:focus:not([readonly]),
input.bordered[type="password"]:focus:not([readonly]),
input.bordered[type="search"]:focus:not([readonly]),
input.bordered[type="tel"]:focus:not([readonly]),
input.bordered[type="text"]:focus:not([readonly]),
input.bordered[type="time"]:focus:not([readonly]),
input.bordered[type="url"]:focus:not([readonly]),
textarea:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #b9d1e6;
    background: #ecf5fc;
    box-shadow: inherit;
}
.content-title {
    color: #333;
    line-height: 24px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin: 20px 0 20px 0;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #bcbcbc;
}

/* icon link - when there is only an image icon
------------------------------------------------------*/
.iconLink {
}
.iconAddBuilder {
    float: right;
}

/* form elements 
-----------------------------------------*/
/* search sliders - yacht list filters */
.searchFieldOption {
    position: absolute;
    top: -20px;
    right: 19px;
    width: 44px;
}
.searchFieldOption.select-wrapper input.select-dropdown {
    height: 2.3rem;
    border-color: #fff;
}
.searchFieldOption.select-wrapper span.caret {
    top: -17px;
}
.refineSliderContainer {
    margin: 15px 0 0 0;
    position: relative;
    padding: 20px 0 0 0;
}
.refineSliderContainer input[type="text"] {
    border-bottom: 0;
}

/* horizontal radio list */
.radioRowContainer {
    position: relative;
}
.radioRowContainer .label {
    position: absolute;
    top: -16px;
    left: 0;
    font-size: 0.8rem;
    color: #666;
}
.radioRowContainer .radioRow {
    float: left;
    position: relative;
    padding: 35px 0 0 0;
}
.dropdown-content .radioRowContainer .radioRow {
    padding: 30px 10px 0px 10px;
}
.radioRowContainer .radioRow label {
    float: left;
}

[type="radio"]:not(:checked) + label::before,
[type="radio"]:not(:checked) + label::after {
    border: 1px solid #5a5a5a;
}

/* ... drop downs 
-----------------------------------------*/
.cardOptions {
    position: absolute;
    top: -10px;
    right: 7px;
    width: 200px;
}
.cardOptions .dropdown-button {
    width: 40px;
}
.cardOptions .dropdown-button span {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 1em;
    height: 9px;
    text-align: right;
    cursor: pointer;
}

/* Page content tabs
---------------------------------------------*/
.page-content-tabs-wrap {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 100%;
}
.page-content-tabs {
    display: block;
    background: #fff;
    margin: 0;
    min-height: 53px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 198;
    top: 0;
    -webkit-transition:
        all 0.3s ease,
        width 0s ease,
        top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition:
        all 0.3s ease,
        width 0s ease,
        top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition:
        all 0.3s ease,
        width 0s ease,
        top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition:
        all 0.3s ease,
        width 0s ease,
        top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width: 641px) {
    .page-content-tabs-wrap.collided .page-content-tabs {
        position: fixed;
        box-shadow:
            0 0px 3px 0 rgba(0, 0, 0, 0.16),
            0 2px 6px 0 rgba(0, 0, 0, 0.12);
        top: 169px;
        left: 65px;
        min-height: 42px;
        width: calc(100% - 65px);
        -webkit-transition:
            all 0.3s ease,
            width 0s ease,
            top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
        -moz-transition:
            all 0.3s ease,
            width 0s ease,
            top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
        -o-transition:
            all 0.3s ease,
            width 0s ease,
            top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
        transition:
            all 0.3s ease,
            width 0s ease,
            top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
    }
}
@media only screen and (max-width: 640px) {
    .scrolling-up .page-content-tabs-wrap.collided .page-content-tabs {
        position: fixed;
        box-shadow:
            0 0px 3px 0 rgba(0, 0, 0, 0.16),
            0 2px 6px 0 rgba(0, 0, 0, 0.12);
        min-height: 42px;
        -webkit-transition:
            all 0.3s ease,
            width 0s ease,
            top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
        -moz-transition:
            all 0.3s ease,
            width 0s ease,
            top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
        -o-transition:
            all 0.3s ease,
            width 0s ease,
            top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
        transition:
            all 0.3s ease,
            width 0s ease,
            top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
        width: 100%;
        left: 0;
        top: 139px;
    }
}
.page-content-tabs .overflow-wrap {
    display: block;
    width: 99999px;
    min-height: 53px;
}
.page-content-tabs ul {
    display: inline-block;
    margin: 0 20px 0 19px;
    padding: 0;
    list-style: none;
}
.page-content-tabs ul li {
    display: inline-block;
}
.page-content-tabs ul li a {
    color: #999;
    display: block;
    padding: 15px 20px 15px 20px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.3em;
    position: relative;
}

.page-content-tabs-wrap.collided .page-content-tabs .overflow-wrap {
    min-height: 34px;
}
.page-content-tabs-wrap.collided .page-content-tabs ul li a {
    padding-top: 13px;
    padding-bottom: 7px;
    font-size: 15px;
}

.subnav-list .page-content-tabs-wrap.collided .page-content-tabs {
    left: 300px;
    width: calc(100% - 300px);
}
.page-content-tabs-wrap.collided .page-content-tabs {
    min-height: 40px;
}
.page-content-tabs ul li a .count {
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    line-height: 21px;
    text-align: center;
    height: 21px;
    padding: 0 5px;
    background: rgb(45, 161, 248);
    vertical-align: top;
    margin: 6px 0 0 -5px;
}
.page-content-tabs ul li.active a {
    border-bottom: 3px solid #333;
    color: #333;
    font-weight: 600;
}
.page-content-tabs ul li a:hover {
    color: #333;
}
.page-content-tabs .pretty-select {
    display: block;
    width: 100%;
    height: 53px;
    position: relative;
    z-index: 1;
    padding: 0 20px;
    background: url(/resources/images/fake-select.svg) 99% 50% no-repeat;
    background-size: 90px auto;
}
.page-content-tabs .pretty-select span {
    display: inline-block;
    border-bottom: 2px solid #009dc2;
    color: #333;
    font-weight: 600;
    line-height: 51px;
    font-size: 16px;
    padding: 0 20px 0 20px;
}
.page-content-tabs select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    height: 53px;
    cursor: pointer;
}
.select-tab-wrap {
    display: block;
    padding: 0 35px;
}
@media only screen and (max-width: 640px) {
    .select-tab-wrap {
        margin-top: 20px;
        padding: 0 24px;
    }
    .search-header {
        padding: 0 14px;
    }
}

/* sale/charter summary page 
-----------------------------------------*/

.graph-row {
    margin-bottom: 0;
}
.row .col.graphContainer {
    padding-right: 0;
    border-right: 1px solid #e6eaee;
}
.graphContainer .graph {
    background: #fff;
    width: 100%;
    min-height: 452px;
    float: left;
    padding: 20px;
}

.row .col.yachtOverviewStats {
    padding-left: 0;
}
.yachtOverviewStats .visitors {
    width: 100%;
    border-bottom: 1px solid #e6eaee;
    padding: 20px;
    margin: 0 0 20px;
    float: left;
}
.yachtOverviewStats .heading,
.yachtOverviewStats .subHeading {
    display: block;
    width: 100%;
    float: left;
}
.yachtOverviewStats .heading {
    font-size: 22px;
    line-height: 1.4em;
    color: #666;
    margin: 0 0 4px 0;
}
.yachtOverviewStats p.subHeading {
    font-size: 14px;
    color: #999;
    font-weight: 500;
}
.visitsStats {
    width: 100%;
    float: left;
    font-size: 50px;
}
.visitsStats .count {
    font-size: 30px;
    line-height: 1.4em;
    font-weight: 900;
    color: #333;
    float: left;
}
.visitsStats .percentageContainer {
    float: right;
    margin:;
}

.visitsStats .percentageContainer .percentage {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    background: #999;
    float: right;
    padding: 0 10px;
    margin: 8px 0 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.visitsStats .percentageContainer .percentageUp {
    background: #39b54a;
}
.visitsStats .percentageContainer .percentageDown {
    background: #cc0000;
}

.visitsStats .percentageContainer .infoContainer {
    float: right;
    line-height: 12px;
    margin: 9px 0 0 5px;
}

.topResults {
    width: 100%;
    float: left;
    font-size: 20px;
    padding: 0 20px;
}
.topResults p.heading {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}
.topResults p.heading a {
    float: right;
    font-size: 12px;
    color: #0093ee;
}
.topResults p.heading a:hover {
    color: #222c3c;
}
.topResults ul {
    width: 100%;
    float: left;
    margin: 7px 0 20px 0;
}

.topResults ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6eaee;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    padding: 4px 0;
}
.topResults ul li span {
    float: right;
    color: #666;
}
.topResults ul li:last-child {
    border: none;
}

/* yacht list
----------------------------------------*/
.yachtResult .imageContainer {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.yachtResult .imageContainer img {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
.yachtResult .imageContainer .hoverOverlay {
    background: rgba(204, 0, 0, 0.8);
    display: block;
    transition: all 0.5s ease;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.yachtResult td .name {
    display: block;
    color: rgba(0, 0, 0, 0.9);
    font-size: 15px;
}
.yachtResult td .built {
    display: block;
}
.yachtResult .imageContainer:hover .hoverOverlay {
    opacity: 1;
}
.yachtResult .rating {
    float: right;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
}
.yachtResult .imageContainer .hoverOverlay .hoverIcon {
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    background: url(/resources/images/icons/hover-icon.svg) center center no-repeat;
    background-size: 0px 0px;
    transition: all 0.4s ease;
}
.yachtResult .imageContainer .hoverOverlay:hover .hoverIcon {
    background-size: 49px 49px;
}

.yachtResult .cpation_ca {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: #cc0000;
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 17px;
    font-size: 11px;
    border-radius: 50%;
}
.yachtResult td .cpation_ca {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    margin: 0 2px;
    float: right;
}
.yachtResult .cpation_ca_joint {
    background: #f05a08;
}
.yachtResult .imageContainer .status-caption.colour-sold,
.yachtResult .imageContainer .status-caption.colour-withdrawn,
.yachtResult .imageContainer .status-caption.colour-draft {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background-color: rgba(42, 42, 42, 0.7);
}
.yachtResult .imageContainer .status-caption .caption {
    height: 36px;
    line-height: 36px;
    width: 108px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -54px;
    border: 1px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.yachtResult .status-caption.colour-withdrawn {
}
.yachtResult .status-caption.colour-sold {
    background-color: rgba(204, 0, 0, 0.6);
}
.yachtResult .status-caption.colour-draft,
.yachtResult .imageContainer .status-caption.colour-draft {
    background-color: rgba(140, 70, 0, 0.6);
}
#current-yacht_selection-container {
    display: inline-block;
}
.yachtResult h3 {
    margin: 10px 0 0px 0;
    font-size: 20px;
    font-weight: 500;
    display: block;
    width: 100%;
    position: relative;
    float: left;
    color: #333;
}
.yachtResult h3 a {
    color: #333;
}
.yachtResult .yachtOverview {
    float: left;
    display: block;
    width: 100%;
}
.yachtResult .jsViewButtons {
    float: left;
    display: block;
    width: 100%;
}
.yachtResult .jsViewButtons .jsRating {
    display: block;
    width: 100%;
}
.yachtResult .jsViewButtons .jsRating .text {
    display: inline-block;
}
.yachtResult .jsViewButtons .jsRating img {
    display: inline-block;
    width: 77px;
    margin: 0 0 -4px 5px;
}

.yachtResult .shortlistContainer {
    position: absolute;
    top: 0;
    right: 5px;
}
.yachtResult .shortlistContainer.inline {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
}
.yachtResult .shortlistContainer a.add,
.yachtResult .shortlistContainer a.remove {
    display: block;
    height: 26px;
    width: 25px;
    text-indent: -9999px;
    border-radius: 50%;
    cursor: pointer;
    background: #ccc;
}
.yachtResult .shortlistContainer a.remove {
    background: #666;
}
.yachtResult .shortlistContainer a.add:before {
    height: 2px;
    width: 14px;
    position: absolute;
    top: 12px;
    left: 6px;
    background: #fff;
    transition: all 0.5s ease;
    transform: rotate(-90deg);
    content: "";
}
.yachtResult .shortlistContainer a.add:after {
    height: 2px;
    width: 14px;
    position: absolute;
    top: 12px;
    left: 6px;
    background: #fff;
    transition: all 0.5s ease;
    content: "";
}
.yachtResult .shortlistContainer a.add:hover {
    background: #666;
}

.yachtResult .shortlistContainer a.remove:after {
    height: 2px;
    width: 14px;
    position: absolute;
    top: 12px;
    left: 6px;
    background: #fff;
    transition: all 0.5s ease;
    content: "";
    transform: rotate(180deg);
}
.yachtResult .shortlistContainer a.remove:hover {
    background: #ccc;
}

.yachtResult .shortlistContainer a.remove-icon {
    display: block;
    cursor: pointer;
}
.yachtResult .shortlistContainer a.remove-icon:hover img {
    width: 24px;
}

.yachtResult p {
    font-size: 14px;
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    float: left;
}
.jsYachtProfileListContainer {
    position: relative;
    display: block;
}
.jsYachtProfileListContainer.loading:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 0.9);
    content: "";
}
.jsYachtProfileListContainer.loading:after {
    position: absolute;
    top: 80px;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: 0 0 0 -32px;
    z-index: 101;
    background: url(/resources/images/ajax-loader.gif) no-repeat;
    content: "";
}

.card .card-content .yachtResult p.price {
    height: 20px;
    margin: 0 0 30px 0;
    color: #333;
}
.card .card-content .yachtResult p.price span {
    color: #666;
}
.card .card-content .yachtResult p.price.proposalPrice {
    margin: 0 0 12px 0;
}
.card .card-content .yachtResult .comment {
    margin: 0 0 18px 0;
    font-style: italic;
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 0;
}
.card .card-content .yachtResult .comment div {
    display: block;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
}
.card .card-content .yachtResult .comment .text {
    font-style: italic;
    font-weight: 700;
}
.card .card-content .yachtResult .comment div a {
    float: right;
    cursor: pointer;
}
.card .card-content .yachtResult .comment div a:hover {
    color: #cc0000;
}

.modal .yachtOverview h3 {
    margin: 0;
}
.modal .yachtOverview p {
    margin: 0;
}

.yachtResult p.price span {
    text-transform: uppercase;
    padding: 0 0 0 5px;
}
.yachtResult p.price span.from {
    text-transform: none;
    padding: 0;
}
.yachtButtons {
    margin: 9px 0 20px 0;
    width: 100%;
    float: left;
}

.card .card-content p.detailOptions {
    display: block;
    margin: 11px 0 24px 0;
}

.yachtsView {
    display: inline-block;
    padding: 0 0 0 10px;
}
.yachtsView a {
    display: inline-block;
    height: 20px;
    width: 20px;
    text-indent: -9999px;
    opacity: 0.6;
    margin: 0 5px 0 10px;
}
.yachtsView a.active,
.yachtsView a.list:hover,
.yachtsView a.grid:hover,
.yachtsView a.detail:hover {
    opacity: 1;
    cursor: pointer;
}
.yachtsView a.list {
    background: url(../images/icons/yacht-list-icon-list.svg) center center no-repeat;
    background-size: 17px auto;
}
.yachtsView a.detail {
    background: url(../images/icons/yacht-list-icon-detail.svg) center center no-repeat;
    background-size: 17px auto;
}
.yachtsView a.grid {
    background: url(../images/icons/yacht-list-icon-grid.svg) center center no-repeat;
    background-size: 17px auto;
}

/* article/event contact details 
-----------------------------------------*/

.eventContact img,
.articleContact img {
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.eventContact p,
.articleContact p {
    font-size: 14px;
    line-height: 1.2em;
}
.card .card-content .eventContact p.name,
.card .card-content .articleContact p.name {
    font-weight: 700;
    font-size: 15px;
    margin: 10px 0 5px 0;
}

/* documents page 
---------------------------------------*/
.yachtDocument {
    margin-bottom: 25px;
}
.yachtDocument h3 {
    font-size: 16px;
    margin: 20px 0 15px 0;
    display: block;
    width: 100%;
}
.card .card-content .yachtDocument p {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
}

/* proposal Table 
--------------------------------------*/
.proposalTable tr td a.name {
    font-weight: 500;
    color: #333;
    padding: 0 0 0 5px;
}
.proposalTable tr td a.name:hover {
    /* accent */
}

/* departments / offices / documents / gallerys 
--------------------------------------------------*/
.departments .imageContainer,
.offices .imageContainer,
.documents .imageContainer,
.galleryOverview .imageContainer {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 0 1.25rem 0;
    font-size: 0;
}

.departments .imageContainer .imageInner,
.offices .imageContainer .imageInner,
.documents .imageContainer .imageInner,
.galleryOverview .imageContainer .imageInner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    display: flex;
}

.departments .imageContainer img,
.offices .imageContainer img,
.documents .imageContainer,
.galleryOverview .imageContainer img {
    width: 100%;
}

.departments .imageContainer .heading,
.offices .imageContainer .heading,
.documents .imageContainer .heading,
.galleryOverview .imageContainer .heading {
    text-align: center;
    color: #fff;
    font-size: 28px;
    line-height: 1.1em;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 100%;
    padding: 0 20px;
}
.departments .imageContainer:after,
.offices .imageContainer:after,
.documents .imageContainer:after,
.galleryOverview .imageContainer:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(204, 0, 0, 0);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.departments .imageContainer:hover:after,
.offices .imageContainer:hover:after,
.documents .imageContainer:hover:after. .galleryOverview .imageContainer:hover:after {
    background: rgba(204, 0, 0, 0.7);
}

.departmentDetails h2 {
    font-size: 18px;
    line-height: 1.3em;
    margin-top: 5px;
}

/* department / office broker list 
-----------------------------------------*/

.brokerList .imageContainer {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 0 8px 0;
    font-size: 0;
}

.brokerList .imageContainer:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(204, 0, 0, 0);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.brokerList .imageContainer:hover:after {
    background: rgba(204, 0, 0, 0.7);
}

.brokerList .imageContainer .status {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #cc0000;
    color: #fff;
    padding: 5px 15px;
    font-size: 12px;
    display: inline-block;
    width: auto;
    z-index: 1;
}

.brokerList p {
    display: block;
    width: 100%;
    float: left;
}
.card .card-content .brokerList p.name {
    font-size: 18px;
    line-height: 1.1em;
    font-weight: 500;
    margin: 0 0 1px 0;
}
.card .card-content .brokerList p.job {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.brokerList .name a {
    color: #333;
}
.brokerList .name a:hover {
    color: #cc0000;
}
.brokerList #flagContainer {
    margin-bottom: 10px;
}

.brokerList #flagContainer {
    margin: 0 0 14px 0;
}
.brokerList #flagContainer div {
    padding: 0;
    height: 11px;
    width: 16px;
    margin: 0 4px 0 0;
}

/* broker details 
-------------------------------------------------*/
.brokerDetails h3 {
    font-size: 20px;
    line-height: 1.1em;
    font-weight: 500;
    margin: 0 0 1px 0;
}
.brokerDetails h3 span {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 0 10px;
}

.brokerDetails h3.heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 15px 0;
}

.brokerDetails p.job {
    padding: 0 0 2px 0;
}
.brokerDetails #flagContainer {
    margin: 0 0 14px 0;
}
.brokerDetails #flagContainer div {
    padding: 0;
    height: 11px;
    width: 16px;
    margin: 0 4px 0 0;
}

/* gallery details
------------------------------------------------*/
.galleryDetail h2 {
    font-size: 20px;
    line-height: 1.25em;
    margin: 8px 0 13px 0;
}
.galleryDetail .imageContainer {
    position: relative;
    font-size: 0;
    margin-bottom: 1.5rem;
}
.galleryDetail .imageContainer:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(204, 0, 0, 0);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.galleryDetail .imageContainer:hover:after {
    background: rgba(204, 0, 0, 0.7);
}

.galleryDetail .imageContainer .photostack-title {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.galleryDetail .imageContainer:hover .photostack-title {
    opacity: 1;
}

/* intelignece search 
--------------------------------------------*/

.intelligence-search .nationality {
    margin: 0 0 26px 0;
}
.intelligence-search .nationality img {
    margin: 0 5px 0 0;
    float: left;
}
.intelligence-search .nationality .age {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin: 0 0 0 10px;
}

.intelligence-search .photo-list {
    width: 100%;
    float: left;
    margin-top: 0;
}
.intelligence-search .photo-list li {
    float: left;
    margin: 0 10px 10px 0;
}

.intelligence-search .results-list {
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
}
.intelligence-search .results-list li {
    float: left;
    line-height: 20px;
    width: 100%;
    margin: 0 0 2px 0;
    padding: 0 0 0 16px;
    position: relative;
}
.intelligence-search .results-list li p {
    font-size: 14px;
    font-weight: 600;
}
.intelligence-search .results-list li p.match {
    color: #008000;
}
.intelligence-search .results-list li p.match span {
    padding-left: 8px;
}

.intelligence-search .results-list.full-width li {
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .intelligence-search .photo-list li {
        width: 21%;
    }
    .intelligence-search .results-list li:before {
        content: "";
        display: block;
        height: 5px;
        width: 5px;
        background: #999;
        border-radius: 10px;
        position: absolute;
        top: 8px;
        left: 0;
    }
    .intelligence-search .results-list li {
        padding: 0 0 0 16px;
    }
}

@media only screen and (min-width: 641px) {
    .intelligence-search .photo-list li {
        margin-top: 10px;
    }
    .intelligence-search .nationality {
        margin: 0 0 10px 0;
    }
    .intelligence-search .results-list li {
        margin: 0 30px 10px 0;
        padding: 0 30px 0 0;
        border-right: 1px solid #ccc;
        width: auto;
    }
    .intelligence-search .results-list {
        margin: 0 0 10px 0;
    }
    .intelligence-search .results-list li {
        height: 20px;
    }
    .intelligence-search .results-list li p {
        font-size: 15px;
    }
    .intelligence-search .results-list li:last-child {
        border: none;
        padding: 0;
        margin: 0;
    }
    .intelligence-search .results-list.websites li {
        border-right: none;
        height: auto;
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .intelligence-search .results-list.websites li,
    .intelligence-search .results-list.jobs li,
    .intelligence-search .results-list.education li {
        border-right: none;
        height: auto;
        width: 100%;
    }
}

/*p, pre { margin:0 0 15px 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; }
q { margin:0 0 15px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.1em; line-height:1.5em; display:block;}
*/
/* class to set the photo style border on any imag tag throught the site */
.photoBorder {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0 0 5px 0;
    background-color: #fff;
}
.photoBorderContainer {
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 0;
    margin: 0 0 5px 0;
    display: inline-block;
    background-color: #fff;
} /* additional class used when the img tag is not available to add classes to */
#photos .photoBorderContainer {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0 5px 5px 0;
    display: block;
    float: left;
    background-color: #fff;
}
.photoBorderShadow {
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 0 5px 0;
    box-shadow: 1px 1px 4px #ccc;
    background-color: #fff;
}
ul.detailsList {
    float: left;
}
ul.detailsList li {
    float: left;
    font-size: 11px;
    padding: 0 0 10px 0;
}
a:link,
a:visited. a:focus,
a:active {
    text-decoration: none;
    color: #6f6f6f;
}
a.internal,
a.internal:hover {
    background-image: url(../images/link_internal2.gif);
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}
a.external,
a.external:hover {
    background-image: url(../images/link_external.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 22px;
}
a.emailLink,
a.emailLink:hover {
    background-image: url(../images/link_email.gif);
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding: 0 0 0 21px;
}
a.move {
    display: block;
    padding: 5px;
    border: 1px dashed #ccc;
    text-decoration: none;
    text-transform: uppercase;
    width: 34px;
    float: left;
}
a.move:hover {
    border: 1px dashed #999;
    color: #333;
}
a.delete {
    display: block;
    background: url(../images/ico_delete.gif) no-repeat 0 0;
    width: 16px;
    height: 16px;
    float: right;
    margin: 0;
}
a.delete:hover {
    background-position: 0 -16px;
}
a.delete span {
    display: none;
}
a.edit {
    display: block;
    background: url(../images/ico_edit2.gif) no-repeat 0 0;
    width: 16px;
    height: 16px;
    float: right;
    margin: 0;
}
a.edit:hover {
    background-position: 0 0;
}
a.edit span {
    display: none;
}
/* universal spell check button */
.spellButton {
    display: block;
    background: url(../images/but_spellcheck.gif) no-repeat 0 0;
    width: 78px;
    height: 17px;
    float: left;
}
.spellButton:hover {
    background-position: 0 -17px;
}
.spellButton span {
    display: none;
}
/* universal crop button */
a.crop {
    display: block;
    background: url(../images/but_crop2.gif) no-repeat 0 0;
    width: 49px;
    height: 17px;
}
a.crop:hover {
    background-position: 0 -17px;
}
a.crop span {
    display: none;
}
/* universal revert button */
a.revert {
    display: block;
    background-image: url(../images/but_revert.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 58px;
    height: 17px;
}
a.revert:hover {
    background-position: 0 -17px;
}
a.revert span {
    display: none;
}
/* universal change button */
a.change {
    background-image: url(../images/but_change.gif);
    width: 53px;
}
/* universal prefered button */
a.preferred {
    background-image: url(../images/but_preferred.gif);
    width: 103px;
}
a.download {
    padding: 0 0 0 16px;
    text-decoration: none;
    background-image: url(../images/ico_download.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
a.download:hover {
    text-decoration: underline;
}
a.duplicate {
    padding: 7px 0 15px 7px;
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    background-image: url(../images/ico_duplicate.gif);
    background-position: 10px 7px;
    background-repeat: no-repeat;
}
a.duplicate:hover {
    text-decoration: underline;
}
/* buttons - sliding door
-------------------------------------------------------*/
/* small grey button ------------------------ */
.buttonS {
    display: block;
    float: left;
    height: 17px;
    padding: 0 10px 0 0;
    cursor: pointer;
    background: url(../images/but_s-grey-slide-right.gif) no-repeat top right;
    line-height: 16px;
    font-size: 10px;
    color: #4e4e4e;
    text-decoration: none;
}
.buttonS span {
    display: block;
    height: 17px;
    padding: 0 0 0 10px;
    background: url(../images/but_s-grey-slide-left.gif) no-repeat top left;
}
.buttonS:hover,
.buttonS.active {
    background-position: bottom right;
}
.buttonS:hover span,
.buttonS.active span {
    background-position: bottom left;
}
.buttonS div {
    display: inline;
}
/* medium grey buttons ----------------------*/
.buttonM {
    display: block;
    float: left;
    height: 19px;
    padding: 0 10px 0 0;
    cursor: pointer;
    background-image: url(/resources/images/but_standard-m-right.gif);
    background-position: top right;
    background-repeat: no-repeat;
    line-height: 19px;
    font-size: 10px;
    color: #4e4e4e;
    text-decoration: none;
}
.buttonM span {
    display: block;
    height: 19px;
    padding: 0 0 0 10px;
    background: url(../images/but_standard-m-left.gif) no-repeat top left;
    color: #333;
}
.buttonM:hover {
    background-position: bottom right;
    color: #000;
}
.buttonM:hover span {
    background-position: bottom left;
}
.cropM span {
    background-image: url(../images/but_left-crop-m.gif);
    padding: 0 0 0 20px;
}
.positionM span {
    background-image: url(../images/but_left-position-m.gif);
    padding: 0 0 0 20px;
}
.preferredM span {
    background-image: url(../images/but_left-prefered-m.gif);
    padding: 0 0 0 30px;
}
.editM span {
    background-image: url(../images/but_left-edit-m.gif);
    padding: 0 0 0 20px;
}
.maskM span {
    background-image: url(../images/but_left-mask-m.gif);
    padding: 0 0 0 23px;
}
.revertM span {
    background-image: url(../images/but_left-revert-m.gif);
    padding: 0 0 0 20px;
}
.deleteM span {
    background-image: url(../images/but_left-delete-m.gif);
    padding: 0 0 0 20px;
}
.buttonMRight {
    float: right;
}
/* larger buttons ----------------------------  */
.buttonL {
    display: block;
    float: left;
    height: 25px;
    padding: 0 18px 0 0;
    cursor: pointer;
    background: url(../images/but_standard-right.gif) no-repeat top right;
    line-height: 24px;
    font-size: 11px;
    color: #4e4e4e;
    text-decoration: none;
}
.buttonL span {
    display: block;
    height: 25px;
    padding: 0 0 0 18px;
    background: url(../images/but_standard-left.gif) no-repeat top left;
}
.buttonL:hover {
    background-position: bottom right;
}
.buttonL:hover span {
    background-position: bottom left;
}
.cropL span {
    background-image: url(../images/but_left-crop.gif);
    padding: 0 0 0 26px;
}
.viewL span {
    background-image: url(../images/but_left-view.gif);
    padding: 0 0 0 30px;
}
/* button extra large ------------------------*/
.buttonEXL {
    display: block;
    float: left;
    height: 25px;
    padding: 0 9px 0 0;
    cursor: pointer;
    background: url(../images/but_exl-slide-right.gif) no-repeat top right;
    line-height: 24px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.buttonEXL span {
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 9px;
    background: url(../images/but_exl-slide-left.gif) no-repeat top left;
    color: #fff;
}
.buttonEXL:hover {
    background-position: bottom right;
    color: #fff;
}
.buttonEXL:hover span {
    background-position: bottom left;
    color: #fff;
}
.resultsKey .keySection .buttonEXL span {
    line-height: 25px;
} /* fix for sales pdf in the listing page footer */
.buttonEXL.active,
.current .buttonEXL {
    background: url(../images/but_exl-slide-right-active.gif) top right no-repeat;
    color: #fff;
}
.buttonEXL.active span,
.current .buttonEXL span {
    background: url(../images/but_exl-slide-left-active.gif) top left no-repeat;
    color: #fff;
}
.buttonForward {
    float: right;
    margin: 0 0 0 10px;
}
.buttonBack {
    float: right;
    margin: 0 0 0 10px;
}
/* edit button -------------------------------*/
.editButton {
    display: block;
    width: 79px;
    float: right;
    margin: 0;
    height: 28px;
    background: url(../images/button_edit.gif) 0 0 no-repeat;
}
.editButton:hover {
    background-position: 0 -28px;
}
.editButton span {
    display: none;
}
.legendEdit {
    margin: 0 0 0 0;
    float: right;
}
/* plus button used as add bubble ------------*/
.addBubble {
    display: block;
    height: 14px;
    width: 14px;
    float: left;
    margin: 3px 0 0 7px;
    background: url(../images/but_add-bubble.gif) 0 0 no-repeat;
}
.addBubble:hover {
    background-position: 0 -14px;
}
.addBubble span {
    display: none;
}
/* button container for the buttonS */
.buttonContainer {
    padding: 15px 0 0 0;
}
/* buttons in the tabs grey area */
.tabsAction {
    display: block;
    height: 24px;
    text-decoration: none;
    margin: 10px 23px 0 23px;
}
.tabsAction span {
    display: block;
    height: 24px;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    line-height: 23px;
    text-decoration: none;
}
/* tags to move the button to the left or right of the tabs */
a.rightPosition {
    float: right;
}
a.leftPosition {
    float: left;
}
/* right hand button and right hand arrows  */
.rightArrow {
    float: right;
    padding: 0 23px 0 0;
    background: url(../images/button_tabs-action-right.gif) no-repeat top right;
}
.rightArrow span {
    float: left;
    padding: 0 0 0 15px;
    background: url(../images/button_tabs-action-left.gif) no-repeat top left;
}
.rightArrow:hover {
    background-position: bottom right;
}
.rightArrow:hover span {
    background-position: bottom left;
}
/* left hand button and left hand arrows */
.leftArrow {
    float: left;
    padding: 0 0 0 23px;
    background: url(../images/button_tabs-action-left-arrow.gif) no-repeat top left;
}
.leftArrow span {
    float: left;
    padding: 0 15px 0 0;
    background: url(../images/button_tabs-action-right-arrow.gif) no-repeat top right;
}
.leftArrow:hover {
    background-position: bottom left;
}
.leftArrow:hover span {
    background-position: bottom right;
}
/* button no arrows   */
.noArrow {
    float: right;
    padding: 0 15px 0 0;
    background: url(../images/button_tabs-action-right-blank.gif) no-repeat top right;
}
.noArrow span {
    float: left;
    padding: 0 0 0 15px;
    background: url(../images/button_tabs-action-left.gif) no-repeat top left;
}
.noArrow:hover {
    background-position: bottom right;
}
.noArrow:hover span {
    background-position: bottom left;
}
.addNewButton {
    display: block;
    height: 28px;
    text-decoration: none;
    padding: 0 15px 0 0;
    background: url(../images/button_add-new-right.gif) top right no-repeat;
}
.addNewButton span {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 12px;
    background: url(../images/button_add-new-left.gif) top left no-repeat;
}
.addNewButton span .copy {
    background: url(../images/button-ico-plus.svg) 0 7px no-repeat;
    padding: 0 0 0 25px;
}
.addNewButton:hover {
    background-position: bottom right;
    text-decoration: none;
}
.addNewButton:hover span {
    background-position: bottom left;
}
.addNewButton:hover span .copy {
    background-position: 0 7px;
}
.editButton {
    display: block;
    height: 28px;
    text-decoration: none;
    padding: 0 15px 0 0;
    background: url(../images/button_add-new-right.gif) top right no-repeat;
    width: auto;
}
.editButton span {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 12px;
    background: url(../images/button_add-new-left.gif) top left no-repeat;
}
.editButton span .copy {
    background: url(../images/button-ico-edit.svg) 0 7px no-repeat;
    padding: 0 0 0 25px;
}
.editButton:hover {
    background-position: bottom right;
    text-decoration: none;
}
.editButton:hover span {
    background-position: bottom left;
}
.editButton:hover span .copy {
    background-position: 0 7px;
}
.downloadButton {
    display: block;
    height: 28px;
    text-decoration: none;
    padding: 0 15px 0 0;
    background: url(../images/button_add-new-right.gif) top right no-repeat;
}
.downloadButton span {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 12px;
    background: url(../images/button_add-new-left.gif) top left no-repeat;
}
.downloadButton span .copy {
    background: url(../images/button-ico-download.svg) 0 7px no-repeat;
    padding: 0 0 0 25px;
}
.downloadButton:hover {
    background-position: bottom right;
    text-decoration: none;
}
.downloadButton:hover span {
    background-position: bottom left;
}
.downloadButton:hover span .copy {
    background-position: 0 7px;
}
.addNewButtonContainer {
    float: right;
}
.addNewButtonContainer .addNewButton {
    margin: 11px 0 0 0;
}
.searchButton {
    display: block;
    height: 28px;
    text-decoration: none;
    padding: 0 15px 0 0;
    background: url(../images/button_add-new-right.gif) top right no-repeat;
}
.searchButton span {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 12px;
    background: url(../images/button_add-new-left.gif) top left no-repeat;
}
/*.searchButton span .copy { background:none; background:url(../images/button-ico-plus.svg) 0 7px no-repeat; padding:0 0 0 25px;   }
*/
.searchButton:hover {
    background-position: bottom right;
    text-decoration: none;
}
.searchButton:hover span {
    background-position: bottom left;
}
/*.searchButton:hover span .copy { background-position:0 7px; }
*/
/* ACCENT - company branding colours
.accent .resultsContent tr td.name .title, .accent .resultsContent tr td.name .title a { color:#a91f05;}  h2 used for the yahct name on the list results table
.accent .resultsContent tbody tr td.namePerson .title a { color:#a91f05; }
.accent .resultsContent tbody tr td.selected { background-color:#f3e0dd; }  selected bg colour on the table list view
.accent .resultsFooter .pagination li.active a { color:#a91f05;}
.accent .resultsFooter .pageSelection .paginationList li.current a { color:#a91f05;}
.accent .resultsFooter #pageSelection ul li.current a { color:#a91f05;}
.accent .contentHeader .crumb li a { color:#a91f05;  }
.accent .contentHeader h1 { color:#a91f05;  }
.accent .highlight { color:#a91f05;}  company colour class used every no and then, saves lots of classes
.accent .#photosAdditional .photoContainer .move:hover .select { border:1px solid #cc0000; }  this has to be updated in the css as the override is not working
.accent a:hover { color:#cc0000;}
.accent .sectionHeader .sectionOptions li a:hover { color:#cc0000;}
.accent .resultsGridContent ul li .name { color:#A91F05; }
.accent .sectionTable tbody tr td.name .yachtName a { color:#A91F05; }
.accent  #award_list_area .award_list li .destinationName a, #award_list_area .award_list li .destinationName span { color:#A91F05; }
.accent .award_crumbs li a:hover { color:#A91F05; }
.accent .forgottenPassword h1 { color:#A91F05;}
.accent .tabsGrey ul.slidingTab li.current a span { color:#A91F05}
.accent .resultsContent tr td a.crewLink { color:#a91f05; text-decoration:none; font-weight:bold; }
*/
/*  NOTE: setting matching heights on select and input boxes
	to get the heights of the select and input boxes to match i have set the height of the select to 20px
	and the input to 14px as the input box takes padding and borders into account when setting the height.
	so 14px height 2px padding on the top and bottom and 1px border on the top and the bottom making a total of 20px
*/
input[type="file"] {
    width: auto;
} /* ignores widths in most browsers but just cuts off in others rather than resizing */
/* main site layout tags
-----------------------------------------------------------------------------------------------*/
#siteContainer {
    width: 100%;
}
#header {
    float: left;
    width: 100%;
}
#header .headerInner {
    width: 990px;
    margin: 0 auto 0 auto;
}
#contentContainer {
    margin: 0 auto 0 auto;
    width: 990px;
}
#contentContainer .contentHeader {
    padding: 0 0 0 16px;
    float: left;
    width: 962px;
    height: 76px;
}
#contentContainer .contentHeaderLarge {
    height: 99px;
}
#contentContainer .content {
    float: left;
    width: 990px;
    background-color: #fff;
    margin: 0 0 20px 0;
    background: url(../images/content_bg.gif) 0 0 repeat-y;
}
#contentContainer .contentSectionHeader {
    float: left;
    width: 990px;
    height: 36px;
    background-image: url(../images/tabs_bg.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
/* photo full width
--------------------------------------------*/
#contentContainer.photoSiteContainer,
#contentContainer.largeContentWidth {
    width: 100%;
    float: left;
    margin: 0 0 36px 0;
}
#contentContainer.photoSiteContainer .contentHeader,
#contentContainer.largeContentWidth .contentHeader {
    float: none;
    margin: 0 auto;
}
#contentContainer.photoSiteContainer .tabsGrey,
#contentContainer.largeContentWidth .tabsGrey {
    float: none;
    margin: 0 auto;
}
#contentContainer.photoSiteContainer .content,
#contentContainer.largeContentWidth .content {
    width: 85%;
    margin: 0 auto;
    float: none;
    background: none;
}
#contentContainer.photoSiteContainer .content .sectionContainer {
    width: 100%;
    margin: 0 auto;
}
#contentContainer.photoSiteContainer .content .section {
    float: left;
    width: 100%;
    padding: 20px 0 0 0;
    background: rgb(219, 219, 219);
    background: -moz-linear-gradient(
        left,
        rgba(219, 219, 219, 1) 0%,
        rgba(238, 238, 238, 1) 18%,
        rgba(238, 238, 238, 1) 52%,
        rgba(238, 238, 238, 1) 87%,
        rgba(219, 219, 219, 1) 100%
    );
    background: -webkit-linear-gradient(
        left,
        rgba(219, 219, 219, 1) 0%,
        rgba(238, 238, 238, 1) 18%,
        rgba(238, 238, 238, 1) 52%,
        rgba(238, 238, 238, 1) 87%,
        rgba(219, 219, 219, 1) 100%
    );
    background: linear-gradient(
        to right,
        rgba(219, 219, 219, 1) 0%,
        rgba(238, 238, 238, 1) 18%,
        rgba(238, 238, 238, 1) 52%,
        rgba(238, 238, 238, 1) 87%,
        rgba(219, 219, 219, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#dbdbdb',GradientType=1 );
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    -webkit-box-shadow: 0 3px 5px 0 #999;
    box-shadow: 0 3px 5px 0 #999;
}
#contentContainer.photoSiteContainer .content .section .sectionHeader {
    width: 100%;
    box-sizing: border-box;
}
#contentContainer.photoSiteContainer .content .section .sectionHeader {
    width: 100%;
    box-sizing: border-box;
}
#contentContainer.photoSiteContainer .content .section .sectionInner {
    width: 100%;
    box-sizing: border-box;
}
#contentContainer.photoSiteContainer .content .section .sectionInner .fieldsetContainer #photoLists {
    width: 100%;
}
#contentContainer.photoSiteContainer .content .section .sectionInner .fieldsetContainer #photoLists ul {
    width: 100%;
}
/* full width
---------------------------------------------------------------*/
#contentContainer.photoSiteContainer .content .section.sectionWide {
    width: 100%;
    padding: 0;
    margin: 0;
}
#contentContainer.photoSiteContainer .content .section.sectionWide .sectionInner .fieldsetContainer {
    width: 100%;
}
#contentContainer.photoSiteContainer .content .section.sectionWide .sectionInner .fieldsetContainer fieldset {
    width: 100%;
}
#contentContainer.photoSiteContainer .content .section.sectionWide .sectionInner .fieldsetContainer fieldset .legend {
    width: 100%;
}
#contentContainer.photoSiteContainer .content .section.sectionWide .sectionInner .fieldsetContainer #photosAdditional {
    width: 100%;
}
/* entire pag full width
----------------------------------------------------------------*/
.largeContent #contentContainer {
    width: 1200px;
}
.largeContent #contentContainer .contentHeader {
    width: 100%;
    padding: 0;
}
.largeContent #contentContainer .tabsGrey {
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    height: 42px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top: 1px solid #555;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a9a9a9+0,787878+1,4d4d4d+99 */
    background: #a9a9a9; /* Old browsers */
    background: -moz-linear-gradient(top, #a9a9a9 0%, #787878 1%, #4d4d4d 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a9a9a9 0%, #787878 1%, #4d4d4d 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        #a9a9a9 0%,
        #787878 1%,
        #4d4d4d 99%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */
}
.largeContent #contentContainer .content {
    width: 100%;
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,f1f1f1+46,dbdbdb+100 */
    background: #dbdbdb; /* Old browsers */
    background: -moz-linear-gradient(left, #dbdbdb 0%, #f1f1f1 46%, #dbdbdb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #dbdbdb 0%, #f1f1f1 46%, #dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        #dbdbdb 0%,
        #f1f1f1 46%,
        #dbdbdb 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 */
    box-sizing: border-box;
}
.largeContent #contentContainer .content .section {
    padding: 20px 0;
    width: 100%;
}
.largeContent #contentContainer .content .section .sectionHeader {
    width: 100%;
}
.largeContent #contentContainer .content .section .sectionHeader .title {
    width: 100%;
    box-sizing: border-box;
}
.largeContent #contentContainer .content .resultsContainer {
    width: 100%;
    padding: 0;
}
.largeContent #contentContainer .content .resultsContainer .resultsHeader {
    width: 100%;
    box-sizing: border-box;
}
.largeContent #contentContainer .content .resultsContainer .resultsContent {
    position: relative;
}
.largeContent #contentContainer .content .resultsContainer .resultsContent {
}
/* scroll styling fix*/
#contentContainer.photoSiteContainer .content .scroll {
    padding: 0 0 8px 7px;
    margin: 0 0 0 -7px;
}
#contentContainer.photoSiteContainer .content .section.headerSection {
    margin: 0;
    box-shadow: 0 3px 2px 0 #999;
}
/* results list - full width */
#contentContainer.largeContentWidth .content {
    width: 70%;
}
#contentContainer.largeContentWidth .resultsContainer {
    width: 100%;
    padding: 0;
}
#contentContainer.largeContentWidth .resultsContainer .resultsHeader {
    margin: 0 auto;
}
#contentContainer.largeContentWidth .resultsContainer .resultsFooter {
    width: 100%;
    border: 1px solid #ccc;
    border-top: none;
}
#contentContainer.largeContentWidth .resultsContainer .resultsFooter .pageSelection {
    margin: 0 auto;
}
#contentContainer.largeContentWidth .content.contentKey {
    width: 990px;
    background: url(../images/content_bg.gif) 0 0 repeat-y;
}
@media only screen and (min-width: 1471px) {
    #contentContainer.photoSiteContainer .content {
        width: 958px;
    }
}
@media only screen and (min-width: 1600px) {
    #contentContainer.photoSiteContainer .content {
        width: 85%;
    }
}
.keyContainer {
    width: 990px;
    margin: 0 auto;
}
.keyContainer .resultsKey {
    background: #fff;
    float: left;
    padding: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #a9a9a9;
    width: 923px;
    margin: 30px 0 0 0;
    -webkit-box-shadow: 0 3px 5px 0 #999;
    box-shadow: 0 3px 5px 0 #999;
}
/* footer
-----------------------------------------------------------*/
#contentContainer .footerSave {
    width: 955px;
    height: 65px;
    float: left;
    background: url(../images/section_footer-save.gif) 0 0 no-repeat;
    padding: 8px 35px 0 0;
}
#contentContainer .footerSave .save {
    float: right;
}
#contentContainer .footerSave .cancel {
    float: right;
    display: block;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    margin: 10px 0 0 0;
}
#contentContainer .footerSave .cancel:hover {
    text-decoration: none;
}
#footer {
    float: left;
    width: 100%;
    padding: 0 0 200px 0;
}
#footer .footerInner {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
#footer .footerInner .copywrightContainer {
    float: left;
    color: #333;
    width: 500px;
    padding: 0 0 0 10px;
}
#footer .footerInner .copywrightContainer .copywright {
    color: #333;
    width: 500px;
}
#footer .footerInner ul {
    float: left;
    padding: 7px 0 0 0;
}
#footer .footerInner ul li {
    float: left;
    padding: 0 10px 0 0;
}
#footer .footerInner ul li a {
    color: #333;
    text-decoration: none;
}
#footer .footerLogo {
    float: right;
    margin: -10px 10px 0 0;
}
#subFooter {
    float: left;
    width: 100%;
}
.content .gridLayout {
    background: url(../images/grid_template.gif) repeat-y 0 0;
} /* tag to add a grid image to check for alignment */
/* header tags */
#header {
    height: 171px;
    background: url(../images/header_bg.gif) repeat-x center top;
}
.headerInner {
    width: 100%;
    margin: 0 auto 0 auto;
    height: 103px;
}
.headerInner .logo {
    float: left;
    padding: 0 0 0 6px;
}
.headerInner .visitButton {
    display: block;
    margin: 40px 0 0 0;
    float: left;
    width: 70px;
    height: 28px;
    background: url(../images/header_but-visit-site.gif) no-repeat 0 0;
}
.headerInner .visitButton:hover {
    background-position: 0 -28px;
}
/* main site navigation */
#header .navigationContainer {
    width: 100%;
    margin: 0 auto 0 auto;
}
/* search box and pop up search box - this css example uses display none / display block to show hide all the search navigation elements */
#header .navigationContainer .searchContainer {
    float: right; /*margin:16px 38px 0 0; <-- had to change for the header chanel fix */
    margin: 16px 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    height: 28px;
    background: url(../images/header_search-bg.gif) no-repeat 0 0;
    width: 227px;
}
.searchContainer input {
    border: none;
    float: left;
    margin: 4px 0 0 0;
    background-image: inherit;
    background-position: -20px -4px;
    width: 155px;
    height: 13px;
}
.searchContainer input:hover,
.searchContainer input:active,
.searchContainer input:focus {
    border: none;
    background: inherit;
    background-position: -21px -1px;
}
.searchContainer a.searchNavigation {
    display: block;
    float: left;
    width: 22px;
    height: 28px;
    background: url(../images/header_search-bg.gif) no-repeat 0 0;
}
.searchContainer a.searchNavigation:hover {
    background-position: 0 -28px;
}
.searchContainer a.searchNavigation div {
    display: none;
}
.searchContainer a.searchNavigation:hover div {
    display: block;
    position: absolute;
    top: 31px;
    left: -251px;
    padding: 4px;
    background-color: #f2f2f2;
    outline: 1px solid #f2f2f2;
    border: 1px solid #fff;
    width: 470px;
    height: 259px;
}
.searchContainer a.searchNavigation:hover div h3 {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    background-color: #ccc;
    width: 450px;
}
.searchContainer a.searchNavigation:hover div ul {
    float: left;
    width: 440px;
    margin: 15px;
}
.searchContainer a.searchNavigation:hover div ul li {
    float: left;
    width: 140px;
}
.searchContainer a.searchNavigation:hover div ul li h4 {
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.searchContainer a.searchNavigation:hover div ul li p {
    margin: 0 0 5px 0;
    padding: 0 0 0 20px;
    font-size: 11px;
    display: block;
    float: left;
    width: 150px;
}
.searchContainer a.searchNavigation:hover div ul li .checkbox {
    width: 10px;
    margin: 0 5px 0 0;
    float: left;
}
.searchContainer a.searchButton {
    float: right;
    background: url(../images/header_search-bg.gif) no-repeat top right;
    height: 28px;
    display: block;
    width: 41px;
}
.searchContainer a.searchButton:hover {
    background-position: bottom right;
}
/*.contentHeader .saveButtonContainer  a, #contentContainer .footerSave .save { display:block; height:28px; line-height:28px; text-decoration:none; margin:11px 3px 0 19px; float:right;  padding:0 15px 0 0; background:url(../images/but_save-slide-right.gif) no-repeat bottom right;  }
.contentHeader .saveButtonContainer  a span, #contentContainer .footerSave .save span {display:block; height:28px; font-weight:bold; color:#FFF; font-size:12px; line-height:28px; text-decoration:none; float:left; padding:0 0 0 32px; background:url(../images/but_save-slide-left.gif) no-repeat bottom left;}
.contentHeader .saveButtonContainer  a:hover, #contentContainer .footerSave .save:hover { background-position:top right;}
.contentHeader .saveButtonContainer  a:hover span, #contentContainer .footerSave .save:hover span { background-position: top left;}
.contentHeaderLarge .saveButtonContainer  a { margin:33px 0 0 19px;}
*/
.saveButton {
    display: block;
    height: 28px;
    text-decoration: none;
    margin: 11px 0 0 19px;
    float: right;
    padding: 0 15px 0 0;
    background: url(../images/but_save-slide-right.gif) no-repeat bottom right;
}
.saveButton span {
    display: block;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    float: left;
    padding: 0 0 0 32px;
    background: url(../images/but_save-slide-left.gif) no-repeat bottom left;
}
.saveButton:hover {
    background-position: top right;
}
.saveButton:hover span {
    background-position: top left;
}
/* preview button  */
.contentHeader .previewButtonContainer {
    float: right;
}
.contentHeader .previewButtonContainer .previewButton {
    display: block;
    margin: 11px 0 0 0;
    height: 28px;
    float: right;
    padding: 0 15px 0 0;
    text-decoration: none;
    background: url(../images/but_preview-slide-right.gif) top right no-repeat;
}
.contentHeader .previewButtonContainer .previewButton span {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0;
    background: url(../images/but_preview-slide-left.gif) top left no-repeat;
}
.contentHeader .previewButtonContainer .previewButton:hover {
    background-position: bottom right;
}
.contentHeader .previewButtonContainer .previewButton:hover span {
    background-position: bottom left;
}
.contentHeader .previewButtonContainer .previewButton .previewLink {
    display: block;
    height: 28px;
    padding: 0 0 0 38px;
    line-height: 28px;
    float: left;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.contentHeader .previewButtonContainer .previewButton .optionLink {
    display: block;
    height: 28px;
    width: 10px;
    padding: 0 0 0 10px;
    margin: 0 0 0 5px;
    float: right;
    background: url(../images/but_preview-arrow-icon.png) top center no-repeat;
}
/* temp fix to keep the Channel chosing in the header - don't want to brake it or have in all pages if has to be moved back again */
.navigationContainer .header_channel {
    float: right;
    padding: 16px 0 0 0;
}
.navigationContainer .header_channel .channelTitle {
    color: #666;
    display: block;
    float: right;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 26px;
    padding: 0 8px 0 0;
}
.navigationContainer .header_channel .dropDownContainer {
    float: right;
}
.navigationContainer .header_channel select {
    background-image: url(../images/flags/gb.gif);
    background-repeat: no-repeat;
    background-position: 8px 7px;
    border: 1px solid #ccc;
    color: #4e4e4e;
    float: right;
    height: 27px;
    padding: 5px 3px 5px 26px;
    width: 170px;
}
.navigationContainer .header_channel select option {
    background-position: 5px 2px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 26px;
}
.navigationContainer .header_channel select.gb,
.navigationContainer .header_channel select option.gb {
    background-image: url(../images/flags/gb.gif);
}
.navigationContainer .header_channel select.ru,
.navigationContainer .header_channel select option.ru {
    background-image: url(../images/flags/ru.gif);
}
.navigationContainer .header_channel select.pt,
.navigationContainer .header_channel select option.pt {
    background-image: url(../images/flags/pt.gif);
}
.navigationContainer .header_channel select.cn,
.navigationContainer .header_channel select option.cn {
    background-image: url(../images/flags/cn.gif);
}
.navigationContainer .header_channel select.ipad,
.navigationContainer .header_channel select option.ipad {
    background-image: url(../images/flags/ipad.gif);
}
.navigationContainer .header_channel .channelLanguage {
    background: url(../images/flags/gb.gif) no-repeat 0 8px;
    color: #666666;
    padding: 0 10px 0 20px;
    float: right;
    font-size: 11px;
    line-height: 26px;
    font-family: Verdana, Geneva, sans-serif;
}
/* section - container for all the grid form elements */
.section {
    float: left;
    width: 958px;
    padding: 20px 0 0 16px;
}
.section .sectionHeader {
    float: left;
    width: 958px;
}
.section .sectionInner {
    float: left;
    width: 920px;
    padding: 0 0 0 19px;
}
.section h3 {
    text-transform: uppercase;
}
.section .description {
    float: left;
    width: 920px;
    color: #333;
    display: block;
    margin: 0 0 0 0;
    padding: 10px 0 10px 19px;
    font-size: 11px;
    line-height: 1.2em;
}
.sectionNoTop {
    float: left;
    width: 958px;
    padding: 0 0 0 16px;
}
.sectionHeader {
    margin: 0 0 10px 0;
    float: left;
    width: 920px;
}
.sectionHeader .title {
    float: left;
    width: 919px;
    display: block;
    background: url(../images/section_header-title-bg.gif) bottom center repeat-x;
    padding: 0 19px 10px 19px;
    margin: 0 0 0 0;
}
.sectionHeader .title .channelFlag {
    float: left;
    padding: 0 10px 0 0;
}
.sectionHeader .title h2 {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin: 0;
    font-size: 14px;
    padding: 15px 0 0 0;
}
.sectionHeader .title h2.heading {
    float: left;
    padding: 7px 0 1px 0;
    font-size: 15px;
}
.sectionHeader .title p.subHeading {
    float: left;
}
.sectionHeader .title a.saveButton {
    margin: 0 19px 0 0;
}
.sectionHeader .title a.save {
    margin: 0 19px 0 0;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    line-height: 2em;
    font-weight: bold;
    float: right;
    display: block;
    padding: 0 20px 0 0;
    height: 24px;
    background: url(../images/button_save-right.gif) no-repeat top right;
}
.sectionHeader .title a.save span {
    display: block;
    height: 24px;
    float: left;
    background: url(../images/button_save.gif) no-repeat top left;
    padding: 0 0 0 15px;
}
.sectionHeader .title a.save:hover {
    background-position: bottom right;
}
.sectionHeader .title a.save:hover span {
    background-position: bottom left;
}
.sectionHeader .title a.previewButton {
    float: right;
    display: block;
    cursor: pointer;
    line-height: 24px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    background: url(../images/but_exl-slide-right.gif) top right no-repeat;
    padding: 0 9px 0 0;
}
.sectionHeader .title a.previewButton span {
    display: block;
    height: 25px;
    background: url(../images/but_exl-slide-left.gif) top left no-repeat;
    padding: 0 0 0 9px;
    color: #fff;
}
.sectionHeader .title a.previewButton:hover {
    background-position: bottom right;
    color: #fff;
}
.sectionHeader .title a.previewButton:hover span {
    background-position: bottom left;
    color: #fff;
}
.sectionHeader .title a.addNewButton {
    float: right;
}
.sectionHeader .none {
    background-image: none;
}
.headerSection {
    padding: 0 0 0 16px;
    margin: 5px 0 0 0;
}
.headerLine {
    background: url(../images/section_header-title-bg.gif) bottom center repeat-x;
    height: 2px;
    width: 957px;
    margin: 0 0 17px 0;
    float: left;
}
.channelHeading {
    padding: 0 0 0 20px;
}
.channelHeading p {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
.sectionHeader form {
    float: right;
    margin: 6px 0 0 0;
}
/* additional tag to set icon link options on the photo page */
.sectionHeader .sectionOptions {
    float: right;
    padding: 11px 0 0 0;
    margin: 0 19px 0 0;
}
.sectionHeader .sectionOptions li {
    float: right;
    padding: 0 8px 0 0;
}
.sectionHeader .sectionOptions li a {
    display: block;
    background: url(../images/but_photo-actions.gif) 0 0 no-repeat;
    height: 22px;
}
.sectionHeader .sectionOptions li a span {
    display: none;
}
.sectionHeader .sectionOptions li.upload a {
    background-position: 0 0;
    width: 81px;
}
.sectionHeader .sectionOptions li.upload a:hover {
    background-position: 0 -30px;
}
.sectionHeader .sectionOptions li.default a {
    background-position: -89px 0;
    width: 106px;
}
.sectionHeader .sectionOptions li.default a:hover {
    background-position: -89px -30px;
}
.sectionHeader .sectionOptions li.sort a {
    width: 98px;
    background-position: -203px 0;
}
.sectionHeader .sectionOptions li.sort a:hover {
    background-position: -203px -30px;
}
.sectionHeader .sectionOptions li.edit a {
    width: 102px;
    background-position: -309px 0;
}
.sectionHeader .sectionOptions li.edit a:hover {
    background-position: -309px -30px;
}
.sectionHeader .sectionOptions li.library a {
    width: 114px;
    background-position: -419px 0;
}
.sectionHeader .sectionOptions li.library a:hover {
    background-position: -419px -30px;
}
/* section table - used for any section not used as a list e.g the calender on the charter calender and rates tag */
.sectionTable {
    width: 958px;
    border-collapse: collapse;
    margin: 0 0 20px 0;
    float: left;
}
.sectionTable thead td {
    color: #555555;
    text-align: center;
    background-color: #f8f8f8;
    font-size: 11px;
    padding: 4px;
    background-image: url(../images/thead_bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #dddddd;
}
.sectionTable tbody td {
    cursor: pointer;
    color: #333;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    padding: 4px;
    font-size: 11px;
    border: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.sectionTable tbody tr.on td {
    background: url(../images/table_cell-bg.gif) repeat-x bottom center;
    background-color: #f7f8f7;
}
.sectionTable tbody tr.off td {
    background-color: #efefef;
} /* fix for dragable rows so they have a background*/
.sectionTable thead td.left,
.sectionTable tbody td.left {
    text-align: left;
    padding: 4px 0 4px 5px;
}
.sectionTable tbody tr td.none {
    border-bottom: none;
}
.sectionTable tbody tr td.noPadding {
    padding: 0;
}
.sectionTable tbody tr.on td table tr td {
    background: url(../images/table_cell-bg.gif) repeat-x bottom center;
    background-color: #f7f8f7;
}
.sectionTable thead tr td a.sort {
    text-decoration: none;
    display: block;
    cursor: pointer;
}
.sectionTable thead tr td a.up {
    text-decoration: underline;
}
.sectionTable thead tr td a.down {
    text-decoration: underline;
}
.sectionTable tfoot tr td {
    padding: 10px 0 0 0;
}
.sectionTable tbody tr td.name a {
    margin: 2px 0 2px 0;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
}
.sectionTable tbody tr td.name .yachtName {
    display: block;
    line-height: 11px;
    float: left;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0 0 4px;
    width: 100%;
}
.sectionTable tbody tr td.name .yachtName .exName {
    display: block;
    float: left;
    margin: 2px 0 0 0;
    color: #ccc;
    font-size: 10px;
    font-weight: normal;
    padding: 0 0 0 4px;
    width: 100%;
}
.sectionTable tbody tr td.name .yachtName a {
    float: left;
    font-size: 12px;
    padding: 0 10px 0 0;
}
.sectionTable tbody tr td.name .yachtDetails {
    width: 100%;
    line-height: 12px;
    float: left;
    font-size: 10px;
    margin: 0;
    padding: 0 0 0 4px;
    margin: 0;
    font-family: Verdana, Geneva, sans-serif;
}
.sectionTable tbody tr td.userName a {
    color: #cc0000;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    margin: 0;
    padding: 6px 0 0 0;
    text-decoration: none;
}
.sectionTable tbody tr td.verticalAlign {
    vertical-align: middle;
} /* fix for the table on the add new yacht search page - name cell is at least a duble height so need to align in the middle not the end */
.sectionTable tr td.firstSpacing {
    padding: 4px 0 4px 20px;
    text-align: left;
}
.sectionTable tfoot .pagination {
    padding: 0;
    border: none;
}
.sectionTable tfoot .pagination tr td {
    border: none;
    vertical-align: middle;
}
.sectionTable tfoot .pagination tr td.none {
    padding: 0;
}
.sectionTable tfoot .pagination tr td.right {
    padding: 0 4px 0 0;
}
.sectionOverview tbody tr td.name .yachtName {
    color: #015ac2;
}
.sectionOverview tbody tr td {
    border: none;
    border-bottom: 1px solid #eee;
}
.sectionTableSmaller {
    width: 890px;
}
/* photo Library section
--------------------------------------------------------*/
.photoLibrary thead tr.firstRow td {
    padding: 7px 0 7px 0;
}
.photoLibrary thead tr.firstRow td.left {
    padding: 7px 0 7px 5px;
}
/* related areas
----------------------------------------------------------*/
.relatedAreasTable {
    width: 100%;
}
.relatedAreasTable thead td {
    color: #555555;
    text-align: center;
    background-color: #f8f8f8;
    font-size: 11px;
    padding: 4px 0 4px 0;
    background-image: url(../images/thead_bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #dddddd;
}
.relatedAreasTable tbody td {
    cursor: pointer;
    color: #333;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    padding: 4px 0 4px 0;
    font-size: 11px;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.relatedAreasTable thead td.left,
.relatedAreasTable tbody td.left {
    text-align: left;
    padding-left: 10px;
}
/* destination cookie crumbs ---------------------------------------------*/
.award_crumbs {
    float: left;
    width: 920px;
    padding: 0 0 0 15px;
}
.award_crumbs li {
    float: left;
    background: url(/resources/images/cookie-arrow-right.gif) 0 4px no-repeat;
    padding: 0 0 0 12px;
    margin: 0 0 0 8px;
}
.award_crumbs li a {
    text-decoration: none;
}
.award_crumbs li a:hover {
} /* accent */
.award_crumbs li.none {
    padding: 0;
    background: none;
    margin: 0;
}
/* destination guides and awards list styling ----------------------------*/
#award_list_area {
    float: left;
    width: 958px;
}
#award_list_area .award_list {
    float: left;
    width: 958px;
    margin: 10px 0 10px 0;
    border-top: 1px solid #eee;
}
#award_list_area .award_list li {
    float: left;
    width: 958px;
    border-bottom: 1px solid #eee;
    padding: 4px 0 4px 0;
}
#award_list_area .award_list li.on {
    background: url(/resources/images/table_cell-bg.gif) repeat-x center bottom #f7f8f7;
}
#award_list_area .award_list li:hover {
    background: url(/resources/images/table_cell-bg-hover.gif) repeat-x center bottom #edefed;
}
#award_list_area .award_list li .destinationName {
    float: left;
    line-height: 20px;
    width: 400px;
    padding: 0 0 0 15px;
}
#award_list_area .award_list li .destinationName a,
#award_list_area .award_list li .destinationName span {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
#award_list_area .award_list li .destinationName p {
    margin: 0;
    font-weight: bold;
}
#award_list_area .award_list li .destinationActions {
    width: auto;
    float: right;
    margin: 0 15px 0 0;
}
#award_list_area .award_list li .destinationActions li {
    width: 20px;
    padding: 0 0 0 10px;
    border: none;
}
#award_list_area .award_list li .destinationActions li:hover {
    border: none;
    background-image: none;
}
#award_list_area .award_list li .destinationActions li a {
    display: block;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: none;
}
#award_list_area .award_list li .destinationActions li a span {
    display: none;
}
#award_list_area .award_list li .destinationActions li.view a {
    background-image: url(/resources/images/ico_folders-stack.png);
}
#award_list_area .award_list li .destinationActions li.moveto a {
    background-image: url(/resources/images/ico_move_to_folder.png);
}
#award_list_area .award_list li .destinationActions li.edit a {
    background-image: url(/resources/images/ico_edit2.gif);
}
#award_list_area .award_list li .destinationActions li.sort a {
    background-image: url(/resources/images/arrow_switch_sm.png);
    cursor: move;
}
#award_list_area .award_list li .destinationActions li.delete {
    padding: 0 0 0 6px;
}
#award_list_area .award_list li .destinationActions li.delete a {
    background-image: url(/resources/images/ico_delete.gif);
}
#award_list_area .award_list li .destinationActions li.delete a:hover {
    background-position: 0 -16px;
}
#award_list_area .award_list li .destinationActions li.status {
}
#award_list_area .award_list li .destinationActions li.seasonSummer,
#award_list_area .award_list li .destinationActions li.seasonWinter,
#award_list_area .award_list li .destinationActions li.seasonBoth {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    width: 40px;
    padding: 4px 0 0 0;
    text-align: center;
}
#award_list_area .award_list li.sub-level {
    border: none;
    border-top: 1px solid #eee;
    margin: 4px 0 0 0;
}
#award_list_area .award_list li.sub-level:hover {
    border: none;
    border-top: 1px solid #edefed;
    border-bottom: none;
    border-bottom-color: #edefed;
}
#award_list_area .award_list li.sub-level ul li.sub-level {
    padding: 4px 0 0 15px;
    border: none;
    border-top: 1px solid #eee;
    margin: 4px 0 0 0;
    width: 943px;
}
#award_list_area .award_list li.sub-level ul li.sub-level:hover {
    border: none;
    border-top: 1px solid #edefed;
    border-bottom: none;
    border-bottom-color: #edefed;
}
#award_list_area .award_list li.sub-level .destinationName a,
#award_list_area .award_list li.sub-level .destinationName p {
    padding: 0 0 0 23px;
    margin: 0;
}
#award_list_area .award_list li.sub-level .destinationName a:before,
#award_list_area .award_list li.sub-level .destinationName p:before {
    content: " - ";
    font-weight: bold;
    padding: 0 5px 0 0;
    font-size: 14px;
}
.awardListButtonContainer {
    float: left;
    padding: 0 0 0 15px;
}
.areaListheading {
    float: left;
    width: 100%;
}
.areaListheading li {
    float: right;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.areaListheading li.areasList {
    float: left;
    padding: 0 0 0 20px;
}
.areaListheading li.actions {
    padding: 0 0 0 20px;
    width: 67px;
}
.areaListheading li.organisation {
}
.areaListheading li.areaDetails {
    width: 132px;
}
/* used on the centeal yacht database - yacht detail - photos tab for the alternative view --- poss used on other pages in the future ? ----*/
.photoTable {
    width: 920px;
    margin: 0 0 20px 0;
    border: 1px solid #ddd;
    border-left: none;
}
.photoTable thead td {
    color: #555555;
    text-align: center;
    background-color: #f8f8f8;
    font-size: 11px;
    padding: 4px 0 4px 7px;
    background-image: url(../images/thead_bg.jpg) repeat-x bottom left;
    border-left: 1px solid #ddd;
}
.photoTable thead td.left,
.photoTable tbody td.left {
    text-align: left;
    padding: 6px 0 4px 7px;
}
.photoTable thead td.image,
.photoTable tbody td.image {
    border-right: 1px solid #ddd;
}
.photoTable tbody tr td {
    vertical-align: top;
    padding: 10px 0 10px 0;
    text-align: center;
    border-left: 1px solid #ddd;
}
.photoTable tbody tr.on {
    background-color: #f8f8f8;
}
.photoTable tbody tr td .sizeContainer {
    height: 50px;
    float: left;
    display: block;
}
.photoTable thead tr.firstRow td {
    border-bottom: 1px solid #ddd;
}
.photoTable tbody tr td span {
    font-size: 10px;
    color: #666;
    display: block;
    padding: 5px 0 2px 0;
}
.photoTable tbody tr td a.maskM span {
    padding: 0 0 0 23px;
}
.photoTable tbody tr td a.cropM span {
    padding: 0 0 0 20px;
}
.photoTable .photoPreview {
    float: left;
    padding: 6px 0 4px 0;
}
.photoTable .buttonContainer li {
    float: left;
}
.photoTable .buttonContainer li.first {
    padding: 0 5px 0 0;
}
.photoTable .editTable td {
    padding: 0;
    margin: 0;
    width: 282px;
    border: none;
}
.photoTable .editTable td input {
    width: 266px;
}
.photoTable .editTable td textarea {
    width: 548px;
}
.photoTable .orientation {
    display: block;
    width: 56px;
    height: 51px;
    float: left;
    background-image: url(../images/ico_photo-orientation.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.photoTable .portrait {
    background-position: 8px -100px;
}
.photoTable .landscape {
    background-position: 0 -196px;
}
.photoTable .square {
    background-position: 5px 0;
}
.photoTable .editTable .eidtAdditionalLabel {
    padding: 6px 0 0 0;
    float: left;
    text-align: left;
}
.photoTable .photoTableFooter {
    margin: 10px 0 0 0;
}
.photoTable .photoTableFooter tr td {
    text-align: center;
    border: none;
}
.photoTable .photoTableFooter tr td input {
    margin: 7px 0 0 7px;
}
.photoTable .photoTableFooter tr td label {
    display: block;
    padding: 5px 20px 0 7px;
    line-height: 15px;
    font-weight: bold;
}
.photoTable .photoTableFooter tr td .photoCredit {
    margin: 4px 0 0 0;
    width: 200px;
}
.photoLibrary .chanelFlags {
    width: 69px;
}
.photoLibrary .chanelFlags div {
    display: block;
    height: 11px;
    width: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid #f1f1f1;
    margin: 0 auto;
}
.photoLibrary .chanelFlags .flag-gb {
    background-image: url(../images/flags/gb.gif);
}
.photoLibrary .chanelFlags .flag-syn {
    background-image: url(../images/flags/syn.gif);
}
.photoLibrary .chanelFlags .flag-wly {
    background-image: url(../images/flags/wly.gif);
}
.photoLibrary .chanelFlags .flag-ycf {
    background-image: url(../images/flags/ycf.gif);
}
.photoLibrary .chanelFlags .flag-eis {
    background-image: url(../images/flags/eis.gif);
}
.photoLibrary .chanelFlags .flag-ycf-ru {
    background-image: url(../images/flags/ycf-ru.gif);
}
.photoLibrary .chanelFlags .flag-syf {
    background-image: url(../images/flags/syf.gif);
}
.photoLibrary .chanelFlags .flag-ycf-cn {
    background-image: url(../images/flags/ycf-cn.gif);
}
.photoLibrary .chanelFlags .flag-sys {
    background-image: url(../images/flags/sys.gif);
}
.photoLibrary .chanelFlags .flag-lyc {
    background-image: url(../images/flags/lyc.gif);
}
.photoLibrary .chanelFlags .flag-yb {
    background-image: url(../images/flags/yb.gif);
}
/* batch edit photo view
--------------------------------------------*/
.batchEdit {
    margin: 10px 0 0 -19px;
    width: 958px;
}
.batchEdit .photoTable {
    width: 958px;
}
.batchEdit .photoTable tr td label {
    width: 100%;
    text-align: left;
}
.batchEdit .photoTable tr td input[type="text"],
.batchEdit .photoTable tr td textarea {
    margin: 0 0 5px 0;
}
.batchEdit .photoTable tr td .photoDetails {
    margin-bottom: 5px;
}
.batchEdit .photoTable tr td .photoDetails tr td {
    padding: 0;
    border: none;
}
.batchEdit .photoTable tr td .sizeContainer {
    width: 100%;
    text-align: left;
    height: auto;
    margin-top: 17px;
}
.batchEdit .photoTable tr td .sizeContainer p {
    margin: 0 0 6px 0;
}
.batchEdit .photoTable tr td .buttonContainer {
    width: 100%;
    padding: 19px 0 0 0;
}
.batchEdit .photoTable tr td .buttonContainer li {
    width: 100%;
    margin: 0 0 10px 0;
}
.batchEdit .photoTable tr td .buttonContainer li a.cropM {
    padding: 0 15px 0 0;
}
.batchEdit .photoTable tr td .buttonContainer li a.cropM span {
    padding-right: 2px;
}
.batchEdit .photoTable tr td .photoControl a {
    float: left;
    margin-top: 8px;
}
.batchEdit .photoTable tr td .orientation.portrait {
    margin-bottom: 7px;
    background-position: 2px -100px;
}
.tableNone {
    margin: 0;
}
/* used when a table is nested inside a sectionTable and need to loose the borders*/
.sectionTableInner tbody tr td {
    border: none;
}
.alphabet {
    /*border-right:1px solid #CCCCCC;*/
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
}
.alphabet li {
    border-left: 1px solid #cccccc;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 2px 4px;
}
.alphabet li:first-child {
    border: none;
}
.alphabet li a {
    display: block;
    cursor: pointer;
    text-decoration: none;
}
.mainImage {
    float: left;
}
.addImgContainer {
    float: left;
    height: 67px;
}
.altImageContainer {
    float: left;
    padding: 0 10px 10px 0;
    text-align: left;
}
/* form - layout and form element tags
----------------------------------------------------------------------------------------------------------*/
.fieldsetContainer {
    float: left;
}
.fieldsetContainer fieldset {
    margin: 0 0 15px 0;
} /* fix to add spacing to the bottom of the fiedset when inside the container */
.section .sectionInner .fieldsetContainer fieldset.none {
    padding: 0;
    border: none;
} /* used when styling sections and the fieldset dose not need a border at the top & fix for the fieldsets on the list view */
.section fieldset.none {
    padding: 10px;
    border: none;
}
.resultsContainer fieldset.none {
    padding: 0;
    border: none;
}
.section fieldset.noStyling,
.semReportsContainer fieldset.noStyling {
    padding: 0;
    border: none;
}
fieldset.legendReplacement {
    padding: 10px 0 0 0;
} /* fix when there is no ledgend needed but you still need the ledgend spacing   */
fieldset.borderBottom {
    border-bottom: 1px solid #999;
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
} /* fixed used on the featured yachts - as the container needs to be larger than the span40None that gives the neet lines so put the class on the above fieldset */
/* fix for sections that need to run accross the page but the content needs to be split due to tests and for eaches */
.fieldsetContainer fieldset .fieldsetInner {
    float: left;
}
.fieldsetSubHeading {
    float: left;
    width: 100%;
    padding: 0 0 7px 0;
    font-weight: bold;
    font-size: 12px;
    color: #333;
}
.fieldsetSubHeading p {
    font-size: 10px;
    font-weight: normal;
    color: #6f6f6f;
    padding: 2px 0 0 0;
    margin: 0;
}
fieldset.fullWidth {
    width: 958px;
    border: none;
    padding: 0;
    margin: 0 0 15px 0;
}
fieldset.fullWidth .legend {
    margin: 0 0 12px 19px;
}
fieldset.fullWidth h2 {
    display: block;
    float: left;
    padding: 5px 0 0 19px;
}
.section .sectionInner .fieldsetContainer fieldset.photoDivider {
    border: none;
    border-top: 1px solid #cacaca;
    padding: 10px 0 0 0;
}
/*.fieldsetContainer legend { color:#666666;  font-weight:bold; padding:0 0 20px 0;}*/
.fieldsetInner {
    float: left;
}
.inputRow {
    float: left;
    padding: 0 0 7px 0;
    width: 100%;
}
.inputRow.highlight {
    font-weight: bold;
}
.inputRow p {
    font-size: 11px;
    margin: 0 0 4px 0;
    color: #000;
    line-height: 12px;
}
.inputRowStack {
    padding: 0 0 10px 0;
} /* used when additional heading are needed - with rowHeading below - */
.inputLabel {
    display: block;
    float: left;
    font-size: 11px;
    margin: 0 0 2px 0;
    line-height: 16px;
} /* styling for tags to match the lable tag when its not right to use it */
.stack {
    margin-bottom: 6px;
}
.separator5 {
    margin-bottom: 5px;
}
.separator10 {
    margin-bottom: 10px;
}
.separator15 {
    margin-bottom: 15px;
} /* to add spacing when there is an option to add additional fields eg. range, engins*/
.separator20 {
    margin-bottom: 20px;
}
.separatorTop10 {
    margin-top: 10px;
}
.textOutput ul {
    width: 100%;
    float: left;
}
.textOutput ul li {
    width: 100%;
    font-size: 11px;
    line-height: 15px;
    color: #333;
    list-style-type: disc;
    list-style-position: inside;
}
.textOutputEllipsis {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: help;
}
/* Start price update highlight */
.inputField.priceUpdate {
    border: 1px solid;
    padding: 5px;
    font-weight: bold;
    box-sizing: border-box;
    margin-right: 2px;
}
.priceUpdate.priceChange {
    background-color: #e8e79e;
}
/* End price update highlight */
.textOutputLink p a {
    font-size: 13px;
}
.note {
    font-size: 10px;
    float: left;
    margin: 2px 0 0 0;
} /* tag for additional information under fields e.g. size limi: 4MB */
.rowHeading {
    font-size: 11px;
    float: left;
    font-weight: bold;
} /* tag for heading for repeat regions where lables are alredy being used */
.inputParameter {
    font-size: 11px;
    float: left;
    padding: 6px 6px 0 2px;
} /* tag for qualifing information e.g km or nm */
.textOutputLarge p {
    color: #6f6f6f;
}
.buttonSpacing a {
    margin: 0 0 0 20px;
}
.defaultContent {
    padding: 5px 0;
    display: block;
    float: left;
    width: 100%;
}
.defaultContent .title p {
    color: #000;
    font-weight: bold;
    width: 100%;
    display: block;
}
.inputValue {
    font-size: 11px;
    color: #6f6f6f;
} /* tag to fix input fields where the value is added dynamicly */
.inputField {
    float: left;
}
.inputShim {
    float: left;
    padding: 0 4px 0 0;
}
.inputShimRight {
    float: right;
}
.spacer {
    display: block;
    height: 16px;
    width: 100%;
} /* blank space - used to add a space preserving the grid */
.status {
    font-size: 10px;
} /* old tag used for charter count in dynamic code so carried accross */
.checkboxSpacing {
    margin: 4px 0 0 2px;
} /* used to position checkboxs in a row */
.legend {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    width: 80%;
    float: left;
    margin: 0 0 8px 0;
    padding: 1px 0 1px 20px;
    color: #666;
    background: url(../images/legend_icons.gif) -100px 0 no-repeat;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}
.legend div {
    float: left;
    display: block;
    width: 100%;
}
.legend .additionalLegend {
    text-transform: lowercase;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 0 0 0;
}
.legend .additionalLegend p {
    margin: 0;
}
.legend .additionalLegend p:first-letter {
    text-transform: uppercase;
    margin: 0;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
}
.legendSmall {
    width: 50%;
}
.tableLegend {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0 0 8px 20px;
    padding: 1px 0 1px 20px;
    width: 100%;
    color: #666;
    background: url(../images/legend_icons.gif) -100px 0 no-repeat;
}
.tableLegend div {
    float: left;
    display: block;
    width: 100%;
}
.tableLegend .additionalLegend {
    text-transform: lowercase;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 0 0 0;
}
.tableLegend .additionalLegend p {
    margin: 0;
}
.tableLegend .additionalLegend p:first-letter {
    text-transform: uppercase;
    margin: 0;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
}
.required {
} /* optional required field  - used on the inputField tag */
.charleft {
    color: #333;
    font-size: 11px;
    width: 100%;
    margin: 5px 0 5px 0;
    float: left;
}
/* default copy styling
------------------------------------------------------------------*/
.defaultCopy h4 {
    color: #333;
    display: block;
    width: 100%;
    margin: 4px 0 3px 0;
    float: left;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 13px;
    text-transform: uppercase;
}
.defaultCopy p {
    display: block;
    float: left;
    width: 100%;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 8px 0;
    line-height: 1.3em;
    font-size: 11px;
}
/* seo - google results preview
------------------------------------------------------------------*/
.googlePreviewTitle {
    margin: 0 0 10px 0;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.googlePreview {
    background: #fff;
    padding: 10px;
    width: 434px;
    font-family: Arial, Helvetica, sans-serif;
}
.googlePreview #js_preview_title {
    color: #1a0dab;
    font-style: normal;
    font-size: medium;
    text-decoration: none;
    font-size: 18px;
}
.googlePreview .googleUrl {
    font-size: 14px;
    line-height: 1.2;
    font-style: normal;
    color: #009933;
    padding: 2px 0;
    text-decoration: none;
    font-size: 13px;
}
.googlePreview #js_preview_meta_description {
    line-height: 1.24;
    font-size: small;
    color: #545454;
}
/* legend icons
-----------------------------------------------------------------*/
.info {
    background-position: 0 0;
} /* info icon / sales status  */
.yachtType {
    background-position: 0 -40px;
} /* yacht type*/
.ruller,
.ruler {
    background-position: 0 -80px;
} /*  construction / dimentions */
.cog {
    background-position: 0 -120px;
} /* engine / generator*/
.calendar {
    background-position: 0 -160px;
} /* calendar */
.tickbox {
    background-position: 0 -200px;
} /* yacht details */
.cogsWorking {
    background-position: 0 -240px;
}
.people {
    background-position: 0 -280px;
} /* accomodation */
.weather {
    background-position: 0 -320px;
} /* weather */
.images {
    background-position: 0 -360px;
} /* mutiple images - additional photos / yacht photos */
.photo {
    background-position: 0 -399px;
} /* single image - prefered photo / mask / edit */
.magnify,
.search {
    background-position: 0 -440px;
} /* search */
.offices {
    background-position: 0 -480px;
} /* trading company details  */
.comunications {
    background-position: 0 -520px;
} /* communication / ip address (radio tower img)*/
.man {
    background-position: 0 -561px;
} /* user / personal details */
.tools {
    background-position: 0 -600px;
} /* builder / yacht designers */
.playVideo {
    background-position: 0 -640px;
} /* video */
.videoCamera {
    background-position: 0 -680px;
}
.camera {
    background-position: 0 -720px;
}
.switch {
    background-position: 0 -760px;
} /* marketing */
.document {
    background-position: 0 -800px;
} /* full description / overview / description */
.clock {
    background-position: 0 -840px;
} /* timezone  */
.dollar {
    background-position: 0 -880px;
} /* billing center / currencies */
.thumbsUp {
    background-position: 0 -921px;
} /* good for */
.temperatures {
    background-position: 0 -961px;
} /* temperatures */
.world {
    background-position: 0 -1000px;
}
.tags {
    background-position: 0 -1040px;
} /* tags */
.testimonials {
    background-position: 0 -1120px;
} /* testinmonials */
.compass {
    background-position: 0 -1081px;
} /* area overview */
.quote {
    background-position: 0 -1119px;
} /* quotes / languages spoken  */
.clipboard {
    background-position: 0 -1160px;
}
.lightBulb {
    background-position: 0 -1200px;
}
.checkList {
    background-position: 0 -1243px;
}
.megaphone {
    background-position: 0 -1284px;
} /* marketing */
.addressBook {
    background-position: 0 -1324px;
} /* additional contacts */
.preferedPerson {
    background-position: 0 -1366px;
} /* prefered person - leeds */
.tickbox2 {
    background-position: 0 -1407px;
} /* default tag */
.lego {
    background-position: 0 -1448px;
} /* materials */
.speed {
    background-position: 0 -1488px;
} /* speed / performance */
.access {
    background-position: 0 -1529px;
} /* system access */
.map {
    background-position: 0 -1569px;
} /* maps */
.yacht {
    background-position: 0 -1611px;
} /* recomded yacht  */
.seo {
    background-position: 0 -1651px;
} /* seo */
.areas {
    background-position: 0 -1692px;
} /* recomded areas */
.location {
    background-position: 0 -1731px;
}
.folder {
    background-position: 0 -1740px;
}
.bag {
    background-position: 0 -1811px;
}
.personalDetails {
    background-position: 0 -1848px;
} /* office name  */
.pdfDocument {
    background-position: 0 -1887px;
} /* avaliable pdf configuration  */
.documents {
    background-position: 0 -1926px;
} /* auto generated pdf */
.blankDocument {
    background-position: 0 -1965px;
}
.newspaper {
    background-position: 0 -2003px;
} /* news / profile overview / article details   */
.list {
    background-position: 0 -2041px;
} /* lists - checkboxes / category */
.upload {
    background-position: 0 -2080px;
} /* upload */
.pieChart {
    background-position: 0 -2120px;
}
.barGraph {
    background-position: 0 -2160px;
}
.planner {
    background-position: 0 -2220px;
}
.roset {
    background-position: 0 -2232px;
} /* association membership */
.link {
    background-position: 0 -2310px;
} /* rothing configuration */
.tv {
    background-position: 0 -2350px;
} /* audio & visula equipment */
.boat {
    background-position: 0 -2387px;
} /* tenders */
.helicopter {
    background-position: 0 -2425px;
} /* amenties */
.toys {
    background-position: 0 -2462px;
} /* toys */
.notAllowed {
    background-position: 0 -2500px;
} /* not allowed */
.flag {
    background-position: 0 -2540px;
} /* flag / location */
.documentStar {
    background-position: 0 -2579px;
} /* system generated pdf */
.documentUpload {
    background-position: 0 -2618px;
} /* pdf  uploaded */
.checkbox {
    margin: 0;
    padding: 0;
}
.radio {
    margin: 0;
    padding: 0;
}
.radioContainer {
    padding: 2px 0 0 0;
    float: left;
    width: 100%;
} /* fix for old style radio button groups - from the fusionfw */
.inputRendered {
    font-size: 11px;
    padding: 2px 5px 0 0;
} /* additional code left over from the old formating but still used in the fusionfw */
/* legend icons - berths */
.berthLegend .legend {
    background: url(../images/legend_icons-berths.png) 0 0 no-repeat;
}
.berthLegend .dimensions {
    background-position: 0 4px;
}
.berthLegend .amenities {
    background-position: 0 -40px;
}
.berthLegend .price {
    background-position: 0 -78px;
}
.berthLegend .status {
    background-position: 0 -120px;
}
.berthLegend .tenure {
    background-position: 0 -160px;
}
.berthLegend .location {
    background-position: 0 -200px;
}
.berthLegend .map {
    background-position: 0 -240px;
}
.berthLegend .notes {
    background-position: 0 -280px;
}
.berthLegend .titleIcon {
    background-position: 0 -320px;
}
.berthLegend .overview {
    background-position: 0 -360px;
}
.berthLegend .descriptionIcon {
    background-position: 0 -400px;
}
.berthLegend .publish {
    background-position: 0 -440px;
}
.berthLegend .leads {
    background-position: 0 -480px;
}
.berthLegend .seo {
    background-position: 0 -520px;
}
.berthLegend .facebookIcon {
    background-position: 0 -560px;
}
.berthLegend .twitterIcon {
    background-position: 0 -600px;
}
.berthLegend .tags {
    background: url(../images/legend_icons.gif) 0 -1040px no-repeat;
}
.berthLegend .newspaper {
    background: url(../images/legend_icons.gif) 0 -2003px no-repeat;
} /* news / profile overview / article details   */
/* SEO legend */
.seoLegend .legend {
    background: url(../images/legend_icons-seo.png) 0 0 no-repeat;
}
.seoLegend .meta {
    background-position: 0 0;
}
.seoLegend .url {
    background-position: 0 -38px;
}
.seoLegend .redirects {
    background-position: 0 -78px;
}
.marcomLegend .legend {
    background: url(../images/legend_icons-email.png) 0 0 no-repeat;
}
.marcomLegend .emailDetails {
    background-position: 0 0;
}
.marcomLegend .message {
    background-position: 0 -40px;
}
.marcomLegend .download {
    background-position: 0 -80px;
}
.marcomLegend .upload {
    background-position: 0 -120px;
}
.marcomLegend .url {
    background-position: 0 -158px;
}
.marcomLegend .tracking {
    background-position: 0 -198px;
}
.marcomLegend .pdf {
    background-position: 0 -240px;
}
.marcomLegend .images {
    background-position: 0 -278px;
}
/* input tags background images ----------------------------------------------------*/
input.icoSearch {
    background: url(../images/ico_search.gif) no-repeat top right;
}
input.icoDate {
    background: url(/resources/images/ico_date.gif) no-repeat top right #fff;
}
/* links to open pop ups e.g. for yacht discriptions  ------------------------------*/
.descriptionButton {
    display: block;
    height: 16px;
    width: 16px;
    float: left;
    padding: 0 0 0 20px;
}
/* bubble sliding doors and bubble + buttons ---------------------------------------*/
.bubble {
    display: block;
    width: auto;
    height: 20px;
    float: left;
    margin: 3px 8px 5px 0;
    font-size: 11px;
    cursor: pointer;
    background-image: url(../images/bubble-slide-right.gif);
    text-decoration: none;
    padding: 0 21px 0 0;
    color: #333333;
    line-height: 19px;
    background-position: top right;
    background-repeat: no-repeat;
}
.bubble span,
.bubble div {
    display: block;
    height: 20px;
    background: url(../images/bubble-slide-left.gif) no-repeat top left;
    padding: 0 0 0 10px;
}
.bubble:hover {
    background-position: bottom right;
    color: #000;
}
.bubble:hover span,
.bubble:hover div {
    background-position: bottom left;
}
.tagBubble {
    background-image: url(../images/bubble-slide-right-read.gif);
    padding: 0 12px 0 0;
}
.tagBubble span,
.tagBubble div {
    background-image: url(../images/bubble-slide-left-tag.gif);
    padding: 0 0 0 22px;
    text-transform: capitalize;
}
.display span {
    background-image: url(../images/bubble_list_ro_right.gif);
}
/* bubble list ---------------------------------------------------------------------*/
.bubbleList {
    float: left;
}
.bubbleList li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    height: 20px;
    padding: 0 10px 0 0;
}
.bubbleList li a {
    display: block;
    width: auto;
    height: 20px;
    float: left;
    margin: 3px 8px 5px 0;
    font-size: 11px;
    background-image: url(../images/bubble-slide-right.gif);
    text-decoration: none;
    padding: 0 21px 0 0;
    color: #333333;
    line-height: 19px;
    background-position: top right;
    background-repeat: no-repeat;
}
.bubbleList li div {
    display: block;
    background: url(../images/bubble-slide-left.gif) top left no-repeat;
    padding: 0 0 1px 10px;
    font-size: 11px;
    color: #333;
    height: auto;
}
.bubbleList li a:hover {
    background-position: bottom right;
    color: #000;
}
.bubbleList li a:hover div {
    background-position: bottom left;
    color: #000;
}
.bubbleList li.readOnly {
    padding: 0;
}
.bubbleList li.readOnly div {
    height: 20px;
    line-height: 20px;
    background: url(../images/bubble-slide-left.gif) 0 0 no-repeat;
    float: left;
    padding: 0 0 0 10px;
}
.bubbleList li.readOnly div.right {
    width: 11px;
    height: 20px;
    float: right;
    background: url(../images/bubble-slide-right-read.gif) top right no-repeat;
    padding: 0;
}
/* contributor section styling ----------------------------------------------------*/
.contributorsList {
    width: 100%;
    float: left;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 10px 0;
}
.contributorsList li {
    float: left;
    border-top: 1px solid #ccc;
    padding: 10px 0 10px 0;
}
.contributorsList li strong {
    display: block;
    padding: 0 5px 0 0;
    float: left;
    font-size: 10px;
}
.contributorsList li .authorDetails {
    float: left;
    font-size: 11px;
    padding: 0 0 5px 0;
}
.contributorsList li .comment {
    float: left;
    font-size: 11px;
}
.contributorsList li a {
    float: left;
}
.contributorsList li .actions {
    padding: 10px 0 0 0;
    float: right;
}
/* form errors
----------------------------------------------------------------------------------------*/
/* errors at the top of the page */
.pageErrros {
    display: block;
    width: 868px;
    border: 1px solid #cc0000;
    margin: 20px 0 0 32px;
    padding: 10px 0 10px 50px;
    color: #b00707;
    background: url(../images/ico_error_hd.gif) no-repeat 10px 10px #fcc9c9;
}
.pageErrros div {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 3px 0;
}
.pageErrros p {
    margin: 0;
    font-size: 11px;
}
/* saved sucessfully at the top of the page - want to change to pageSaved but the code that fades the message out dose not work  */
.msgSavedHD {
    display: block;
    width: 878px;
    border: 1px solid #119351;
    margin: 20px 0 0 32px;
    padding: 10px 0 10px 40px;
    color: #119351;
    background: url(../images/ico_ok.gif) no-repeat 10px 10px #ccf4c0;
}
.msgSavedHD div {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 3px 0;
}
.msgSavedHD p {
    margin: 0;
    font-size: 11px;
}
.msgTips {
    display: block;
    width: 868px;
    float: left;
    margin: 20px 0 0 32px;
    border: 1px solid #fbcf03;
    padding: 10px 10px 10px 50px;
    color: #333;
    background: url(../images/ico_bulb.gif) no-repeat 10px 10px #f7eb80;
}
.msgTips div {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 3px 0;
    color: #000;
}
.msgTips p {
    margin: 0;
    font-size: 11px;
}
.msgTips a {
    float: right;
    cursor: pointer;
}
/* error container under in inputRow */
.inputRow .errorMessage {
    color: #b00707;
    padding: 7px 0 10px 0;
    float: left;
    font-size: 11px;
    font-weight: bold;
    width: 100%;
}
/* errors styling on the form elements */
.inputRow .error label {
    color: #b00707;
    font-weight: bold;
}
.inputRow .error input,
.inputRow .error select,
.inputRow .error textarea {
    border: 1px solid #cc0000;
    background-color: #fcc9c9;
    color: #b00707;
}
.inputRow .error .errorHidden {
    display: none;
}
#error_empty_values {
    display: block;
    float: left;
    color: #b00707;
    padding: 2px 0 0 0;
}
/* results - section for the lsit results ( table )
--------------------------------------------------------------------------------------------------------------*/
.resultsContainer {
}
.resultsGrid {
    background-color: #fff;
    padding: 0;
}
/* results header ***************************************/
.resultsHeader {
    padding: 3px 0;
    width: 100%;
    display: block;
    margin: 5px 0;
}
.resultsHeaderLarge {
    width: 100%;
    padding: 0;
    height: auto;
}
.additionalHeader {
    border-top: 1px solid #ccc;
}
.sectionResultsHeader {
    float: left;
    width: 100%;
    padding: 14px 0 14px 15px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
#permission .sectionResultsHeader {
    background: #c9c9c9;
    color: #666;
}
.resultsHeader .resultsFilterOptions {
    margin: 6px 0 10px 10px;
    width: auto;
}
.resultsHeader .resultsFilterOptions .filter {
    margin: 0 10px 0 0;
    width: 150px;
}
.resultsHeader .resultsFilterOptions .filter label {
    width: 100%;
}
.permissionSection {
    float: left;
    margin: 0 0 30px 0;
}
.repeatingHeader {
    float: left;
    display: block;
    font-size: 14px;
    height: 25px;
    background: url(../images/legend_icons.gif) 11px -1397px no-repeat #fff;
    text-indent: 20px;
    border-top: 1px solid #c7c6c6;
}
/* tasks heading section --------------------------------*/
.resultsHeaderSection {
    height: 130px;
    position: relative;
}
.resultsHeaderSection .introHeading strong {
    font-size: 14px;
}
.resultsHeaderSection .introHeading {
    line-height: 19px;
}
.resultsHeaderSection a {
    text-decoration: none;
    color: #cc0000;
}
/* views - list or grid view   */
.view {
    float: left;
    padding: 0 11px 0 0;
}
.view li {
    float: left;
    padding: 0 7px 0 0;
}
.view li a {
    cursor: pointer;
    display: block;
    background-image: url(../images/list_results_view.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 31px;
    height: 25px;
}
.view li a span {
    display: none;
}
.view li.list a {
    background-position: 0 0;
}
.view li.list a:hover,
.view li.list a.active,
.view li.list a.active:hover {
    background-position: 0 -27px;
}
.view li.grid a {
    background-position: -33px 0;
}
.view li.grid a:hover,
.view li.grid a.active,
.view li.grid a.active:hover {
    background-position: -33px -27px;
}
.view li.photoList a {
    background-position: -66px 0;
}
.view li.photoList a:hover,
.view li.photoList a.active,
.view li.photoList a.active:hover {
    background-position: -66px -27px;
}
/* total results */
.resultsHeader .resultsCount {
    color: #4e4e4e;
    font-size: 11px;
    margin: 0;
    line-height: 26px;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
}
/* results header pagination ( sort pagination ) */
.resultsNav {
    display: block;
    float: right;
    padding: 0;
    margin: 0;
}
.resultsNav li {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 4px;
    border: 1px solid #1585d8;
    background: rgb(45, 161, 248); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45, 161, 248, 1) 0%, rgba(26, 146, 235, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(45, 161, 248, 1) 0%,
        rgba(26, 146, 235, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da1f8', endColorstr='#1a92eb',GradientType=0 ); /* IE6-9 */
    border-radius: 3px;
}
.resultsNav li a {
    width: 32px;
    height: 28px;
    display: block;
}
.resultsNav li a span {
    display: none;
}
.resultsNav li.previous a {
    background: url(/resources/images/icon-arrow-prev.svg) 10px 6px no-repeat;
}
.resultsNav li.next a {
    background: url(/resources/images/icon-arrow-next.svg) 10px 6px no-repeat;
}
.resultsNav li:hover {
    background: rgb(39, 140, 239); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(39, 140, 239, 1) 0%, rgba(23, 126, 218, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(39, 140, 239, 1) 0%,
        rgba(23, 126, 218, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278cef', endColorstr='#177eda',GradientType=0 ); /* IE6-9 */
    border: 1px solid #1274c2;
}
/* search input with bg imagea and hover on the search graphic   */
.resultsSearch {
    overflow: hidden;
    float: right;
    margin: 0 0 0 10px;
    background-image: url(../images/results_search-bg.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 28px;
    width: 227px;
}
.resultsSearch input {
    float: left;
    border: none;
    background: none;
    padding: 2px 0 2px 4px;
    width: 170px;
    font-size: 11px;
    height: 18px;
    margin: 3px 0 0 3px;
    color: #4e4e4e;
}
.resultsSearch input:hover,
.resultsSearch input:focus {
    float: left;
    border: none;
    background: none;
    padding: 2px 0 2px 4px;
    width: 170px;
    font-size: 11px;
    height: 18px;
    margin: 3px 0 0 3px;
    color: #4e4e4e;
}
.resultsSearch a {
    display: block;
    width: 32px;
    height: 28px;
    float: right;
    background: url(../images/results_search-bg.gif) no-repeat top right;
}
.resultsSearch a:hover {
    background-position: bottom right;
}
/* select drop down with rounded corners  */
.organisation {
    float: right;
}
.organisation label {
    line-height: 26px;
    font-size: 11px;
    padding: 0 0 0 10px;
}
.organisation label.enquiries {
    padding: 0 10px 0 10px;
}
.organisation select {
    height: 27px;
    padding: 5px 3px 5px 5px;
    width: 130px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px 3px 3px 3px;
    color: #4e4e4e;
}
.organisation select.smaller {
    width: 100px;
}
.lengthOptions {
    float: right;
    padding: 0 0 0 10px;
}
.lengthOptions select {
    height: 27px;
    padding: 5px 3px 5px 5px;
    width: 50px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px 3px 3px 3px;
    color: #4e4e4e;
}
.headerSearch {
    float: right;
}
.headerSearch label {
    float: right;
    padding: 2px 7px 0 0;
}
.headerSearch input {
    float: right;
    margin: 0 5px 0 0;
}
.headerSearch a {
    float: right;
    margin: 2px 0 0 0;
}
.foundContainer {
    height: 25px;
}
.foundContainer .found {
    font-size: 12px;
    color: #cc0000;
    padding: 5px 0 0 0;
}
.emailOptions {
    float: left;
}
.emailOptions input {
    float: left;
    margin: 5px 8px 0 0;
}
.emailOptions label {
    font-size: 11px;
    line-height: 26px;
}
/* results content **************************************/

.resultsContentLarge thead tr td {
    height: 41px;
}
.resultsContentLarge thead tr td a,
.resultsContentLarge thead tr td p {
    line-height: 14px;
    margin: 11px 0 0 0;
    text-decoration: none;
    height: 41px;
}
.resultsContentLarge thead tr td.standard a,
.resultsContentLarge thead tr td.standard p {
    line-height: 41px;
    margin: 0;
}
.largeContent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.expandableListContainer {
    position: relative;
    min-height: 14px;
    padding: 0 10px;
    cursor: pointer;
}
.expandableListCount {
    font-size: 11px;
    float: left;
    width: 100%;
}
.expandableListCount .details {
    float: right;
    width: auto;
}
.expandableList {
    display: none;
}
.expandableListContainer:hover .expandableList {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    padding: 10px;
    min-width: 300px;
    background-color: #fff;
    line-height: 16px;
}
.expandableListContainer:hover .expandableList li {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #eee;
    width: 100%;
    float: left;
}
.expandableListContainer:hover .expandableList li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}
.expandableListContainer:hover .expandableList li .date {
    float: right;
    display: inline-block;
}
.resultsContent .berthName .berthNameInner {
    float: left;
    width: 193px;
}
.resultsContent .berthName a {
    width: 193px;
    display: block;
    margin: 5px 0 5px 0;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
}
.resultsContent .berthName .shortDetails {
    width: 183px;
    padding: 0 0 5px 10px;
}
.resultsContent .berthName .berthNewContainer {
    float: left;
    width: 26px;
    margin: 4px 0 0 0;
}
/* yacht show */
.largeContent .resultsContent tbody tr td .tdContent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
}
.largeContent .resultsContent tbody tr td.yachtName .title {
    width: 154px;
}
.largeContent .resultsContent tbody tr td.yachtRamp .tdContent {
    width: 75px;
}
.largeContent .resultsContent tbody tr td.yachtSlip .tdContent {
    width: 75px;
}
.largeContent .resultsContent tbody tr td.yachtBroker .tdContent {
    width: 98px;
}
.largeContent .resultsContent tbody tr td.yachtCompany .tdContent {
    width: 140px;
}
.largeContent .resultsContent tbody tr td.yachtPhone .tdContent {
    width: 90px;
}
.largeContent .resultsContent tbody tr td.yachtEmail .tdContent {
    width: 84px;
    text-transform: none;
}
.largeContent .resultsContent tbody tr td.yachtMap .tdContent {
    width: 81px;
}
.largeContent .resultsContent tbody tr td.yachtOfficial .tdContent {
    width: 77px;
}
.largeContent .resultsContent tbody tr td.yachtAnchored .tdContent {
    width: 76px;
}
.largeContent .resultsContent tbody tr td.yachtCharter .tdContent {
    width: 55px;
}
.largeContent .resultsContent tbody tr td.yachtSales .tdContent {
    width: 55px;
}
.largeContent .resultsContent tbody tr td.yachtSource .tdContent {
    width: 81px;
}
.largeContent .resultsContent tbody tr td.yachtUpdated .tdContent {
    width: 95px;
}
.largeContent .resultsContent tbody tr td.yachtActions .actionIcons {
    padding: 0 11px 0 0;
}
.largeContent .resultsContent tbody tr td .tdContent form input {
    font-size: 11px;
    width: 100%;
    text-indent: 5px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px 0;
    position: relative;
}
.resultsGridContent {
    float: left;
    padding: 0 0 0 20px;
    background-color: #fff;
}
.resultsGridContent ul {
    float: left;
    padding: 0;
}
.resultsGridContent ul li {
    float: left;
    border: 1px solid #ccc;
    display: block;
    padding: 5px;
    width: 166px;
    margin: 0 9px 9px 0;
    height: 400px;
}
.resultsGridContent ul li .imageContainer {
    float: left;
    width: 166px;
    height: 115px;
    padding: 0 0 10px 0;
}
.resultsGridContent ul li .name {
    text-decoration: none;
    font-size: 12px;
    float: left;
    font-weight: bold;
    padding: 0 0 3px 0;
    display: block;
    width: 166px;
}
.resultsGridContent ul li .detailsContainer {
    display: block;
    float: left;
    width: 166px;
}
.resultsGridContent ul li .detailsContainer .row {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
    font-size: 12px;
}
.resultsGridContent ul li .detailsContainer .row .label {
    width: 66px;
    padding: 0 5px 0 0;
}
.resultsGridContent ul li .detailsContainer .row div {
    float: left;
    font-size: 11px;
}
.resultsGridContent ul li .detailsContainer .first {
    padding: 0 0 8px 0;
    font-size: 11px;
}
.resultsGridContent ul li .detailsContainer .icons img {
    float: left;
    padding: 0 4px 0 0;
}
/* styling for the sorting on the sales/charter yacht list - grid view */
.gridViewSorting {
    padding: 0 0 0 15px;
}
.gridViewSorting a {
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 10px 0 0;
    display: block;
    border-right: 1px solid #ccc;
    margin: 0 10px 0 0;
}
.gridViewSorting a:hover {
    text-decoration: underline;
}
.gridViewSorting a.last {
    border: none;
}
/* standard cell and row classes   */
.resultsContent tbody tr {
    background-color: #ffffff;
}
.resultsContent tbody tr td {
}
/* additional classes for unique tbody cell stlying */
.resultsContent tbody tr td.name a {
    margin: 2px 0 2px 0;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
}
.resultsContent tbody tr td.name .title {
    display: block;
    float: left;
    margin: 2px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 10px;
    width: 100%;
}
.resultsContent tbody tr td.name .title a {
    float: left;
    font-size: 12px;
    padding: 0 10px 0 0;
}
.resultsContent tbody tr td.name .titleDetails {
    width: 100%;
    font-size: 10px;
    margin: 0;
    padding: 0 0 1px 10px;
    margin: 0 0 2px 0;
    font-family: Verdana, Geneva, sans-serif;
}
.resultsContent tbody tr td.name .calendar {
    width: 100%;
    font-size: 10px;
    margin: 0;
    padding: 0 0 1px 10px;
    margin: 0 0 2px 0;
    font-family: Verdana, Geneva, sans-serif;
}
.resultsContent tbody tr td.cellSpan8None .title,
.resultsContent tbody tr td.cellSpan7None .title,
.resultsContent tbody tr td.cellSpan6None .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 320px;
}
.resultsContent tbody tr td.cellSpan6None .title {
    width: 240px;
}
.resultsContent tbody tr td.namePerson {
    padding: 8px 0 8px 0;
}
.resultsContent tbody tr td.namePerson a {
    margin: 0 0 2px 0;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
}
.resultsContent tbody tr td.namePerson .title {
    display: block;
    float: left;
    margin: 2px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 10px;
    width: 100%;
}
.resultsContent tbody tr td.namePerson .title a {
    float: left;
    font-size: 12px;
    padding: 0 10px 0 0;
}
/* styling for the table tr, tr hover, selected td (sorted) and tr td selected hover   */
/* row selecting*/

#section .resultsContent,
#section.resultsContent {
    border-bottom: 1px solid #ccc;
}
#permission .resultsContent tbody tr td,
#permission.resultsContent tbody tr td {
    background: #fff;
    border: none;
    padding: 5px 0;
}
#permission .resultsContent tbody tr.on td,
#permission.resultsContent tbody tr.on td {
    background: #f7f8f7;
}
#permission .resultsContent tbody tr:hover td,
#permission.resultsContent tbody tr:hover td {
    background: #edefed;
}
/* icons - the li has its bg img set to -100px -100px so when there is a blank li tag it shows nothing as default
.icons { display:block; height:16px; padding:0 0 0 10px; text-align:center; width:auto; }
.icons li { width:29px; height:16px;  display:block; background-image:url(../images/list_icons.gif); background-position:-100px -100px; background-repeat:no-repeat;}
.icons li a { display:block; width:29px; height:16px; cursor:pointer; background-image:url(../images/list_icons.gif); background-position: -100px -100px; background-repeat:no-repeat; }  'a' tag sitting over the top of the li used when links are needed without additional classes
.icons li.icoSummary, .resultsKey .keySection .icoSummary   { background-position: 4px 0;}
.icons li.icoImages, .resultsKey .keySection .icoImages     { background-position: 4px -40px;}
.icons li.icoSearch, .resultsKey .keySection .icoSearch     { background-position: 4px -80px; }
.icons li.icoOffice, .resultsKey .keySection  .icoOffice    { background-position: 4px -120px;}
.icons li.icoEdit, .resultsKey .keySection   .icoEdit       { background-position: 4px -160px;}
.icons li.icoCrew , .resultsKey .keySection .icoCrew        { background-position: 4px -280px;}
.icons li.icoActive, .resultsKey .keySection .icoActive     { background-position: 4px -320px;}
.icons li.icoInactive, .resultsKey .keySection .icoInactive { background-position: 4px -400px;}
.icons li.icoPartial, .resultsKey .keySection .icoPartial   { background-position: 4px -360px;}
.icons li.icoMessage, .resultsKey .keySection .icoMessage   { background-position: 4px -440px;}
.icons li.icoLicence, .resultsKey .keySection .icoLicence   { background-position: 4px -480px;}
.icons li.icoEnabled, .resultsKey .keySection .icoEnabled   { background-position: 4px -520px;}
.icons li.icoPreference, .resultsKey .keySection .icoPreference   { background-position: 4px -560px;}
.icons li.icoStatusNo, .resultsKey .keySection .icoStatusNo   { background-position: 4px -600px;}
.icons li.icoStatusYes, .resultsKey .keySection .icoStatusYes   { background-position: 4px -640px;}
*/
.icons img {
    padding: 0 5px 0 5px;
}
.icons .shim {
    display: block;
    width: 16px;
    height: 16px;
}
.iconSmaller img {
    padding: 0 3px 0 3px;
}
.actionIcons {
    display: inline-block;
    height: 16px;
    padding: 0 17px 0 0;
}
.actionIcons li {
    display: inline-block;
    height: 16px;
    width: 16px;
    padding: 0 0 0 0;
}
.actionIcons li a {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/resources/images/actions_icons.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
table .actionIcons,
table .actionIcons li {
    float: right;
}
.actionIcons li a span {
    display: none;
}
.actionIcons li.actEdit a {
    background-position: 0 0;
}
.actionIcons li.actEdit a:hover {
    background-position: -100px 0;
}
.actionIcons li.actDelete {
    padding: 0 0 0 14px;
}
.actionIcons li.actDelete a {
    background-position: 0 -120px;
}
.actionIcons li.actDelete a:hover {
    background-position: -100px -120px;
}
.actionIcons li.actNone a {
    padding: 0 0 0 14px;
    background-image: none;
}
.actionIcons li.actNone img {
}
.actionIcons li.actDisable a:hover {
    background-position: -100px -40px;
}
.actionIcons li.actDisable {
    padding: 0 0 0 14px;
}
.actionIcons li.actDisable a {
    background-position: 0 -40px;
}
.actionIcons li.actPreview {
    padding: 0 10px 0 0;
}
.actionIcons li.actPreview a {
    background-position: 0 -80px;
}
.actionIcons li.actPreview a:hover {
    background-position: -100px -80px;
}
.actionIcons li.actCheck {
    padding: 0 10px 0 0;
}
.actionIcons li.actCheck a {
    background: url(../images/ico_check.gif) 0 0 no-repeat;
}
.actionIcons li.actCheck a:hover {
    background-position: 0 0;
}
.actionIcons li.actAdd {
    padding: 0 10px 0 0;
}
.actionIcons li.actAdd a {
    background-image: url(/resources/images/add.png);
    background-repeat: no-repeat;
}
.actionIcons li.actSort {
    padding: 0 10px 0 0;
}
.actionIcons li.actSort a {
    background-image: url(/resources/images/arrow_switch_sm.png);
    background-repeat: no-repeat;
    cursor: move;
}
.actionIcons li.blank {
    padding: 0 10px 0 0;
}
.actionIcons li.blank a {
    background: none;
}
.cabinsResultsContainer {
    padding: 0 0 0 4px;
    float: left;
}
.cabinsResults {
    display: block;
    width: 10px;
    font-size: 9px;
    height: 9px;
    float: left;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 2px;
    margin: 0 1px 0 1px;
    text-align: center;
}
.actionLinkIcons {
    float: right;
    padding: 0 17px 0 0;
}
.actionLinkIcons li {
    float: right;
    width: 16px;
    margin: 0 0 0 17px;
}
.actionLinkIcons li:last-child {
    margin: 0;
}
/* results key ***********************************************/
/* the key uses the same images and classes as the icons above to avoid haveing duplicate bg image classes */
.resultsKey {
    float: left;
    width: 938px;
    margin: 0 10px 0 16px;
    padding: 10px;
    background-color: #fff;
}
.resultsNone {
    border: none;
} /* class to remove the top border - used when need a key in a section */
.resultsKey .keySection {
    float: left;
    width: 156px;
    padding: 0 0 10px 0;
}
.resultsKey .keySection .title {
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 4px 4px;
    margin: 0;
    display: block;
    height: 16px;
}
.resultsKey .keySection div {
    display: block;
    width: 156px;
    height: 16px;
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
    line-height: 16px;
    color: #676767;
    font-size: 11px;
}
.resultsKey .keySection div img {
    padding: 0 10px 0 0;
    float: left;
}
.resultsKey .keySection div span {
    line-height: 17px;
    display: block;
}
/* content footer  *******************************************/
.resultsContent tfoot tr td {
    border-top: 1px solid #ccc;
}
.contentFooter {
    width: 943px;
    background-color: #fff;
    padding: 10px 15px 0 0;
    height: 35px;
    float: left;
    background-image: url(../images/results_footer-bg.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
}
.contentFooter .selectOptionTitle {
    float: left;
    line-height: 22px;
    color: #333333;
    padding: 0 0 0 15px;
    margin: 0;
    font-size: 10px;
}
.contentFooter select {
    width: 83px;
    margin: 3px 10px 0 10px;
    color: #333;
}
.contentFooter .button {
    float: left;
    display: block;
    margin: 0 15px 0 0;
    background-image: url(../images/button_go.gif);
    width: 36px;
    height: 25px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.contentFooter .button:hover {
    background-position: 0 -25px;
}
.contentFooter .button span {
    display: none;
}
.contentFooter .resultsCount {
    height: 35px;
    line-height: 26px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    width: auto;
    float: left;
    margin: 0 0 0 10px;
}
/* tags to give us more flexable options for difrent footer options  */
.resultsContent .footerOption {
    padding: 5px 10px 0 15px;
    float: left;
}
.resultsContent .footerOption label {
    padding: 0 5px 0 0;
}
.resultsContent .footerOption .viewOptions {
    margin: 0;
    width: 80px;
}
/* fix to change location to the right of the footer */
.resultsContent .rightPosition {
    float: right;
    padding: 5px 0 0 0;
}
/* results footer containg the pagination *******************/
.resultsFooter {
    float: left;
    width: 958px;
    height: 41px;
    text-align: center;
    background-image: url(../images/pagination_bg.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-color: #fdfdfd;
}
.resultsFooter .paginationList,
.resultsFooter ul {
    display: inline-block;
}
.resultsFooter .paginationList li,
.resultsFooter ul li {
    float: left;
    height: 37px;
    padding: 0 13px 0 0;
}
.resultsFooter .paginationList li a,
.resultsFooter ul li a {
    cursor: pointer;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    margin: 9px 0 0 0;
    line-height: 21px;
    background-image: url(../images/pagination_slide-right.gif);
    background-position: top right;
    height: 28px;
    background-repeat: no-repeat;
    padding: 0 10px 0 0;
}
.resultsFooter .paginationList li a span,
.resultsFooter ul li a span {
    display: block;
    background-image: url(../images/pagination_slide-left.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
    height: 28px;
}
.resultsFooter .paginationList li a:hover,
.resultsFooter ul li a:hover {
    color: #000;
}
.resultsFooter .paginationList li.current a,
.resultsFooter ul li.current a {
    padding: 0;
    margin: 0;
    line-height: 37px;
    font-size: 11px;
    background-image: url(../images/pagination_active.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 21px;
    text-align: center;
    font-weight: bold;
}
.resultsFooter .paginationList li.current a span,
.resultsFooter ul li.current a span {
    background-image: none;
    padding: 0;
}
.resultsFooter .paginationList li.current a:hover,
.resultsFooter ul.current a:hover {
    color: #6f6f6f;
}
.popUpPagination .paginationList {
    border-top: 1px solid #ccc;
    margin: 10px 0 0 0;
}
.popUpPagination .paginationList li {
    float: left;
    height: 37px;
    padding: 10px 13px 0 0;
}
.popUpPagination .paginationList li a {
    display: block;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    line-height: 26px;
    height: 26px;
    padding: 0 11px;
    border: 1px solid #adadad;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgb(233, 233, 233); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(233, 233, 233, 1) 0%, rgba(183, 183, 183, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(233, 233, 233, 1) 0%,
        rgba(183, 183, 183, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(233, 233, 233, 1) 0%,
        rgba(183, 183, 183, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
}
.popUpPagination .paginationList li a span {
}
.popUpPagination .paginationList li a:hover {
    color: #000;
}
.popUpPagination .paginationList li.current a {
    color: #cc0000;
}
.footerBottomBorder {
    border-bottom: 1px solid #ccc;
}
/* additonal Photos section styling used on all pages *************************/
.addPhotoLayout {
    float: left;
    width: 920px;
}
.addPhotoLayout li {
    float: left;
    padding: 0 4px 4px 0;
}
/*  To update this styling you will need to change:
	containg tag from a ul to a div with the class addPhotoLayout
	change the main li tags to div.inputShim tags with a width of .span10None on the div around the main photo
	add in ul tag inside the second div.inputShim tag but before the for-each tag.
*/
/* styling for the positionalble section used on featured and sold yachts
-----------------------------------------------------------------------------------------------*/
.positioningGrid {
    float: left;
    width: 940px;
}
.positioningGrid li {
    float: left;
    width: 176px;
    border: 1px solid #ccc;
    margin: 0 7px 7px 0;
    cursor: move;
    position: relative;
    background-color: #fff;
}
.positioningGrid li:hover {
    border: 1px solid #cc0000;
}
.positioningGrid li .detailsContaier {
    float: left;
    padding: 5px;
    width: 166px;
    position: relative;
    height: 208px;
}
.positioningGrid li .detailsContaier a.image {
    width: 166px;
    height: 127px;
    float: left;
    position: relative;
}
.positioningGrid li .detailsContaier a.image .selected {
    display: none;
}
.positioningGrid li .detailsContaier a.image:hover .selected {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ico_move_photo.gif) no-repeat 0 0;
    z-index: 1;
}
.positioningGrid li .detailsContaier a.image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #cc0000;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 10px;
}
.positioningGrid li .status {
    display: block;
    background: #cc0000;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
}
.positioningGrid li .detailsContaier .captionExpired {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #cc0000;
    color: #fff;
    font-size: 11px;
    padding: 4px 10px;
}
.positioningGrid li .detailsContaier .captionFeatured {
    position: absolute;
    top: 101px;
    left: 3px;
    font-size: 11px;
    color: #fff;
    padding: 4px 10px;
    font-weight: bold;
}
.positioningGrid li.none {
    margin: 0;
}
.positioningGrid li .name {
    width: 100%;
    font-size: 16px;
    float: left;
    padding: 0 0 6px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #999;
}
.positioningGrid li .details {
    width: 100%;
    font-size: 12px;
    float: left;
    padding: 0 0 15px 0;
    color: #333;
}
.positioningGrid li .actions {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
}
.positioningGrid li .actions .delete {
    float: right;
}
.positioningGridLarge li {
    height: 265px;
}
.positioningGridLarge li .detailsContaier {
    height: 255px;
}
/* section page styling - e.g. setting index page
-----------------------------------------------------------------------------------------------*/
/*.sectionNavigation { padding:20px 0 20px 16px; display:block; margin:0 0 0 16px;}
.sectionNavigation li { background-position: 0 0; background-repeat:no-repeat; display:inline-block; padding:0 0 0 100px;}
.sectionOverview { float:left;  padding:20px 0 20px 0; width:957px; min-height:294px; background-color:#FFF; margin:0 0 0 16px;}
.secNavOptions a { display:block; float:left; padding:0 10px 0 0;}
.sectionNavigation li .sectionTitle a { padding:20px 0 5px 0; display:block; float:left; width:220px; font-size:16px; color:#333; text-decoration:none; }
.sectionNavigation li .sectionLinks a {   display:block; float:left; padding:0 10px 5px 0; font-size:11px; }
*/
/* index page navigation */
.indexNav li {
    background-image: url(../images/section_nav-index.jpg);
}
.indexNav li.enquiries {
    background-position: 0 -100px;
}
.indexNav li.crew {
    background-position: 0 0;
}
.indexNav li.photoCompetition {
    background-position: 0 -200px;
}
/* settings index page */
.settingsNav li {
    background-image: url(../images/section_nav-settings.jpg);
}
.settingsNav li.users {
    background-position: 0 -300px;
}
.settingsNav li.userAccount {
    background-position: 0 -600px;
}
.settingsNav li.help {
    background-position: 0 -100px;
}
.settingsNav li.organisation {
    background-position: 0 -400px;
}
.settingsNav li.billing {
    background-position: 0 -700px;
}
.settingsNav li.referral {
    background-position: 0 -200px;
}
.settingsNav li.groups {
    background-position: 0 -500px;
}
.settingsNav li.tags {
    background-position: 0 -800px;
}
.settingsNav li.loggedIn {
    background-position: 0 -900px;
}
.settingsNav li.usersLog {
}
/* content index page */
.contentNav li {
    background-image: url(../images/content_nav-settings.jpg);
} /* additional class for the content section */
.contentNav li.destination {
    background-position: 0 -100px;
}
.contentNav li.areaList {
    background-position: 0 -200px;
}
.contentNav li.itineraries {
    background-position: 0 -300px;
}
.contentNav li.contributor {
    background-position: 0 -400px;
}
.contentNav li.news {
    background-position: 0 -500px;
}
.contentNav li.blog {
    background-position: 0 -600px;
}
.contentNav li.airport {
    background-position: 0 -700px;
}
.contentNav li.database {
    background-position: 0 -800px;
}
.contentNav li.shipyard {
    background-position: 0 -900px;
}
.contentNav li.design {
    background-position: 0 -1000px;
}
.contentNav li.semiCustom {
    background-position: 0 -1100px;
}
.contentNav li.port {
    background-position: 0 -1200px;
}
.contentNav li.yachtCouncil {
    background-position: 0 -1300px;
} /* social media */
.contentNav li.publications {
    background-position: 0 -1400px;
}
.contentNav li.yachtShow {
    background-position: 0 -1500px;
}
.contentNav li.concepts {
    background-position: 0 -1600px;
}
.contentNav li.investorPublications {
    background-position: 0 -1700px;
}
.contentNav li.brochure {
    background-position: 0 -1800px;
}
.contentNav li.salesHistory {
    background-position: 0 -1900px;
}
.contentNav li.events {
    background-position: 0 -2000px;
}
.contentNav li.promotions {
    background-position: 0 -2100px;
}
.contentNav li.construction {
    background-position: 0 -2200px;
}
.contentNav li.specialOffers {
    background-position: 0 -2300px;
}
.contentNav li.awards {
    background-position: 0 -2400px;
}
.contentNav li.issues {
    background-position: 0 -2500px;
}
.contentNav li.brokerManagement {
    background-position: 0 -2600px;
}
.contentNav li.translation {
    background-position: 0 -2700px;
}
.contentNav li.customTranslation {
    background-position: 0 -2800px;
}
.contentNav li.featuredYachts {
    background-position: 0 -2900px;
} /* featured sales yachts */
.contentNav li.featuredCharterVessels {
    background-position: 0 -3000px;
}
.contentNav li.featuredCorporateCharter {
    background-position: 0 -3100px;
}
.contentNav li.galleries {
    background-position: 0 -3200px;
}
.contentNav li.marcom {
    background-position: 0 -3300px;
}
.contentNav li.questions {
    background-position: 0 -3400px;
}
.contentNav li.bestOf {
    background-position: 0 -3500px;
}
.contentNav li.reviews {
    background-position: 0 -3600px;
}
.contentNav li.photoDay {
    background-position: 0 -3700px;
}
.contentNav li.featuredYachtsSetup {
    background-position: 0 -3800px;
}
.contentNav li.digitalManagement {
    background-position: 0 -3900px;
}
.contentNav li.minisiteManagement {
    background-position: 0 -4000px;
}
.contentNav li.poi {
    background-position: 0 -4100px;
}
.contentNav li.caseStudies {
    background-position: 0 -4200px;
}
.contentNav li.services {
    background-position: 0 -4300px;
}
.contentNav li.press {
    background-position: 0 -4400px;
}
.contentNav li.marinas {
    background-position: 0 -4500px;
}
.contentNav li.yachtFeatures {
    background-position: 0 -4600px;
}
.contentNav li.shipyardManager {
    background-position: 0 -4700px;
}
.contentNav li.satallite {
    background-position: 0 -4800px;
}
.contentNav li.portal {
    background-position: 0 -4900px;
}
.contentNav li.testimonials {
    background-position: 0 -5000px;
}
.contentNav li.vesselTemplate {
    background-position: 0 -5100px;
}
.contentNav li.staticImages {
    background-position: 0 -5200px;
}
.contentNav li.monitoring {
    background-position: 0 -5300px;
}
.contentNav li.destinationArticles {
    background-position: 0 -5400px;
}
.contentNav li.fleetArticles {
    background-position: 0 -5500px;
}
.contentNav li.destnationLanding {
    background-position: 0 -5600px;
}
.contentNav li.fleetLanding {
    background-position: 0 -5700px;
}
/* Marina nav */
.marinaNav li {
    background-image: url(../images/marina_nav-settings.gif);
}
.marinaNav li.marinaManagement {
    background-position: 0 0;
}
.marinaNav li.berthManagement {
    background-position: 0 -100px;
}
/* dam library index page */
.damNav li {
    background-image: url(../images/dam-navigation-icons.jpg);
}
.damNav li.lightboxes {
    background-position: 0 0;
}
.damNav li.addLibrary {
    background-position: 0 -100px;
}
.damNav li.cloud {
    background-position: 0 -200px;
}
.damNav li.browseLibrary {
    background-position: 0 -300px;
}
.damNav li.category {
    background-position: 0 -400px;
}
.damNav li.yachtLibrary {
    background-position: 0 -500px;
}
.damNav li.keywords {
    background-position: 0 -600px;
}
.damNav li.userManagement {
    background-position: 0 -700px;
}
.damNav li {
    background-image: url("../images/dam-navigation-icons.jpg");
}
.damNav li.lightboxes {
    background-position: 0 0;
}
.damNav li.addLibrary {
    background-position: 0 -100px;
}
.damNav li.cloud {
    background-position: 0 -200px;
}
.damNav li.browseLibrary {
    background-position: 0 -300px;
}
.damNav li.category {
    background-position: 0 -400px;
}
.damNav li.yachtLibrary {
    background-position: 0 -500px;
}
.damNav li.keywords {
    background-position: 0 -600px;
}
.damNav li.userManagement {
    background-position: 0 -700px;
}
.damNav li.addYachtLibrary {
    background-position: 0 -800px;
}
.damNav li.addBrowseLibrary {
    background-position: 0 -900px;
}
/* reports index page*/
.reportsNav li {
    background-image: url(../images/section_nav-reports.jpg);
}
.reportsNav li.statistics {
    background-position: 0 -300px;
}
.reportsNav li.reportsStats {
    background-position: 0 -100px;
}
.reportsNav li.yachtReports {
    background-position: 0 -200px;
}
.reportsNav li.yachtsSEM {
    background-position: 0 -400px;
}
/* sales and charter index page icons */
.yachtsNav li {
    background-image: url(../images/yachts_nav-settings.jpg);
}
.yachtsNav li.addSales,
.yachtsNav li.addCharter {
    background-position: 0 -100px;
}
.yachtsNav li.active {
    background-position: 0 0;
}
.yachtsNav li.featuredYachts {
    background-position: 0 -200px;
}
.yachtsNav li.sold {
    background-position: 0 -300px;
}
.yachtsNav li.withdrawn {
    background-position: 0 -400px;
}
.yachtsNav li.offers {
    background-position: 0 -500px;
}
.yachtsNav li.caList {
    background-position: 0 -595px;
}
.yachtsNav li.multiYacht {
    background-position: 0 -702px;
}
/* poi navigation */
.poiNav li {
    background-image: url(../images/poi_navigation.jpg);
}
.poiNav li.categoryRestaurants {
    background-position: 0 0;
}
.poiNav li.categorySightsActivities {
    background-position: 0 -100px;
}
.poiNav li.categoryShopping {
    background-position: 0 -200px;
}
.poiNav li.categorySightseeing {
    background-position: 0 -300px;
}
.poiNav li.categoryCruising {
    background-position: 0 -400px;
}
.poiNav li.categoryYasIsland {
    background-position: 0 -500px;
}
/* clinet nav - edmiston*/
.contentNav li.newsArticleEdmiston {
    background: url(../images/content_nav-edmiston.jpg) 0 0 no-repeat;
}
.contentNav li.industryArticleEdmiston {
    background: url(../images/content_nav-edmiston.jpg) 0 -100px no-repeat;
}
.contentNav li.marketingArticleEdmiston {
    background: url(../images/content_nav-edmiston.jpg) 0 -200px no-repeat;
}
.contentNav li.e100 {
    background: url(../images/content_nav-edmiston.jpg) 0 -300px no-repeat;
}
.contentNav li.intelligence {
    background: url(../images/content_nav-edmiston.jpg) 0 -400px no-repeat;
}
.contentNav li.intelligenceOnline {
    background: url(../images/content_nav-edmiston.jpg) 0 -500px no-repeat;
}
.contentNav li.antennae {
    background: url(../images/content_nav-edmiston.jpg) 0 -600px no-repeat;
}
.contentNav li.internalInfo {
    background: url(../images/content_nav-edmiston.jpg) 0 -700px no-repeat;
}
/* client nav-  N&J */
.contentNav li.navigator {
    background: url(/resources/images/content_nav-n-j.jpg) 0 0 no-repeat;
}
.contentNav li.embark {
    background: url(/resources/images/content_nav-n-j.jpg) 0 -100px no-repeat;
}
/* client Nav - CNI*/
.contentNav li.seaAndI {
    background: url(/resources/images/content_nav-cni.jpg) 0 0 no-repeat;
}
.contentNav li.yachtingIndex {
    background: url(/resources/images/content_nav-cni.jpg) 0 -100px no-repeat;
}
.contentNav li.radar {
    background: url(/resources/images/content_nav-cni.jpg) 0 -200px no-repeat;
}
.contentNav li.shortcode {
    background: url(/resources/images/content_nav-cni.jpg) 0 -300px no-repeat;
}
/* client nav - CNM*/
.contentNav li.investorPublications {
    background: url(/resources/images/content_nav-cnm.jpg) 0 0 no-repeat;
}
.contentNav li.marinaPromotions {
    background: url(/resources/images/content_nav-cnm.jpg) 0 -100px no-repeat;
}
/* Client Nav - Mirage Yacht*/
.mirageNav li.mirageYacht {
    background: url(../images/content_nav-mirage.jpg) 0 0 no-repeat;
}
.mirageNav li.mirageUsers {
    background: url(../images/content_nav-mirage.jpg) 0 -100px no-repeat;
}
.mirageNav li.mirageRoles {
    background: url(../images/content_nav-mirage.jpg) 0 -200px no-repeat;
}
.mirageNav li.mirageDestination {
    background: url(../images/content_nav-mirage.jpg) 0 -300px no-repeat;
}
.mirageNav li.mirageItineraries {
    background: url(../images/content_nav-mirage.jpg) 0 -400px no-repeat;
}
.mirageNav li.mirageTestimonials {
    background: url(../images/content_nav-mirage.jpg) 0 -500px no-repeat;
}
.mirageNav li.mirageNews {
    background: url(../images/content_nav-mirage.jpg) 0 -600px no-repeat;
}
/* alphabet
---------------------------------------------------------------------------------------------*/
#alphabet {
    border-right: 1px solid #cccccc;
    float: left;
}
#alphabet li {
    border-left: 1px solid #cccccc;
    float: left;
    padding: 2px 6px 2px 6px;
    line-height: 10px;
    height: 13px;
}
#alphabet li a {
    display: block;
    cursor: pointer;
}
/* featured yachts - case stydie articles
----------------------------------------------------------------------------------------------*/
.articleFeaturedYachts {
    width: 100%;
}
.articleFeaturedYachts li {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    float: left;
}
.articleFeaturedYachts li img {
    margin: 0 0 8px 0;
}
.articleFeaturedYachts li p {
    margin: 0;
}
.articleFeaturedYachts li p.name {
    font-size: 14px;
    margin: 0 0 2px 0;
    font-weight: bold;
}
/* ###################################### UNIQUE TAGS ########################################*/
/* crew - unique tags for the crew section on yacht overview
--------------------------------------------------------------------------------------*/
/* crew staff members - code to make the li tags on the crew page match the new styling without brakeing the draging */
#crewMembers {
    width: 100%;
    float: left;
}
#crewMembers .staff_list {
    float: left;
    width: 100%;
}
#crewMembers .staff_list li {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}
#crewMembers .staff_list li .staffMember {
    width: 100%;
}
#crewMembers .staff_list li .staffMember .name {
    margin-bottom: 5px;
    margin: 10px 0 5px 0;
}
#crewMembers .staff_list li .staffMember .name a {
    font-size: 1em;
    margin-right: 5px;
    font-weight: bold;
    text-decoration: none;
}
#crewMembers .staff_list li .staffMember .controls {
    width: 100%;
    float: right;
}
#crewMembers .staff_list li .staffMember .controls .editSection {
    display: block;
    width: 100%;
}
#crewMembers .staff_list li .staffMember .controls .editSection .editButon {
    float: right;
    width: 100%;
    margin: 0 0 5px 0;
}
#crewMembers .staff_list li .staffMember .controls .editSection .editButon a.edit {
    display: block;
    height: 28px;
    width: 79px;
    float: right;
    background: url(../images/button_edit.gif) 0 0 no-repeat;
}
#crewMembers .staff_list li .staffMember .controls .editSection .editButon a.edit:hover {
    background-position: 0 -28px;
}
#crewMembers .staff_list li .staffMember .controls .ordering {
    width: 100%;
    float: right;
    padding: 58px 0 0 0;
}
#crewMembers .staff_list li .staffMember .controls .ordering div {
    float: right;
    font-size: 0.7em;
    color: #999999;
    padding: 4px 4px 0 0;
}
#crewMembers .staff_list li .staffMember .controls .ordering a {
    float: right;
    margin-left: 5px;
    display: block;
    width: 16px;
    height: 16px;
}
#crewMembers .staff_list li .staffMember .controls .ordering a.moveDown {
    background-image: url(../images/ico_move_down.gif);
    cursor: pointer;
}
#crewMembers .staff_list li .staffMember .controls .ordering a.moveUp {
    background-image: url(../images/ico_move_up.gif);
    cursor: pointer;
}
#crewMembers .staff_list li .staffMember .controls .ordering a.disabled {
    background: none;
}
#crewMembers .staff_list li .staffMember .controls .ordering a.drag {
    background-image: url(../images/but_room_drag.gif);
    width: 44px;
    height: 19px;
    cursor: move;
}
#crewMembers .crewBlank {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}
#crewMembers .crewBlank a {
    float: right;
}
/* calender and rates - unique tags for the charter availability and bookings table
----------------------------------------------------------------------------------*/
/* Season name */
#seasonNames {
    width: 100%;
    font-size: 11px;
}
#seasonNames ul {
    float: left;
}
#seasonNames li {
    color: #1a456f;
    float: left;
    margin-right: 10px;
    padding-bottom: 10px;
}
#seasonNames li a {
    font-size: 12px;
}
#seasonNames li.addSeason a {
    font-size: 10px;
}
#seasonNames select {
    float: right;
    margin-bottom: 10px;
}
/* season summary table overrides*/
#seasonSummary {
    float: left;
}
#seasonSummary table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 920px;
}
#seasonSummary table tbody td {
    width: 15px;
    padding: 0;
    line-height: normal;
    font-size: 10px;
}
#seasonSummary td.seasonMonth {
    cursor: default;
    width: 60px;
    text-align: left;
    padding: 5px;
    border-left: none;
    border-right: none;
    color: #4e4e4e;
}
#seasonSummary td.seasonFrom {
    cursor: default;
    width: 75px;
    border-left: none;
    text-align: left;
    color: #4e4e4e;
}
#seasonSummary tbody td.searchMatch {
    font-weight: bold;
}
#seasonSummary thead td.weekend {
    background-color: #999999;
}
#seasonSummary .rateinherited {
    font-style: italic;
}
/* booking list table overrides */
#bookingList table {
    width: 920px;
}
#bookingList table thead td {
    padding: 5px;
}
#bookingList table tbody td {
    line-height: 16px;
    padding: 4px 0 4px 0;
    font-family: Arial, Helvetica, sans-serif;
}
#bookingList table .status {
    width: 5px;
}
#bookingList table .idealStart {
    display: block;
    color: #999;
    font-style: italic;
    font-size: 11px;
    padding: 5px 0 0 0;
}
.available {
    background-color: #669966;
}
.booked {
    background-color: #cc3333;
}
.turnaround {
    background-color: #99cccc;
}
.unavailable {
    background-color: #666666;
}
.underoffer {
    background-color: #ff9933;
}
.nA {
    cursor: default;
    background-color: #eeeeee;
} /* No Date Available */
.x {
    cursor: default;
    background-image: url("/resources/images/calendar/7.gif");
}
.xx {
    background-image: url("/resources/images/calendar/6-6.gif");
}
.x1x {
    background-image: url("/resources/images/calendar/1-7.gif");
}
.x2x {
    background-image: url("/resources/images/calendar/2-7.gif");
}
.x3x {
    background-image: url("/resources/images/calendar/3-7.gif");
}
.x4x {
    background-image: url("/resources/images/calendar/4-7.gif");
}
.x5x {
    background-image: url("/resources/images/calendar/5-7.gif");
}
.x6x {
    background-image: url("/resources/images/calendar/6-7.gif");
}
.x7x {
    background-image: url("/resources/images/calendar/7-7.gif");
}
/* (Other Season) */
.x1xz {
    background-image: url("/resources/images/calendar/1-7z.gif");
}
.x2xz {
    background-image: url("/resources/images/calendar/2-7z.gif");
}
.x5xz {
    background-image: url("/resources/images/calendar/5-7z.gif");
}
.xx1 {
    background-image: url("/resources/images/calendar/7-1.gif");
}
.xx2 {
    background-image: url("/resources/images/calendar/7-2.gif");
}
.xx3 {
    background-image: url("/resources/images/calendar/7-3.gif");
}
.xx4 {
    background-image: url("/resources/images/calendar/7-4.gif");
}
.xx5 {
    background-image: url("/resources/images/calendar/7-5.gif");
}
.xx6 {
    background-image: url("/resources/images/calendar/7-6.gif");
}
.xx7 {
    background-image: url("/resources/images/calendar/7-7.gif");
}
/* (Other Season) */
.xxz1 {
    background-image: url("/resources/images/calendar/7-1z.gif");
}
.xxz2 {
    background-image: url("/resources/images/calendar/7-2z.gif");
}
.xxz5 {
    background-image: url("/resources/images/calendar/7-5z.gif");
}
/* Under Offer / XXXXX */
.x1x1 {
    background-image: url("/resources/images/calendar/1-1.gif");
}
.x1x2 {
    background-image: url("/resources/images/calendar/1-2.gif");
}
.x1x3 {
    background-image: url("/resources/images/calendar/1-3.gif");
}
.x1x4 {
    background-image: url("/resources/images/calendar/1-4.gif");
}
.x1x5 {
    background-image: url("/resources/images/calendar/1-5.gif");
}
.x1x6 {
    background-image: url("/resources/images/calendar/1-6.gif");
}
.x1x7 {
    background-image: url("/resources/images/calendar/1-7.gif");
}
/* Under Offer (Other Season) / XXXXX */
.xz1x1 {
    background-image: url("/resources/images/calendar/1z-1.gif");
}
.xz1x2 {
    background-image: url("/resources/images/calendar/1z-2.gif");
}
.xz1x5 {
    background-image: url("/resources/images/calendar/1z-5.gif");
}
.xz1x6 {
    background-image: url("/resources/images/calendar/1z-6.gif");
}
.xz1xz1 {
    background-image: url("/resources/images/calendar/1z-1z.gif");
}
.xz1xz2 {
    background-image: url("/resources/images/calendar/1z-2z.gif");
}
.xz1xz5 {
    background-image: url("/resources/images/calendar/1z-5z.gif");
}
/* Booked (Other Season) / XXXXX */
.xz2x1 {
    background-image: url("/resources/images/calendar/2z-1.gif");
}
.xz2x2 {
    background-image: url("/resources/images/calendar/2z-2.gif");
}
.xz2x5 {
    background-image: url("/resources/images/calendar/2z-5.gif");
}
.xz2x6 {
    background-image: url("/resources/images/calendar/2z-6.gif");
}
.xz2xz1 {
    background-image: url("/resources/images/calendar/2z-1z.gif");
}
.xz2xz2 {
    background-image: url("/resources/images/calendar/2z-2z.gif");
}
.xz2xz5 {
    background-image: url("/resources/images/calendar/2z-5z.gif");
}
/* Booked / XXXXX */
.x2x1 {
    background-image: url("/resources/images/calendar/2-1.gif");
}
.x2x2 {
    background-image: url("/resources/images/calendar/2-2.gif");
}
.x2x3 {
    background-image: url("/resources/images/calendar/2-3.gif");
}
.x2x4 {
    background-image: url("/resources/images/calendar/2-4.gif");
}
.x2x5 {
    background-image: url("/resources/images/calendar/2-5.gif");
}
.x2x6 {
    background-image: url("/resources/images/calendar/2-6.gif");
}
.x2x7 {
    background-image: url("/resources/images/calendar/2-7.gif");
}
/* Un-Available (Other Season) / XXXXX */
.xz3x1 {
    background-image: url("/resources/images/calendar/3z-1.gif");
}
.xz3x2 {
    background-image: url("/resources/images/calendar/3z-2.gif");
}
.xz3x5 {
    background-image: url("/resources/images/calendar/3z-5.gif");
}
/* Un-Available / XXXXX */
.x3x1 {
    background-image: url("/resources/images/calendar/3-1.gif");
}
.x3x2 {
    background-image: url("/resources/images/calendar/3-2.gif");
}
.x3x3 {
    background-image: url("/resources/images/calendar/3-3.gif");
}
.x3x4 {
    background-image: url("/resources/images/calendar/3-4.gif");
}
.x3x5 {
    background-image: url("/resources/images/calendar/3-5.gif");
}
.x3x6 {
    background-image: url("/resources/images/calendar/3-6.gif");
}
.x3x7 {
    background-image: url("/resources/images/calendar/3-7.gif");
}
/* Available / XXXXX */
.x4x1 {
    background-image: url("/resources/images/calendar/4-1.gif");
}
.x4x2 {
    background-image: url("/resources/images/calendar/4-2.gif");
}
.x4x3 {
    background-image: url("/resources/images/calendar/4-3.gif");
}
.x4x4 {
    background-image: url("/resources/images/calendar/4-4.gif");
}
.x4x5 {
    background-image: url("/resources/images/calendar/4-5.gif");
}
.x4x6 {
    background-image: url("/resources/images/calendar/4-6.gif");
}
.x4x7 {
    background-image: url("/resources/images/calendar/4-7.gif");
}
/* Available (Other Season) / XXXXX */
.xz4x1 {
    background-image: url("/resources/images/calendar/4z-1.gif");
}
.xz4x2 {
    background-image: url("/resources/images/calendar/4z-2.gif");
}
.xz4x5 {
    background-image: url("/resources/images/calendar/4z-5.gif");
}
/* Turn Around / XXXXX */
.x5x1 {
    background-image: url("/resources/images/calendar/5-1.gif");
}
.x5x2 {
    background-image: url("/resources/images/calendar/5-2.gif");
}
.x5x3 {
    background-image: url("/resources/images/calendar/5-3.gif");
}
.x5x4 {
    background-image: url("/resources/images/calendar/5-4.gif");
}
.x5x5 {
    background-image: url("/resources/images/calendar/5-5.gif");
}
.x5x6 {
    background-image: url("/resources/images/calendar/5-6.gif");
}
.x5x7 {
    background-image: url("/resources/images/calendar/5-7.gif");
}
/* Turn Around (Other Season) / XXXXX  */
.xz5x1 {
    background-image: url("/resources/images/calendar/5z-1.gif");
}
.xz5x2 {
    background-image: url("/resources/images/calendar/5z-2.gif");
}
.xz5x5 {
    background-image: url("/resources/images/calendar/5z-5.gif");
}
.xz5x6 {
    background-image: url("/resources/images/calendar/5z-6.gif");
}
/* Unknown / XXXXX */
.x6x1 {
    background-image: url("/resources/images/calendar/6-1.gif");
}
.x6x2 {
    background-image: url("/resources/images/calendar/6-2.gif");
}
.x6x3 {
    background-image: url("/resources/images/calendar/6-3.gif");
}
.x6x4 {
    background-image: url("/resources/images/calendar/6-4.gif");
}
.x6x5 {
    background-image: url("/resources/images/calendar/6-5.gif");
}
.x6x6 {
    background-image: url("/resources/images/calendar/6-6.gif");
}
.x6x7 {
    background-image: url("/resources/images/calendar/6-7.gif");
}
/* Unknown (Other Season) / XXXXX  */
.xz6x1 {
    background-image: url("/resources/images/calendar/6z-1.gif");
}
.xz6x2 {
    background-image: url("/resources/images/calendar/6z-2.gif");
}
.xz6x5 {
    background-image: url("/resources/images/calendar/6z-5.gif");
}
.x6xz1 {
    background-image: url("/resources/images/calendar/6-1z.gif");
}
.x6xz2 {
    background-image: url("/resources/images/calendar/6-2z.gif");
}
.x6xz5 {
    background-image: url("/resources/images/calendar/6-5z.gif");
}
/* XXXXX / Unknown */
.x1x6 {
    background-image: url("/resources/images/calendar/1-6.gif");
}
.x2x6 {
    background-image: url("/resources/images/calendar/2-6.gif");
}
.x3x6 {
    background-image: url("/resources/images/calendar/3-6.gif");
}
.x4x6 {
    background-image: url("/resources/images/calendar/4-6.gif");
}
.x5x6 {
    background-image: url("/resources/images/calendar/5-6.gif");
}
.x5x7 {
    background-image: url("/resources/images/calendar/5-7.gif");
}
/* XXXXX / Unknown (Other Season) */
.x1xz6 {
    background-image: url("/resources/images/calendar/1-6z.gif");
}
.x2xz6 {
    background-image: url("/resources/images/calendar/2-6z.gif");
}
.x5xz6 {
    background-image: url("/resources/images/calendar/5-6z.gif");
}
.x1 {
    background-image: url("/resources/images/calendar/1.gif");
} /* Under Offer */
.x2 {
    background-image: url("/resources/images/calendar/2.gif");
} /* Booked */
.x3 {
    background-image: url("/resources/images/calendar/3.gif");
} /* Un-Available */
.x4 {
    background-image: url("/resources/images/calendar/4.gif");
} /* Available */
.x5 {
    background-image: url("/resources/images/calendar/5.gif");
} /* Turn Around */
.x6 {
    background-image: url("/resources/images/calendar/6.gif");
} /* Unknown */
.x7 {
    background-image: url("/resources/images/calendar/7.gif");
}
.xz1 {
    background-image: url("/resources/images/calendar/1z.gif");
} /* Under Offer, 'y' param' denotes 'Booking from Another Season' */
.xz2 {
    background-image: url("/resources/images/calendar/2z.gif");
} /* Booked */
.xz5 {
    background-image: url("/resources/images/calendar/5z.gif");
} /* Turn Around */
/* Season Key */
.seasonKey ul {
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
}
.seasonKey li {
    float: left;
    padding-right: 10px;
    font-size: 11px;
}
.seasonKey li div {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 3px;
    float: left;
}
/* Season Booking Actions */
.seasonActions ul {
    float: left;
    width: 100%;
}
.seasonActions li {
    float: left;
    width: auto;
    margin-right: 10px;
}
.rateCard table thead td {
    padding: 4px 0 4px 5px;
}
.rateCard table thead td.periodLabel {
    width: 150px;
    font-weight: bold;
    text-align: left;
}
.rateCard table thead td.numeric {
    text-align: right;
    padding-right: 5px;
}
.rateCard table thead td.label {
    padding-left: 5px;
    text-align: left;
}
.rateCard table tbody td {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 0.9em;
    padding: 4px 0 4px 0;
    font-size: 1.1em;
    border: none;
    border-bottom: 1px solid #eeeeee;
}
.rateCard table tbody td.periodLabel {
    width: 150px;
    padding-left: 5px;
    text-align: left;
}
.rateCard table tbody td.periodLabel a {
    display: block;
    font-size: 1.2em;
    padding-bottom: 3px;
    text-decoration: none;
}
.rateCard table tbody td.numeric {
    text-align: right;
    padding-right: 5px;
}
.rateCard table tbody td.label {
    padding-left: 5px;
    text-align: left;
}
.rateCard table tbody td.actions {
    padding-right: 5px;
    text-align: right;
}
.rateCard table tbody tr {
    background-color: #ffffff;
}
.rateCard table tbody tr.rowOn {
    background-color: #eeeeee;
}
.rateCard a.button {
    margin: 0 6px 0 0;
}
.rateCard input {
    width: 55px;
}
.rateCard table tbody td.periodLabel input {
    width: 145px;
}
.rateCard select {
    width: 55px;
    font-size: 1em;
}
/* marketing  - marketing leads options - broker leads options
------------------------------------------------------------------------------------*/
/*#userListAvailable, #userListSelected { width:437px; float:left; border-top:1px solid #ccc; }
#userListAvailable li, #userListSelected li { width:100%; float:left; border-bottom:1px solid #cccccc; padding:4px 0 4px 0;}
#userListAvailable .userPhoto { width:41px; height:54px; float:left; background-image:url(../images/tmp_man_icon.gif); background-position:0 0; background-repeat:no-repeat;}
#userListAvailable .userProfile { float:left; width:210px; }
#userListAvailable .control { float:right; }
#userListAvailable .control .addBroker { background-image:url(../images/but_add_broker.gif); width:78px; height:17px; display:block; background-position:0 0;  }
#userListAvailable .control .addBroker:hover { background-position:0 -17px; }
#userListAvailable .control .handle { float:left; }
#userListSelected .control  { float:right; }
#userListSelected .userProfile { float:left; width:210px; }
#userListSelected .userPhoto { float:left; width:auto; margin-right:10px; }
#userListSelected .userPhoto img { padding:2px; border:1px solid #CCC; }*/
.userLists {
    float: left;
    width: 441px;
    border-top: 1px solid #cccccc;
    margin: 0 10px 0 0;
}
.userLists li {
    float: left;
    width: 451px;
    border-bottom: 1px solid #cccccc;
    padding: 5px 0 5px 0;
    font-size: 12px;
}
.userLists .userPhoto {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    min-width: 41px;
    min-height: 54px;
    background-image: url(../images/tmp_man_icon.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.userLists .userProfile {
    float: left;
    width: 290px;
}
.userLists .userProfile p {
    margin: 0 0 0 0;
    display: block;
    width: 100%;
    float: left;
}
.userLists .userProfile .title {
    font-size: 12px;
    margin: 0 0 0 0;
    font-weight: bold;
}
.userLists .userProfile .buttonS .title {
    font-weight: normal;
    font-size: 10px;
}
.userLists .userProfile .position {
    margin: 0 0 5px 0;
}
.userLists .userProfile .userEmail {
    margin: 5px 0 5px 0;
    display: block;
}
.userLists .userProfile .userEmail span div.title {
    font-size: 10px;
    display: inline;
    font-weight: normal;
}
.userLists .userProfile .userFax {
    margin: 0 0 5px 0;
}
.userLists .userProfile .userFax span div.title {
    font-size: 10px;
    display: inline;
    font-weight: normal;
}
/*.userLists  .userProfile .languages ul li { float:left; margin:0 5px 5px 0; padding:0; width:21px; } */
.userLists .control {
    float: right;
    padding: 4px 0 0 0;
}
#userListSelected,
#userListSelected li {
    width: 439px;
}
.preferredUser {
    margin: 3px 0 0 0;
}
/* vessel chanels tab  */
.channelSelectionContainer {
    float: left;
}
.channelSelectionContainer li {
    float: left;
    width: 300px;
}
.channelSelectionContainer li .title {
    float: left;
    margin: 10px 0 10px 0;
    width: 290px;
    padding: 0 0 5px 0;
    border-bottom: solid 1px #ccc;
}
.channelSelectionContainer li .chanelOptions {
    float: left;
    width: 290px;
}
.channelSelectionContainer li .chanelOptions ul {
    float: left;
    width: 290px;
}
.channelSelectionContainer li .chanelOptions ul li {
    font-size: 11px;
    margin-bottom: 6px;
    border-bottom: solid 1px #ccc;
    width: 290px;
}
.channelSelectionContainer li .chanelOptions ul li .channelRow {
    width: 290px;
    float: left;
}
.channelSelectionContainer li .chanelOptions ul li .channelRow input {
    margin: 0 5px 0 0;
    float: left;
}
.channelSelectionContainer li .chanelOptions ul li .channelRow label {
    font-size: 11px;
}
.channelSelectionContainer li .chanelOptions ul li .urlOptions {
    float: left;
    width: 290px;
    margin: 5px 0 10px 0;
}
.channelSelectionContainer li .chanelOptions ul li .urlOptions .labels {
    border: none;
    margin: 7px 0 7px 0;
    font-weight: bold;
}
.channelSelectionContainer li .chanelOptions ul li .urlOptions .labels div {
    float: left;
    margin: 0 5px 0 0;
}
.channelSelectionContainer li .chanelOptions ul li .urlOptions li {
    border: none;
    border-top: 1px solid #ccc;
    padding: 5px 0 0 0;
}
/* Vessel charter tab */
.brokersContainer {
    position: relative;
}
.brokersCount {
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0;
}
.brokerGroupList {
    height: 15px;
    overflow: hidden;
    background-color: #eee;
}
.brokerGroupList:hover {
    height: auto;
    width: 200px;
    overflow: initial;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid black;
    transition: width 0.2s;
    padding: 2px;
}
.brokerGroupList p {
    float: none;
}
/* services section
-------------------------------*/
.servicesContacts {
    width: 100%;
    margin: 10px 0 20px 0;
}
.servicesContacts li {
    width: 100%;
    font-size: 12px;
    margin: 0 0 10px 0;
}
/* SETTINGS ########################################################################## */
/* settings - branch sms alerts table --------------------------------------------*/
.sectionTableSMS {
    width: 518px;
}
.sectionTableSMS tr td input.times {
    margin: 2px 0 2px 64px;
}
/* settings - ip address table ---------------------------------------------------*/
.sectionTableIP {
    width: 427px;
}
/* setting branch users list ------------------------------------------------------*/
#officeUserList li {
    border-bottom: 1px solid #ddd;
    float: left;
    font-size: 11px;
    padding: 5px 0 4px 5px;
    width: 956px;
}
#officeUserList li .title,
#officeUserList li .position {
    float: left;
    width: 394px;
    text-align: left;
    padding: 0 0 0 20px;
}
#officeUserList li div a.dragHandle {
    float: right;
    margin: 0 16px 0 0;
    cursor: move;
}
/* settings group management ordering list ----------------------------------------*/
#organisation_group_tree {
    float: left;
}
#organisation_group_tree li {
    float: left;
    width: 956px;
    padding: 4px 0 4px 0;
    margin: 0;
    background-color: #f9f9f9;
    border: none;
    border-bottom: 1px solid #dddddd;
    background-image: none;
    color: #333;
}
#organisation_group_tree li .groupLabel {
    float: left;
    width: 100%;
    padding: 3px 0 0 0;
}
#organisation_group_tree li ul {
    background-color: #f9f9f9;
    width: 920px;
}
#organisation_group_tree li ul li {
    background-color: #f9f9f9;
}
#organisation_group_tree div {
    float: left;
}
#organisation_group_tree .expandContainer {
    float: left;
    padding: 3px 0 0 5px;
    background-position: 0 0;
}
#organisation_group_tree .expandContainer a,
#organisation_group_tree .expandContainer div {
    display: block;
    width: 13px;
    padding: 0 4px 0 0;
    height: 13px;
    float: left;
    background-image: url(/resources/images/but_expand.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
#organisation_group_tree .expandContainer .expand {
    background-position: 0 -13px;
}
#organisation_group_tree .expandContainer .expandCollapse {
    background-position: 0 0;
}
#organisation_group_tree .expandContainer .expandNone {
    background-position: 0 -26px;
}
#organisation_group_tree .group_name {
    width: 481px;
    float: left;
    text-align: left;
}
#organisation_group_tree .groupFeatures {
    width: 161px;
    float: right;
    padding: 0 100px 0 0;
}
#organisation_group_tree .featuredList {
    float: right;
    width: 152px;
}
#organisation_group_tree .featuredList li {
    float: left;
    width: 16px;
    padding: 0 11px 0 11px;
    border: none;
    background-color: #f9f9f9;
}
#organisation_group_tree .ordering {
    float: right;
    padding: 0 33px 0 0;
}
#organisation_group_tree .actions {
    float: right;
    padding: 0 10px 0 10px;
}
#organisation_group_tree .groupSection {
    float: left;
    padding: 0 8px 0 8px;
}
#organisation_group_tree .groupActionsContainer {
    width: 115px;
    float: right;
    padding: 0 5px 0 0;
}
#organisation_group_tree .groupActions {
    float: right;
    width: 115px;
    background-color: #f9f9f9;
}
#organisation_group_tree .groupActions li {
    float: right;
    border: none;
    width: 16px;
    padding: 0 2px 0 2px;
    background-color: #f9f9f9;
}
#organisation_group_tree .groupActions li.add {
    width: 35px;
}
#organisation_group_tree .groupActions li a {
    background: url(/resources/images/actions_icons.gif) no-repeat -200px -200px;
    display: block;
    height: 16px;
    width: 16px;
}
#organisation_group_tree .groupActions li .groupEdit {
    background-position: 0 0;
}
#organisation_group_tree .groupActions li .groupEdit:hover {
    background-position: -100px 0;
}
#organisation_group_tree .groupActions li .groupDelete {
    background-position: 0 -40px;
}
#organisation_group_tree .groupActions li .groupDelete:hover {
    background-position: -100px -40px;
}
.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
}
#organisation_group_tree a.moveUp {
    background: url(/resources/images/ico_move_up.gif);
    background-repeat: no-repeat;
    float: right;
    padding-right: 8px;
    width: 16px;
    height: 16px;
    text-decoration: none;
}
#organisation_group_tree a.disabled {
    float: right;
    padding-right: 8px;
    width: 16px;
    height: 16px;
    text-decoration: none;
    background: transparent none repeat scroll 0 0;
}
#organisation_group_tree a.moveDown {
    background: url(/resources/images/ico_move_down.gif);
    background-repeat: no-repeat;
    float: right;
    padding-right: 8px;
    width: 16px;
    height: 16px;
    text-decoration: none;
}
/* sections profile page - tags in page moved out as this is a bad idea */
.gmnoprint span,
.gmnoprint a {
    display: none;
}
#locationMap {
    border: 1px solid #999999;
}
.overviewPhoto,
#organisationPhotos .overviewPhoto {
    width: 240px;
    margin-right: 15px;
    float: left;
}
.overviewPhoto img,
#organisationPhotos .overviewPhoto img {
    border: 1px solid #cccccc;
    padding: 4px;
    margin-bottom: 10px;
    background-color: #fff;
}
.overviewPhotoAdditional,
#organisationPhotos .overviewPhotoAdditional {
    width: 464px;
    float: left;
}
.overviewPhotoAdditional ul,
#organisationPhotos .overviewPhotoAdditional ul {
    float: left;
    width: 464px;
}
.overviewPhotoAdditional li,
#organisationPhotos .overviewPhotoAdditional li {
    float: left;
    margin: 0 7px 7px 0;
    height: 70px;
    width: 70px;
    background-image: none;
    border: none;
    font-size: 1.1em;
}
.overviewPhotoAdditional li img,
#organisationPhotos .overviewPhotoAdditional li img {
    border: 1px solid #cccccc;
    padding: 3px;
    background-color: #fff;
}
#officeUserList {
    padding: 0;
    margin: 0 0 0 0;
    width: 956px;
}
#officeUserList tr {
    width: 956px;
}
#officeUserList tr td {
}
/*#officeUserList li { float:left;  width:719px; padding:5px 0 4px 5px; margin:0 0 0 0; background-color:#FFFFFF; border-bottom:1px solid #dddddd; font-size:1em;}
*/
/*################### content ##################################################################*/
/* itinerarys  - add, eidt, move photos */
#photos .inputRow {
    padding: 0 0 4px 0;
}
#photos .overviewPhoto {
    width: 250px;
}
#photos .overviewPhoto img {
    border: 1px solid #cccccc;
    padding: 4px;
    margin-bottom: 10px;
}
#photos .photoAttribute {
    float: left;
    width: 100%;
}
#photos .photoAttribute .label {
    padding: 0 0 10px 0;
    float: left;
    width: 50px;
    font-size: 10px;
}
#photos .photoAttribute .value {
    float: left;
    font-size: 11px;
    padding: 0 0 10px 0;
    color: #333;
}
#photos .photoAttribute .value img {
    float: left;
    margin-right: 5px;
}
#photos .photoControl {
    float: left;
    width: 170px;
}
#photos .photoControl a {
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    float: left;
    height: 17px;
    margin: 0 8px 8px 0;
}
#photos .photoControl .butCrop {
    background-image: url(../images/but_crop2.gif);
    width: 49px;
}
#photos .photoControl a.butCrop:hover {
    background-position: 0 -17px;
}
#photos .photoControl .butChange {
    background-image: url(../images/but_change.gif);
    width: 53px;
}
#photos .photoControl .butDelete {
    background-image: url(../images/but_bin.gif);
    width: 16px;
    height: 16px;
    float: right;
    margin: 0;
}

#photosAdditional {
}
#photosAdditional li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 10px 10px 3px 10px;
    margin: 0 20px 20px 0;
    float: left;
    width: 10.19%;
}
#photosAdditional li:hover {
    border: 1px solid #666;
}

#photosAdditional li .photoContainer {
    float: left;
    position: relative;
}
#photosAdditional li .photoContainer .photoPreview {
    display: block;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
}

#photosAdditional .photoContainer .photoPreview img {
    border: 1px solid #f7f7f7;
}
#photosAdditional .photoContainer .move {
    border: none;
    cursor: move;
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
}
#photosAdditional .photoContainer .move img {
    width: 100%;
}
#photosAdditional li.ui-state-highlight {
}

#photosAdditional .inputField.span7None {
    width: 100%;
    float: left;
}
#photosAdditional label {
    float: left;
    width: 79px;
    height: 22px;
    line-height: 22px;
    font-size: 10px;
}
#photosAdditional .inputShim.textOutput {
    height: 22px;
    line-height: 22px;
    width: calc(100% - 92px);
    float: left;
}
#photosAdditional p {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

#photosAdditional .photoContainer .inputShim.textOutput p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#photosAdditional li .photoContainer .move .selected {
    display: none;
}
#photosAdditional li:hover .photoContainer .move .selected {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/resources/images/ico_move_photo.gif) no-repeat 0 0;
    z-index: 1;
}
#photosAdditional .photoButtonContainer,
#photos .photoButtonContainer {
    display: block;
    width: 100%;
}
#photosAdditional .photoButtonContainer a,
#photos .photoButtonContainer a {
    margin: 8px 0 0 0;
    width: 100%;
    text-align: center;
}
#photosAdditional .preferedButtons,
#photos .preferedButtons {
    padding: 0 0 0 69px;
} /**/

/* additional tags for the ordering page -----------------------------------------------*/
#photosAdditional .sort {
    height: 79px;
}
#photosAdditional .sort .photoPreview {
    float: left;
    padding: 0;
    margin-bottom: 5px;
    height: 79px;
    width: 111px;
}
#photosAdditional .sort .move:hover .selected {
    height: 127px;
}
#photosAdditional .sort li.ui-state-highlight {
    height: 129px;
}
/* additional tags for the sales/charter yacht details photo tab -----------------------*/
#photosAdditional .yachtPhotos {
    height: 250px;
}
#photosAdditional .yachtPhotos .photoPreview {
    float: left;
    padding: 0;
    margin-bottom: 5px;
}
#photosAdditional .yachtPhotos .move:hover .selected {
    height: 260px;
}
/* additional photos but with a shorter height e.g. destination guides and news without title, group, size and download  -------------------------------- */
#photosAdditional .smallerPhoto {
    height: 225px;
}
#photosAdditional .smallerPhoto .photoPreview {
    float: left;
    padding: 0;
    margin-bottom: 5px;
}
#photosAdditional .smallerPhoto .move:hover .selected {
    height: 235px;
}
/* additional tags for the sales and charter section photos tab, no preferred so needs to be shortter ---------------------------------------------------- */
#photosAdditional .miniPhoto {
    height: 219px;
}
#photosAdditional .miniPhoto .photoPreview {
    float: left;
    padding: 0;
    margin-bottom: 5px;
}
#photosAdditional .miniPhoto .move:hover .selected {
    height: 229px;
}
/* additional tags for publications */
#photosAdditional .publicationsSort {
    height: 134px;
}
#photosAdditional .publicationsSort .photoPreview {
    height: 134px;
    margin: 0;
}
#photosAdditional .publicationsSort .title {
    position: absolute;
    bottom: 0;
    left: 0;
}
#photosAdditional .publicationsSort .move:hover .selected {
    height: 144px;
}
/* additional tags for review documents */
#photosAdditional .documentsList {
    height: 253px;
}
#photosAdditional .documentsList .photoContainer.sort {
    height: 242px;
    margin: 0;
}
#photosAdditional .documentsList .photoContainer.sort .photoPreview {
    height: 215px;
    width: 170px;
}
#photosAdditional .documentsList p {
    font-size: 11px;
    display: block;
    margin: 0;
    float: left;
    text-indent: 6px;
}
/* poss deprechated need to check all photo pages --------------------------------- */
#photosAdditional .photoAttribute {
    float: left;
    width: 100%;
}
#photosAdditional .photoAttribute .label {
    margin-left: 5px;
    padding: 0 0 5px 0;
    float: left;
    width: 50px;
    font-size: 10px;
}
#photosAdditional .photoAttribute .value {
    float: left;
    font-size: 11px;
    width: 107px;
    padding: 0 0 5px 0;
}
#photosAdditional .photoAttribute .valueEffects {
    float: left;
    font-size: 1em;
    width: 107px;
    padding: 0;
}
#photosAdditional .photoAttribute .value img {
    float: left;
    margin-right: 5px;
}
#photosAdditional .photoAttribute .value span {
    color: #1a456f;
}
#photosAdditional .photoControl {
    position: absolute;
    top: 240px;
    left: 7px;
    width: 166px;
} /* keep */
#photosAdditional .photoControl a {
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    float: left;
    height: 17px;
    margin: 0 8px 8px 0;
}
#photosAdditional .photoControl a:hover {
    background-position: 0 -17px;
}
#photosAdditional .photoControl div {
    float: left;
    width: 100%;
}
#photosAdditional .photoControl .butCrop {
    background-image: url(../images/but_crop2.gif);
    width: 49px;
}
/* Remove Later */
#photosAdditional .photoControl .butChange {
    background-image: url(../images/but_change.gif);
    width: 53px;
}
#photosAdditional .photoControl .butPosition {
    background-image: url(../images/but_position.gif);
    width: 62px;
    height: 17px;
    padding: 0;
}
#photosAdditional .photoControl .butPreferred {
    background-image: url(../images/but_preferred.gif);
    width: 103px;
}
#photosAdditional .photoControl .butDelete {
    background-image: url(../images/ico_delete.gif);
    width: 16px;
    height: 16px;
    float: right;
    margin: 0 5px 0 0;
}
#photosAdditional .photoControl a.butDelete:hover {
    background-position: 0 -16px;
}
/*---------------------------------------------------------------------------------*/
#fsUploadProgress {
    font-size: 10px;
}
#additionalPhotosInpage #photosAdditional {
    width: 898px;
}
/* weather table on the area guide overview tabs weather section
-------------------------------------------------------------------------*/
#weather tr td input {
    clear: both;
    float: none;
}
/* sales/charter section - deeck and cabins description tags
----------------------------------------------------------------------------*/
#roomDescriptions {
    width: 920px;
}
#roomDescriptions ul {
    width: 920px;
}
#roomDescriptions ul.floor_list {
    padding-top: 10px;
    margin: 0;
    float: left;
}
#roomDescriptions ul.room_list li.room_item {
    clear: both;
}
#roomDescriptions ul li {
    width: 920px;
    background-position: 0 0;
    background-repeat: repeat-x;
    float: left;
    padding-top: 10px;
    border-top: 1px solid #cccccc;
}
#roomDescriptions ul li.floor_item {
    background-image: url(../images/floor_bg.gif);
    padding-top: 0;
    border: none;
}
/* Floor Tags */
#roomDescriptions ul li.addFloor {
    background-image: none;
    border-top: 1px solid #cccccc;
}
#roomDescriptions ul li.addFloor a {
    margin: 10px 0 0 10px;
    background-image: url(../images/but_deck_add.gif);
    width: 100px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
}
#roomDescriptions .floor {
    width: 920px;
    height: 30px;
    float: left;
}
#roomDescriptions .floor .description {
    float: left;
    height: 30px;
    margin: 8px 0 0 10px;
    width: 785px;
}
#roomDescriptions .floor .description .title {
    float: left;
    font-size: 1.2em;
    margin-right: 5px;
    font-weight: bold;
    display: block;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: uppercase;
}
#roomDescriptions .floor .description div.floorplan {
    float: left;
    padding-top: 3px;
}
#roomDescriptions .floor .description img.floorplan {
    float: left;
    margin-right: 5px;
}
#roomDescriptions .floor .control {
    width: 111px;
}
#roomDescriptions .floor .control a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
#roomDescriptions .floor .control {
    float: right;
    margin-top: 5px;
}
#roomDescriptions .floor .control .edit {
    background-image: url(../images/but_edit_deck.gif);
    width: 63px;
    height: 17px;
    float: left;
}
#roomDescriptions .floor .control .edit:hover {
    background-position: 0 -17px;
}
#roomDescriptions .floor .control .butDelete:hover {
    background-position: 0 -16px;
}
#roomDescriptions .floor .control .move {
    background-image: url(../images/ico_move.gif);
    border: none;
    padding: 0;
}
/* Room Tags */
#roomDescriptions ul li ul {
    margin: 0;
    float: left;
}
#roomDescriptions ul li ul li {
    background-image: none;
    border-top: 1px solid #cccccc;
}
#roomDescriptions ul li ul li.dragHere {
    width: 908px;
    font-size: 11px;
    padding: 5px;
    height: 15px;
    float: left;
    line-height: 15px;
    background-color: #f6f6f7;
    border: 1px dashed #999999;
    margin: 5px 0 5px 0;
}
#roomDescriptions ul li ul li.none {
    background-image: none;
    border: none;
}
#roomDescriptions .room {
    margin-top: 10px;
    width: 920px;
}
#roomDescriptions .room .preview {
    float: left;
    width: 132px;
}
#roomDescriptions .room .preview .thumbnail {
}
#roomDescriptions .room .preview img {
    float: left;
    margin: 0 0 5px 0;
    padding: 3px;
    border: 1px solid #cccccc;
}
#roomDescriptions .room .description {
    float: left;
    width: 690px;
    height: 85px;
    padding: 0;
}
#roomDescriptions .room .description .title {
    font-size: 1.1em;
    margin-bottom: 5px;
}
#roomDescriptions .room .description .title a {
    font-size: 1.2em;
    margin-right: 5px;
    text-decoration: none;
    text-transform: uppercase;
}
#roomDescriptions .room .description .title .dimentions {
    float: left;
    width: 700px;
    padding: 2px 0 2px 0;
}
#roomDescriptions .room .description .title span {
    color: #999999;
}
#roomDescriptions .room .description .detail {
    font-size: 11px;
    color: #333;
}
#roomDescriptions .room .footer {
    float: left;
    width: 920px;
    padding-bottom: 10px;
}
#roomDescriptions .room .footer .effects {
    float: left;
    font-size: 1.1em;
    color: #999999;
    padding-top: 2px;
    width: 132px;
    margin-left: 10px;
}
#roomDescriptions .room .footer .additionalPhotos {
    float: left;
    width: 400px;
    height: 30px;
    padding: 0 0 0 0;
}
#roomDescriptions .room .footer .additionalPhotos div {
    float: left;
    font-size: 1.1em;
    color: #999999;
    padding-top: 7px;
    height: 23px;
    width: 95px;
}
#roomDescriptions .room .footer .additionalPhotos ul {
    float: left;
    height: 30px;
    width: 300px;
}
#roomDescriptions .room .footer .additionalPhotos li {
    float: left;
    margin: 0 5px 5px 0;
    height: 30px;
    width: 30px;
    background-image: none;
    border: none;
    font-size: 1.1em;
}
#roomDescriptions .room .footer .additionalPhotos li.none {
    width: 100px;
    padding: 7px 0 0 0;
    color: #999999;
}
#roomDescriptions .room .footer .additionalPhotos li img {
    border: none;
}
#roomDescriptions .room .control {
    float: right;
    margin-right: 6px;
}
#roomDescriptions .room .control a {
    display: block;
    float: left;
    margin-left: 5px;
}
#roomDescriptions .room .control a.edit {
    background-image: url(../images/but_edit_room.gif);
    width: 63px;
    height: 17px;
}
#roomDescriptions .room .control a.edit:hover {
    background-position: 0 -17px;
}
#roomDescriptions .room .control .delete {
    background-position: 0 0;
}
#roomDescriptions .room .footer .ordering {
    float: right;
    width: 165px;
}
#roomDescriptions .room .footer .ordering div {
    float: right;
    font-size: 11px;
    color: #999999;
    padding-top: 4px;
}
#roomDescriptions .room .footer .ordering a {
    float: right;
    margin-left: 5px;
    display: block;
    width: 16px;
    height: 16px;
}
#roomDescriptions .room .footer .ordering a.moveDown {
    background-image: url(/resources/images/ico_move_down.gif);
}
#roomDescriptions .room .footer .ordering a.moveUp {
    background-image: url(/resources/images/ico_move_up.gif);
}
#roomDescriptions .room .footer .ordering a.disabled {
    display: none;
}
#roomDescriptions .room .footer .ordering a.drag {
    background-image: url(../images/but_room_drag.gif);
    width: 44px;
    height: 19px;
}
#roomDescriptions .roomBlank {
    height: 100%;
    margin-top: 10px;
    width: 719px;
    float: left;
}
#roomDescriptions .roomBlank .dragHere {
    font-size: 1.1em;
    color: #999999;
    margin-left: 10px;
}
#roomDescriptions .roomBlank .addCrew {
    background-image: url(../images/but_crew_add.gif);
    width: 100px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    margin: 15px 0 0 10px;
}
/* charter - chater & season tab - season areas covered
-----------------------------------------------------------------------*/
.seasonAreas {
    float: left;
    width: 427px;
}
.seasonAreas li {
    float: left;
    width: 427px;
}
.seasonAreas li div {
    float: left;
    width: 427px;
    font-size: 12px;
}
.seasonAreas li ul {
    float: left;
    display: block;
    width: 387px;
    padding: 0 0 0 20px;
}
.seasonAreas li ul li {
    float: left;
    width: 387px;
}
.seasonAreas li ul li div {
    width: 387px;
}
.seasonAreas li ul li ul {
    width: 347px;
}
.seasonAreas li ul li ul li {
    width: 347px;
}
.seasonAreas li ul li ul li div {
    width: 347px;
}
.seasonAreas li ul li ul li ul {
    width: 307px;
}
.seasonAreas li ul li ul li ul div {
    width: 307px;
}
.seasonAreas li ul li ul li ul li {
    width: 307px;
}
.seasonAreas .inputShim {
    padding: 0 7px 0 0;
    float: left;
    width: auto;
}
.seasonAreas .expandContainer {
    display: block;
    width: 20px;
    float: left;
    height: 20px;
}
.seasonAreas .expand {
    border: 1px solid #999;
    text-align: center;
    width: 12px;
    height: 12px;
    color: #000;
    display: block;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    text-decoration: none;
}
.seasonAreas .expand span {
    display: block;
    height: 12px;
    width: 12px;
}
/* Bullet points */
.bullet_list {
    list-style-type: none;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 0;
}
.bullet_list li {
    margin: 0 3px 3px 0;
    padding: 5px 5px 5px 0;
    height: 18px;
}
.bullet_list li span {
    position: absolute;
    cursor: move;
    margin: 2px 50px 0 248px;
}
.bullet_list_item_delete {
    cursor: hand;
    cursor: pointer;
    margin: 0 0 0 50px;
}
.bullet_list_item_delete img {
    padding: 4px 0 0 0;
}
.bullet_list2 {
    float: left;
    width: 100%;
    margin: 3px 0 0 0;
}
.bullet_list2 li {
    background: url(../images/bulletpoint.gif) 0 2px no-repeat;
    padding: 0 0 0 15px;
    color: #333;
    margin: 0 0 7px 0;
}
.bullet_list2 li p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
/* key features -----------------------------------------------------*/
#jsKeyFeatureList {
    margin: 5px 0 0 0;
    width: 100%;
    float: left;
}
#jsKeyFeatureList .ui-state-highlight {
    height: 90px;
}
#jsKeyFeatureList .keyFeature {
    border: 1px solid #ccc;
    background: #f1f1f1;
    padding: 5px;
    float: left;
    margin: 5px 0;
    width: 904px;
    cursor: move;
}
#jsKeyFeatureList .keyFeature .imageContainer {
    float: left;
    margin: 0 20px 0 0;
}
#jsKeyFeatureList .keyFeature .details {
    float: left;
    font-size: 14px;
    padding: 5px 0 0 0;
    width: 690px;
    color: #333;
}
#jsKeyFeatureList .keyFeature .details p.heading {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 5px 0;
}
#jsKeyFeatureList .keyFeature .details p {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
#jsKeyFeatureList .keyFeature .actions {
    float: right;
    width: 78px;
    margin: 52px 0 0 0;
}
#jsKeyFeatureList .keyFeature .actions .moveIcon {
    float: left;
}
#jsKeyFeatureList .keyFeature .actions a {
    float: right;
    margin: 0 0 0 6px;
}
/* quotes list & testimonials  ------------------------------------------------------*/
.yachtQuote,
.yachtTestimonials {
    width: 100%;
    margin: 10px 0;
    float: left;
    border-top: 1px solid #ddd;
}
.yachtQuote tr td,
.yachtTestimonials tr td {
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.yachtQuote tr td.quote,
.yachtTestimonials tr td.quote {
    font-size: 13px;
    font-style: italic;
}
.yachtQuote tr td.actions img,
.yachtTestimonials tr td.actions img {
    margin: 0 0 0 6px;
}
.brokerQuoteRow td {
    cursor: move;
}
/* press reslease - editors details
--------------------------------------------------------------------*/
.jsNotesToEditorRow {
    margin: 0 0 25px 0;
    float: left;
}
.jsNotesToEditorRow .buttonContainer {
    float: right;
    width: 100%;
    padding: 0;
}
.jsNotesToEditorRow .buttonContainer .buttonM {
    float: right;
}
.jsNotesToEditorRow:last-child {
    margin: 0;
}
/* team member tab
---------------------------------------------------------------------*/
#teamMembers .staff_item {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}
#teamMembers .staffMember {
    width: 100%;
    float: left;
}
#teamMembers .staffMember .imageContainer {
    float: left;
    margin: 0 20px 0 0;
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
}
#teamMembers .staffMember .name {
    margin: 0 0 7px 0;
}
#teamMembers .staffMember .name a {
    text-decoration: none;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    padding: 5px 0 0 0;
}
#teamMembers .staffMember .languages {
    margin: 0 0 30px 0;
}
#teamMembers .staffMember .orderingContainer {
    float: right;
}
#teamMembers .staffMember .orderingContainer .ordering {
    padding: 99px 0 0 0;
}
#teamMembers .staffMember .orderingContainer .teamOrdering {
    padding: 83px 0 0 0;
}
#teamMembers .staffMember .orderingContainer .teamOrdering .title {
    float: right;
    font-size: 10px;
    width: 100%;
    margin: 0 0 12px 0;
    text-align: right;
}
#teamMembers .staffMember .orderingContainer .teamOrdering a {
    margin: 0 0 0 5px;
    float: right;
    display: block;
    cursor: pointer;
}
#teamMembers .staffMember .orderingContainer .teamOrdering a.drag {
    cursor: move;
}
/* sales/charter - crew tab - crew overview tab photo styling
--------------------------------------------------------------------*/
.photoCrop .cropPreview {
    float: left;
}
.photoCrop .cropPreview .thumbFrame {
    float: left;
}
.photoCrop .cropPreview p {
    clear: both;
    width: 110px;
    padding: 15px 0 0 0;
}
.photoCrop .cropPreview .save {
    float: left;
    width: 40px;
    margin: 20px 10px 0 0;
    padding: 0 0 6px 0;
    display: block;
    height: 18px;
}
.photoCrop .cropPreview .cancel {
    float: left;
    width: 60px;
    margin: 20px 0 0 0;
    padding: 0 0 6px 0;
    display: block;
    height: 18px;
}
.photoCrop .photoOriginal {
    float: left;
    text-align: right;
}
/* sales/charter - overview tab - overview details
-------------------------------------------------------------------*/
.overviewDetails {
    padding: 32px 0 20px 0;
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
    background: url(../images/section_header-title-bg.gif) top center no-repeat;
}
.overviewDetails .title {
    font-size: 11px;
    padding: 0 0 6px 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 16px;
    padding: 0 0 7px 21px;
}
.overviewDetails .result {
    font-size: 12px;
    color: #333;
    text-align: center;
    width: 58px;
}
.overviewDetails .photos {
    background-image: url(../images/ico_photos.gif);
}
.overviewDetails .plans {
    background-image: url(../images/ico_deck-add.gif);
}
.overviewDetails .video {
    background-image: url(../images/ico_video.gif);
}
.overviewDetails .tour {
    background-image: url(../images/ico_360-add.gif);
}
.overviewDetails .pdf {
    background-image: url(../images/ico_doc.gif);
}
.overviewDetails .videoResult {
    width: 64px;
}
.overviewDetails .tourResult {
    width: 67px;
}
.overviewDetails .pdfResult {
    width: 166px;
    text-align: left;
}
.overviewLanguages .title {
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}
.overviewLanguages .flag {
    display: block;
    height: 11px;
    background: url(../images/flag-top100.gif) 0 0 no-repeat;
    padding: 0 20px 0 20px;
    float: left;
    font-size: 10px;
}
.overviewLanguages .english {
    background-position: 0 -294px;
}
.overviewLanguages .russian {
    background-position: 0 -819px;
}
.overviewLanguages .portuguese {
    background-position: 0 -357px;
}
.overviewLanguages .chinese {
    background-position: 0 -63px;
}
.documnetList {
    background: url(../images/section_header-title-bg.gif) top center repeat-x;
    width: 100%;
}
.documnetList .legend {
    color: #333;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0 10px 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.documnetList .inputRow {
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
}
.documnetList label {
    font-weight: bold;
}
.documnetList .branded {
    display: block;
    background: url(../images/but_yacht-card-branded.gif) 0 0 no-repeat;
    width: 69px;
    height: 17px;
}
.documnetList .branded:hover {
    background-position: 0 -17px;
}
.documnetList .branded span {
    text-indent: -9999px;
}
.documnetList .unbranded {
    display: block;
    background: url(../images/but_yacht-card-unbranded.gif) 0 0 no-repeat;
    width: 80px;
    height: 17px;
}
.documnetList .unbranded:hover {
    background-position: 0 -17px;
}
.documnetList .unbranded span {
    text-indent: -9999px;
}
/* statementTable
-------------------------------------------------------------------------*/
.statementTable {
    font-family: Arial, Helvetica, sans-serif;
}
/* reports page
------------------------------------------------------------------------*/
.reportsContainer {
    float: left;
    width: 937px;
    padding: 24px 0 0 21px;
    height: auto;
    margin: 0 0 0 16px;
    background-color: #fff;
}
.reportsContainer .reportHeader {
    float: left;
    width: 916px;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 13px 0;
}
.reportsContainer .reportHeader .dateRange {
    float: left;
    width: 600px;
}
.reportsContainer .reportHeader p {
    margin: 0 0 7px 0;
    float: left;
    width: 600px;
}
.reportsContainer .reportHeader ul {
    float: left;
}
.reportsContainer .reportHeader ul li {
    float: left;
    width: 150px;
}
.reportsContainer .reportHeader ul li label {
    float: left;
    width: 150px;
}
.reportsContainer .reportHeader .printReport {
    float: right;
    margin: 5px 0 0 0;
}
.reportsContainer .reportHeader .printReport a {
    font-weight: bold;
    font-size: 11px;
    display: block;
    height: 14px;
    text-decoration: none;
    background: url(../images/ico_doc.gif) 0 0 no-repeat;
    padding: 4px 0 0 25px;
}
.reportsContainer .visits {
    float: left;
    width: 920px;
    height: 300px;
    text-align: center;
}
.reportsContainer .pageVisits {
    float: left;
    width: 920px;
    height: 200px;
    text-align: center;
}
.sortingContainer {
    float: left;
    padding: 20px 0 0 0;
    margin: 0 0 0 16px;
    background-color: #fff;
    height: auto;
    width: 957px;
}
.reportsContainer .usageStats {
    float: left;
    width: 3px;
    padding: 28px 0 0 0;
    width: 266px;
}
.reportsContainer .usageStats h1 {
    padding: 0 0 20px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #000;
}
.reportsContainer .usageStats .sparklineContainer {
    float: left;
    width: 100px;
}
.reportsContainer .usageStats .stats,
.atAGlance .stats {
    float: left;
    width: 166px;
}
.atAGlance .stats {
    padding: 0 0 0 10px;
}
.reportsContainer .usageStats .stats li,
.atAGlance .stats li {
    float: left;
    width: 166px;
    color: #015ac2;
    font-size: 13px;
    font-weight: bold;
    height: 33px;
    line-height: 34px;
    border-bottom: 1px solid #f0f0f0;
}
.reportsContainer .usageStats .stats li span,
.atAGlance .stats li span {
    color: #000;
    padding: 0 5px 0 0;
    font-size: 15px;
}
.reportsContainer .usageStats .stats li a,
.atAGlance .stats li a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
.pageRankContainer {
    padding: 0;
}
.reportsContainer .visitorDetails {
    float: left;
    width: 337px;
    height: 247px;
}
.reportsContainer .traficSources {
    float: left;
    width: 337px;
    height: 247px;
}
.mapTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #000;
    float: left;
    width: 940px;
    padding: 23px 0 10px 0;
}
.reportsContainer .map {
    float: left;
    width: 556px;
}
.reportsContainer .mapDetails {
    float: left;
    height: 384px;
    width: 258px;
    margin: 0 0 24px 0;
    border-bottom: 1px solid #f0f0f0;
}
.statsViews {
    float: left;
    width: 940px;
}
.statsViews li {
    float: left;
    width: 337px;
}
.statsViews .usageStatsContainer {
    width: 266px;
}
.statsViews li .link {
    font-size: 10px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 0 0 0 56px;
    cursor: pointer;
}
.statsDetails {
    float: left;
    width: 465px;
}
.statsDetails li {
    float: left;
    width: 465px;
    font-size: 13px;
    font-weight: bold;
    height: 33px;
    line-height: 34px;
    border-bottom: 1px solid #f0f0f0;
}
.statsDetails li span {
    color: #000;
    padding: 0 5px 0 0;
    font-size: 15px;
}
.reportSection {
    float: left;
    margin: 20px 0 0 0;
}
.reportSection .title {
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    padding: 0 0 10px 0;
}

.resultsContent tr td.notFound {
    padding: 4px 0 4px 20px;
    text-align: left;
} /* code for the tables no results cell */
.reportsTableContainer {
    float: left;
    width: 937px;
    height: auto;
    margin: 0 0 0 16px;
    background-color: #fff;
}
/* sem reports page */
.semReportsContainer {
    float: left;
    width: 937px;
    padding: 24px 0 0 21px;
    height: auto;
    margin: 0 0 0 16px;
    background-color: #fff;
}
.semReportsContainer .reportHeader {
    float: left;
    width: 916px;
    margin: 0 0 20px 0;
}
.semReportsContainer .reportHeader .title {
    float: left;
    width: 916px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
}
.semReportsContainer .reportHeader .dateRange {
    float: left;
    width: 450px;
}
.semReportsContainer .reportHeader .dateRange {
    float: left;
    width: 600px;
}
.semReportsContainer .reportHeader p {
    margin: 0 0 7px 0;
    float: left;
}
.semReportsContainer .reportHeader ul {
    float: left;
}
.semReportsContainer .reportHeader ul li {
    float: left;
    width: 150px;
}
.semReportsContainer .reportHeader ul li label {
    float: left;
    width: 150px;
}
.semReportsContainer .reportHeader ul li.button {
    padding: 15px 0 0 0;
}
.semReportsContainer .reportHeader ul li a {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.semReportsContainer .reportHeader .printReport {
    float: right;
    margin: 5px 0 0 0;
}
.semReportsContainer .reportHeader .printReport a {
    font-weight: bold;
    font-size: 11px;
    display: block;
    height: 14px;
    text-decoration: none;
    background: url(../images/ico_doc.gif) 0 0 no-repeat;
    padding: 4px 0 0 25px;
}
.semReportsContainer .reportLinks {
    float: left;
    margin: 8px 0 0 0;
}
.semReportsContainer .reportLinks li {
    padding: 0 15px 5px 0;
    float: left;
}
.semReportsContainer .reportLinks li a {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.semReportsContainer .semResultsHeading {
    float: left;
    width: 916px;
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0;
}
.semReportsContainer .semResultsHeading li {
    float: left;
    margin: 0 15px 0 0;
}
.semReportsContainer .semResultsHeading li.title {
    float: left;
    width: 916px;
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
}
.semReportsContainer .semResultsHeading li a {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.semReportsContainer .graphContainer {
    width: 916px;
    float: left;
    padding: 0 0 10px 0;
}
.semReportsContainer .keywordTable {
    float: left;
    width: 937px;
    margin: 0 0 20px 0;
}
.semReportsContainer .keywordTable table {
    float: left;
    margin: 0 20px 0 0;
    width: 448px;
}
.semReportsContainer .keywordTable table tr td {
    font-size: 11px;
    padding: 6px 4px 6px 4px;
    border: 1px solid #f0f0f0;
    border-top: none;
}
.semReportsContainer .keywordTable table tr.on td {
    background-color: #f7f8f7;
}
.semReportsContainer .keywordTable table tr td.title {
    border: none;
    padding: 0 0 10px 4px;
    text-transform: capitalize;
}
/* sales / charter sections - add yacht choose leads
----------------------------------------------------------------------*/
#userListAvailable,
#userListSelected {
    float: left;
}
#userListAvailable li,
#userListSelected li {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid #ccc;
}
#userListAvailable li .userPhoto,
#userListSelected li .userPhoto {
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    background-position: top center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
#userListAvailable li .userProfile,
#userListSelected li .userProfile {
    float: left;
    width: 260px;
}
#userListAvailable li .userProfile p,
#userListSelected .userProfile p {
    margin: 0 0 3px 0;
}
#userListAvailable li .userProfile .userTel,
#userListSelected li .userProfile .userTel {
    font-size: 10px;
}
#userListAvailable li .userProfile .userFax,
#userListSelected li .userProfile .userFax {
    font-size: 10px;
}
#userListSelected .control {
    padding: 58px 0 0 0;
}
.preferredUser {
    float: right;
}
.statsHeading {
    display: block;
    width: 570px;
    margin: 10px 0 20px 0;
    text-align: right;
    color: #015ac2;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    padding: 0 5px 0 0;
}
.atAGlance {
    float: left;
}
.statsSectionHeading {
    color: #000;
    font-size: 15px;
    padding: 0 0 10px 10px;
    font-weight: bold;
}
/* notifications
-------------------------------------------------------------------------------------------*/
/* Error Message Header */
.msgErrorHD {
    float: left;
    background-image: url(../images/ico_error_hd.gif);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 1px solid #990000;
    background-color: #fcc9c9;
    width: 920px;
    padding: 10px 0 10px 0;
    margin: 0 0 10px 15px;
}
.msgErrorHD div {
    font-weight: bold;
    color: #990000;
    margin: 0 0 5px 40px;
    font-size: 12px;
}
.msgErrorHD p {
    margin: 0 0 5px 40px;
    font-size: 11px;
    color: #333;
}
/* Print Message Header */
.msgInfoHD {
    clear: both;
    background-image: none;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 1px solid #fbcf03;
    background-color: #f7eb80;
    width: 748px;
    padding: 13px 0 10px 0;
    margin-bottom: 10px;
}
.msgInfoHD div {
    font-weight: bold;
    color: #000000;
    margin: 0 0 5px 40px;
    font-size: 1.2em;
}
.msgInfoHD p {
    margin: 0 0 5px 40px;
    font-size: 1.1em;
}
/* Maintenance Message Header */
.msgMaintenanceHD {
    clear: both;
    background-image: url(../images/ico_maintenance_hd.gif);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 1px solid #fbcf03;
    background-color: #f7eb80;
    width: 748px;
    padding: 13px 0 10px 0;
    margin-bottom: 10px;
}
.msgMaintenanceHD ul {
    margin: 10px 0 0 65px;
    padding: 0;
}
.msgMaintenanceHD li {
    margin: 0 0 5px 0;
    padding: 0;
}
.msgMaintenanceHD div {
    margin: 0 0 0 65px;
    font-weight: bold;
    color: #000000;
    font-size: 1.2em;
}
.msgMaintenanceHD li div {
    margin: 0;
    font-weight: bold;
    color: #000000;
    font-size: 1.1em;
}
.msgMaintenanceHD li p {
    margin: 0 0 5px 0;
    font-size: 1.1em;
}
/* Saved Message Header
.msgSavedHD { clear:both; background-image:url(../images/ico_saved_hd.gif); background-position:10px 10px; background-repeat:no-repeat; border:1px solid #00CC00; background-color:#C9F3BC; width:748px; padding:13px 0 10px 0; margin-bottom:10px; }
.msgSavedHD div { font-weight:bold; color:#009900; margin:0 0 5px 35px; font-size:1.2em; }
.msgSavedHD p { margin:0 0 5px 35px; font-size:1.1em; }*/
/* Print Message Header */
.msgTipHD {
    clear: both;
    background-image: url(../images/ico_bulb.gif);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    border: 1px solid #fbcf03;
    background-color: #f7eb80;
    width: 717px;
    padding: 5px 0 5px 0;
    margin-bottom: 10px;
}
.msgTipHD div {
    color: #000000;
    margin: 0 0 0 23px;
    font-size: 1.1em;
}
.msgTipHD a.hide {
    float: right;
    margin: 0 10px 0 0;
    font-size: 1em;
    color: #999;
    font-weight: normal;
}
.msgTipHD div span {
    font-weight: bold;
}
/* marcom - assigned yacht agent styling
-------------------------------------------------------------------------------------------*/
.yachtAgentDetails {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}
.yachtAgentDetails p {
    line-height: 15px;
    display: block;
    width: 100%;
}
.yachtAgentDetails .name {
    margin: 0 0 5px 0;
}
/* destination tree
--------------------------------------------------------------------------------------------*/
li div.control {
    /* display: none; */
}
#destinationTree {
    width: 958px;
    border-top: 1px solid #eee;
    margin: 10px 0;
    float: left;
}
#destinationTree li {
    border-bottom: 1px solid #eee;
    float: left;
    margin: 0;
    width: 100%;
}
#destinationTree li span {
    display: inline;
    clear: left;
    white-space: nowrap;
}
#destinationTree li ul {
    width: 100%;
    float: left;
}
#destinationTree li ul:nth-child(even) {
    background: #f7f8f7;
}
#destinationTree li ul li {
    float: left;
    padding: 4px 0;
}
#destinationTree li ul li.line,
#destinationTree li ul li.line-last {
    display: none;
}
#destinationTree li ul li .control {
    float: right;
    margin-right: 15px;
    width: 62px;
}
#destinationTree li ul li .control img {
    margin: 0 0 0 11px;
    float: right;
}
#destinationTree li ul li img.changeOrder {
    margin: 0 20px 0 10px;
    float: right;
    cursor: move;
}
#destinationTree li ul li .text,
#destinationTree li ul li .active {
    padding: 0 0 0 15px;
    color: #a91f05;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
}
/*#destinationTree li ul li {  width:880px;}
#destinationTree li ul li ul li {  width:860px;}
#destinationTree li ul li ul li ul li {  width:812px;}
#destinationTree li ul li ul li ul li ul li {  width:778px;}
#destinationTree li ul li ul li ul li ul li ul li {  width:612px;}
#destinationTree li .control { float:right; display: block; }
#destinationTree li .control a { padding:0 3px 0 0;}
#destinationTree li .attributes { float:left; }
#destinationTree li .attributes li  { float:left; margin:0; padding:0 3px 0 3px; }
#destinationTree ul { margin:0;  padding:0; }
#destinationTree .root {  }
#destinationTree .line { margin:0 0 0 -16px; padding:0; line-height: 1px; height:1px; font-size:1px; }
#destinationTree .line-last { margin:0 0 0 -16px; padding:0; line-height: 1px; height:1px; font-size:1px; background: url(/resources/images/tree/spacer.gif) 0 0 no-repeat transparent; }
#destinationTree .line-over { margin:0 0 0 -16px; padding:0; line-height: 1px; height:1px; font-size:1px; background: url(/resources/images/tree/line_bg_over.gif) 0 0 no-repeat transparent; }
#destinationTree .line-over-last { margin:0 0 0 -16px; padding:0; line-height: 1px; height:1px; font-size:1px; background: url(/resources/images/tree/line_bg_over_last.gif) 0 0 no-repeat transparent; }
#destinationTree .folder-open {  margin-left:-16px;	background: url(/resources/images/tree/collapsable.gif) 0 -2px no-repeat transparent; }
#destinationTree .folder-open-last { margin-left:-16px; background: url(/resources/images/tree/collapsable-last.gif) 0 -2px no-repeat transparent; }
#destinationTree .folder-close { margin-left:-16px; background: url(/resources/images/tree/expandable.gif) 0 -2px no-repeat transparent; }
#destinationTree .folder-close-last { margin-left:-16px; background: url(/resources/images/tree/expandable-last.gif) 0 -2px no-repeat transparent; }
#destinationTree .doc { margin-left:-16px; background: url(/resources/images/tree/leaf.gif) 0 -1px no-repeat transparent; }
#destinationTree .doc-last { margin-left:-16px; background: url(/resources/images/tree/leaf-last.gif) 0 -1px no-repeat transparent; }
#destinationTree .ajax { background: url(/resources/images/tree/spinner.gif) no-repeat 0 0 #ffffff; height: 16px; display:none; }
#destinationTree .ajax li { display:none; margin:0;  padding:0; }
#destinationTree .trigger { display:inline; margin-left:-32px; 	width: 28px; height: 11px; 	cursor:pointer; }
#destinationTree .text { cursor: default; }
#destinationTree .active { cursor: default; background-color:#F7BE77; padding:0 2px; border: 1px dashed #444; }
*/
#drag_container {
    background: #ffffff;
    color: #000;
    font:
        normal 11px arial,
        tahoma,
        helvetica,
        sans-serif;
    border: 1px dashed #767676;
}
#drag_container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#drag_container li {
    list-style: none;
    background-color: #ffffff;
    line-height: 18px;
    white-space: nowrap;
    padding: 1px 1px 0 16px;
    margin: 0;
}
#drag_container li span {
    padding: 0;
}
#drag_container li.doc,
#drag_container li.doc-last {
    background: url(/resources/images/tree/leaf.gif) no-repeat -17px 0 #ffffff;
}
#drag_container .folder-close,
#drag_container .folder-close-last {
    background: url(/resources/images/tree/expandable.gif) no-repeat -17px 0 #ffffff;
}
#drag_container .folder-open,
#drag_container .folder-open-last {
    background: url(/resources/images/tree/collapsable.gif) no-repeat -17px 0 #ffffff;
}
.contextMenu {
    display: none;
}
/* create builder yacht wizard controles
---------------------------------------------------------------------*/
.wizardControlRight {
    float: right;
    width: 920px;
}
.wizardControlRight fieldset {
    float: right;
}
.wizardControlRight .buttonContainer {
    float: right;
    margin: 0 0 0 5px;
}
/* description feature icons */
#description_feature_icon_list li a {
    display: block;
    width: 43px;
    height: 43px;
    outline: none;
    background: url(../images/yacht_toys_icons.gif) 0 0 no-repeat;
    position: relative;
}
#description_feature_icon_list li {
    float: left;
}
#description_feature_icon_list li a.FISHING {
    background-position: 0 0;
}
#description_feature_icon_list li a.WAVERIDER {
    background-position: 0 -50px;
}
#description_feature_icon_list li a.DIVING {
    background-position: 0 -100px;
}
#description_feature_icon_list li a.SNORKELING {
    background-position: 0 -150px;
}
#description_feature_icon_list li a.KAYAKING {
    background-position: 0 -200px;
}
#description_feature_icon_list li a.SAILING {
    background-position: 0 -250px;
}
#description_feature_icon_list li a.SEABOB {
    background-position: 0 -300px;
}
#description_feature_icon_list li a.WATERSKI {
    background-position: 0 -350px;
}
#description_feature_icon_list li a.BBQ {
    background-position: 0 -400px;
}
#description_feature_icon_list li a.BEAUTY {
    background-position: 0 -450px;
}
#description_feature_icon_list li a.BBQ_AREA {
    background-position: 0 -500px;
} /* missing code in DB*/
#description_feature_icon_list li a.CONFERENCE_ROOM {
    background-position: 0 -550px;
}
#description_feature_icon_list li a.CAR {
    background-position: 0 -600px;
}
#description_feature_icon_list li a.BIKES {
    background-position: 0 -650px;
}
#description_feature_icon_list li a.GYM {
    background-position: 0 -700px;
}
#description_feature_icon_list li a.HELICOPTER {
    background-position: 0 -750px;
}
#description_feature_icon_list li a.DANCEFLOOR {
    background-position: 0 -800px;
}
#description_feature_icon_list li a.PLAYROOM {
    background-position: 0 -850px;
}
#description_feature_icon_list li a.MOVIE {
    background-position: 0 -900px;
}
#description_feature_icon_list li a.IPOD {
    background-position: 0 -950px;
}
#description_feature_icon_list li a.HELIPAD {
    background-position: 0 -1000px;
}
#description_feature_icon_list li a.JETSKI {
    background-position: 0 -1050px;
}
#description_feature_icon_list li a.HOT_TUB {
    background-position: 0 -1100px;
}
#description_feature_icon_list li a.SATCOM {
    background-position: 0 -1150px;
}
#description_feature_icon_list li a.LIGT {
    background-position: 0 -1200px;
} /* spelling should be lift */
#description_feature_icon_list li a.SCOOTER {
    background-position: 0 -1250px;
}
#description_feature_icon_list li a.STABILIZERS {
    background-position: 0 -1300px;
}
#description_feature_icon_list li a.SAUNA {
    background-position: 0 -1350px;
}
#description_feature_icon_list li a.SEA_SCOOTER {
    background-position: 0 -1400px;
}
#description_feature_icon_list li a.SUBMARINE {
    background-position: 0 -1450px;
}
#description_feature_icon_list li a.SPA {
    background-position: 0 -1500px;
}
#description_feature_icon_list li a.SPORT_FISHING {
    background-position: 0 -1550px;
}
#description_feature_icon_list li a.VIDEO_ON_DEMAND {
    background-position: 0 -1600px;
}
#description_feature_icon_list li a.SWIMMING_POOL {
    background-position: 0 -1650px;
}
#description_feature_icon_list li a.BEACH_CLUB {
    background-position: 0 -1700px;
}
#description_feature_icon_list li a.WIFI {
    background-position: 0 -1750px;
}
#description_feature_icon_list li a.WINDSURF {
    background-position: 0 -1800px;
}
#description_feature_icon_list li a.INFLATABLES {
    background-position: 0 -1850px;
}
#description_feature_icon_list li a.WAKEBOARD {
    background-position: 0 -1900px;
}
#description_feature_icon_list li a.INFLATABLE_SLIDE {
    background-position: 0 -1950px;
}
#description_feature_icon_list li a.INFLATABLE_TRAMPOLINE {
    background-position: 0 -2000px;
}
#description_feature_icon_list li a.INFLATABLE_WATERPARK {
    background-position: 0 -2050px;
}
#description_feature_icon_list li a.TOWABLE_TOYS {
    background-position: 0 -2100px;
}
#description_feature_icon_list li a.KITE_SURF {
    background-position: 0 -2150px;
}
#description_feature_icon_list li a.SURFBOARD {
    background-position: 0 -2200px;
}
#description_feature_icon_list li a.CANOE {
    background-position: 0 -2250px;
}
#description_feature_icon_list li a.KNEEBOARD {
    background-position: 0 -2300px;
}
#description_feature_icon_list li a.BEACH_GAMES {
    background-position: 0 -2350px;
}
#description_feature_icon_list li a.FLOATING_POOL {
    background-position: 0 -2400px;
}
#description_feature_icon_list li a.HOVER_CRAFT {
    background-position: 0 -2450px;
}
#description_feature_icon_list li a.PADDLEBOARD {
    background-position: 0 -2500px;
}
#description_feature_icon_list li a.ROWING_BOAT {
    background-position: 0 -2550px;
}
#description_feature_icon_list li a.SEAGWAY {
    background-position: 0 -2600px;
}
#description_feature_icon_list li a.AMPHIBOUS_CAR {
    background-position: 0 -2650px;
}
#description_feature_icon_list li a.SCUBA_CRAFT {
    background-position: 0 -2700px;
}
#description_feature_icon_list li a.SURFSKI {
    background-position: 0 -2750px;
}
@media only screen and (max-device-width: 1471px) {
    #header {
        width: 990px;
    }
}
/*
BROKER PICTURE
*/
tr .brokerDetails {
    padding-top: 7px;
    padding-left: 50px;
    background: url(/resources/images/part-off-arrow.png) 16px 2px no-repeat;
    box-sizing: border-box;
}
.broker-listing {
    display: -webkit-flex;
    display: flex;
    padding-left: 25px;
}
.broker-listing .brokerProfile {
    -webkit-flex: 0 1 50px;
    -ms-flex: 0 1 50px;
    flex: 0 1 50px;
    padding: 0;
    margin: 0 0 0 -19px;
    width: 50px;
}
.broker-listing .brokerProfile a {
    display: block;
}

.broker-listing .brokerProfile img {
    margin: 0;
}
.brokerProfile img,
.brokerProfile img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 20px 5px 0;
}
.brokerProfile .brokerIntial,
.brokerProfile .brokerInitial,
.brokerProfile .brokerIntial,
.brokerProfile .brokerInitial {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #ccc;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 20px 5px 0;
}
.jstBrokerPhoto {
    width: 50px;
    height: 50px;
    margin: 0 20px 5px 0;
    display: inline-block;
}
.brokerProfile span,
.brokerProfile label {
}
.enquiryBrokerDetails .details {
    text-align: left;
    padding: 0 20px 0 0;
}
.enquiryBrokerDetails a.brokerName {
    font-weight: bold;
    margin-top: 3px;
}
.enquiryBrokerDetails table tbody tr,
.enquiryBrokerDetails table tbody tr.on {
    background: inherit;
    border: 0;
}
.enquiryBrokerDetails table tbody tr:hover,
.enquiryBrokerDetails table tbody tr.on:hover {
    background: inherit;
    border: 0;
}
.enquiryBrokerDetails table tbody tr td,
.enquiryBrokerDetails table tbody tr.on td {
    text-align: left;
    background: inherit;
    border: none;
}
.enquiryBrokerDetails table tr td strong {
    margin: 0 10px 0 0;
    font-size: 11px;
}
.enquiryBrokerDetails .inputField.viewDetails a {
    margin: 17px 0 0 0;
}
.broker-details-wrap {
    display: flex;
    width: 100%;
    clear: both;
    margin: 0 0 5px 0;
}
.brokerProfile {
    flex: 0 0 64px;
    display: block;
    height: 50px;
    width: 50px;
    padding: 0 14px 0 0;
}
.broker-details-wrap .brokerName {
    flex: 1 1 auto;
}
.broker-details-wrap .brokerLink {
    flex: 0 0 130px;
}
.brokerDetails {
    display: table-cell;
}

.brokerProfile .brokerIntial {
    margin: 0 0 0 0;
}
/*
ENQUIRY NOTES
*/

.jsNoteContainer {
    /*background:url(../../images/icons/notes-divider.svg) 17px 0 repeat-y;*/
    margin-top: 30px;
    margin-bottom: 30px;
}
.jsNoteContainer.overflow-hidden {
    height: 500px;
    overflow: hidden;
    padding-bottom: 100px;
    position: relative;
}
.jsNoteContainer.overflow-hidden .overflow {
    display: block;
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 48%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 48%,
        rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 48%,
        rgba(255, 255, 255, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    height: 100px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    padding-top: 40px;
}
.jsNoteContainer.overflow-hidden .overflow a {
}

.note-heading {
    width: 100%;
    float: left;
}
.note-heading .broker {
    background: #fff;
    min-height: 32px;
    margin-left: -53px;
    font-size: 16px;
}
.note-heading .broker .broker-photo {
    height: 32px;
    width: 32px;
    background: #eee;
    border-radius: 8px;
    float: left;
    margin: 0 20px 0 0;
}

.note-heading .date {
    font-size: 12px;
    margin: -9px 0 12px 0;
}
.note-info .jstSourcePersonFirstName,
.note-info .jstSourcePersonLastName {
    display: inline;
}
.note-container {
    border: 1px solid #d7e5ee;
    border-radius: 5px;
    background: #fafbfd;
    padding: 18px;
    font-size: 14px;
    line-height: 1.45em;
    color: #3f536e;
    width: 100%;
    margin: 0 0 5px 0;
    position: relative;
}
.note-container:after {
    content: "";
    background: url(/resources/images/icons/bubble-corner.svg) no-repeat;
    width: 10px;
    height: 15px;
    position: absolute;
    top: 12px;
    left: -9px;
}
.note-container .note {
    white-space: pre-wrap;
    font-size: 14px;
    line-height: 1.45em;
}
.note-details-container {
    width: 100%;
    padding-left: 56px;
    position: relative;
    padding-bottom: 10px;
}
.note-details-container:before {
    content: "";
    width: 2px;
    position: absolute;
    top: 54px;
    left: 17px;
    height: calc(100% - 60px);
}
.note-details-container .info {
    display: block;
    width: 100%;
}
.note-details-container .date {
    display: inline;
}
.note-details-container .source {
    display: inline;
}
.note-details-container .source div {
    display: inline;
}

.note-container:before {
    content: "";
    position: absolute;
    left: -54px;
    top: 9px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

/*icons*/
/* /resources/images/icons/comms/ */
.note-container.noteEmail:before {
    background: url(/resources/images/icons/comms/email-out.svg) 50% 50% no-repeat #cc66c4;
    background-size: 17px auto;
}
.note-details-container.noteEmail:before {
    background: #cc66c4;
}
.note-container.notePartyAudit:before {
    background: url(/resources/images/icons/comms/cog.svg) 50% 50% no-repeat #bec0c2;
    background-size: 17px auto;
}
.note-details-container.notePartyAudit:before {
    background: #bec0c2;
}
.note-container.notePartyNote:before {
    background: url(/resources/images/icons/comms/doc.svg) 50% 50% no-repeat #ea7848;
    background-size: 17px auto;
}
.note-details-container.notePartyNote:before {
    background: #ea7848;
}
.note-container.NoteDetailsChanged:before {
    background: url(/resources/images/icons/comms/cog.svg) 50% 50% no-repeat #bec0c2;
    background-size: 17px auto;
}
.note-details-container.NoteDetailsChanged:before {
    background: #bec0c2;
}
.note-container.noteInboundEmail:before {
    background: url(/resources/images/icons/comms/email-in.svg) 50% 50% no-repeat #cc66c4;
    background-size: 17px auto;
}
.note-details-container.noteInboundEmail:before {
    background: #cc66c4;
}
.note-container.noteWrongNumber:before {
    background: url(/resources/images/icons/comms/call-missed.svg) 50% 50% no-repeat #af4c5a;
    background-size: 17px auto;
}
.note-details-container.noteWrongNumber:before {
    background: #8f66cc;
}
.note-container.noteLeftMessage:before {
    background: url(/resources/images/icons/comms/message.svg) 50% 50% no-repeat #8f66cc;
    background-size: 17px auto;
}
.note-details-container.noteLeftMessage:before {
    background: #8f66cc;
}
.note-container.noteLeftVoicemail:before {
    background: url(/resources/images/icons/comms/message.svg) 50% 50% no-repeat #8f66cc;
    background-size: 17px auto;
}
.note-details-container.noteLeftVoicemail:before {
    background: #8f66cc;
}
.note-container.noteNoAnswer:before {
    background: url(/resources/images/icons/comms/call-missed.svg) 50% 50% no-repeat #af4c5a;
    background-size: 17px auto;
}
.note-details-container.noteNoAnswer:before {
    background: #af4c5a;
}
.note-container.noteInboundCall:before {
    background: url(/resources/images/icons/comms/call-received.svg) 50% 50% no-repeat #99cc66;
    background-size: 17px auto;
}
.note-details-container.noteInboundCall:before {
    background: #99cc66;
}
.note-container.noteSms:before {
    background: url(/resources/images/icons/comms/sms-out.svg) 56% 50% no-repeat #6699cc;
    background-size: 20px auto;
}
.note-details-container.noteSms:before {
    background: #6699cc;
}
.note-container.noteInboundSms:before {
    background: url(/resources/images/icons/comms/sms-in.svg) 61% 50% no-repeat #6699cc;
    background-size: 20px auto;
}
.note-details-container.noteInboundSms:before {
    background: #6699cc;
}
.note-container.noteCallAnswered:before {
    background: url(/resources/images/icons/comms/call-made.svg) 50% 50% no-repeat #99cc66;
    background-size: 17px auto;
}
.note-details-container.noteCallAnswered:before {
    background: #99cc66;
}

/* future activity */
.note-container.noteFutureActivityEmail:before {
    background: url(/resources/images/icons/comms/email-out.svg) 50% 50% no-repeat #cc66c4;
}
.note-details-container.noteFutureActivityEmail:before {
    background: #cc66c4;
}
.note-container.noteFutureActivitySms:before {
    background: url(/resources/images/icons/comms/sms-out.svg) 50% 50% no-repeat #6699cc;
}
.note-details-container.noteFutureActivitySms:before {
    background: #6699cc;
}
.note-container.noteFutureActivityCall:before {
    background: url(/resources/images/icons/comms/call-made.svg) 50% 50% no-repeat #99cc66;
}
.note-details-container.noteFutureActivityCall:before {
    background: #99cc66;
}

/*user notes*/
.note-details-container.user-note {
    padding-left: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #b7d2e5;
    margin-bottom: 11px;
}
.note-details-container.user-note .note-title {
    font-size: 16px;
    line-height: 1.1em;
    font-weight: 500;
    color: #333;
    margin: 0 0 3px 0;
}
.note-details-container.user-note .note-description {
    font-size: 14px;
}
.note-details-container.user-note .date {
    font-weight: 400;
    font-size: 12px;
}

/*
BUTTON BLOCK
*/
.button-block {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 25px;
}
.button-block .note-button-add {
    display: inline-block;
    margin: 0 9px 4px 0;
}
.button-block .title {
    font-size: 12px;
    font-weight: bold;
}
/*
TABS BUTTONS
*/
.tabsGrey .tabs-buttons {
    float: right;
    margin: 8px 2px 0 0;
    padding: 0;
}
.tabsGrey .tabs-buttons .button-wrap {
    float: left;
    margin: 0 0 0 9px;
    padding: 0;
    height: auto;
    list-style: none;
}
/*
ENQUIRY VIEW
*/
.inputRow .domain-listing {
    line-height: 15px;
    display: block;
    width: 100%;
    float: left;
}
.inputRow .domain-listing a,
.inputRow .domain-listing img {
    vertical-align: top;
}
/*
Styles for intl-tel-input widget
*/
.iti-flag {
    background-image: url("/resources/3rdparty/intl-tel-input/9.0.3/img/flags.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/resources/3rdparty/intl-tel-input/9.0.3/img/flags@2x.png");
    }
}
/***************
DECK PLANS
***************/
#deckSortable .sectionTable {
    margin-bottom: 0;
}
#deckSortable .deck-row {
    padding: 15px 0;
    background: #e6e6e6;
    border-top: 1px solid #666;
}
#deckSortable .deck-row:nth-child(odd) {
    background: #ddd;
}
#deckSortable .overview-image {
    float: left;
    clear: left;
}
.contributorsWebProfile {
    width: 100%;
}
.contributorsWebProfile tr td {
    font-size: 11px;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    vertical-align: middle;
}
.contributorsWebProfile tr td .buttonS {
    float: right;
}
/*##################################################
------------------ V2 MATERIALIZE ------------------
###################################################*/
/*
LABELS ALWAYS AT TOP
*/
.input-field label {
    font-size: 0.8rem;
    -webkit-transform: translateY(-140%);
    transform: translateY(-140%);
    width: 100%;
    color: #666;
}
/*###################
---- CONTENT BAR ----
###################*/
.mn-content {
    min-height: 100%;
} /*zindex less than .overlay : however position:relative;  z-index:1; breaks sidenav zindex*/
.content-app .mn-content:not(.fixed-sidebar) .mn-inner,
.content-app .fixed-sidebar .mn-inner.hidden-fixed-sidebar {
    padding-top: 70px;
    padding-right: 0;
    padding-left: 0 !important;
}
.content-app .fixed-sidebar .mn-inner {
    padding-top: 70px;
    padding-right: 0;
    padding-left: 220px !important;
}
@media only screen and (max-width: 1471px) {
    .content-app .fixed-sidebar .mn-inner {
        padding-top: 70px;
        padding-right: 0;
        padding-left: 0 !important;
    }
}
.content-bottom-container {
    padding: 25px;
}
.mn-inner {
    padding-bottom: 57px;
}
@media only screen and (max-width: 640px) {
    .content-app .fixed-sidebar .mn-inner,
    .content-app .mn-content:not(.fixed-sidebar) .mn-inner,
    .content-app .fixed-sidebar .mn-inner.hidden-fixed-sidebar {
        padding-top: 54px;
    }
    .mn-inner {
        padding-bottom: 115px;
    }
}
.subnav-icons .agent-panel-footer {
    padding-left: 90px;
}
.agent-panel-footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 15px 7px 320px;
    border-top: 1px solid #e0e0e0;
}
.fixed-sidebar-on-hidden .agent-panel-footer {
    padding: 8px 15px 7px 15px;
}
.agent-panel-footer .footer-grid {
    display: block;
    float: left;
    width: 100%;
}
.agent-panel-footer .footer-grid-l {
    display: inline-block;
    float: left;
}
.agent-panel-footer .footer-grid-r {
    display: inline-block;
    float: right;
}
.agent-panel-footer .copywright {
    font-size: 12px;
    margin: 12px 0 0 0;
}
.agent-panel-footer .footer-grid-r ul {
    display: block;
    width: 300px;
    margin: 12px 0 0 0;
    float: right;
}
.agent-panel-footer .footer-grid-r ul li {
    display: inline-block;
    float: right;
    padding-left: 10px;
}
.agent-panel-footer .footer-grid-r ul li a {
    font-size: 12px;
}
.footerLogo {
    float: right;
    margin-left: 20px;
}
/*###################
 ----- TOP-BAR ------
###################*/

header.navbar-fixed {
    height: 110px !important;
}
header.navbar-fixed nav {
    padding: 0;
    height: 110px !important;
}
header.navbar-fixed nav .top-bar-top {
    height: 60px;
    background: #00acc1;
}
header.navbar-fixed nav .top-bar-bottom {
    height: 50px;
}
header .nav-wrapper {
    margin: 0;
    line-height: 1.4em;
}
header .logo {
    margin: 12px 0 0 10px;
}
.userDetails {
    background: url(../images/header_user_icon.png) no-repeat 0 16px;
    float: right;
    margin: 0;
    padding: 10px 15px 0 40px;
}
.userDetails h2 {
    font-weight: bold;
    line-height: 9px;
    color: #fff;
}
.userDetails a {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
/*Navigation
*/
.navigation {
    display: block;
    height: 50px;
    width: 100%;
}
.navigation li {
    display: inline-block;
}
.navigation li a {
    display: block;
    height: 50px;
    color: #333333;
    text-decoration: none;
    box-sizing: border-box;
    border-bottom: 3px solid transparent;
    line-height: 50px;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
}
.navigation li.home a {
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: url(../images/icon-home.svg) 20px 13px no-repeat;
    background-size: 21px auto;
}
@media only screen and (max-width: 640px) {
    .navigation li.home a {
        height: 35px;
        background: url(../images/icon-home.svg) 20px 7px no-repeat;
        background-size: 21px auto;
    }
}
.navigation li a.active {
    border-bottom: 3px solid #00acc1;
}
/*Locale changer
*/
.header_channel,
.dropDownContainer,
#channel_id_msdd {
    max-width: 330px;
}
#channel_id_msdd {
    border: none;
    margin: 3px 0 0 0;
    outline: none;
}
#channel_id_msdd .divider {
    display: none;
}
#channel_id_msdd.dd .ddTitle .ddTitleText {
    height: 34px;
    line-height: 34px;
    position: relative;
}
#channel_id_msdd .ddlabel {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    display: block;
    padding: 8px 0 0 25px;
    line-height: 26px;
    width: 100%;
}
#channel_id_msdd .description {
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    line-height: 12px;
    display: block;
    padding: 0 0 0 40px;
}
#channel_id_msdd .ddTitle .ddTitleText img {
    width: 16px;
    height: 11px;
    position: absolute;
    top: 15px;
    left: 9px;
    padding: 0;
}
#channel_id_msdd.ddcommon .arrow {
    left: auto;
    margin-left: 0;
    bottom: auto;
}
#channel_id_msdd.ddcommon .ddChild li {
    position: relative;
}
#channel_id_msdd.ddcommon .ddChild li img {
    width: 16px;
    height: 11px;
    position: absolute;
    top: 19px;
    left: 13px;
    margin: 0;
    padding: 0;
}
#channel_id_msdd .ddChild .description {
    margin-left: 10px;
}
#channel_id_msdd.ddcommon .ddChild li {
    width: 100%;
}
/*###################
/*##############################
------ SUB HEADER BLOCK --------
##############################*/
/* fix to keep the header section the same height*/
.search-tabs-container .search-tabs-row {
    min-height: 152px;
}

/* section page styling - e.g. content index page
-----------------------------------------------------------------------------------------------*/
.sectionNavigationContainer .sectionNavigation {
    position: relative;
}
.sectionNavigationContainer .sectionNavigation .iconContainer {
    height: 74px;
    width: 74px;
    margin-bottom: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.sectionNavigationContainer .sectionNavigation .iconContainer .icon {
    box-shadow: 0 0 0 2px #eee;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: relative;
    display: block;
    text-align: center;
    height: 74px;
    width: 74px;
}
.sectionNavigationContainer .sectionNavigation .iconContainer .icon:after {
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition:
        -webkit-transform 0.2s,
        opacity 0.2s;
    -moz-transition:
        -moz-transform 0.2s,
        opacity 0.2s;
    transition:
        transform 0.2s,
        opacity 0.2s;
    position: absolute;
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: 1;
    background: #eee;
}
.sectionNavigationContainer .sectionNavigation .iconContainer .icon img {
    z-index: 3;
    position: relative;
}
.sectionNavigationContainer .sectionNavigation:hover .iconContainer .icon:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
.sectionNavigationContainer .sectionNavigation .iconContainer .icon:before {
    display: block;
}
.sectionNavigationContainer .sectionNavigation .heading {
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0 0 0;
    display: block;
}
.sectionNavigationContainer .sectionNavigation .info-container {
    display: block;
    padding-left: 95px;
    min-height: 110px;
}
.sectionNavigationContainer .sectionNavigation .subHeading,
.sectionNavigationContainer .sectionNavigation .sub-heading {
    font-size: 13px;
    font-weight: 300;
    color: #757575;
    display: block;
}
.sectionNavigationContainer .sectionNavigation .sub-heading:hover {
    color: #000;
}
.sectionNavigationContainer .sectionNavigation .subHeading a {
}
/* content
-------------------------------------------------------------*/
.page-title {
    font-weight: 500;
    font-size: 14px;
}
/* form static content
-------------------------------------------------------------*/
.textOutput p,
.textOutputList p {
    display: block;
    width: 100%;
    font-size: 1rem;
    height: 3rem;
    margin: 0 0 20px 0;
    color: #d1d1d1;
    line-height: 3rem;
}
.textOutput p.locked:after {
    content: "";
    height: 18px;
    width: 13px;
    padding: 0 0 0 30px;
    display: inline-block;
    background: url(/resources/images/icons/locked-profile-icon.svg) top right no-repeat;
}
.textOutputList p span:after {
    content: ", ";
    padding-right: 4px;
}
.textOutputList p span:last-child:after {
    content: "";
}
.textOutputCopy p {
    /*used with lots of copy*/
    display: block;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    color: #d1d1d1;
    line-height: 1.3rem;
    padding: 8px 0 0 0;
}
.card .card-content .textOutputList label {
    margin: 0 0 10px 0;
}
.card .card-content .textOutput p.copyYes {
    color: #167e1e;
}
.card .card-content .textOutput p.copyNo {
    color: #cc0000;
}
/* default content
-----------------------------------------------------------*/
.card .card-content .defaultContent p {
    font-size: 0.8rem;
    margin: 10px 0 20px 0;
    color: #0277bb;
    line-height: 1.3rem;
}
/*textarea.materialize-textarea {*/
/*min-height:1rem; height:1em;*/
/*padding:0.8em 0 10px 0;*/
/*}
this was breaking textareas everywhere, why did it change from default?*/
/* Faux Chip
-----------------------------------------------------------*/
.faux-chip-wrap label {
    vertical-align: top;
}
.faux-chip {
    display: inline-block;
    height: 34px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    border-color: #a8c6df;
    background-color: #f4f4f4;
    margin-bottom: 5px;
    margin-right: 5px;
}
.faux-chip i {
    height: 32px;
    line-height: 32px;
}
.faux-chip i:hover {
    cursor: pointer;
}
.faux-chip span {
    display: inline-block;
    line-height: 32px;
    font-size: 13px;
    vertical-align: top;
}
.faux-chip div {
    display: inline;
}
.faux-chip .close {
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
}
.faux-chip .add {
    cursor: pointer;
    float: right;
    font-size: 20px;
    line-height: 32px;
    margin-top: 0;
}
.faux-show-input {
    color: rgba(0, 0, 0, 0.6);
    margin: 0;
}
.faux-show-input i {
    margin-top: -4px;
}
.faux-chips li {
    display: inline-block;
    vertical-align: top;
}
.faux-show-input .faux-chip {
    padding: 0 7px;
}
table.bordered > tbody > tr.highlight td,
table.bordered > tbody > tr.highlight td a:not(.btn-flat) {
    color: #00acc1;
}
/* button classes */
.grey {
    background-color: #999 !important;
}
/* additional override classes */
.row .col.no-p-l {
    padding-left: 0;
}
.row .col.no-p-r {
    padding-right: 0;
}
.requestBtn {
    float: right;
}
.card-sub-title {
    font-size: 18px;
    font-weight: 500;
}
.card-section-title {
    font-size: 16px;
    font-weight: 500;
}

/* search filter 
---------------------------------------------------------*/
.refineSearchCard {
    position: relative;
}
.refineSearchCard .resetButton {
    position: absolute;
    top: 21px;
    right: 10px;
    border: 1px solid #eee;
}
.sort-by {
    display: inline-block;
    margin: 6px 7px 0 15px;
}
.sort-by .label {
    display: inline-block;
    padding-right: 2px;
    color: #a8c6df;
}
.sort-by .name {
    display: inline-block;
    padding-right: 20px;
    background: url(../images/icons/sort.svg) no-repeat 100% 50%;
    color: #0093ee;
}
.sort-by .name span {
    display: block;
    border-bottom: 1px dashed #0093ee;
}

/* ---------------------------------------------------
forms
-----------------------------------------------------*/
.select-wrapper input.select-dropdown {
    border-color: #bcbcbc;
}
input[type="checkbox"] + label {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}
.filled-in[type="checkbox"]:not(:checked) + label::after {
    border: 1px solid #bcbcbc;
    border-radius: 0;
}
.radio[type="radio"] + label::before,
.radio[type="radio"] + label::after {
    border: 1px solid #bcbcbc;
}
.unitSuffix {
    height: 3.1em;
}
.unitSuffix p {
    padding-top: 11px;
}
/* centering */
label.numberLableCenter {
    display: inline-block;
    width: 100%;
    text-align: center;
}
input.numberCenter {
    text-align: center;
}
.row .col .checkboxContainer {
    padding-top: 25px;
}
.row .col .radioContainer {
    padding-top: 10px;
}
.toys-drop-down .select-dropdown li img {
    float: left;
}
.toys-drop-down .select-dropdown li span {
    padding: 13px 0 13px 20px;
}
.nationality-drop-down {
    position: relative;
}
.nationality-drop-down .select-dropdown li img {
    float: left;
}
.nationality-drop-down .select-dropdown li span {
    padding: 13px 0 13px 20px;
}
.nationality-drop-down img.activeFlag {
    position: absolute;
    top: 22px;
    left: 25px;
}
.nationality-drop-down .select-wrapper input[type="text"].select-dropdown {
    text-indent: 69px;
}
.country-drop-down .select-dropdown li img {
    float: left;
}
.country-drop-down .select-dropdown li span {
    padding: 13px 0 13px 20px;
}
.select-wrapper + label {
    top: 10px;
}

/* buttons
----------------------------------------------*/
.raised-btn {
    border: 1px solid #ccc;
    color: #333333;
    font-family: "proxima-nova", sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    padding: 6px 15px;
    border-radius: 3px;
    background: #feffff;
    background: -moz-linear-gradient(top, #feffff 0%, #f2f4f7 100%);
    background: -webkit-linear-gradient(top, #feffff 0%, #f2f4f7 100%);
    background: linear-gradient(to bottom, #feffff 0%, #f2f4f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f2f4f7',GradientType=0 );
    position: relative;
    margin: 0 6px 0 0;
    display: inline-block;
    vertical-align: top;
}
.raised-btn.right {
    margin: 0 0 0 15px;
}
.raised-btn:hover,
a.btn.raised-btn:hover {
    color: #333333;
    background: #f2f4f7;
    background: -moz-linear-gradient(top, #f2f4f7 0%, #feffff 100%);
    background: -webkit-linear-gradient(top, #f2f4f7 0%, #feffff 100%);
    background: linear-gradient(to bottom, #f2f4f7 0%, #feffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4f7', endColorstr='#feffff',GradientType=0 );
}
.raised-btn.dropdown-button {
    padding-right: 30px;
    min-width: 135px;
    cursor: pointer;
}
.raised-btn.dropdown-button:after {
    content: "";
    width: 11px;
    height: 7px;
    position: absolute;
    top: 15px;
    right: 10px;
    background: url(../images/icons/down-arrow.svg) no-repeat;
    background-size: 9px auto;
}
.raised-btn.blue-btn {
    border: 1px solid #15aeec;
    color: #fff;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);
    background: #49c0f0;
    background: -moz-linear-gradient(top, #49c0f0 1%, #2cafe3 100%);
    background: -webkit-linear-gradient(top, #49c0f0 1%, #2cafe3 100%);
    background: -ms-linear-gradient(top, #49c0f0 1%, #2cafe3 100%);
    background: -o-linear-gradient(top, #49c0f0 1%, #2cafe3 100%);
    background: linear-gradient(to bottom, #49c0f0 1%, #2cafe3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 );
    transition: all 0.4s ease;
}
.raised-btn.blue-btn:hover {
    border: 1px solid #1090c3;
    background: #1ab0ec;
    background: -moz-linear-gradient(top, #1ab0ec 1%, #1a92c2 100%);
    background: -webkit-linear-gradient(top, #1ab0ec 1%, #1a92c2 100%);
    background: -ms-linear-gradient(top, #1ab0ec 1%, #1a92c2 100%);
    background: -o-linear-gradient(top, #1ab0ec 1%, #1a92c2 100%);
    background: linear-gradient(to bottom, #1ab0ec 1%, #1a92c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab0ec', endColorstr='#1a92c2',GradientType=0 );
}
.raised-btn.blue-outline-btn {
    border: 1px solid #ccc;
    color: #666;
    background: #fff;
    transition: all 0.4s ease;
    text-transform: capitalize;
}
.btn.btn-small {
    padding: 4px 7px 4px 15px;
    font-size: 11px;
    line-height: 22px;
}
.btn.btn-small i {
    margin-left: 5px;
}
.raised-btn.blue-outline-btn:hover {
    opacity: 0.6;
    color: #666;
}
.raised-btn.icon-settings {
    padding-left: 35px;
}
.raised-btn.icon-settings:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 12px;
    background: url(../images/icons/filter.svg) no-repeat;
    background-size: 16px auto;
}

.btn-flat-circle {
    background-color: #e4e4e4;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    display: inline-block;
    height: 37px;
    width: 37px;
    line-height: 37px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    text-align: center;
    z-index: 1;
}

.blue-btn.new-btn {
    padding-left: 30px;
    position: relative;
}
.blue-btn.new-btn:before {
    background: url(/resources/images/icons/buttons/plus.svg) 0 0 no-repeat;
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 12px;
    left: 13px;
    opacity: 0.6;
}
.blue-btn.new-btn:hover:before {
    opacity: 1;
}
.sidenav a.right-inline-btn {
    float: right;
    padding: 0 0 0 20px;
    margin: 4px 0 0 0;
    text-transform: none;
    color: #333;
    line-height: 14px;
    font-size: 14px;
    background: url(../images/icons/clear-filter.svg) 0 1px no-repeat;
    background-size: 10px 10px;
}

.errorMessage {
    color: #f44336;
    font-size: 12px;
}
.errorMessage ul {
    margin: 0 0 5px 0;
}
.errorMessage ul li a {
    color: #0277bb;
}
.input-field .errorMessage {
    margin-top: -15px;
}
.sub-card-title-noImg {
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    height: auto;
    color: rgba(0, 0, 0, 0.7);
    padding: 15px 0 15px 0;
    line-height: 1em;
}
.collection.no-image-l.with-header .collection-header,
.collection.no-image-l.with-header .collection-item {
    padding: 10px 20px;
}
.row .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}
.btn {
    margin-bottom: 5px;
}
table.responsive-table td {
    min-height: 51px;
}
.responsive-table td.checked-wrap {
    padding-left: 36px;
}
table .table-checked {
    width: 26px;
}
.card.no-p-v.card-content {
    padding-top: 0;
    padding-bottom: 0;
}
.card .card-content p {
    margin-bottom: 5px;
}
.relative {
    position: relative;
}
.dropdown-dots {
    background: url(../images/btn-menu-dropdown.svg) 12px 5px no-repeat;
    background-size: 5px auto;
    width: 28px;
    height: 30px;
    padding: 5px;
    margin: 16px -10px -30px 0;
}
.dropdown-content li > a,
.dropdown-content li > span {
    padding: 8px 10px;
}
.dropdown-content li.divider {
    margin: 0;
}
.inline-image-text img {
    display: inline;
    margin: -3px 3px;
}
.badge-wrap {
    display: block;
    padding-top: 5px;
}
.badge-wrap a {
    display: inline-block;
    margin: 0 5px 5px 0;
}
.badge-wrap a span.badge {
    left: 0;
}
.badge-wrap a:nth-child(2n) span.badge {
    background-color: #0d97ba;
}
.badge-wrap a:nth-child(3n) span.badge {
    background-color: #f09609;
}
span.badge {
    line-height: 1.1em;
    height: auto;
    position: relative;
    display: inline-block;
    padding: 3px 6px;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: #26a69a;
    border-radius: 3px;
    min-width: 2rem;
}
span.badge.new {
    line-height: 14px;
    position: relative;
    display: inline-block;
    padding: 5px;
}
span.badge.status-Withdrawn {
    background-color: #f09609;
}
span.badge.status-Draft {
    background-color: #333;
}
span.badge.color-S {
    background-color: #2979ff;
} /*sales*/
span.badge.color-C {
    background-color: #ff5722;
} /*charter*/
span.badge.color-M {
    background-color: #6d4c41;
} /*minisite*/
.badge.inline-badge {
    display: inline;
    float: none;
    margin: 0;
}
span.badge.customer-email {
    display: block;
    margin: 3px 0 6px 0;
    padding: 3px 9px;
    height: auto;
    line-height: normal;
    font-size: 10px;
    text-transform: uppercase;
    background: #aaa;
    background-size: 12px auto;
    color: #fff;
    float: left;
    border-radius: 5px;
}

span.badge.customer-email.OPENED {
    background: #10b41f;
    background-size: 12px auto;
    letter-spacing: 0.05em;
}

span.badge.customer-phone {
    display: block;
    margin: 3px 0 0 0;
    padding: 3px 9px;
    height: auto;
    line-height: 1.1em;
    font-size: 12px;
    background: #aaa;
    background-size: 12px auto;
    color: #fff;
    float: left;
    border-radius: 3px;
}
span.badge.customer-phone.confirmed {
    background: #4caf50;
}
span.badge.customer-phone.invalid {
    background: #cc0000;
}

table span.badge.new {
    padding: 3px 5px;
    line-height: 14px;
    height: auto;
    min-width: unset;
}
/*coloured scrollbars*/
table.responsive-table tbody {
    padding-bottom: 15px;
}
.coloured-scrollbar::-webkit-scrollbar {
    height: 18px;
}
.coloured-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(000, 000, 000, 0.3);
    border-radius: 10px;
}
.coloured-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(000, 000, 000, 0.5);
}
.coloured-scrollbar::-webkit-scrollbar-corner {
    background: #fff;
}
/*toast styling*/
.toast {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    flex-wrap: wrap;
}
.toast.success {
    background: green;
    color: white;
}
.toast.error {
    background: red;
    color: white;
}
.toast .title {
    display: block;
    flex: 0 0 100%;
    font-size: 16px;
}
.toast .copy {
    display: block;
    flex: 0 0 100%;
    font-size: 13px;
}
.contentHeader .pageTitle.no-p-l {
    padding-left: 0;
}

/*slick slider
-----------------------------------------------------------*/
.slick-slider {
    width: 100%;
}
.slick-slider img {
    width: 100%;
}
.slick-slider .slick-arrow {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 20px;
    height: 30px;
    cursor: pointer;
    border: 0;
    overflow: hidden;
    text-indent: 9999px;
}
.slick-slider .slick-arrow:hover,
.slick-slider .slick-arrow:active {
    opacity: 0.7;
}
.slick-slider .slick-prev {
    left: 10px;
    background: url(/resources/images/icons/less-than.svg) 0 0 no-repeat;
    background-size: 20px auto;
}
.slick-slider .slick-next {
    right: 10px;
    background: url(/resources/images/icons/more-than.svg) 0 0 no-repeat;
    background-size: 20px auto;
}
.slick-slider .slick-dots {
    display: inline-block;
    text-align: center;
    position: absolute;
    bottom: 33px;
    width: 100%;
}
.slick-slider .slick-dots li {
    display: inline-block;
    margin: 0 6px;
}
.slick-slider .slick-dots button {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background: #fff;
    overflow: hidden;
    text-indent: 9999px;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease 0s;
}
.slick-slider .slick-dots .slick-active button {
    border-color: #000;
    background-color: #000;
}
.main-nav {
    display: block;
    overflow: hidden;
    height: 50px;
    width: 100%;
}
.main-nav .overflow-wrap {
    display: block;
    width: 9999px;
    height: 50px;
}
.main-nav .overflow-wrap ul {
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 1;
}
.jsTakeover {
    position: absolute;
    top: 0;
    right: 13px;
    z-index: 2;
    color: #333333;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    line-height: 50px;
    padding-left: 30px;
    background: url(/resources/images/main-menu-arrow.svg) 0 7px no-repeat;
    background-size: 20px auto;
}
.menu-takeover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #fff;
}
.menu-takeover ul {
    display: block;
    padding: 20px;
}
.menu-takeover.open {
    display: block;
}
.jsCloseTakeover {
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    text-indent: -999px;
    background: url(/resources/images/close-takeover-menu.svg) 15px 15px no-repeat;
    background-size: 20px;
    width: 50px;
    height: 50px;
}
.menu-takeover ul li {
    display: block;
    border-bottom: 1px solid #ccc;
}
.menu-takeover ul li a {
    color: #333333;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 9px 0;
    display: inline-block;
}
@media only screen and (max-width: 640px) {
    .main-nav,
    .main-nav .overflow-wrap {
        height: 37px;
    }
    .jsTakeover {
        line-height: 35px;
    }
}
@media only screen and (max-width: 640px) {
    .mn-content {
        overflow-x: hidden;
    }
    .row {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .navigation,
    header.navbar-fixed nav .top-bar-bottom {
        height: 35px;
    }
    header.navbar-fixed nav,
    header.navbar-fixed {
        height: 84px !important;
    }
    .sidenav {
        margin-top: 95px;
    }
    .navigation li a {
        height: 35px;
        line-height: 35px;
    }
    .search-tabs-container .search-tabs-row {
        min-height: inherit;
    }
    .search-tabs-row {
        padding: 0 20px;
    }
    .contentHeader {
        padding: 5px 0 0 0;
    }
    .content-header .card-content {
        padding: 0;
    }
    .contentHeader .crumb {
        margin-bottom: 15px;
    }
    /*.mn-inner > .card > .card-content {padding:0;}  why is this here as it just break all the containers ????*/
    .tabs-buttons {
        display: block;
        text-align: center;
        padding: 0 5px;
    }
    .tabs-buttons a {
        margin: 0 5px 15px 0;
        width: 100%;
        display: block;
        clear: both;
    }
    .tabs-buttons a:last-child {
        margin-bottom: 0;
    }
    .contentHeader h1 {
        font-size: 22px;
    }
    .contentHeader .pageTitle {
        width: 100%;
    }
    .page-footer {
        padding: 15px;
        height: 140px;
    }
    header .logo {
        width: 150px;
        margin-top: 14px;
    }
    .navbar-fixed nav .navigation-toggle {
        height: 48px;
    }
    .material-design-hamburger__icon {
        padding: 1.5rem 1rem;
    }
    .material-design-hamburger a {
        padding-top: 23px;
    }
    header.navbar-fixed nav .top-bar-top {
        height: 49px;
    }
    .collection.no-image-l.with-header .collection-header,
    .collection.no-image-l.with-header .collection-item {
        padding: 10px 10px;
    }
}
.jsBrokerRow {
    display: block;
    width: 100%;
    float: left;
}
.brokerBtn-wrap {
    display: inline-block;
    width: 42%;
    vertical-align: top;
}
.brokerInfo-wrap {
    display: inline-block;
    width: 56%;
    vertical-align: top;
}
.jsBrokerRow .btn {
    margin-top: 7px;
    padding: 0 10px;
}
.inline-btn {
    margin-top: -7px;
    margin-bottom: -7px;
}
.tooltip-image-small {
    width: 15px;
    height: auto;
    display: inline-block;
    margin: 0 0 0 5px;
}
/* User bar dropdown
------------------------------------------------*/
.userbar-wrap {
    position: relative;
    display: inline-block;
    float: right;
    margin: 2px 12px 0 10px;
}
.sidebar-account-settings {
    position: absolute;
    top: 64px;
    right: 0;
    background: #fff;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12),
        0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.sidebar-account-settings,
.sidebar-account-settings ul,
.sidebar-account-settings li {
    width: 100%;
    display: block;
}
.sidebar-account-settings li a {
    font-size: 13px;
    font-weight: 500;
    height: auto !important;
    color: rgba(0, 0, 0, 0.7);
    padding: 15px 0 15px 24px !important;
    line-height: 1em !important;
    display: block;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.sidebar-account-settings li a i {
    color: #000;
    display: inline-block;
    line-height: inherit;
    margin: 0 20px 0 0;
    width: auto;
    float: left;
    color: rgba(0, 0, 0, 0.54);
    font-size: 19px;
    height: 14px;
    vertical-align: middle;
}
.relative-wrap {
    position: relative;
}
.fixed-action-btn.absolute {
    position: absolute;
}
.btn-floating.btn-large.client-color-1 {
    background: red;
}
.btn-floating.btn-large.edmiston-red:hover {
    background: #fff;
}
.btn-floating.btn-large.edmiston-red:hover i {
    color: #cc0000;
}
/* Yacht Dashboard
----------------------------------------------*/
.yacht-header {
    float: left;
    width: 100%;
}
.overview-data {
    display: block;
    margin: 0;
    padding: 0;
}
.overview-data li {
    display: inline-block;
    list-style: none;
    padding: 0 10px 0 0;
    vertical-align: top;
}
.overview-data li .sale-charter {
    color: #fff;
    display: block;
    padding: 3px 10px;
    background: #0074a5;
    text-transform: uppercase;
    margin: 4px 0 0 0;
}
.overview-data li .tag {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: #cc0000;
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
}
.overview-data li .tag.ca-joint {
    background: #f05a08;
}
.overview-data li .price {
    font-size: 16px;
    color: #666;
    line-height: 18px;
    margin: 6px 0 0 0;
}
.overview-data li .price .lighter {
    font-size: 14px;
    line-height: 18px;
    color: #ccc;
}
.assignment-data {
    display: block;
    width: 100%;
}
.assignment-data .leads {
    display: inline-block;
    width: 280px;
    padding-right: 30px;
    vertical-align: top;
}
.assignment-data .leads .title {
    font-size: 14px;
    color: #333;
    line-height: 16px;
}
.assignment-data .leads .img,
.assignment-data .contacts .img {
    display: block;
    overflow: hidden;
    border-radius: 60px;
    width: 60px;
    height: 60px;
}
.assignment-data .leads img,
.assignment-data .contacts img {
    width: 100%;
}
.assignment-data .leads .first-lead,
.assignment-data .leads .second-lead {
}
.assignment-data .leads .first-lead p,
.assignment-data .leads .second-lead p {
    font-size: 14px;
    color: #666;
    line-height: 16px;
}
.assignment-data .contacts {
    display: inline-block;
    width: 250px;
    vertical-align: top;
}
.assignment-data .contacts .title {
    font-size: 14px;
    color: #333;
    line-height: 16px;
}
.assignment-data .contacts .first-contact {
}
.assignment-data .contacts .first-contact p {
    font-size: 14px;
    color: #666;
    line-height: 16px;
}
.back-button {
    display: block;
    margin: 0 0 20px 0;
}
.back-button a {
    font-size: 13px;
}
.content-header .back-button {
    margin: -20px 0 15px 0;
}
.content-header-spacer.collided .content-header .back-button {
    margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
    .content-header .back-button,
    .content-header-spacer.collided .content-header .back-button {
        margin: 0 0 3px 0;
    }
}
.ac-appender {
    margin: 0;
    padding: 0;
}
#advanced-tools {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden; /*bug fix labels causing horizontal scrolling*/
    padding: 0 10px;
}
.sidenav .close {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 13px;
    color: #fff;
    font-size: 17px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/icons/close.svg) 12px 11px no-repeat #0093ee;
    background-size: 17px auto;
    width: 40px;
    height: 38px;
}
.sidenav .close:hover {
    background-color: #0093ee;
    opacity: 0.6;
}
.sidenav a {
    padding: inherit;
}
.sidenav-title {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1.2em;
    font-weight: 400;
    padding: 58px 0 0 6px;
    margin: 0;
}
.resetButton {
    display: inline-block;
    margin: 0 15px 15px 15px;
    padding: 0 20px;
    text-align: center;
}
.sidenav a.ui-slider-handle:hover {
    background: #666;
}
/* Notification Bar
-----------------------*/
.navbar-fixed nav,
.sidenav.fixed {
    top: 0;
    -webkit-transition: top 400ms ease-out;
    -moz-transition: top 500ms ease-out;
    -o-transition: top 500ms ease-out;
    transition: top 500ms ease-out;
}
.notification-open .navbar-fixed nav {
    top: 64px;
}
.accent header.navbar-fixed,
.content-app .fixed-sidebar .mn-inner,
.subnav-icons .agent-panel-footer {
    -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.sidenav {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.notification-open .sidenav {
    height: calc(100% - 175px) !important;
    top: 65px;
}
.notification-open.accent header.navbar-fixed {
    height: 179px !important;
}

#notification-bar {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    position: fixed;
    top: 0;
    left: 0;
    height: 64px;
    width: 100%;
    padding: 16px 30px 0 75px;
    background: #444;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.notification-open #notification-bar {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
#notification-bar .message {
    display: block;
}
#notification-bar .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    background: url(../images/icons/sitewide-notice.svg) no-repeat;
    background-size: 35px auto;
    background-position: 17px 16px;
}
#notification-bar .message strong {
    font-weight: 500;
}
#notification-bar .copy {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}
#notification-bar .copy a {
    top: 0;
    left: 20px;
    margin-top: -1px;
}
#notification-bar .close {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 5px 13px;
    color: #fff;
    font-size: 17px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/icons/close.svg) 12px 11px no-repeat;
    background-size: 17px auto;
    width: 40px;
    height: 38px;
}
/* Reminders
------------------------------------ */
.reminders-btn {
    display: inline-block;
    float: right;
    text-indent: -9999px;
    width: 60px;
    height: 65px;
    background: url(../images/icons/reminder.svg) 22px 22px no-repeat;
    background-size: 16px auto;
    position: relative;
}
.reminders-btn.has-reminder:after {
    position: absolute;
    top: 24px;
    right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #ff151f;
    content: "";
}
.reminders-btn-slim {
    display: inline-block;
    float: right;
    text-indent: -9999px;
    width: 46px;
    height: 65px;
    background: url(/resources/images/notifications.svg) 13px 21px no-repeat;
    background-size: 25px auto;
    position: relative;
}
.reminders-btn-slim.has-reminder:after {
    position: absolute;
    top: 24px;
    right: 19px;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    border: 2px solid #fff;
    z-index: 2;
    background: #ff151f;
    content: "";
}
/* Expired Enquiries
------------------------------------ */
.expired-btn-slim {
    display: inline-block;
    float: right;
    text-indent: -9999px;
    width: 60px;
    height: 65px;
    background: url(/resources/images/expired-enquiries.svg) 13px 21px no-repeat;
    background-size: 31px auto;
    position: relative;
}
.expired-btn-slim.has-enquiry:after {
    position: absolute;
    top: 24px;
    right: 8px;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    border: 2px solid #fff;
    z-index: 2;
    background: #ff151f;
    content: "";
}
/* Activity stream icon
------------------------------------ */
.activity-stream-btn {
    display: inline-block;
    float: right;
    width: 60px;
    height: 65px;
    background: url(../images/icons/messages.svg) 19px 22px no-repeat;
    background-size: 20px auto;
    position: relative;
}
.activity-stream-btn .copy {
    display: none;
}
.activity-stream-btn .count {
    position: absolute;
    top: 16px;
    right: 10px;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #4ece3d;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    padding: 0;
    border-radius: 100px;
}
/* User details
------------------------------------ */
.user-details-btn {
    display: inline-block;
    float: right;
    width: 60px;
    height: 65px;
    background: url(../images/icons/user-edit.svg) 21px 19px no-repeat;
    background-size: 19px auto;
    text-indent: -9999px;
}
.reminders-btn:hover,
.activity-stream-btn:hover,
.user-details-btn:hover {
    background-color: rgba(000, 000, 000, 0.3);
}
.top-bar-top .col {
    padding: 0;
}
.mn-header.navbar-fixed nav .nav-wrapper {
    padding-right: 0;
    padding-left: 0;
}
.mn-header.navbar-fixed nav .top-bar-top .nav-wrapper {
    padding-left: 44px;
}
/* Activity Stream sidebar
----------------------------------------- */
#activity-sidebar .close {
    position: absolute;
    top: 5px;
    left: 0;
    padding: 5px 13px;
    color: #fff;
    font-size: 17px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/icons/close.svg) 12px 11px no-repeat #0093ee;
    background-size: 17px auto;
    width: 40px;
    height: 38px;
}
#activity-sidebar .sidenav-wrapper {
    padding-top: 43px;
}
/* Highcharts
-----------------------------------------*/
.graphContainer {
    position: relative;
}
.graph-type {
    position: absolute;
    top: 23px;
    right: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.graph-type li {
    display: inline-block;
    padding: 0;
    float: left;
}
.graph-type li a {
    border: 1px solid #999;
    color: #333;
    font-size: 12px;
    padding: 5px 20px;
    border-right-width: 0;
    border-left-width: 0;
}
.graph-type li:first-child a {
    border-radius: 3px 0 0 3px;
    border-left-width: 1px;
}
.graph-type li:last-child a {
    border-radius: 0 3px 3px 0;
    border-right-width: 1px;
}
.graph-type li a.active {
    color: #fff;
    background: #0093ee;
}
/* Proposal Table
--------------------------------------------------*/
.card-table {
    background: #fff;
    border: 1px solid #b7d2e5;
    border-radius: 5px;
    position: relative;
}
.card-table table.scroll-table thead {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.card-table table.scroll-table tbody {
    height: 500px;
    overflow-y: scroll;
    display: block;
    margin: 38px 0 0 0;
}

.card-table tr .tr-hover-show span {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.card-table tr:hover .tr-hover-show span {
    opacity: 1;
}
.responsive-table th,
.attention-messages table th,
.static-flex-table th {
    padding: 10px 15px;
    color: rgba(0, 0, 0, 0.4);
    position: relative;
}
.responsive-table td,
.attention-messages table td,
.static-flex-table td {
    padding: 10px 15px;
    color: rgba(0, 0, 0, 0.9);
}
.responsive-table th.center,
.responsive-table td.center {
    text-align: center;
}
.responsive-table .light,
.responsive-table .info,
.responsive-table .small {
    display: block;
}
.responsive-table .light.small {
    font-size: 11px;
}
.responsive-table td .with-tick {
    position: relative;
    padding-left: 25px;
    min-height: 21px;
}
.responsive-table td .with-tick.multiple {
    padding-left: 45px;
}
.responsive-table td .with-tick .tick {
    position: absolute;
    top: 2px;
    left: 0;
}
.responsive-table td .with-tick .tick2 {
    position: absolute;
    top: 2px;
    left: 22px;
}
.responsive-table .info {
    font-size: 15px;
}
.responsive-table .info,
.responsive-table .info a {
    color: rgba(0, 0, 0, 0.9);
}
.responsive-table a .light {
    font-size: 13px;
}
.responsive-table .light.small {
    font-size: 12px;
}
.responsive-table .info a:hover {
    color: #0277bb;
}
.responsive-table .light-font {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
}
.responsive-table th,
.attention-messages table th,
.static-flex-table th {
    font-size: 11px;
    color: #8dabc4;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.responsive-table th .sort {
    display: inline-block;
    background: url(../images/icons/sortable-notsorted.svg) right center no-repeat;
    padding: 0 20px 0 0;
    color: rgba(0, 0, 0, 0.4);
    color: #8dabc4;
}
.responsive-table th .sort.down {
    background: url(../images/icons/sortable-down.svg) right center no-repeat;
}
.responsive-table th .sort.up {
    background: url(../images/icons/sortable-up.svg) right center no-repeat;
}
.responsive-table th .sort.down:hover {
    background: url(../images/icons/sortable-up.svg) right center no-repeat;
}
.responsive-table th .sort.up:hover {
    background: url(../images/icons/sortable-notsorted.svg) right center no-repeat;
}
.responsive-table th .sort:hover {
    background: url(../images/icons/sortable-down.svg) right center no-repeat;
}
.responsive-table th .sort:hover {
    color: #0277bb;
}
.nights-row {
    display: block;
    width: 100%;
    clear: both;
}
.broker-photo-container {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}
.broker-photo-container .broker-photo {
    background: #ccc;
    float: left;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 5px 20px 5px 0;
}
.broker-photo-container .broker-placeholder {
    background: #ccc;
    float: left;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 5px 20px 5px 0;
    display: block;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.broker-listing .broker-photo-container .broker-placeholder {
    margin: 0;
}

.responsive-table.activate td .button-select {
    height: 27px;
    line-height: 27px;
    margin-top: -5px;
}
.responsive-table.activate .button-select:hover:before {
    height: 27px;
}

table.striped > tbody > tr:nth-child(odd) {
    background-color: #fafbfc;
}

table.lead-table thead tr th span.name,
table.lead-table tbody tr td span.enquiry-name {
    width: 200px;
    display: block;
}
table.lead-table thead tr th span.last-activity,
table.lead-table tbody tr td span.last-activity {
    width: 110px;
    display: block;
}

.lead-status-table thead tr th.center,
.lead-status-table tbody tr td.center {
    text-align: center;
}
.lead-status-table tbody tr td .date {
    font-size: 11px;
}
.lead-status-table thead tr th.notes,
.lead-status-table tbody tr td.notes {
    width: 200px;
    position: relative;
}
.lead-status-table tbody tr td.notes .notes-short {
    font-size: 12px;
    line-height: 1.4em;
    width: 200px;
    display: block;
}
.lead-status-table tbody tr td.notes .notes-full {
    display: none;
}
.lead-status-table tbody tr td.notes:hover .notes-full {
    display: block;
    width: 300px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 10px;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.05),
        0 3px 1px -2px rgba(0, 0, 0, 0.08),
        0 1px 5px 0 rgba(0, 0, 0, 0.08);
}

.lead-status-table tbody tr td.status img {
    float: left;
}
.lead-status-table tbody tr td.status span {
    display: block;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 12px;
    margin: 0 0 0 7px;
}

.top-select-wrapper .select-wrapper,
.lead-status-filter .select-wrapper {
    background-color: #fff;
}
.top-select-wrapper .select-wrapper {
    margin-left: 15px;
}

.broker-response-table .broker-image {
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background-color: #ccc;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
}

.broker-league-table .broker-image {
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background-color: #ccc;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    float: left;
    margin: 0 12px 0 0;
}
.broker-league-table .broker-details {
    float: left;
    padding: 4px 0 0 0;
}
/* RATINGS
-----------------------------------------*/
.rating-confidence {
    display: block;
}
.rating-confidence .rating {
    float: left;
    padding: 5px 7px 3px 5px;
    margin: 0 0 5px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* 1 = hot*/
.rating-confidence.type-1 .rating {
    padding-left: 21px;
    background: url(/resources/images/icon-hot.svg) 6px 4px no-repeat #961b1b;
    background-size: 9px auto;
}
/* 2 = warm */
.rating-confidence.type-2 .rating {
    padding-left: 21px;
    background: url(/resources/images/icon-hot.svg) 8px 6px no-repeat #e59015;
    background-size: 6px auto;
}
/* 3 = cold */
.rating-confidence.type-3 .rating {
    padding-left: 21px;
    background: url(/resources/images/icon-hot.svg) 8px 6px no-repeat #1f99b5;
    background-size: 6px auto;
}
/* 4 = red hot */
.rating-confidence.type-4 .rating {
    background: url(/resources/images/icon-hot.svg) 7px 6px no-repeat #dd1414;
    background-size: 6px auto;
    padding-left: 19px;
}
/* 5 = ice */
.rating-confidence.type-5 .rating {
    background: url(/resources/images/icon-ice.svg) 7px 4px no-repeat #22a7f0;
    background-size: 11px auto;
    padding-left: 23px;
}
.rating-confidence .confidence {
    float: left;
    clear: left;
    font-size: 12px;
    line-height: 12px;
}
.rating-confidence.type-1 .confidence {
    color: #ff151c;
}
.rating-confidence.type-2 .confidence {
    color: #f05a08;
}
.rating-confidence.type-3 .confidence {
    color: #0a91ff;
}

/* CHOSEN SELECT
---------------------------------------- */
.chosen-container-single .chosen-search input[type="text"] {
    box-sizing: inherit;
}
.card-form .chosen-container-single {
    width: 100%;
}
.card-form .chosen-container-single .chosen-single {
    height: 32px;
    line-height: 32px;
    border: 1px solid #a8c6df;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 30px 0 10px;
    margin: 0 0 15px 0;
    color: #3f536e;
    font-size: 14px;
    background: #fff;
    box-shadow: none;
    width: 100%;
}
.card-form .chosen-container-single .chosen-single div b {
    background: none;
    position: relative;
}
.card-form .chosen-container-single .chosen-single div b:before {
    content: "▼";
    font-size: 10px;
    color: #000;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -6px;
    left: 0;
}
.card-form .chosen-container-single .chosen-drop {
    margin-top: -15px;
}

.change-stage .options {
    float: right;
    margin: 8px 20px 0 0;
}
.change-stage .options label {
    width: 50px;
    float: left;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #3f536e;
    height: 32px;
    line-height: 32px;
}
.change-stage .options input.select-dropdown {
    height: 32px;
    line-height: 32px;
    border: 1px solid #a8c6df;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 30px 0 10px;
    margin: 0 0 15px 0;
    color: #3f536e;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #fff;
    width: 200px;
}

.change-stage .options .select-wrapper {
    width: 200px;
    float: left;
}
.change-stage .options .select-wrapper input {
    margin: 0;
}

.change-stage .options .select-wrapper span.caret {
    z-index: 1;
    right: 15px;
    top: 10px;
    bottom: auto;
}

table.bordered > thead > tr,
table.bordered > tbody > tr {
    border-left: 0;
    border-bottom: 1px solid #d8e5ee;
    transition: background-color 0.2s ease-out 0.2s;
}
table.bordered > tbody > tr:hover {
    background-color: #dde7f0;
}
table.bordered > tbody > tr:last-child {
    border-bottom: 0;
}
table.custom-highlight > tbody > tr > td:first-child {
    position: relative;
}
table.custom-highlight > tbody > tr > td:first-child:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    content: "";
}
table.custom-highlight > tbody > tr > td:first-child:before {
    background-color: #fff;
}
table.custom-highlight > tbody > tr:hover > td:first-child:before {
    background-color: #1090c3;
}

table.custom-highlight > tbody > tr > td:first-child:before {
    background-color: #fff;
}
table.custom-highlight > tbody > tr.completed > td:first-child:before,
table.custom-highlight > tbody > tr.accepted > td:first-child:before {
    background-color: green;
}
table.custom-highlight > tbody > tr.partial > td:first-child:before,
table.custom-highlight > tbody > tr.pending > td:first-child:before {
    background-color: orange;
}
table.custom-highlight > tbody > tr.incomplete > td:first-child:before,
table.custom-highlight > tbody > tr.declined > td:first-child:before {
    background-color: red;
}
table.custom-highlight > tbody > tr.completed:hover > td:first-child:before {
    background-color: green;
}
table.custom-highlight > tbody > tr.partial:hover > td:first-child:before {
    background-color: orangered;
}
table.custom-highlight > tbody > tr.incomplete:hover > td:first-child:before {
    background-color: red;
}

table tr th.center,
table tr td.center {
    text-align: center;
}

table tr td .light {
    font-weight: 300;
}
table tr td a {
    font-size: 14px;
}

.card .card-content p.table-heading {
    font-size: 18px;
    font-weight: 500;
    color: #3f536e;
    margin: 5px 0 10px 0;
}

/*Small | up to 640px*/
@media only screen and (max-width: 640px) {
    .card .card-content p.table-heading {
        font-size: 16px;
        margin: 0 0 10px 0;
    }
}

/* Mobile table
---------------------------------------- */
.card-table-mobile {
    width: 100%;
}
.card-table-mobile > li {
    width: 100%;
    background: #fff;
    border: 1px solid #d8e5ee;
    border-radius: 5px;
    margin: 0 0 15px 0;
    padding: 15px;
}
@media only screen and (min-width: 641px) and (max-width: 1470px) {
    .card-table-mobile > li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin: 0 1% 1.5% 0;
    }
    .card-table-mobile > li:nth-child(even) {
        margin-right: 0;
    }
}
.card-table-mobile li .applicant-name,
.card-table-mobile li .applicant-name .enquiry-name {
    font-size: 18px;
    text-transform: capitalize;
    color: #0277bb;
}
.card-table-mobile li .vessel .vessel-name {
    font-weight: 500;
}

.card-table-mobile li .date-stage {
    margin: 6px 0 2px 0;
    font-size: 12px;
}
.card-table-mobile li .date-stage span {
    display: inline-block;
    padding: 0 4px;
}
.card-table-mobile li .broker {
    font-size: 14px;
    margin: 0;
}
.card-table-mobile li .broker span {
    display: inline-block;
    padding: 0 4px 0 0;
    font-size: 14px;
}
.card-table-mobile li .broker .button-select {
    margin: 10px 0 0 0;
    padding: 0 20px;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
}
.card-table-mobile li .broker .button-select span {
    font-size: 12px;
}
.card-table-mobile label {
    display: block;
}
.card-table-mobile .jsRating,
.card-table-mobile .rating-confidence .confidence,
.card-table-mobile .rating-confidence {
    float: none;
    display: inline;
}
.card-table-mobile .with-tick {
    display: inline;
}
.card-table-mobile .with-tick div {
    display: inline;
}
.card-table-mobile .with-tick .tick {
    margin: 0 4px -3px 0;
}
.card-table-mobile .with-tick .tick2 {
    margin: 0 4px -3px 0;
}
.card-table-mobile .light {
    display: inline;
}
.card-table-mobile span.badge.new {
    float: none;
}
@media only screen and (max-width: 640px) {
    .mobile-new-btn-margin {
        margin-bottom: 10px;
    }
    .filter-by-date {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0;
    }
}

.assigned-contacts img {
    border-radius: 33px;
    background: #fff;
    display: inline-block;
    margin-left: -10px;
    z-index: 2;
    position: relative;
}
.assigned-contacts img.jsOverflowUser {
    display: none;
}
.jsShowOtherUsers {
    display: inline-block;
    background: #0093ee;
    color: #fff;
    border-radius: 33px;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    font-size: 25px;
    vertical-align: top;
    margin-left: -10px;
}
.assigned-contacts .owned-by-company {
    vertical-align: top;
    display: inline-block;
    background: #cccccc;
    border-radius: 33px;
    width: 33px;
    height: 33px;
    z-index: 1;
    border: 2px solid #000;
}
.assigned-contacts .owned-user {
    display: inline-block;
    position: relative;
    margin-left: 0;
}
.assigned-contacts .owned-user img {
    width: 33px;
    height: 33px;
    margin-left: 0;
    border: 2px solid #000;
    border-radius: 33px;
}

.feedback .message {
    float: left;
    width: 32px;
    height: 32px;
    background: url(../images/icons/message.svg) center center no-repeat #faca00;
    background-size: 12px auto;
    border-radius: 17px;
    border: 2px solid #fff;
}
.feedback .liked {
    float: left;
    width: 32px;
    height: 32px;
    background: url(../images/icons/heart-white.svg) center center no-repeat #99cc33;
    background-size: 14px auto;
    border-radius: 17px;
    border: 2px solid #fff;
    margin-left: -7px;
}
/* homepage page title
---------------------------------*/
.homepageSearchHeader .contentHeader {
    padding: 0;
}
.homepageSearchHeader .pageTitle {
    width: 100%;
}
.homepageSearchHeader .pageTitle h1 {
    text-transform: capitalize;
    font-size: 35px;
    margin: 10px 0 0 0;
}

.weatherOverview {
    float: left;
    padding: 0 20px 0 0;
}
.salutation {
    float: left;
}
.weather-overview i {
    font-size: 120px;
    line-height: 120px;
}
.weather-overview .temprature {
    text-align: center;
    font-size: 38px;
    line-height: 1.1em;
}
.weather-overview .temprature span {
    color: #999;
}
.weather-split {
    display: none;
}

html .ui-state-default,
html .ui-widget-content .ui-state-default,
html .ui-widget-header .ui-state-default {
    background: #fff;
    border: 1px solid #0277bb;
}
html .ui-slider .ui-slider-range {
    background: #6bc7fe;
}

/* CONTACT DETAILS
----------------------------------------------------------*/
.contact-circle {
    width: 150px;
    height: 150px;
    color: #fff;
    font-size: 60px;
    line-height: 150px;
    text-align: center;
    background: #eb1b1b;
    display: block;
    border-radius: 1000px;
    margin: 0 auto 15px auto;
}
.contact-circle.small {
    width: 75px;
    height: 75px;
    font-size: 30px;
    line-height: 75px;
}
.card .card-content p.text-value-field {
    padding: 12px 0;
    margin: 0;
}
.card .card-content .lighter-text {
    color: #ccc;
}
.card .card-content p.large-title {
}
.card .card-content p.secondary-title {
}
/*SOCIAL/CONTACT ICONS
 # trip_advisor.svg
 # dots.svg
---------------------- */
.contact-social-links {
    display: block;
    padding: 0 0 15px 0;
}
.contact-social-links li {
    display: inline-block;
    padding: 0 15px 0 0;
}
.contact-social-links li a {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    width: 30px;
    height: 30px;
}
.contact-social-links li:last-child {
    padding: 0;
}
.contact-social-links .twitter a {
    background: url(../images/icons/social/twitter.svg) no-repeat;
    background-size: 25px auto;
}
.contact-social-links .google_plus a {
    background: url(../images/icons/social/google_plus.svg) no-repeat;
    background-size: 30px auto;
}
.contact-social-links .linedIn a {
    background: url(../images/icons/social/linkedin.svg) no-repeat;
    background-size: 26px auto;
}
.contact-social-links .youtube a {
    background: url(../images/icons/social/youtube.svg) no-repeat;
    background-size: 28px auto;
    background-position: 0 3px;
}
.contact-social-links .pinterest a {
    background: url(../images/icons/social/pinterest.svg) no-repeat;
    background-size: 26px auto;
}
.contact-social-links .vimeo a {
    background: url(../images/icons/social/vimeo.svg) no-repeat;
    background-size: 27px auto;
}
.contact-social-links .instgram a {
    background: url(../images/icons/social/instagram.svg) no-repeat;
    background-size: 26px auto;
}
.contact-social-links .vkontakte a {
    background: url(../images/icons/social/vk.svg) no-repeat;
    background-size: 30px auto;
    background-position: 0 4px;
}
.contact-links {
    display: block;
    padding: 0 0 15px 0;
}
.contact-links li {
    display: block;
    padding: 0 0 15px 30px;
}
.contact-links .whatsapp {
    background: url(../images/icons/social/whatsapp.svg) no-repeat;
    background-size: 22px auto;
}
.contact-links .skype {
    background: url(../images/icons/social/skype.svg) no-repeat;
    background-size: 22px auto;
}
.contact-links .google_hangouts {
    background: url(../images/icons/social/google_hangouts.svg) no-repeat;
    background-size: 22px auto;
}
.card .card-content p.large-title {
    font-size: 28px;
    margin: 0;
}
.card .card-content p.secondary-title {
    font-size: 16px;
    margin: 0 0 -5px 0;
}
/* JOURNAL
----------------------------------------------------- */
.note-type {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 2px 12px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    max-width: 100px;
}
.note-filter {
    margin: 0 0 10px 0;
}
/*audit*/
.note-type.note-18 {
    background: #ff9326;
}
/*View*/
.note-type.note-17 {
    background: #000000;
}
/*Update*/
.note-type.note-16 {
    background: #0a6aa1;
}
/*Create*/
.note-type.note-15 {
    background: #1b5e20;
}

/* Logout
----------------*/
.logout-btn {
    line-height: 35px;
    position: relative;
    padding-left: 42px;
}
.logout-btn:before {
    content: "exit_to_app";
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    position: absolute;
    top: 7px;
    left: 14px;
    width: 20px;
    height: 20px;
}
/* MODAL
-----------------------*/
.modal {
    border-radius: 10px;
    border: 1px solid #1b5c8a;
    background: #fff;
    z-index: 1003 !important; /* fix for modal when using close api z-index calculates wrong :( */
}
.modal-overlay {
    z-index: 1002 !important; /* fix for modal when using close api z-index calculates wrong :( */
}
.modal-header {
    background: #fafbfc;
    display: block;
    padding: 18px 20px 16px 20px;
    border-bottom: 1px solid #eaf1f7;
    position: relative;
}
html .modal-header .title {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000;
}
html .modal-header .title.large {
    font-size: 20px;
    line-height: 20px;
}
.modal-header .close-modal {
    position: absolute;
    top: 18px;
    right: 15px;
    background: url(../images/modal-close.svg) 2px 2px no-repeat;
    background-size: 16px 16px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    z-index: 2;
    text-indent: -99999px;
}
.modal-header .close-modal:hover {
    opacity: 0.5;
}
.modal .remove-icon {
    background: url(../images/modal-bin.svg) 12px 9px no-repeat;
    background-size: 12px auto;
    width: 38px;
    height: 38px;
    overflow: hidden;
    text-indent: -99999px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 25px;
}
.modal .modal-content.full-width {
    padding: 0;
}
.modal .remove-icon:hover {
    opacity: 0.5;
}
.modal .modal-footer {
    background: #fff;
}
.modal-footer .btn-save {
    float: right;
    margin: 0 0 0 30px;
    padding: 8px 15px;
    background: #4dcd3d;
    border-radius: 3px;
    color: #fff;
}
.modal-footer .btn-save:hover {
    opacity: 0.5;
}
.modal .modal-footer {
    height: 100px;
    padding: 4px 30px;
}
.modal .modal-footer.modal-fixed-footer {
    padding-bottom: 100px;
}
.modal .modal-footer .btn-cancel {
    float: right;
    margin: 11px 0 0 30px;
}
.modal .modal-footer .btn-cancel:hover {
    text-decoration: underline;
}
.modal-content .content-padding {
    padding: 20px 20px 18px 20px;
}
.yachtResult .modal-content h3 {
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    font-size: 18px;
}
.yachtResult.modal p {
    float: none;
}
@media only screen and (min-width: 641px) {
    .modal-content .proposalPrice {
        text-align: right;
    }
}
.card .card-content .yachtResult.modal p.price {
    color: rgba(0, 0, 0, 0.6);
}
.modal p {
    font-size: 14px;
    margin: 0 0 5px 0;
    display: block;
    width: 100%;
}
.modal .modal-footer {
    padding: 32px 20px;
}
.modal .modal-footer .button {
    margin-left: 10px;
    float: right;
}
/* User status modal
---------------------------------*/
.modal-user.modal .modal-footer {
    padding: 32px 20px;
}
/* Tabs
---------------------------*/
.tabs-wrap {
    display: block;
    width: 100%;
    height: auto;
}
.tabs-header {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0 0 0;
}
.tabs-header a {
    display: inline-block;
    padding: 0 36px 7px 36px;
    line-height: 24px;
    font-size: 14px;
    color: #000;
}
.tabs-header a.active {
    border-bottom: 2px solid #0093ee;
    color: #0093ee;
}
.tabs-content {
    display: block;
    overflow-x: hidden;
    width: 100%;
    height: auto;
    position: relative;
}
.tabs-content .tab {
    display: block;
    width: 100%;
    padding: 20px 35px;
    position: absolute;
    top: 0;
    left: 100%;
    transition: all 0.3s ease-out;
}
.tabs-content .tab.active {
    left: 0;
    position: relative;
}
/*Works up to 6 tabs currently*/
.tabs-wrap[data-i="1"] .tab-1 {
    left: 0;
}
.tabs-wrap[data-i="1"] .tab-2 {
    left: 100%;
}
.tabs-wrap[data-i="1"] .tab-3 {
    left: 200%;
}
.tabs-wrap[data-i="1"] .tab-4 {
    left: 300%;
}
.tabs-wrap[data-i="1"] .tab-5 {
    left: 400%;
}
.tabs-wrap[data-i="1"] .tab-6 {
    left: 500%;
}
.tabs-wrap[data-i="2"] .tab-1 {
    left: -100%;
}
.tabs-wrap[data-i="2"] .tab-2 {
    left: 0;
}
.tabs-wrap[data-i="2"] .tab-3 {
    left: 100%;
}
.tabs-wrap[data-i="2"] .tab-4 {
    left: 200%;
}
.tabs-wrap[data-i="2"] .tab-5 {
    left: 300%;
}
.tabs-wrap[data-i="2"] .tab-6 {
    left: 400%;
}
.tabs-wrap[data-i="3"] .tab-1 {
    left: -200%;
}
.tabs-wrap[data-i="3"] .tab-2 {
    left: -100%;
}
.tabs-wrap[data-i="3"] .tab-3 {
    left: 0;
}
.tabs-wrap[data-i="3"] .tab-4 {
    left: 100%;
}
.tabs-wrap[data-i="3"] .tab-5 {
    left: 200%;
}
.tabs-wrap[data-i="3"] .tab-6 {
    left: 300%;
}
.tabs-wrap[data-i="4"] .tab-1 {
    left: -300%;
}
.tabs-wrap[data-i="4"] .tab-2 {
    left: -200%;
}
.tabs-wrap[data-i="4"] .tab-3 {
    left: -100%;
}
.tabs-wrap[data-i="4"] .tab-4 {
    left: 0;
}
.tabs-wrap[data-i="4"] .tab-5 {
    left: 100%;
}
.tabs-wrap[data-i="4"] .tab-6 {
    left: 200%;
}
.tabs-wrap[data-i="5"] .tab-1 {
    left: -400%;
}
.tabs-wrap[data-i="5"] .tab-2 {
    left: -300%;
}
.tabs-wrap[data-i="5"] .tab-3 {
    left: -200%;
}
.tabs-wrap[data-i="5"] .tab-4 {
    left: -100%;
}
.tabs-wrap[data-i="5"] .tab-5 {
    left: 0;
}
.tabs-wrap[data-i="5"] .tab-6 {
    left: 100%;
}
.tabs-wrap[data-i="6"] .tab-1 {
    left: -500%;
}
.tabs-wrap[data-i="6"] .tab-2 {
    left: -400%;
}
.tabs-wrap[data-i="6"] .tab-3 {
    left: -300%;
}
.tabs-wrap[data-i="6"] .tab-4 {
    left: -200%;
}
.tabs-wrap[data-i="6"] .tab-5 {
    left: -100%;
}
.tabs-wrap[data-i="6"] .tab-6 {
    left: 0%;
}
/* -- styled tabs --
# colour/icon */
.status-categories {
    padding: 0;
    display: table;
    width: 100%;
}
.status-categories a {
    padding: 10px 20px 7px 40px;
    color: #fff;
    font-size: 14px;
    display: table-cell;
}
.status-categories.tabs-header a.active {
    color: #fff;
}
.status-categories .oof {
    background: url(../images/button-ico-download.svg) 14px 12px no-repeat #998675;
    background-size: 20px auto;
}
.status-categories .remote {
    background: url(../images/button-ico-download.svg) 14px 12px no-repeat #cc99cc;
    background-size: 20px auto;
}
.status-categories .sick {
    background: url(../images/button-ico-download.svg) 14px 12px no-repeat #f7b8b0;
    background-size: 20px auto;
}
.status-categories .vacation {
    background: url(../images/button-ico-download.svg) 14px 12px no-repeat #3dbfa6;
    background-size: 20px auto;
}
.status-categories .businessTrip {
    background: url(../images/button-ico-download.svg) 14px 12px no-repeat #a3dcef;
    background-size: 20px auto;
}
.inbetween-field {
    line-height: 30px;
    text-align: center;
}

/* YACHT GRIDS
-------------------------------------*/
/*small items*/
.yacht-row.yacht-grid {
    display: block;
    width: 100%;
    font-size: 0; /*whitespace removal trick*/
}
.yacht-row.yacht-grid .yachtResult {
    display: inline-block;
    width: 306px;
    padding: 0 10px 0 0;
    font-size: 16px;
}

.fixed-buttons {
    position: absolute;
    top: 10px;
    right: 10px;
}
.fixed-results-buttons {
    position: absolute;
    top: 15px;
    right: 15px;
}

/* yacht profile cards - profile list 
------------------------------------------------*/

.profileDetailsLinks {
    display: block;
    width: 100%;
    padding-top: 10px;
}
.profileDetailsLinks li .btn {
    margin: 0 10px 0 0;
}

/* photo grid */
.row.photoGrid {
    margin: 13px 0 15px 0;
    position: relative;
}
.photoGrid .col {
    padding: 0;
    line-height: 0;
}
.photoGrid img {
    padding: 0 1px 1px 0;
}
.photoGrid .count {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: -20px 0 0 0;
    text-align: center;
}
.photoGrid .count span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.65);
    padding: 0 20px;
    float: none;
    width: auto;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.yachtSummaryCard .name,
.yacht-summary .name {
    font-size: 20px;
    font-weight: 700;
}

/* Auto Complete
------------------------------- */
.autocomplete-result-info {
    display: block;
}
.autocomplete-result-info .name {
    display: block;
    font-size: 14px;
    color: #333;
}
.autocomplete-result-info .info {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 12px;
}
.autocomplete-result-info .ex_names {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 14px;
}
.card-form label.jsSearchError {
    height: auto;
    padding: 0;
}

/* Bar blocks
---------------------------------------*/
.contact-bar-block {
    display: block;
    padding: 20px 0 20px 0;
}
.contact-bar-block .info-block {
    vertical-align: top;
    display: inline-block;
    max-width: 220px;
    min-width: 170px;
    padding: 0 15px 15px 0;
}
.card .card-content .contact-bar-block .title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.card .card-content .contact-bar-block .info {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.card .card-content .contact-bar-block .info-small {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}
.contact-bar-block .icon-time-past {
    display: inline-block;
    background: url(../images/icons/activity-past.svg) no-repeat;
    width: 22px;
    height: 22px;
    background-size: 22px auto;
    margin: 0 0 -5px 0;
}
.contact-bar-block .icon-time-future {
    display: inline-block;
    background: url(../images/icons/activity-future.svg) no-repeat;
    width: 22px;
    height: 22px;
    background-size: 22px auto;
    margin: 0 0 -5px 0;
}
.contact-bar-block .badge,
.contact-bar-block span.badge.new {
    float: left;
    margin: 0 10px 0 0;
    padding: 3px 5px;
    line-height: 14px;
    height: auto;
    min-width: unset;
}
#jsCompare-yachts {
    display: block;
    padding: 20px 0;
}
.contact-bar-block .name img {
    float: left;
    border-radius: 20px;
    background: #fff;
    display: inline-block;
    margin: 0 10px 0 0;
}
.contact-bar-block .name {
    display: block;
    font-size: 18px;
    font-weight: 500;
}
.contact-bar-block .additional-info {
    display: block;
    font-size: 13px;
    font-weight: 500;
    clear: both;
}

/*
Empty spacer cards
*/
.empty-spacer-card-medium {
    display: block;
    min-height: 60px;
}

/*
ACTIVITY LISTING
---------------------------------- */
.responsive-table th.solid-table-heading {
    background: #fafbfc;
    padding: 15px 20px;
    border-bottom: 1px solid #e6eaee;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
}
.activity-listing {
    margin: 0 0 15px 0;
    padding: 0;
}
.activity-listing .activity-item {
}
.activity-listing .activity-item .image-cell {
    width: 60px;
}
.activity-listing .activity-item .image {
    vertical-align: top;
    width: 60px;
    position: relative;
    display: inline-block;
}
.activity-listing .activity-item .image img {
    float: left;
    display: inline-block;
    width: 50px;
    border-radius: 20px;
    background: #fff;
    z-index: 1;
}
.activity-listing .activity-item .type {
    z-index: 2;
    position: absolute;
    bottom: -5px;
    right: 0;
    border-radius: 100px;
    border: 2px solid #fff;
    background-color: #000;
    width: 30px;
    height: 30px;
}
.activity-listing .activity-item .type .material-icons {
    color: #fff;
    font-size: 16px;
    margin: 5px 0 0 5px;
}
.activity-listing .activity-item .type-call {
    background-color: #8bc34a;
}
.activity-listing .activity-item .type-message {
    background-color: #fbc02d;
}
.activity-listing .activity-item .info {
    vertical-align: top;
    padding: 0;
}
.activity-listing .activity-item .info .title {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}
.activity-listing .activity-item .info .title a {
    color: #0277bb;
}
.activity-listing .activity-item .info .title a:hover {
    color: #000;
}
.activity-listing .activity-item .info .when {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    margin: 0;
}
/* Stakeholder name
--------------------*/
.stakeholder-listing {
    display: table;
    margin: 0;
    padding: 10px 20px;
    width: 100%;
}
.stakeholder-listing .stakeholder {
    display: table-row;
}
.stakeholder-listing .stakeholder .image {
    display: table-cell;
    vertical-align: top;
    width: 60px;
    padding: 10px 0;
}
.stakeholder-listing .stakeholder .image img {
    float: left;
    display: inline-block;
    width: 50px;
    background: #fff;
    z-index: 1;
}
.stakeholder-listing .stakeholder .image.initials span {
    background: #0288d1;
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
}
.stakeholder-listing .stakeholder .info {
    display: table-cell;
    vertical-align: top;
    padding: 12px 0 10px 4px;
}
.stakeholder-listing .stakeholder .info .name {
    position: relative;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: block;
    margin: 0 0 3px 0;
}
.stakeholder-listing .stakeholder .info .name a {
    color: #0277bb;
}
.stakeholder-listing .stakeholder .info .name a:hover {
    color: #000;
}
.stakeholder-listing .stakeholder .info .name.lead-contact:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/icons/lead-contact.svg) no-repeat;
    background-size: 20px auto;
    display: inline-block;
    margin: 3px 5px -3px 0;
}
.stakeholder-listing .stakeholder .info .extra-info {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    margin: 0;
    display: block;
}
/* Partners and Influencers
--------------------*/
.partners-influencers-listing {
    display: table;
    margin: 0;
    padding: 10px 20px;
    width: 100%;
}
.partners-influencers-listing .partners-influencer {
    display: table-row;
}
.partners-influencers-listing .partners-influencer .image {
    display: table-cell;
    vertical-align: top;
    width: 60px;
    padding: 10px 0;
}
.partners-influencers-listing .partners-influencer .image img {
    float: left;
    display: inline-block;
    width: 50px;
    border-radius: 20px;
    background: #fff;
    z-index: 1;
}
.partners-influencers-listing .partners-influencer .info {
    display: table-cell;
    vertical-align: top;
    padding: 12px 0 10px 4px;
}
.partners-influencers-listing .partners-influencer .info .name {
    position: relative;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: block;
    margin: 0 0 3px 0;
}
.partners-influencers-listing .partners-influencer .info .name a {
    color: #0277bb;
}
.partners-influencers-listing .partners-influencer .info .name a:hover {
    color: #000;
}
.partners-influencers-listing .partners-influencer .info .name.lead-contact:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/icons/lead-contact.svg) no-repeat;
    background-size: 20px auto;
    display: inline-block;
    margin: 3px 5px -3px 0;
}
.partners-influencers-listing .partners-influencer .info .extra-info {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    margin: 0;
    display: block;
}
/*
BUTTON SQUARE RADIO
------------------*/
.card-button-list {
    display: block;
    margin: 0 -5px 10px -5px;
    font-size: 0;
}
.card-button-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 10px 5px;
    font-size: 16px;
}
.card-button-list.four li {
    width: 25%;
}
.card-button-list li .button-item {
    text-align: center;
    display: block;
    padding: 15px;
    min-height: 250px;
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, 0.05),
        0 3px 1px -2px rgba(0, 0, 0, 0.08),
        0 1px 5px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}
.card-button-list li [type="radio"]:not(:checked) + label,
.card-button-list li [type="radio"]:checked + label {
    padding: 0;
    height: auto;
    width: 100%;
}
.card-button-list li .icon-option {
    display: inline-block;
    border-radius: 100px;
    background: url(../images/icons/placeholder-icon.svg) 50% 50% no-repeat #757575;
    border: 2px solid #fff;
    background-size: 80px auto;
    padding: 20px;
    width: 135px;
    height: 135px;
    margin: 0;
}
.card-button-list li [type="radio"]:checked + label .icon-option {
    background-color: #1274c2;
}
.card-button-list li [type="radio"]:checked + label .button {
    background: rgb(39, 140, 239);
    background: -moz-linear-gradient(top, rgba(39, 140, 239, 1) 0%, rgba(23, 126, 218, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(39, 140, 239, 1) 0%, rgba(23, 126, 218, 1) 100%);
    background: linear-gradient(to bottom, rgba(39, 140, 239, 1) 0%, rgba(23, 126, 218, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278cef', endColorstr='#177eda',GradientType=0 );
    border: 1px solid #1274c2;
    color: #fff;
}
.card-button-list li [type="radio"]:not(:checked) + label:before,
.card-button-list li [type="radio"]:not(:checked) + label:after,
.accent .card-button-list li [type="radio"]:checked + label:after {
    display: none;
}
.card-button-list li .title {
    clear: both;
    display: block;
    color: rgba(0, 0, 0, 0.9);
    font-size: 15px;
    margin: 0 0 10px 0;
}
.card-button-list li .button {
    clear: both;
    display: inline-block;
}

.content-header {
    margin: 0 0 20px 0;
}

.content-header .button {
    float: right;
}

@media only screen and (min-width: 641px) {
    .search-box {
        margin-right: 10px;
    }
    .right-btn {
        float: right;
    }
}
@media only screen and (max-width: 640px) {
    .content-header-spacer.collided .content-header .button,
    .content-header-spacer.collided .content-header .wealth-rating {
        display: none;
    }
    .card .card-content .enquiry-overview p.requirements-summary {
        font-size: 16px;
    }

    .mobile-100-percent {
        width: 100%;
    }
    .jsFilter-trigger,
    .search-box {
        width: calc(100% - 154px);
        min-width: unset;
        margin-right: 5px;
    }
    .content-header {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px;
    }
}
.enquiry-name {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.enquiry-name:hover {
    cursor: pointer;
    color: #0093ee;
}
.recent-booking-item {
}
.collection.attentionList .collection-item.avatar {
    min-height: 62px;
}
.attentionList.collection .collection-item.avatar .rightIcon i.circle {
    left: auto;
    right: 15px;
    top: 20px;
    width: 30px;
    height: 30px;
    font-size: 19px;
    line-height: 31px;
}
.accent .contentHeader h1 {
    color: #011c34;
    font-weight: bold;
}
#siteContainer #contentContainer.fullWidthContent {
    float: left;
    width: 100%;
    padding: 0 0 36px 0;
}
#siteContainer #contentContainer.fullWidthContent .content {
    width: 85%;
    margin: 0 auto;
    float: none;
}
#siteContainer #contentContainer.fullWidthContent .contentHeader {
    float: none;
    margin: 0 auto;
    width: 85%;
}
#siteContainer #contentContainer.fullWidthContent .tabsGrey {
    float: none;
    margin: 0 auto;
    width: 85%;
    padding: 9px 15px 0 15px;
    background: url(../images/tabs_bg-large.gif) 0 0 no-repeat;
}
#siteContainer #contentContainer.fullWidthContent .tabsGrey ul.slidingTab {
    padding-left: 10px;
}
#siteContainer #contentContainer.fullWidthContent .content .section.sectionWide {
    float: left;
    width: 99.85%;
    padding: 20px 0 0 0;
    margin: -1px 0 0 0;
    background: rgb(219, 219, 219);
    background: -moz-linear-gradient(
        left,
        rgba(219, 219, 219, 1) 0%,
        rgba(238, 238, 238, 1) 18%,
        rgba(238, 238, 238, 1) 52%,
        rgba(238, 238, 238, 1) 87%,
        rgba(219, 219, 219, 1) 100%
    );
    background: -webkit-linear-gradient(
        left,
        rgba(219, 219, 219, 1) 0%,
        rgba(238, 238, 238, 1) 18%,
        rgba(238, 238, 238, 1) 52%,
        rgba(238, 238, 238, 1) 87%,
        rgba(219, 219, 219, 1) 100%
    );
    background: linear-gradient(
        to right,
        rgba(219, 219, 219, 1) 0%,
        rgba(238, 238, 238, 1) 18%,
        rgba(238, 238, 238, 1) 52%,
        rgba(238, 238, 238, 1) 87%,
        rgba(219, 219, 219, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#dbdbdb',GradientType=1 );
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    border-top: 1px solid #a9a9a9;
    -webkit-box-shadow: 0px 3px 5px 0px #999;
    box-shadow: 0px 3px 5px 0px #999;
}
.tabsGrey ul.slidingTab li {
    position: relative;
}
#siteContainer #contentContainer.fullWidthContent .content .section.sectionWide .sectionHeader {
    box-sizing: border-box;
    width: 100%;
}
#siteContainer #contentContainer.fullWidthContent .content .section.sectionWide .sectionInner {
    box-sizing: border-box;
    width: 100%;
}
#siteContainer #contentContainer.fullWidthContent .content .section.sectionWide .sectionInner .fieldsetContainer {
    width: 100%;
}
#siteContainer #contentContainer.fullWidthContent .content .resultsContainer {
    padding: 0;
    width: 100%;
}
#siteContainer #contentContainer.fullWidthContent .content .resultsContainer .resultsHeaderLarge {
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    width: 99.85%;
}
#siteContainer #contentContainer.fullWidthContent .content .resultsContainer .resultsHeaderLarge .resultsNav {
    padding: 4px 6px 4px 0;
}

#siteContainer #contentContainer.fullWidthContent .content .resultsContainer .resultsContent {
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
}
#siteContainer #contentContainer.fullWidthContent .content .resultsContainer .contentFooter {
    width: 100%;
    box-sizing: border-box;
    height: 42px;
    padding: 7px 12px 0 0;
}
#siteContainer #contentContainer.fullWidthContent .content .resultsContainer .resultsFooter {
    width: 99.85%;
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
}
.top-bar-top {
    background: #009dc2;
}
.contentHeader .pageTitle {
    padding-left: 0;
}
.copywright {
    padding-top: 10px;
}
.valign-middle {
    vertical-align: middle;
}
.margin-right-15 {
    margin-right: 15px;
}
h2 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
h3 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.btn,
.btn-large {
    background: #0073a5;
}
.btn:hover,
.btn-large:hover {
    background-color: #009dc2;
}
.page-title {
    margin-left: 0;
}
.larger-copy p {
    font-size: 16px;
}
.btn-secondary {
    background: none;
    border: 1px solid #757575;
    color: #757575;
}
.dropdown-content {
    min-width: 165px;
}
.dropdown-content li > a.btn-icon-google {
    padding-left: 35px;
    background: url(../images/btn-logo-google.svg) 10px 50% no-repeat;
    background-size: 15px auto;
}
.dropdown-content li > a.btn-icon-linkedin {
    padding-left: 35px;
    background: url(../images/btn-logo-linkedin.svg) 10px 50% no-repeat;
    background-size: 15px auto;
}
.dropdown-content li > a.btn-icon-fullcontact {
    padding-left: 35px;
    background: url(../images/fullcontact-stacked-solid-red.png) 8px 50% no-repeat;
    background-size: 22px auto;
}
.dropdown-content li > a.btn-icon-whatsapp {
    padding-left: 35px;
    background: url(../images/icon-whatsapp.png) 8px 50% no-repeat;
    background-size: 22px auto;
}
/*btn group*/
.radio-btn-group {
    display: block;
    margin: 0 0 15px 0;
}
.radio-btn-group .radio-btn {
    display: inline-block;
    max-width: 33%;
    padding: 0 15px 0 10px;
}
.radio-btn-group .radio-btn:not(.active) {
    background-color: #ccc !important;
}
.radio-btn-group .radio-btn.active,
.radio-btn-group .radio-btn:hover {
    opacity: 1;
}
.radio-btn-group .radio-btn [type="radio"]:not(:checked) + label,
.radio-btn-group .radio-btn [type="radio"]:checked + label {
    height: 36px;
    line-height: 38px;
    color: #fff;
}
.radio-btn-group .radio-btn [type="radio"]:not(:checked) + label:before,
.radio-btn-group .radio-btn [type="radio"]:not(:checked) + label:after {
    border-color: #fff;
    margin: 10px 4px 4px 4px;
}
.radio-btn-group [type="radio"] + label:before,
.radio-btn-group [type="radio"] + label:after {
    margin: 10px 4px 4px 4px;
}
.radio-btn-group [type="radio"]:checked + label:before,
.radio-btn-group [type="radio"]:checked + label:after {
    border-color: #fff;
    background-color: #fff;
}
.radio-btn-group [type="radio"]:not(:checked) + label,
.radio-btn-group [type="radio"]:checked + label {
    padding-left: 30px;
}
.no-padding-top {
    padding-top: 0 !important;
}
.slider-yachts {
    height: auto !important; /*unsure where height coming from*/
}
.larger-copy p.small-text {
    font-size: 14px;
    font-weight: bold;
}
.brokerDetails span.badge.new {
    left: 0;
    right: auto;
    margin: 0 0 3px 0;
}
body.login-bg {
    background: rgb(0, 0, 70); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0, 0, 70, 1) 0%, rgba(28, 181, 224, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        left,
        rgba(0, 0, 70, 1) 0%,
        rgba(28, 181, 224, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        rgba(0, 0, 70, 1) 0%,
        rgba(28, 181, 224, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000046', endColorstr='#1cb5e0',GradientType=1 ); /* IE6-9 */
}
.highlight-me:not(.no-highlight) {
    -moz-box-shadow: 0 0 5px #51cbee;
    -webkit-box-shadow: 0 0 5px #51cbee;
    box-shadow: 0 0 5px #51cbee;
    padding: 3px 0 3px 3px;
    margin: 5px 1px 3px 0;
    border: 1px solid #51cbee;
    display: block;
}
.btn-secondary i.valign-middle {
    margin-top: -3px;
}
/* Warning collection
---------------------------------------------------------- */
.collection.attentionList .collection-item.avatar {
    min-height: 62px;
}
.attentionList .title {
}
.attentionList .sub-title {
    font-size: 14px;
}
.attentionList .sub-avatar {
    padding-left: 51px;
    position: relative;
    float: left;
    width: 100%;
}
.attentionList .avatar-right {
    padding-right: 51px;
}
.attentionList .sub-avatar i {
    position: absolute;
    width: 42px;
    height: 42px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle;
}
.attentionList .sub-avatar legend {
    margin-top: 10px;
}
.attentionList.collection .collection-item.avatar .rightIcon i.circle {
    left: auto;
    right: 15px;
    top: 20px;
    width: 30px;
    height: 30px;
    font-size: 19px;
    line-height: 31px;
}
.attentionList.collection .collection-item.active {
    background: #fff;
}

/* new card style 
------------------------------------*/
.card.card-rounded {
    border: 1px solid #b7d2e5;
    border-radius: 5px;
}
.card.card-rounded .card-content {
    padding: 15px 20px;
}
.card.card-rounded .card-title {
    padding: 16px 20px;
    margin: 0;
    border-bottom: 1px solid #d8e5ee;
    color: #2c405a;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 500;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
    position: relative;
}

.card.card-rounded .card-title.title-select .heading {
    padding: 9px 0 0 0;
    float: left;
}
.card.card-rounded .card-title input,
.card.card-rounded .card-title select,
.card.card-rounded .card-title .select-wrapper {
    margin: 0;
    float: right;
}

.card.card-rounded .card-title .options-dropdown,
.card.card-rounded .options-dropdown {
    display: block;
    height: 35px;
    width: 15px;
    background: url(../images/icon-option-dropdown.svg) center top no-repeat;
    position: absolute;
    top: 14px;
    right: 10px;
}
.card.card-rounded .card-title #note-options li {
    padding: 10px;
}

.card.card-rounded .form-field .options-dropdown {
    top: 17px;
}

.card.card-rounded .card-title-tabs {
    height: 51px;
    background: #f4f6f9;
    padding: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

/*Small | up to 640px*/
@media only screen and (min-width: 641px) {
    .card.card-rounded .card-content {
        padding: 20px 24px;
    }
}

.box-tabs-wrap .box-tab-headings a {
    display: inline-block;
    height: 51px;
    line-height: 51px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 0 30px;
}
/* small version */
.small-version.box-tabs-wrap .box-tab-headings a {
    padding: 25px 2px;
}
.box-tabs-wrap .box-tab-headings a.with-icon {
    padding: 0 30px 0 70px;
    position: relative;
}
.box-tabs-wrap .box-tab-headings a.with-icon:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.box-tabs-wrap.box-tabs-theme-no-card .box-tab-headings a.with-icon:before {
    top: 15px;
    left: 0;
}
.box-tabs-wrap .box-tab-headings a.message:before {
    background-image: url(/resources/images/icons/card-tabs-message.svg);
}
.box-tabs-wrap .box-tab-headings a.phone:before {
    background-image: url(/resources/images/icons/card-tabs-phone.svg);
}
.box-tabs-wrap .box-tab-headings a.whatsapp:before {
    background-image: url(/resources/images/icons/card-tabs-whatsapp.svg);
}
.box-tabs-wrap .box-tab-headings a.notes-tab:before {
    background-image: url(/resources/images/icons/card-tabs-notes.svg);
}
.box-tabs-wrap .box-tab-headings a.tasks-tab:before {
    background-image: url(/resources/images/icons/card-tabs-tasks.svg);
    background-size: 22px auto;
}
.box-tabs-wrap .box-tab-headings a.active-tab {
    background-color: #ffffff;
}
.box-tabs-wrap.box-tabs-theme-no-card .box-tab-headings a.active-tab {
    background-color: transparent;
}
.box-tabs-theme-no-card .box-tab-headings .active-tab {
    color: #0277bb;
}
/* small version */
.box-tabs-wrap.small-version .box-tab-headings {
    display: -webkit-flex;
    display: flex;
    text-align: center;
    height: 66px;
    width: 100%;
}
.box-tabs-wrap.small-version .box-tab-headings a {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 11px;
    line-height: 12px;
    height: 65px;
}
.box-tabs-wrap.small-version .box-tab-headings a.with-icon:before {
    top: 9px;
    left: 50%;
    margin-left: -15px;
}
.box-tabs-wrap.small-version .box-tab-headings a.with-icon {
    padding: 44px 0 0 0;
}
.box-tabs-wrap.small-version .bt-large-only {
    display: none;
}
.box-tabs-wrap .bt-small-only {
    display: none;
}
.box-tabs-wrap.small-version .bt-small-only {
    display: inline;
}

.box-tabs-wrap.initialised .box-tab {
    display: none;
}
.box-tabs-wrap.initialised .box-tab.active-tab {
    display: block;
}
.box-tab.ajax-loading {
    position: relative;
}
.box-tab.ajax-loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 2;
}
.box-tab.ajax-loading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url(/resources/images/ajax-spinner.gif) 50% 100px no-repeat;
}
.box-tab-headings .disabled {
    cursor: not-allowed;
}
.box-tab .card-table.minus-margin {
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -24px;
    border-left: 0;
    border-right: 0;
    border-radius: 0 0 4px 4px;
}
.box-tabs-wrap {
    position: relative;
}
.box-tabs-wrap .pretty-select {
    display: block;
    width: 100%;
    height: 51px;
    position: relative;
    z-index: 1;
    padding: 0;
    background: url(/resources/images/fake-select.svg) 99% 50% no-repeat;
    background-size: 90px auto;
}
.box-tabs-wrap .pretty-select span {
    display: block;
    border-bottom: 1px solid #d8e5ee;
    height: 51px;
    line-height: 51px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 0 30px 0 30px;
}
.box-tabs-wrap select.overflowing-headings {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    height: 51px;
    cursor: pointer;
}
.box-tabs-wrap .overflowing-headings,
.box-tabs-wrap .pretty-select {
    display: none;
}
.box-tabs-wrap.content-overflowing .overflowing-headings,
.box-tabs-wrap.content-overflowing .pretty-select {
    display: block;
}
.box-tabs-wrap.content-overflowing .box-tab-headings {
    display: none;
}
/* BOX TABS THEME - NO CARD */
.box-tabs-theme-no-card {
}
.box-tabs-theme-no-card .box-tab-headings {
    display: block;
    border-bottom: 1px solid #b7d2e5;
}

.top-right-btns,
.card .card-content p.top-right-btns {
    margin: 0;
}
.top-right-btns .button {
    float: right;
    margin: 0 0 0 15px;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
}
@media only screen and (max-width: 640px) {
    .top-right-btns .button {
        float: none;
    }
}
/* collapsible cards
------------------------ */
.card-collapsible {
}
.card-collapsible .card-title,
.card.card-rounded.card-collapsible .card-title {
    padding-left: 56px;
    position: relative;
    cursor: pointer;
}

.card-collapsible .card-title:hover {
    background-color: #f2f2f2;
}
.card-collapsible .card-title:before {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 8px;
    left: 10px;
    background: url(/resources/images/icon-down-arow.svg) 9px 14px no-repeat #fff;
    background-size: 14px auto;
    border: 1px solid #666;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100px;
    transform: scale3d(1, 1, 1) rotate(180deg);
}
.card-collapsible.card-collapsed .card-title:before {
    content: "arrow down";
    width: 35px;
    height: 35px;
    position: absolute;
    top: 8px;
    left: 10px;
    background: url(/resources/images/icon-down-arow.svg) 9px 14px no-repeat #fff;
    background-size: 14px auto;
    border: 1px solid #666;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100px;
    transform: scale3d(1, 1, 1) rotate(0deg);
}
.card-collapsible.card-collapsed .card-content,
.card-collapsible.card-collapsed .card-sub-title,
.card-collapsible.card-collapsed .card-title-tabs {
    display: none;
}

.card.card-rounded.card-collapsible.intelligence-search .card-title {
    padding: 10px 0 0 15px;
    height: 74px;
}
.card.card-rounded.card-collapsible.intelligence-search .card-title:before {
    display: none;
}

@media only screen and (min-width: 641px) {
    .card.card-rounded.card-collapsible.intelligence-search .card-title {
        padding: 10px 0 0 24px;
        height: auto;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
}

/* Collapsible content
--------------------------------- */
.collapsible-btn {
    padding-left: 46px;
    position: relative;
    cursor: pointer;
    line-height: 44px;
    margin: 30px 0 10px 0;
}
.collapsible-btn:hover {
    color: #0093ee;
}
.collapsible-btn.closed:before {
    content: "up arrow";
    width: 35px;
    height: 35px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/resources/images/icon-down-arow.svg) 9px 14px no-repeat #fff;
    background-size: 14px auto;
    border: 1px solid #666;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100px;
    transform: scale3d(1, 1, 1) rotate(180deg);
}
.collapsible-btn.open:before {
    content: "arrow down";
    width: 35px;
    height: 35px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/resources/images/icon-down-arow.svg) 9px 14px no-repeat #fff;
    background-size: 14px auto;
    border: 1px solid #666;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100px;
    transform: scale3d(1, 1, 1) rotate(0deg);
}
.collapsible-content.open {
    display: inherit;
}
.collapsible-content.closed {
    display: none;
}

.card.card-rounded .card-title .button {
    float: right;
    height: 24px;
    line-height: 22px;
    font-size: 13px;
    padding: 0 24px;
    margin: -3px 0 0 13px;
}

.contact-block .customer-image {
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background-color: #ccc;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin: 0 15px 0 0;
}
.contact-block .name a {
    display: inline-block;
    line-height: 50px;
    font-size: 18px;
}

.contact-block .name a {
    position: relative;
    padding-right: 28px;
}
.contact-block .name .lead-contact:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/resources/images/icons/lead-contact.svg) 0 0 no-repeat;
    background-size: 15px auto;
    position: absolute;
    top: 16px;
    right: 0;
}

.card.card-rounded .card-sub-title {
    background: #fafbfc;
    padding: 15px 24px;
    color: #a8bfd2;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}
.card.card-rounded .card-sub-title .edit-button {
    float: right;
}

.card.card-rounded.card-form.static-form label {
    color: #9e9e9e;
}
.card.card-rounded.card-form.static-form p {
    margin: 0;
}

/* attention messaages 
--------------------------------------------*/
.card.card-rounded.attention-messages {
    background-color: #fedf89;
    border: 1px solid #dca714;
}
.card.card-rounded.attention-messages .card-title .warning-icon {
    display: inline-block;
    padding-left: 28px;
    position: relative;
    color: #333;
}
.card.card-rounded.attention-messages .card-title {
    border-bottom: 1px solid #dca714;
}
.card.card-rounded.attention-messages .card-title .warning-icon:before {
    display: block;
    height: 18px;
    width: 20px;
    background: url(/resources/images/icons/warning-icon.svg) 0 50% no-repeat;
    background-size: 18px 18px;
    float: left;
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
}
.card.card-rounded.attention-messages .card-title .show-hide {
    display: block;
    float: right;
    background: url(/resources/images/icons/arrow-down-toggle.svg) 0 50% no-repeat;
    width: 20px;
    height: 18px;
}
.card.card-rounded.attention-messages .card-sub-title {
    background: #ffecb3;
    color: #a27b27;
}
.card.card-rounded.attention-messages .card-content.none {
    padding: 0;
}

.card.card-rounded.attention-messages .card-content {
    background: #fff;
}

.card.card-rounded.attention-messages .no-highlight {
}

.card.card-rounded.attention-messages .card-content.none .table-heading {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
    padding: 17px 0 0 16px;
    margin: 0;
}

.card.card-rounded.attention-messages .row-details {
    border-bottom: 1px solid #d8e5ee;
    padding: 12px 24px;
}

.card.card-rounded.attention-messages .row .row:nth-child(2n + 1) .row-details {
    background: #fafbfc;
}

.card.card-rounded.attention-messages .ip-logins .row:nth-child(2n + 1) .row-details,
.card.card-rounded.attention-messages .ip-enquiries .row:nth-child(2n + 1) .row-details {
    background: #fafbfc;
}

.card.card-rounded.attention-messages .row-details .field-conflict,
.card.card-rounded.attention-messages table tr td .field-conflict {
    font-weight: 700;
    color: #cc0000;
}

/*Small | up to 640px*/
@media only screen and (max-width: 640px) {
    .card.card-rounded.attention-messages .row-details,
    .card.card-rounded .card-sub-title {
        padding: 12px 15px;
    }
    .card.card-rounded.attention-messages .card-title .warning-icon {
        max-width: 273px;
    }

    .card.card-rounded.attention-messages .card-content.none .table-heading {
        margin: 0;
        padding: 12px 0 12px 15px;
        border-bottom: 1px solid #d8e5ee;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
}

/* tooltips custom styling
--------------------------------- */
.tooltipster-sidetip.tooltipster-noir.tooltipster-stages .tooltipster-box {
    border: 0;
    border-radius: 6px;
    background: #222c3c;
    box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4);
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-stages .tooltipster-content {
    color: #fff;
    padding: 8px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-stages .tooltipster-arrow-background {
    border-bottom-color: #222c3c;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-stages .tooltipster-arrow-border {
    border-bottom-color: #222c3c;
}
/* Theme 1
----------- */
.theme-1 .tooltipster-box {
    border: 2px solid #222c3c;
    border-radius: 6px;
    background: #fff;
    box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4);
}
.theme-1 .tooltipster-content {
    color: #333;
    padding: 8px;
    font-size: 12px;
}
.theme-1 .tooltipster-content p {
    margin: 0 0 5px 0;
    vertical-align: top;
}
.theme-1 .tooltipster-content p.when {
    font-size: 12px;
}
.theme-1 .tooltipster-content p.snippet {
    font-size: 14px;
}
.theme-1.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #222c3c;
}
.theme-1.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #222c3c;
}
.theme-1.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #222c3c;
}
.theme-1.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #222c3c;
}
.theme-1.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff;
}
.theme-1.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #fff;
}
.theme-1.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff;
}
.theme-1.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
}

.action-list {
    margin: 10px 0 10px 0;
}
.action-list li {
    position: relative;
    padding-left: 24px;
}
.action-list li img {
    position: absolute;
    left: 0;
    top: 2px;
}
/* Main sub nav
-------------------------------------- */
.accent header.navbar-fixed {
    position: fixed;
    top: 0;
    left: 65px;
    width: calc(100% - 65px);
}
@media only screen and (min-width: 640px) {
    .accent header.navbar-fixed {
        top: 0;
        left: 300px;
        width: calc(100% - 300px);
    }
    .subnav-icons .accent header.navbar-fixed {
        top: 0;
        left: 65px;
        width: calc(100% - 65px);
    }
}
.navbar-fixed nav {
    position: relative;
}
.chart-wrap {
    min-width: 320px;
    height: 300px;
    margin: 0 auto;
    width: 100%;
}
#icon-sub-nav {
    background: #222c3c;
    margin: 0;
    padding: 15px 0 15px 10px;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -webkit-transition: top 400ms ease-out;
    -moz-transition: top 500ms ease-out;
    -o-transition: top 500ms ease-out;
    transition: top 500ms ease-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    height: 100%;
    z-index: 1000;
    width: 65px;
}
.icon-sub-nav-wrapper {
    height: 100%;
}
.icon-sub-nav-wrapper ul {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.icon-sub-nav-wrapper ul.level-1 > li {
    display: block;
    margin: 0 0 24px 0;
}
.icon-sub-nav-wrapper ul.level-1 {
    padding-bottom: 60px;
    position: relative;
    box-sizing: border-box; /*scrollbar bug fix*/
}
.icon-sub-nav-wrapper ul li a {
    display: block;
    position: relative;
    padding: 3px;
    border-radius: 4px;
}
.icon-sub-nav-wrapper ul li a .icon {
    position: relative;
    width: 35px;
    height: 35px;
    vertical-align: top;
    border-radius: 4px;
    display: inline-block;
}
.icon-sub-nav-wrapper ul li a .icon:before {
    content: "";
    width: 33px;
    height: 33px;
    position: absolute;
    top: 3px;
    left: 3px;
}
.icon-sub-nav-wrapper ul li a .text {
    color: #fff;
    display: inline-block;
    padding: 7px 0 0 10px;
    width: 200px;
    text-transform: uppercase;
}
.icon-sub-nav-wrapper ul li {
    opacity: 0.5;
}
.icon-sub-nav-wrapper ul li:hover,
.icon-sub-nav-wrapper ul li.active {
    opacity: 1;
}
.icon-sub-nav-wrapper ul li.expand a .icon:before {
    background: url(/resources/images/main-nav/menu.svg) 0 0 no-repeat;
    background-size: 20px auto;
    top: 10px;
    left: 8px;
}
.icon-sub-nav-wrapper ul li.expand a.open .icon:before {
    background: url(/resources/images/main-nav/close.svg) 0 0 no-repeat;
    background-size: 20px auto;
}
.icon-sub-nav-wrapper ul li.home a .icon:before {
    background: url(/resources/images/main-nav/dashboard.svg) 0 0 no-repeat;
    background-size: 30px auto;
    top: 4px;
    left: 2px;
}
.icon-sub-nav-wrapper ul li.charter a .icon:before {
    background: url(/resources/images/main-nav/charter.svg) 0 0 no-repeat;
    background-size: 32px auto;
    top: 0;
    left: 0;
}
.icon-sub-nav-wrapper ul li.sales a .icon:before {
    background: url(/resources/images/icons/nav/sale.svg) 0 2px no-repeat;
    background-size: 33px auto;
}
.icon-sub-nav-wrapper ul li.settings {
    position: absolute;
    bottom: 0;
}
.icon-sub-nav-wrapper ul li.settings a .icon:before {
    background: url(/resources/images/main-nav/settings.svg) 0 0 no-repeat;
    background-size: 33px auto;
    top: 1px;
    left: 1px;
}
.icon-sub-nav-wrapper ul li.contacts a .icon:before {
    background: url(/resources/images/main-nav/contacts.svg) 0 0 no-repeat;
    background-size: 32px auto;
    left: 1px;
}
.icon-sub-nav-wrapper ul li.tasks a .icon:before {
    background: url(/resources/images/main-nav/tasks.svg) 0 0 no-repeat;
    background-size: 25px auto;
    top: 2px;
    left: 5px;
}
.icon-sub-nav-wrapper ul li.reports a .icon:before {
    background: url(/resources/images/main-nav/reports.svg) 0 0 no-repeat;
    background-size: 32px auto;
    top: 1px;
    left: 1px;
}
.icon-sub-nav-wrapper ul li.brokers a .icon:before {
    background: url(/resources/images/main-nav/brokers.svg) 0 0 no-repeat;
    background-size: 32px auto;
    top: 1px;
    left: 1px;
}
/* tooltips custom styling */
.tooltipster-sidetip.tooltipster-noir.tooltipster-submenu .tooltipster-box {
    border: 0;
    border-radius: 6px;
    background: #222c3c;
    box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4);
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-submenu .tooltipster-content {
    color: #fff;
    padding: 8px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-submenu .tooltipster-arrow-background {
    border-right-color: #222c3c;
    left: 3px;
    top: 0;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-submenu .tooltipster-arrow-border {
    border-right-color: #222c3c;
}
.content-app .fixed-sidebar .mn-inner {
    padding-left: 70px !important;
}
@media only screen and (min-width: 640px) {
    .content-app .fixed-sidebar .mn-inner {
        padding-left: 300px !important;
    }
}
.subnav-icons .content-app .fixed-sidebar .mn-inner {
    padding-left: 65px !important;
}
.icon-sub-nav-wrapper ul.level-1 > li {
    border-radius: 7px;
}
.icon-sub-nav-wrapper ul.level-2 {
    display: none;
    min-width: 100%;
    padding: 0 0 0 47px;
}
.icon-sub-nav-wrapper ul.level-2 > li {
    display: block;
    padding: 3px 0;
    margin: 0;
}
.icon-sub-nav-wrapper ul.level-2 > li > a {
    color: #fff;
    position: relative;
}
.icon-sub-nav-wrapper ul.level-2 > li > a .count {
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    padding: 0 7px;
    background: rgb(45, 161, 248);
    vertical-align: top;
    margin-left: 10px;
}
/* mobile nav */
.toggle-mobile-nav {
    float: left;
    font-size: 30px;
    display: none;
    padding: 17px;
    background: url(/resources/images/main-nav/menu.svg) 14px 19px no-repeat;
    background-size: 20px auto;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
}
@media only screen and (max-width: 640px) {
    #icon-sub-nav {
        left: -65px;
    }
    #icon-sub-nav.mobile-open {
        left: 0;
    }
    .subnav-icons .content-app .fixed-sidebar .mn-inner,
    .content-app .fixed-sidebar .mn-inner {
        padding-left: 0 !important;
    }
    .accent header.navbar-fixed {
        left: 0;
        width: 100%;
    }
    .subnav-icons .agent-panel-footer,
    .agent-panel-footer {
        padding-left: 15px;
    }
    .toggle-mobile-nav {
        display: block;
    }
    .reminders-btn-slim {
        height: 54px;
        background-position: 13px 12px;
    }
    .reminders-btn-slim.has-reminder:after {
        top: 11px;
    }
    .expired-btn-slim {
        height: 54px;
        background-position: 13px 12px;
    }
    .expired-btn-slim.has-enquiry:after {
        top: 11px;
    }
}
@media only screen and (max-width: 374px) {
    .userbar-wrap {
        margin: 0 4px 0 4px;
    }
}
/* FILTER
------------------------- */
.filter-item,
.ajax-filter-item {
    display: inline-block;
    margin: 4px 5px 0 0;
    padding: 0 26px 0 6px;
    border-radius: 2px;
    position: relative;
    color: #fff;
    background: rgb(45, 161, 248);
    font-size: 12px;
    line-height: 25px;
    height: 25px;
}
.filter-item .remove-filter,
.ajax-filter-item .remove-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 25px;
    background: url(/resources/images/icons/clear-filter.svg) 22px 7px no-repeat;
    background-size: 11px auto;
}
.filter-item .remove-filter:hover,
.ajax-filter-item .remove-filter:hover {
    opacity: 0.6;
}

.broker-contacts .broker-placeholder {
    background: #ccc;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    line-height: 160px;
    margin: 0 0 5px 0;
    color: #fff;
    font-size: 50px;
    text-align: center;
    display: inline-block;
}

.organisation-brokers .broker-details .logo {
    position: relative;
}
.organisation-brokers .broker-details .logo.leads-t:before {
    position: absolute;
    top: 33px;
    right: 11px;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    border: 2px solid #fff;
    content: "";
    z-index: 2;
    background: #4ece3d;
}
.organisation-brokers .broker-details .logo.leads-t:after {
    position: absolute;
    top: 39px;
    right: 12px;
    z-index: 3;
    background: url(/resources/images/icons/tick.svg) no-repeat;
    background-size: 7px auto;
    width: 10px;
    height: 10px;
    content: "";
}
.organisation-brokers .broker-details .logo.leads-f:before {
    position: absolute;
    top: 33px;
    right: 11px;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    border: 2px solid #fff;
    content: "";
    z-index: 2;
    background: darkred;
}
.organisation-brokers .broker-details .logo.leads-f:after {
    position: absolute;
    top: 39px;
    right: 12px;
    z-index: 3;
    background: url(/resources/images/icons/unavailable.svg) no-repeat;
    background-size: 7px auto;
    width: 10px;
    height: 10px;
    content: "";
}

/* Blank Template
-------------------------- */
.template-blank.accent header.navbar-fixed {
    left: 0;
    width: 100%;
}
@media only screen and (max-width: 640px) {
    .template-blank .toggle-mobile-nav {
        display: none;
    }
    .accent.template-blank .mn-header.navbar-fixed nav .top-bar-top .nav-wrapper {
        padding-left: 20px;
    }
}
.icon-sub-nav-wrapper .scroll-element.scroll-x {
    display: none !important;
}
.subnav-icons #icon-sub-nav .scroll-element.scroll-y {
    display: none !important;
}
/* Scrollbar */
#icon-sub-nav .scrollbar-outer > .scroll-element {
    background: #222c3c;
}
#icon-sub-nav .scrollbar-outer > .scroll-element .scroll-element_track {
    background: #314057;
}
#icon-sub-nav .scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    background: #3e506c;
}

/* Next activity widget
-------------------------- */
.next-activity-list {
}
.next-activity-list .titles {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.next-activity-list .titles .icon {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}
.next-activity-list .titles .when {
    -webkit-flex: 0 1 130px;
    -ms-flex: 0 1 130px;
    flex: 0 1 130px;
    font-size: 12px;
    padding-bottom: 5px;
}
.activity-listing {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
}
@media only screen and (min-width: 640px) {
    .activity-listing {
        margin: 0 0 30px 0;
    }
}
.activity-listing .item {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    border-top: 1px solid #b7d2e5;
    padding: 10px 0 10px 0;
}
.activity-listing .item .type-icon {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}
.activity-listing .item .when {
    -webkit-flex: 0 1 130px;
    -ms-flex: 0 1 130px;
    flex: 0 1 130px;
    color: rgba(0, 0, 0, 0.6);
}
.activity-listing .item .when.text-red {
    color: red;
}
.activity-listing .item .info {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 15px;
    position: relative;
}
.activity-listing .item.type-task .type-icon {
    background: url(/resources/images/icons/card-tabs-tasks.svg) 0 0 no-repeat;
    background-size: 28px auto;
}
.activity-listing .item.type-appointment .type-icon {
    background: url(/resources/images/icons/apponitments.svg) 0 0 no-repeat;
    background-size: 28px auto;
}
.activity-listing .item .info.importance-high:before {
    content: "";
    width: 5px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 4px;
    background: url(/resources/images/task-manager/icon-priority-high.svg) 0 0 no-repeat;
    background-size: 2px auto;
}
.activity-listing .item .info.importance-low:before {
    content: "";
    width: 10px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/resources/images/task-manager/icon-priority-low.svg) 0 0 no-repeat;
    background-size: 9px auto;
}
.activity-listing .item .info .title {
    font-weight: 500;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 1.3em;
    display: block;
    margin: 0 0 3px 0;
}
.activity-listing .item .info .more-info {
    display: block;
    font-size: 12px;
}
.activity-listing .item .info .type {
}
.activity-listing .item .info .method {
}
.activity-listing .item .info .current-status {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 9px;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    color: #666;
    line-height: 13px;
    background-color: #ddd;
    border-radius: 5px;
    margin: -1px 0 0 5px;
}
.activity-listing .item .info .current-status.not-started {
    background-color: #c5d9e8;
}
.activity-listing .item .info .current-status.in-progress {
    background-color: #bed3a2;
}
.activity-listing .item .info .current-status.waiting {
    background-color: #ffcea2;
}
.activity-listing .item .info .reminder {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
    background: url(/resources/images/icons/alarm.svg) 0 3px no-repeat;
    background-size: 11px auto;
}
.activity-listing .item .info .appt-location {
    display: block;
    padding-left: 16px;
    font-size: 12px;
    background: url(/resources/images/icons/appt-location.svg) 0 3px no-repeat;
    background-size: 11px auto;
}

/* WIDGET TASK LIST
-----------------------------------*/
.widget-current-tasks-list {
}
.widget-current-tasks-list .filters {
    display: block;
}
.widget-current-tasks-list .select-wrap {
    width: 100px;
    display: inline-block;
    padding: 0 10px 0 0;
}
.widget-current-tasks-list .actions {
    display: none;
}
.widget-current-tasks-list .titles {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.widget-current-tasks-list .titles .checkbox-wrap {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}
.widget-current-tasks-list .titles .checkbox-wrap label {
    margin: 0 0 25px 0;
}
.widget-current-tasks-list .titles .when {
    -webkit-flex: 0 1 130px;
    -ms-flex: 0 1 130px;
    flex: 0 1 130px;
    font-size: 12px;
    line-height: 30px;
}
.widget-current-tasks-list .titles .what {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 15px;
    font-size: 12px;
    line-height: 30px;
}
.widget-current-tasks-list .titles .who {
    -webkit-flex: 0 1 100px;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
    font-size: 12px;
    line-height: 30px;
}
.widget-current-tasks-list .titles .action {
    -webkit-flex: 0 0 85px;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
}
.widget-current-tasks-list .task-listing {
    display: block;
    width: 100%;
}
.widget-current-tasks-list .task-listing .item-task {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    border-top: 1px solid #b7d2e5;
    padding: 10px 0 10px 0;
}
.widget-current-tasks-list .task-listing .item-task .checkbox-wrap {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}
.widget-current-tasks-list .task-listing .item-task .checkbox-wrap label {
    margin: 0 0 16px 0;
}
.widget-current-tasks-list .task-listing .item-task .when {
    -webkit-flex: 0 1 130px;
    -ms-flex: 0 1 130px;
    flex: 0 1 130px;
    color: rgba(0, 0, 0, 0.6);
}
.widget-current-tasks-list .task-listing .item-task .when.text-red {
    color: red;
}
.widget-current-tasks-list .task-listing .item-task .info {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 15px;
    position: relative;
}
.widget-current-tasks-list .task-listing .item-task .info.important:before {
    content: "";
    width: 5px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 4px;
    background: url(/resources/images/task-manager/icon-priority-high.svg) 0 0 no-repeat;
    background-size: 2px auto;
}
.widget-current-tasks-list .task-listing .item-task .info.low-priority:before {
    content: "";
    width: 10px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/resources/images/task-manager/icon-priority-low.svg) 0 0 no-repeat;
    background-size: 9px auto;
}
.widget-current-tasks-list .task-listing .item-task .info .title {
    font-weight: 500;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 1.3em;
    display: block;
    margin: 0 0 3px 0;
}
.widget-current-tasks-list .task-listing .item-task .info .more-info {
    display: block;
    font-size: 12px;
}
.widget-current-tasks-list .task-listing .item-task .info .more-info .method {
}
.widget-current-tasks-list .task-listing .item-task .info .more-info .current-status {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 9px;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    color: #666;
    line-height: 13px;
    background-color: #ddd;
    border-radius: 5px;
    margin: -1px 0 0 5px;
}
.widget-current-tasks-list .task-listing .item-task .info .more-info .current-status.not-started {
    background-color: #c5d9e8;
}
.widget-current-tasks-list .task-listing .item-task .info .more-info .current-status.in-progress {
    background-color: #bed3a2;
}
.widget-current-tasks-list .task-listing .item-task .info .more-info .current-status.waiting {
    background-color: #ffcea2;
}
.widget-current-tasks-list .task-listing .item-task .info .more-info .reminder {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
    background: url(/resources/images/icons/alarm.svg) 0 3px no-repeat;
    background-size: 11px auto;
}
.widget-current-tasks-list .task-listing .item-task .who {
    -webkit-flex: 0 1 100px;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
    font-size: 12px;
}
.widget-current-tasks-list .task-listing .item-task .action {
    -webkit-flex: 0 0 85px;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
}
@media only screen and (min-width: 1471px) {
    .widget-current-tasks-list .task-listing .item-task .action a {
        display: none;
    }
    .widget-current-tasks-list .task-listing .item-task:hover .action a {
        display: inline-block;
    }
}
/* WIDGET APPOINTMENT LIST
-----------------------------------*/
.widget-appointments-list {
}
.widget-appointments-list .filters {
    display: block;
}
.widget-appointments-list .filters .select-wrap {
    width: 110px;
    display: inline-block;
    padding: 0 10px 0 0;
}
.widget-appointments-list .titles {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.widget-appointments-list .titles .icon-wrap {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}
.widget-appointments-list .titles .when {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 12px;
    line-height: 30px;
}
.widget-appointments-list .titles .who {
    -webkit-flex: 0 1 100px;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
    font-size: 12px;
}
.widget-appointments-list .appointment-listing {
    display: block;
    width: 100%;
}
.widget-appointments-list .item-appointment {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    border-top: 1px solid #b7d2e5;
    padding: 10px 0 10px 0;
}
.widget-appointments-list .item-appointment .icon {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    background: url(/resources/images/icons/apponitments.svg) 0 0 no-repeat;
    background-size: 28px auto;
}
.widget-appointments-list .item-appointment .when {
    -webkit-flex: 0 1 130px;
    -ms-flex: 0 1 130px;
    flex: 0 1 130px;
    color: rgba(0, 0, 0, 0.6);
}
.widget-appointments-list .item-appointment .who {
    -webkit-flex: 0 1 100px;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
    font-size: 12px;
}
.widget-appointments-list .item-appointment .when.text-red {
    color: red;
}
.widget-appointments-list .item-appointment .info {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 15px;
    position: relative;
}
.widget-appointments-list .item-appointment .info .title {
    font-weight: 500;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 1.3em;
    display: block;
    margin: 0 0 3px 0;
}
.widget-appointments-list .item-appointment .info .appt-location {
    display: block;
    padding-left: 16px;
    font-size: 12px;
    background: url(/resources/images/icons/appt-location.svg) 0 3px no-repeat;
    background-size: 11px auto;
}

.widget-appointments-list .item-appointment .info .host {
    display: block;
    font-size: 12px;
}
.widget-appointments-list .item-appointment .info .more-info {
    display: block;
    font-size: 12px;
}
.widget-appointments-list .item-appointment .info .more-info .type {
}

.warnings {
    display: block;
    text-align: center;
}
.warnings img {
    vertical-align: middle;
}

.warnings .tracking-id {
    height: 20px;
}
.warnings .soft-warning {
    height: 17px;
}
.warnings .broker {
    height: 19px;
}
.warnings .ip {
    height: 20px;
}
.warnings .suspicious-login {
    height: 20px;
}

.log-row {
    border-bottom: 1px solid #b7d2e5;
    padding: 10px 0;
    display: block;
}
.log-row .note-button-add {
    float: right;
    margin: 0 5px 0 5px;
}
.log-row .note-button-add:first-child {
    margin-right: 0;
}
.log-row .note-button-add:last-child {
    margin-left: 0;
}
.log-row .jsNoteData {
    padding-top: 5px;
}
.bottom-simple-link {
    padding: 10px 0 0 0;
}
.text-label,
.card .card-content p.text-label {
    text-transform: uppercase;
    font-size: 12px;
    margin: 5px 0 0 0;
}
.user-social-icons {
    display: block;
    margin: 0 0 10px 0;
}
.user-social-icons li {
    display: inline-block;
    margin: 0 10px 0 0;
}
.user-social-icons li a {
    display: block;
    width: 25px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
}
.user-social-icons li a:hover {
    opacity: 0.6;
}
.user-social-icons li.linkedin a {
    background: url(/resources/images/icons/linkedin.svg) no-repeat;
    background-size: 25px auto;
}
.user-social-icons li.facebook a {
    background: url(/resources/images/icons/facebook.svg) no-repeat;
    background-size: 25px auto;
}
.user-social-icons li.twitter a {
    background: url(/resources/images/icons/twitter.svg) no-repeat;
    background-size: 30px auto;
    width: 30px;
}
.user-social-icons li.instagram a {
    background: url(/resources/images/icons/instagram.svg) no-repeat;
    background-size: 25px auto;
}
.user-social-icons li.vkontakte a {
    background: url(/resources/images/icons/vkontakte.svg) no-repeat;
    background-size: 40px auto;
    width: 40px;
}
/* bg social icons */
.social-icon-bg {
    padding-left: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.social-icon-bg.linkedin {
    background: url(/resources/images/icons/linkedin.svg) 0 0 no-repeat;
    background-size: 25px auto;
}
.social-icon-bg.facebook {
    background: url(/resources/images/icons/facebook.svg) 0 0 no-repeat;
    background-size: 25px auto;
}
.social-icon-bg.twitter,
.social-icon-bg.twiter {
    background: url(/resources/images/icons/twitter.svg) 0 0 no-repeat;
    background-size: 30px auto;
    width: 30px;
}
.social-icon-bg.instagram {
    background: url(/resources/images/icons/instagram.svg) 0 0 no-repeat;
    background-size: 25px auto;
}
.social-icon-bg.vkontakte {
    background: url(/resources/images/icons/vkontakte.svg) 0 0 no-repeat;
    background-size: 40px auto;
    width: 40px;
}
.social-icon-bg.website {
    background: url(/resources/images/icons/website.svg) 0 0 no-repeat;
    background-size: 27px auto;
    width: 40px;
}
.contact-header {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 0 0 20px 0;
}
.contact-header .user-icon {
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
}
.contact-header .user-name {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.contact-header .user-name .name {
    margin: 0;
}
.contact-header .user-name .name a {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
}
.contact-header .user-name .name a:hover {
    color: #0277bb;
}
.contact-header .user-name .position {
}
.contact-block .local-time {
    font-size: 20px;
    font-weight: 300;
}
.contact-block .location img {
    display: inline-block;
    margin: 5px 5px -5px 0;
    width: 24px;
}
.success-pointers li {
    list-style: disc;
}
.person-phone .phone {
    display: inline-block;
    margin: 0 0 -4px 0;
}
.read-only-mode {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -100px;
    border-radius: 0 0 4px 4px;
    padding: 0 35px 0 44px;
    background: url(/resources/images/icons/button_view.svg) 10px 9px no-repeat red;
    background-size: 21px auto;
}
.read-only-mode.off {
    background-color: darkorange;
}
.read-only-mode .message {
    color: #fff;
    font-size: 12px;
    line-height: 7px;
    text-transform: uppercase;
}
.another-user {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -100px;
    border-radius: 0 0 4px 4px;
    padding: 0 35px 0 44px;
    background: url(/resources/images/icons/button_view.svg) 10px 9px no-repeat #222c3c;
    background-size: 21px auto;
}
.another-user .name {
    color: #fff;
    font-size: 12px;
    line-height: 7px;
    text-transform: uppercase;
}
.another-user .back-to-admin {
    position: absolute;
    top: 4px;
    right: 5px;
    text-indent: -999px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background: url(/resources/images/icons/close.svg) 50% 50% no-repeat;
    background-size: 13px auto;
}
.dots-dropdown {
    display: inline-block;
    width: 49px;
    height: 42px;
    font-size: 33px;
    line-height: 6px;
    padding: 0 0 0 32px;
    text-decoration: none;
    letter-spacing: 10px;
    text-align: right;
}
.card-requirements .purpose {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
}
.card-requirements .small {
    font-size: 12px;
}
.broker-applicant-mobile {
    display: block;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d8e5ee;
}
.expired-drop-title:hover,
.expired-dropdown-container:hover {
    background-color: transparent !important;
}
.expired-dropdown {
    overflow-y: visible;
    top: 60px !important;
    padding: 0 !important;
}

.expired-dropdown-container {
    width: 300px !important;
    max-height: 420px;
    overflow-y: auto;
    padding: 5px 0;
    cursor: auto !important;
}
.expired-drop-title {
    color: #adadad;
    font-size: 12px;
    padding: 8px 20px;
    cursor: auto !important;
    font-weight: 700;
}

.expired-dropdown .item .task-text {
    display: inline-block;
    vertical-align: middle;
}

.expired-dropdown .item .task-text p {
    margin: 0 0 0 10px;
    color: #9e9e9e;
    font-size: 13px;
}

.expired-dropdown .item .task-text p b {
    color: #333;
}

.expired-dropdown .item .task-text span {
    margin: 0 0 0 10px;
    color: #bdbdbd;
    font-size: 12px;
}
.expired-dropdown .item .task-text .action {
    display: inline-block;
    color: #0277bb;
}
.jsEventLogTooltip {
    cursor: pointer;
}

.broker-snippet {
    display: flex;
    margin: 0 0 10px 0;
}
.broker-snippet .image-wrap {
    flex: 0 0 50px;
    padding-right: 15px;
}
.broker-snippet .image-wrap img {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    display: inline-block;
}
.broker-snippet .broker-placeholder {
    background: #ccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.broker-snippet .info {
    flex: 1 1 auto;
    font-size: 14px;
}
.broker-snippet .info .name {
    display: block;
    font-weight: 600;
    margin-top: 5px;
}
.broker-snippet .info .org {
    display: block;
}
/* Document list
--------------------------- */
.document-list {
    display: block;
    margin: 0 0 15px 0;
}
.document-list .document {
    display: block;
    padding-right: 30px;
    position: relative;
}
.document-list .document a.doc {
    display: block;
    padding: 8px 0 8px 0;
    border-top: 1px solid #d8e5ee;
    margin: 0;
    position: relative;
}
.document-list .document a.doc:before {
    content: "";
    width: 20px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 0;
}
.document-list .document.type-doc a.doc:before {
    background: url(/resources/images/icons/upload-type-document.svg) 1px 0 no-repeat;
    background-size: 18px auto;
}
.document-list .document.type-image a.doc:before {
    background: url(/resources/images/icons/upload-type-image.svg) 0 3px no-repeat;
    background-size: 20px auto;
}
.document-list .document a.delete {
    position: absolute;
    top: 13px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/resources/images/icons/ico-no.svg) 1px 0 no-repeat;
    background-size: 13px auto;
}
@media only screen and (min-width: 1471px) {
    .document-list .document a.delete {
        display: none;
    }
    .document-list .document:hover a.delete {
        display: block;
    }
}
.headings {
    display: block;
    padding-right: 30px;
}
.heading-title-docs {
    display: inline-block;
    width: 33%;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    padding-left: 30px;
}
.heading-name {
    display: inline-block;
    width: 32%;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
}
.heading-size {
    display: inline-block;
    width: 33%;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    text-align: right;
    padding-right: 35px;
}
.document-list .document a .file-title {
    display: inline-block;
    width: 33%;
    padding-left: 30px;
    vertical-align: top;
}
.document-list .document a .file-name {
    display: inline-block;
    width: 32%;
    vertical-align: top;
}
.document-list .document a .file-size {
    display: inline-block;
    width: 33%;
    padding-right: 35px;
    position: relative;
    text-align: right;
    vertical-align: top;
}
.document-list .document a .file-size:before {
    content: "";
    background: url(/resources/images/icons/download.svg) 0 3px no-repeat;
    background-size: 17px auto;
    width: 25px;
    height: 25px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}
.document-list .document a:hover .file-size:before {
    display: block;
}
@media only screen and (max-width: 1471px) {
    .document-list .document a .file-size:before {
        display: block;
    }
}
.card-form .picker select {
    padding-right: 10px;
}
@media only screen and (max-width: 640px) {
    .heading-title-docs,
    .document-list .document a .file-title {
        width: 62%;
    }
    .document-list .document a .file-name {
        display: none;
    }
    .heading-name {
        display: none;
    }
}
.success-pointers {
    padding: 0 0 0 20px;
}
.tab-block {
    display: block;
    padding: 20px 0;
}
.tabs {
    box-shadow: none;
    border-bottom: 1px solid #b7d2e5;
}
.tabs .indicator {
    left: 0;
}
.tabs .indicator {
    background-color: #0093ee;
}
.tabs .tab a {
    color: #333;
}
.tabs .tab a.active {
    font-weight: 700;
    color: #333;
}
.tabs .tab a:hover {
    color: #0093ee;
}
.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
    color: #b0bec5;
}

/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(153, 204, 51, 0.9);
    box-sizing: content-box;
}

/* Overlay closing cross */
.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(/resources/img/cross.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}
.overlay-contentpush {
    background: #fff;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition:
        -webkit-transform 0.5s,
        visibility 0s 0.5s;
    transition:
        transform 0.5s,
        visibility 0s 0.5s;
}

.overlay-contentpush.open {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    z-index: 10;
}
.overlay-contentpush .overlay-header .oh-wrap .button {
    margin-top: -3px;
}
.overlay-contentpush .overlay-header {
    display: block;
    background: #282828;
    height: 47px;
    box-sizing: border-box;
    padding: 10px 20px;
    position: fixed;
    width: 100%;
}
.overlay-contentpush .overlay-header .oh-wrap {
    margin: 0 auto;
    max-width: 1400px;
}
.overlay-contentpush .overlay-header .jsOverlayClose {
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
    background: url(/resources/images/overlay-back-arrow.svg) 0 4px no-repeat;
    background-size: 26px auto;
    display: inline-block;
    padding: 5px 0 0 40px;
    text-decoration: none;
}
.overlay-contentpush .overlay-content {
    margin: 47px auto 0 auto;
    width: 100%;
    height: calc(100% - 57px);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /*ios momentum scrolling enabled*/
    max-width: 1400px;
}
.inner-wrap {
    overflow-x: hidden;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.inner-wrap.overlay-open {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.inner-wrap::after {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition:
        opacity 0.5s,
        visibility 0s 0.5s;
    transition:
        opacity 0.5s,
        visibility 0s 0.5s;
}
.inner-wrap.overlay-open:after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.enquiry-name {
    position: relative;
    padding-top: 10px;
}
.repeat-customer {
    background: url(../images/repeat-customer.svg) no-repeat;
    background-size: 17px auto;
    width: 17px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 8px;
}

@keyframes lorem {
    0% {
        -webkit-box-shadow: -1px -1px 9px 2px rgba(255, 255, 255, 0);
        -moz-box-shadow: -1px -1px 9px 2px rgba(255, 255, 255, 0);
        box-shadow: -1px -1px 9px 2px rgba(255, 255, 255, 0);
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    60% {
        -webkit-box-shadow: -1px -1px 9px 2px rgba(255, 0, 0, 0.98);
        -moz-box-shadow: -1px -1px 9px 2px rgba(255, 0, 0, 0.98);
        box-shadow: -1px -1px 9px 2px rgba(255, 0, 0, 0.98);
    }
    90% {
        -webkit-box-shadow: -1px -1px 9px 2px rgba(255, 0, 0, 0.98);
        -moz-box-shadow: -1px -1px 9px 2px rgba(255, 0, 0, 0.98);
        box-shadow: -1px -1px 9px 2px rgba(255, 0, 0, 0.98);
    }
    100% {
        -webkit-box-shadow: -1px -1px 9px 2px rgba(255, 255, 255, 0);
        -moz-box-shadow: -1px -1px 9px 2px rgba(255, 255, 255, 0);
        box-shadow: -1px -1px 9px 2px rgba(255, 255, 255, 0);
        transform: scale(1);
    }
}

.lorem {
    background-image: url("/resources/images/lorem.png");
    background-repeat: repeat;
    background-size: 60px auto;
    animation: 1000ms lorem 1500ms;
}
#jsBrokerList.modal.modal-fixed-footer .modal-content {
    height: calc(100% - 101px);
}
.flex-broker-wrap {
    display: flex;
}
.flex-broker-image {
    flex: 0 0 60px;
    padding-right: 10px;
}
.flex-broker-name {
    flex: 1 1 auto;
}
.flex-broker-name .jsBrokerLanguages {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-broker-name .jsBrokerLanguages li {
    display: inline-block;
    padding: 0 7px 0 0;
}
.flex-broker-name .jsBrokerLanguages li img {
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.flex-broker-name .jsBrokerLanguages li .code {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
}
.broker-select-row {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}

/* fullscreen model */
html.full-screen-model-open {
    height: 100%;
}
html.full-screen-model-open body {
    height: 100%;
    overflow: hidden;
}
html.full-screen-model-open .modal {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.modal.full-screen-modal {
    width: 100%;
    max-height: none;
    top: 0 !important;
    border-radius: 0 !important;
}
.close-modal {
    position: fixed;
    top: 0;
    right: 0;
    background: url(/resources/images/icons/close-alt.svg) 50% 50% no-repeat;
    width: 50px;
    height: 50px;
    border: 0;
    overflow: hidden;
    text-indent: -99999px;
    background-size: 20px;
    z-index: 9999;
}
.modal #customer-snapshot-content {
    padding: 30px 20px 0 20px;
}
.show-full-model {
    text-indent: -99999px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    float: right;
    border: 0;
    background: url(/resources/images/fullscreen.svg) 50% 50% no-repeat;
    background-size: 25px;
}
.card-title .show-full-model {
    margin-top: -16px;
    margin-right: -21px;
}
.card.card-transparent {
    clear: both;
}
@media only screen and (max-width: 640px) {
    .card.card-transparent.applicant-accept {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.line {
    margin-top: 27px;
    margin-bottom: 20px;
}

/*.content-header-spacer.collided .select-wrapper {display:none;}*/
.slider {
    height: auto !important;
}
.content-header .select-wrapper {
    float: left;
}
.or-text {
    text-align: center;
    margin-top: 29px;
    font-weight: bold;
}
.inline-form-field {
    display: inline-block;
    vertical-align: top;
}
.inline-form-field input.select-dropdown {
    height: 32px;
    line-height: 32px;
    border: 1px solid #a8c6df;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 30px 0 10px;
    margin: 0;
    color: #3f536e;
    font-size: 14px;
    box-sizing: border-box;
    background-color: transparent;
    z-index: 11;
}
.inline-form-field .select-wrapper {
    background: #fff;
}

/* dfoverlay */
.overlay .overlay-header .save-button {
    float: right;
}
.overlay .overlay-header .cancel-button {
    float: right;
    margin: 0 20px 0 0;
}

.person-overview-container {
    width: 100%;
    float: left;
}
.person-overview-container .image-container {
    float: left;
    margin: 0 26px 0 0;
    position: relative;
}
.person-overview-container .image-container .person-image {
    height: 45px;
    width: 45px;
    background: #ddd;
    border-radius: 50%;
    float: left;
    overflow: hidden;
}
.person-overview-container .image-container .country-flag-container {
    position: absolute;
    bottom: 0;
    right: -10px;
}
.person-overview-container .image-container .country-flag-container .country-flag {
    height: 20px;
    width: 20px;
    border-radius: 50px;
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
}
.person-overview-container h2 {
    float: left;
}
.person-overview-container .name {
    float: left;
    margin-right: 15px;
    padding-top: 2px;
    font-size: 20px;
    color: #333;
    width: 100%;
}
.person-overview-container .name p {
    width: auto;
    float: left;
}
.person-overview-container .name .gender {
    float: left;
    margin: 0 0 0 5px;
}
.person-overview-container .confidence {
    font-size: 10px;
    font-weight: 400;
    padding: 3px 0 0 16px;
    color: #666;
}

.person-overview-container .name-additional {
    float: left;
    width: 100%;
}

.person-overview-container .name-additional .job {
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3em;
    color: #666;
    padding-top: 3px;
}
.person-overview-container .name-additional .age {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3em;
    color: #666;
    padding-top: 3px;
}

@media only screen and (max-width: 640px) {
    .person-overview-container .confidence {
        line-height: 1.1em;
        float: right;
        padding-right: 14px;
    }
    .person-overview-container h2 {
        width: 77%;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 641px) {
    .person-overview-container .image-container {
        margin: 0 30px 0 0;
    }
    .person-overview-container .image-container .person-image {
        height: 85px;
        width: 85px;
    }
    .person-overview-container .name {
        font-size: 24px;
        padding-top: 12px;
    }
    .person-overview-container .name-additional .age {
        font-size: 12px;
    }
    .person-overview-container .name-additional .job {
        font-size: 14px;
    }
    .person-overview-container .confidence {
        font-size: 12px;
        float: left;
    }
}

.result-details-list {
    width: 100%;
    margin: 0;
    float: left;
}
.result-details-list li {
    position: relative;
    padding: 0 20px 0 20px;
}
.result-details-list li:before {
    display: block;
    content: "";
    height: 6px;
    width: 6px;
    background: #ccc;
    position: absolute;
    top: 9px;
    left: 3px;
}
.result-details-list li.match p,
.result-details-list li p.match {
    color: #008000;
}

.result-details-list.address-list,
.result-details-list.education-list,
.result-details-list.employment-list {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin-top: 15px;
}
.result-details-list.address-list li,
.result-details-list.education-list li,
.result-details-list.employment-list li {
    margin-bottom: 18px;
    font-size: 15px;
    font-weight: 400;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 12px 0;
    margin: 0;
    width: 100%;
}
.result-details-list.address-list li:before,
.result-details-list.education-list li:before,
.result-details-list.employment-list li:before {
    display: none;
}
.result-details-list.address-list li p {
    margin: 0;
    float: left;
}
.result-details-list.address-list li p span {
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    display: block;
}
.result-details-list.address-list li a {
    padding-left: 10px;
    font-size: 13px;
    display: block;
    float: right;
    font-weight: 400;

    .result-details-list.website-list li {
        padding: 0;
        margin: 0 0 10px 0;
    }
    .result-details-list.website-list li:before {
        display: none;
    }
    .result-details-list.website-list li a.social-icon-bg {
        background-size: 18px;
        background-position: 0 50%;
        padding-left: 32px;
        font-weight: 400;
    }

    .intelligence-search label {
        font-size: 15px;
        font-weight: 600;
        text-transform: none;
        height: 22px;
    }

    @media only screen and (max-width: 640px) {
        .result-details-list.address-list li p {
            width: 100%;
        }
        .result-details-list.address-list li a {
            float: left;
            padding: 0;
            margin-top: 10px;
        }
        .card.card-rounded.card-collapsible.intelligence-search .card-title {
            float: left;
            height: auto;
            margin-bottom: 20px;
        }
    }
    @media only screen and (min-width: 641px) and (max-width: 1280px) {
    }
    @media only screen and (min-width: 1281px) and (max-width: 1470px) {
    }
    .button-wrap-location {
        position: relative;
        display: block;
    }
    .button-wrap-location .obsolete-button {
        position: absolute;
        bottom: 0;
        right: 10px;
    }
    @media only screen and (max-width: 640px) {
        .button-wrap-location .obsolete-button {
            padding: 7px 12px;
        }
    }

    /* additional styling for the colorbox layouts
------------------------------------------------------------------------------------------------*/
    #colorBoxSectionContainer body {
        background-color: #fff;
    }

    #colorBoxSectionContainer .content {
        padding: 20px;
        margin-top: 50px;
    }
    .overlay-content {
        padding: 20px;
    }
    #colorBoxSectionContainer .section,
    .overlay-content .section {
        width: 100%;
        border: 1px solid #b7d2e5;
        padding: 0;
        border-radius: 5px;
    }
    #colorBoxSectionContainer .section .sectionHeader,
    .overlay-content .section .sectionHeader {
        width: 100%;
        padding: 16px 20px;
        margin: 0;
        border-bottom: 1px solid #d8e5ee;
        position: relative;
        box-sizing: border-box;
    }
    #colorBoxSectionContainer .section .sectionHeader .title,
    .overlay-content .section .sectionHeader .title {
        width: 100%;
        padding: 0;
    }
    #colorBoxSectionContainer .section .sectionHeader .title h2,
    .overlay-content .section .sectionHeader .title h2 {
        padding: 0;
        color: #2c405a;
        font-size: 14px;
        font-family: "proxima-nova", sans-serif, Arial, Helvetica, sans-serif;
        line-height: 1.3em;
        font-weight: 600;
        letter-spacing: 0.015rem;
        text-transform: uppercase;
        display: block;
    }

    #colorBoxSectionContainer .section .sectionInner,
    .overlay-content .section .sectionInner {
        padding: 20px 24px;
        width: 100%;
        box-sizing: border-box;
    }
    #colorBoxSectionContainer .section .sectionInner fieldset,
    .overlay-content .section .sectionInner fieldset {
        padding: 0;
        margin: 0;
        border: none;
    }

    #colorBoxSectionContainer .section .sectionInner .fieldsetContainer.span40None {
        width: 100%;
    }
    #colorBoxSectionContainer .section .sectionInner .fieldsetInner.span12None {
        float: left;
        width: 200px;
    }
    #colorBoxSectionContainer .section .sectionInner .fieldsetInner.span27None {
        float: left;
    }

    #colorBoxSectionContainer .section .sectionInner .fieldsetInner .inputRow {
        float: left;
        width: 100%;
    }
    #colorBoxSectionContainer .section .sectionInner .fieldsetInner .inputRow .span28None {
        width: 100%;
    }
    #colorBoxSectionContainer .section .sectionInner .fieldsetInner .inputRow label {
        height: 18px;
        display: block;
        line-height: 1.1em;
        font-size: 11px;
        letter-spacing: 0.04em;
        font-family: "proxima-nova", sans-serif;
        font-weight: 400;
        color: #6f737e;
        text-transform: uppercase;
        position: relative;
    }

    #colorBoxSectionContainer .section .sectionInner .fieldsetInner .inputRow input {
        height: 32px;
        line-height: 32px;
        border: 1px solid #a8c6df;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0 30px 0 10px;
        margin: 0 0 9px 0;
        color: #3f536e;
        font-size: 14px;
        box-sizing: border-box;
    }
    #colorBoxSectionContainer .section .sectionInner .fieldsetInner .inputRow textarea {
        line-height: 1.1em;
        border: 1px solid #a8c6df;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 10px;
        margin: 0 0 9px 0;
        color: #3f536e;
        font-size: 14px;
        box-sizing: border-box;
        width: 224px;
    }

    #colorBoxSectionContainer .saveChanges,
    .overlay-content .saveChanges {
        text-decoration: none;
        margin-top: 20px;
    }
}