/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.9 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* -------------------------------------------------------------- BLUEPRINT CSS * Filename: grid.css * Version: 0.8 (2009-03-01) * Website: http://code.google.com/p/blueprintcss/ Generated by: * BlueCalc (2009-12-07) [http://www.bluecalc.com/] Blueprint.css is licensed by the conditions of the MIT license. This document has been created by BlueCalc, a grid creation utility for blueprint. Also check out the "Blueprint CSS Generator" by kematzy (http://kematzy.com/blueprint-generator/) == STRUCTURE: ======================== * Page width: 930 px * Number of columns: 16 * Column width: 45 px * Margin width: 14 px ====================================== The blueprint grid is calculated as follows: Total width = (number_of_columns * column_width) - margin_width For more information on blueprint.css check out http://wiki.github.com/joshuaclayton/blueprint-css -------------------------------------------------------------- */ /* A container should group all your columns. */ .container { width: 930px; margin: 0 auto; } /* Use this class on any div.span / container to see the grid. */ .showgrid { background: url(src/grid.png); } /* Columns -------------------------------------------------------------- */ /* Sets up basic grid floating and margin. */ .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { float: left; margin-right: 14px; } /* The last column in a row needs this class. */ .last, div.last { margin-right: 0; } /* Use these classes to set the width of a column. */ .span-1 { width: 45px; } .span-2 { width: 104px; } .span-3 { width: 163px; } .span-4 { width: 222px; } .span-5 { width: 281px; } .span-6 { width: 340px; } .span-7 { width: 399px; } .span-8 { width: 458px; } .span-9 { width: 517px; } .span-10 { width: 576px; } .span-11 { width: 635px; } .span-12 { width: 694px; } .span-13 { width: 753px; } .span-14 { width: 812px; } .span-15 { width: 871px; } .span-16, div.span-16 { width: 930px; margin: 0; } /* Use these classes to set the width of an input. */ input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15 { border-left-width: 1px!important; border-right-width: 1px!important; padding-left: 5px!important; padding-right: 5px!important; } input.span-1, textarea.span-1 { width: 33px !important; } input.span-2, textarea.span-2 { width: 92px !important; } input.span-3, textarea.span-3 { width: 151px !important; } input.span-4, textarea.span-4 { width: 210px !important; } input.span-5, textarea.span-5 { width: 269px !important; } input.span-6, textarea.span-6 { width: 328px !important; } input.span-7, textarea.span-7 { width: 387px !important; } input.span-8, textarea.span-8 { width: 446px !important; } input.span-9, textarea.span-9 { width: 505px !important; } input.span-10, textarea.span-10 { width: 564px !important; } input.span-11, textarea.span-11 { width: 623px !important; } input.span-12, textarea.span-12 { width: 682px !important; } input.span-13, textarea.span-13 { width: 741px !important; } input.span-14, textarea.span-14 { width: 800px !important; } input.span-15, textarea.span-15 { width: 859px !important; } input.span-16, textarea.span-16 { width: 918px !important; } /* Add these to a column to append empty cols. */ .append-1 { padding-right: 59px; } .append-2 { padding-right: 118px; } .append-3 { padding-right: 177px; } .append-4 { padding-right: 236px; } .append-5 { padding-right: 295px; } .append-6 { padding-right: 354px; } .append-7 { padding-right: 413px; } .append-8 { padding-right: 472px; } .append-9 { padding-right: 531px; } .append-10 { padding-right: 590px; } .append-11 { padding-right: 649px; } .append-12 { padding-right: 708px; } .append-13 { padding-right: 767px; } .append-14 { padding-right: 826px; } .append-15 { padding-right: 885px; } /* Add these to a column to prepend empty cols. */ .prepend-1 { padding-left: 59px; } .prepend-2 { padding-left: 118px; } .prepend-3 { padding-left: 177px; } .prepend-4 { padding-left: 236px; } .prepend-5 { padding-left: 295px; } .prepend-6 { padding-left: 354px; } .prepend-7 { padding-left: 413px; } .prepend-8 { padding-left: 472px; } .prepend-9 { padding-left: 531px; } .prepend-10 { padding-left: 590px; } .prepend-11 { padding-left: 649px; } .prepend-12 { padding-left: 708px; } .prepend-13 { padding-left: 767px; } .prepend-14 { padding-left: 826px; } .prepend-15 { padding-left: 885px; } /* Border on right hand side of a column. */ div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; } /* Border with more whitespace, spans one column. */ div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; } /* Use these classes on an element to push it into the next column, or to pull it into the previous column. */ .pull-1 { margin-left: -59px; } .pull-2 { margin-left: -118px; } .pull-3 { margin-left: -177px; } .pull-4 { margin-left: -236px; } .pull-5 { margin-left: -295px; } .pull-6 { margin-left: -354px; } .pull-7 { margin-left: -413px; } .pull-8 { margin-left: -472px; } .pull-9 { margin-left: -531px; } .pull-10 { margin-left: -590px; } .pull-11 { margin-left: -649px; } .pull-12 { margin-left: -708px; } .pull-13 { margin-left: -767px; } .pull-14 { margin-left: -826px; } .pull-15 { margin-left: -885px; } .pull-16 { margin-left: -944px; } .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15 { float: left; position:relative; } .push-1 { margin: -59px 1.5em 59px; } .push-2 { margin: -118px 1.5em 118px; } .push-3 { margin: -177px 1.5em 177px; } .push-4 { margin: -236px 1.5em 236px; } .push-5 { margin: -295px 1.5em 295px; } .push-6 { margin: -354px 1.5em 354px; } .push-7 { margin: -413px 1.5em 413px; } .push-8 { margin: -472px 1.5em 472px; } .push-9 { margin: -531px 1.5em 531px; } .push-10 { margin: -590px 1.5em 590px; } .push-11 { margin: -649px 1.5em 649px; } .push-12 { margin: -708px 1.5em 708px; } .push-13 { margin: -767px 1.5em 767px; } .push-14 { margin: -826px 1.5em 826px; } .push-15 { margin: -885px 1.5em 885px; } .push-16 { margin: -944px 1.5em 944px; } .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15 {float: right; position:relative;} /* Misc classes and elements -------------------------------------------------------------- */ /* In case you need to add a gutter above/below an element */ .prepend-top { margin-top:1.5em; } .append-bottom { margin-bottom:1.5em; } /* Use a .box to create a padded box inside a column. */ .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; } /* Use this to create a horizontal ruler across a column. */ hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; } hr.space { background: #fff; color: #fff; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } .clearfix, .container {display: block;} .clear {clear:both;} /* typography.css */ html {font-size:100.01%;} body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0;} ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* Override default blueprint text styles */ h1, h2, h3, h4, h5, h6 { font-weight:bold;color:#796971; } h1 { font-size: 1.5em; line-height: 1; margin-bottom: 1em;font-weight:normal; } thead th {background:none;} h4 {margin-bottom:0;} ul, ol { padding-left:0; margin-left:1.5em; } .box { background:none; padding:0.75em; } input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.25em 0;} .gridFix { border-right:solid 1px #ccc;margin-right:0px;padding-right:18px; } p img.left, p img.right {margin-top:0;} .message p img.right {margin-bottom:0;} textarea { height:50px; } body { color:#796971;background:#2c0d1d url('/images_new/bg-2.jpg') no-repeat top center; } .searchWrapperOuter { background: url(/images/uploaded/searchleft.png) transparent no-repeat scroll top left;padding:0px;float:left;width:195px;} .searchWrapperInner { background: url(/images/uploaded/searchright.png) transparent no-repeat scroll top right;padding:0px;} .searchWrapperInner div { margin:0 8px 0 8px; } input.hotel-search { border:0;/*padding:9px 0 0;*/background:transparent none repeat scroll 0 0;margin:0.5em 0;} .hotelSearchButton { float:left; } .content { float:left;margin-top:1.5em; } .content h1 { color:#000; } .logo { padding:9px 0px; } .logo a { width:233px; height:90px; display:block; background:url(./images_new/logo.gif) no-repeat center; } .seocopy { position: absolute; top: 542px; left: 0px; height: 200px; width: 222px; overflow: auto;z-index:250; } .seocopy h1, .seocopy h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em;font-weight:bold; } /* Some form styles for contact and non star forms */ .contact { } .contact label { display: inline-block; vertical-align: top;width:150px; } .contact fieldset { } .contact fieldset li { list-style: none; } .contact fieldset fieldset { border: none; margin: 0; padding:0; } .contact fieldset fieldset legend { font-weight: bold;font-size:1em;display:inline; } .contact fieldset fieldset label { width:auto; } .contact label.contactType { width:65px; } .contact label.contactType input { background:none;border:none;margin:0; } .contact fieldset li label.subscribe { width:550px;vertical-align: middle; } .contact textarea { height: 50px;overflow:auto; } a:focus, a:hover { color: #a71550; text-decoration:underline; } a { color: #a71550; text-decoration: none; } /*div.colborder {padding-right: 36px;margin-right: 36px;border-right: 1px solid #ddd;}*/ div.border {border-right:solid 1px #ddd;margin-right:7px;padding-right:6px;} /* Quick nav styles */ ul.quicknav { list-style-type:none;float:right;margin-right:0; } ul.quicknav li { float:left;padding:0 5px; } ul.quicknav li a { text-decoration:none;color:#e24a92; } #wrapper {width:960px;background:#fff url(/images/uploaded/bg-wrapper.gif) top center no-repeat; margin:0 auto;} #innerWrapper {width:960px;background: url(/images/uploaded/bg-wrapper-bottom.gif) bottom center no-repeat; margin:0 auto;} /* Navigation main menu styles */ .nav ul {margin:0;list-style-type:none;} html > body .nav ul {margin:0 auto;} .nav ul li {float:left;white-space:nowrap;} .nav {letter-spacing:1px;} .home {margin-bottom:0em;} .nav a {background:#b91a69;color:#fff;cursor:pointer;font-weight:bold;font-size:15px;left:0;position:relative;top:0;white-space:nowrap;text-decoration:none;} .nav a span {background:transparent url(/images/uploaded/nav-r.gif) no-repeat scroll 100% 100%;padding:0.5em 1.9em;} .nav a, .nav a span {display:block;} .nav a:active, .nav a:focus, .nav a:hover,.nav #current a, .nav #first a:hover {background:#fff url(/images/uploaded/nav-all.gif) no-repeat scroll left -109px;border-left:1px solid #b91a69;color:#1b171b;left:-1px;margin-right:-1px;text-decoration:none;} .nav #firstCurrent a {background:#fff url(/images/uploaded/nav-all.gif) no-repeat scroll 0 0;border-left:1px solid #1b171b;color:#1b171b;left:-1px;margin-right:-1px;text-decoration:none;} .nav #first a {background:#b91a69 url(/images/uploaded/nav-all.gif) no-repeat scroll 0 -216px;} .nav #first a:hover {background: #fff url(/images/uploaded/nav-all.gif) no-repeat scroll 0 0;border-left:1px solid #1b171b;color:#1b171b;left:-1px;margin-right:-1px;text-decoration:none;} .nav #last a:hover {background: #fff url(/images/uploaded/nav-all.gif) no-repeat scroll 0 -108px;border-left:1px solid #b91a69;color:#1b171b;left:-1px;margin-right:-1px;text-decoration:none;} * html .nav a:hover, * html .nav a:active, * html .nav a:focus {position:relative;z-index:10;} .nav a:hover span, .nav a:active span, .nav a:focus span, .nav #current a span {background:url(/images/uploaded/nav-all.gif) no-repeat right -55px;} .nav #firstCurrent a span {background: url(/images/uploaded/nav-all.gif) no-repeat right -55px;} .nav #last a span {background: url(/images/uploaded/nav-all.gif) no-repeat right -162px;} .nav #last a:hover span {background: url(/images/uploaded/nav-all.gif) no-repeat right -270px;} /* Section sub menu styles */ .subMenu h4 { font-weight:bold; } .subMenu ul { list-style-image:url(/images/uploaded/bullet.gif);list-style-position:outside; margin:0;padding-left:20px; } .subMenu li { border-bottom:1px solid #ddd;font-weight:bold; } .subMenu li.current { border-bottom:1px solid #fff;padding-bottom:0; } .subMenu ul li.current a { border-bottom:1px solid #fff;padding-bottom:0;margin-bottom:0; } .subMenu ul li a { display:block; margin:1em 0; } .subMenu ul li a:hover {} .subMenu ul ul { list-style-type:none;list-style-image:none;padding-left:1.5em;padding-bottom:0.75em;border-bottom:1px solid #ddd; } .subMenu ul ul li { border-bottom:none;padding:0.25em 0; } .subMenu ul ul li a { margin:0; } .subMenu ul ul li.current a { font-weight:bold; } .subMenu ul ul li a { font-weight:normal;color:#76204b; } /* Why book with us panel */ .whyBook { -moz-border-radius: 5px;-webkit-border-radius: 5px; margin-bottom:1.5em; background:#341D25; } .whyBook h5 { color:#fff;font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } .whyBook .box { margin-bottom:0; } .whyBook ul { list-style-image:url('/images_new/heart.gif');margin:0;list-style-position:outside; padding-left:20px; } .whyBook ul li { color:#fff; } .whyBook ul li span { display:block; margin:0.75em 0; } .hotels .whyBook { background:#341D25; } .teaserOffer { background: url('/images_new/offersTeaser.gif') no-repeat left; height:41px;margin-bottom:1.5em; } .teaserOffer p { background:url('/images_new/teaserHeart.gif') no-repeat 10px 10px; margin:0; padding-left:30px; padding-top:7px; } /* Breadcrumbs styles */ .breadcrumbs { margin-bottom:1.5em;font-weight:bold; } /* root element for tabs */ ul.tabs, ul.regionTabs { list-style:none;margin:0 !important; padding:0; } /* single tab */ ul.tabs li, ul.regionTabs li { float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs a, ul.regionTabs a { background: url(/images/uploaded/tabs.png) no-repeat 0px -92px;font-size:11px;display:block;/*height: 26px;*/width: 132px;text-align:center;text-decoration:none;color:#fff;padding:5px 0 5px 0;font-weight:bold;margin:0px;position:relative;top:1px;font-size:1.25em; } /* link inside the tab. uses a background image */ ul.tabs li#first a, ul.regionTabs li#first a { background-position: 0px -184px;} ul.tabs li#first a.current, ul.regionTabs li#first a.current { background-position: 0 0;cursor:default !important;color:#000 !important;font-weight:bold; } /* link inside the tab. uses a background image */ ul.tabs li#tabsLast a, ul.regionTabs li#tabsLast a { background-position: 0px -138px; } ul.tabs li#tabsLast a.current, ul.regionTabs a.current { background-position: 0 -230px;cursor:default !important;color:#000 !important;font-weight:bold; } ul.tabs a:active, ul.tabs li#first a.current, ul.tabs a:focus, ul.regionTabs li#first a.current { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs a:hover {/*background-position: 0 -46px;color:#000;*/} /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover {background-position: 0 -46px;cursor:default !important;color:#000 !important;font-weight:bold;} /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ ul.tabs a.w1 { background-position: -519px 0; width:134px; } ul.tabs a.w1:hover { background-position: -519px -31px; } ul.tabs a.w1.current { background-position: -519px -62px; } /* width 2 */ ul.tabs a.w2 { background-position: -366px -0px; width:154px; } ul.tabs a.w2:hover { background-position: -366px -31px; } ul.tabs a.w2.current { background-position: -366px -62px; } /* width 3 */ ul.tabs a.w3 { background-position: -193px -0px; width:174px; } ul.tabs a.w3:hover { background-position: -193px -31px; } ul.tabs a.w3.current { background-position: -193px -62px; } /* width 4 */ ul.tabs a.w4 { background-position: -0px -0px; width:194px; } ul.tabs a.w4:hover { background-position: -0px -31px; } ul.tabs a.w4.current { background-position: -0px -62px; } .panes {background:url('/images_new/tabs-border-right.gif') no-repeat top right;} /* Styles for the rotating images on the homepage */ /* GalleryView Stylesheet Use the CSS rules below to modify the look of your gallery. To create additional rules, use the markup below as a guide to GalleryView's architecture.
...overlay content...
*/ /* GALLERY LIST */ /* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */ #photos { visibility: hidden; } /* GALLERY CONTAINER */ .gallery { background:#1b171b;margin-bottom:1.5em; } /* LOADING BOX */ .loader { background: url(loader.gif) center center no-repeat #ddd; } /* GALLERY PANELS */ .panel {} /* DEFINE HEIGHT OF PANEL OVERLAY */ /* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */ .panel .panel-overlay, .panel .overlay-background { height: 60px; padding: 0 1em; } /* PANEL OVERLAY BACKGROUND */ .panel .overlay-background { background: #fff; } /* PANEL OVERLAY CONTENT */ .panel .panel-overlay { color: white; font-size: 0.7em; } .panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; letter-spacing:1px } /* FILMSTRIP */ /* 'margin' will define top/bottom margin in completed gallery */ .filmStripWrapper {height:55px;width:280px;position:absolute;bottom:5px;left:15px;background:url(/images/uploaded/filmStripBackground.png) no-repeat center;} .filmstrip { margin: 5px; } /* FILMSTRIP FRAMES (contains both images and captions) */ .frame {} /* WRAPPER FOR FILMSTRIP IMAGES */ .frame .img_wrap { border: 1px solid #aaa; } /* WRAPPER FOR CURRENT FILMSTRIP IMAGE */ .frame.current .img_wrap { border-color: #000; } /* FRAME IMAGES */ .frame img { border: none; } /* FRAME CAPTION */ .frame .caption { font-size: 11px; text-align: center; color: #888; } /* CURRENT FRAME CAPTION */ .frame.current .caption { color: #000; } /* POINTER FOR CURRENT FRAME */ .pointer { border-color: #000; } /* TRANSPARENT BORDER FIX FOR IE6 */ /* NOTE - DO NOT CHANGE THIS RULE */ *html .pointer { filter: chroma(color=pink); } /* Booking panel styles */ .panelwrapper { padding:0.5em 15px 0 0 } .bookingPanelHeader { color:#fff;font-weight:bold;font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; /*margin-top:0.5em*/ } .bookingPanelHome hr { margin-bottom:0.5em; } .rateGuarantee { text-align:center; } .rateGuarantee a { color:#fff;text-decoration:none; } .rateGuarantee a:hover { color:#fff;text-decoration:underline; } .pop-up-guarantee, .privacy-pop-up { position:relative; } .pop-up-guarantee .best-rate, .privacy-pop-up .privacy-policy { display:none; } .hotelAvailability { -moz-border-radius: 5px;-webkit-border-radius: 5px;background:#1b171b; margin-bottom:1.5em; } .hotelAvailability .dateInput { width:100px; } .best-rate { color:#fff;background:#4C373F;border:none;display:none;font-weight:normal;left:-750px;padding:18px 18px 0px 18px;position:absolute;top:-270px;width:700px;z-index:99999;opacity:0.96; } .best-rate span, .privacy-policy span { color:#fff;font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em;font-weight } .best-rate span.bigger { color:#fff;font-size: 1.5em; line-height: 1; margin-bottom: 1em;font-weight:bold; } .best-rate a.close { color:#fff;text-decoration:none;font-weight:bold; } .best-rate a.close:hover { text-decoration:underline; } .best-rate { color:#fddcee; } .best-rate strong { color:#f0a2cc; } .privacy-policy { color:#fff;background:#4C373F;border:none;display:none;font-weight:normal;left:150px;padding:18px 18px 0px 18px;position:absolute;top:25px;width:500px;z-index:99999;opacity:0.97; } .privacy-policy span { color:#f0a2cc;font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em;font-weight:bold; } .privacy-policy a { color:#fff;font-weight:bold; } .whyBook .best-rate { top:-150px; left:195px; } .bookingPanelHome label, .hotelAvailability label { font-weight:bold;color:#bed2f4; letter-spacing:1px; } .yourDetails input[type=text], input[type=password],input.text, input.title,textarea { width:auto; } .contact textarea { width:50%; } .search { margin-bottom:1em; } select.panelSelect { width:175px; } select.panelSelectNights { width:30px; } .refineSearchContainer select { font-size: .8em; } .refineSearchContainer .region_list select.panelSelect { width:100px; } .refineSearchContainer input.dateInput { padding:2px 0; } .bookingPanelInternal { background:#1B171B; } .bookingPanelInternal select.panelSelect { width:150px; } .roomSelectionDate img.ui-datepicker-trigger { /*float:right;*/vertical-align:top;padding:0;margin:6px 0; } .roomSelectionDate input[type=text], .roomSelectionDate input.text { width:75px;margin:3px 0;padding: 5px 0px; } .roomSelectionDate p { text-align:right; } /*.searchbar select { margin:2px 0;padding:5px 2px; }*/ input.dateInput { margin:0 0 0 0;padding:3px 2px; } .refineSearchContainer input.dateInput { width:75px; } .bookingPanelInternal .checkIn { width:123px; float:left; } .bookingPanelHome .checkIn { width:125px;float:left;padding-right:15px; } .bookingPanelHome input.dateInput { width:90px; } img.ui-datepicker-trigger { margin-left:3px;vertical-align:bottom; } .bookingPanelHome img.ui-datepicker-trigger , .bookingPanelInternal img.ui-datepicker-trigger { float:left;margin:0 5px; } .ui-datepicker { z-index:20; } .checkAvailabilityDateContainer { float:left;width:165px; } .availabilityContainer { width:175px; float:left; /*margin:1.5em 0;*/ } .nights { width:62px;float:left; } .adults { width:62px; float:right; } .checkAvailabilityHeader { background:url('/images_new/check.gif') no-repeat center;color:#fff;font-weight:bold;font-size: 1.5em; line-height: 1; margin-bottom: 1em; /*margin-top:0.5em*/ } .checkAvailabilityHeader p { padding:9px 0; margin-left:5px; } .hotelAvailability p { color:#ccc; } .hotelAvailability p.extra { color:#fff; padding:9px 0 9px 30px; background:url('/images_new/champagne.gif') no-repeat left; } .hotelAvailability p.checkAvailability { clear:both; } .hotelAvailability p.checkAvailability a { background:url(/images/uploaded/checkAvailability.gif) no-repeat left; color:#fff; font-weight:bold; padding:9px 30px 9px 30px;} .hotelAvailability label { color:#fff; } .availabilityMessage .right { margin-bottom:0; } /* Specific hotel page styles */ .hotelContentContainer { clear:both; margin:0;} .essentialInfoOuter { background:#DED9DC url('/images_new/essentialInfoTop.gif') no-repeat top center; -moz-border-radius: 5px;-webkit-border-radius: 5px; } div.hotelPanel p span.heading { padding:0px; /*background: url(/images/uploaded/cocktail.gif) no-repeat left top;*/ color:#4b2b3c;display:block;font-size: 1.5em;border-bottom:1px solid #4b2b3c; } div.hotelPanel p span.heading2 { padding:0; background: none; color:#a71550;display:inline-block;font-size: 1.25em;text-transform:uppercase; } div.hotelPanel h4 { font-weight:normal;font-size: 1.5em;color:#4b2b3c;border-bottom:1px solid #4b2b3c;margin-bottom:1.5em;} #map { width:100%; height:500px; } #destinations_map { width:694px; height:306px;margin-bottom:1.5em;} #region_map { width:95% ;height:350px;margin:1.5em auto;display:block;} /* Destinations panel - home page*/ .destinationWrapper { margin-bottom:1.5em; } .destinationWrapper .box { margin-bottom:0;border:1px solid #d2d2d2;-moz-border-radius: 5px;-webkit-border-radius: 5px; } .destinationWrapper p img.left { margin-top:0;margin-bottom:0; } .destinationWrapper h3 { font-weight:bold;color:#a71550; } .destinationWrapper a { font-weight:bold;color:#a71550;text-decoration:none; } .destinationWrapper a:hover { text-decoration:underline; } .destinationWrapper span { color:#a71550;font-size:1.5em;display:block;float:left;padding:5px; } /* Non Star enquiry style */ div.room-synop { width:664px;padding:15px;background:#f3ebf0;-moz-border-radius: 3px;-webkit-border-radius: 3px; margin-bottom:20px; } div.room-synop img { float:right;margin-left:20px; } div.room-synop p.info { color:#34262e; } div.room-synop p.info strong { color:#5d1d41; } h2.dates{ font-size:110%;margin:0 0 20px 0;padding:4px 10px 4px 10px;background:#3b2b34;-moz-border-radius: 100px;-webkit-border-radius: 100px; } div.dates{ padding:18px 0px 18px 0;background:#3b2b34;margin:0px 10px 18px 0;-moz-border-radius: 25px;-webkit-border-radius: 25px; } div.dates label{ padding-top:5px;vertical-align:middle;color:#ccc; } div.dates .jqTransformInputWrapper { float:left;width:90px; } div.dates .jqTransformSelectWrapper { margin-bottom:0; } div.keyfacts { padding:15px 15px 0px 15px;margin:0;border:1px solid #a71550; } div.keyfacts ul{ width:280px;float:left; } div.keyfacts h3{ background:url(/images/uploaded/key_24.png) no-repeat 0 0;padding-left:30px;padding-bottom:9px;color:#5e3f4f; } div.keyfacts h3 span { font-size:60%; } input.enquiryDate { width:80px; } .error { background:url(/images/uploaded/unchecked.gif) no-repeat center left;border:none;font-weight:bold; padding-left:20px; } input.error { border:1px solid #8A1F11;background:#FBE3E4; } span.error { font-weight:bold;color:#8a1f11;padding-left:15px;margin-left:5px; } textarea.error { border:1px solid #8A1F11;background:#FBE3E4; } .required { color:#f61313; } .yourDetails fieldset { background:#f0edef; } .name { width:95px; } /* First Hotel of the month panel (home page) */ .hotelOfTheMonthPanel { color:#62112d;background:#c42d79 url('/images_new/hotmtop.gif') no-repeat top center; } .hotelOfTheMonthPanelBottom { background: url('/images_new/hotmbottom.gif') no-repeat bottom center; } .hotelOfTheMonthPanelBottom img.left { margin-top:0; } .hotelOfTheMonthPanel .padding {padding:15px;} .hotelOfTheMonthPanel h3 { color:#fff;font-weight:bold;letter-spacing:1px; } .hotelOfTheMonthPanel img.left { margin-top:0;margin-bottom:0;padding:3px;background:#f47ea7; } .hotelOfTheMonthPanel a { color:#fff;font-weight:bold;text-decoration:none; } .hotelOfTheMonthPanel a:hover { color:#fff;font-weight:bold;text-decoration:none; } /* Home page tab panels styles .homeOffers h3 {font-weight:bold;color: #a71550;} */ .homeOffers a { text-decoration:none;color: #a71550; } .homeOffers p span { font-weight:bold;color: #a71550; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; display:block; } .homeOffers img.left { margin-top:0; } .highlights { float:left;margin-bottom:1.5em; } .highlights p { padding-left:75px; } .newsletterHome { background:url(/images/uploaded/light-bg.gif) no-repeat 0 3px; } .destinationsHome { background:url(/images/uploaded/light-bg.gif) no-repeat -235px 0; } .vouchersHome { background:url(/images/uploaded/light-bg.gif) no-repeat -475px 0; } .breaksHome { background:url(/images/uploaded/light-bg.gif) no-repeat -705px 0; } .footer { margin-top:1.5em; } .footer .links h4 { color:#d2c2ce;font-weight:bold; } .footer .links a { display:block;color:#7f757c; } .footer .credits { text-align:right; } .footer .credits a { display:inline;color:#7f757c; } /* Country destination page styles */ .region h3 { margin-bottom:0.5em; } /* Region destination page styles */ /* Destinations page specific styles */ .hotelListDestination { background:#f2e9ee url('/images_new/hotelListPanel.gif') no-repeat top center;margin-bottom:1.5em; } .hotelListDestinationInner { background:url('/images_new/hotelListPanelBottom.gif') no-repeat bottom center; } .hotelListDestination p { color:#1f141a; } .hotelListDestination h4 { font-weight:bold; } .hotelListDestination h5 { font-weight:bold;margin-bottom:0; } .hotelListDestination h5 a { color:#cf1874; } .hotelListDestination .box { margin-bottom:0; } .searchbar p { text-align:right; } /* Search results and hotel list styles */ .hotelDetail h4 a { color:#000 ;} #searchLoader { text-align:center ;} .searchbar { margin-bottom:1.5em; background:url('/images_new/searchbar.png') no-repeat center; padding-top:0.75em; padding-bottom:0.75em;} .searchResultsBar { margin-bottom:1.5em; background:url('/images_new/searchbar.png') no-repeat center; padding-top:0.75em; padding-bottom:0.75em;} .searchResultsBar select.panelSelect { width:163px; } .searchResultsBar img.ui-datepicker-trigger { margin:0; } .refineSearchContainer { padding-top:14px; padding-left:10px; } .refineSearchContainer span { padding-right:5px;color:#000; } .refineSearchContainer label { font-weight:bold;color:#382b31;vertical-align:middle; } .results span.header { font-size:1.2em;line-height:1.25;font-weight:bold; } .results span.header a { color:#000; } .results p img.left { margin-top:0; margin-bottom:0; } .price { font-size: 1.2em; line-height: 1.25; padding-bottom: 0.5em; } .roomRate { color:#000;font-weight:bold; } .result h3 { font-weight:bold;margin-bottom:0; } .teaser { font-weight:bold;color:#a71550; } .field { float:left;padding:3px 0 0 20px; } a.update { display:block;background:url('/images_new/update.gif') no-repeat left top;width:76px;height:29px;margin-top:0.75em; } a.update:hover { display:block;background:url('/images_new/update.gif') no-repeat left bottom;width:76px;height:29px; } .results .pagination { text-align:right;margin-bottom:1.5em;position:inherit; } .results .pagination a { font-weight:bold;padding:0 2px;text-decoration:none; } .results span.nextPage a { padding:0;vertical-align:middle;background:url(/images/uploaded/searchControl.gif) no-repeat -23px 0; height:18px; width:17px; display:inline-block; } .results span.previousPage a { padding:0;vertical-align:middle;background:url(/images/uploaded/searchControl.gif) no-repeat 0 0; height:18px; width:17px; display:inline-block; } .results span.previousInactive { vertical-align:middle; background:url(/images/uploaded/searchControl.gif) no-repeat -23px -25px; height:18px; width:17px;display:inline-block; } .results span.nextInactive { vertical-align:middle;background:url(/images/uploaded/searchControl.gif) no-repeat 0px -25px; height:18px; width:17px; display:inline-block; } .labelContainer { display:inline-block; float:left; } .controlContainer { float:left; margin-right:15px; } .countrySelect { width:auto; } .regionSelect { width:100px; } .nightsSelect { width:auto; } .results .pagination a:hover { } .pageOf { padding-left:25px; font-weight:bold; } .region { color:#796971; } .relatedHotels { background:#333;-moz-border-radius: 5px;-webkit-border-radius: 5px; } .relatedHotels h5 { color:#cf1874;font-weight:bold;margin-bottom:0; } .booking { padding-left:15px; } .map { font-weight:bold; } .galleryLink { padding-bottom:0.5em;font-weight:bold; } .pricePadding { padding-left:10px; } a.bookNow { text-indent:-9999px;background: url('/images_new/book_now.gif') no-repeat top left; display:block; color:#fff; height:32px; width:105px;text-align:center; } a:hover.bookNow { text-indent:-9999px;background: url('/images_new/book_now.gif') no-repeat bottom left; display:block; color:#fff; height:32px; width:105px;text-align:center; } a.requestNow { background: url('/images_new/send-request.gif') no-repeat top left; display:block;height:32px; width:105px;text-align:center; } a:hover.requestNow { background: url('/images_new/send-request.gif') no-repeat bottom left; display:block;height:32px; width:105px;text-align:center; } #currency-convertor { } #currency-convertor span { display:inline-block;padding:6px 11px;cursor:pointer; } .currency { background: url('/images_new/curr.png') no-repeat -40px 0; } #currency-convertor span.active { display:inline-block;background: url('/images_new/curr.png') no-repeat 0 0;color:#fff;padding:6px 11px; } span.base-price, span.discounted-base-price { display:none; } .fullDetails {} .offerDate { color:#b91a69; } #demotip { display:none; background:#000 transparent url(/tools/img/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; } .extra { background:url('/images_new/extra.png') no-repeat 0 0; width:109px;display:block;height:18px;padding:0 0 3px 0; } .extra span { display:none; } .results a { font-weight:bold; } .roomSelectionPrice { color:#000; } .strikethrough { color:red;text-decoration: line-through; } /* Tool tip CSS */ .info span { display:none; } .tooltip { width:150px; padding:9px; background:#fff; border:2px #382b31 solid; position:absolute; top:0; left:0; z-index:3; display:none;} .extra { position:relative; } .room_extra_detail { background-color:#FFFFFF;border:1px solid #5D0628;display:none;font-weight:normal;left:-165px;padding:10px;position:absolute;top:0px;width:130px;z-index:999; } /* Hotel Tabs */ .hotelTabs{ padding: 0; width: 100%; overflow: hidden; background: transparent;} .hotelTabs ul { margin: 0; padding: 0; list-style: none; } .hotelTabs li { display: inline; margin: 0 2px 0 0; padding: 0; } .hotelTabs a { float: left; color: #fff; font-weight:bold; background: #747577 url(../images_new/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none;letter-spacing: 1px; } .hotelTabs a span { float: left;display: block;background: transparent url(../images_new/roundright.gif) no-repeat right top; /*right corner image*/padding: 3px 12px 0px 9px;cursor: pointer; } .hotelTabs a span { float: none; } .hotelTabs a:hover, .hotelTabs .active a{ background-color:#ddd; /*background color of tabs onMouseover*/ color: #000; } .hotelTabs a:hover span{ background-color: transparent;color:#000; } .hotelTabs li#book a { float: left; color: #fff; font-weight:bold; background: #B91A69 url(../images_new/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none;letter-spacing: 1px; } .hotelTabs li#book a:hover { color: #000; background-color:#ddd; } /*CSS for horizontal line.*/ /*Remove this to remove border between bar and tabs*/ .hotelTabsDivider{ clear: both; padding: 0;width: 100%;height: 1px;background: #747577; /*background color of horizontal line*/ margin-bottom:1.5em; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=02_glass.png&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=dc3680&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=40&borderColorHover=c02473&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=c02473&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=100&borderColorActive=dc3680&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=c02473&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=100&borderColorHighlight=dc3680&fcHighlight=ffffff&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=02_glass.png&bgImgOpacityError=40&borderColorError=dc3680&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Segoe UI, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #666666; background: #000000 url(/images/uploaded/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; color: #ffffff; } .ui-widget-content a { color: #ffffff; } .ui-widget-header { border: 1px solid #333333; background: #333333 url(/images/uploaded/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #666666; background: #555555 url(/images/uploaded/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #c02473; background: #dc3680 url(/images/uploaded/ui-bg_highlight-soft_40_dc3680_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #dc3680; background: #c02473 url(/images/uploaded/ui-bg_highlight-soft_100_c02473_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #dc3680; background: #c02473 url(/images/uploaded/ui-bg_highlight-hard_100_c02473_1x100.png) 50% top repeat-x; color: #ffffff; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #ffffff; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #dc3680; background: #ffc73d url(/images/uploaded/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x; color: #111111; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #111111; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #111111; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/images/uploaded/ui-icons_cccccc_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/images/uploaded/ui-icons_cccccc_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/images/uploaded/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(/images/uploaded/ui-icons_cccccc_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/uploaded/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(/images/uploaded/ui-icons_222222_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/images/uploaded/ui-icons_4b8e0b_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/uploaded/ui-icons_a83300_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #5c5c5c url(/images/uploaded/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(/images/uploaded/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left;display:none; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } ul.thumbs { position: relative; float: left; margin: 0; padding: 0; } ul.thumbs li { float: left; padding: 0; margin: 1px; list-style: none; } a.thumb { padding: 1px; display: block; } a.thumb:focus { outline: none; } ul.thumbs img { border: none;display: block; } div.pagination { /*clear: both;position: relative;left: -50%*/; } div.navigation a.pageLink { display: block; position: relative; float: left; margin: 2px;width: 20px;background-position:center center;background-repeat:no-repeat; } div.navigation a.pageLink:focus { outline: none; } div.navigation-container { float:left; position:relative;bottom:45px; } div.navigation a.prev { background-image: url(/images/uploaded/prevPageArrow.gif); } div.navigation a.next { background-image: url(/images/uploaded/nextPageArrow.gif); } div.navigation a.pageLink { height: 58px;line-height: 58px; } div.controls { margin-top: 5px; height: 23px; } div.controls a { padding: 5px; } div.ss-controls { float: left; } div.nav-controls { float: right; } div.slideshow-container, div.loader, div.slideshow a.advance-link { width: 694px; /* This should be set to be at least the width of the largest image in the slideshow with padding */ } div.loader, div.slideshow a.advance-link, div.caption-container { height: 602px; /* This should be set to be at least the height of the largest image in the slideshow with padding */ } .slideshowOuter {background:#e8e8e8; float:left; margin:1.5em 0; width:694px;} div.slideshow-container { position: relative;clear: both;float: left;height: 532px; } div.loader { position: absolute;top: 0; left: 0;background-image: url('images/loader.gif'); background-repeat: no-repeat;background-position: center; } div.slideshow span.image-wrapper { display: block;position: absolute;top: 30px; left: 0; } div.slideshow a.advance-link { display: block;line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */text-align: center; } div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; } div.slideshow a.advance-link:focus { outline: none; } div.slideshow img { border: solid 3px #ccc; } div.caption-container { float: right; position: relative; margin-top: 30px; } span.image-caption { display: block; position: absolute; top: 0;left: 0; } div.caption-container, span.image-caption { width: 334px; } div.caption { padding: 0 12px; } div.image-title {font-weight: bold; font-size: 1.4em; } div.image-desc { line-height: 1.3em;padding-top: 12px; } div.download { margin-top: 8px; } div.photo-index { position: absolute;bottom: 0;left: 0;padding: 0 12px; } form.jqtransformdone div.rowElem{ clear:both; padding:4px 0px; } /* ------------- * Buttons * ------------- */ button.jqTransformButton { margin: 0px; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: visible; font-family: Arial; } *:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ button.jqTransformButton span { background: transparent url(img/btn_right.gif) no-repeat right top; display: block; float: left; padding: 0px 4px 0px 0px; /* sliding doors padding */ margin: 0px; height: 33px; } button.jqTransformButton span span { background: transparent url(img/btn_left.gif) no-repeat top left; color: #333; padding: 8px 4px 0px 8px; font-weight: normal; font-size: 12px; line-height: 13px; display: block; text-decoration: none; height: 33px; } /*hover*/ button.jqTransformButton_hover span span { background-position: left -33px ; } button.jqTransformButton_hover span { background-position: right -33px ; } /*clicked*/ button.jqTransformButton_click span span { background-position: left -66px ; } button.jqTransformButton_click span { background-position: right -66px ; } /* IE 6 */ * html button.jqTransformButton { height:33px; } * button.jqTransformButton span span { height: 25px; } /* IE 7 */ *+ html button.jqTransformButton { height:33px; } *+ button.jqTransformButton span span { height: 25px; } /* ------------- * Inputs * ------------- */ .bookingPanelHome .jqTransformInputWrapper, .hotelAvailability .jqTransformInputWrapper, .bookingPanelInternal .jqTransformInputWrapper { float:left;width:90px; } .jqTransformInputWrapper { background: transparent url(/images/uploaded/input_text_left.gif) no-repeat left top; /*height: 24px;*/ padding: 0px; } .jqTransformInputInner { background: transparent url(/images/uploaded/input_text_right.gif) no-repeat top right; padding: 0px; margin: 0px; } .jqTransformInputInner div { height: 24px; margin:0px 0px 0px 8px; } .jqTransformInputInner div input { /*font-family:Arial, Helvetica, sans-serif;*/ /*font-size:12px;*/ /*line-height: 18px;*/ vertical-align: middle; /*height: 24px;*/ border: none; padding: 3px 0px 0px 0px; margin: 0px; background:transparent; } fieldset .jqTransformInputWrapper { background: transparent url(/images/uploaded/input/input_text_left.gif) no-repeat left top; height: 31px; padding: 0px; width:500px; } fieldset .jqTransformInputInner { background: transparent url(/images/uploaded/input/input_text_right.gif) no-repeat top right; padding: 0px; margin: 0px; } fieldset .jqTransformInputInner div { height: 31px; margin:0px 0px 0px 8px; } fieldset .jqTransformInputInner div input { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; vertical-align: middle; height: 31px; color:#404040; border: none; padding: 8px 0px 0px 0px; margin: 0px; background:transparent; width:500px; } /* IE6 */ * html .jqTransformInputInner div input { padding: 6px 0 0 0; margin: 0 0 0 -8px; height:24px; } /* Ie7 */ *+ html .jqTransformInputInner div input { padding: 6px 0 0 0; margin-left:-10px; height:24px; } /*hover*/ .jqTransformInputWrapper_hover{ } .jqTransformInputWrapper_hover div.jqTransformInputInner{ } /*focus*/ .jqTransformInputWrapper_focus{ } .jqTransformInputWrapper_focus div.jqTransformInputInner{ } .jqTransformSafari .jqTransformInputInner div { position: relative; overflow: hidden; margin:0px 8px; } .jqTransformSafari .jqTransformInputInner div input { background-color: none; position: absolute; top: -10px; left: -2px; height: 42px; padding-left: 4px; } /* ------------- * Textarea * ------------- */ table.jqTransformTextarea td#jqTransformTextarea-mm textarea{ font-size: 12px; line-height: 16px; } table.jqTransformTextarea td{ font-size: 1px; line-height: 1px; width: 5px; height: 5px; margin: 0; padding: 0; } table.jqTransformTextarea{} table.jqTransformTextarea tr{ /*border: 1px solid red;*/ } table.jqTransformTextarea textarea{ margin: 0; padding: 0; border: 0; background: none; } table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/images/uploaded/textarea/textarea_tl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/images/uploaded/textarea/textarea_tm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/images/uploaded/textarea/textarea_tr.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(/images/uploaded/textarea/textarea_ml.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/images/uploaded/textarea/textarea-mm.gif) repeat;} table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(/images/uploaded/textarea/textarea_mr.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/images/uploaded/textarea/textarea_bl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/images/uploaded/textarea/textarea_bm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/images/uploaded/textarea/textarea_br.gif) no-repeat top left;} /*hover*/ table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/images/uploaded/textarea/textarea-mm-hover.gif);} table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;} /*focus*/ table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/images/uploaded/textarea/textarea-mm-focus.gif);} table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;} table.jqTransformTextarea .jqTransformSafariTextarea div { position: relative; overflow: hidden; border: 0px solid red; } table.jqTransformTextarea .jqTransformSafariTextarea textarea{ background: none; position: absolute; top:-10px; left:-10px; padding: 10px 10px 10px 10px; resize: none; } /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper { margin:0px 4px; margin-top:5px;} .jqTransformRadio { background: transparent url(/images/uploaded/radio.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper{ display:block; margin:0 5px; width:15px; float:left; } a.jqTransformCheckbox { background: transparent url(/images/uploaded/checkbox.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ a.jqTransformChecked { background-position: center bottom;} /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { /*width: 45px;*/ position:relative; height: 24px; background: url(/images/uploaded/select_left.gif) no-repeat top left; /*float:left;*/ margin-bottom:1.5em; } .jqTransformSelectWrapper div span { font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 24px; line-height: 15px; padding: 5px 0 0 7px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ color: #796971; } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 28px; height: 24px; background: url(/images/uploaded/select_right.gif) no-repeat center center; font-size:10px; } .jqTransformSelectWrapper ul { position: absolute; width: 43px; top: 25px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; /*height: 250px;*/ overflow: auto; overflow-y: auto; z-index:10; } .jqTransformSelectWrapper ul a { display: block; padding: 0px; text-decoration: none; color:#333; background-color: #FFF; font-size: 10px; } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#3582c4; color: #fff; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; }