/*

	YachtCast Intelligence
	Form styling
	i.yachtcast.net
	Sept 2015 AH

-------------------------------------------------*/

/*
Prevent input zoom
*/
html, body {min-width:320px;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    font-size:16px;/* no less or ihpones zoom in */
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color:#ccc !important;
    -webkit-box-shadow: 0 0 0 1000px #CCC inset !important;
    box-shadow: 0 0 0 1000px #CCC inset !important;
}


form { margin:0;}
form fieldset { border:none; padding:0;}
form fieldset input[type="text"].hasDatepicker,
input[type="text"].hasDatepicker {
    background-image:url(/resources/images/form_date-field-bg.svg); background-position:100% 50%; background-repeat:no-repeat;
    cursor:pointer;
    font-size:1rem;
    -webkit-appearance: none; -moz-appearance: none;
    background-color: #FFFFFF;
    border-style: solid; border-width: 1px; border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%; height: 2.4375rem;
    margin: 0 0 1rem 0; padding: 0.5rem;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear; -moz-transition: border-color 0.15s linear, background 0.15s linear; -ms-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear; transition: border-color 0.15s linear, background 0.15s linear;
    border-radius: 3px;
    font-size:12px;
}
form fieldset select { font-size:14px;}
form fieldset .textOutput { color:#333; font-size:12px; margin:0 0 16px 0;} 
.bubblesContainer { 
	width:100%; 
	float:left; 
	margin:-6px 0 6px 0;
}
.bubblesContainer li {
    display:inline-block;
    vertical-align: top;
    margin:0;
}
.bubblesContainer .bubble { 
	font-size:11px; color:#fff; 
	display:block; 
	height:24px;
	padding:0 13px; margin:6px 10px 4px 0;
	float:left;  background:#999;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.bubblesContainer .bubble span {
	padding:0 20px 0 0;
	height:24px; line-height:24px;
	background:url(/resources/images/search_bubble-close.svg) top right no-repeat;
	display:block;
}
.bubblesContainer .bubble:hover { 
	background:#666; 
}

.brokerageSearchBubbles { width:100%; float:left;}

.yachtSearchFleetContainer .searchContainer  .bubblesContainer {
	width:100%;
}

.brokerageSearch form fieldset .checkboxRow p, .checkboxRow .fake-p { margin:5px 0 8px 0;}


/* date picker 
--------------------------------------*/
.ui-datepicker th,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-size:12px;
}
#ui-datepicker-div.no-days .ui-datepicker-calendar { display:none;}
#ui-datepicker-div select.ui-datepicker-month, #ui-datepicker-div select.ui-datepicker-year { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0 4px;}
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-current { display:none; }
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close { 
	font-size:10px; 
	padding:6px 10px; 
	text-transform:uppercase; 
	width:100%; font-family:Arial, Helvetica, sans-serif;
	transition: background-color 300ms ease-out;
	display:block; color:#666; font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color: rgb(229,229,229); /* Old browsers */
	background-color: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
	background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
	background-color: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
	background-color: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
	background-color: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
	background-color: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
	background-image:none;

}
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close:hover { color:#000; font-weight:bold;  }
#ui-datepicker-div .ui-datepicker-buttonpane { margin:0; border:none; padding:0;}

#ui-datepicker-div .ui-datepicker-header { padding:5px;}
#ui-datepicker-div .ui-datepicker-title { margin:0 19px;}

#ui-datepicker-div .ui-datepicker-prev span { background:url(/resources/images/date-picker-arrow-left.svg) 0 0 no-repeat; margin-left:-7px; margin-top:0; opacity:0.8;}
#ui-datepicker-div .ui-datepicker-prev:hover span { opacity:1; margin-left:-7px; margin-top:0;}
#ui-datepicker-div .ui-datepicker-next span { background:url(/resources/images/date-picker-arrow-right.svg) 0 0 no-repeat; margin-left:-1px; margin-top:0; opacity:0.8; }
#ui-datepicker-div .ui-datepicker-next:hover span { opacity:1; margin-left:-1px; margin-top:0;}

#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div .ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div .ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-focus {
	border: none;
	background: none;
	font-weight: normal;
	color: #212121;
}


#ui-datepicker-div .ui-widget-header { background:#ddd; border:none;}

.ui-widget-content { margin:5px 0 0 0; border:none; }
#ui-datepicker-div { padding:7px; width:13em; border:1px solid #ccc;}

.modal-content .checkboxRow p { font-size:12px; text-transform:uppercase; margin:0 0 4px 0; letter-spacing:0.01em; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; color:#333; line-height:normal; display:block;}
.modal-content .checkboxRow p.features { margin:5px 0 4px 0;}


/* brokerage search 
--------------------------------------*/
.brokerageSearch form fieldset { background:#e7e7e7; padding:20px; margin:20px 0 0 0; position:relative;}
.brokerageSearch form fieldset p,
.brokerageSearch form fieldset .fake-p, .charter-settings .fake-p,
.charter-settings label {
    font-size:12px;
    text-transform:uppercase;
    margin:0 0 4px 0;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; color:#333; line-height:normal;
    display:block;
}
.brokerageSearch form fieldset .checkboxRow p.fake-p { margin:0 0 10px 0;}
.brokerageSearch form fieldset .toSeparator { float:left; padding:2px; height:35px; line-height:35px; font-size:11px; color:#666; text-align:center; text-transform:lowercase; }
.brokerageSearch form fieldset p.margin-bottom-5 {margin-bottom:5px;}
.brokerageSearch form fieldset select {  }
.brokerageSearch form fieldset select.builder { margin:0 0 18px 0;}
.brokerageSearch form fieldset label { display:block; line-height:24px; font-size:12px;}
.brokerageSearch form fieldset input[type="radio"] {margin:12px 0 30px 0; display:inline-block; vertical-align: top; }
.brokerageSearch form fieldset input[type="radio"]+label {display:inline-block; margin:6px 10px 0 10px;}
.brokerageSearch form fieldset label.fake-p { line-height:normal;}
.brokerageSearch form fieldset label.hide { display:none;}
.brokerageSearch form fieldset input[type="text"] { float:left; }
.brokerageSearch form fieldset input[type="checkbox"] { float:left; margin:0 8px 10px 0;}
.brokerageSearch form fieldset .checkboxLable { margin:0 0 10px 0; height:auto; line-height:14px;}
.brokerageSearch form fieldset .checkboxRow p, .checkboxRow .fake-p { margin:5px 0 8px 0;}

.brokerageSearch form fieldset .checkboxRow.checkbox-spacing p, .checkboxRow.checkbox-spacing .fake-p  { margin:10px 0 8px 0;}

.brokerageSearch form fieldset .optionRow label.hide { display:none;}

.brokerageSearch form fieldset .radio-choice input[type="radio"], .charter-settings .radio-choice input[type="radio"] {margin:0; display:block; float:left;  }
.brokerageSearch form fieldset .radio-choice input[type="radio"]+label, .charter-settings .radio-choice input[type="radio"]+label { margin:0 10px 0 0; line-height:normal; float:left;}


.brokerageSearch form fieldset #total_count { font-size:30px; font-weight:bold; color:#333; margin:5px 0 0 0;}
.brokerageSearch form fieldset #total_count #total_count_label { font-size:14px; padding:0 0 0 3px;}
@media only screen and (max-width:640px) {
    .brokerageSearch form fieldset #total_count #total_count_label {font-size:11px;}
}

.brokerageSearch form fieldset .soldDates .small-6 { width:46%;}

.brokerageSearch form fieldset .bubblesContainer { width:100%; margin:-10px 0 10px 0;  }
.brokerageSearch fieldset .toSeparator { float:left; height:30px; line-height:30px; font-size:11px; color:#666; text-align:center; width:12%; }
.brokerageSearch fieldset .input-box-row .input-box { float:left; width:44%;}



.other-counts {
    padding-top:10px;
    margin-top:10px;
    display:none;
    border-top:1px solid #cccccc;
}
.brokerageSearch form fieldset #matched_count { margin:11px 0 5px 0; text-transform:none; font-size:14px;}
.brokerageSearch form fieldset #unknown_count { margin:5px 0 5px 0; text-transform:none; font-size:14px;}

#matched_count a {display:block; width:100%; float:left; clear:both; margin:0 0 5px 0;}
#matched_count a:hover, #unknown_count a:hover { color:#0093ee;}

#matched_count #span_match_count, #unknown_count #span_unknown_count { padding:0 5px 0 0;}

#matched_count span.small-btn, #unknown_count span.small-btn {
	display:inline-block;
	background:#0093ee; font-size:12px;
	color:#fff;
	float:right;
	padding:2px 13px;
	border-radius: 4px;
}

#matched_count span.small-btn:hover, #unknown_count span.small-btn:hover { color:#fff; background:#666;}

.other-counts .small-btn {
    float:right;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 1px 5px;
    color:#666;
}

@media only screen and (max-width: 40em) {
	.brokerageSearch form fieldset { padding:15px; }
	.brokerageSearch form fieldset .toSeparator { font-size:9px; }
}



/* save search
-----------------------------------------*/
.saveSearchForm { }
.saveSearchForm h3 { 
	font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; font-size:16px; text-transform:uppercase;
	margin:0 0 10px 0;
}
.saveSearchForm h3.requirments {
	margin:15px 0 17px 0;
}

.previewContainer {
	float:right;
}

.previewContainer .previewButton, .saveSearch, .cancelSearch { 
	display:inline-block; 
	height:36px; line-height:34px;
	border:1px solid #0093ee; border-radius:4px;
	color:#0093ee; font-size:14px; 
	padding:0 20px 0 43px; margin:0 0 0 10px;
	float:right;
	position:relative;
}
.previewContainer .previewButton:hover, .saveSearch:hover, .cancelSearch:hover {
	background:#0093ee;
	color:#fff;
}

.previewContainer .previewButton:before, .saveSearch:before, .cancelSearch:before {
	content:'';
	height:18px; width:20px;
	position:absolute; 
}

.previewContainer .previewButton:before {
	top:7px; left:13px;
	background:url(/resources/images/icons/button_preview-icon.svg) 0 0 no-repeat; background-size: 19px auto;
}

.previewContainer .previewButton:hover:before {
	background-position:0 -20px;
}

.saveSearch { 
	padding:0 20px 0 37px; margin:0;
	float:right;
}
.saveSearch:before {
	top:6px; left:13px;
	background:url(/resources/images/icons/button-select-icon.svg) 0 0 no-repeat;
}
.saveSearch:hover:before {
	background-position:0 -25px;
}

.cancelSearch {
	float:left;
	margin:20px 0;
	padding:0 20px;
}

.saveSearchForm .dividingLine { border-right:1px solid #ccc;}
.saveSearchForm label, .saveSearchForm .label { width:100%; float:left; font-size:12px; color:#333; height:17px; line-height:normal; }
.saveSearchForm input[type="text"] { width:100%; margin:0 0 16px 0;}
.saveSearchForm input[type="text"].nameSearch { width:413px;}

.brokerageSearch .saveSearchForm .toSeparator { padding:2px 8px; }

.saveSearchForm select { width:100%; margin:0 0 16px 0;}
.saveSearchForm .lengthType select, .saveSearchForm .priceCurrency select { width:100%;}
.saveSearchForm .lengthSelect { width:48%; margin:0 0 0 5px; float:left;}
.saveSearchForm .lengthSelectFirst { margin:0 5px 0 0; }
.saveSearchForm input[type="checkbox"] { float:left; margin:3px 10px 0 0;}
.saveSearchForm input[type="checkbox"] + label { width:auto; margin:0 0 5px 0; height:20px; line-height:14px; font-size:14px; padding-left:26px;}
.saveSearchForm .checkboxRow .columns { margin:0 0 1em 0;}
.saveSearchForm .checkboxRow .columns.small-3 { margin:0 0 1em -0.5rem;}
.saveSearchForm .checkboxMainLabel { line-height:22px;}

.brokerageSearch .saveSearchForm #total_count { margin:-7px 0 10px 0;}

.saveSearchForm .results { float:left; text-align:left; font-size:20px; font-weight:bold; margin:0 0 1em 0;}
.saveSearchForm .results .jsTotalCountLabel { font-size:14px;}
.alertSaveSection { margin-top:20px;}

.saveSearchForm fieldset .toSeparator { float:left; height:30px; line-height:30px; font-size:11px; color:#666; text-align:center; width:12%; }
.saveSearchForm fieldset .input-box-row .input-box { float:left; width:44%;}


@media screen and (max-width: 640px) {
	.brokerageSearch form.saveSearchForm fieldset {
		padding-top:15px;
	}
	.brokerageSearch .saveSearchForm .results { margin:0 0 10px 0;} 
	.brokerageSearch .saveSearchForm #total_count { margin:-6px 0 10px 0;}
	.margin-b-spacing { margin-bottom:1em;}
	
	.brokerageSearch .saveSearchForm .row.optionRow .small-5.columns { width:46%;}
	.brokerageSearch .saveSearchForm checkboxRow wheelchairRow { margin-bottom:10px;}
}

@media screen and (min-width: 641px) {
	.previewContainer {
		margin:31px 0 0 0;
	}
	.saveSearchForm h3.requirments {
		margin:10px 0 17px 0;
	}
	.previewContainer { float:left;}
	.brokerageSearch .saveSearchForm .toSeparator { padding:2px; }
	.saveSearch {  margin:7px 0 0 0; }

}

/*largeMedium - 900px up */
@media screen and (min-width: 901px) {
	.alertSaveSection { padding-left:20px; margin-top:0;}
	.saveSearchSection { border-right:1px solid #ccc; padding-right:20px;}
}


/* required 
-------------------------------------------*/
.requiredDisclaimer { font-size:14px; margin:10px 0 10px 0; color:#0a0a0a;}
.required i,
.requiredDisclaimer i {
	display:inline-block;
	background:url(/resources/images/icons/required.svg) 0 0 no-repeat; 
	height:10px; width:10px;
}

.soldPricePopup .requiredDisclaimer { color:#666; margin:0; font-size:12px;}


/* errors 
-------------------------------------------*/
.msgErrorHD { width:100%; padding:10px; border:1px solid #cc0000; background:#fcefef; margin:0 0 15px 0;}
.msgErrorHD div { font-size:14px; font-weight:bold; color:#cc0000;}
.msgErrorHD p { font-size:12px; color:#cc0000;}

.error small.error {color:#CC0000;}

.error small.issueCatogoryError { width:65%; float:right; margin-top:-1rem }
.error small.issueMessageError {  margin-top:-1rem }
.errorMessage,
.error-message,
.error {
    display:block;
    color:#CC0000; font-size:12px;
}

.sold-price-details .error small.error { margin:-8px 0 4px 0;}


.vessel-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin:15px 0 16px 0;
}
.vessel-block .img {
    -webkit-box-flex: 0 0 188px;
    -moz-box-flex:  0 0 188px;
    -webkit-flex:  0 0 188px;
    -ms-flex:  0 0 188px;
    flex:  0 0 188px;
}
.vessel-block .info {
    -webkit-box-flex: 1 1 100px;
    -moz-box-flex:  1 1 100px;
    -webkit-flex:  1 1 100px;
    -ms-flex:  1 1 100px;
    flex:  1 1 100px;
}
.vessel-block .info .name {
    font-size: 18px;
    text-transform: uppercase;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    margin:0;
    color: #454545;
}
.vessel-block .info .details {
    font-size: 14px;
    color: #666;
    margin:0;
}


.modalWindow { background:#fff; width:90%; padding:20px;}
/* Header search
------------------------------ */
.yachtNameHeaderSearch {
    display:inline-block;
    clear:right;
    width:204px;
    float:right;
    margin:-2px 0 18px 0;
}
.yachtNameHeaderSearch #yacht-name-search {
    margin:0;
    width:200px;
    display:inline-block;
    background:url(/resources/images/icons/search_header.svg) 10px 50% no-repeat #fff;
    background-size:16px auto;
    height:28px;
    line-height:28px;
	border-radius: 4px;
    padding:0 0 0 32px;
}
.yachtNameHeaderSearch .button.jsButtonSubmit {
    vertical-align: top;
    margin:0 0 0 0;
    border:0;
    float:right;
    background:url(/resources/images/icons/play-go.svg) 0 3px no-repeat;
    background-size:28px auto;
    text-indent:-9999px;
    overflow:hidden;
    width:35px; height:35px;
    display:none;
}
.yachtNameHeaderSearch .title {display:none;}
.siteOptions {float:right; width:100%;}

.account-dropdown {
    float:right;
}
.shortlist-dropdown {
    float:right;
	margin-left:20px;
}
.blue-dropdown {
    margin-left:0;
    float:right;
}
.shortlist-dropdown.dropdown.menu > li,
.account-dropdown.dropdown.menu > li,
.account-dropdown.dropdown.menu > li,
.blue-dropdown > li{
	margin:0; padding:0 0 6px 0;
}

header .dropdown.menu>li.opens-left>.is-dropdown-submenu {margin-top:-2px;}
.shortlist-dropdown.dropdown.menu > li > a,
.account-dropdown.dropdown.menu > li > a,
.blue-dropdown.dropdown.menu > li > a {
    color:#FFF;
    font-size:14px;
    text-transform:uppercase;
}
.blue-dropdown.dropdown.menu > li > a {
    padding-left:0;
    color:#0093ee;
    text-transform:none;
    font-size:15px;
}

.shortlist-dropdown ul li,
.account-dropdown ul li,
.blue-dropdown ul li {
    border-bottom:1px solid #CCC;
    margin:0;
}
.shortlist-dropdown ul li:last-child,
.account-dropdown ul li:last-child,
.blue-dropdown ul li:last-child {border:0;}
.shortlist-dropdown ul a,
.account-dropdown ul a,
.blue-dropdown ul a {
    font-size:15px;
}

.dropdown.menu.shortlist-dropdown>li.is-dropdown-submenu-parent>a:after,
/*.dropdown.menu.account-dropdown>li.is-dropdown-submenu-parent>a:after, */
.dropdown.menu.blue-dropdown>li.is-dropdown-submenu-parent>a:after {
    border:5px inset;
    border-color:#FFF transparent transparent;
}

.shortlist-dropdown.dropdown.menu > li > a {
    background:url(/resources/images/icons/shortlist-header.svg) 3px 13px no-repeat;
    background-size:12px auto;
    padding-left:25px;
    padding-right:5px;
}
.account-dropdown.dropdown.menu > li > a {
    background:url(/resources/images/icons/account-header.svg) 3px 12px no-repeat;
    background-size:14px auto;
    padding-left:25px;
}
@media only screen and (max-width:640px) {
    .yachtNameHeaderSearch {display:none;}
    .account-dropdown,
    .shortlist-dropdown {display:none;}
}

/*smallMedium - 641px - 900px*/
@media screen and (min-width: 641px) and (max-width:900px) {
	/*.shortlist-dropdown { margin:0;}*/
}


.modalWindow.small-search-modal {
    width:300px;
    background:#e7e7e7;
    padding:11px 20px 20px 20px;
}
.modalWindow.small-search-modal .yachtNameHeaderSearch .title {
    color: #333;
    font-size: 15px;
    line-height: 20px;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    width: 100%;
    padding: 0 0 5px 0;
    margin: 8px 0 7px 0;
    display:block;
}
.yachtNameHeaderSearch.modal-version {
    float:none;
    width:100%;
    border:0;
    margin:0;
    height:auto;
    display:block;
}
.yachtNameHeaderSearch.modal-version #yacht-name-search3 {
    margin:0;
    height:auto;
    font-size:12px;
    width:220px;
    display:inline-block;
    vertical-align: top;
}
.yachtNameHeaderSearch.modal-version .button.jsButtonSubmit {
    display:inline-block;
    vertical-align: top;
    margin:7px 0 0 15px;
    border:0;
    width:25px; height:25px;
    overflow:hidden;
    text-indent:-9999px;
    background:url(/resources/images/search_refine-search-ico.svg) 4px -11px no-repeat;
    background-size:20px auto;
    float:none;
}
.yacht-search-mobile-button {
    float:right;
    z-index:10;
    display:inline-block;
    padding:32px 15px 36px 10px;
    margin: 0;
    vertical-align: top;
    border:0;
    background:url(/resources/images/search_refine-search-white.svg) 6px 31px no-repeat;
    background-size:19px auto;
    overflow:hidden;
    text-indent:-9999px;
    width:29px;
    position: relative;
}
.search-mobile {
    opacity:0;
    position:absolute; top:0; left:0;
    width:29px; height:82px;
    margin:0;
    display:none;

}
@media only screen and (min-width:344px) {
    .yacht-search-mobile-button {
        margin-right:8px;
    }
}
.button.yacht-search-mobile-button:hover,
.button.yacht-search-mobile-button:active {
    border:0;
    background-color:transparent;
    background-size:19px auto;
}
.searchResults .searchActions li.download a:before {
    background: url(/resources/images/icons/but_move-down-blue.svg) 0 0 no-repeat;
    top: 12px; left: 21px;
    background-size:12px auto;
}
.searchResults .searchActions li.download a:hover:before {
    background: url(/resources/images/icons/but_move-down-white.svg) 0 0 no-repeat;
    background-size:12px auto;
}
.searchResults .searchActions li.download .dropdown .submenu a:before {
    background: none;
}
.searchResults .searchActions li.download .dropdown .submenu a {
    padding: 0 16px;
    border: none;
    color: #666;
}
.searchResults .searchActions li.download .dropdown .submenu a:hover {
    background: none;
}

.searchResults .searchActions li.edit a:before {
    background:url(/resources/images/icons/button-edit-icon.svg) 0 -6px no-repeat;
    top: 12px; left: 21px;
}
.searchResults .searchActions li.edit a:hover:before {
    background-position:0 -31px;
}

@media screen and (max-width: 640px) {
    .searchResults .searchActions li.edit a:before { left: 12px;}
}

    /*largeMedium - 901px - 1470px */
@media screen and (min-width: 901px) and (max-width: 1470px) {
	.yachtNameHeaderSearch {
		margin-right:8px;
	}
	.siteOptions {
		margin-right:10px;
	}
}



/* refine search 
--------------------------------------*/
.yachtSearchFleetContainer { width:100%; position:absolute; top:0; z-index:1; left:-20px; padding:0 0 0 40px; }
.searchContainer { background:none; padding:20px; border-top:none; }/* border:1px solid #ccc; */
.modalWindow .searchContainer {padding:0;}
.searchContainer fieldset { margin:0;}
.searchContainer.soldSearch { padding:0;}

.searchContainer fieldset label,
.searchContainer fieldset .label,
.form-styling label {
	font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    color: #333;
    line-height: normal;
    display: block;
	font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; letter-spacing:0.01em;
}
.searchContainer fieldset .searchSpecification .fake-p, 
.searchContainer fieldset .searchResultsContainer .fake-p{ margin:0 0 5px 0; }

.form-styling .title {
    font-size: 15px;
    color: #545454;
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700;
    text-transform: uppercase;
}
.form-styling .cke_1 {
    margin-bottom:20px;
}
.searchContainer fieldset input[type="text"],
.searchContainer fieldset input[type="number"] {}
.searchContainer fieldset .checkboxSpacing { padding-top:18px;}
input[type="checkbox"],
.form-styling input[type="radio"] { display:none; }
input[type="checkbox"]+label,
.form-styling input[type="radio"]+label {
    padding-left: 22px;
    padding-top:3px;
    position:relative;
    font-size:12px; line-height:14px;
    text-transform:none;
    font-weight: 400;
    color: #333;
}
.form-styling input[type="radio"]+label {
    display:inline-block;
    padding-right: 20px;
}
input[type="checkbox"]+label:before {
    content: '';
    position: absolute; top: 0; left: 0;
    width: 16px; height: 16px;
    z-index: 0;
    background:url(/resources/images/icons/search_checkbox-unchecked.svg) 0 0 no-repeat;
    margin-top: 1px;
    -webkit-transition: .2s; transition: .2s;
}
input[type="checkbox"][disabled]+label:before {
    background:url(/resources/images/icons/search_checkbox-disabled.svg) 0 0 no-repeat;
}
input[type="checkbox"][disabled]+label:hover {
    cursor:not-allowed;
}
input[type="checkbox"]:checked+label:before {
    background-image:url(/resources/images/icons/search_checkbox-checked.svg?v=2);
}
.form-styling input[type="radio"]+label:before {
    content: '';
    position: absolute; top: 0; left: 0;
    width: 16px; height: 16px;
    z-index: 0;
    background:url(/resources/images/icons/radio-unchecked.svg) 0 0 no-repeat;
    margin-top: 1px;
    -webkit-transition: .2s; transition: .2s;
}
.form-styling input[type="radio"]:checked+label:before {
    background:url(/resources/images/icons/radio-checked.svg) 0 0 no-repeat;
}
.searchContainer fieldset select {}
.searchContainer fieldset select.spacing { margin:0 0 16px 0;}

/* options - length, guests ect*/
/*.searchContainer fieldset .formRange p { font-size:12px; font-family:'Proxima N W01 Smbd', Arial, Helvetica, sans-serif; margin:0 0 3px 0; color:#333; }*/
/*.searchContainer fieldset .formRange label { font-weight:normal; font-size:11px; height:20px; line-height:20px; padding:0;}*/
/*.searchContainer fieldset .formRange select { line-height:normal; width:84%; }*/
.searchContainer fieldset .toSeparator { float:left; height:30px; line-height:30px; font-size:11px; color:#666; text-align:center; width:12%; }

.searchContainer fieldset .input-box-row .input-box { float:left; width:44%;}

.searchContainer fieldset #total_count { float:left; width:100%; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600; display:block; margin:0; color:#FF0000; font-size:2em; line-height:normal; }
.searchContainer fieldset #total_count span { font-size:0.5em; font-weight:300; color:#000;  }
.searchContainer fieldset #total_count #span_total_count { font-size:0.8em; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; color:#000;  }
.searchContainer fieldset #matched_count { margin:9px 0 2px 0; font-size:12px; display:block; width:100%; float:left; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600;}
.searchContainer fieldset #matched_count a { color:#333;}
.searchContainer fieldset #unknown_count { font-size:12px; display:block; width:100%; float:left; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600;}
.searchContainer fieldset #unknown_count a { color:#333;}

.searchContainer fieldset .refineSearchButton {
	float:right; 
	font-size:12px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600; color:#fff;
	margin:5px 0 0 0; padding:0 20px 0 36px;
	border:none;
	background-color:#0093ee; background-image:url(/resources/images/button_ico-search.svg); background-position:10px 50%; background-repeat:no-repeat;
    clear:both;
}
.searchContainer fieldset .refineSearchButton:hover {opacity:0.8;}
.searchContainer fieldset .withdrawnSearchButton .clear-filters  {
    float:right;
    margin:12px 25px 0 0;

}
.refineButtonContainer { width:100%;}
.refineButtonContainer .refineButton {
	display:block;
	float:right; 
	background:#e7e7e7; 
	height:34px; 
	line-height:34px; border:1px solid #cacaca; border-top:none;
	font-size:12px; color:#666; text-transform:uppercase; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:600; 
	padding:0 22px 0 0; margin:-1px 0 0 0;
	-webkit-border-bottom-right-radius: 3px;  -moz-border-radius-bottomright: 3px;  border-bottom-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
  	-webkit-box-shadow: 0px 2px 3px 0px #ddd; -moz-box-shadow: 0px 2px 3px 0px #ddd; box-shadow: 0px 2px 3px 0px #ddd;
}
.refineButtonContainer .refineButton:hover {color:#333; }
.refineButtonContainer .refineButton span { display:block; height:34px; line-height:34px; width:34px; float:left; margin:0 5px 0 0; background:url(/resources/images/search_refine-search-ico.svg) 10px 0 no-repeat;}
.refineButtonContainer .refineButton:hover span { background-position:10px -34px;}
.jq-icon-success-remove.jq-toast-single h2,
.jq-icon-success-add.jq-toast-single h2 {
    font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300;
    font-size:18px;
    padding:10px 0 0 11px;
    color:#FFF;
}


.upload-page h1 { margin:0 0 40px 0;}

.back-button {
	display:block;
	float:right;
	height:36px; line-height:36px;
	border:1px solid #0093ee;
	color:#0093ee; font-size:14px;
	border-radius:4px;
	padding:0 20px 0 40px;
	background:url(/resources/images/icons/button_back-arrow.svg) 17px 0 no-repeat;
}

.back-button:hover {
	background-color:#0093ee;
	color:#fff;
	background-position:17px -35px;
}

.section-report .back-button { float:left; margin:20px 0 0 0.4865rem;}

/* add edit notes / add edit reports 
-------------------------------------------------------*/
.note-details h3, .report-details h3 {
	font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:700; font-size:16px; color:#676767; text-transform:uppercase;
	margin:0 0 11px 0;
}

.note-details fieldset { margin:0 0 30px 0;}
.note-details .list.link-lists { margin:0 0 40px 0;}

.listHeader li.title, .list li.listRow .listDetails li.title {
	width:33%; -webkit-flex: 0 0 33%; -ms-flex:0 0 33%; flex: 0 0 33%; max-width:33%;
}

.listHeader li.url, .list li.listRow .listDetails li.url {
	width:67%; -webkit-flex: 0 0 67%; -ms-flex:0 0 67%; flex: 0 0 67%; max-width:67%;
}

.list li.listRow .listDetails li.noResults {
	width:100%; -webkit-flex: 0 0 100%; -ms-flex:0 0 100%; flex: 0 0 100%; max-width:100%;
}

.requiredDisclaimer { 
	display:block;
	color:#666; font-size:12px; 
	padding:0 0 0 15px; margin:10px 0 0 0; 
	background:url(/resources/images/icons/required.svg) 6px 0 no-repeat;
}

.link-add-button {
	display:inline-block;
	height:25px; line-height:22px;
	font-size:12px; color:#0093ee;
	border:1px solid #0093ee;
	padding:0 15px;
	border-radius:4px;
}
.link-add-button:hover {
	color:#fff;
	background:#0093ee;
}

.requiredDisclaimerSold {
	display:block;
	width:100%;
	margin:0; padding:7px 0 0 0;
}
.requiredDisclaimerSold span {
	display:inline-block;
	float:right;
	background:url(/resources/images/icons/required.svg) 0 11px no-repeat;
	color:#666; font-size:12px; 
	padding:0 0 0 13px;
}

.report-details .uploaded-heading {
	display:block; width:100%;
	font-size:12px; font-family:'proxima-nova', Arial, Helvetica, sans-serif; font-weight:300; text-transform:uppercase;
	margin:30px 0 0 0;
}

@media screen and (max-width: 640px) {
	.listHeader li.title, .list li.listRow .listDetails li.title {
		width:100%; -webkit-flex: 0 0 100%; -ms-flex:0 0 100%; flex: 0 0 100%; max-width:100%;
	}
	
	.note-details .back-button, .report-details .back-button { width:100%; text-align:center; margin:20px 0 0 0;}
	.note-details .list.link-lists { margin:0 0 20px 0;}
	.note-details .page-header, .report-details .page-header { padding-top:0;}
}


.button.embed-pdf {
    height: 35px; line-height: 35px;
    position: relative;
    padding-left: 37px;
    background-color: #0093ee;
    color: #fff;
}
.button.embed-pdf:before {
    display: block;
    height: 20px; width: 20px;
    content:'';
    position: absolute; top:10px; left: 12px;
    background: url("/resources/images/icons/pdf.svg") -23px 0 no-repeat; background-size: auto 14px;
}
.button.embed-pdf:hover:before { background-position: -23px 0;}
.button.embed-pdf:hover { background-color: #666;}

.button.button-delete {
    height: 35px; line-height: 35px;
    padding-left: 37px;
    margin: 0;
    position: absolute; bottom: 34px; right: 543px;
    background-color: #ccc; color: #fff;
}
.button.button-delete:before {
    display: block;
    height: 20px; width: 20px;
    content:'';
    position: absolute; top:10px; left: 12px;
    background: url("/resources/images/icons/delete-white.svg") 0 0 no-repeat; background-size: auto 14px;
}
.button.button-delete:hover {
    background-color: #0093ee;
}

.text-output {
    display: inline-block;
    height: 39px; line-height: 37px;
    font-size: 14px; font-weight: 400;
}

.radio-container input[type="radio"] {
    display: none;
    height: 20px; width: 20px;

}
.radio-container input[type="radio"] + label {}