/* Purpose: Global, Style Sheet Site: admin.dfusion-cms.com Author: Anna Hough, (c) DFUSION Version: 1 - 05.09.2011 AH */ /* imports of 3rdParty css files needed globaly ----------------------------------------------------*/ @import url('/resources/3rdparty/dropzone/dropzone.css'); /* 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:Arial, Helvetica, sans-serif } abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .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:Arial, Helvetica, sans-serif; color:#6f6f6f; margin:0px;} h1 { color:#001e3b; } 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:Arial, Helvetica, sans-serif;} .bold { font-weight:bold;} .italic { font-style:italic;} .link a { color:#333333;} .none { padding:0px; margin:0px;} .floatLeft { float:left;} .floatRight { float:right;} strong { font-weight:bold;} p, pre { margin:0px 0px 15px 0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; } q { margin:0px 0px 15px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.1em; line-height:1.5em; display:block;} /* when the 'p' tag needs to be a difrent font */ .fontFormating p { font-family:Arial, Helvetica, sans-serif;} /* 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;} .photoBorderContainer { border:1px solid #ccc; padding:3px; margin:0px 0px 5px 0px; display:block; float:left; background-color:#fff; text-align: center;} /* additional class used when the img tag is not available to add classes to */ .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;} 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;} /* footer link to us */ a.externalLink { text-decoration:none;} 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;} /* 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;} .addNewButton { background: url("../images/button_add-new-right.gif") no-repeat right top; display: block; height: 28px; padding: 0 15px 0 0; text-decoration: none; } .addNewButton span { background: url("../images/button_add-new-left.gif") no-repeat left top; color: #fff; font-size: 12px; font-weight: bold; display: block; height: 28px; line-height: 28px; padding: 0 0 0 12px;} .addNewButton span span.copy { background: url("../images/button-ico-plus.svg") no-repeat 0 7px; padding: 0 0 0 25px} /* 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 { background-position: bottom right;} .buttonS:hover span { background-position: bottom left;} .buttonS div { display:inline;} /* 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;} .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;} /* 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; 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;} .buttonForward { float:right; margin:0px 0px 0px 10px;} .buttonBack { float:right; margin:0px 0px 0px 10px;} /* 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;} .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;} /* default form styling --------------------------------------------------------------------------------------------------*/ fieldset { float:left; border:1px solid #cacaca; padding:10px 0px 0px 0px; margin:0px 0px 15px 0px; } 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 { float:left; border:1px solid #cccccc; font-size:11px; font-family:Arial, Helvetica, sans-serif; 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'] { cursor:text; padding:3px; } input[type='button'], input[type='submit'] { font-size:9px; padding:2px 0px 2px 0px;} /* NOTE: setting matching heights on select and input boxes to get the heights of the select and input boxes to match i have set the height of the select to 20px and the input to 14px as the input box takes padding and borders into account when setting the height. so 14px height 2px padding on the top and bottom and 1px border on the top and the bottom making a total of 20px */ input[type='file'] { width:auto;} /* ignores widths in most browsers but just cuts off in others rather than resizing */ /* main site layout tags -----------------------------------------------------------------------------------------------*/ #siteContainer { width:100%; } #header { float:left; width:100%; } #header .headerInner { width:990px; margin: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 .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; } #footer { float:left; width:100%; padding:0px 0px 200px 0px; } #footer .footerInner { width:960px; margin:0px auto 0px auto; padding:10px 0px 0px 0px; font-size:10px; font-family:Arial, Helvetica, sans-serif;} #footer .footerInner .copywright { float:left;} #footer .footerInner ul { float:right;} #footer .footerInner ul li { float:right; padding:0px 0px 0px 10px;} #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; } .navigation li { float:left;} .navigation li a { display:block; background:url(../images/navigation_header.png); 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.investment a { background-position: 0px 0px; width:135px;} .navigation li.investment a:hover { background-position: 0px -100px; } .navigation li.investment a.active, .navigation li.investment a.active:hover { background-position: 0px -200px;} .navigation li.development a { background-position: -135px 0px; width:150px;} .navigation li.development a:hover { background-position:-135px -100px;} .navigation li.development a.active, .navigation li.development a.active:hover { background-position: -135px -200px;} .navigation li.content a { background-position:-285px 0px; width:106px;} .navigation li.content a:hover { background-position:-285px -100px; } .navigation li.content a.active, .navigation li.content a.active:hover { background-position: -285px -200px;} .navigation li.settings a { background-position: -391px 0px; width:107px;} .navigation li.settings a:hover { background-position: -391px -100px; } .navigation li.settings a.active, .navigation li.settings a.active:hover { background-position: -391px -200px;} .navigation li.news a { background-position: -498px 0px; width:79px;} .navigation li.news a:hover { background-position: -498px -100px; } .navigation li.news a.active, .navigation li.news a.active:hover { background-position: -498px -200px;} .navigation li.casestudy a { background-position: -577px 0px; width:138px;} .navigation li.casestudy a:hover { background-position: -577px -100px; } .navigation li.casestudy a.active, .navigation li.casestudy a.active:hover { background-position: -577px -200px;} .navigation li.newHome a { background-position: -715px 0px; width:124px;} .navigation li.newHome a:hover { background-position: -715px -100px; } .navigation li.newHome a.active, .navigation li.newHome a.active:hover { background-position: -715px -200px;} .navigation li.sales a { background-position: -839px 0px; width:83px;} .navigation li.sales a:hover { background-position: -839px -100px; } .navigation li.sales a.active, .navigation li.sales a.active:hover { background-position: -839px -200px;} .navigation li.lettings a { background-position: -922px 0px; width:106px;} .navigation li.lettings a:hover { background-position: -922px -100px; } .navigation li.lettings a.active, .navigation li.lettings a.active:hover { background-position: -922px -200px;} .navigation li.commercial a { background-position: -1028px 0px; width:184px;} .navigation li.commercial a:hover { background-position: -1028px -100px; } .navigation li.commercial a.active, .navigation li.commercial a.active:hover { background-position: -1028px -200px;} .navigation li.commercialLet a { background-position: -1212px 0px; width:206px;} .navigation li.commercialLet a:hover { background-position: -1212px -100px; } .navigation li.commercialLet a.active, .navigation li.commercialLet a.active:hover { background-position: -1212px -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; font-weight:bold; 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;} .contentHeader .pageTitle { float:left; width:750px;} .contentHeader h1 { display:block; float:left; width:680px; font-size:22px; font-weight:bold; text-transform:uppercase; padding:0px; margin:0px 0px 4px 0px; text-transform:uppercase;} .contentHeader h2 { color:#666666; font-weight:bold; font-size:14px; display:block; float:left; width:680px; margin:0px 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 { display:block; height:29px; 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; } .contentHeader .saveButtonContainer a span {display:block; height:29px; font-weight:bold; color:#FFF; font-size:11px; line-height:23px; text-decoration:none; float:left; padding:0px 0px 0px 15px; background:url(../images/but_save-slide-left.gif) no-repeat bottom left;} .contentHeader .saveButtonContainer a:hover { background-position:top right;} .contentHeader .saveButtonContainer a:hover span { background-position: top left;} .saveButton { display:block; height:29px; 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:29px; font-weight:bold; color:#FFF; font-size:11px; line-height:23px; text-decoration:none; float:left; padding:0px 0px 0px 15px; 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;} .award_crumbs, .area_crumbs { float:left; margin:0px 0px 0px 16px;} .award_crumbs li, .area_crumbs li { background:url(../images/cookie-arrow-right.gif) 0 5px no-repeat; padding:0px 0px 0px 15px; margin:0px 0px 0px 10px; float:left;} .award_crumbs li a, .area_crumbs li a { text-decoration:none;} .award_crumbs li.none, .area_crumbs li.none { padding:0px; background:none; margin:0px;} /* 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 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:150px;} .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.estate_office, .navigationContainer .header_channel select option.estate_office { background-image:url(/resources/images/ico_estate-office.gif); background-position:5px 5px;} .navigationContainer .header_channel select.cowell_group, .navigationContainer .header_channel select option.cowell_group { background-image:url(/resources/images/ico_cowell-group.gif); background-position:5px 5px;} .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; } .navigationContainer .header_channel .dropDownContainer { float:right;} /* 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; } .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 { display:block; height:24px; float:right; padding:0px 15px 0px 0px; background:url(../images/button_tabs-action-right-blank.gif) no-repeat top right; } .sectionHeader .title a.previewButton span { display:block; color:#fff; height:24px; line-height:23px; font-weight:bold; text-decoration:none; float:left; padding:0px 0px 0px 15px; background:url(../images/button_tabs-action-left.gif) no-repeat top left;} .sectionHeader .title a.previewButton:hover { background-position:bottom right;} .sectionHeader .title a.previewButton:hover span { background-position: bottom left;} .sectionHeader .titleBlank { background: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; } .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 .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;} /* 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; line-height:20px; padding:4px 0px 4px 0px; font-size:11px; border:1px solid #eeeeee; border-bottom:1px solid #eeeeee; } .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 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; margin:0px; 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;} .sectionTableBg { background-color:#fff; margin:0px; padding:0px 0px 20px 0px; display:block; } .featuredOnTable thead tr td.name, .featuredOnTable tbody tr td.name { text-indent:15px;} .featuredOnTable tr td.name a { text-decoration:none; font-size:11px; color:#333; text-indent:15px;} /* 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;} .photoTable thead td { color:#555555; text-align:center; background-color:#f8f8f8; font-size:11px; padding:4px 0px 4px 4px; background-image:url(../images/thead_bg.jpg); background-repeat:repeat-x; background-position:bottom; border:1px solid #eeeeee; border-bottom:1px solid #dddddd; } .photoTable thead td.left , .photoTable tbody td.left { text-align:left; padding:4px 0px 4px 4px;} .photoTable tbody tr td { vertical-align:top; padding:10px 0px 10px 0px; border-bottom:1px solid #f0f0f0; text-align:center;} .photoTable tbody tr.on { background-color:#f8f8f8; } .photoTable tbody tr td .sizeContainer { height:50px; float:left; display:block; } .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;} .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 a { display:block; cursor:pointer;} .mainImage { float:left; } .altImageContainer { float:left; padding:0px 0px 10px 10px; text-align:left; } /* 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 { 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;} 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; width:939px; padding:10px 0px 10px 19px; background-color:#f4f4f4; margin:0px; font-weight:bold; font-size:12px; border-top:1px solid #f0f0f0; } .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 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;} .textOutput { float:left; } .textOutput p { display:block; float:left; font-size:11px; line-height:15px; color:#333; font-family:Arial, Helvetica, sans-serif; } .note { 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;} .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:18px; 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 */ .legend { text-transform:uppercase; font-size:14px; font-weight:bold; display:block; float:left; width:80%; margin:0px 0px 8px 0px; padding:1px 0px 1px 20px; color:#666; background:url(../images/legend_icons.gif) -100px 0 no-repeat;} .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; } .ledgendShort { width:auto;} .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; } .required {} /* optional required field - used on the inputField tag */ /* legend icons -----------------------------------------------------------------*/ .info { background-position:0 0;} .yachtType { background-position: 0px -40px;} .ruller, .ruler { background-position: 0px -80px;} .cog { background-position: 0px -120px ;} .calendar { background-position: 0px -160px;} .tickbox { background-position: 0px -200px;} .cogsWorking { background-position: 0 -240px;} .people { background-position: 0 -280px;} .weather { background-position: 0 -320px;} .images { background-position: 0 -360px;} .photo { background-position: 0 -399px;} .magnify, .search { background-position:0 -440px; } .offices { background-position: 0 -480px;} .comunications { background-position:0 -520px;} .man { background-position: 0 -561px;} .tools { background-position: 0 -600px;} .playVideo { background-position: 0 -640px;} .videoCamera { background-position:0 -680px;} .camera { background-position:0 -720px;} .switch { background-position:0 -760px;} .document { background-position: 0 -800px;} .clock { background-position:0 -840px;} .dollar { background-position: 0 -880px;} .thumbsUp { background-position:0 -921px;} .temperatures { background-position:0 -961px;} .world { background-position:0 -1000px;} .tags { background-position:0 -1040px;} .compass { background-position:0 -1081px;} .quote { background-position:0 -1119px;} .clipboard { background-position:0 -1160px;} .lightBulb { background-position:0 -1200px;} .checkList { background-position:0 -1243px;} .megaphone { background-position:0 -1284px;} .addressBook { background-position:0 -1324px;} .preferedPerson { background-position:0 -1366px;} .tickbox2 { background-position:0 -1407px;} .lego { background-position:0 -1448px;} .speed { background-position:0 -1488px;} .access { background-position:0 -1529px;} .map { background-position:0 -1569px;} .yacht { background-position:0 -1611px;} .seo { background-position:0 -1651px;} .areas { background-position:0 -1692px;} .location { background-position:0 -1731px;} .folder { background-position:0 -1740px;} .bag { background-position:0 -1811px;} .personalDetails { background-position:0 -1848px;} .pdfDocument { background-position:0 -1887px;} .documents { background-position:0 -1926px;} .blankDocument { background-position:0 -1965px;} .newspaper { background-position:0 -2003px;} .list { background-position:0 -2041px;} .upload { background-position:0 -2080px;} .pieChart { background-position:0 -2120px;} .barGraph { background-position:0 -2160px;} .planner { background-position:0 -2220px;} .roset { background-position:0 -2232px;} .link { background-position:0 -2310px;} .tv { background-position: 0 -2350px;} .boat { background-position:0 -2387px;} .helicopter { background-position:0 -2425px;} .toys { background-position:0 -2462px;} .notAllowed { background-position:0 -2500px;} .flag { background-position: 0 -2540px;} .documentStar { background-position:0 -2579px;} .documentUpload { background-position:0 -2618px;} .priceTag { background-position:0 -2696px;} .map2 { background-position:0 -2735px} .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 */ /* 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; 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;} .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;} /* 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; font-family:Arial, Helvetica, sans-serif;} /* 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 20px; 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; font-family:Arial, Helvetica, sans-serif;} .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; font-family:Arial, Helvetica, sans-serif;} .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;} /* 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:9px 15px 0px 15px; width:927px;} .additionalResultsHeader { background:#fefefe; width:927px; padding:9px 15px 0px 15px; height:36px; } .additionalHeader { border-top:1px solid #ccc;} .repeatingHeader { float:left; border-top:1px solid #ccc; font-size:12px; height:20px; padding:8px 15px 0px 10px; width:932px; } .sectionResultsHeader {width:948px; padding:10px 0px 10px 10px; text-transform:uppercase; font-weight:bold; font-size:14px; background-color:#eee; border-top:1px solid #cccccc; float:left;} /* 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; } /* 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; } .resultsSearchContainer { float:right; width:250px; margin:18px 0px 0px 0px;} .searchAll { width:250px; float:left; margin:10px 0px 0px 20px;} .searchAll label { margin:0px 0px 0px 5px; line-height:18px; float:left;} .searchAll input { float:left;} /* 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.span9None { padding:5px 3px 5px 5px; } .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:12px; color:#cc0000; padding:5px 0px 0px 0px; } /* 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-image:url(../images/table_head_bg.gif); background-position: bottom left; background-repeat:repeat-x; border-left:1px solid #f5f5f5; border-right:1px solid #dddddd; background-color:#f2f2f2;} .resultsContent thead tr td:hover { background-image:url(../images/table_head_bg-hover.gif); } .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; padding:0px; width:100%;} .resultsContent thead tr td a.down { background-position: right -37px; padding:0px; width:100%;} .resultsContent thead tr td a.noSort { background-position: right 0px; padding:0px; width:100%;} .resultsContent thead tr td.left a.up { background-position:right -74px; padding:0px; text-indent:10px; width:100%;} .resultsContent thead tr td.left a.down { background-position: right -37px; padding:0px; text-indent:10px; width:100%;} .resultsContent thead tr td.left a.noSort { background-position: right 0px; padding:0px; text-indent:10px; width:100%;} .resultsContent thead tr td a.none { background-image:none; padding:0px; text-indent:10px; width:100%;} .resultsContent thead tr td a div { width:100%; display:inline-block;} .resultsContent thead tr td p { display:block; font-family:Arial, Helvetica, sans-serif; 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; display:inline-block;} .resultsContent tr td.left a.propertyName span { display:inline-block; color:#666; padding:4px 0px 0px 0px;} .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 {} .resultsContent tr td.right .tdContent { margin:0px; padding:0px 10px 0px 0px; font-size:11px;} .resultsContent tr td.left .tdContent { text-align:left; padding:0px 0px 0px 10px; line-height:15px;} .resultsContent tr td .lower { text-transform:lowercase;} .resultsContent tr td.address a { padding:5px 0px 5px 10px;} .resultsContent tr td.address span { color:#666; padding:5px 0px 0px 0px; display:inline-block;} .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;} /* 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; } .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;} /* styling for the table tr, tr hover, selected td (sorted) and tr td selected hover */ .resultsContent tbody tr.on { background:url(../images/table_cell-bg.gif) repeat-x bottom center; background-color:#f7f8f7; } /* alternate row stripes*/ .resultsContent tbody tr.on td { border-top: 1px solid #ececec;} .resultsContent tbody tr:hover { background-color:#f0f0f0; background:url(../images/table_cell-bg-hover.gif) repeat-x bottom center; background-color:#edefed;} /* row hovering */ .resultsContent tbody tr:hover td.selected { background-color:#cccccc; background: url(../images/table_cell-selected-hover-bg.gif) repeat-x bottom center; } /* class to select the td when tr hovers and td is selected */ .resultsContent thead tr td.selected { background:url(../images/table_header-bg-selected.gif) repeat-x bottom center; border-left:1px solid #ddd;} /* selected header td */ .resultsContent tbody tr td.selected { color:#333; background-color:#f3e0dd; } /* selceted td tags */ .resultsContent tbody tr td.selected a { color:#333;} .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-color:#cccccc; background: url(../images/table_cell-selected-hover-bg.gif) repeat-x bottom center; } .resultsContent tbody tr.deletedYacht { background-color:#fcd6d6;} .resultsContent tbody tr.deletedYacht:hover { background-color:#f3cdcd; background-image:none;} .expandableListContainer {position: relative; min-height:14px; padding:0 10px; cursor:pointer;} .expandableListCount { font-size: 11px; float:left; width:100%; } .expandableListCount .details { float:right; width:auto;} .expandableList { display:none; } .expandableListContainer:hover .expandableList { display:block; position: absolute; top: 0; left: 0; border: 1px solid #ccc; padding:10px; min-width:300px; background-color:#FFF; line-height: 16px; } .expandableListContainer:hover .expandableList li { margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #eee; width:100%; float:left;} .expandableListContainer:hover .expandableList li:last-child { margin:0; padding:0; border:none;} .expandableListContainer:hover .expandableList li .date { float:right; display:inline-block;} /* property list */ .propertyDetailsContainer { display:block; width:100%;} .propertyDetailsContainer img { float:left; margin:8px 9px 0px 0px;} .propertyDetailsContainer .propertyDetails { float:left; padding:4px 0px;} .propertyDetailsContainer .propertyDetails .propertyName { padding:0px 0px 5px 0px;} .propertyDetailsContainer .propertyDetails .propertyBedrooms {} /* 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 3px 0px 3px;} .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.actDelete a:hover { background-position:-100px -40px;} old style no entry circle .actionIcons li.actDelete { padding:0px 0px 0px 14px;} .actionIcons li.actDelete 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 .jsDragtHandle { cursor:move;} .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; } /* 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;} .news-layout .resultsKey { border-top:1px solid #a9a9a9; border-bottom: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; 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 { display:block; float:left; margin:5px 0px 0px 0px;} /* tags to give us more flexable options for difrent footer options */ .resultsContent .footerOption { padding:5px 10px 0px 30px; 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(/resources/images/pagination_bg.gif); background-position:0 0; background-repeat:repeat-x; background-color:#fdfdfd;} .resultsFooter .paginationList { float:left; padding:0px 0px 0px 31%; } .resultsFooter .paginationList li { float:left; height:37px; padding:0px 13px 0px 0px} .resultsFooter .paginationList li a { cursor:pointer; display:block; text-decoration:none; 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 { 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 { color:#000; } .resultsFooter .paginationList li.current a { 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 { background-image:none; padding:0px;} .resultsFooter .paginationList li.current a:hover { color:#6f6f6f;} .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. */ .news-layout .resultsFooter { border-bottom:1px solid #a9a9a9;} /* 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 .detailsContaier { float:left; padding:5px; width:166px; position:relative; height:208px;} .positioningGrid li .detailsContaier a.image { width:166px; height:127px; float:left;} .positioningGrid li .detailsContaier a.image .selected { visibility:hidden;} .positioningGrid li .detailsContaier a.image:hover .selected { visibility:visible; height:218px; width:176px; position:absolute; top:-1px; left:-1px; border:1px solid #cc0000; background:url(../images/ico_move_photo.gif) no-repeat 5px 5px;} .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;} /* 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:0 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 */ .secNavOptions a { display:block; float:left; padding:0px 10px 0px 0px;} .sectionNavigation li .sectionTitle a { padding:20px 0px 5px 0px; display:block; float:left; width:220px; font-size:16px; color:#333; text-decoration:none; } .sectionNavigation li .sectionLinks a { display:block; float:left; padding:0px 10px 0px 0px; } .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;} .contentNav li { background-image:url(../images/content_nav-settings.jpg);} /* additional class for the content section */ .contentNav li.guide { background-position:0px 0px;} .contentNav li.cms { background-position:0px -100px;} .contentNav li.events { background-position:0px -189px; } .contentNav li.press { background-position:0px -293px;} .contentNav li.qanda { background-position:0px -400px;} .contentNav li.airport { background-position:0px -500px;} .contentNav li.design { background-position:0px -600px; } .contentNav li.news { background-position:0px -688px;} .contentNav li.yachtCouncil { background-position:0px -800px;} .contentNav li.contributor { background-position:0px -1200px;} .contentNav li.port { background-position:0px -900px;} .contentNav li.database { background-position:0px -1000px; } .contentNav li.luxury { background-position:0px -1100px;} .contentNav li.seaAndI { background-position: 0 -1300px;} .contentNav li.yachtingIndex { background-position: 0 -1400px;} .contentNav li.radar { background-position: 0 -1500px;} .contentNav li.shortcode { background-position:0 -1600px;} .contentNav li.testimonials { background-position:0 -1200px;} .contentNav li.advice { background-position:0 -1700px;} .contentNav li.caseStudies { background-position:0 -1800px;} .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;} .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;} .indexNav li { background-image:url(../images/section_nav-index.jpg);} .indexNav li.enquiries { background-position:0 -100px;} .indexNav li.crew { background-position:0 0;} /* alphabet ---------------------------------------------------------------------------------------------*/ #alphabet { border-right:1px solid #CCCCCC; float:left; } #alphabet li { border-left:1px solid #CCCCCC; float:left; padding:2px 6px 2px 6px; line-height:10px; height:13px; } #alphabet li a { display:block; cursor:pointer;} /* ###################################### 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 .staff_list { padding-top:10px; margin:0px; float:left; width:100%; } #crewMembers ul li { width:100%; float:left; } #crewMembers ul li ul li { background-image:none; border-bottom:1px solid #999; } #crewMembers .crewBlank { padding:10px 0px 10px 0px; } #crewMembers .staffMember { margin:10px 0px 10px 0px; } #crewMembers .name { margin-bottom:5px; } #crewMembers .name a { font-size:1em; margin-right:5px; font-weight:bold; text-decoration:none;} .control a { display:block; float:right; } .control a.edit { background-image:url(../images/but_edit_profile.gif); width:78px; height:17px; } .control a.edit:hover { background-position:0 -17px; } .staffMember .footer { float:left; padding-bottom:10px; } .staffMember .footer .ordering { float:right; width:165px; } .staffMember .footer .ordering div { float:right; font-size:0.7em; color:#999999; padding:4px 4px 0px 0px;} .staffMember .footer .ordering a { float:right; margin-left:5px; display:block; width:16px; height:16px; } .staffMember .footer .ordering a.moveDown { background-image:url(../images/ico_move_down.gif); } .staffMember .footer .ordering a.moveUp { background-image:url(../images/ico_move_up.gif); } .staffMember .footer .ordering a.disabled { background: none; } #crewMembers .staffMember .footer .ordering a.drag { background-image:url(../images/but_room_drag.gif); width:44px; height:19px; } /* marketing - marketing leads options - broker leads options ------------------------------------------------------------------------------------*/ .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 .userTitle { font-size:12px; margin:0px 0px 0px 0px; font-weight:bold; } .userLists .userProfile .buttonS .userTitle { 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} /* commercial classification pop up -----------------------------------------------------------------------------------*/ .commercialClassifications { margin:20px; } .commercialClassifications thead tr td { font-size:14px; font-weight:bold; color:#333; padding:0px 0px 10px 5px; border:none; background:url("../images/section_header-title-bg.gif") repeat-x scroll center bottom ; } .commercialClassifications tr td { padding:10px 0px 0px 10px; border-bottom:1px solid #ccc;} .commercialClassifications tr td p { font-size:11px; margin:0px 0px 10px 0px; line-height:14px;} /* 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:437px;} /* 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:954px; padding:0px 0px 3px 0px; margin:0; background-color:#F9F9F9; border-bottom:1px solid #DDDDDD; } #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:500px; 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;} #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; } .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; } #officeUserList { padding:0px; margin:0px 0px 0px 0px; width:956px; } #officeUserList tr { width:956px;} #officeUserList tr td { } /*################### 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 .photoContainer { position:relative; border:1px solid #CCCCCC; padding:5px; width:166px; display:block; height:298px; } #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 .move .selected { visibility:hidden; } #photosAdditional .photoContainer .move:hover .selected { z-index:1000; border:1px solid #cc0000; visibility:visible; display:block; width:176px; height:308px; position:absolute; top:-6px; left:-6px; background-image:url(/resources/images/ico_move_photo.gif); background-position:5px 5px; background-repeat:no-repeat;} #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:117px; } #photosAdditional .sort .photoPreview { float:left; padding:0px; margin-bottom:5px; } #photosAdditional .sort .move:hover .selected { height:127px; } /* 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 { height:250px;} #photosAdditional .smallerPhoto .photoPreview { float:left; padding:0px; margin-bottom:5px; } #photosAdditional .smallerPhoto .move:hover .selected { height:250px; } /* 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; } /* 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;} /* 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;} .seasonAreas .expandContainer { display:block; width:20px; float:left; height:20px;} .seasonAreas .expand { border:1px solid #999; text-align:center; width:12px; height:12px; color:#000; display:block; cursor:pointer; float:left; margin:0px 5px 0px 0px; text-decoration:none;} .seasonAreas .expand span { display:block; height:12px; width:12px;} .branchAreas { margin:10px 0px 0px 0px; width:230px;} .branchAreas div { background:url(../images/buletpoint.gif) 0 -1px no-repeat; padding:0px 0px 9px 11px; font-weight:bold; } .branchAreas li { margin:0px 0px 0px 0px; width:230px;} .branchAreas li ul { width:210px;} .branchAreas li ul li { width:210px;} .branchAreas ul li div { background:url(../images/buletpoint-square.gif) 0 -1px no-repeat; color:#666; font-weight:normal;} /* property areas */ .propertyAreas { float:left; width:427px;} .propertyAreas li { float:left; width:427px; } .propertyAreas li div { float:left; width:427px; font-size:12px; margin:0px 0px 3px 0px;} .propertyAreas li label { width:109px;} .propertyAreas li ul { float:left; display:block; width:387px; padding:0px 0px 0px 20px;} .propertyAreas li ul li { float:left; width:387px;} .propertyAreas li ul li div { width:387px;} .propertyAreas li ul li ul { width:347px;} .propertyAreas li ul li ul li { width:347px;} .propertyAreas li ul li ul li div { width:347px;} .propertyAreas li ul li ul li ul { width:307px;} .propertyAreas li ul li ul li ul div { width:307px;} .propertyAreas li ul li ul li ul li { width:307px;} .propertyAreas .inputShim { padding:0px 7px 0px 0px; float:left; width:auto;} .propertyAreas .expandContainer { display:block; width:20px; float:left; height:20px;} .propertyAreas .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;} .propertyAreas .expand span { display:block; height:12px; width:12px;} /* 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;} /* statementTable -------------------------------------------------------------------------*/ .statementTable { font-family:Arial, Helvetica, sans-serif;} /* reports page ------------------------------------------------------------------------*/ .reportsContainer { float:left; width:937px; padding:24px 0px 0px 21px; height:auto; margin:0px 0px 0px 16px; background-color:#FFF;} .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:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000;} .reportsContainer .usageStats .sparklineContainer { float:left; width:100px;} .reportsContainer .usageStats .stats, .atAGlance .stats { float:left; width:166px;} .atAGlance .stats { padding: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; } .reportsContainer .visitorDetails { float:left; width:337px; height:247px; } .reportsContainer .traficSources { float:left; width:337px; height:247px;} .mapTitle { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000; float:left; width:940px; padding:23px 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-weight:bold; font-family:Arial, Helvetica, sans-serif; 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-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; 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;} .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;} .reportsTableContainer { float:left; width:937px; height:auto; margin:0px 0px 0px 16px; background-color:#FFF;} /* sales / charter sections - add yacht choose leads ----------------------------------------------------------------------*/ #userListAvailable, #userListSelected { float:left; } #userListAvailable li, #userListSelected li { float:left; width:100%; padding:10px 0px 20px 0px; margin:0px 0px 20px 0px; border-bottom:1px solid #ccc;} #userListAvailable li .userPhoto, #userListSelected li .userPhoto { width:60px; height:60px; background-color:#f0f0f0; display:block; float:left; margin:0px 10px 0px 0px; } #userListAvailable li .userProfile, #userListSelected li .userProfile { float:left;} #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;} .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 { clear:both;background-image:url(../images/ico_error_hd.gif); background-position:10px 10px; background-repeat:no-repeat; border:1px solid #990000; background-color:#FCC9C9; width:748px; padding:10px 0 10px 0; margin-bottom:10px; } .msgErrorHD div { font-weight:bold; color:#990000; margin:0 0 5px 40px; font-size:1.2em; } .msgErrorHD p { margin:0 0 5px 40px; font-size:1.1em; } /* 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; } /* destination tree --------------------------------------------------------------------------------------------*/ li div.control { /* display: none; */ } #destinationTree { margin:0; padding:0; font-size:11px; background-image:url(/resources/images/tree_bg.gif); /* overflow:auto; width: 250px; height:350px; overflow:auto; border: 1px solid #444444; */ } #destinationTree li { list-style: none; margin:0; padding:0 0 0 34px; line-height: 24px; width:900px; } #destinationTree li span { display:inline; clear: left; white-space: nowrap; } #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 { margin-left:-14px; background: url(/resources/images/tree/root.gif) no-repeat 16px 0 transparent; } #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, helvetica, sans-serif; border: 1px dashed #767676; } #drag_container ul { list-style: none; padding:0; margin:0; } #drag_container li { list-style: none; background-color:#ffffff; line-height:18px; white-space: nowrap; padding:1px 1px 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; } /* 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;} .featuredBullet { clear:both; } .featuredBullet li { background:url(../images/buletpoint-square.gif) 0 0 no-repeat; padding:0px 0px 0px 12px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} /* error page styling --------------------------------------------------------------------*/ .errorPage { margin:0px 0px 0px 0px;} .errorPage .contentSectionHeader { margin:50px 0px 0px 0px;} .errorPage .errorPageContent { padding:37px 0px 0px 50px; height:300px;} .errorPage .errorPageContent h1 { font-size:18px; font-weight:bold; margin:0px 0px 20px 0px;} .errorPage .errorPageContent p { font-size:11px;} .errorPage .errorPageContent a.home { font-size:11px; text-decoration:none;} /* area warning -------------------------------------------------------------------*/ .areaWarning { width:906px; margin:10px 16px 15px 16px; padding:15px 10px; background:#fbf7e3; font-size:12px; border:1px solid #ccc; color:#666;} .areaWarning a { text-decoration:none; font-size:12px; padding:0px 0px 0px 5px; font-weight:bold;} /* area 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 .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 {} .awardListButtonContainer { float:left; padding:0px 0px 0px 15px;} #award_list_area .award_list li.noResults { font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:5px 0px 5px 15px;} /* 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 .section { width:100%;} .overlay-contentpush .section .columnContainer { margin:0 auto; float:none; width:1200px;} .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; } .overlay-contentpush .overlay-header .jsOverlayClose { color:#FFF; font-size:14px; line-height:1.2em; background:url(../images/overlay-back-arrow.svg) 0 4px no-repeat; background-size:26px auto; display:inline-block; padding:5px 0 0 40px; text-decoration:none; } .overlay-contentpush .overlay-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 .columnContainer { width:auto; float:left;} .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; border:none; border-right:1px solid #ccc; } .overlay-contentpush .main-option .heading-section { height:40px; }