/*
		Purpose:	Global, Style Sheet
		Site:		agent.superyachtnetwork.com
		Author:		Anna Hough, (c) DFUSION 
		Version:	1 - 05.09.2011 AH
		
*/

/* mini icons - M:\Stock Library\Icons\icon_sets\Fugue Icons 0.9.4\icon */

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

/* fonts

font-family:'proxima-nova', Arial,  sans-serif;
font-weight:100; thin
font-weight:300; light
font-weight:400; regular
font-weight:500; medium
font-weight:600; semibold
font-weight:700; bold

font-family:'proxima-nova-condensed', Arial,  sans-serif;
font-weight:400; regular
font-weight:700; bold

font-family:'proxima-nova-extra-condenseda', Arial,  sans-serif;
font-weight:400; regular
font-weight:700; bold

font-family:'source-sans-pro', Arial, sans-serif;
font-weight:300; light
font-weight:400; regular
font-weight:600; semibold
font-weight:700; bold
font-weight:900; black


*/

/* tag resets 
--------------------------------------------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
} /* border colapse removed in reset as the borders are needed for styling the header cells */
em,
strong,
dfn {
    font-size: 1.1em;
}
code,
samp,
kbd,
tt {
    font-size: 1.3em;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
small {
    font-size: 9px;
}
blockquote {
    padding: 0px;
    margin: 10px;
}
var,
input[type="text"],
input[type="password"],
textarea {
    font-size: 92%;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}
abbr,
acronym {
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: 0.1em;
}
a abbr,
a acronym {
    border: none;
}
ins {
    border-bottom: 1px solid #ccc;
}
abbr[title],
acronym[title],
dfn[title] {
    cursor: help;
    border-bottom: 1px solid #ccc;
}

/* default tag styling 
------------------------------------------------------------------------------------------------------*/

body {
    background-color: #e4e4e4;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    color: #6f6f6f;
}
h1 {
    color: #a91f05;
}
h2 {
    font-size: 14px;
    line-height: 12px;
    margin: 4px 0px 8px 0px;
}
h3 {
    font-size: 13px;
    line-height: 11px;
    margin: 4px 0px 8px 0px;
}
h4 {
    font-size: 11px;
    line-height: 13px;
}
h5 {
    font-size: 10px;
}
h6 {
    font-size: 9px;
    text-transform: uppercase;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}

.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.link a {
    color: #333333;
}
.none {
    padding: 0px !important;
    margin: 0px !important;
}
.center {
    text-align: center;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.floatNone {
    float: none;
}
.strong,
strong {
    font-weight: bold;
}
.noUnderline {
    text-decoration: none;
}
.capitalize {
    text-transform: capitalize;
}
.capitalize-first:first-letter {
    text-transform: capitalize;
}
.full-width {
    width: 100%;
}

p,
pre {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.5em;
}
q {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    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: 0px 0px 5px 0px;
    background-color: #fff;
}
.photoBorderContainer {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0px 0px 5px 0px;
    display: block;
    float: left;
    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: 0px 5px 5px 0px;
    display: block;
    float: left;
    background-color: #fff;
}

.photoBorderShadow {
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0px 0px 5px 0px;
    box-shadow: 1px 1px 4px #ccc;
    background-color: #fff;
}

ul.detailsList {
    float: left;
}
ul.detailsList li {
    float: left;
    font-size: 11px;
    padding: 0px 0px 10px 0px;
}

.margin-t-5 {
    margin-top: 5px;
}
.margin-t-10 {
    margin-top: 10px;
}
.margin-t-20 {
    margin-top: 20px;
}
.margin-b-5 {
    margin-bottom: 5px;
}
.margin-b-10 {
    margin-bottom: 10px;
}
.margin-b-15 {
    margin-bottom: 15px;
}
.margin-b-20 {
    margin-bottom: 20px;
}
.margin-b-30 {
    margin-bottom: 30px;
}
.margin-l-none {
    margin-left: 0;
}
.margin-r-5 {
    margin-right: 5px;
}
.margin-r-10 {
    margin-right: 10px;
}
.margin-r-20 {
    margin-right: 20px;
}
.margin-r-30 {
    margin-right: 30px;
}
.margin-b-none {
    margin-bottom: 0 !important;
}

.padding-r-5 {
    padding-right: 5px;
}
.padding-r-10 {
    padding-right: 10px;
}
.padding-r-20 {
    padding-right: 20px !important;
}
.padding-l-none {
    padding-left: 0 !important;
}
.padding-l-5 {
    padding-left: 5px;
}
.padding-l-20 {
    padding-left: 20px !important;
}
.padding-b-15 {
    padding-bottom: 15px !important;
}
.padding-t-none {
    padding-top: 0 !important;
}
.padding-b-none {
    padding-bottom: 0 !important;
}
.padding-t-15 {
    padding-top: 15px;
}
.padding-none {
    padding: 0 !important;
}

a {
    text-decoration: underline;
    font-size: 10px;
    color: #6f6f6f;
}
a:hover {
    text-decoration: none;
}
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: 0px 0px 0px 20px;
}
a.external,
a.external:hover {
    background-image: url(../images/link_external.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 22px;
}
a.emailLink,
a.emailLink:hover {
    background-image: url(../images/link_email.gif);
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 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 0px;
    width: 16px;
    height: 16px;
    float: right;
    margin: 0px;
}
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 0px;
    width: 16px;
    height: 16px;
    float: right;
    margin: 0px;
}
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: 0px 0px 0px 16px;
    text-decoration: none;
    background-image: url(../images/ico_download.gif);
    background-position: 0 0px;
    background-repeat: no-repeat;
}
a.download:hover {
    text-decoration: underline;
}

a.duplicate {
    padding: 7px 0px 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;
}

.saveButtonTick {
    display: block;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    margin: 0;
    float: left;
    padding: 0px 15px 0px 0px;
    background: url(../images/but_save-slide-right.gif) no-repeat bottom right;
}
.saveButtonTick span {
    display: block;
    height: 28px;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    text-decoration: none;
    float: left;
    padding: 0px 0px 0px 32px;
    background: url(../images/but_save-slide-left.gif) no-repeat bottom left;
}
.saveButtonTick:hover {
    background-position: top right;
}
.saveButtonTick:hover span {
    background-position: top left;
}

.step-save .saveButtonTick {
    margin: 30px 0;
}

input[type="button"].show-results,
input[type="submit"].show-results {
    height: 22px;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #4e4e4e;
    font-size: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,d6d6d6+100 */
    background: rgb(229, 229, 229); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(229, 229, 229, 1) 0%,
        rgba(214, 214, 214, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(229, 229, 229, 1) 0%,
        rgba(214, 214, 214, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(229, 229, 229, 1) 0%,
        rgba(214, 214, 214, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}

/* buttons - sliding door 
-------------------------------------------------------*/

/* small grey button ------------------------ */
.buttonS {
    display: block;
    float: left;
    height: 17px;
    padding: 0px 10px 0px 0px;
    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: 0px 0px 0px 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;
}

.buttonMini {
    float: right;
    background: #ccc;
    height: 15px;
    line-height: 15px;
    color: #666;
    padding: 0 5px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 9px;
    margin-right: 10px;
}

/* medium grey buttons ----------------------*/
.buttonM {
    display: block;
    float: left;
    height: 19px;
    padding: 0px 10px 0px 0px;
    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: 0px 0px 0px 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;
}

input[type="submit"].buttonStandard {
    display: block;
    height: 24px;
    line-height: 22px;
    background: #eee;
    border: 1px solid #b0b0b0;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 10px;
    cursor: pointer;
}
input[type="submit"].buttonStandard:hover {
    background: #ccc;
}

.cropM span {
    background-image: url(../images/but_left-crop-m.gif);
    padding: 0px 0px 0px 20px;
}
.positionM span {
    background-image: url(../images/but_left-position-m.gif);
    padding: 0px 0px 0px 20px;
}
.preferredM span {
    background-image: url(../images/but_left-prefered-m.gif);
    padding: 0px 0px 0px 30px;
}
.editM span {
    background-image: url(../images/but_left-edit-m.gif);
    padding: 0px 0px 0px 20px;
}
.maskM span {
    background-image: url(../images/but_left-mask-m.gif);
    padding: 0px 0px 0px 23px;
}
.revertM span {
    background-image: url(../images/but_left-revert-m.gif);
    padding: 0px 0px 0px 20px;
}
.deleteM span {
    background-image: url(../images/but_left-delete-m.gif);
    padding: 0px 0px 0px 20px;
}
.buttonMRight {
    float: right;
}
.moveUpM span {
    background-image: url(../images/but_left-up-m.gif);
    padding: 0px 0px 0px 20px;
}
.moveDownM span {
    background-image: url(../images/but_left-down-m.gif);
    padding: 0px 0px 0px 20px;
}

/* larger buttons ----------------------------  */
.buttonL {
    display: block;
    float: left;
    height: 25px;
    padding: 0px 18px 0px 0px;
    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: 0px 0px 0px 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: 0px 0px 0px 26px;
}
.viewL span {
    background-image: url(../images/but_left-view.gif);
    padding: 0px 0px 0px 30px;
}

/* button extra large ------------------------*/
.buttonEXL {
    display: block;
    float: left;
    height: 25px;
    padding: 0px 9px 0px 0px;
    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: 0px 0px 0px 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: 0px 0px 0px 10px;
}
.buttonBack {
    float: right;
    margin: 0px 0px 0px 10px;
}

.tableButton,
.resultsContent tr td a.tableButton {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    margin: 5px;
    font-size: 10px;
    color: #666;
    text-decoration: none;
    text-transform: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    background: #fff; /* Old browsers */
}
.tableButton:hover,
.resultsContent tr td a.tableButton:hover {
    background: rgb(195, 195, 195); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(195, 195, 195, 1) 0%,
        rgba(182, 182, 182, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(195, 195, 195, 1) 0%,
        rgba(182, 182, 182, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(195, 195, 195, 1) 0%,
        rgba(182, 182, 182, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
}
.tableButton,
.resultsContent tr td a.tableButton img.spacing {
    padding: 2px 7px 0 7px;
    float: left;
}

.tableActions .actionLinkIcons {
    padding: 0;
    width: 100%;
    float: left;
}
.tableActions .actionLinkIcons li {
    width: auto;
    float: left;
    margin: 0;
}
.tableActions span.tableButton img {
    float: left;
    padding: 3px 5px 0 0;
}
.tableActions span.tableButton {
    float: left;
    margin: 0 0 0 10px;
}

.tableLink {
    text-decoration: none;
    display: inline-block;
    padding: 0 5px;
}

/* edit button -------------------------------*/
.editButton {
    display: block;
    width: 79px;
    float: right;
    margin: 0px;
    height: 28px;
    background: url(../images/button_edit.gif) 0 0 no-repeat;
}
.editButton:hover {
    background-position: 0 -28px;
}
.editButton span {
    display: none;
}

.legendEdit {
    margin: 0px 0px 0px 0px;
    float: right;
}

/* plus button used as add bubble ------------*/
.addBubble {
    display: block;
    height: 14px;
    width: 14px;
    float: left;
    margin: 3px 0px 0px 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 0px 0px 0px;
}

/* buttons in the tabs grey area */
.tabsAction {
    display: block;
    height: 24px;
    text-decoration: none;
    margin: 10px 23px 0px 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: 0px 23px 0px 0px;
    background: url(../images/button_tabs-action-right.gif) no-repeat top right;
}
.rightArrow span {
    float: left;
    padding: 0px 0px 0px 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: 0px 0px 0px 23px;
    background: url(../images/button_tabs-action-left-arrow.gif) no-repeat top
        left;
}
.leftArrow span {
    float: left;
    padding: 0px 15px 0px 0px;
    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: 0px 15px 0px 0px;
    background: url(../images/button_tabs-action-right-blank.gif) no-repeat top
        right;
}
.noArrow span {
    float: left;
    padding: 0px 0px 0px 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: 0px 15px 0px 0px;
    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: 0px 0px 0px 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: 0px 0px 0px 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: 0px 15px 0px 0px;
    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: 0px 0px 0px 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: 0px 0px 0px 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: 0px 15px 0px 0px;
    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: 0px 0px 0px 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: 0px 0px 0px 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;
}
.emailButton {
    display: block;
    height: 28px;
    text-decoration: none;
    padding: 0 15px 0 0;
    background: url(../images/button_add-new-right.gif) top right no-repeat;
}
.emailButton 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;
}
.emailButton span .copy {
    background: url(../images/button-ico-email.svg) 0 7px no-repeat;
    padding: 0 0 0 25px;
}
.emailButton:hover {
    background-position: bottom right;
    text-decoration: none;
}
.emailButton:hover span {
    background-position: bottom left;
}
.emailButton:hover span .copy {
    background-position: 0 7px;
}
.lightboxButton {
    display: block;
    height: 28px;
    text-decoration: none;
    padding: 0 15px 0 0;
    background: url(../images/button_add-new-right.gif) top right no-repeat;
}
.lightboxButton 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;
}
.lightboxButton span .copy {
    background: url(../images/button-ico-lightbox.svg) 0 7px no-repeat;
    padding: 0 0 0 25px;
}
.lightboxButton:hover {
    background-position: bottom right;
    text-decoration: none;
}
.lightboxButton:hover span {
    background-position: bottom left;
}
.lightboxButton: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: 0px 15px 0px 0px;
    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: 0px 0px 0px 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:0px 0px 0px 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; }
*/

.wizardNextButton {
    display: block;
    float: right;
    height: 28px;
    text-decoration: none;
    padding: 0px 15px 0px 0px;
    background: url(../images/button_add-new-right.gif) top right no-repeat;
}
.wizardNextButton span {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 0px 0px 12px;
    background: url(../images/button_add-new-left.gif) top left no-repeat;
}
.wizardNextButton span .copy {
    background: url(../images/button-ico-next.svg) right 50% no-repeat;
    padding: 0px 25px 0px 0;
}
.wizardNextButton:hover {
    background-position: bottom right;
    text-decoration: none;
}
.wizardNextButton:hover span {
    background-position: bottom left;
}
.wizardNextButton:hover span .copy {
    background-position: right 50%;
}

.wizardBackButton {
    display: block;
    float: right;
    height: 28px;
    text-decoration: none;
    padding: 0px 15px 0px 0px;
    margin: 0 8px 0 0;
    background: url(../images/button_add-new-right.gif) top right no-repeat;
}
.wizardBackButton span {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 0px 0px 12px;
    background: url(../images/button_add-new-left.gif) top left no-repeat;
}
.wizardBackButton span .copy {
    background: url(../images/button-ico-back.svg) 0 7px no-repeat;
    padding: 0px 0px 0px 25px;
}
.wizardBackButton:hover {
    background-position: bottom right;
    text-decoration: none;
}
.wizardBackButton:hover span {
    background-position: bottom left;
}
.wizardBackButton: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 now 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;
}

/* default form styling 
--------------------------------------------------------------------------------------------------*/

fieldset {
    float: left;
    border: 1px solid #cacaca;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
}
fieldset.no-border {
    border: none;
}
fieldset.border-right {
    border: none;
    border-right: 1px solid #ccc;
}
legend {
    display: none;
} /* hiden as it positions above the fieldset and would need to use absolute positioning to fix */
label {
    display: block;
    float: left;
    font-size: 11px;
    margin: 0px 0px 2px 0px;
    line-height: 16px;
}

textarea,
input[type="text"],
select,
input[type="password"],
input[type="date"],
input[type="number"],
input[type="email"] {
    float: left;
    border: 1px solid #cccccc;
    font-size: 11px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    background-color: #fff;
    color: #000;
    padding: 2px;
}
textarea:hover,
input[type="text"]:hover,
select:hover {
    border: 1px solid #999999;
}
textarea:focus,
input[type="text"]:focus,
select:focus {
    border: 1px solid #999999;
    background-color: #fff;
}
select {
    cursor: pointer;
}
input[type="text"],
input[type="password"],
input[type="number"] {
    cursor: text;
    padding: 3px;
}
input[type="button"],
input[type="submit"] {
    font-size: 9px;
    padding: 2px 0px 2px 0px;
}

input.old-data,
select.old-data {
    color: #999;
}

/*chosen select */

.chosen-container .chosen-single {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 11px;
    box-shadow: none;
    border-radius: 0;
}
.chosen-container .chosen-single span {
    font-size: 11px;
}

/*  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%;
    position: relative;
    z-index: 1;
}
#header {
    float: left;
    width: 100%;
}
#header .headerInner {
    width: 990px;
    margin: 0px auto 0px auto;
}
#contentContainer {
    background-color: #e4e4e4;
    margin: 0px auto 0px auto;
    width: 990px;
}
#contentContainer .contentHeader {
    padding: 0px 0px 0px 16px;
    float: left;
    width: 962px;
    height: 76px;
}
#contentContainer .contentHeaderLarge {
    height: 99px;
}
#contentContainer .content {
    float: left;
    width: 990px;
    background-color: #fff;
    margin: 0px 0px 20px 0px;
    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: 960px;
    margin: 0 auto;
}
#contentContainer.photoSiteContainer .content .section {
    float: left;
    width: 960px;
    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: 0px 3px 5px 0px #999;
    box-shadow: 0px 3px 5px 0px #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: 1300px;
}
.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.final-checks {
    border-top: 1px solid #a9a9a9;
}
.largeContent #contentContainer .content .section {
    padding: 20px 0;
    width: 100%;
}
.largeContent #contentContainer .content .section .sectionInner {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}
.largeContent
    #contentContainer
    .content
    .section.additionalSpacing
    .sectionInner {
    padding-left: 19px;
    padding-right: 19px;
}
.largeContent #contentContainer .content .section .sectionHeader {
    width: 100%;
}
.largeContent #contentContainer .content .section .sectionHeader .title {
    width: 100%;
    box-sizing: border-box;
}
.largeContent #contentContainer .content .section .sectionHeader .description {
    width: 100%;
    box-sizing: border-box;
}
.largeContent #contentContainer .content .section .sectionInner fieldset.none {
    width: 100%;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset.photoDivider {
    width: 99%;
    box-sizing: border-box;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset.photoDivider
    #photosAdditional,
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    #photosAdditional,
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    #photoLists {
    width: 100%;
    box-sizing: border-box;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    #photoLists
    ul {
    width: 99%;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    #photoLists
    ul
    li {
    width: 182px;
}

.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None {
    width: 99%;
    margin: 10px 0 0 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable {
    width: 100%;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    thead
    td.selectAllCell {
    width: 32px;
    padding-left: 0;
}

.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    thead
    td.photos {
    width: 114px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    thead
    td.photo-edit-size {
    width: 143px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    td
    .sizeContainer {
    margin-top: 17px;
    width: auto;
    float: right;
    padding: 0 10px 0 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .orientation {
    margin-top: 11px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    td
    .download {
    float: right;
    padding-right: 10px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    thead
    td.photo-edit {
    width: 160px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    tr
    td
    .buttonContainer {
    padding-left: 5px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    tr
    td
    .buttonContainer
    li {
    width: auto;
    padding: 0 10px 0 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    tr
    td
    .photoControl
    a {
    margin-top: 0;
}

.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoPreview
    img {
    width: 100px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .titles {
    width: 560px;
    margin: 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .titles
    .title-detail {
    width: 280px;
    box-sizing: border-box;
    padding: 0 10px 0 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .titles
    .title-detail
    input {
    margin: 3px 0 0 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .titles
    .title-detail
    textarea {
    height: 35px;
    margin: 3px 0 0 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .credits {
    width: 750px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .credits
    .credit-detail {
    width: 240px;
    float: left;
    padding: 0 10px 0 0;
    box-sizing: border-box;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .credits
    .credit-detail.contributor {
    width: 212px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .credits
    .credit-detail.groups {
    width: 150px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .credits
    .credit-detail.classification {
    width: 114px;
}

.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .credits
    .credit-detail.not-default
    label {
    margin-bottom: 10px;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    .batchEdit.span40None
    .photoTable
    .photoDetails
    .credits
    .credit-detail.classification.not-default {
    padding: 25px 0 0 0;
}

.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset
    #photosAdditional
    li {
    margin: 0 8px 8px 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    fieldset.photoDivider
    #photosAdditional
    li {
    margin: 0 0.38% 6px 0;
}

.largeContent #contentContainer .content .section .sectionInner .columns {
    width: 32.6%;
    float: left;
    box-sizing: border-box;
    margin-right: 11px;
}
.largeContent #contentContainer .content .section .sectionInner .columns-none {
    margin: 0;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    .columns
    fieldset.span40None,
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    .columns
    fieldset.span40 {
    width: 100%;
    margin: 0 0 11px 0;
    box-sizing: border-box;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    .columns
    fieldset.span20None,
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner
    .columns
    fieldset.span20 {
    margin: 0 0 11px 0;
    width: 100%;
    box-sizing: border-box;
}

.largeContent
    #contentContainer
    .content
    .section
    .sectionInner.vesel-image-overview-list
    .span40None {
    width: 100%;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner.vesel-image-overview-list
    #photos
    .photoBorderContainer {
    width: 115px !important;
    height: 115px !important;
}
.largeContent
    #contentContainer
    .content
    .section
    .sectionInner.vesel-image-overview-list
    #photos
    a
    img {
    width: 100%;
}

.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 .resultsContent tr td.name .title,
.accent .resultsContent tr td.name .title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.largeContent
    #contentContainer
    .content
    .resultsContainer
    .resultsContent
    .contentFooter {
    width: 100%;
    box-sizing: border-box;
    height: 47px;
}
.largeContent #contentContainer .content .resultsContainer .resultsFooter,
.largeContent #contentContainer .content .resultsFooter {
    width: 100%;
}
.largeContent #contentContainer .fieldsetContainer,
.largeContent #contentContainer fieldset.fullWidth {
    width: 100%;
}
/*.largeContent #contentContainer .fieldsetContainer.span40None, .largeContent #contentContainer .fieldsetContainer.span40 { 
	width:49.3%; 
	box-sizing: border-box;
}*/
.largeContent #contentContainer .fieldsetContainer fieldset.span40None,
.largeContent #contentContainer .fieldsetContainer fieldset.span40,
.largeContent #contentContainer fieldset.span40 {
    width: 100%;
    box-sizing: border-box;
}
.largeContent #contentContainer .fieldsetContainer.span40 {
    margin: 0 11px 15px 0;
}
.largeContent #contentContainer .sectionTable {
    width: 100%;
}
.largeContent #contentContainer .scrollContainer div.panel {
    width: 100%;
    max-width: 1850px;
}

.largeContent #contentContainer .sectionTable tbody tr.documentList {
    border: 1px solid #cccccc;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50%
        repeat-x;
    font-weight: bold;
    color: #333;
}

.largeContent
    #contentContainer
    .content
    .resultsContentLarge
    tbody
    tr
    td.unmanagedReference {
    position: relative;
}
.largeContent #contentContainer .content .resultsContainer .tdContent a.link {
    text-decoration: none;
    padding: 0 4px 0 0;
}

.largeContent #contentContainer .content .scroll {
    width: 100%;
}

.batchEdit .photoTable tr td .photoDetails {
    margin-bottom: 5px;
}
.batchEdit .photoTable tr td .photoDetails .titles {
    width: 270px;
    margin-right: 10px;
    float: left;
}
.batchEdit .photoTable tr td .photoDetails .credits {
    width: 220px;
    float: left;
}
.batchEdit .photoTable tr td .photoDetails .titles .title-detail,
.batchEdit .photoTable tr td .photoDetails .titles .credit-detail {
    float: left;
    width: 100%;
}

.extraLargeContent .extraLargeContainer {
    max-width: 120rem;
} /*removed as this was giving the site two scrollbars overflow: scroll; -webkit-overflow-scrolling: touch;*/
.extraLargeContent #contentContainer {
    width: 115rem;
}
.extraLargeContent #contentContainer .table-update {
    width: 64px;
    text-align: left;
}
.extraLargeContent #contentContainer .table-update input {
    float: left;
    margin: 0 6px 0 8px;
}
.extraLargeContent #contentContainer .table-update a {
    float: left;
    padding: 0;
}
.extraLargeContent #contentContainer .table-update a:after {
    display: none;
} /*88*/
.extraLargeContent #contentContainer .table-name {
}
.extraLargeContent #contentContainer .table-length {
    width: 66px;
}
.extraLargeContent #contentContainer .table-type {
    width: 48px;
}
.extraLargeContent #contentContainer .table-year {
    width: 58px;
}
.extraLargeContent #contentContainer .table-yard {
    width: 73px;
}
.extraLargeContent #contentContainer .table-series {
    width: 83px;
}
.extraLargeContent #contentContainer .table-beam {
    width: 63px;
}
.extraLargeContent #contentContainer .table-draft {
    width: 68px;
}
.extraLargeContent #contentContainer .table-country {
    width: 103px;
}
.extraLargeContent #contentContainer .table-architect {
    width: 114px;
}
.extraLargeContent #contentContainer .table-exterior {
    width: 120px;
}
.extraLargeContent #contentContainer .table-build-town {
    width: 104px;
}
.extraLargeContent #contentContainer .table-hull-config {
    width: 104px;
}
.extraLargeContent #contentContainer .table-hull-category {
    width: 80px;
}
.extraLargeContent #contentContainer .table-hull-material {
    width: 94px;
}
.extraLargeContent #contentContainer .table-superstructure {
    width: 106px;
}
.extraLargeContent #contentContainer .table-propulsion {
    width: 135px;
}
.extraLargeContent #contentContainer .table-gt {
    width: 55px;
}
.extraLargeContent #contentContainer .table-displacement {
    width: 100px;
}

.extraLargeContent #contentContainer table thead tr a,
.extraLargeContent #contentContainer table thead tr p {
    height: 25px;
    line-height: 25px;
    margin: 0;
    background: none;
    position: relative;
}
.extraLargeContent #contentContainer table thead tr a:after {
    content: "";
    display: block;
    height: 13px;
    width: 10px;
    position: absolute;
    top: 2px;
    right: 3px;
    background: url(../images/table_sort_ico.gif) 0 -13px no-repeat;
}
.extraLargeContent
    #contentContainer
    table.resultsContent
    thead
    tr
    td
    a.up:after {
    background-position: 0 -87px;
}
.extraLargeContent
    #contentContainer
    table.resultsContent
    thead
    tr
    td
    a.down:after {
    background-position: 0 -49px;
}
.extraLargeContent #contentContainer table tbody tr td {
    white-space: normal;
}

.extraLargeContent .contentFooter {
    padding: 0;
    width: 100%;
}
.extraLargeContent .resultsFooter {
    width: 100%;
}

.extraLargeContent .contentFooter.engine-update {
    height: 45px;
}
.extraLargeContent .contentFooter .engine-update-button {
    float: left;
    height: 28px;
    line-height: 28px;
    background: url(../images/icons/button_update-icon.svg) 10% 50% no-repeat
        #525252;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 15px 0 32px;
    margin: 9px 0 0 12px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}
.extraLargeContent .contentFooter .engine-update-button:hover {
    color: #fff;
    background-color: #56ac56;
}

.extraLargeContent .model-photos .span40None {
    width: 100% !important;
}

/* 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: 1024px) {
    #contentContainer.photoSiteContainer .content {
        width: 958px;
    }
}

@media only screen and (min-width: 1600px) {
    #contentContainer.photoSiteContainer .content {
        width: 85%;
    }
}

@media only screen and (min-width: 1600px) {
    #contentContainer.checklist-wide {
        width: 85%;
    }
    #contentContainer.checklist-wide .contentHeader {
        width: 958px;
        margin: 0 auto;
        float: none;
    }
    #contentContainer.checklist-wide .tabsGrey {
        width: 100%;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#787878+0,4d4d4d+100 */
        background: #787878; /* Old browsers */
        background: -moz-linear-gradient(
            top,
            #787878 0%,
            #4d4d4d 100%
        ); /* FF3.6-15 */
        background: -webkit-linear-gradient(
            top,
            #787878 0%,
            #4d4d4d 100%
        ); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(
            to bottom,
            #787878 0%,
            #4d4d4d 100%
        ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */
        height: 52px;
        margin: 10px 0 0 0;
        padding: 4px 16px 0 16px;
        position: relative;
        border: 1px solid #555;
        border-bottom: none;
        box-sizing: border-box;
    }
    #contentContainer.checklist-wide .tabsGrey:before {
        content: "";
        width: 99.6%;
        height: 1px;
        background: #a9a9a9;
        position: absolute;
        top: 0px;
        left: 3px;
    }
    #contentContainer.checklist-wide .content {
        width: 100%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcdcdc+0,efefef+28,efefef+46,efefef+67,dcdcdc+100 */
        background: #dcdcdc; /* Old browsers */
        background: -moz-linear-gradient(
            left,
            #dcdcdc 0%,
            #efefef 28%,
            #efefef 46%,
            #efefef 67%,
            #dcdcdc 100%
        ); /* FF3.6-15 */
        background: -webkit-linear-gradient(
            left,
            #dcdcdc 0%,
            #efefef 28%,
            #efefef 46%,
            #efefef 67%,
            #dcdcdc 100%
        ); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(
            to right,
            #dcdcdc 0%,
            #efefef 28%,
            #efefef 46%,
            #efefef 67%,
            #dcdcdc 100%
        ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#dcdcdc',GradientType=1 ); /* IE6-9 */
        border: 1px solid #b1b1b1;
        box-sizing: border-box;
        -webkit-box-shadow: 0px 5px 10px #d0d0d0;
        -moz-box-shadow: 0px 5px 10px #d0d0d0;
        box-shadow: 0px 5px 10px #d0d0d0;
    }
    #contentContainer.checklist-wide .content .resultsContainer {
        width: 100%;
        padding: 0;
    }
    #contentContainer.checklist-wide .content .resultsKey {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
}

.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: 0px 3px 5px 0px #999;
    box-shadow: 0px 3px 5px 0px #999;
}

/* footer 
-----------------------------------------------------------*/
#contentContainer .footerSave {
    width: 955px;
    height: 65px;
    float: left;
    background: url(../images/section_footer-save.gif) 0 0 no-repeat;
    padding: 8px 35px 0px 0px;
}
#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 0px 0px 0px;
}
#contentContainer .footerSave .cancel:hover {
    text-decoration: none;
}

#footer {
    float: left;
    width: 100%;
    padding: 0px 0px 200px 0px;
}
#footer .footerInner {
    width: 960px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}
#footer .footerInner .copywrightContainer {
    float: left;
    color: #333;
    width: 500px;
    padding: 0px 0px 0px 10px;
}
#footer .footerInner .copywrightContainer .copywright {
    color: #333;
    width: 500px;
}
#footer .footerInner ul {
    float: left;
    padding: 7px 0px 0px 0px;
}
#footer .footerInner ul li {
    float: left;
    padding: 0px 10px 0px 0px;
}
#footer .footerInner ul li a {
    color: #333;
    text-decoration: none;
}
#footer .footerLogo {
    float: right;
    margin: -10px 10px 0px 0px;
}
#subFooter {
    float: left;
    width: 960px;
}
.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: 960px;
    margin: 0px auto 0px auto;
    height: 103px;
}
.headerInner .logo {
    float: left;
    padding: 0px 0px 0px 6px;
}
.headerInner .visitButton {
    display: block;
    margin: 40px 0px 0px 0px;
    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;
}

.userDetails {
    background: url(../images/header_user_icon.png) no-repeat 0 4px;
    float: right;
    margin: 40px 0px 0px 0px;
    padding: 0px 5px 0px 40px;
}
.userDetails h2 {
    font-weight: bold;
    line-height: 9px;
    color: #fff;
}
.userDetails div {
    float: left;
}
.userDetails a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

/* main site navigation */
#header .navigationContainer {
    width: 960px;
    margin: 0px auto 0px auto;
}
.navigation {
    float: left;
    height: 60px;
    width: 600px;
}
.navigation li {
    float: left;
}
.navigation li a {
    display: block;
    background: url(../images/navigation_2.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 60px;
}
.navigation li.home a {
    background-position: 0 0;
    width: 80px;
}
.navigation li.home a:hover {
    background-position: 0 -100px;
}
.navigation li.home a.active,
.navigation li.home a.active:hover {
    background-position: 0 -200px;
}

.navigation li.sales a {
    background-position: 0px 0px;
    width: 83px;
}
.navigation li.sales a:hover {
    background-position: 0px -100px;
}
.navigation li.sales a.active,
.navigation li.sales a.active:hover {
    background-position: 0px -200px;
}

.navigation li.charter a {
    background-position: -83px 0px;
    width: 105px;
}
.navigation li.charter a:hover {
    background-position: -83px -100px;
}
.navigation li.charter a.active,
.navigation li.charter a.active:hover {
    background-position: -83px -200px;
}

.navigation li.content a {
    background-position: -188px 0px;
    width: 105px;
}
.navigation li.content a:hover {
    background-position: -188px -100px;
}
.navigation li.content a.active,
.navigation li.content a.active:hover {
    background-position: -188px -200px;
}

/* superyacht network*/
.navigation li.fleet a {
    background-position: -505px 0px;
    width: 100px;
}
.navigation li.fleet a:hover {
    background-position: -505px -100px;
}
.navigation li.fleet a.active,
.navigation li.fleet a.active:hover {
    background-position: -505px -200px;
}

.navigation li.editorial a {
    background-position: -606px 0px;
    width: 112px;
}
.navigation li.editorial a:hover {
    background-position: -606px -100px;
}
.navigation li.editorial a.active,
.navigation li.editorial a.active:hover {
    background-position: -606px -200px;
}

.navigation li.dam-syn a {
    background-position: -717px 0px;
    width: 70px;
}
.navigation li.dam-syn a:hover {
    background-position: -717px -100px;
}
.navigation li.dam-syn a.active,
.navigation li.dam a.active:hover {
    background-position: -717px -200px;
}

/* CNI / N&J / Edmiston / west nautical */
.navigation li.reports a {
    background-position: -294px 0px;
    width: 104px;
    height: 60px;
}
.navigation li.reports a:hover {
    background-position: -294px -100px;
}
.navigation li.reports a.active,
.navigation li.reports a.active:hover {
    background-position: -294px -200px;
}

.navigation li.settings a {
    background-position: -398px 0px;
    width: 107px;
}
.navigation li.settings a:hover {
    background-position: -398px -100px;
}
.navigation li.settings a.active,
.navigation li.settings a.active:hover {
    background-position: -398px -200px;
}

.navigation li.dam a {
    background-position: -505px 0px;
    width: 72px;
}
.navigation li.dam a:hover {
    background-position: -505px -100px;
}
.navigation li.dam a.active,
.navigation li.dam a.active:hover {
    background-position: -505px -200px;
}

.navigation li.marinas a {
    background-position: -505px 0px;
    width: 107px;
}
.navigation li.marinas a:hover {
    background-position: -505px -100px;
}
.navigation li.marinas a.active,
.navigation li.marinas a.active:hover {
    background-position: -505px -200px;
}

/* west nautical */
.navigation li.shipyard a {
    background-position: -608px 0px;
    width: 130px;
}
.navigation li.shipyard a:hover {
    background-position: -608px -100px;
}
.navigation li.shipyard a.active,
.navigation li.shipyard a.active:hover {
    background-position: -608px -200px;
}

/* CNI */
.navigation li.cniBerths a {
    background-position: -576px 0px;
    width: 94px;
}
.navigation li.cniBerths a:hover {
    background-position: -576px -100px;
}
.navigation li.cniBerths a.active,
.navigation li.cniBerths a.active:hover {
    background-position: -576px -200px;
}

.navigation li.cniDam a {
    background-position: -505px 0px;
    width: 71px;
}
.navigation li.cniDam a:hover {
    background-position: -505px -100px;
}
.navigation li.cniDam a.active,
.navigation li.cniDam a.active:hover {
    background-position: -505px -200px;
}

/* CN marinas*/
.navigation li.cnmMarinas a {
    width: 102px;
}

.navigation li.cnmBerths a {
    background-position: -607px 0px;
    width: 94px;
}
.navigation li.cnmBerths a:hover {
    background-position: -607px -100px;
}
.navigation li.cnmBerths a.active,
.navigation li.cnmBerths a.active:hover {
    background-position: -607px -200px;
}

/* edmiston*/
.navigation li.edmistonIntranet a {
    background-position: -670px 0px;
    width: 108px;
}
.navigation li.edmistonIntranet a:hover {
    background-position: -670px -100px;
}
.navigation li.edmistonIntranet a.active,
.navigation li.edmistonIntranet a.active:hover {
    background-position: -670px -200px;
}

/* 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 0px 0px; <-- had to change for the header chanel fix */
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    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 0px 0px 0px;
    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;
    margin: 0px 0px 20px 0px;
}
.searchContainer a.searchNavigation:hover div ul li p {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 20px;
    font-size: 11px;
    display: block;
    float: left;
    width: 150px;
}
.searchContainer a.searchNavigation:hover div ul li .checkbox {
    width: 10px;
    margin: 0px 5px 0px 0px;
    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;
}

/* content header [ yacht name, cookie crumb etc ]*/
.contentHeader .crumb {
    float: left;
    margin: 9px 0px 16px 0px;
    width: 100%;
}
.contentHeader .crumb li {
    float: left;
    padding: 0px 11px 0px 0px;
    font-size: 11px;
    background: url(../images/cookie-arrow-right.gif) top right no-repeat;
    margin: 0px 4px 0px 0px;
}
.contentHeader .crumb li a {
    text-decoration: underline;
    font-size: 11px;
}
.contentHeader .crumb li.home {
    padding: 0px 5px 0px 0px;
    background: none;
    margin: 0px;
}
.contentHeader .crumb li.none {
    background: none;
    font-size: 11px;
}
.contentHeader .pageTitle {
    float: left;
    width: 660px;
}
.contentHeader h1 {
    display: block;
    float: left;
    width: 600px;
    font-size: 22px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px 0px 4px 0px;
    font-family: "neue-haas-grotesk-display", Arial, sans-serif;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contentHeader h2 {
    color: #666666;
    font-size: 14px;
    display: block;
    float: left;
    text-transform: uppercase;
    width: 600px;
    margin: 0px 0px 0px 0px;
    font-family: "neue-haas-grotesk-display", Arial, sans-serif;
    font-weight: 700;
}
.contentHeader h3 {
    width: 600px;
    display: block;
    float: left;
    margin: 7px 0px 0px 0px;
}
.contentHeader .channelFlag {
    float: left;
    padding: 0px 10px 0px 0px;
}
.contentHeader .channel {
    float: right;
    height: 27px;
    padding: 5px 3px 5px 5px;
    width: 150px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px 3px 3px 3px;
    color: #4e4e4e;
}
.contentHeader .channelTitle {
    float: right;
    padding: 0px 8px 0px 0px;
    font-size: 11px;
    display: block;
    color: #666666;
    line-height: 26px;
    margin: 0px;
    font-family: Verdana, Geneva, sans-serif;
}
.contentHeader .saveButtonContainer {
    float: right;
}

.contentHeader .saveButtonContainer a,
#contentContainer .footerSave .save {
    display: block;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    margin: 11px 3px 0px 19px;
    float: right;
    padding: 0px 15px 0px 0px;
    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: 0px 0px 0px 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 0px 0px 19px;
}

.saveButton {
    display: block;
    height: 28px;
    text-decoration: none;
    margin: 11px 0px 0px 19px;
    float: right;
    padding: 0px 15px 0px 0px;
    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: 0px 0px 0px 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 0px 0px 0px;
}
.navigationContainer .header_channel .channelTitle {
    color: #666;
    display: block;
    float: right;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 26px;
    padding: 0px 8px 0px 0px;
}
.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 0px 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 0px 8px;
    color: #666666;
    padding: 0px 10px 0px 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 0px 0px 16px;
}
.section .sectionHeader {
    float: left;
    width: 958px;
}
.section .sectionInner {
    float: left;
    width: 920px;
    padding: 0px 0px 0px 19px;
}
.section h3 {
    text-transform: uppercase;
}
.section .description {
    float: left;
    width: 920px;
    color: #333;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 19px;
    font-size: 11px;
    line-height: 1.2em;
}
.sectionNoTop {
    float: left;
    width: 958px;
    padding: 0px 0px 0px 16px;
}

.sectionHeader {
    margin: 0px 0px 10px 0px;
    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: 0px 19px 10px 19px;
    margin: 0px 0px 0px 0px;
}
.sectionHeader .title .channelFlag {
    float: left;
    padding: 0px 10px 0px 0px;
}
.sectionHeader .title h2 {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin: 0px;
    font-size: 14px;
    padding: 15px 0px 0px 0px;
}

.sectionHeader .title h2.heading {
    float: left;
    padding: 7px 0px 1px 0px;
    font-size: 15px;
}
.sectionHeader .title p.subHeading {
    float: left;
}
.sectionHeader .title a.saveButton {
    margin: 0px 19px 0px 0px;
}

.sectionHeader .title a.save {
    margin: 0px 19px 0px 0px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    line-height: 2em;
    font-weight: bold;
    float: right;
    display: block;
    padding: 0px 20px 0px 0px;
    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: 0px 0px 0px 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: 0px 9px 0px 0px;
}
.sectionHeader .title a.previewButton span {
    display: block;
    height: 25px;
    background: url(../images/but_exl-slide-left.gif) top left no-repeat;
    padding: 0px 0px 0px 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: 0px 0px 0px 16px;
    margin: 5px 0px 0px 0px;
}
.headerLine {
    background: url(../images/section_header-title-bg.gif) bottom center
        repeat-x;
    height: 2px;
    width: 957px;
    margin: 0px 0px 17px 0px;
    float: left;
}

.channelHeading {
    padding: 0px 0px 0px 20px;
}
.channelHeading p {
    font-size: 12px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    margin: 0px;
}

.sectionHeader form {
    float: right;
    margin: 6px 0px 0px 0px;
}
/* additional tag to set icon link options on the photo page */
.sectionHeader .sectionOptions {
    float: right;
    padding: 11px 0px 0px 0px;
    margin: 0px 19px 0px 0px;
}
.sectionHeader .sectionOptions li {
    float: right;
    padding: 0px 8px 0px 0px;
}
.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 .photoManagementHeader .sectionOptions li a span {
    display: inline-block;
}

.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 0px;
    width: 106px;
}
.sectionHeader .sectionOptions li.default a:hover {
    background-position: -89px -30px;
}

.sectionHeader .sectionOptions li.sort a {
    width: 98px;
    background-position: -203px 0px;
}
.sectionHeader .sectionOptions li.sort a:hover {
    background-position: -203px -30px;
}

.sectionHeader .sectionOptions li.edit a {
    width: 102px;
    background-position: -309px 0px;
}
.sectionHeader .sectionOptions li.edit a:hover {
    background-position: -309px -30px;
}

.sectionHeader .sectionOptions li.library a {
    width: 114px;
    background-position: -419px 0px;
}
.sectionHeader .sectionOptions li.library a:hover {
    background-position: -419px -30px;
}

.sectionHeader .sectionOptions.model-options {
    margin: 0;
}
.sectionHeader .sectionOptions.model-options li a {
    background: url(../images/but_model-actions.gif) 0 0 no-repeat;
}
.sectionHeader .sectionOptions.model-options li.default a {
    background-position: 0 0;
    width: 108px;
}
.sectionHeader .sectionOptions.model-options li.default a:hover {
    background-position: 0 -30px;
}

.sectionHeader .sectionOptions.model-options li.sort a {
    background-position: -116px 0;
    width: 98px;
}
.sectionHeader .sectionOptions.model-options li.sort a:hover {
    background-position: -116px -30px;
}

.sectionHeader .sectionOptions.model-options li.names a {
    background-position: -222px 0;
    width: 77px;
}
.sectionHeader .sectionOptions.model-options li.names a:hover {
    background-position: -222px -30px;
}

.sectionHeader .sectionOptions.model-options li.performance a {
    background-position: -309px 0;
    width: 122px;
}
.sectionHeader .sectionOptions.model-options li.performance a:hover {
    background-position: -309px -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: 0px 0px 20px 0px;
    float: left;
}
.sectionTable thead td {
    color: #555555;
    text-align: center;
    background-color: #f8f8f8;
    font-size: 11px;
    padding: 4px 0px 4px 0px;
    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;
    vertical-align: middle;
    line-height: 20px;
    padding: 4px 0px 4px 0px;
    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 0px 4px 5px;
}
.sectionTable tbody tr td.none {
    border-bottom: none;
}
.sectionTable tbody tr td.noPadding {
    padding: 0px;
}

.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 0px 0px 0px;
}

.sectionTable tbody tr td.name a {
    margin: 2px 0px 2px 0px;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    padding: 0px;
    cursor: pointer;
}
.sectionTable tbody tr td.name .yachtName {
    display: block;
    line-height: 11px;
    float: left;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0px 0px 4px;
    width: 100%;
}
.sectionTable tbody tr td.name .yachtName .exName {
    display: block;
    float: left;
    margin: 2px 0px 0px 0px;
    color: #ccc;
    font-size: 10px;
    font-weight: normal;
    padding: 0px 0px 0px 4px;
    width: 100%;
}

.sectionTable tbody tr td.name .yachtName a {
    float: left;
    font-size: 12px;
    padding: 0px 10px 0px 0px;
}
.sectionTable tbody tr td.name .yachtDetails {
    width: 100%;
    line-height: 12px;
    float: left;
    font-size: 10px;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    font-family: Verdana, Geneva, sans-serif;
}

.sectionTable tbody tr td.userName a {
    color: #cc0000;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    margin: 0px;
    padding: 6px 0px 0px 0px;
    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 0px 4px 20px;
    text-align: left;
}

.sectionTable tfoot .pagination {
    padding: 0px;
    border: none;
}
.sectionTable tfoot .pagination tr td {
    border: none;
    vertical-align: middle;
}
.sectionTable tfoot .pagination tr td.none {
    padding: 0px;
}
.sectionTable tfoot .pagination tr td.right {
    padding: 0px 4px 0px 0px;
}

.sectionOverview tbody tr td.name .yachtName {
    color: #015ac2;
}
.sectionOverview tbody tr td {
    border: none;
    border-bottom: 1px solid #eee;
}

.sectionTableSmaller {
    width: 890px;
}

/* video table 
--------------------------------------------------------*/
.sectionTable tbody tr td.actions {
    padding: 4px 10px;
}
.sectionTable tbody tr td.actions .video-move {
    float: left;
    padding: 0 21px 0 2px;
    cursor: move;
}

/* related areas 
----------------------------------------------------------*/
.relatedAreasTable {
    width: 100%;
}
.relatedAreasTable thead td {
    color: #555555;
    text-align: center;
    background-color: #f8f8f8;
    font-size: 11px;
    padding: 4px 0px 4px 0px;
    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 0px 4px 0px;
    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: 0px 0px 0px 15px;
}
.award_crumbs li {
    float: left;
    background: url(/resources/images/cookie-arrow-right.gif) 0 4px no-repeat;
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 8px;
}
.award_crumbs li a {
    text-decoration: none;
}
.award_crumbs li a:hover {
} /* accent */
.award_crumbs li.none {
    padding: 0px;
    background: none;
    margin: 0px;
}

/* destination guides and awards list styling ----------------------------*/
#award_list_area {
    float: left;
    width: 958px;
}
#award_list_area .award_list {
    float: left;
    width: 958px;
    margin: 10px 0px 10px 0px;
    border-top: 1px solid #eee;
}
#award_list_area .award_list li {
    float: left;
    width: 958px;
    border-bottom: 1px solid #eee;
    padding: 4px 0px 4px 0px;
}
#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: 0px 0px 0px 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: 0px 15px 0px 0px;
}
#award_list_area .award_list li .destinationActions li {
    width: 20px;
    padding: 0px 0px 0px 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: 0px 0px 0px 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: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    width: 40px;
    padding: 4px 0px 0px 0px;
    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: 0px 0px 0px 15px;
}

.areaListheading {
    float: left;
    width: 100%;
}
.areaListheading li {
    float: right;
    font-size: 11px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}
.areaListheading li.areasList {
    float: left;
    padding: 0px 0px 0px 20px;
}
.areaListheading li.actions {
    padding: 0px 0px 0px 20px;
    width: 67px;
}
.areaListheading li.organisation {
    width: 100px;
}
.areaListheading li.areaDetails {
    width: 132px;
}
.areaListheading li.channels {
    width: 333px;
    text-align: center;
}

/* 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: 0px 0px 20px 0px;
    border: 1px solid #ddd;
    border-left: none;
}
.photoTable thead td {
    color: #555555;
    text-align: center;
    background-color: #f8f8f8;
    font-size: 11px;
    padding: 4px 0px 4px 7px;
    background-image: url(../images/thead_bg.jpg) repeat-x bottom left;
    border-left: 1px solid #ddd;
}
.photoTable thead td.photos {
    width: 203px;
}
.photoTable thead td.selectAllCell {
    width: 23px;
}
.photoTable thead td.photo-edit,
.photoTable thead td.photo-edit-size {
    width: 90px;
}
.photoTable thead td.left,
.photoTable tbody td.left {
    text-align: left;
    padding: 6px 0px 4px 7px;
}
.photoTable thead td.image,
.photoTable tbody td.image {
    border-right: 1px solid #ddd;
}
.photoTable tbody tr td {
    vertical-align: top;
    padding: 10px 0px 10px 0px;
    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 0px 4px 0px;
}
.photoTable .buttonContainer li {
    float: left;
}
.photoTable .buttonContainer li.first {
    padding: 0px 5px 0px 0px;
}
.photoTable .editTable td {
    padding: 0px;
    margin: 0px;
    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: 0px -196px;
}
.photoTable .square {
    background-position: 5px 0px;
}

.photoTable .editTable .eidtAdditionalLabel {
    padding: 6px 0px 0px 0px;
    float: left;
    text-align: left;
}

.photoTable .photoTableFooter {
    margin: 10px 0px 0px 0px;
}
.photoTable .photoTableFooter tr td {
    text-align: center;
    border: none;
}
.photoTable .photoTableFooter tr td input {
    margin: 7px 0px 0px 7px;
}
.photoTable .photoTableFooter tr td label {
    display: block;
    padding: 5px 20px 0px 7px;
    line-height: 15px;
    font-weight: bold;
}
.photoTable .photoTableFooter tr td .photoCredit {
    margin: 4px 0px 0px 0px;
    width: 200px;
}

/* photo Library section 
--------------------------------------------------------*/
.photoLibrary thead tr.firstRow td {
    padding: 7px 0px 7px 0px;
}
.photoLibrary thead tr.firstRow td.left {
    padding: 7px 0px 7px 5px;
}

.photoLibrary .chanelFlags {
    width: 100%;
    height: 26px;
}
.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);
}

.photoLibrary .chanelFlags .flagContainer {
    width: 20px;
    position: relative;
    z-index: 10;
    cursor: help;
    border: none;
    padding: 7px 0 0 0;
}
.photoLibrary .chanelFlags .flagContainer div.channel {
    display: none;
    z-index: 11;
    position: absolute;
    top: 25px;
    left: 0;
    background: #eee;
    border: 1px solid #ccc;
    color: #666;
    height: auto;
    width: 121px;
    padding: 10px;
}
.photoLibrary .chanelFlags .flagContainer:hover div.channel {
    display: block;
}

#jsPhotoChannelsContainer {
    min-width: 920px;
}
#jsPhotoChannelsContainer .flagContainer img {
    width: 16px;
    height: 11px;
}

.dataTables_wrapper .dataTables_scroll {
}

.largeContent #jsPhotoChannelsContainer {
    width: 100%;
    min-width: 100%;
}
.largeContent #jsPhotoChannelsContainer .flagContainer img {
    width: auto;
    height: 22px;
}
.largeContent #jsPhotoChannelsContainer .flagContainer {
    width: 30px;
    padding: 2px 0 0 0;
}

/* 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 textarea {
    height: 63px;
}
.batchEdit .photoTable tr td .photoDetails {
    margin-bottom: 5px;
}
.batchEdit .photoTable tr td .photoDetails .titles {
    width: 270px;
    margin-right: 10px;
    float: left;
}
.batchEdit .photoTable tr td .photoDetails .credits {
    width: 220px;
    float: left;
}
.batchEdit .photoTable tr td .photoDetails .titles .title-detail,
.batchEdit .photoTable tr td .photoDetails .titles .credit-detail {
    float: left;
    width: 100%;
}

.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: 0px;
}

/* 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: 0px 10px 10px 0px;
    text-align: left;
}

.addImgContainer.larger-add-images {
    height: 81px;
}

/* form - layout and form element tags 
----------------------------------------------------------------------------------------------------------*/
.fieldsetContainer {
    float: left;
}
.fieldsetContainer fieldset {
    margin: 0px 0px 15px 0px;
} /* fix to add spacing to the bottom of the fiedset when inside the container */

.section .sectionInner .fieldsetContainer fieldset.none {
    padding: 0px;
    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: 0px;
    border: none;
}
.section fieldset.noStyling,
.semReportsContainer fieldset.noStyling {
    padding: 0px;
    border: none;
}

fieldset.legendReplacement {
    padding: 10px 0px 0px 0px;
} /* fix when there is no ledgend needed but you still need the ledgend spacing   */
fieldset.borderBottom {
    border-bottom: 1px solid #999;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 10px 0px;
} /* 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: 0px 0px 7px 0px;
    font-weight: bold;
    font-size: 12px;
    color: #333;
}
.fieldsetSubHeading p {
    font-size: 10px;
    font-weight: normal;
    color: #6f6f6f;
    padding: 2px 0px 0px 0px;
    margin: 0px;
}
.fieldsetSubHeading.old-data {
    color: #999;
}

fieldset.fullWidth {
    width: 958px;
    border: none;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}
fieldset.fullWidth .legend {
    margin: 0px 0px 12px 19px;
}
fieldset.fullWidth h2 {
    display: block;
    float: left;
    padding: 5px 0px 0px 19px;
}

.section .sectionInner .fieldsetContainer fieldset.photoDivider {
    border: none;
    border-top: 1px solid #cacaca;
    padding: 10px 0px 0px 0px;
}

/*.fieldsetContainer legend { color:#666666;  font-weight:bold; padding:0px 0px 20px 0px;}*/
.fieldsetInner {
    float: left;
}
.inputRow {
    float: left;
    padding: 0px 0px 7px 0px;
    width: 100%;
}
.inputRow.highlight {
    font-weight: bold;
}
.inputRow p {
    font-size: 11px;
    margin: 0px 0px 4px 0px;
    color: #000;
    line-height: 12px;
}
.inputRowStack {
    padding: 0px 0px 10px 0px;
} /* used when additional heading are needed - with rowHeading below - */
.inputLabel {
    display: block;
    float: left;
    font-size: 11px;
    margin: 0px 0px 2px 0px;
    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 {
    float: left;
}
.textOutput p,
.textOutput {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 15px;
    color: #333;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    width: 100%;
    white-space: normal;
}
.textOutput p a {
    font-size: 11px;
    color: #333;
}
.textOutput.old-data p {
    color: #999;
}
.textOutput p strong {
    font-size: 11px;
    color: #333;
}
.textOutput ul {
    width: 100%;
    float: left;
    margin: 0;
}
.textOutput ul li,
.textOutput .bullet_list ul li {
    width: 100%;
    height: auto;
    font-size: 11px;
    line-height: 15px;
    color: #333;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    list-style-type: disc;
    list-style-position: inside;
}
.textOutput ul li p,
.textOutput .bullet_list ul li p {
    display: inline;
    float: none;
}
.textOutputEllipsis {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: help;
}
.textOutputList span:after {
    content: ", ";
}
.textOutputList span:last-child:after {
    content: "";
}
.textOutput.outputCopy p {
    margin-bottom: 10px;
} /* used when there is a large amount of copy with p from a wysiwyg */

.date img.ui-datepicker-trigger {
    margin: 20px 0 0 0;
}

.textOutput p.priority-h {
    color: #cc0000;
}
.textOutput p.priority-m {
    color: #ffa500;
}

/* helper classes */
.margin-t-9 {
    margin-top: 9px;
}
.margin-l-11 {
    margin-left: 11px;
}
.margin-b-none {
    margin-bottom: 0 !important;
}
.margin-none {
    margin: 0 !important;
}

.nameChangeTotals .textOutput p {
    font-size: 12px;
    margin: 0 0 16px 0;
}
.nameChangeTotals .textOutput p a {
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px 0 0;
}
.nameChangeTotals .textOutput p span {
    display: inline-block;
    font-size: 11px;
    width: 100%;
    padding: 2px 0 0 0;
}

/* Default content inside colourbox */
#cboxLoadedContent .defaultContent.span39None {
    padding: 20px;
    width: 857px;
}
#cboxLoadedContent .defaultContent.span39None h2 {
    line-height: 16px;
    font-size: 14px;
}
#cboxLoadedContent .defaultContent.span39None {
    line-height: 15px;
    font-size: 13px;
}
#cboxLoadedContent .defaultContent .title p {
    margin: 0 0 10px 0;
}
#cboxLoadedContent .defaultContent.span39None a {
    padding: 0;
    background: transparent;
}
#cboxLoadedContent .defaultContent.span39None p {
    margin-bottom: 10px;
}
/* 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,
.textOutput .help-block {
    font-size: 10px;
    float: left;
    margin: 2px 0px 0px 0px;
} /* 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 0px 2px;
} /* tag for qualifing information e.g km or nm */
.textOutputLarge p {
    color: #6f6f6f;
}
.buttonSpacing a {
    margin: 0px 0px 0px 20px;
}

.defaultContent {
    padding: 5px 0px;
    display: block;
    float: left;
    width: 100%;
}
.defaultContent .title p,
.defaultContent h4 {
    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: 0px 4px 0px 0px;
}
.inputShimRight {
    float: right;
    width: 0px 0px 0px 4px;
}
.spacer {
    display: block;
    height: 22px;
    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 0px 0px 2px;
} /* used to position checkboxs in a row */

.legend {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    width: 80%;
    float: left;
    margin: 0px 0px 8px 0px;
    padding: 1px 0px 1px 20px;
    color: #666;
    background: url(../images/legend_icons.gif) -100px 0 no-repeat;
    font-family: "neue-haas-grotesk-display", Arial, 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 0px 0px 0px;
}
.legend .additionalLegend p {
    margin: 0px;
}
.legend .additionalLegend p:first-letter {
    text-transform: uppercase;
    margin: 0px;
    font-size: 10px;
    font-weight: normal;
    margin: 0px;
}

.legendSmall {
    width: 50%;
}

.tableLegend {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0px 0px 8px 20px;
    padding: 1px 0px 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 0px 0px 0px;
}
.tableLegend .additionalLegend p {
    margin: 0px;
}
.tableLegend .additionalLegend p:first-letter {
    text-transform: uppercase;
    margin: 0px;
    font-size: 10px;
    font-weight: normal;
    margin: 0px;
}

.amenities-details-button {
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
    text-decoration: none;
    margin: 0 0 0 10px;
    padding: 0 0 0 13px;
    background: url(../images/icons/amenities-details-icon.svg) 0 3px no-repeat;
}

.required {
} /* optional required field  - used on the inputField tag */

.charleft {
    color: #333;
    font-size: 11px;
    width: 100%;
    margin: 5px 0px 5px 0px;
    float: left;
}

/* default copy styling 
------------------------------------------------------------------*/
.defaultCopy h4 {
    color: #333;
    display: block;
    width: 100%;
    margin: 4px 0px 3px 0px;
    float: left;
    font-size: 11px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    line-height: 13px;
    text-transform: uppercase;
}
.defaultCopy p {
    display: block;
    float: left;
    width: 100%;
    color: #333;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    margin: 0px 0px 8px 0px;
    line-height: 1.3em;
    font-size: 11px;
}

/* seo - google results preview 
------------------------------------------------------------------*/

.googlePreviewTitle {
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}

.googlePreview {
    background: #fff;
    padding: 10px;
    width: 434px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}
.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 0px;
    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: 0px -40px;
} /* yacht type*/
.ruller,
.ruler {
    background-position: 0px -80px;
} /*  construction / dimentions */
.cog {
    background-position: 0px -120px;
} /* engine / generator*/
.calendar {
    background-position: 0px -160px;
} /* calendar */
.tickbox {
    background-position: 0px -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: 0px;
    padding: 0px;
}
.radio {
    margin: 0px;
    padding: 0px;
}
.radioContainer {
    padding: 2px 0px 0px 0px;
    float: left;
    width: 100%;
} /* fix for old style radio button groups - from the fusionfw */
.inputRendered {
    font-size: 11px;
    padding: 2px 5px 0px 0px;
} /* additional code left over from the old formating but still used in the fusionfw */

.checkbox-styled input[type="checkbox"] {
    visibility: hidden;
}
.checkbox-styled input[type="checkbox"] + label {
    padding-left: 28px;
    position: relative;
}
.checkbox-styled input[type="checkbox"] + label:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.checkbox-styled input[type="checkbox"]:checked + label:before {
    background: url(../images/icons/checkbox-tick.svg) center center no-repeat
        #0093ee;
    border-color: #0093ee;
}

/* 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) 0px -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: 0px 0px 0px 20px;
}

/* bubble sliding doors and bubble + buttons ---------------------------------------*/
.bubble {
    display: block;
    width: auto;
    height: 20px;
    float: left;
    margin: 3px 8px 5px 0px;
    font-size: 11px;
    cursor: pointer;
    background-image: url(../images/bubble-slide-right.gif);
    text-decoration: none;
    padding: 0px 21px 0px 0px;
    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: 0px 0px 0px 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: 0px 10px 10px 0px;
    height: 20px;
    padding: 0px 10px 0px 0px;
}
.bubbleList li a {
    display: block;
    width: auto;
    height: 20px;
    float: left;
    margin: 3px 8px 5px 0px;
    font-size: 11px;
    background-image: url(../images/bubble-slide-right.gif);
    text-decoration: none;
    padding: 0px 21px 0px 0px;
    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: 0px 0px 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;
}

.bubbleList li.static {
    padding: 0;
}
.bubbleList li.static div {
    height: 20px;
    line-height: 20px;
    background: url(../images/bubble-slide-right-read.gif) top right no-repeat;
    float: left;
    padding: 0 13px 0 0;
}
.bubbleList li.static div span {
    height: 20px;
    display: block;
    background: url(../images/bubble-slide-left.gif) 0 0 no-repeat;
    padding: 0 0 0 11px;
}

/* contributor section styling ----------------------------------------------------*/
.contributorsList {
    width: 100%;
    float: left;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
}
.contributorsList li {
    float: left;
    border-top: 1px solid #ccc;
    padding: 10px 0px 10px 0px;
}
.contributorsList li strong {
    display: block;
    padding: 0px 5px 0px 0px;
    float: left;
    font-size: 10px;
}
.contributorsList li .authorDetails {
    float: left;
    font-size: 11px;
    padding: 0px 0px 5px 0px;
}
.contributorsList li .comment {
    float: left;
    font-size: 11px;
}
.contributorsList li a {
    float: left;
}
.contributorsList li .actions {
    padding: 10px 0px 0px 0px;
    float: right;
}

/* form errors 
----------------------------------------------------------------------------------------*/
/* errors at the top of the page */
.pageErrros {
    display: block;
    width: 868px;
    border: 1px solid #cc0000;
    margin: 20px 0px 0px 32px;
    padding: 10px 0px 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: 0px 0px 3px 0px;
}
.pageErrros p {
    margin: 0px;
    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 0px 0px 32px;
    padding: 10px 0px 10px 40px;
    color: #119351;
    background: url(../images/ico_ok.gif) no-repeat 10px 10px #ccf4c0;
}
.msgSavedHD div {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 3px 0px;
}
.msgSavedHD p {
    margin: 0px;
    font-size: 11px;
}

.msgTips {
    display: block;
    width: 868px;
    float: left;
    margin: 20px 0px 0px 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: 0px 0px 3px 0px;
    color: #000;
}
.msgTips p {
    margin: 0px;
    font-size: 11px;
}
.msgTips a {
    float: right;
    cursor: pointer;
}

/* error container under in inputRow */
.inputRow .errorMessage {
    color: #b00707;
    padding: 7px 0px 10px 0px;
    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 0px 0px 0px;
}

/* results - section for the lsit results ( table ) 
--------------------------------------------------------------------------------------------------------------*/
.resultsContainer {
    float: left;
    width: 957px;
    padding: 0px 0px 0px 16px;
}
.resultsGrid {
    background-color: #fff;
    padding: 0px;
}

/* results header ***************************************/
.resultsHeader {
    background-color: #fefefe;
    height: 36px;
    padding: 12px 15px 12px 15px;
    width: 927px;
}
.resultsHeaderLarge {
    width: 100%;
    padding: 0px;
    height: auto;
    float: left;
    background-color: #fefefe;
}
.resultsHeaderTaller {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding: 12px 15px;
}
.additionalHeader {
    border-top: 1px solid #ccc;
}
.sectionResultsHeader {
    float: left;
    width: 943px;
    padding: 14px 0px 14px 15px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

#permission .sectionResultsHeader {
    background: #c9c9c9;
    color: #666;
}

.resultsHeader .resultsFilterOptions {
    float: left;
    margin: 6px 0px 10px 10px;
    width: auto;
}
.resultsHeader .resultsFilterOptions .filter {
    margin: 0px 10px 0px 0px;
    width: 150px;
}
.resultsHeader .resultsFilterOptions .filter label {
    width: 100%;
}

.permissionSection {
    float: left;
    margin: 0px 0px 30px 0px;
}
.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: auto;
    position: relative;
    float: left;
}
.resultsHeaderSection .introHeading strong,
.resultsHeaderSection .textOutput .introHeading strong {
    font-size: 14px;
    color: #666;
}
.resultsHeaderSection .introHeading,
.resultsHeaderSection .textOutput .introHeading {
    line-height: 19px;
    color: #666;
    margin: 0 0 16px 0;
}
.resultsHeaderSection a {
    text-decoration: none;
    color: #cc0000;
}

.resultsHeaderSection {
}

/* views - list or grid view   */
.view {
    float: left;
    padding: 0px 11px 0px 0px;
}
.view li {
    float: left;
    padding: 0px 7px 0px 0px;
}
.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: 0px -27px;
}
.view li.grid a {
    background-position: -33px 0px;
}
.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 0px;
}
.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: 0px;
    line-height: 26px;
    display: block;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
}
.resultsHeader .edit-page-button {
    display: block;
    float: right;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    background: #525252;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 15px;
    border-radius: 4px;
    cursor: pointer;
}
.resultsHeader .edit-page-button:hover {
    color: #fff;
    background-color: #333;
}
.resultsHeader .edit-page-button.next {
    background: url(../images/icons/button-next-arrow.svg) 90% 50% no-repeat
        #525252;
    padding: 0 30px 0 15px;
}
.resultsHeader .edit-page-button.back {
    background: url(../images/icons/button-back-arrow.svg) 10% 50% no-repeat
        #525252;
    padding: 0 15px 0 30px;
}

/* results header pagination ( sort pagination ) */
.resultsNav {
    float: right;
    padding: 2px 0px 0px 0px;
}
.resultsNav li {
    float: left;
    padding: 0px 0px 0px 7px;
}
.resultsNav li a {
    width: 31px;
    height: 25px;
    display: block;
    background-image: url(../images/list_results-short-pagination.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.resultsNav li a span {
    display: none;
}
.resultsNav li.previous a {
    background-position: 0 0;
}
.resultsNav li.previous a:hover {
    background-position: 0 -27px;
}
.resultsNav li.next a {
    background-position: -33px 0px;
}
.resultsNav li.next a:hover {
    background-position: -33px -27px;
}

/* search input with bg imagea and hover on the search graphic   */
.resultsSearch {
    overflow: hidden;
    float: right;
    margin: 0px 0px 0px 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 0px 2px 4px;
    width: 170px;
    font-size: 11px;
    height: 18px;
    margin: 3px 0px 0px 3px;
    color: #4e4e4e;
}
.resultsSearch input:hover,
.resultsSearch input:focus {
    float: left;
    border: none;
    background: none;
    padding: 2px 0px 2px 4px;
    width: 170px;
    font-size: 11px;
    height: 18px;
    margin: 3px 0px 0px 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: 0px 0px 0px 10px;
}
.organisation label.enquiries {
    padding: 0px 10px 0px 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: 0px 0px 0px 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 0px 0px;
}
.headerSearch input {
    float: right;
    margin: 0px 5px 0px 0px;
}
.headerSearch a {
    float: right;
    margin: 2px 0px 0px 0px;
}

.foundContainer {
    height: 25px;
}
.foundContainer .found {
    font-size: 11px;
    color: #cc0000;
    padding: 5px 0px 0px 0px;
    font-weight: bold;
}

.emailOptions {
    float: left;
}
.emailOptions input {
    float: left;
    margin: 5px 8px 0 0;
}
.emailOptions label {
    font-size: 11px;
    line-height: 26px;
}

/* results content **************************************/
.resultsContent {
    float: left;
    border-top: 1px solid #dddddd;
}
.resultsContent thead tr td.first {
    border-left: none;
} /* override class to stop left border on the first cell */
.resultsContent thead tr td.last {
    border-right: none;
} /* override class to stop right border on the last cell */

/* classes needed to get the field name and the 'a' tag to work corectly in all browsers */
.resultsContent thead tr td {
    color: #333;
    padding: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    height: 37px;
    background: url(../images/table_head_bg.gif) bottom left repeat-x #f2f2f2;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #dddddd;
}
.resultsContent thead tr td:hover {
    background: url(../images/table_head_bg-hover.gif) bottom left repeat-x
        #e1e1e1;
}
.resultsContent thead tr td.none:hover {
    background-image: url(../images/table_head_bg.gif);
}
.resultsContent thead tr td a {
    cursor: pointer;
    display: block;
    font-size: 11px;
    line-height: 34px;
    text-decoration: none;
    color: #333;
    text-align: center;
    height: 37px;
    padding: 0px 10px 0px 0px;
    background: url(../images/table_sort_ico.gif) no-repeat top right;
}
.resultsContent thead tr td a.up {
    background-position: right -74px;
}
.resultsContent thead tr td a.down {
    background-position: right -37px;
}
.resultsContent thead tr td p {
    display: block;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 34px;
    color: #333;
    text-align: center;
    height: 37px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.resultsContent tr td a {
    font-size: 11px;
}
/* styling to change the left and right orentation on table cells. Additional padding styling for the 'a' and 'p' tags as adding padding on the 'td' will screw up the widths */
.resultsContent tr td.left {
    text-align: left;
}
.resultsContent tr td.left a {
    text-align: left;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
}
.resultsContent tr td.left p {
    text-align: left;
    padding: 0px 0px 0px 10px;
}
.resultsContent tr td.right {
    text-align: right;
}
.resultsContent tr td.right a {
    text-align: right;
    padding: 0px 10px 0px 0px;
}
.resultsContent tr td.right .tdContent {
    margin: 0px;
    padding: 0px 10px 0px 0px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.resultsContent tr td.left .tdContent {
    text-align: left;
    padding: 0px 0px 0px 10px;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.resultsContent tr td .lower,
.resultsContent tr td.lower {
    text-transform: lowercase;
}

.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;
}
@media only screen and (max-width: 1919px) {
    /*a hacky fix to allow users to scroll on smaller devices*/
    .largeContent {
        overflow-x: scroll;
    }
}
.largeContent .headerInner {
    white-space: normal;
}

.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: -70px;
    left: 50px;
    border: 1px solid #ccc;
    padding: 10px;
    min-width: 300px;
    background-color: #fff;
    line-height: 16px;
    z-index: 10;
}
.expandableListContainer:hover .expandableList li {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #eee;
    width: 100%;
    float: left;
    text-align: 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 0px 5px 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 12px;
}
.resultsContent .berthName .shortDetails {
    width: 183px;
    padding: 0px 0px 5px 10px;
}
.resultsContent .berthName .berthNewContainer {
    float: left;
    width: 26px;
    margin: 4px 0px 0px 0px;
}

/* 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: 130px;
}
.largeContent .resultsContent tbody tr td.yachtSlip .tdContent {
    width: 130px;
}
.largeContent .resultsContent tbody tr td.yachtBroker .tdContent {
    width: 150px;
}
.largeContent .resultsContent tbody tr td.yachtCompany .tdContent {
    width: 140px;
}
.largeContent .resultsContent tbody tr td.yachtPhone .tdContent {
    width: 111px;
}
.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: 106px;
}
.largeContent .resultsContent tbody tr td.yachtAnchored .tdContent {
    width: 106px;
}
.largeContent .resultsContent tbody tr td.yachtCharter .tdContent {
    width: auto;
}
.largeContent .resultsContent tbody tr td.yachtSales .tdContent {
    width: auto;
}
.largeContent .resultsContent tbody tr td.yachtSource .tdContent {
    width: 170px;
}
.largeContent .resultsContent tbody tr td.yachtUpdated .tdContent {
    width: 122px;
    padding-right: 0;
}
.largeContent .resultsContent tbody tr td.yachtActions .actionIcons {
    padding: 0 16px 0 0;
}
.largeContent .resultsContent tbody tr td .tdContent form input {
    font-size: 11px;
    width: 100%;
    text-indent: 5px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    padding: 3px 0;
    position: relative;
}

.largeContent .resultsContent tbody tr td.trimmed-content {
    position: relative;
}
.largeContent .resultsContent tbody tr td.trimmed-content .showMore {
    display: none;
    position: absolute;
    bottom: -20px;
    right: -20px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    z-index: 10;
    width: 200px;
}
.largeContent
    .resultsContent
    tbody
    tr
    td.left.trimmed-content
    .showMore
    p.heading {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #333;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    padding: 0;
    margin: 0 0 5px 0;
}
.largeContent
    .resultsContent
    tbody
    tr
    td.left.trimmed-content
    .showMore
    .showMoreInner {
    width: 100%;
    font-size: 12px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
}
.largeContent .resultsContent tbody tr td.trimmed-content:hover .showMore {
    display: block;
}

.largeContent .resultsContent tbody tr td.yard-cell .number {
    display: inline-block;
    min-width: 48px;
}
.largeContent .resultsContent tbody tr td.yard-cell a {
    padding-left: 5px;
    display: inline-block;
}
.largeContent .resultsContent tbody tr td.yard-cell a img {
    height: 12px;
    width: 12px;
}
.largeContent .resultsContent tbody tr td.yard-series-cell a {
    padding-left: 5px;
}
.largeContent .resultsContent tbody tr td.yard-series-cell .number {
    display: inline-block;
    min-width: 27px;
}
.largeContent .resultsContent tbody tr td.yard-series-cell a img {
    height: 12px;
    width: 12px;
}

.resultsGridContent {
    float: left;
    padding: 0px 0px 0px 20px;
    background-color: #fff;
}
.resultsGridContent ul {
    float: left;
    padding: 0px;
}
.resultsGridContent ul li {
    float: left;
    border: 1px solid #ccc;
    display: block;
    padding: 5px;
    width: 166px;
    margin: 0px 9px 9px 0px;
    height: 400px;
}
.resultsGridContent ul li .imageContainer {
    float: left;
    width: 166px;
    height: 115px;
    padding: 0px 0px 10px 0px;
}
.resultsGridContent ul li .name {
    text-decoration: none;
    font-size: 12px;
    float: left;
    font-weight: bold;
    padding: 0px 0px 3px 0px;
    display: block;
    width: 166px;
}
.resultsGridContent ul li .detailsContainer {
    display: block;
    float: left;
    width: 166px;
}
.resultsGridContent ul li .detailsContainer .row {
    float: left;
    width: 100%;
    padding: 0px 0px 5px 0px;
    font-size: 12px;
}
.resultsGridContent ul li .detailsContainer .row .label {
    width: 66px;
    padding: 0px 5px 0px 0px;
}
.resultsGridContent ul li .detailsContainer .row div {
    float: left;
    font-size: 11px;
}
.resultsGridContent ul li .detailsContainer .first {
    padding: 0px 0px 8px 0px;
    font-size: 11px;
}
.resultsGridContent ul li .detailsContainer .icons img {
    float: left;
    padding: 0px 4px 0px 0px;
}

/* styling for the sorting on the sales/charter yacht list - grid view */
.gridViewSorting {
    padding: 0px 0px 0px 15px;
}
.gridViewSorting a {
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0px 10px 0px 0px;
    display: block;
    border-right: 1px solid #ccc;
    margin: 0px 10px 0px 0px;
}
.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 {
    text-align: center;
    padding: 4px 0px 4px 0px;
    font-size: 11px;
    vertical-align: middle;
    text-transform: capitalize;
    border-bottom: 1px solid #ececec;
}

/* styling for the table tr, tr hover, selected td (sorted) and tr td selected hover   */
.resultsContent tbody tr.on {
    background: #f7f8f7;
    background-color: #f7f8f7;
} /* alternate row stripes*/
.resultsContent tbody tr:hover {
    background-color: #edefed;
} /* row hovering */

/* row selecting*/
.resultsContent tbody tr.selected td {
    background: none;
    background-color: #f3e0dd;
}
.resultsContent tbody tr:hover.selected td {
    background: #d6c5c2;
}
.resultsContent tbody tr.selected td.a {
    color: #333;
}

.resultsContent tbody tr td.selected {
    color: #333;
    background-color: #f3e0dd;
} /* selceted td tags */
.resultsContent tbody tr td.selected a {
    color: #333;
}
.resultsContent tbody tr:hover td.selected {
    background: #d6c5c2;
} /* class to select the td when tr hovers and td is selected */

.resultsContent tbody tr.on td.selected {
    background: none;
    background-color: #f3e0dd;
} /* ie fix to get the slelct class on the td to apply when there is styling on the tr */
.resultsContent tbody tr:hover.on td.selected {
    background: #d6c5c2;
}

.resultsContent tbody tr.deletedYacht {
    background-color: #fcd6d6;
}
.resultsContent tbody tr.deletedYacht:hover {
    background-color: #f3cdcd;
    background-image: none;
}

.resultsContent tbody tr.extraInfo,
.resultsContent tbody tr:hover.extraInfo {
    background: none;
    background-color: #ffffff;
}
.resultsContent tbody tr.extraInfo td {
    border-top: 1px solid #ececec;
}

/* additional classes for unique tbody cell stlying */
.resultsContent tbody tr td.name a {
    margin: 2px 0px 2px 0px;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    padding: 0px;
    cursor: pointer;
}
.resultsContent tbody tr td.name .title {
    display: block;
    float: left;
    margin: 2px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    width: 100%;
}
.resultsContent tbody tr td.name .title a {
    float: left;
    font-size: 12px;
    padding: 0px 10px 0px 0px;
}
.resultsContent tbody tr td.name .titleDetails {
    width: 100%;
    font-size: 10px;
    margin: 0px;
    padding: 0px 0px 1px 10px;
    margin: 0px 0px 2px 0px;
    font-family: Verdana, Geneva, sans-serif;
    float: left;
}
.resultsContent tbody tr td.name .calendar {
    width: 100%;
    font-size: 10px;
    margin: 0px;
    padding: 0px 0px 1px 10px;
    margin: 0px 0px 2px 0px;
    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 0px 8px 0px;
}
.resultsContent tbody tr td.namePerson a {
    margin: px 0px 2px 0px;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    padding: 0px;
    cursor: pointer;
}
.resultsContent tbody tr td.namePerson .title {
    display: block;
    float: left;
    margin: 2px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    width: 100%;
}
.resultsContent tbody tr td.namePerson .title a {
    float: left;
    font-size: 12px;
    padding: 0px 10px 0px 0px;
}

#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:0px 0px 0px 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 0px;}
.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: 0px 5px 0px 5px;
}
.icons .shim {
    display: block;
    width: 16px;
    height: 16px;
}

.iconSmaller img {
    padding: 0px 4px;
}

.actionIcons {
    float: right;
    height: 16px;
    padding: 0px 17px 0px 0px;
}
.actionIcons li {
    float: right;
    height: 16px;
    width: 16px;
    padding: 0px 0px 0px 0px;
}
.actionIcons li a {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/resources/images/actions_icons.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.actionIcons li a span {
    display: none;
}
.actionIcons li.actEdit a {
    background-position: 0 0;
}
.actionIcons li.actEdit a:hover {
    background-position: -100px 0px;
}
.actionIcons li.actDelete {
    padding: 0px 0px 0px 14px;
}
.actionIcons li.actDelete a {
    background-position: 0px -120px;
}
.actionIcons li.actDelete a:hover {
    background-position: -100px -120px;
}

.actionIcons li.actNone a {
    padding: 0px 0px 0px 14px;
    background-image: none;
}
.actionIcons li.actNone img {
}

.actionIcons li.actDisable a:hover {
    background-position: -100px -40px;
}
.actionIcons li.actDisable {
    padding: 0px 0px 0px 14px;
}
.actionIcons li.actDisable a {
    background-position: 0px -40px;
}

.actionIcons li.actPreview {
    padding: 0px 10px 0px 0px;
}
.actionIcons li.actPreview a {
    background-position: 0 -80px;
}
.actionIcons li.actPreview a:hover {
    background-position: -100px -80px;
}

.actionIcons li.actCheck {
    padding: 0px 10px 0px 0px;
}
.actionIcons li.actCheck a {
    background: url(../images/ico_check.gif) 0 0 no-repeat;
}
.actionIcons li.actCheck a:hover {
    background-position: 0px 0px;
}

.actionIcons li.actAdd {
    padding: 0px 10px 0px 0px;
}
.actionIcons li.actAdd a {
    background-image: url(/resources/images/add.png);
    background-repeat: no-repeat;
}

.actionIcons li.actSort {
    padding: 0px 10px 0px 0px;
}
.actionIcons li.actSort a {
    background-image: url(/resources/images/arrow_switch_sm.png);
    background-repeat: no-repeat;
    cursor: move;
}

.actionIcons li.blank {
    padding: 0px 10px 0px 0px;
}
.actionIcons li.blank a {
    background: none;
}

.cabinsResultsContainer {
    padding: 0px 0px 0px 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: 0px 1px 0px 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: 0px 10px 0px 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: 0px 0px 10px 0px;
}
.resultsKey .keySection .title {
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 0px 4px 4px;
    margin: 0px;
    display: block;
    height: 16px;
}
.resultsKey .keySection div {
    display: block;
    width: 156px;
    height: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    line-height: 16px;
    color: #676767;
    font-size: 11px;
}
.resultsKey .keySection div img {
    padding: 0px 10px 0px 0px;
    float: left;
}
.resultsKey .keySection div span {
    line-height: 17px;
    display: block;
}

.largeContent .resultsKey {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border-top: 1px solid #a9a9a9;
}

/* content footer  *******************************************/
.resultsContent tfoot tr td {
    border-top: 1px solid #ccc;
}
.contentFooter {
    width: 943px;
    background-color: #fff;
    padding: 10px 15px 0px 0px;
    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: 0px 0px 0px 15px;
    margin: 0px;
    font-size: 10px;
}
.contentFooter select {
    width: 83px;
    margin: 3px 10px 0px 10px;
    color: #333;
}
.contentFooter .button {
    float: left;
    display: block;
    margin: 0px 15px 0px 0px;
    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: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    width: auto;
    float: left;
    margin: 0px 0px 0px 10px;
}
.contentFooter .csv-button {
    float: right;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #666;
    background: url(../images/button-ico-download-dark.svg) 0 50% no-repeat;
    padding: 0 0 0 20px;
}

/* tags to give us more flexable options for difrent footer options  */
.resultsContent .footerOption {
    padding: 5px 10px 0px 15px;
    float: left;
}
.resultsContent .footerOption label {
    padding: 0px 5px 0px 0px;
}
.resultsContent .footerOption .viewOptions {
    margin: 0px;
    width: 80px;
} /* fix to change location to the right of the footer */
.resultsContent .rightPosition {
    float: right;
    padding: 5px 0px 0px 0px;
}

/* 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,
.resultsFooter ul.jsPagination {
    display: inline-block;
    float: none;
    width: auto;
}
.resultsFooter .paginationList li,
.resultsFooter ul li {
    float: left;
    height: 37px;
    padding: 0px 13px 0px 0px;
}
.resultsFooter .paginationList li a,
.resultsFooter ul li a {
    cursor: pointer;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    margin: 9px 0px 0px 0px;
    line-height: 21px;
    background-image: url(../images/pagination_slide-right.gif);
    background-position: top right;
    height: 28px;
    background-repeat: no-repeat;
    padding: 0px 10px 0px 0px;
}
.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: 0px 0px 0px 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,
.resultsFooter .paginationList li a.active {
    padding: 0px;
    margin: 0px;
    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,
.resultsFooter .paginationList li a.active span {
    background-image: none;
    padding: 0px;
}
.resultsFooter .paginationList li.current a:hover,
.resultsFooter ul.current a:hover {
    color: #6f6f6f;
}

.resultsFooter .paginationList li a.disabled {
    display: none;
}

.popUpPagination .paginationList {
    border-top: 1px solid #ccc;
    margin: 10px 0 0 0;
}
.popUpPagination .paginationList li {
    float: left;
    height: 37px;
    padding: 10px 13px 0px 0px;
}
.popUpPagination .paginationList li a {
    display: block;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    line-height: 26px;
    height: 26px;
    padding: 0px 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: 0px 4px 4px 0px;
}

/*  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: 0px 7px 7px 0px;
    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: 0px;
    background: #cc0000;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px 10px;
    height: auto;
    width: auto;
}
.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: 9px;
    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: 0px;
}
.positioningGrid li .name {
    width: 100%;
    font-size: 16px;
    float: left;
    padding: 0px 0px 6px 0px;
    text-transform: uppercase;
    font-weight: bold;
    color: #999;
}
.positioningGrid li .details {
    width: 100%;
    font-size: 12px;
    float: left;
    padding: 0px 0px 15px 0px;
    color: #333;
}
.positioningGrid li .actions {
    float: left;
    width: 100%;
    padding: 0px 0px 5px 0px;
}
.positioningGrid li .actions .delete {
    float: right;
}

.positioningGridLarge li {
    height: 265px;
}
.positioningGridLarge li .detailsContaier {
    height: 255px;
}

/* section page styling - e.g. setting index page
-----------------------------------------------------------------------------------------------*/
.sectionNavigation {
    float: left;
    padding: 20px 0px 20px 16px;
    width: 942px;
    min-height: 294px;
    background-color: #fff;
    margin: 0px 0px 0px 16px;
}
.sectionNavigation li {
    float: left;
    width: 207px;
    height: 98px;
    padding: 0px 0px 0px 100px;
    background-position: 0px 0;
    background-repeat: no-repeat;
}
.sectionOverview {
    float: left;
    padding: 20px 0px 20px 0px;
    width: 957px;
    min-height: 294px;
    background-color: #fff;
    margin: 0px 0px 0px 16px;
} /* fix for the sales/charter and area guides index pages */
.sectionOverview-smaller {
    min-height: 200px;
}
.secNavOptions a {
    display: block;
    float: left;
    padding: 0px 10px 0px 0px;
}

.sectionNavigation li .sectionTitle a,
.sectionNavigation li .sectionTitle span.title {
    padding: 20px 0px 8px 0px;
    display: block;
    float: left;
    width: 220px;
    font-size: 16px;
    color: #666;
    text-decoration: none;
    font-family: "neue-haas-grotesk-display", Arial, sans-serif;
    font-weight: 500;
}
.sectionNavigation li .sectionTitle a:hover {
    color: #cc0000;
}
.sectionNavigation li .sectionLinks {
    width: 100%;
    float: left;
}
.sectionNavigation li .sectionLinks a {
    display: block;
    float: left;
    padding: 0px 7px 6px 0px;
    font-size: 12px;
    text-decoration: none;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
}
.sectionNavigation li .sectionLinks .dot {
    float: left;
    padding: 0 7px 8px 0;
    font-size: 12px;
}

.sectionNavigation li.inactive .sectionTitle a,
.sectionNavigation li.inactive .sectionTitle span.title {
    color: #999;
}
.sectionNavigation li .sectionLinks small {
    font-size: 11px;
    color: #999;
}

.divider-heading-container {
    background: #fff;
    width: 910px;
    margin: 0 0 0 16px;
    padding: 0 32px 0 16px;
    float: left;
}
.divider-heading-container .divider-heading {
    width: 600px;
    height: 20px;
    padding: 10px 0 0 14px;
    width: 100%;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    background: #eee;
    border: 1px solid #ccc;
    float: left;
}

/* 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: 0px -300px;
}
.settingsNav li.userAccount {
    background-position: 0px -600px;
}
.settingsNav li.help {
    background-position: 0px -100px;
}
.settingsNav li.organisation {
    background-position: 0px -400px;
}
.settingsNav li.billing {
    background-position: 0px -700px;
}
.settingsNav li.referral {
    background-position: 0px -200px;
}
.settingsNav li.groups {
    background-position: 0px -500px;
}
.settingsNav li.tags {
    background-position: 0px -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: 0px -100px;
}
.contentNav li.areaList {
    background-position: 0 -200px;
}
.contentNav li.itineraries {
    background-position: 0px -300px;
}
.contentNav li.contributor {
    background-position: 0px -400px;
}
.contentNav li.news {
    background-position: 0px -488px;
}
.contentNav li.blog {
    background-position: 0 -590px;
}
.contentNav li.airport {
    background-position: 0px -700px;
}
.contentNav li.database {
    background-position: 0px -800px;
}
.contentNav li.shipyard {
    background-position: 0px -900px;
}
.contentNav li.design {
    background-position: 0px -1000px;
}
.contentNav li.semiCustom {
    background-position: 0px -1100px;
}
.contentNav li.port {
    background-position: 0px -1200px;
}
.contentNav li.yachtCouncil {
    background-position: 0px -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: 0px -4400px;
}
.contentNav li.marinas {
    background-position: 0 -4500px;
}
.contentNav li.yachtFeatures {
    background-position: 0 -4600px;
}
.contentNav li.shipyardManager {
    background-position: 0px -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;
}
.contentNav li.cmsAccess {
    background-position: 0 -5788px;
}
.contentNav li.cmsArticles {
    background: url(../images/content-nav-icons/cms.svg) 0 50% no-repeat;
} /* new svg style icons */
.contentNav li.instergram {
    background-position: 0 -6000px;
}
.contentNav li.industryNews {
    background-position: 0 -6100px;
}

.contentNav li.event-guides {
    background: url(../images/content-nav-icons/event-ycf.svg) 0 8px no-repeat;
}
.contentNav li.advice-article-ycf {
    background: url(../images/content-nav-icons/advice-ycf.svg) 0 8px no-repeat;
}
.contentNav li.advice-article-yb {
    background: url(../images/content-nav-icons/advice-yb.svg) 0 8px no-repeat;
}
.contentNav li.advice-article-yb-inactive {
    background: url(../images/content-nav-icons/advice-yb-inactive.svg) 0 8px
        no-repeat;
}
.contentNav li.boat-show-guides {
    background: url(../images/content-nav-icons/boat-show-guides.svg) 0 8px
        no-repeat;
}
.contentNav li.boat-show-guides-inactive {
    background: url(../images/content-nav-icons/boat-show-guides-inactive.svg) 0
        8px no-repeat;
}
.contentNav li.award-ceremony {
    background: url(../images/content-nav-icons/award-ceremony.svg) 0 8px
        no-repeat;
}
.contentNav li.award-ceremony-inactive {
    background: url(../images/content-nav-icons/award-ceremony-inactive.svg) 0
        8px no-repeat;
}

/* fleet nav */
.fleetNav li {
    background-image: url(../images/content_nav-fleet.jpg);
}
.fleetNav li.database {
    background-position: 0 0;
}
.fleetNav li.semiCustom {
    background-position: 0 -100px;
}
.fleetNav li.concepts {
    background-position: 0 -200px;
}
.fleetNav li.monitoring {
    background-position: 0 -300px;
}
.fleetNav li.salesHistory {
    background-position: 0 -400px;
}
.fleetNav li.satallite {
    background-position: 0 -500px;
}
.fleetNav li.issues {
    background-position: 0 -600px;
}
.fleetNav li.yachtShow {
    background-position: 0 -700px;
}
.fleetNav li.awards {
    background-position: 0 -800px;
}
.fleetNav li.design {
    background-position: 0 -900px;
}
.fleetNav li.shipyard {
    background-position: 0 -1000px;
}
.fleetNav li.shipyardManager {
    background-position: 0 -1000px;
}
.fleetNav li.news {
    background-position: 0 -1100px;
}
.fleetNav li.instergram {
    background-position: 0 -1200px;
}
.fleetNav li.engine {
    background-position: 0 -1300px;
}

/* 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: 0px -100px;
}
.yachtsNav li.active {
    background-position: 0 0;
}
.yachtsNav li.featuredYachts {
    background-position: 0px -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 0px;
}
.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;
}
.poiNav li.categoryNightlife {
    background-position: 0 -600px;
}
.poiNav li.categoryHotels {
    background-position: 0 -700px;
}
.poiNav li.categorySeeDo {
    background-position: 0 -800px;
}

/* 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 7px 2px 7px;
    line-height: 10px;
    height: 13px;
}
#alphabet li a {
    display: block;
    cursor: pointer;
    text-decoration: none;
}

/* 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 0px 0px;
}
#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: 0px;
    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 0px 4px 0px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}
#bookingList table .status {
    width: 5px;
}
#bookingList table .idealStart {
    display: block;
    color: #999;
    font-style: italic;
    font-size: 11px;
    padding: 5px 0px 0px 0px;
}

.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: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 0.9em;
    padding: 4px 0 4px 0;
    line-height: 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 0px;
}

.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 0px 4px 0px;}


#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: 0px 10px 0px 0px;
}
.userLists li {
    float: left;
    width: 451px;
    border-bottom: 1px solid #cccccc;
    padding: 5px 0px 5px 0px;
    font-size: 12px;
}
.userLists .userPhoto {
    float: left;
    display: block;
    margin: 0px 10px 0px 0px;
    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: 0px 0px 0px 0px;
    display: block;
    width: 100%;
    float: left;
}
.userLists .userProfile .title {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
}
.userLists .userProfile .buttonS .title {
    font-weight: normal;
    font-size: 10px;
}
.userLists .userProfile .position {
    margin: 0px 0px 5px 0px;
}
.userLists .userProfile .userEmail {
    margin: 5px 0px 5px 0px;
    display: block;
}
.userLists .userProfile .userEmail span div.title {
    font-size: 10px;
    display: inline;
    font-weight: normal;
}
.userLists .userProfile .userFax {
    margin: 0px 0px 5px 0px;
}
.userLists .userProfile .userFax span div.title {
    font-size: 10px;
    display: inline;
    font-weight: normal;
}
/*.userLists  .userProfile .languages ul li { float:left; margin:0px 5px 5px 0px; padding:0px; width:21px; } */

.userLists .control {
    float: right;
    padding: 4px 0px 0px 0px;
}

#userListSelected,
#userListSelected li {
    width: 439px;
}

.preferredUser {
    margin: 3px 0px 0px 0px;
}

/* vessel chanels tab  */
.channelSelectionContainer {
    float: left;
}
.channelSelectionContainer li {
    float: left;
    width: 300px;
}
.channelSelectionContainer li .title {
    float: left;
    margin: 10px 0px 10px 0px;
    width: 290px;
    padding: 0px 0px 5px 0px;
    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: 0px 5px 0px 0px;
    float: left;
}
.channelSelectionContainer li .chanelOptions ul li .channelRow label {
    font-size: 11px;
}
.channelSelectionContainer li .chanelOptions ul li .urlOptions {
    float: left;
    width: 290px;
    margin: 5px 0px 10px 0px;
}
.channelSelectionContainer li .chanelOptions ul li .urlOptions .labels {
    border: none;
    margin: 7px 0px 7px 0px;
    font-weight: bold;
}
.channelSelectionContainer li .chanelOptions ul li .urlOptions .labels div {
    float: left;
    margin: 0px 5px 0px 0px;
}
.channelSelectionContainer li .chanelOptions ul li .urlOptions li {
    border: none;
    border-top: 1px solid #ccc;
    padding: 5px 0px 0px 0px;
}

/* 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 0px 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 0px 4px 5px;
    width: 956px;
}
#officeUserList li .title,
#officeUserList li .position {
    float: left;
    width: 394px;
    text-align: left;
    padding: 0px 0px 0px 20px;
}
#officeUserList li div a.dragHandle {
    float: right;
    margin: 0px 16px 0px 0px;
    cursor: move;
}

/* settings group management ordering list ----------------------------------------*/
#organisation_group_tree {
    float: left;
}
#organisation_group_tree li {
    float: left;
    width: 956px;
    padding: 4px 0px 4px 0px;
    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 0px 0px 0px;
}
#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 0px 0px 5px;
    background-position: 0 0px;
}
#organisation_group_tree .expandContainer a,
#organisation_group_tree .expandContainer div {
    display: block;
    width: 13px;
    padding: 0px 4px 0px 0px;
    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: 0px 100px 0px 0px;
}
#organisation_group_tree .featuredList {
    float: right;
    width: 152px;
}
#organisation_group_tree .featuredList li {
    float: left;
    width: 16px;
    padding: 0px 11px 0px 11px;
    border: none;
    background-color: #f9f9f9;
}

#organisation_group_tree .ordering {
    float: right;
    padding: 0px 33px 0px 0px;
}
#organisation_group_tree .actions {
    float: right;
    padding: 0px 10px 0px 10px;
}

#organisation_group_tree .groupSection {
    float: left;
    padding: 0px 8px 0px 8px;
}

#organisation_group_tree .groupActionsContainer {
    width: 115px;
    float: right;
    padding: 0px 5px 0px 0px;
}
#organisation_group_tree .groupActions {
    float: right;
    width: 115px;
    background-color: #f9f9f9;
}
#organisation_group_tree .groupActions li {
    float: right;
    border: none;
    width: 16px;
    padding: 0px 2px 0px 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 0px;
}
#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: 0px;
    margin: 0px 0px 0px 0px;
    width: 956px;
}
#officeUserList tr {
    width: 956px;
}
#officeUserList tr td {
}

/*#officeUserList li { float:left;  width:719px; padding:5px 0px 4px 5px; margin:0px 0px 0px 0px; background-color:#FFFFFF; border-bottom:1px solid #dddddd; font-size:1em;}
*/

/*################### content ##################################################################*/

/* itinerarys  - add, eidt, move photos */

#photos .inputRow {
    padding: 0px 0px 4px 0px;
}

#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: 0px 0 10px 0;
    float: left;
    width: 50px;
    font-size: 10px;
}
#photos .photoAttribute .value {
    float: left;
    font-size: 11px;
    padding: 0px 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 {
    width: 925px;
    padding: 0px;
    margin: 0px;
}
#photosAdditional li {
    float: left;
    margin: 0 9px 9px 0;
    width: 176px;
    background-color: #fff;
}
#photosAdditional li.ui-state-highlight {
    height: 310px;
}
#photosAdditional .photoContainer {
    position: relative;
    border: 1px solid #cccccc;
    padding: 5px;
    width: 166px;
    display: block;
    height: 305px;
}
#photosAdditional li:hover .photoContainer {
    border: 1px solid #cc0000;
}
#photosAdditional .photoContainer .photoPreview {
    float: left;
    padding: 0px;
    margin-bottom: 5px;
}
#photosAdditional .photoContainer .move {
    border: none;
    width: 166px;
    height: 117px;
    cursor: move;
    position: relative;
    z-index: 10;
    display: block;
}
#photosAdditional .photoContainer .move img {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
}
#photosAdditional .photoContainer .inputShim.textOutput p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 88px;
}

#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 {
    float: left;
    width: 100%;
}
#photosAdditional .photoButtonContainer a,
#photos .photoButtonContainer a {
    margin: 8px 7px 0px 0px;
}

#photosAdditional .preferedButtons,
#photos .preferedButtons {
    padding: 0px 0px 0px 69px;
    width: 180px;
}

/* additional tags for the ordering page -----------------------------------------------*/
#photosAdditional .sort {
    height: 79px;
}
#photosAdditional .sort .photoPreview {
    float: left;
    padding: 0px;
    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: 0px;
    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 {
}
#photosAdditional .smallerPhoto .photoPreview {
    float: left;
    padding: 0px;
    margin-bottom: 5px;
}
#photosAdditional .smallerPhoto .move:hover .selected {
}

/* 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: 0px;
    margin-bottom: 5px;
}
#photosAdditional .miniPhoto .move:hover .selected {
    height: 229px;
}

/* additional tags for publications */
#photosAdditional .publicationsSort {
    height: 134px;
}
#photosAdditional .publicationsSort .photoPreview {
    height: 134px;
    margin: 0px;
}
#photosAdditional .publicationsSort .title {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#photosAdditional .publicationsSort .move:hover .selected {
    height: 144px;
}

/* additional tags for review documents */
#photosAdditional .documentsList {
    height: 253px;
}
#photosAdditional .documentsList .photoContainer.sort {
    height: 242px;
    margin: 0px;
}
#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: 0px 0 5px 0;
    float: left;
    width: 50px;
    font-size: 10px;
}
#photosAdditional .photoAttribute .value {
    float: left;
    font-size: 11px;
    width: 107px;
    padding: 0px 0 5px 0;
}
#photosAdditional .photoAttribute .valueEffects {
    float: left;
    font-size: 1em;
    width: 107px;
    padding: 0px;
}
#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: 0px;
}
#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: 0px;
    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: 0px;
}

/* Room Tags */
#roomDescriptions ul li ul {
    margin: 0px;
    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 0px 5px 0px;
}
#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: 0px;
}
#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 0px 2px 0px;
}
#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: 0px 0px 0px 0px;
}
#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: 0px 0px 0px 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: 0px 7px 0px 0px;
    float: left;
    width: auto;
    margin-top: 0;
}
.seasonAreas .expandContainer {
    display: block;
    width: 20px;
    float: left;
    height: 20px;
    margin-top: 0;
}
.seasonAreas .expand {
    border: 1px solid #999;
    text-align: center;
    width: 12px;
    height: 12px;
    color: #000;
    display: block;
    cursor: pointer;
    float: left;
    margin: 0px 5px 0px 0px;
    text-decoration: none;
}
.seasonAreas .expand span {
    display: block;
    height: 12px;
    width: 12px;
}

.seasonAreas .area_name {
}

/* Bullet points */
.bullet_list {
    list-style-type: none;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 0px;
}
.bullet_list li {
    margin: 0 3px 3px 0px;
    padding: 5px 5px 5px 0px;
    height: 18px;
}
.bullet_list li span {
    position: absolute;
    cursor: move;
    margin: 2px 50px 0px 248px;
}
.bullet_list_item_delete {
    cursor: hand;
    cursor: pointer;
    margin: 0px 0px 0px 50px;
}
.bullet_list_item_delete img {
    padding: 4px 0px 0px 0px;
}

.bullet_list2 {
    float: left;
    width: 100%;
    margin: 3px 0px 0px 0px;
}
.bullet_list2 li {
    background: url(../images/bulletpoint.gif) 0 2px no-repeat;
    padding: 0px 0px 0px 15px;
    color: #333;
    margin: 0px 0px 7px 0px;
}
.bullet_list2 li p {
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
}

.booking-bulletpoints .bullet_list,
.tender-toys-bulletpoints .bullet_list {
    margin-top: 0;
    float: left;
    width: 100%;
}
.booking-bulletpoints .bullet_list li,
.tender-toys-bulletpoints .bullet_list {
    height: auto;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
}
.booking-bulletpoints .bullet_list li input,
.tender-toys-bulletpoints .bullet_list input {
    margin: 0 10px 10px 0;
    width: 300px;
}
.booking-bulletpoints .bullet_list li .ui-icon.ui-icon-arrowthick-2-n-s,
.tender-toys-bulletpoints .bullet_list li .ui-icon.ui-icon-arrowthick-2-n-s {
    position: relative;
    margin: 9px 0 0 10px !important;
    background: url(../images/arrow_switch_sm.png) 0 0 no-repeat;
}

.booking-bulletpoints .bullet_list li .jsBulletItemDelete,
.tender-toys-bulletpoints .bullet_list li .jsBulletItemDelete {
    margin-top: 11px;
    display: block;
    margin-left: 17px;
    padding: 0 3px 0 3px;
    cursor: pointer;
}

/* 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: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}
#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 #ccc;
}
.yachtQuote tr td,
.yachtTestimonials tr td {
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #ccc;
    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;
}

.yachtQuote tr td.quote p {
    white-space: normal;
}
.yachtQuote tr td.quote p.details {
    display: inline-block;
    margin-top: 10px;
    font-style: normal;
    width: 100%;
}

.yachtQuote tr td .actions {
    float: right;
}
.yachtQuote tr td .actions img {
    margin: 0 0 0 10px;
}
.yachtQuote tr td .actions img.moveIcon {
    margin: 0 30px 0 40px;
}

.brokerQuoteRow td {
    cursor: move;
}

/* press reslease - editors details 
--------------------------------------------------------------------*/
.jsNotesToEditorRow {
    margin: 0px 0px 25px 0px;
    float: left;
}
.jsNotesToEditorRow .buttonContainer {
    float: right;
    width: 100%;
    padding: 0px;
}
.jsNotesToEditorRow .buttonContainer .buttonM {
    float: right;
}
.jsNotesToEditorRow:last-child {
    margin: 0px;
}

/* team member tab 
---------------------------------------------------------------------*/
#teamMembers .staff_item {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}
#teamMembers .staffMember {
    width: 100%;
    float: left;
}
#teamMembers .staffMember .imageContainer {
    float: left;
    margin: 0px 20px 0px 0px;
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
}
#teamMembers .staffMember .name {
    margin: 0px 0px 7px 0px;
}
#teamMembers .staffMember .name a {
    text-decoration: none;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
}
#teamMembers .staffMember .languages {
    margin: 0px 0px 30px 0px;
}

#teamMembers .staffMember .orderingContainer {
    float: right;
}
#teamMembers .staffMember .orderingContainer .ordering {
    padding: 99px 0px 0px 0px;
}

#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 0px 0px 0px;
}
.photoCrop .cropPreview .save {
    float: left;
    width: 40px;
    margin: 20px 10px 0px 0px;
    padding: 0px 0px 6px 0px;
    display: block;
    height: 18px;
}
.photoCrop .cropPreview .cancel {
    float: left;
    width: 60px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
    display: block;
    height: 18px;
}

.photoCrop .photoOriginal {
    float: left;
    text-align: right;
}

/* sales/charter - overview tab - overview details
-------------------------------------------------------------------*/

.overviewDetails {
    padding: 32px 0px 20px 0px;
    margin: 10px 0px 0px 0px;
    float: left;
    width: 100%;
    background: url(../images/section_header-title-bg.gif) top center no-repeat;
}
.overviewDetails .title {
    font-size: 11px;
    padding: 0px 0px 6px 0px;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 16px;
    padding: 0px 0px 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: 0px 0px 5px 0px;
}
.overviewLanguages .flag {
    display: block;
    height: 11px;
    background: url(../images/flag-top100.gif) 0 0 no-repeat;
    padding: 0px 20px 0px 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;
    text-transform: uppercase;
    padding: 15px 0 10px 0;
    margin: 0;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
}
.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: "source-sans-pro", Arial, sans-serif;
    font-weight: 400;
}

/* reports page 
------------------------------------------------------------------------*/

.reportsContainer {
    float: left;
    width: 937px;
    padding: 24px 0px 0px 21px;
    height: auto;
    margin: 0px 0px 0px 16px;
    background-color: #fff;
}
.reportsContainer .reportHeader {
    float: left;
    width: 916px;
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 13px 0px;
}
.reportsContainer .reportHeader .dateRange {
    float: left;
    width: 600px;
}
.reportsContainer .reportHeader p {
    margin: 0px 0px 7px 0px;
    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 0px 0px 0px;
}
.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 0px 0px 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 0px 0px 0px;
    margin: 0px 0px 0px 16px;
    background-color: #fff;
    height: auto;
    width: 957px;
}

.reportsContainer .usageStats {
    float: left;
    width: 3px;
    padding: 28px 0px 0px 0px;
    width: 266px;
}
.reportsContainer .usageStats h1 {
    padding: 0px 0px 20px 0px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    font-size: 11px;
    color: #000;
}
.reportsContainer .usageStats .sparklineContainer {
    float: left;
    width: 100px;
}
.reportsContainer .usageStats .stats,
.atAGlance .stats {
    float: left;
    width: 166px;
}
.atAGlance .stats {
    padding: 0px 0px 0px 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: 0px 5px 0px 0px;
    font-size: 15px;
}
.reportsContainer .usageStats .stats li a,
.atAGlance .stats li a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.pageRankContainer {
    padding: 0px;
}

.reportsContainer .visitorDetails {
    float: left;
    width: 337px;
    height: 247px;
}
.reportsContainer .traficSources {
    float: left;
    width: 337px;
    height: 247px;
}

.mapTitle {
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    font-size: 11px;
    color: #000;
    float: left;
    width: 940px;
    padding: 23px 0px 10px 0px;
}
.reportsContainer .map {
    float: left;
    width: 556px;
}
.reportsContainer .mapDetails {
    float: left;
    height: 384px;
    width: 258px;
    margin: 0px 0px 24px 0px;
    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-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    text-decoration: none;
    padding: 0px 0px 0px 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: 0px 5px 0px 0px;
    font-size: 15px;
}

.reportSection {
    float: left;
    margin: 20px 0px 0px 0px;
}
.reportSection .title {
    font-size: 11px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    color: #000;
    padding: 0px 0px 10px 0px;
}

.reportsTable {
    border-collapse: collapse;
    margin: 0px 0px 20px 0px;
    width: 920px;
}
.reportsTable thead td {
    color: #555555;
    text-align: center;
    background-color: #f8f8f8;
    font-size: 11px;
    padding: 4px 0px 4px 0px;
    background-image: url(../images/thead_bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #dddddd;
}
.reportsTable tbody td {
    cursor: pointer;
    color: #333;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    padding: 4px 0px 4px 0px;
    font-size: 11px;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.reportsTable tbody tr.on td {
    background: url(../images/table_cell-bg.gif) repeat-x bottom center;
    background-color: #f7f8f7;
}
.reportsTable thead td.left,
.sectionTable tbody td.left {
    text-align: left;
    padding: 4px 0px 4px 5px;
    vertical-align: middle;
}
.reportsTable tbody tr td.none {
    border-bottom: none;
}
.reportsTable tbody td.left {
    text-align: left;
    padding: 4px 0px 4px 5px;
}

.reportsTable tbody tr td.noPadding {
    padding: 0px;
}

.reportsTable thead tr td a.sort {
    text-decoration: none;
    display: block;
    cursor: pointer;
}
.reportsTable thead tr td a.up {
    text-decoration: underline;
}
.reportsTable thead tr td a.down {
    text-decoration: underline;
}

.reportsTable thead tr td.firstSpacing,
.reportsTable tbody tr td.firstSpacing {
    padding: 4px 0px 4px 20px;
    text-align: left;
}

.resultsContent tr td.notFound {
    padding: 4px 0px 4px 20px;
    text-align: left;
} /* code for the tables no results cell */

.reportsTableContainer {
    float: left;
    width: 937px;
    height: auto;
    margin: 0px 0px 0px 16px;
    background-color: #fff;
}

/* sem reports page */
.semReportsContainer {
    float: left;
    width: 937px;
    padding: 24px 0px 0px 21px;
    height: auto;
    margin: 0px 0px 0px 16px;
    background-color: #fff;
}
.semReportsContainer .reportHeader {
    float: left;
    width: 916px;
    margin: 0px 0px 20px 0px;
}
.semReportsContainer .reportHeader .title {
    float: left;
    width: 916px;
    border-bottom: 1px solid #ccc;
    margin: 0px 0px 10px 0px;
}
.semReportsContainer .reportHeader .dateRange {
    float: left;
    width: 450px;
}

.semReportsContainer .reportHeader .dateRange {
    float: left;
    width: 600px;
}
.semReportsContainer .reportHeader p {
    margin: 0px 0px 7px 0px;
    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 0px 0px 0px;
}
.semReportsContainer .reportHeader ul li a {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.semReportsContainer .reportHeader .printReport {
    float: right;
    margin: 5px 0px 0px 0px;
}
.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 0px 0px 25px;
}

.semReportsContainer .reportLinks {
    float: left;
    margin: 8px 0px 0px 0px;
}
.semReportsContainer .reportLinks li {
    padding: 0px 15px 5px 0px;
    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 0px 0px 0px;
}
.semReportsContainer .semResultsHeading li {
    float: left;
    margin: 0px 15px 0px 0px;
}
.semReportsContainer .semResultsHeading li.title {
    float: left;
    width: 916px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    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: 0px 0px 10px 0px;
}
.semReportsContainer .keywordTable {
    float: left;
    width: 937px;
    margin: 0px 0px 20px 0px;
}
.semReportsContainer .keywordTable table {
    float: left;
    margin: 0px 20px 0px 0px;
    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: 0px 0px 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 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    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: 0px 10px 0px 0px;
}
#userListAvailable li .userProfile,
#userListSelected li .userProfile {
    float: left;
    width: 260px;
}
#userListAvailable li .userProfile p,
#userListSelected .userProfile p {
    margin: 0px 0px 3px 0px;
}
#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 0px 0px 0px;
}

.preferredUser {
    float: right;
}

.statsHeading {
    display: block;
    width: 570px;
    margin: 10px 0px 20px 0px;
    text-align: right;
    color: #015ac2;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    padding: 0px 5px 0px 0px;
}
.atAGlance {
    float: left;
}
.statsSectionHeading {
    color: #000;
    font-size: 15px;
    padding: 0px 0px 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: 0px 0px 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: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
}
.yachtAgentDetails p {
    line-height: 15px;
    display: block;
    width: 100%;
}
.yachtAgentDetails .name {
    margin: 0px 0px 5px 0px;
}

/* 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:0px 3px 0px 0px;}

#destinationTree li .attributes { float:left; }
#destinationTree li .attributes li  { float:left; margin:0px; padding:0px 3px 0px 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:0px 2px; border: 1px dashed #444; }
*/
#drag_container {
    background: #ffffff;
    color: #000;
    font:
        normal 11px arial,
        tahoma,
        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 0px 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: 0px 0px 0px 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.DIVING,
#description_feature_icon_list li a.SCUBA_DIVING_EQUIPMENT {
    background-position: 0 -100px;
}
#description_feature_icon_list li a.DIVE_COMPRESSOR {
    background-position: 0 -3400px;
}
#description_feature_icon_list li a.WET_SUIT {
    background-position: 0 -3450px;
}
#description_feature_icon_list li a.FISHING {
    background-position: 0 0;
}
#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.SNORKELING {
    background-position: 0 -150px;
}
#description_feature_icon_list li a.WATERSKI {
    background-position: 0 -350px;
}
#description_feature_icon_list li a.JETSKI {
    background-position: 0 -1050px;
}
#description_feature_icon_list li a.INFLATABLES {
    background-position: 0 -1850px;
}
#description_feature_icon_list li a.INFLATABLE_CLIMBING_WALL {
    background-position: 0 -4000px;
}
#description_feature_icon_list li a.INFLATABLE_TOWER {
    background-position: 0 -4050px;
}
#description_feature_icon_list li a.INFLATABLE_PONTOON {
    background-position: 0 -3650px;
}
#description_feature_icon_list li a.BIKES,
#description_feature_icon_list li a.MOUNTAIN_BIKE {
    background-position: 0 -650px;
}
#description_feature_icon_list li a.WINDSURF {
    background-position: 0 -1800px;
}
#description_feature_icon_list li a.JETSURF {
    background-position: 0 -4100px;
}
#description_feature_icon_list li a.CAR {
    background-position: 0 -600px;
}
#description_feature_icon_list li a.SUBMARINE {
    background-position: 0 -1450px;
}
#description_feature_icon_list li a.HELICOPTER {
    background-position: 0 -750px;
}
#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.GYM,
#description_feature_icon_list li a.OUTDOOR_GYM {
    background-position: 0 -700px;
}
#description_feature_icon_list li a.CONFERENCE_ROOM {
    background-position: 0 -550px;
}
#description_feature_icon_list li a.DANCEFLOOR {
    background-position: 0 -800px;
}
#description_feature_icon_list li a.HELIPAD {
    background-position: 0 -1000px;
}
#description_feature_icon_list li a.HOT_TUB,
#description_feature_icon_list li a.JACUZZI_DIP_POOL,
#description_feature_icon_list li a.JACUZZI_POOL_WITH_SWIM_JETS {
    background-position: 0 -1100px;
}
#description_feature_icon_list li a.IPOD {
    background-position: 0 -950px;
}
#description_feature_icon_list li a.LIGT,
#description_feature_icon_list li a.LIFT {
    background-position: 0 -1200px;
}
#description_feature_icon_list li a.MOVIE {
    background-position: 0 -900px;
}
#description_feature_icon_list li a.PLAYROOM {
    background-position: 0 -850px;
}
#description_feature_icon_list li a.SATCOM {
    background-position: 0 -1150px;
}
#description_feature_icon_list li a.SAUNA {
    background-position: 0 -1350px;
}
#description_feature_icon_list li a.SCOOTER {
    background-position: 0 -1250px;
}
#description_feature_icon_list li a.SEA_SCOOTER {
    background-position: 0 -1400px;
}
#description_feature_icon_list li a.SPA,
#description_feature_icon_list li a.MASSAGE_ROOM {
    background-position: 0 -1500px;
}
#description_feature_icon_list li a.STABILIZERS,
#description_feature_icon_list li a.STABILISERS {
    background-position: 0 -1300px;
}
#description_feature_icon_list li a.SWIMMING_POOL,
#description_feature_icon_list li a.DIP_POOL {
    background-position: 0 -1650px;
}
#description_feature_icon_list li a.VIDEO_ON_DEMAND {
    background-position: 0 -1600px;
}
#description_feature_icon_list li a.WIFI {
    background-position: 0 -1750px;
}
#description_feature_icon_list li a.SPORT_FISHING {
    background-position: 0 -1550px;
}
#description_feature_icon_list li a.BEACH_CLUB {
    background-position: 0 -1700px;
}
#description_feature_icon_list li a.WAKEBOARD {
    background-position: 0 -1900px;
}
#description_feature_icon_list li a.INFLATABLE_SLIDE,
#description_feature_icon_list li a.WATERSLIDE {
    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,
#description_feature_icon_list li a.BANAANA,
#description_feature_icon_list li a.DOUGHNUT,
#description_feature_icon_list li a.RINGO,
#description_feature_icon_list li a.SEA_BISCUIT,
#description_feature_icon_list li a.THRASHER,
#description_feature_icon_list li a.TUBESTER,
#description_feature_icon_list li a.U_TUBE {
    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,
#description_feature_icon_list li a.WATER_SOAKER {
    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,
#description_feature_icon_list li a.AMPHIBIOUS_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;
}
#description_feature_icon_list li a.WAVERIDER {
    background-position: 0 -50px;
}
#description_feature_icon_list li a.SPORT_SHOOTING {
    background-position: 0 -3100px;
}
#description_feature_icon_list li a.AIR_CONDITIONING {
    background-position: 0 -3000px;
}
#description_feature_icon_list li a.KARAOKE {
    background-position: 0 -2800px;
}
#description_feature_icon_list li a.GAMES_CONSOLES {
    background-position: 0 -2850px;
}
#description_feature_icon_list li a.SATELLITE_TV {
    background-position: 0 -2900px;
}
#description_feature_icon_list li a.PROJECTOR {
    background-position: 0 -2950px;
}
#description_feature_icon_list li a.STEAM_ROOM {
    background-position: 0 -3050px;
}
#description_feature_icon_list li a.ACCESSIBLE {
    background-position: 0 -3200px;
}
#description_feature_icon_list li a.FLYBOARD {
    background-position: 0 -3150px;
}
#description_feature_icon_list li a.HOVERBOARD {
    background-position: 0 -3250px;
}
#description_feature_icon_list li a.WAKESURF {
    background-position: 0 -3300px;
}
#description_feature_icon_list li a.WAKESKATE {
    background-position: 0 -3350px;
}
#description_feature_icon_list li a.BBQ_AREA {
    background-position: 0 -500px;
} /* missing code in DB*/
#description_feature_icon_list li a.JET_LEV,
#description_feature_icon_list li a.JET_LEV,
#description_feature_icon_list li a.JETLEV {
    background-position: 0 -3550px;
}
#description_feature_icon_list li a.WET_SUIT {
    background-position: 0 -3450px;
}
#description_feature_icon_list li a.SEAPLANE {
    background-position: 0 -3500px;
}
#description_feature_icon_list li a.INFLATABLE_PONTOON {
    background-position: 0 -3650px;
}
#description_feature_icon_list li a.WATER_GOLF {
    background: 0 -3700px;
}

#description_feature_icon_list li a.TURKISH_BATH {
    background-position: 0 -3950px;
}
#description_feature_icon_list li a.DIVE_PLATFORM {
    background-position: 3800px;
}
#description_feature_icon_list li a.BATHING_PLATFORM {
    background-position: 0 -3850px;
}
#description_feature_icon_list li a.MISTING_SYSTEM {
    background-position: 0 -3750px;
}
#description_feature_icon_list li a.JETSKI_DOCK {
    background-position: 0 -3900px;
}

.amenities-sort-order li {
    margin: 0 10px 10px 0;
}
.amenities-sort-order li a {
    cursor: move;
}

.model-specifications .amenities-heading {
    padding-left: 40px;
    padding-top: 8px;
}

.model-specifications .inputField.LIFT {
    background: url(../images/icons/yb-amenities/lift.svg) 0 0 no-repeat;
}
.model-specifications .inputField.BEACH_CLUB {
    background: url(../images/icons/yb-amenities/beach-club.svg) 0 0 no-repeat;
}
.model-specifications .inputField.OUTDOOR_BAR {
    background: url(../images/icons/yb-amenities/outdoor-bar.svg) 0 0 no-repeat;
}
.model-specifications .inputField.OUTDOOR_SHOWER {
    background: url(../images/icons/yb-amenities/outdoor-shower.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.GYM {
    background: url(../images/icons/yb-amenities/gym.svg) 0 0 no-repeat;
}
.model-specifications .inputField.SAUNA {
    background: url(../images/icons/yb-amenities/sauna.svg) 0 0 no-repeat;
}
.model-specifications .inputField.SWIMMING_POOL {
    background: url(../images/icons/yb-amenities/swimming-pool.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.BBQ {
    background: url(../images/icons/yb-amenities/bbq.svg) 0 0 no-repeat;
}
.model-specifications .inputField.MOVIE_THEATRE {
    background: url(../images/icons/yb-amenities/cinema.svg) 0 0 no-repeat;
}
.model-specifications .inputField.LIVEWELL {
    background: url(../images/icons/yb-amenities/live-well.svg) 0 0 no-repeat;
}
.model-specifications .inputField.HELICOPTER_LANDING_PAD {
    background: url(../images/icons/yb-amenities/helipad.svg) 0 0 no-repeat;
}
.model-specifications .inputField.TOUCH_N_GO_HELIPAD {
    background: url(../images/icons/yb-amenities/helipad-touch.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.WHEELCHAIR_FRIENDLY {
    background: url(../images/icons/yb-amenities/wheelchair.svg) 0 0 no-repeat;
}
.model-specifications .inputField.BATHING_PLATFORM {
    background: url(../images/icons/yb-amenities/bathing-platform.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.TENDER_GARAGE {
    background: url(../images/icons/yb-amenities/tender-garage.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.SUNPADS {
    background: url(../images/icons/yb-amenities/sun-pad.svg) 0 0 no-repeat;
}
.model-specifications .inputField.UNDERWATER_LIGHTS {
    background: url(../images/icons/yb-amenities/underwater-lighting.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.JACUZZI {
    background: url(../images/icons/yb-amenities/jacuzzi.svg) 0 0 no-repeat;
}
.model-specifications .inputField.FOREDECK_SEATING {
    background: url(../images/icons/yb-amenities/seating.svg) 0 0 no-repeat;
}
.model-specifications .inputField.FOREDECK_SEATING_TABLE {
    background: url(../images/icons/yb-amenities/seating-table.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.OWNERS_BALCONY_AMENITIES {
    background: url(../images/icons/yb-amenities/balcony.svg) 0 0 no-repeat;
}
.model-specifications .inputField.HYDRAULIC_SWIM_PLATFORM {
    background: url(../images/icons/yb-amenities/hydraulic-platform.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.SUN_DECK {
    background: url(../images/icons/yb-amenities/sun-deck.svg) 0 0 no-repeat;
}
.model-specifications .inputField.AT_ANCHOR_STABILIZERS {
    background: url(../images/icons/yb-amenities/at-anchor-stabilizers.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.STABILISERS_UNDERWAY {
    background: url(../images/icons/yb-amenities/stabilizers-underway.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.BOW_THRUSTER {
    background: url(../images/icons/yb-amenities/bow-thrusters.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.STERN_THRUSTER {
    background: url(../images/icons/yb-amenities/bow-thrusters.svg) 0 0
        no-repeat;
}
.model-specifications .inputField.HYBRID {
    background: url(../images/icons/yb-amenities/hybrid.svg) 0 0 no-repeat;
}
.model-specifications .inputField.CRANE {
    background: url(../images/icons/yb-amenities/crane.svg) 0 0 no-repeat;
}
.model-specifications .inputField.AIR_CONDITIONING {
    background: url(../images/icons/yb-amenities/air-con.svg) 0 0 no-repeat;
}

@media only screen and (max-device-width: 1024px) {
    #header {
        width: 990px;
    }
}

/* Yacht Buyer - amenities 
####################################################################*/

/*
 BROKER PICTURE
 */

.enquiryBrokerDetails .inputRow {
    padding-top: 7px;
    padding-left: 50px;
    background: url(/resources/images/part-off-arrow.png) 16px 2px no-repeat;
    box-sizing: border-box;
}
.brokerProfile img,
.enquiryBrokerDetails .inputRow .inputField.brokerProfile img {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin: 0 20px 0 0;
}
.brokerProfile .brokerIntial,
.enquiryBrokerDetails .inputRow .inputField.brokerProfile .brokerIntial {
    width: 50px;
    height: 50px;
    display: block;
    background: #011c34;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin: 0 20px 0 0;
}
.enquiryBrokerDetails .inputRow .inputField.details {
    text-align: left;
    padding: 0 20px 0 0;
}
.enquiryBrokerDetails .inputRow a {
    text-decoration: none;
    display: block;
    font-size: 12px;
    margin: 0 0 5px 0;
}
.enquiryBrokerDetails .inputRow a.brokerName {
    font-weight: bold;
    margin-top: 3px;
}
.enquiryBrokerDetails .inputRow table tbody tr,
.enquiryBrokerDetails .inputRow table tbody tr.on {
    background: inherit;
    border: 0;
}
.enquiryBrokerDetails .inputRow table tbody tr:hover,
.enquiryBrokerDetails .inputRow table tbody tr.on:hover {
    background: inherit;
    border: 0;
}
.enquiryBrokerDetails .inputRow table tbody tr td,
.enquiryBrokerDetails .inputRow table tbody tr.on td {
    text-align: left;
    background: inherit;
    border: none;
}
.enquiryBrokerDetails .inputRow table tr td strong {
    margin: 0 10px 0 0;
    font-size: 11px;
}
.enquiryBrokerDetails .inputRow .inputField.viewDetails a {
    margin: 17px 0 0 0;
    font-size: 10px;
}
.broker-details-wrap {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 5px 0;
}
.brokerProfile {
    display: inline-block;
    padding-right: 5px;
    vertical-align: top;
}
.brokerProfile img {
    margin-right: 0;
}
.brokerDetails {
    display: inline-block;
}
.brokerDetails .brokerName {
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0 5px 0;
    vertical-align: top;
}
.brokerDetails .brokerOrgansiation {
    display: block;
    font-size: 12px;
    vertical-align: top;
}
.brokerProfile .brokerIntial {
    margin: 0 0 0 0;
}
/*
 ENQUIRY NOTES
 */
.jsNoteContainer {
    padding-left: 43px;
    clear: left;
}
.jsNoteContainer .noteEmail,
.jsNoteContainer .notePartyAudit,
.jsNoteContainer .notePartyNote,
.jsNoteContainer .NoteDetailsChanged,
.jsNoteContainer .noteInboundEmail,
.jsNoteContainer .noteWrongNumber,
.jsNoteContainer .noteLeftMessage,
.jsNoteContainer .noteLeftVoicemail,
.jsNoteContainer .noteNoAnswer,
.jsNoteContainer .noteInboundCall,
.jsNoteContainer .noteSms,
.jsNoteContainer .noteInboundSms,
.jsNoteContainer .noteCallAnswered {
    position: relative;
    display: block;
    margin: 0 17px 10px 0;
    padding: 6px 15px 10px 15px;
    background-color: #fff;
    border: 1px solid #9f9f9f;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
}
.jsNoteContainer .noteEmail:before,
.jsNoteContainer .notePartyAudit:before,
.jsNoteContainer .notePartyNote:before,
.jsNoteContainer .NoteDetailsChanged:before,
.jsNoteContainer .noteInboundEmail:before,
.jsNoteContainer .noteWrongNumber:before,
.jsNoteContainer .noteLeftMessage:before,
.jsNoteContainer .noteLeftVoicemail:before,
.jsNoteContainer .noteNoAnswer:before,
.jsNoteContainer .noteInboundCall:before,
.jsNoteContainer .noteSms:before,
.jsNoteContainer .noteInboundSms:before,
.jsNoteContainer .noteCallAnswered:before {
    content: "";
    position: absolute;
    left: -44px;
    top: 9px;
    width: 44px;
    height: 34px;
}
/*
 icons
 */
.jsNoteContainer .noteEmail:before {
    background: url(/resources/images/notes_tab-email-out.gif) 0 0 no-repeat;
}
.jsNoteContainer .notePartyAudit:before {
    background: url(/resources/images/notes_tab-system.gif) 0 0 no-repeat;
}
.jsNoteContainer .notePartyNote:before {
    background: url(/resources/images/notes_tab-note.gif) 0 0 no-repeat;
}
.jsNoteContainer .NoteDetailsChanged:before {
    background: url(/resources/images/notes_tab-system.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteInboundEmail:before {
    background: url(/resources/images/notes_tab-email-inbound.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteWrongNumber:before {
    background: url(/resources/images/notes_wrong-number.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteLeftMessage:before {
    background: url(/resources/images/notes_tab-comment.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteLeftVoicemail:before {
    background: url(/resources/images/notes_tab-comment.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteNoAnswer:before {
    background: url(/resources/images/notes_wrong-number.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteInboundCall:before {
    background: url(/resources/images/notes_tab-call-inbound.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteSms:before {
    background: url(/resources/images/notes_tab-sms-out.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteInboundSms:before {
    background: url(/resources/images/notes_tab-sms-inbound.gif) 0 0 no-repeat;
}
.jsNoteContainer .noteCallAnswered:before {
    background: url(/resources/images/notes_tab-call-answered.gif) 0 0 no-repeat;
}
.jsNoteContainer .meta {
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    line-height: 24px;
}
.jsNoteContainer .message-contents {
    white-space: pre-wrap;
    line-height: 16px;
    color: #333;
}

/*
 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;
}

.slick-slider {
    margin: 5px 0 20px 0;
    padding: 28px 0 20px 0;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}
.slick-slider .slick-prev {
    position: absolute;
    top: 0;
    left: 0;
}
.slick-slider .slick-next {
    position: absolute;
    top: 0;
    right: 6px;
}
.slick-slider .slick-dots {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
}
.slick-slider .slick-dots li {
    display: inline-block;
    margin: 0 2px;
}
.slick-slider .slick-dots li.slick-active button {
    background: #000;
    color: #fff;
}

/*
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 (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 {
    float: left;
    width: 100%;
    box-sizing: border-box;
}
#deckSortable li,
.un-assigned {
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
}
#deckSortable li label,
.un-assigned label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 10px;
}
.un-assigned label {
    color: #cc0000;
}

#deckSortable li .action-container {
    float: right;
    padding: 10px;
}
#deckSortable li .action-container div {
    float: right;
    margin: 0 0 0 15px;
}
#deckSortable li .action-container div.move {
    margin: 0 20px 0 0;
    cursor: move;
}

#deckSortable .ui-state-highlight {
    width: 100%;
    margin: 0px 0px 7px 0px;
    height: 78px;
    float: left;
}

#deckSortable .ui-sortable .name {
    text-transform: capitalize;
    font-weight: bold;
}
#deckSortable .ui-sortable .action-container,
.un-assigned .action-container {
    float: none;
}
#deckSortable .ui-sortable .action-container div,
.un-assigned .action-container div {
    float: right;
    margin: 0 0 0 15px;
}
#deckSortable .ui-sortable .action-container div.move,
.un-assigned .action-container div.move {
    margin: 0 20px 0 0;
    cursor: move;
}
#deckSortable .ui-sortable tr:last-child td {
    border-bottom: none;
}

.un-assigned .sectionTable {
    margin: 0;
}

#deckSortable .ui-sortable-helper {
    background: #eee;
    border: 1px solid #000;
}
#deckSortable .inputRow {
    cursor: move;
}
#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;
}
.tooltip-image-small {
    width: 13px;
    height: auto;
    display: inline-block;
    margin: 0 0 0 5px;
}

/* Video (Vimeo) upload styling 
------------------------------------------------------------*/
.videoUploadContainer {
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    min-height: 120px;
}

.progress-bar {
    background-color: #ccc;
    height: 20px;
}
.jsUploadForm {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 40px 20px 20px 20px;
}

.uploadVideo {
    background: url(../v2/3rdparty/dropzone/upload-icon.svg) no-repeat scroll
        center top;
    min-height: 120px;
    width: 100%;
    text-align: center;
    padding: 80px 0 0 0;
}

.uploadVideo label {
    margin: 0 auto;
    float: none;
}
.uploadVideo label span {
    background: #00adef none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 12px;
    text-align: center;
    width: 206px;
    display: inline-block;
}

#drop_zone {
    text-align: center;
}

fieldset.span40None.videoUploadFieldset {
    width: 921px;
    position: relative;
}

#progress-container {
    width: 98%;
    position: absolute;
    top: 33px;
    left: 9px;
}

#jsVimeoDetails {
    width: 100%;
    float: left;
}

.uploadedVideoContainer {
    width: 100%;
    float: left;
    padding: 10px 0 0 0;
}
.uploadedVideoContainer .photoBorderContainer {
    margin-bottom: 15px;
}

table.videoDetails {
    margin: 0 0 5px 0;
}
table.videoDetails tr td p {
    margin: 0 0 3px 0;
    color: #333;
}
table.videoDetails tr td.label p {
    color: #6f6f6f;
}

.previewVideoContainer {
    margin: 20px 0 0 0;
    width: 100%;
    float: left;
}

.alert.alert-danger {
    position: absolute;
    top: 175px;
    left: 0px;
    color: #cc0000;
    width: 100%;
    text-align: center;
    z-index: 10;
}

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

/* Overlay closing cross */
.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(../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 {
    display: block;
    background: #282828;
    height: 48px;
    padding: 10px 20px;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
}
.overlay-contentpush .overlay-header .oh-wrap {
    margin: 0 auto;
    float: none;
    width: 1190px;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .overlay-contentpush .overlay-header .oh-wrap {
        width: 1056px;
    }
}

.overlay-contentpush .overlay-header .jsOverlayClose {
    color: #fff;
    font-size: 16px;
    line-height: 1em;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    background: url(../images/overlay-back-arrow.svg) 0 4px no-repeat;
    background-size: 26px auto;
    display: inline-block;
    padding: 3px 0 0 40px;
    text-decoration: none;
}
.overlay-contentpush .overlay-header .save-button {
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    margin: 0;
    background: #4ece3d;
    border-radius: 4px;
    padding: 7px 20px;
    float: right;
    letter-spacing: 0.5px;
    transition: opacity 250ms ease-out;
}
.overlay-contentpush .overlay-header .save-button:hover,
.overlay-contentpush .overlay-header .cancel-button:hover {
    opacity: 0.7;
}
.overlay-contentpush .overlay-header .cancel-button {
    color: #949494;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    margin: 0 20px 0 0;
    border: 1px solid #949494;
    border-radius: 4px;
    padding: 6px 20px;
    float: right;
    letter-spacing: 0.5px;
    transition: opacity 250ms ease-out;
}
.overlay-contentpush div[data-id="loading"] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
}
.overlay-contentpush .overlay-content {
    margin-top: 47px;
    width: 100%;
    height: calc(100% - 57px);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /*ios momentum scrolling enabled*/
}

.overlay-contentpush .additional-options {
    padding: 20px 0 0 40px;
}
.overlay-contentpush .additional-options img {
    margin: 0 0 17px 0;
}
.overlay-contentpush .main-option {
    padding: 20px 0 0 0;
}
.overlay-contentpush .main-option fieldset {
    width: 100%;
    padding: 0 40px 0 0;
    box-sizing: border-box;
}

.overlay-contentpush .main-option .heading-section {
    min-height: 60px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    color: #2c405a;
    font-size: 24px;
    font-weight: 400;
}
.overlay-contentpush .main-option .heading-section div {
    padding-left: 50px;
}
.overlay-contentpush .main-option .heading-section span {
    color: #666;
    font-size: 18px;
    font-weight: 300;
    display: block;
    padding: 36px 0 0 0;
}
.overlay-contentpush .overlay-back-button {
    float: right;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 9px 25px;
}

.overlay-contentpush .main-option .heading-section.browse-heading {
    background: url(../images/icons/cms-images-browse.svg) 0 0 no-repeat;
    padding-bottom: 10px;
}
.overlay-contentpush .main-option .heading-section.catalogue-heading {
    background: url(../images/icons/cms-images-catalog.svg) 0 0 no-repeat;
    margin-bottom: 40px;
}
.overlay-contentpush .main-option .heading-section.photo-zone-heading {
    background: url(../images/icons/cms-images-zone.svg) 0 0 no-repeat;
    margin-bottom: 15px;
}
.overlay-contentpush .main-option .heading-section.photo-zone-heading div {
    padding: 3px 0 0 55px;
}
.overlay-contentpush .main-option .heading-section.campaign-spec {
    background: url(../images/icons/cms-campaign-spec.svg) 0 0 no-repeat;
    padding: 8px 0 0 0;
    margin: -5px 0 12px 0;
}
.overlay-contentpush .main-option .heading-section.campaign-text {
    background: url(../images/icons/cms-campaign-text.svg) 0 0 no-repeat;
    padding: 5px 0 0 0;
    margin: -5px 0 15px 0;
}
.overlay-contentpush .main-option .heading-section.campaign-text {
    padding-left: 58px;
}
.overlay-contentpush .main-option .heading-section.campaign-text div {
    padding-left: 0;
}

.overlay-contentpush .main-option .heading-section.campaign-booking {
    background: url(../images/icons/cms-campaign-booking.svg) 0 0 no-repeat;
    padding-top: 3px;
}
.overlay-contentpush .main-option .heading-section.campaign-booking div {
    padding-left: 45px;
}
.overlay-contentpush .main-option .heading-section.campaign-quote {
    background: url(../images/icons/cms-campaign-quote.svg) 0 0 no-repeat;
}
.overlay-contentpush .main-option .heading-section.campaign-contact {
    background: url(../images/icons/cms-campaign-contact.svg) 0 0 no-repeat;
}
.overlay-contentpush .main-option .heading-section.campaign-contact div {
    padding-left: 58px;
}
.overlay-contentpush .main-option .heading-section.campaign-documents {
    background: url(../images/icons/cms-campaign-documents.svg) 0 0 no-repeat;
    padding-top: 3px;
}
.overlay-contentpush .main-option .heading-section.campaign-documents div {
    padding-left: 44px;
}
.overlay-contentpush .main-option .heading-section.campaign-price {
    background: url(../images/icons/cms-campaign-price.svg) 0 0 no-repeat;
}
.overlay-contentpush .main-option .heading-section.campaign-price div {
    padding-left: 55px;
}

.overlay-contentpush .main-option .heading-section.cms-copy {
    background: url(../images/icons/cms-text.svg) 0 0 no-repeat;
    padding-left: 60px;
}
.overlay-contentpush .main-option .heading-section.cms-quote {
    background: url(../images/icons/cms-quote.svg) 0 0 no-repeat;
    padding-left: 50px;
}

.overlay-contentpush .main-option .heading-section.cms-rating {
    background: url(../images/icons/cms-rating.svg) 0 0 no-repeat;
    padding: 2px 0 0 47px;
}
.overlay-contentpush .main-option .heading-section.cms-rating div {
    padding-left: 0;
}

.overlay-contentpush .section-main-heading {
    display: block;
    width: 60%;
    float: left;
    font-family: "neue-haas-grotesk-display", Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #333;
    text-transform: uppercase;
}
.overlay-contentpush .section-sub-heading {
    display: block;
    width: 77%;
    float: left;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.1em;
    color: #2c405a;
    font-weight: 400;
    margin: 25px 0 0 0;
    padding: 0 0 12px 0;
}
.overlay-contentpush .sectionHeading {
    font-family: "neue-haas-grotesk-display", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    margin: 0 0 15px 0;
}
.overlay-contentpush .form-heading {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    margin: 0 0 10px 0;
}
.overlay-contentpush .margin-t-10 {
    margin-top: 10px;
}

.publish-options {
    width: 100%;
    float: left;
}
.publish-options li {
    float: left;
    margin-right: 30px;
    width: 368px;
    min-height: 295px;
    text-align: center;
    border: 1px solid #ccc;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #3f536e;
    box-sizing: border-box;
}
.publish-options li a {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 206px;
    color: #fff;
    font-size: 16px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    border-radius: 4px;
    margin: 0 auto 12px auto;
    background: #00adef;
    text-decoration: none;
}
.publish-options li a:hover {
    background: #0088cc;
    color: #fff;
}

.publish-options li.download-email {
    background: url(../images/icons/download-email.svg) center 53px no-repeat;
    padding: 163px 0 0 0;
}
.publish-options li.mailchimp {
    background: url(../images/icons/email-mailchimp.svg) center 46px no-repeat;
    padding: 163px 0 0 0;
}
.publish-options li.new-template {
    background: url(../images/icons/new-template.svg) center 53px no-repeat;
    padding: 163px 0 0 0;
}
.publish-options li.edit-template {
    background: url(../images/icons/edit-template.svg) center 53px no-repeat;
    padding: 163px 0 0 0;
}
.publish-options li.new-campaign {
    background: url(../images/icons/new-campaign.svg) center 53px no-repeat;
    padding: 163px 0 0 0;
}
.publish-options li.edit-campaign {
    background: url(../images/icons/edit-campaign.svg) center 53px no-repeat;
    padding: 163px 0 0 0;
}

.overlay-contentpush .hero-photo-container {
    margin: 10px 0 30px 0;
}
.overlay-contentpush .hero-photo-container .photoBorderContainer {
    margin: 0 0 15px 0;
}
.overlay-contentpush
    .hero-photo-container
    .photoButtonContainer
    .deleteResource:after {
    content: "Delete Photo";
}

/* campgain - contact */
.overlay-contentpush #userListAvailable {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}
.overlay-contentpush #userListAvailable li {
    width: 100%;
    float: left;
}
.overlay-contentpush #userListAvailable li .user-image {
    float: left;
    padding: 0 20px 0 0;
    width: 170px;
}
.overlay-contentpush #userListAvailable li .user-details {
    float: left;
    position: relative;
    width: 597px;
}
.overlay-contentpush #userListAvailable li .user-details p {
    font-size: 12px;
    color: #666;
    margin: 0 0 15px 0;
}
.overlay-contentpush #userListAvailable li .user-details p.name {
    font-weight: bold;
    font-size: 14px;
}
.overlay-contentpush #userListAvailable li .user-details .remove {
}
.overlay-contentpush #userListAvailable li .user-details .remove {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    padding: 0px 15px 0 33px;
    background: url(../images/button-ico-remove.svg) 10px 50% no-repeat #fff;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right;
    color: #999;
    position: absolute;
    top: 0;
    right: 0;
}
.overlay-contentpush #userListAvailable li .user-details .remove:hover {
    background: url(../images/button-ico-remove-hover.svg) 10px 50% no-repeat
        #363636;
    border: 1px solid #313131;
    color: #fff;
}

/* campgain - selected yacht */
.overlay-contentpush .selected-yacht {
    float: left;
    margin: 0 0 30px 0;
    width: 100%;
}
.overlay-contentpush .selected-yacht .image-container {
    float: left;
    padding: 0;
    width: 100%;
}
.overlay-contentpush .selected-yacht .image-container img {
    width: 100%;
}
.overlay-contentpush .yacht-details {
    float: left;
}
.overlay-contentpush .yacht-details p {
    font-size: 12px;
    color: #666;
    margin: 0 0 10px 0;
}
.overlay-contentpush .yacht-details .name {
    font-size: 16px;
    margin: 0 0 15px 0;
    font-weight: bold;
}
.overlay-contentpush .yacht-details .label {
    width: 64px;
    display: inline-block;
}

/* rates */
.sectionInner.rateSection {
    background: #fff;
    padding: 0;
    border-bottom: 4px solid #a8c6df;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}
.sectionInner.rateSection .editButton {
    margin-right: 5px;
}
.addNewRate,
.modern .add-bullet .buttonM {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    padding: 0px 20px 0 38px;
    margin: 0 15px 0 0;
    background: url(../images/button-ico-plus.svg) 13px 50% no-repeat #0093ee;
    font-size: 15px;
    border-radius: 4px;
    float: right;
    color: #fff;
}
.addNewRate:hover,
.modern .add-bullet .buttonM:hover {
    background-color: #33a9f1;
}
.modern .add-bullet .buttonM {
    float: left;
}

.overlay-contentpush .delete-button.delete-rate {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 21px;
    width: 37px;
    height: 34px;
    line-height: 34px;
    color: #999;
    background: url(../images/button-ico-delete.svg) 10px 50% no-repeat #fff;
}
.overlay-contentpush .delete-button.delete-rate:hover {
    background-image: url(../images/button-ico-delete-hover.svg);
}
.overlay-contentpush .delete-button.delete-rate:after {
    color: #999;
}
.overlay-contentpush .delete-button.delete-rate:hover:after {
    color: #fff;
}

p.zone_name {
    display: block;
    width: 122px;
    text-align: center;
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #666;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* campgain - document */
.overlay-contentpush .action-buttons {
    margin-top: 20px;
}

.overlay-contentpush .action-buttons .deleat-button,
.overlay-contentpush .deleteResource,
.overlay-contentpush .delete-button {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    padding: 0px 15px 0 30px;
    margin: 0 15px 0 0;
    background: url(../images/button-ico-delete.svg) 10px 50% no-repeat #525252;
    font-weight: bold;
    font-size: 12px;
    text-indent: -99999px;
    border: 1px solid #4a4a4a;
    border-radius: 4px;
    float: right;
    color: #fff;

    position: relative;
}
.overlay-contentpush .action-buttons .deleat-button:hover,
.overlay-contentpush .deleteResource:hover,
.overlay-contentpush .delete-button:hover {
    background-color: #363636;
    border: 1px solid #313131;
}
.overlay-contentpush .action-buttons .deleat-button:after,
.overlay-contentpush .deleteResource:after,
.overlay-contentpush .delete-button:after {
    content: "Delete";
    position: absolute;
    top: 0;
    left: 30px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-indent: 0;
}

.overlay-contentpush .deleteResource {
    width: 36px;
}
.overlay-contentpush .deleteResource span {
    display: none;
}

.overlay-contentpush .actual-photo .span19None {
    width: 100%;
}

.overlay-contentpush .photoButtonContainer .buttonM {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    position: relative;
    background: url(../images/icons/button-download-icon.svg) 12px 50% no-repeat
        #999;
    padding: 0 14px 0 33px;
}
.overlay-contentpush .photoButtonContainer .buttonM span {
    background: none;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 12px;
    padding: 0;
}
.overlay-contentpush .photoButtonContainer .buttonM:hover {
    background-color: #363636;
}

.overlay-contentpush .photoButtonContainer .buttonM.maskM {
    background: url(../images/icons/button_m-mask.svg) 9px 50% no-repeat #999;
    padding: 0 14px 0 30px;
}
.overlay-contentpush .photoButtonContainer .buttonM.maskM:hover {
    background-color: #363636;
}
.overlay-contentpush .photoButtonContainer .buttonM.editM {
    background: url(../images/button-ico-edit.svg) 11px 50% no-repeat #999;
    background-size: 12px auto;
    padding: 0 14px 0 30px;
}
.overlay-contentpush .photoButtonContainer .buttonM.editM:hover {
    background-color: #363636;
}

.overlay-contentpush .photoButtonContainer .delete,
.overlay-contentpush .photoButtonContainer .deleteResource {
    background: url(../images/icons/button_photo-delete.svg) 10px 50% no-repeat
        #999;
    border: 1px solid #999;
}
.overlay-contentpush .photoButtonContainer .delete:hover,
.overlay-contentpush .photoButtonContainer .deleteResource:hover {
    background-color: #363636;
}

.overlay-contentpush .action-buttons .view-button {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    padding: 0px 15px 0 36px;
    margin: 0 15px 0 0;
    background: url(../images/button-ico-view.svg) 10px 50% no-repeat #5bc0de;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #40accc;
    border-radius: 4px;
    float: left;
    color: #fff;
}
.overlay-contentpush .action-buttons .view-button:hover {
    background-color: #9c9c9c;
    border: 1px solid #868686;
}

.overlay-contentpush .action-buttons .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;
}
.overlay-contentpush .action-buttons .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;
}

/* pro/con section
---------------------------------*/
.p_bullet_list_container {
    width: 100%;
    float: left;
}
.ProsConsList {
    margin-top: 15px;
    width: 100%;
    float: left;
}
.ProsConsList tr td p {
    font-size: 14px;
}

.pro-con-heading,
.inputRow p.pro-con-heading {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1em;
    color: #666;
    text-transform: uppercase;
    margin: 5px 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    display: block;
    width: 100%;
}

.import-data {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    padding: 0px 20px 0 43px;
    margin: 0;
    background: url(../images/button-ico-import.svg) 16px 50% no-repeat;
    font-size: 15px;
    border: 1px solid #0093ee;
    border-radius: 4px;
    float: left;
    color: #0093ee;
}

.import-data:hover {
    border: 1px solid #33a9f1;
    color: #fff;
    background: url(../images/button-ico-import-hover.svg) 16px 50% no-repeat
        #33a9f1;
}

.change-text {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    padding: 0px 20px 0 43px;
    margin: 0;
    background: url(../images/icons/button_ico-change.svg) 16px 50% no-repeat;
    font-size: 15px;
    border: 1px solid #0093ee;
    border-radius: 4px;
    float: left;
    color: #0093ee;
}

.change-text:hover {
    border: 1px solid #33a9f1;
    color: #fff;
    background: url(../images/icons/button_ico-change-hover.svg) 16px 50%
        no-repeat #33a9f1;
}

/*.overlay-contentpush .main-option .photo-option-lable {
	font-family:'Source Sans Pro', Arial, sans-serif; font-weight:700; font-size:18px; color:#3f536e;
	width:100%;
	float:left;
}
.overlay-contentpush .additional-options .inputRow {
	padding-bottom:27px;
}
.overlay-contentpush .additional-options label { 
	font-family:'Source Sans Pro', Arial, sans-serif; font-weight:400; font-size:14px;
	margin:0 0 5px 0;
}
.overlay-contentpush .additional-options input {
	font-family:'Source Sans Pro', Arial, sans-serif; font-weight:400; font-size:14px; color:#666;
	padding:6px 10px;
}
.overlay-contentpush .additional-options .inputParameter {
	font-family:'Source Sans Pro', Arial, sans-serif; font-weight:300; font-size:14px;
	padding:4px 0 0 10px;
}
.overlay-contentpush .additional-options .inputRow .checkbox { margin:2px 4px 0 0;}

.overlay-contentpush .actual-photo .photoBorderContainer {
	border:none;
	padding:0; margin:0 0 15px 0;
}
.overlay-contentpush .actual-photo .inputRow { padding-bottom:10px;}
.overlay-contentpush .actual-photo .photoButtonContainer { margin-bottom:10px;}
*/

/* two columned data */
@media only screen and (min-width: 1240px) {
    .overlay-contentpush .overlay-content .section {
        margin: 0 auto;
        float: none;
        width: 1190px;
    }
    .overlay-contentpush .overlay-content fieldset.span40None {
        float: left;
        width: 850px;
    }
    .overlay-contentpush .overlay-content fieldset.span40None * {
        max-width: 850px;
    }
    .overlay-contentpush .overlay-content .columnContainer.span40 {
        float: right;
        width: 300px;
    }
}
.overlay-contentpush .overlay-content .columnContainer.span40 * {
    max-width: 300px;
}
.overlay-contentpush .overlay-content .section .sectionHeader {
    width: 100%;
}
.overlay-contentpush .overlay-content .sectionHeader .title {
    width: 100%;
}

/*.overlay-contentpush .photoButtonContainer { width:450px !important;}
.overlay-contentpush .photoButtonContainer .buttonM, .overlay-contentpush .photoButtonContainer .delete { 
	background:#e6e6e6;
	padding:0 14px 0 30px; 
	border:1px solid #e6e6e6;
	border-radius:3px;
	font-family:'Source Sans Pro', Arial, sans-serif; font-weight:400; color:#333; font-size:12px; letter-spacing:0.02em;
	background-repeat:no-repeat; background-position:10px 50%; background-image:url(../images/icons/button_m-download.svg); background-size: 12px auto;
	height:25px; line-height:25px;
}
.overlay-contentpush .photoButtonContainer .buttonM span {
	background:none;
	padding:0;
}
.overlay-contentpush .photoButtonContainer .buttonM:hover, .overlay-contentpush .photoButtonContainer .delete:hover {
	background-color:#cbcbcb;
	background-repeat:no-repeat; background-position:10px 50%;
	border:1px solid #a7a7a7;
}

.overlay-contentpush .photoButtonContainer .buttonM.maskM  {
	background-image:url(../images/icons/button_m-resize.svg); background-size: 12px auto;
}
.overlay-contentpush .photoButtonContainer .buttonM.editM {
	background-image:url(../images/icons/button_m-edit.svg); background-position:12px 50%;
}
.overlay-contentpush .photoButtonContainer .buttonM.editM {
	background-image:url(../images/icons/button_m-edit.svg);
}

.overlay-contentpush .photoButtonContainer .delete { 
	text-decoration:none; height:25px; width:42px;
	background-image:url(../images/icons/button_m-delete.svg); background-size: auto auto;
	cursor:pointer;
	padding-left:22px;
}
.overlay-contentpush .photoButtonContainer .delete:after { 
	content:'Delete';
	height:25px; line-height:25px; 
	display:block;
	padding:0 10px 0 8px;
}
*/

/* table of contents 
----------------------------------------------*/

.overlay-contentpush
    .main-option
    .heading-section.table-contents-zone-heading
    div {
    background: url(../images/icons/cms-table-of-contents.svg) 0 0 no-repeat;
    background-size: 28px 28px;
    height: 30px;
    padding-left: 43px;
}

.table-of-contents .directions {
    font-size: 16px;
    color: #666;
    line-height: 1.1em;
    margin: 0 0 7px 0;
}

.table-of-contents .preview-row p.title {
    font-size: 16px;
    color: #666;
    line-height: 1.1em;
    margin: 25px 0 20px 0;
    display: block;
}
.table-of-contents .preview-row ul {
    width: 100%;
    margin: 0 0 0 -28px;
}
.table-of-contents .preview-row ul li {
    width: 100%;
    font-size: 14px;
    color: #666;
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;
    background: url(../images/table-of-contence-arrows.svg) 0 0 no-repeat;
    background-size: auto 12px;
}

.table-of-contents .updateRow p {
    font-size: 16px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    color: #666;
    line-height: 22px;
    margin: 10px 0 15px 0;
}
.table-of-contents .updateRow a.update {
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 15px;
    color: #0093ee;
    padding: 0 20px 0 43px;
    border: 1px solid #0093ee;
    border-radius: 4px;
    background: url(../images/icons/update-button-icon.svg) 16px 50% no-repeat
        #fff;
}
.table-of-contents .updateRow a.update:hover {
    color: #fff;
    background: url(../images/icons/update-button-icon-hover.svg) 16px 50%
        no-repeat #0093ee;
}

/* image provider 
---------------------------------------------*/
.jsSearchHeader {
    font-size: 20px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 600;
    width: 100%;
    float: left;
}

.jsSearchFilter .searchOption {
    float: left;
    margin-right: 10px;
}

.jsTypeSearch {
    width: 100%;
    float: left;
    margin: 7px 0 10px 0;
}

.jsTypeSearch p {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.jsTypeSearch p strong {
    display: block;
}
.jsTypeSearch p a {
    text-decoration: none;
    display: inline-block;
    padding-left: 15px;
    font-size: 15px;
    color: #3175b1;
    font-family: "Source Sans Pro", Arial, sans-serif;
}

.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;
}

.instagram-title {
    display: block;
    padding: 0 0 0 50px;
    background: url(../images/instagram-logo.svg) no-repeat;
    background-size: 40px auto;
    font-size: 24px;
    line-height: 40px;
}

.overlay-contentpush
    .main-option
    .heading-section.instagram-title
    .editButton
    span {
    padding: 0 0 0 12px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.modern label,
.modern .inputLabel {
    font-size: 14px;
    color: #3f536e;
    margin: 0 0 5px 0;
}
.modern input[type="text"],
.modern input[type="email"] {
    border: 1px solid #a8c6df;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 15px;
    color: #3f536e;
}

.modern textarea,
.modern textarea.span20None {
    border: 1px solid #a8c6df;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 15px;
    color: #3f536e;
}
.modern textarea.span20None {
    width: 446px;
}

.modern select {
    border: 1px solid #a8c6df;
    border-radius: 4px;
    padding: 7px 7px;
    font-size: 15px;
    color: #3f536e;
}

.modern .buttonM {
    background: #0093ee;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;
    line-height: 20px;
    padding: 8px 20px;
    transition: opacity 200ms ease-out;
}
.modern .buttonM span {
    border: none;
    background: transparent;
    color: inherit;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}
.modern .buttonM:hover {
    opacity: 0.8;
}

/* CMS ###############################*/
/* Before and After - juxtapose */
/* juxtapose - v1.2.0 - 2017-12-18
 * Copyright (c) 2017 Alex Duner and Northwestern University Knight Lab
 */
div.juxtapose {
    width: 100%;
    float: left;
    font-family: "neue-haas-grotesk-display", Arial, sans-serif;
    font-weight: 400;
}

div.jx-slider {
    width: calc(100% - 20px);
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: #f3f3f3;
    margin: 0 0 15px 0;
}

div.jx-handle {
    position: absolute;
    height: 100%;
    width: 160px;
    cursor: col-resize;
    z-index: 15;
    margin-left: -80px;
}

.vertical div.jx-handle {
    height: 40px;
    width: 100%;
    cursor: row-resize;
    margin-top: -20px;
    margin-left: 0;
}

div.jx-control {
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    width: 3px;
    background-color: currentColor;
}

.vertical div.jx-control {
    height: 3px;
    width: 100%;
    background-color: currentColor;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

div.jx-controller {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 60px;
    margin-left: -70px;
    width: 150px;
    transition: all 400ms ease;
}
div.jx-controller:before {
    content: "DRAG";
    font-family: "Campton W00 Bold", Georgia, "Times New Roman", Times, serif;
    color: #fff;
    font-size: 30px;
    line-height: 1.5em;
    position: absolute;
    top: 8px;
    left: 0;
    text-align: center;
    width: 150px;
    z-index: 2;
}
div.jx-controller:after {
    content: "";
    border-radius: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    background: rgba(0, 153, 204, 0.8);
    margin: -28px 0 0 13px;
    z-index: 1;
}

.vertical div.jx-controller {
    height: 9px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    top: -3px;
    position: relative;
}

div.jx-arrow {
    position: absolute;
    margin: auto;
    top: 8px;
    bottom: 0;
    width: 0;
    height: 0;
    transition: all 0.2s ease;
}

.vertical div.jx-arrow {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all 0.2s ease;
}

div.jx-arrow.jx-left {
    background: url(/resources/images/banner-arrow-left.svg) 50% 50% no-repeat;
    background-size: 36px auto;
    top: 50%;
    left: -20px;
    z-index: 500;
    margin-top: -34px;
    width: 42px;
    height: 74px;
    position: absolute;
    cursor: pointer;
    opacity: 1;
}

div.jx-arrow.jx-right {
    background: url(/resources/images/banner-arrow-right.svg) 50% 50% no-repeat;
    background-size: 36px auto;
    top: 50%;
    right: -23px;
    z-index: 500;
    margin-top: -34px;
    width: 42px;
    height: 74px;
    position: absolute;
    cursor: pointer;
    opacity: 1;
}

.vertical div.jx-arrow.jx-left {
    left: 0px;
    top: 2px;
    border-style: solid;
    border-width: 0px 8px 8px 8px;
    border-color: transparent transparent currentColor transparent;
}

.vertical div.jx-arrow.jx-right {
    right: 0px;
    top: auto;
    bottom: 2px;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: currentColor transparent transparent transparent;
}

.jx-slider:hover div.jx-controller,
.jx-slider:active div.jx-controller {
    opacity: 0;
    transform: scale(0.7);
}

.vertical div.jx-handle:hover div.jx-arrow.jx-left,
.vertical div.jx-handle:active div.jx-arrow.jx-left {
    left: 0px;
    top: 0px;
}

.vertical div.jx-handle:hover div.jx-arrow.jx-right,
.vertical div.jx-handle:active div.jx-arrow.jx-right {
    right: 0px;
    bottom: 0px;
}

div.jx-image {
    position: absolute;
    height: 100%;
    display: inline-block;
    top: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

.vertical div.jx-image {
    width: 100%;
    left: 0;
    top: auto;
}

div.jx-image img {
    height: 100%;
    width: auto;
    z-index: 5;
    position: absolute;
    margin-bottom: 0;

    max-height: none;
    max-width: none;
    max-height: initial;
    max-width: initial;
}

.vertical div.jx-image img {
    height: auto;
    width: 100%;
}

div.jx-image.jx-left {
    left: 0;
    background-position: left;
}

div.jx-image.jx-left img {
    left: 0;
}

div.jx-image.jx-right {
    right: 0;
    background-position: right;
}

div.jx-image.jx-right img {
    right: 0;
    bottom: 0;
}

.veritcal div.jx-image.jx-left {
    top: 0;
    background-position: top;
}

.veritcal div.jx-image.jx-left img {
    top: 0;
}

.vertical div.jx-image.jx-right {
    bottom: 0;
    background-position: bottom;
}

.veritcal div.jx-image.jx-right img {
    bottom: 0;
}

div.jx-image div.jx-label {
    font-size: 1em;
    padding: 0.25em 0.75em;
    position: relative;
    display: inline-block;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    font-family: "neue-haas-grotesk-display", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: white;
    z-index: 10;
    white-space: nowrap;
    line-height: 18px;
    vertical-align: middle;
}

div.jx-image.jx-left div.jx-label {
    float: left;
    left: 0;
}

div.jx-image.jx-right div.jx-label {
    float: right;
    right: 0;
}

.vertical div.jx-image div.jx-label {
    display: table;
    position: absolute;
}

.vertical div.jx-image.jx-right div.jx-label {
    left: 0;
    bottom: 0;
    top: auto;
}

div.jx-credit {
    line-height: 1.1;
    font-size: 0.75em;
}

div.jx-credit em {
    font-weight: bold;
    font-style: normal;
}

/* Animation */

div.jx-image.transition {
    transition: width 0.5s ease;
}

div.jx-handle.transition {
    transition: left 0.5s ease;
}

.vertical div.jx-image.transition {
    transition: height 0.5s ease;
}

.vertical div.jx-handle.transition {
    transition: top 0.5s ease;
}
@media only screen and (max-width: 1300px) {
    div.jx-controller {
        height: 44px;
        margin-left: -50px;
        width: 100px;
    }

    div.jx-controller:before {
        font-size: 19px;
        width: 100px;
    }

    div.jx-controller:after {
        width: 80px;
        height: 80px;
        margin: -17px 0 0 9px;
    }

    div.jx-arrow.jx-left {
        background-size: 27px;
        left: 5px;
    }

    div.jx-arrow.jx-right {
        right: 11px;
        background-size: 27px;
    }

    div.jx-handle:hover div.jx-arrow.jx-left,
    div.jx-handle:active div.jx-arrow.jx-left {
        left: 18px;
    }

    div.jx-handle:hover div.jx-arrow.jx-right,
    div.jx-handle:active div.jx-arrow.jx-right {
        right: 26px;
    }
}

.columnContainer .full-width .jx-image img {
    margin: 0;
}

.photoButtonContainer {
    float: left;
    clear: left;
}
.photoButtonContainer .buttonM {
    margin: 0 13px 0 0;
}

.actual-photo .photoButtonContainer {
    width: 100% !important;
}

/* builder checklist
----------------------------------*/

.content.checklist .resultsContainer {
    background: #fff;
}

.checklist-content {
    width: 1616px;
    height: 400px;
    overflow-y: hidden;
    overflow-x: auto;
}
.checklist-content .checklist-headings {
    width: 1683px;
    float: left;
    height: 30px;
}
.checklist-content .checklist-details {
    float: left;
    width: 1683px;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}
.checklist-content .checklist-details-inner {
    width: 1683px;
    height: 700px;
}
.checklist-content .headings {
    width: 150px;
    float: left;
}
.checklist-content .checklist-items {
    width: 1700px;
    float: left;
}
.checklist-content .checklist-items .item-row {
    width: 100%;
    height: 30px;
}
.checklist-content .checklist-items .item-row .item-list {
    width: 100%;
}
.checklist-content .checklist-items .item-row .item-list li {
    height: 30px;
    font-size: 12px;
    display: flex;
    align-items: center;
    float: left;
}

.checklist-content .checklist-headings li,
.checklist-content .headings li,
.checklist-content .checklist-items li.item-row {
    border-bottom: 1px solid #ccc;
}
.checklist-content .checklist-headings li,
.checklist-content .headings li {
    height: 30px;
    font-size: 12px;
    display: flex;
    align-items: center;
    float: left;
}
.checklist-content .checklist-headings li span {
    display: block;
    margin: 0 auto;
}
.checklist-content .checklist-items .item-row .item-list li span {
    margin: 0 auto;
}

.checklist-content .checklist-headings li,
.checklist-content .headings li {
    font-weight: bold;
}

.checklist-content .checklist-headings li.name,
.checklist-content .headings li.name {
    width: 150px;
}

.checklist.model-checklist .checklist-content .checklist-headings li.name,
.checklist.model-checklist
    .checklist-content
    .checklist-items
    .item-row
    .item-list
    li.name {
    width: 150px;
    padding-left: 10px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.status,
.checklist-content .checklist-items .item-row .item-list li.status {
    width: 150px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.logo,
.checklist-content .checklist-items .item-row .item-list li.logo {
    width: 70px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.hero,
.checklist-content .checklist-items .item-row .item-list li.hero {
    width: 87px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.video,
.checklist-content .checklist-items .item-row .item-list li.video {
    width: 70px;
    text-align: center;
}
.checklist.model-checklist .checklist-content .checklist-headings li.overview,
.checklist-content .checklist-items .item-row .item-list li.overview {
    width: 136px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.bullets,
.checklist-content .checklist-items .item-row .item-list li.bullets {
    width: 106px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.quote,
.checklist-content .checklist-items .item-row .item-list li.quote {
    width: 70px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.awards,
.checklist-content .checklist-items .item-row .item-list li.awards {
    width: 74px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.length,
.checklist-content .checklist-items .item-row .item-list li.length {
    width: 150px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.type,
.checklist-content .checklist-items .item-row .item-list li.type {
    width: 200px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.price-from,
.checklist-content .checklist-items .item-row .item-list li.price-from {
    width: 108px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.source,
.checklist-content .checklist-items .item-row .item-list li.source {
    width: 150px;
}
.checklist.model-checklist .checklist-content .checklist-headings li.date,
.checklist-content .checklist-items .item-row .item-list li.date {
    width: 150px;
}

/* image loader */
.image-loader-wrap {
    background-color: #ededed;
    width: 100%;
    height: 0;
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 40%;
}
#photosAdditional .image-loader-wrap {
    padding-bottom: 75%;
}
#photosAdditional .image-type-portrait .image-loader-wrap {
    padding-bottom: 133.1%;
}
.jsResourceBrowserPhotoList .image-loader-wrap {
    padding-top: 76%;
}
.image-loader-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    opacity: 0;
    transition: opacity 300ms ease;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}
.image-loader-wrap.images-loaded img {
    opacity: 1;
}
.image-loader-wrap .loader,
.image-loader-wrap .loader:before,
.image-loader-wrap .loader:after {
    background: #ffffff;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 0.8em;
    height: 4em;
    z-index: 1;
}
.image-loader-wrap .loader {
    color: #ffffff;
    text-indent: -9999em;
    margin: -10px auto 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 5px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.image-loader-wrap .loader:before,
.image-loader-wrap .loader:after {
    position: absolute;
    top: 0;
    content: "";
}
.image-loader-wrap .loader:before {
    left: -1.8em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.image-loader-wrap .loader:after {
    left: 1.8em;
}
@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
.image-loader-wrap.images-loaded .loader {
    display: none;
}

.landing-yacht-list,
.event-yacht-model-list {
    padding: 0;
    margin: 0;
    width: 100%;
}
.landing-yacht-list li,
.event-yacht-model-list li {
    float: left;
    padding: 3px;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 7px 7px 0;
}
.landing-yacht-list li .image-container,
.event-yacht-model-list li .image-container {
    width: 100%;
    position: relative;
}
.landing-yacht-list li .image-container .status,
.event-yacht-model-list .image-container .status {
    height: 16px;
    line-height: 16px;
    padding: 1px 7px;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    background: #999;
    position: absolute;
    top: 0;
    left: 0;
}
.landing-yacht-list li p,
.event-yacht-model-list li p {
    display: block;
    padding: 5px 0 0 5px;
    margin: 0 0 5px 0;
}
.landing-yacht-list li p.name,
.event-yacht-model-list li p.name {
    margin: 0;
    font-weight: bold;
}
.landing-yacht-list li p a,
.event-yacht-model-list li p a {
    text-decoration: none;
}

.vakata-context {
    z-index: 5;
}
.ondemand-lazyload {
    min-width: 1px;
    min-height: 1px;
}

/* ====================
    CMS media gallery
===================== */
#image_data .photos {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.button-box {
    min-height: 120px;
    border: 1px solid #ccc;
    padding: 154px 20px 20px 20px;
    margin: 0 0 15px 0;
    float: right;
    width: 326px;
    text-align: center;
    position: relative;
}
.button-box:before {
    content: "";
    position: absolute;
    top: 53px;
    left: 50%;
    background-size: 77px auto;
    width: 90px;
    height: 88px;
    margin-left: -45px;
}
.button-box:after {
    content: "via Fleet, Models, DAM";
    position: absolute;
    bottom: 67px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    color: #3f536e;
    font-size: 18px;
}

.button-box.browseFolder:before {
    background: url(../images/icons/folder-search.svg) 50% 0 no-repeat;
}
.button-box.browse-yacht:before {
    background: url(../images/content_nav-settings.jpg) no-repeat;
    background-position: 0px -1100px;
    top: 73px;
    height: 79px;
}
.button-box.browse-yacht:after {
    content: "";
}
.button-box.browse-model:before {
    background: url(../images/content_nav-settings.jpg) 50% 67px no-repeat;
    background-position: 0px -1100px;
    top: 73px;
    height: 79px;
}
.button-box.browse-model:after {
    content: "";
}
.button-in-box {
    background: #00adef;
    width: 206px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 12px auto;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
}
.button-in-box:hover {
    background-color: #0088cc;
}
.overlay-back-button {
    background: #282828;
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    line-height: 1.3em;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
}
.overlay-back-button:hover {
    opacity: 0.8;
}

/* upload used in the site not on an overlay */
.button-box.browseFolder.import-photos {
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    height: 295px;
}

/**MR requested a different colour search result**/
#jsImageTypeBrowserViewContent .resultsContainer {
    margin-bottom: 40px;
    width: 1189px;
}
#jsImageTypeBrowserViewContent .resultsContent {
    border: 0;
}

#jsImageTypeBrowserViewContent .resultsContent thead tr td {
    border-bottom: 2px solid #ececec;
    border-right: none;
    border-left: none;
    background: none;
    height: auto;
}
#jsImageTypeBrowserViewContent .resultsContent thead tr td p {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 13px;
    height: auto;
    margin: 0 0 12px 0;
    padding: 0;
}
#jsImageTypeBrowserViewContent .resultsContent thead tr td:first-child p {
    padding-left: 10px;
}
#jsImageTypeBrowserViewContent .resultsContent tbody tr:hover {
    background: #eee;
}
#jsImageTypeBrowserViewContent .resultsContent tbody tr td {
    padding: 0;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
}
#jsImageTypeBrowserViewContent .resultsContent tbody tr td .tdContent {
    padding: 15px 0;
}
#jsImageTypeBrowserViewContent .resultsContent tbody tr td.name .title,
.jsDAMYachtSearchContainer .resultsContent tbody tr td.name .title {
    margin-bottom: 1px;
}
#jsImageTypeBrowserViewContent .resultsContent tbody tr td.name .title a,
.jsDAMYachtSearchContainer .resultsContent tbody tr td.name .title a {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #6f6f6f;
}

#jsImageTypeBrowserViewContent .resultsContent tbody tr td.name .titleDetails,
.jsDAMYachtSearchContainer .resultsContent tbody tr td.name .titleDetails {
    font-size: 12px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 300;
    display: block;
    padding: 2px 0 1px 10px;
}

#jsImageTypeBrowserViewContent
    .resultsContent
    tbody
    tr
    td
    .tdContent.production-details
    span {
    display: block;
    height: 16px;
    line-height: 16px;
    float: left;
    padding: 0 0 0 11px;
}
#jsImageTypeBrowserViewContent
    .resultsContent
    tbody
    tr
    td
    .tdContent.production-details
    img {
    float: left;
}

#jsImageTypeBrowserViewContent .resultsContent tbody tr td .choose-button {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    padding: 0 12px;
    border-radius: 3px;
    border: 1px solid #00adef;
    color: #00adef;
}
#jsImageTypeBrowserViewContent .resultsContent tbody tr td .choose-button:hover,
#jsImageTypeBrowserViewContent .resultsContent tbody tr:hover .choose-button {
    background: #00adef;
    color: #fff;
}

#jsImageTypeBrowserViewContent .resultsContent tbody tr td .choose-lightbox {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    padding: 0 12px;
    border-radius: 3px;
    border: 1px solid #fff;
}
#jsImageTypeBrowserViewContent
    .resultsContent
    tbody
    tr
    td
    .choose-lightbox:hover,
#jsImageTypeBrowserViewContent .resultsContent tbody tr:hover .choose-lightbox {
    color: #00adef;
    border: 1px solid #00adef;
    color: #00adef;
}
#jsImageTypeBrowserViewContent
    .resultsContent
    tbody
    tr:hover
    .choose-lightbox:hover {
    background: #00adef;
    color: #fff;
}

#jsImageTypeBrowserViewContent .resultsContent tfoot tr td {
    border-top: 0;
}
#jsImageTypeBrowserViewContent .resultsContent tfoot tr td {
    border-bottom: 0;
}
#jsImageTypeBrowserViewContent .resultsContent .contentFooter {
    background: none;
    height: 0;
    padding: 0;
}

#jsImageTypeBrowserViewContent .resultsFooter,
.jsPagination .pagination-container {
    background: none;
    width: 1189px;
    margin: 20px 0 10px 0;
}
#jsImageTypeBrowserViewContent .resultsFooter ul,
.jsPagination .pagination-container ul.paginationList {
    display: inline-block;
}
#jsImageTypeBrowserViewContent .resultsFooter .paginationList li a,
.jsPagination .pagination-container li {
    padding: 0 13px 0 0;
}
#jsImageTypeBrowserViewContent .resultsFooter .paginationList li a,
.jsPagination .pagination-container li a {
    background: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
    min-width: 20px;
    padding: 0 5px;
    display: block;
    text-decoration: none;
    font-size: 10px;
}
#jsImageTypeBrowserViewContent .resultsFooter .paginationList li a span,
.jsPagination .pagination-container li a span {
    background: none;
    padding: 0;
}
#jsImageTypeBrowserViewContent .resultsFooter .paginationList li span,
.jsPagination .pagination-container li span {
    height: 28px;
    line-height: 28px;
}
#jsImageTypeBrowserViewContent .resultsFooter .paginationList li a.disabled,
.jsPagination .pagination-container li a.disabled {
    display: none;
}
#jsImageTypeBrowserViewContent .resultsFooter .paginationList li a.active,
.jsPagination .pagination-container li a.active {
    border: 1px solid #00adef;
    background: #00adef;
    color: #fff;
}

.pageSelection {
    text-align: center;
}

.jsPagination {
    position: relative;
    float: left;
    width: 100%;
}
.jsPagination .pagination-container {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    float: left;
}
.jsPagination .pagination-container li {
    float: left;
}

.jsPagination .pagination-container .paginationList.jsPagination {
    float: none;
    width: auto;
}

.section .jsModelSearchContainer .sectionInner {
    padding: 0 !important;
}
#jsImageTypeBrowserViewContent .resultsContainer {
    padding: 0;
}
#jsImageTypeBrowserViewContent .resultsHeader {
    padding: 0;
}

.jsModelSearchContainer .refine-search {
    width: 100%;
    margin-bottom: 30px;
}
.jsDAMYachtSearchContainer {
    width: 100%;
    float: left;
}

.jsDAMYachtSearchContainer .resultsHeader {
    width: 100%;
    position: relative;
}
.jsModelSearchContainer .refine-search .resultsCount,
.jsDAMYachtSearchContainer .resultsHeader .resultsCount,
#jsImageTypeBrowserViewContent .resultsCount {
    float: right;
    font-size: 14px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 300;
    color: #666;
    text-align: right;
    padding: 19px 0 0 0;
    margin: 0;
}
/*.jsDAMYachtSearchContainer .resultsHeader .resultsCount { position:absolute; top:-22px; right:0; padding:0;}*/
.jsModelSearchContainer select.span6None {
    padding: 4px;
}
.jsModelSearchContainer .refine-search .chosen-container .chosen-single {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 11px;
    box-shadow: none;
    border-radius: 0;
}
.jsModelSearchContainer .refine-search .chosen-container .chosen-single span {
    font-size: 11px;
}
.jsModelSearchContainer .refine-search label {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 3px 0;
}
.jsDAMYachtSearchContainer .yacht-name-search {
    margin: 20px 0 0 0;
}
#jsImageTypeBrowserViewContent
    .jsDAMYachtSearchContainer.other-library
    .resultsCount {
    padding: 0;
    margin: -23px 0 0 0;
}

.jsSearchResults {
    width: 100%;
    float: left;
    position: relative;
}
.jsSearchResults .resultsContainer .resultsHeader {
    width: 100%;
}
.jsDAMLightboxListContainer .resultsContainer .resultsHeader p.resultsCount {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

#jsImageTypeBrowserViewContent .jsSearchResults {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#jsImageTypeBrowserViewContent .resultsCount {
    position: absolute;
    left: 0;
    top: 0;
}

.imageprovider-tabs {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.imageprovider-tabs .tab {
    float: left;
    height: 40px;
    min-width: 100px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
    position: relative;
}
.imageprovider-tabs .tab a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    font-size: 16px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 600;
    padding: 0 20px;
    position: relative;
}

.imageprovider-tabs .tab:first-child {
    border-top-left-radius: 4px;
}
.imageprovider-tabs .tab:last-child {
    border-right: 1px solid #ccc;
    border-top-right-radius: 4px;
}
.imageprovider-tabs .tab.active a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 100%;
    background: #fff;
}
.imageprovider-tabs .tab.active:before {
    content: "";
    height: 3px;
    width: 100%;
    background: #00adef;
    position: absolute;
    top: -1px;
    left: 0;
}
.imageprovider-tabs .tab.active:before {
    border-top-left-radius: 4px;
}
.imageprovider-tabs .tab.active:before {
    border-top-right-radius: 4px;
}

/* model description tab - key features 
--------------------------------------------*/
.model-key-features.ui-sortable .key-feature {
    width: 100%;
    float: left;
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 0 10px 0;
    box-sizing: border-box;
}

.model-key-features.ui-sortable .key-feature .image-container {
    float: left;
    margin: 0 20px 0 0;
}
.model-key-features.ui-sortable .key-feature .details {
    float: left;
    width: auto;
    padding-top: 11px;
}
.model-key-features.ui-sortable .key-feature .details .title {
    font-weight: bold;
    margin: 0 0 3px 0;
}
.model-key-features.ui-sortable .key-feature .actions {
    float: right;
}
.model-key-features.ui-sortable .key-feature .actions a {
    margin: 0 0 0 10px;
}
.model-key-features.ui-sortable .key-feature .move {
    float: right;
    width: 60px;
    text-align: right;
}

/* model description tab - synopsis  
------------------------------------------*/
.yachtSynopsis {
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
}
.yachtSynopsis tr td {
    border-bottom: 1px solid #ccc;
}
.yachtSynopsis tr td p {
    margin: 0;
    padding: 10px 0;
}
.yachtSynopsis tr td.actions a {
    margin: 0 0 0 10px;
}
.yachtSynopsis tr td.actions .moveIcon {
    margin: 0 30px 0 0;
    cursor: move;
}

/* social media and bookmark links  - builder 
-----------------------------------------------*/

.bookmark-list,
.social-media-list {
    width: 100%;
    float: left;
}
.bookmark-list .bookmark-link {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.bookmark-list .bookmark-link .fieldsetSubHeading {
    border-bottom: 1px solid #ccc;
}
.bookmark-list .bookmark-link .inputRow,
.social-media-list .media-link.inputRow {
    border-bottom: 1px solid #ccc;
    padding: 7px 0;
}

.bookmark-list .bookmark-link .inputRow a.url-link,
.bookmark-list .bookmark-link .inputRow .url-link-container a,
.social-media-list .media-link.inputRow a.url-link {
    text-decoration: none;
    padding: 0 30px 0 0;
    margin: 0 30px 0 0;
    min-width: 200px;
    display: inline-block;
    color: #666;
}

/* shipyards - contacts tab */
.contact-telephone {
    margin-top: 5px;
}
.contact-telephone ul {
    width: 100%;
    float: left;
}
.contact-telephone ul li {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.contact-telephone label {
    width: 80px;
}
.contact-telephone label + .inputShim {
    margin-right: 5px;
}
.contact-telephone input {
    width: 190px;
}
.contact-telephone select {
    margin-left: -32px;
}

.contact-email {
    margin-top: 10px;
}
.contact-email ul {
    width: 100%;
    float: left;
}
.contact-email ul li {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.contact-email label {
    width: 80px;
}
.contact-email input {
    width: 318px;
    margin-right: 5px;
}

.contact-not-found {
    padding: 0;
}
.contact-not-found p {
    margin: 10px 0;
    width: 100%;
}
.contact-not-found ul {
    width: 100%;
    margin: 5px 0 0 0;
}
.contact-not-found ul li {
    width: 100%;
}
.contact-not-found ul li a {
    text-decoration: none;
    font-weight: bold;
    color: #cc0000;
}
.contact-not-found ul a {
    margin-top: 20px;
}

/* shipyard - series tab */
.seriesTable {
    background: #fff;
}
.seriesTable thead tr {
    background: #f1f1f1;
}
.seriesTable thead tr td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.seriesTable thead tr td p {
    margin: 0;
    color: #333;
    text-transform: uppercase;
}
.seriesTable thead tr td p span {
    display: inline-block;
    width: 60px;
    font-weight: bold;
}
.seriesTable thead tr td .warning {
    padding: 0 0 0 10px;
    margin: 0 0 -4px 0;
}

.seriesTable tbody tr.secondary-heading td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
.seriesTable tbody tr.secondary-heading td p {
    margin: 0;
    font-weight: bold;
}
.seriesTable tbody tr.secondary-heading td p span {
    display: inline-block;
    width: 70px;
}

.seriesTable tbody tr td {
    border-bottom: 1px solid #eee;
    padding: 5px;
}
.seriesTable tbody tr td.name {
    padding-left: 80px;
}
.seriesTable tbody tr td.name span {
    float: left;
    padding: 0 15px 0 0;
    font-size: 11px;
}
.seriesTable tbody tr td.name .title {
    margin: 4px 0 0 0;
}
.seriesTable tbody tr td.name .title a {
    font-weight: bold;
    color: #a91f05;
    text-decoration: blink;
    float: left;
    font-size: 12px;
    padding: 0 10px 0 0;
}

.seriesTable tbody tr td .cell-heading {
    display: inline-block;
    float: left;
    font-size: 11px;
    padding-right: 15px;
}

/* =================
     SUB TABS
====================*/
ul.sub-tabs {
    display: flex;
    padding: 7px 10px 0 1px;
}
.sub-tabs li {
    flex: 0 1 auto;
    padding: 0 7px 5px 0;
    position: relative;
    height: 21px;
    transition: all 200ms ease-out;
}
.sub-tabs li a {
    display: inline-block;
    position: relative;
    padding: 5px 14px;
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 600;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    transition: all 200ms ease-out;
}
.sub-tabs li a span {
    line-height: 17px;
    font-size: 10px;
}
.sub-tabs li.active a,
.sub-tabs li:hover a {
    color: #000;
}
.sub-tab-content:not(.active) {
    display: none;
}
.jsSupportScreen.sub-tab-content {
}
.sectionTable tbody td:last-child {
}
.largeContent
    #contentContainer
    .jsSupportScreen.sub-tab-content
    table.sectionTable
    tr
    td {
    transition: background-color 100ms ease-in;
}
.largeContent
    #contentContainer
    .jsSupportScreen.sub-tab-content
    table.sectionTable
    tbody
    tr:hover
    td {
}
.largeContent
    #contentContainer
    .jsSupportScreen.sub-tab-content
    table.sectionTable {
    margin: 0;
    /*width:calc(100% - 1px);*/
}
.jsSupportScreen.sub-tab-content .sectionTable tbody td {
    cursor: default;
}
.jsSupportScreen.sub-tab-content .sectionTable thead td {
}

.jsSupportScreen.sub-tab-content .sectionTable .view-link {
    background: url(../images/ico_www-link.gif) 98% 50% no-repeat;
    height: 20px;
    padding-right: 25px;
    display: inline-block;
    text-decoration: none;
    transition: 150ms all ease-out;
}
.jsSupportScreen.sub-tab-content .sectionTable .view-link:hover {
    opacity: 0.8;
}
.jsSupportScreen.sub-tab-content .sectionTable .subject {
}
.jsSupportScreen.sub-tab-content .sectionTable .subject:hover {
    color: #cc0000;
}
#jsSupportContainer {
    margin: 8px 0 0 0;
}
#jsSupportContainer .no-messages {
    padding: 10px 0 5px 0;
    margin: 10px 0 5px 0;
}
#jsSupportContainer .status-unassigned {
}
#jsSupportContainer .status span {
    display: inline-block;
    padding-left: 23px;
}
#jsSupportContainer .status-active span {
    background: url(../images/sub_contributor.gif) 0 0 no-repeat;
    padding-left: 30px;
}
#jsSupportContainer .status-pending span {
    background: url(../images/status_notstarted_sm.png) 0 2px no-repeat;
    padding-left: 21px;
}
#jsSupportContainer .status-closed span {
    background: url(../images/ico_description-approved.gif) 0 1px no-repeat;
}
#jsSupportContainer .status-spam span {
    background: url(../images/ico_warning.gif) 0 2px no-repeat;
    padding-left: 21px;
}
.chosen-container {
    float: left;
}
.chosen-container .chosen-results {
    width: 100%;
}

.competing-yachts-search {
}
.competing-yachts-search h2 {
    font-size: 20px;
    color: #333;
    margin: 10px 0 25px 0;
    font-weight: bold;
}
.competing-yachts-search .heading {
    font-size: 15px;
    font-weight: bold;
    margin: 25px 0 10px 19px;
    color: #333;
}
.competing-yachts-search .sectionInner {
    width: 100%;
}
.competing-yachts-search .resultsContainer {
    width: 100%;
    position: relative;
}
.competing-yachts-search .resultsContainer .yachtResultsHeader {
    border: 1px solid #ddd;
    border-right: none;
}
.competing-yachts-search .resultsContainer .yachtResultsHeader tr td {
    height: 30px;
    border-right: 1px solid #ddd;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background: #f0f0f0;
    box-sizing: border-box;
    padding: 0 10px;
}
.competing-yachts-search .resultsContainer .yachtResultsHeader tr td p {
    display: block;
    height: 34px;
    line-height: 34px;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    width: 100%;
}

.competing-yachts-search .resultsContainer .yachtResultsContainer {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.competing-yachts-search .resultsContainer .yachtResultsContainer table {
    border-left: 1px solid #ddd;
}
.competing-yachts-search .resultsContainer .yachtResultsContainer table tr {
}
.competing-yachts-search .resultsContainer .yachtResultsContainer table tr td {
    vertical-align: middle;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.competing-yachts-search
    .resultsContainer
    .yachtResultsContainer
    table
    tr
    td.image,
.competing-yachts-search
    .resultsContainer
    .yachtResultsContainer
    table
    tr
    td:first-child {
    padding: 0;
}
.competing-yachts-search
    .resultsContainer
    .yachtResultsContainer
    table
    tr
    td
    a {
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}
.competing-yachts-search
    .resultsContainer
    .yachtResultsContainer
    table
    tr
    td
    a:hover {
    color: #33a9f1;
}
.competing-yachts-search .resultsFooter.paginationNoBg {
    width: 100%;
    box-sizing: border-box;
    padding-left: 19px;
    background: #fff;
    text-align: center;
    height: 70px;
}
.competing-yachts-search .resultsFooter.paginationNoBg .paginationList {
    display: inline-block;
    margin-top: 25px;
}
.competing-yachts-search .resultsFooter.paginationNoBg .paginationList li {
    margin: 0 6px;
    padding: 0;
    float: left;
}
.competing-yachts-search
    .resultsFooter.paginationNoBg
    .paginationList
    li:first-child
    a,
.competing-yachts-search
    .resultsFooter.paginationNoBg
    .paginationList
    li:last-child
    a {
    padding: 0 10px;
}
.competing-yachts-search .resultsFooter.paginationNoBg .paginationList li a {
    display: block;
    height: 28px;
    line-height: 28px;
    min-width: 30px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    padding: 0;
    margin: 0;
}
.competing-yachts-search
    .resultsFooter.paginationNoBg
    .paginationList
    li
    a
    span {
    padding: 0;
    background: none;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}
.competing-yachts-search
    .resultsFooter.paginationNoBg
    .paginationList
    li
    a:hover {
    border: 1px solid #33a9f1;
    color: #33a9f1;
}
.competing-yachts-search
    .resultsFooter.paginationNoBg
    .paginationList
    li
    a.active,
.competing-yachts-search
    .resultsFooter.paginationNoBg
    .paginationList
    li
    a.active:hover {
    background: #33a9f1;
    color: #fff;
    border: 1px solid #33a9f1;
}