/************************************************************\ * * Skinned Select Box Copyright 2007 Derek Harvey * www.lotsofcode.com * * This file is part of Skinned Select Box . * * Skinned Select Boxis free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 2 of the License, or * (at your option) any later version. * * Skinned Select Box is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with Skinned Select Box; if not, write to the Free Software * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA * \************************************************************/ /* SITE WIDE SIDEBAR STANDARD SEARCH */ .search-and-book.jquery-selects div.clearfix div.jquery-select-skinned { background: url(/images/CSS/Global/jquery-select-right-long.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width:208px; } .search-and-book.jquery-selects { background:#77B12B none repeat scroll 0 0; margin-bottom: 11px; } .search-and-book.jquery-selects div label { float: none! important; } .search-and-book.jquery-selects div.clearfix div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; width: 207px; } .search-and-book.jquery-selects div.clearfix div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: inherit; z-index: 1; height:24px; width:204px; background: transparent url(/images/CSS/Global/jquery-select-left.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; } .search-and-book.jquery-selects div.jquery-select-skinned.months-year, div.jquery-select-skinned.months-year .select-text { width: 85px; } .search-and-book.jquery-selects div.clearfix div.jquery-select-skinned .select-text, div.clearfix div.jquery-select-skinned select, div.clearfix div.jquery-select-skinned select option { font-size:12px; color: inherit; } .search-and-book.jquery-selects div.clearfix div.jquery-select-skinned select option { position: relative; z-index: 1; } .search-and-book.jquery-selects div.clearfix div.year-select { float:left; width:65px; } .search-and-book.jquery-selects div.clearfix div.year-select .select-text { width: 52px; } .search-and-book.jquery-selects div.clearfix div.year-select .jquery-select-skinned { width: 63px; } .search-and-book.jquery-selects div.clearfix div.jquery-select-skinned select.year-select { width: 62px; } .search-and-book.jquery-selects div.clearfix div#month-select { float:left; width:96px; } .search-and-book.jquery-selects div.clearfix div#month-select label { float: left! important; } .search-and-book.jquery-selects div.clearfix div#month-select .select-text { width: 96px; } .search-and-book.jquery-selects div.clearfix div#month-select .jquery-select-skinned { width: 94px; } .search-and-book.jquery-selects div.clearfix div#month-select select.month-select { width: 93px; } .search-and-book.jquery-selects div label { display: block; } .search-and-book.jquery-selects div label.hide { left:-99999px; position:absolute; top:-99999px; } /* WHATS ON GUIDE SEARCH */ .standard-search-date-from div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-purple.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width:auto; } .date-and-hols div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-purple.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width: 251px;} .date-and-hols { margin-bottom: 11px; } .date-and-hols div label { float: none! important; } .date-and-hols div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; width: inherit; } .date-and-hols div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; z-index: 1; height:20px; width:251px; background: transparent url(../images/search-date-from/jquery-select-left-purple.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; overflow: hidden;white-space:nowrap} .date-and-hols div label { display: block; } .date-and-hols div label.hide { left:-99999px; position:absolute; top:-99999px; } .date-and-hols .select-text { font-size: 11px; } .standard-search-date-from > div { float: left; margin-right: 10px; } .standard-search-date-from .search-date-from div.jquery-select-skinned { width: 45px; } .standard-search-date-from .search-date-month-from div.jquery-select-skinned { width: 80px; } .standard-search-date-from { margin-bottom: 11px; float: left; clear: left; } .standard-search-date-from div label { float: none! important; } .standard-search-date-from div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; } .standard-search-date-from .search-date-from div.jquery-select-skinned select{ width: 45px } .standard-search-date-from .search-date-month-from div.jquery-select-skinned select{ width: 80px; } .standard-search-date-from div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: inherit; z-index: 1; height:24px; width:inherit; background: transparent url(../images/search-date-from/jquery-select-left-purple.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; } .standard-search-date-from div label { display: block; } .standard-search-date-from div label.hide { left:-99999px; position:absolute; top:-99999px; } .standard-search-date-from .select-text { font-size: 11px; } .standard-search-date-to { float: left; clear: left; margin-bottom: 11px; width: 100%;} .standard-search-date-to > div { float: left; margin-right: 10px;} .standard-search-date-to div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-purple.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width:auto; } .standard-search-date-to .search-date-to div.jquery-select-skinned { width: 45px; } .standard-search-date-to .search-date-month-to div.jquery-select-skinned { width: 80px; } .standard-search-date-to div label { float: none! important; } .standard-search-date-to div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; } .standard-search-date-to .search-date-to div.jquery-select-skinned select { width: 45px } .standard-search-date-to .search-date-month-to div.jquery-select-skinned select { width: 80px; } .standard-search-date-to div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: inherit; z-index: 1; height:24px; width:inherit; background: transparent url(../images/search-date-from/jquery-select-left-purple.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; } .standard-search-date-to div label { display: block; } .standard-search-date-to div label.hide { left:-99999px; position:absolute; top:-99999px; } .standard-search-date-to .select-text { font-size: 11px; } .standard-search-date-to .search-date-to div.jquery-select-skinned .select-text, .standard-search-date-from .search-date-from div.jquery-select-skinned .select-text { *width: 45px; } .standard-search-date-to .search-date-month-to div.jquery-select-skinned .select-text, .standard-search-date-from .search-date-month-from div.jquery-select-skinned .select-text { *width: 65px; } .standard-search-date-to .standard-search-search div.jquery-select-skinned select { *width: 100%;} span#search-date-day-from, span#search-date-day-to { display:block; width:20px; } .standard-search-date-from span#search-date-day-from, .standard-search-date-to span#search-date-day-to { padding-top: 5px!important; } .standard-search-ent-name div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-purple.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width: 251px;} .standard-search-ent-name { margin-bottom: 11px; } .standard-search-ent-name div label { float: none! important; } .standard-search-ent-name div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; width: inherit; *width: 251px; } .standard-search-ent-name div.jquery-select-skinned select option { width: inherit; } .standard-search-ent-name div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: 226px; z-index: 1; height:20px; background: transparent url(../images/search-date-from/jquery-select-left-purple.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; overflow: hidden;white-space:nowrap} .standard-search-ent-name div label { display: block; } .standard-search-ent-name .select-text { font-size: 11px; } .search-date-form-submit { float: right; margin-top: 20px;} /*JAW - Removed because it is interfering with the style of 'Request a brochure' page */ /*input{ border: none;}*/ .standard-search-ent-name label.white-label, .date-and-hols label.white-label { margin-bottom: 3px; } #search-date-day-to, #search-date-day-from, .filter-elements div label {color: #FFD100; font-size: 12px; } .filter-label { float:left; } #filter-elements { clear: left; } .filter-elements div { margin-top: 10px; } /* WHATS ON GUIDE HOMEPAGE */ .wow-date-search div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-beige.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width:auto; } .wow-date-search .date-range div.jquery-select-skinned { width: 82px; } .wow-date-search .holiday-search div.jquery-select-skinned { width: 165px; } .wow-date-search { margin-bottom: 11px; } .wow-date-search div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; } .wow-date-search .date-range div.jquery-select-skinned select { width: 82px; } .wow-date-search .holiday-search div.jquery-select-skinned select { width: auto; } .wow-date-search div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: 138px; z-index: 1; height:20px; background: transparent url(../images/search-date-from/jquery-select-left-beige.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; overflow: hidden;white-space:nowrap} .wow-date-search div.jquery-select-skinned .select-text, .wow-date-search div.jquery-select-skinned select, .wow-date-search div.jquery-select-skinned select option { font-size:12px; color: inherit; } .wow-date-search div.jquery-select-skinned select option { position: relative; z-index: 1; } .wow-date-search div label.hide { left:-99999px; position:absolute; top:-99999px; } /* sideber search */ .sidebar-search .sidebar-search-date-from div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-purple.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width:auto; } .sidebar-search-date-from > div { float: left; margin-right: 10px; } .sidebar-search-date-from .search-date-from div.jquery-select-skinned { width: 45px; } .sidebar-search-date-from .search-date-month-from div.jquery-select-skinned { width: 80px; } .sidebar-search-date-from { margin-bottom: 11px; float: left; clear: left; } .sidebar-search-date-from div label { float: none! important; } .sidebar-search-date-from div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; } .sidebar-search-date-from .search-date-from div.jquery-select-skinned select{ width: 45px } .sidebar-search-date-from .search-date-month-from div.jquery-select-skinned select{ width: 80px; } .sidebar-search-date-from div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: inherit; z-index: 1; height:24px; width:inherit; background: transparent url(../images/search-date-from/jquery-select-left-purple.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; } .sidebar-search-date-from div label { display: block; } .sidebar-search-date-from div label.hide { left:-99999px; position:absolute; top:-99999px; } .sidebar-search-date-from .select-text { font-size: 11px; } .sidebar-search-date-to { float: left; clear: left; margin-bottom: 11px; width: 100%;} .sidebar-search-date-to > div { float: left; margin-right: 10px;} .sidebar-search-date-to div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-purple.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width:auto; } .sidebar-search-date-to .search-date-to div.jquery-select-skinned { width: 45px; } .sidebar-search-date-to .search-date-month-to div.jquery-select-skinned { width: 80px; } .sidebar-search-date-to div label { float: none! important; } .sidebar-search-date-to div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; } .sidebar-search-date-to .search-date-to div.jquery-select-skinned select { width: 45px } .sidebar-search-date-to .search-date-month-to div.jquery-select-skinned select { width: 80px; } .sidebar-search-date-to div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: inherit; z-index: 1; height:24px; width:inherit; background: transparent url(../images/search-date-from/jquery-select-left-purple.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; } .sidebar-search-date-to div label { display: block; } .sidebar-search-date-to div label.hide { left:-99999px; position:absolute; top:-99999px; } .sidebar-search-date-to .select-text { font-size: 11px; } .sidebar-search-date-to .search-date-to div.jquery-select-skinned .select-text, .sidebar-search-date-from .search-date-from div.jquery-select-skinned .select-text { *width: 45px; } .sidebar-search-date-to .search-date-month-to div.jquery-select-skinned .select-text, .sidebar-search-date-from .search-date-month-from div.jquery-select-skinned .select-text { *width: 65px; } .sidebar-search-date-to .sidebar-search-search div.jquery-select-skinned select { *width: 100%;} .search-date-day-to, .search-date-day-from, span#search-date-day-from, span#search-date-day-to { display:block; width:25px; } span#search-date-day-from, span#search-date-day-to { display:block; width:25px; } .sidebar-search-date-from span#search-date-day-from, .sidebar-search-date-to span#search-date-day-to { padding-top: 5px!important; } .sidebar-search-ent-name div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-purple.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width: 253px;} .sidebar-search-ent-name { margin-bottom: 11px; } .sidebar-search-ent-name div label { float: none! important; } .sidebar-search-ent-name div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; width: inherit; *width: 251px; } .sidebar-search-ent-name div.jquery-select-skinned select option { width: inherit; } .sidebar-search-ent-name div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: 226px; z-index: 1; height:20px; background: transparent url(../images/search-date-from/jquery-select-left-purple.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; overflow: hidden;white-space:nowrap} .sidebar-search-ent-name div label { display: block; } .search-date-form-submit { float: right; margin-top: 20px;} .search-ent-name div.jquery-select-skinned .select-text, .date-and-hols div.jquery-select-skinned .select-text {font-size: 12px;} /*HOTELS SECTION 10 AUG 09*/ .hotel-break-search div.jquery-select-skinned { background: url(/images/search-date-from/jquery-select-right-long-beige.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; width:auto; } .hotel-break-search .hotel-price-guide-search-dates div.jquery-select-skinned { width: 172px; } .hotel-break-search .hotel-price-guide-search-length div.jquery-select-skinned { width: 165px; } .hotel-break-search { margin-bottom: 11px; } .hotel-break-search div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; } .hotel-break-search .hotel-price-guide-search-dates div.jquery-select-skinned select { width: 172px; } .hotel-break-search .hotel-price-guide-search-length div.jquery-select-skinned select { width: 165px; } .hotel-break-search div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: 172px; z-index: 1; height:20px; background: transparent url(/images/search-date-from/jquery-select-left-beige.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; overflow: hidden;white-space:nowrap} .hotel-break-search div.jquery-select-skinned .select-text, .hotel-break-search div.jquery-select-skinned select, .hotel-break-search div.jquery-select-skinned select option { font-size:12px; color: inherit; } .hotel-break-search div.jquery-select-skinned select option { position: relative; z-index: 1; } .hotel-break-search div label.hide { left:-99999px; position:absolute; top:-99999px; } /* non javascript version select */ .jquery-select select { width: inherit; font-size: inherit; border: inherit; } .standard-search-ent-name .search-list-list .jquery-select select { *width: 190px; } /* remove images from ie6 */ * html .search-and-book.jquery-selects div.clearfix div.jquery-select-skinned { background: none; } * html .search-and-book.jquery-selects div.clearfix div.jquery-select-skinned .select-text { background: none; } * html .wow-date-search { float: left; } * html div.sidebar-search div.jquery-select-skinned, * html .sidebar-search .sidebar-search-date-from DIV.jquery-select-skinned, * html .sidebar-search .sidebar-search-date-to DIV.jquery-select-skinned { background: none; } * html div.sidebar-search div.jquery-select-skinned .select-text { background: none; display: none;} * html .sidebar-search-date-from, * html .sidebar-search-date-to { width: 100%; } * html span#search-date-day-from, * html span#search-date-day-to { width: 25px; float:left; } * html .search-date-from, * html .search-date-to, * html .search-date-month-from, * html .search-date-month-to { float: left; } * html .sidebar-search-date-from .dp-applied, * html .sidebar-search-date-to .dp-applied { float: left; } * html .sidebar-search .date-and-hols { margin-right: 0; } * html .sidebar-search .sidebar-search-date-from .search-date-from {padding-right: 5px; } * html .sidebar-search .sidebar-search-date-from .search-date-month-from {padding-right: 5px;} * html .sidebar-search .sidebar-search-date-to .search-date-to {padding-right: 5px; } * html .sidebar-search .sidebar-search-date-to .search-date-month-to {padding-right: 5px;} * html span.top-left-purple, * html span.top-right-purple , * html span.bottom-left-purple , * html span.bottom-right-purple { line-height: 10px;} * html #sidebar-search-date-range .search-date-day-to, * html #sidebar-search-date-range .search-date-day-from { float: left!important; } * html .wow-date-search DIV.holiday-search LABEL {float: left! important;} * html .wow-date-search DIV.holiday-search #view-by-school-hol-search .jquery-select-skinned, * html .wow-date-search DIV.holiday-search #view-by-school-hol-search .jquery-select-skinned .select-text, * html .wow-date-search DIV.holiday-search #view-by-school-hol-search .jquery-select-skinned .homepage-holidays {width: 165px! important} * html .wow-date-search DIV.holiday-search #view-by-school-hol-search input {float: left! important;} * html #Content .wow-date-search .date-range label {FLOAT: left! important; WIDTH: 65px! important;} * html #Content .wow-date-search .date-range #view-by-date-search .jquery-select-skinned, * html #Content .wow-date-search .date-range #view-by-date-search .jquery-select-skinned .select-text, * html #Content .wow-date-search .date-range #view-by-date-search .jquery-select-skinned .months{width: 75px! important} * html #Content .wow-date-search .date-range #view-by-date-search input {float: left! important;} * html .search-date-form .date-and-hols div.jquery-select-skinned select { width: inherit; } * html .search-date-form .date-and-hols div.jquery-select-skinned .select-text { width:190px; } * html .standard-search-date-from .search-date-from div.jquery-select-skinned { width: 45px; } * html .standard-search-date-from .search-date-month-from div.jquery-select-skinned { width: 85px; } * html .standard-search-date-from .search-date-from div.jquery-select-skinned select{ width: 45px } * html .standard-search-date-from .search-date-month-from div.jquery-select-skinned select{ width: 85px; } * html .standard-search-date-from div.jquery-select-skinned .select-text { width:inherit; } * html .standard-search-date-to div.jquery-select-skinned { width:auto; } * html .standard-search-date-to .search-date-to div.jquery-select-skinned { width: 45px; } * html .standard-search-date-to .search-date-month-to div.jquery-select-skinned { width: 85px; } * html .standard-search-date-to .search-date-to div.jquery-select-skinned select { width: 45px } * html .standard-search-date-to .search-date-month-to div.jquery-select-skinned select { width: 85px; } * html .standard-search-date-to div.jquery-select-skinned .select-text { width:inherit; } * html .standard-search-date-to .search-date-to div.jquery-select-skinned .select-text, * html .standard-search-date-from .search-date-from div.jquery-select-skinned .select-text { width: 45px; } * html .standard-search-date-to .search-date-month-to div.jquery-select-skinned .select-text, * html .standard-search-date-from .search-date-month-from div.jquery-select-skinned .select-text { width: 65px; } * html .standard-search-date-to .standard-search-search div.jquery-select-skinned select { width: 100%;} * html .standard-search-ent-name div.jquery-select-skinned { width: 251px;} * html .standard-search-ent-name div.jquery-select-skinned select { width: 251px; } * html .standard-search-ent-name div.jquery-select-skinned select option { width: inherit; } * html .standard-search-ent-name div.jquery-select-skinned .select-text { width: inherit;} * html .standard-search-date-from .search-date-day-from { float: left; } * html .standard-search-date-from .white-text { float: left; padding-left: 3px;} * html .standard-search-date-from .dp-applied { float: left; padding-left: 3px;} * html .search-date-form {BACKGROUND-COLOR: transparent } * html .search-date-ents-middle .standard-search-ent-name { width: 200px; } * html #filter-elements .filter-elements .bognor-check-box input { float: left; clear: left;} * html #filter-elements .filter-elements .bognor-check-box label {float: left; clear: none;} * html #filter-elements .filter-elements .minehead-check-box input { float: left; clear: left; } * html #filter-elements .filter-elements .minehead-check-box label {float: left; clear: none;} * html #filter-elements .filter-elements .skegness-check-box input { float: left; clear: left; } * html #filter-elements .filter-elements .skegness-check-box label {float: left; clear: none;} /* Before You Go */ .whats-on {width: 100%;} .whats-on .month-year-display, .whats-on .month-year-display div, .whats-on .month-year-display select {width: 100px;} .whats-on .days-display, .whats-on .days-display div, .whats-on .days-display select {width: 175px;} .whats-on .duration-display, .whats-on .duration-display div, .whats-on .duration-display select {width:115px;} #ContentPrimary .full-page-panel .full-page-panel-middle .dining-repeater-half ol.welcome-letter div.jquery-select-skinned, #ContentPrimary .full-page-panel .full-page-panel-middle .dining-repeater-half ol.welcome-letter div.jquery-select-skinned select{width: 180px;} .whats-on.jquery-selects div.clearfix div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-beige.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; float: left; margin: 5px 1px} .whats-on.jquery-selects { background: none repeat scroll 0 0; margin-bottom: 11px; } .whats-on.jquery-selects div label {float: none; font-weight: bold; margin: 5px} .whats-on.jquery-selects div.clearfix div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; float:left} .whats-on.jquery-selects div.clearfix div.jquery-select-skinned .select-text { position: absolute; text-indent: inherit; line-height: inherit; width: inherit; z-index: 1; height:24px; background: transparent url(../images/making-the-most/jquery-select-left2.gif) scroll no-repeat 0% 0px; color:#15000D; padding:4px 0px 0px 4px; } .whats-on.jquery-selects div.clearfix div.jquery-select-skinned .select-text, div.clearfix div.jquery-select-skinned select, div.clearfix div.jquery-select-skinned select option { font-size:12px; color: inherit; } .whats-on.jquery-selects div.clearfix div.jquery-select-skinned select option { position: relative; z-index: 1; } .whats-on.jquery-selects div.clearfix div.year-select { float:left; } .whats-on.jquery-selects div.clearfix div#month-select { float:left; } .whats-on.jquery-selects div.clearfix div#month-select label { float: left! important; } .whats-on.jquery-selects div label { display: block; } .whats-on.jquery-selects div label.hide { left:-99999px; position:absolute; top:-99999px; } .whats-on.jquery-selects .disabled, .whats-on.jquery-selects .disabled .select-text {color:#cccccc!important;} .whats-on div input.submit {margin: 0; float: right;} /*before you go ie6*/ /* Before You Go * html .whats-on {width: 100%;} * html .whats-on .month-year-display, * html .whats-on .month-year-display div, * html .whats-on .month-year-display select {width: 100px;} * html .whats-on .days-display, * html .whats-on .days-display div, * html .whats-on .days-display select {width: 175px;} * html .whats-on .duration-display, * html .whats-on .duration-display div, * html .whats-on .duration-display select {width:115px;} * html #ContentPrimary .full-page-panel .full-page-panel-middle .dining-repeater-half ol.welcome-letter div.jquery-select-skinned, * html #ContentPrimary .full-page-panel .full-page-panel-middle .dining-repeater-half ol.welcome-letter div.jquery-select-skinned select{width: 180px;}*/ * html .whats-on div.clearfix div.jquery-select-skinned { background: url(../images/search-date-from/jquery-select-right-long-beige.gif) no-repeat scroll 100% 100%; height: 24px; position: relative; float: left; margin: 5px 1px} * html .whats-on { background: none repeat scroll 0 0; margin-bottom: 11px; } * html .whats-on div label {float: none; font-weight: bold; margin: 5px} * html .whats-on div.clearfix div.jquery-select-skinned select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: absolute; z-index: 100; left: 0; float:left} * html .whats-on .select-text { display:none; } * html .whats-on div.clearfix div.jquery-select-skinned .select-text, * html .whats-on div.clearfix div.jquery-select-skinned select option { position: relative; z-index: 1; } * html .whats-on div.clearfix div.year-select { float:left; } * html .whats-on div.clearfix div#month-select { float:left; } * html .whats-on div.clearfix div#month-select label { float: left! important; } * html .whats-on div label { display: block; } * html .whats-on div label.hide { left:-99999px; position:absolute; top:-99999px; } * html .whats-on .disabled, * html .whats-on .disabled .select-text {color:#cccccc!important;} * html .whats-on div input.submit {margin: 0; float: right;} .wow-date-search { *float: left; } .date-and-hols div.jquery-select-skinned select.holidays, .date-and-hols div.jquery-select select.holidays {width:251px} /********** CSS Published Date:16/04/2009 17:16:02***********/ /********** Following images were not published: ************** *************************************************************/ /********** End Log *****************************************/ /********** CSS Published Date:23/04/2009 15:21:03***********/ /********** Following images were not published: ************** *************************************************************/ /********** End Log *****************************************/ /********** CSS Published Date:23/12/2010 12:56:41***********/ /********** Following images were not published: ************** /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-beige%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-beige%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-purple%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-beige%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-left-beige%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-beige%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/making-the-most/jquery-select-left2%2Egif.gif /webdav/05%20Butlins%20Online%20Website/Building%20Blocks/System/Styles%20and%20Scripts/CSS/images/search-date-from/jquery-select-right-long-beige%2Egif.gif *************************************************************/ /********** End Log *****************************************/