/*************************************************** CSS file for Bluesun Hotel Alga Author: WEB Marketing (www.wem.hr) Media: Screen ***************************************************/ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body { font: 12px/18px Arial, Verdana, sans-serif; color: #333; background: #eee url(../images/css/body-bkg.gif) repeat-x 0 0; } :root { overflow-y: scroll; } h1, h2, h3 { font-weight: normal; color: #000; } a { color: #356aa0; text-decoration: underline; } a:hover, a:active, a:focus { text-decoration: none; } fieldset, a img { border: 0; } table { text-align: left; border-collapse: collapse; border-spacing: 0; } td, th { vertical-align: top; text-align: left; } p, li, dd, dt, label, legend, td, th, caption { /*font-size: 1.2em; line-height: 1.5;*/ } legend { white-space: normal; } select, input, textarea { outline: 0; font: 12px/18px Arial, sans-serif; } /* LAYOUT */ #layout { width: 960px; margin: 0 auto; overflow: hidden; } #content { clear: both; margin: 36px 0 30px; padding: 23px 0 22px; position: relative; min-height: 300px; height: auto !important; height: 300px; background: url(../images/css/content-middle.gif) repeat-y 0 0; } #main-content { width: 690px; float: right; margin: 0 30px 0 0; display: inline; padding: 0 0 20px 0; } /* HEADER */ #header { position: relative; height: 392px; background: url(../images/css/header.gif) no-repeat 0 100%; } #logo { float: left; margin: 21px 0 18px 17px; display: inline; background: url(../images/css/logo.png) no-repeat 0 0; } #logo, #logo a { display: block; width: 280px; height: 39px; overflow: hidden; } #logo a { text-indent: -9999px; } #breadcrumbs { width: 949px; padding-left: 11px; height: 38px; background: url(../images/css/content-top.gif) no-repeat 0 26px; position: absolute; top: -26px; left: 0; } #path-hold { float: left; padding-left: 10px; background: url(../images/css/breadcrumbs-left.gif) no-repeat 0 0; } #breadcrumbs ul { float: left; list-style: none; /*margin-top: -5px; height: 26px; width: 11px; overflow: hidden; text-indent: -9999px; display: block; */ background: url(../images/css/breadcrumbs-right.gif) no-repeat 100% 0; } #breadcrumbs li { float: left; font-size: 11px; margin-right: 10px; } #breadcrumbs a { float: left; height: 20px; padding: 5px 10px 1px 0; color: #fff; text-decoration: none; background: url(../images/css/breadcrumbs-arrow.gif) no-repeat 100% 50%; } #breadcrumbs .on a { padding-right: 0; background: 0; } #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { text-decoration: underline; } #to-beginning { width: 949px; padding-left: 11px; height: 20px; background: url(../images/css/content-bottom.gif) no-repeat 0 100%; position: absolute; bottom: 0; left: 0; } #to-beginning p { float: right; font-size: 11px; padding-left: 10px; background: url(../images/css/to-beginning-left.gif) no-repeat 0 0; position: relative; top: 20px; right: 11px; } #to-beginning a { float: right; height: 20px; padding: 0 24px 0 5px; color: #fff; text-decoration: none; background: url(../images/css/to-beginning-right.gif) no-repeat 100% 0; } #to-beginning a:hover, #to-beginning a:active, #to-beginning a:focus { text-decoration: underline; } #languages-container { float: right; margin: 10px 15px 0 0; display: inline; } #languages-container ul { list-style: none; } #languages-container li { float: left; font-size: 10px; background: url(../images/css/language-splitter.gif) no-repeat 0 50%; padding: 0 7px 0 8px; } #languages-container li a { color: #fff; text-decoration: none; } #languages-container li.first-child, #languages-container li.select-child { background: 0; } #languages-container li.select-child a:hover { text-decoration:none; cursor:default; } #languages-container li.on a { color: #8EC6FE; } #languages-container a:hover, #languages-container a:active, #languages-container a:focus { text-decoration: underline; } /* MAIN NAVIGATION */ #navigation { clear: both; min-height: 36px; height: auto !important; height: 36px; background: #dfedfb url(../images/css/navigation.gif) no-repeat 0 0; position: relative; z-index: 100; } #navigation ul { list-style: none; } #navigation li { float: left; display: inline; margin-left: 20px; line-height: 1; } #navigation a { float: left; display: inline; padding: 12px 0 11px; color: #05203c; outline: none; text-decoration: none; } #navigation li.active { font-weight: bold; } #navigation a:hover, #navigation a:active, #navigation a:focus { text-decoration: underline; } /* SUB NAVIGATION */ #navigation li ul { position: absolute; top: -9999px; left: -9999px; width: 150px; background: #dfedfb; border: 1px solid #c3d6ea; border-top: 0; padding: 5px 0; } #navigation li li { margin: 0; float: none; display: block; } #navigation li li a { float: none; padding: 5px 10px; display: block; } #navigation li li a:hover, #navigation li li a:active, #navigation li li a:focus { text-decoration: underline; } #navigation li.over, #navigation li:hover, #navigation li:active, #navigation li:focus { position: relative; } #navigation li.active-over ul, #navigation li.over ul, #navigation li:hover ul, #navigation li:active ul, #navigation li:focus ul { top: 35px; left: -10px; } #navigation li.active-over ul, #navigation li.active:hover ul, #navigation li.active:active ul, #navigation li.active:focus ul { left: 5px; } /* LOCAL NAVIGATION */ #local-navigation { float: left; margin: 0 0 0 18px; display: inline; width: 201px; padding: 17px 0 0; background: url(../images/css/local-nav-top.gif) no-repeat 0 0; } #local-navigation ul { list-style: none; background: url(../images/css/local-nav-bottom.gif) no-repeat 0 100%; padding-bottom: 16px; } #local-navigation ul ul { background: url(../images/css/local-nav-middle.gif) repeat-y 0 0; padding: 15px 0 5px; } #local-navigation li a:hover, #local-navigation li a:active, #local-navigation li a:focus { color: #16416f !important; background-image: url(../images/css/local-nav-icon-active.gif); } #local-navigation li { margin-bottom: 6px; } #local-navigation li li { } #local-navigation li a { background: url(../images/css/local-nav-icon.gif) no-repeat 10px 7px; display: block; color: #000; text-decoration: none; padding: 0 22px; } #local-navigation li.active a { font-weight: bold; color: #16416f; } #local-navigation li li { } #local-navigation li.active li a { background-position: 25px 7px; font-weight: normal; color: #000; } #local-navigation li li a { padding-left: 37px; } #local-navigation li li a.active { font-weight: bold; color: #16416f; } #local-navigation li li li { } #local-navigation li.active li li a { background-position: 40px 7px; padding-left: 52px; } #local-navigation li li li a.active { font-weight: bold; color: #16416f; } /* SEARCH FORM */ #search-container { position: relative; top: -50px; right: 20px; float: right; margin-top: -30px; width: 225px; height: 30px; background: url(../images/css/search.gif) no-repeat 0 0; } #search-container input { font-size: 10px; line-height: 15px; color: #497eb4; float: left; border: 0; margin: 8px 0 0 18px; display: inline; width: 180px; } #search-container .input-image { float: right; margin: 0; width: auto; margin: 12px 12px 0 0; display: inline; } /* BOOKING */ #booking-container { width: 170px; padding: 0 16px; height: 237px; float: left; margin: 19px; display: inline; background: url(../images/css/booking.gif) no-repeat 0 0; } #booking-container h2 { width: 80px; height: 20px; margin: 22px 0 13px; background: url(../images/css/heading-booking.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } #booking-container .field { margin-bottom: 15px; } #booking-container .date label { font-size: 11px; color: #1e4e80; position: relative; top: 0; left: 0; padding-left: 2px; float: left; width: 55px; } #booking-container .date a { position: relative; top: 4px; left: 4px; } #booking-container label span { position: absolute; top: 0; left: 105px; } #booking-container select { font-size: 10px; color: #356aa0; width: 170px; line-height: 15px; } #booking-container.hide-select select { visibility: hidden; } #booking-container input { width: 68px; color: #356aa0; padding: 3px; margin-left: 2px; background: url(../images/css/field-74-19.png) no-repeat 0 0; border: 0; font-size: 10px; line-height: 14px; } #booking-container .input-submit { width: 120px; height: 24px; margin: 0 auto; padding: 0 0 2px; display: block; background: url(../images/css/button-booking.gif) no-repeat 0 0; font-size: 12px; line-height: 12px; font-weight: bold; color: #fff; } #booking-container img { cursor: pointer; } .date .errorMessage { position: absolute; right: 0; font-size: 9px; top: 2px; right: 5px; background: #fff; padding: 0 2px; line-height: 13px; } /*** BOOKING ***/ .bookingForm { width: 170px; padding: 0 16px; height: 237px; overflow: hidden; position: relative; float: left; margin: 19px; display: inline; background: url(../images/css/booking.gif) no-repeat 0 0; } .bookingForm h2 { width: 80px; height: 20px; margin: 22px 0 13px; background: url(../images/css/heading-booking.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } .bookingForm fieldset { padding: 0; } .bookingForm .date { width: 180px; height: 40px; position: relative; overflow: hidden; margin-bottom: 15px; } .bookingForm .select label, .bookingForm .input label { display: none; } .bookingForm select { background: #fff; border: none; font: normal 11px Arial, Helvetica, sans-serif; color: #666; line-height: 12px; margin: 2px 0 0 5px; width: 162px; } .bookingForm .date img { margin-top: 4px; } .bookingForm .submit { padding-top: 5px; text-align: center; } .bookingForm .submit input { width: 120px; height: 24px; margin: 0 0 0 4px; padding: 0 0 2px; border: 0; display: block; background: url(../images/css/button-booking.gif) no-repeat 0 0; font-size: 12px; line-height: 12px; font-weight: bold; color: #fff; } .bookingForm .rcInputCell { padding: 0 10px 0 0; } /*** BOOKING - Telerik FIX ***/ .bookingForm table, .bookingForm .rcTable { margin: 0; padding: 0; border: none; } .bookingForm table th, .bookingForm table td { background: none; padding: 0; border: none; } .bookingForm .date .riTextBox { padding: 4px 5px 4px; background: url(../images/css/field-130-19.png) no-repeat 0 0; border: 0; font-size: 11px; line-height: 11px; width: 120px !important; font-family: Arial, sans-serif !important; } .bookingForm label { font-size: 11px; display:block; color: #1e4e80; } .loading { position: absolute; top: 25px; right: 10px; } /* HEADER FLASH */ #header-flash { float: right; width: 700px; height: 240px; margin: 19px 19px 0 0; display: inline; position: relative; } #header-flash img { display: block; } #header-flash p { padding: 10px 90px 0 16px; height: 46px; font-size: 30px; line-height: 1; color: #fff; position: absolute; bottom: 22px; right: 0; background: url(../images/css/flash-text.png) no-repeat 0 0; } /* CONTACT & HOTELS */ #footer-content { background: url(../images/css/footer-content-top.gif) no-repeat 0 0; line-height: 20px; } #contact-data, #all-hotels, #newsletter-teaser { float: left; padding-bottom: 20px; background: url(../images/css/footer-content-top.gif) no-repeat 0 0; } #contact-data { width: 187px; padding: 15px 28px 0; } #contact-data, #contact-data a { color: #fff; } #contact-data h2, #all-hotels h2 { font-size: 14px; line-height: 18px; color: #fff; font-weight: normal; margin-bottom: 5px; } #all-hotels span, #contact-data span { font-weight: bold; } #all-hotels p, #all-hotels a, #contact-data p, #contact-data p a { color: #fff; } #all-hotels { width: 436px; padding: 15px 0 0 28px; background-position: -248px 0; } #all-hotels ul { float: left; list-style: none; position: relative; } #all-hotels li { width: 197px; padding-right: 21px; float: left; } #all-hotels li.even { float: right; } #all-hotels a { text-decoration: none; } #all-hotels a:hover, #all-hotels a:active, #all-hotels a:focus { text-decoration: underline; } /* NEWSLETTER */ #newsletter-teaser { width: 198px; padding: 19px 28px 0 27px; background: none; } #newsletter-teaser div { width: 198px; /*margin: 13px 7px 0 0;*/ padding: 0px 0 5px 0; background: url(../images/css/newsletter-bottom.gif) no-repeat 0 100%; } #newsletter-teaser h2 { font-size: 16px; font-weight: bold; color: #0b253a; padding: 12px 10px 0 16px; background: url(../images/css/newsletter-top.gif) no-repeat 0 0; } #newsletter-teaser p { font-size: 11px; line-height: 13px; color: #0b253a; margin: 0 10px 10px 16px; } #newsletter-teaser .more { font-size: 10px; text-transform: uppercase; background: url(../images/css/button-subscribe-left.gif) no-repeat 0 0; } #newsletter-teaser .more a { float: left; padding: 4px 14px; min-width: 45px; width: auto !important; width: 45px; color: #fff; text-decoration: none; background: url(../images/css/button-subscribe-right.gif) no-repeat 100% 0; white-space: nowrap; } #newsletter-teaser .more a:hover, #newsletter-teaser .more a:active, #newsletter-teaser .more a:focus { color: #81afdf; } /* FEATURED ARTICLES */ #featured-articles { float: left; width: 460px; margin: 0 20px; display: inline; } #featured-articles .article-intro { border-top: 1px solid #ccc; float: left; width: 410px; padding: 20px 24px; position: relative; } #featured-articles img { float: left; margin: 5px 24px 5px 0; } #featured-articles h3 { padding-bottom: 11px; font-size: 18px; line-height: 20px; font-weight: normal; } #featured-articles h3 a { color: #000; text-decoration: none; } #featured-articles .first-child { border: 0; background: #eee url(../images/css/highlighted-article-460-bottom.gif) no-repeat 0 100%; margin-bottom: -1px; z-index: 2; } #featured-articles .first-child { padding: 0; width: 460px; } #featured-articles .first-child .inner { float: left; width: 410px; padding: 21px 25px 24px; background: url(../images/css/highlighted-article-460-top.gif) no-repeat 0 0; } #featured-articles .first-child h3 { } #featured-articles .first-child p, #featured-articles .first-child ul { color: #000; } #featured-articles p, #featured-articles ul, #featured-articles ol { margin-bottom: 5px; } #featured-articles ul { list-style: none; } #featured-articles li { padding: 0 0 0 9px; background: url(../images/css/li-square.gif) no-repeat 0 8px; overflow: hidden; } #featured-articles .more { float: left; padding-right: 15px; background: url(../images/css/more-silver-right.gif) no-repeat 100% 0; } #featured-articles .more a { float: left; padding-left: 8px; background: url(../images/css/more-silver-left.gif) no-repeat 0 0; color: #fff; text-decoration: none; } /* SPECIAL OFFER */ #special-offer { float: left; width: 220px; background: url(../images/css/special-offer-top.gif) no-repeat 0 0; padding-top: 8px; } #special-offer h2 { padding: 0 12px 8px 12px; font-size: 14px; line-height: 14px; font-weight: bold; color: #fff; background: url(../images/css/special-offer.gif) no-repeat left bottom; margin-bottom: 7px; } #special-offer h2 a { color: #fff; text-decoration: none; } #special-offer h2 a:hover, #special-offer h2 a:active, #special-offer h2 a:focus { color: #ffdb6e; } #special-offer .article-intro { border-top: 1px solid #ccc; padding: 15px 10px; } #special-offer .first-child { border-top: 0; border-bottom: 4px solid #ccc; } #special-offer .article-intro h2 { padding: 0; background: none; color: #323232; margin: 0 0 10px 0; } #special-offer .article-intro h3 { font-size: 14px; line-height: 16px; font-weight: bold; } #special-offer .article-intro h2 a, #special-offer .article-intro h3 a { color: #333; text-decoration: none; } #special-offer .article-intro p { padding: 0 10px; } #special-offer img { display: block; margin: 8px auto; } #special-offer .article-intro ul { list-style: none; padding: 5px 12px 0; } #special-offer .article-intro li { padding: 0 0 0 9px; background: url(../images/css/li-square.gif) no-repeat 0 8px;} #special-offer .article-intro li a { color: #333; } #special-offer div.first-child { padding-top: 0; } /* MISC CONTENT */ #misc-content { float: left; width: 200px; margin-left: 20px; display: inline; background: url(../images/css/heading-frame-200-top.gif) no-repeat 0 0; padding-top: 8px; } #misc-content h2 { padding: 0 10px 7px 10px; margin: 0; font-size: 14px; line-height: 14px; font-weight: bold; background: url(../images/css/heading-frame-200.gif) no-repeat left bottom; } #misc-content h2 a { color: #000; text-decoration: none; } #misc-content h2 a:hover, #misc-content h2 a:active, #misc-content h2 a:focus { color: #356aa0; } #misc-content .article-intro { border-top: 1px solid #ccc; padding: 15px 10px; margin-bottom: 15px; } #misc-content .article-intro h2 { padding: 0; background: none; margin-bottom: 10px; } #misc-content .article-intro h3 { font-size: 14px; padding: 8px 10px 2px; font-weight: bold; } #misc-content .article-intro h3 a { color: #333; text-decoration: none; } #misc-content .article-intro p { padding: 0 10px 8px; } #misc-content .article-intro ul { list-style: none; padding: 0 12px 10px; } #misc-content .article-intro li { padding: 0 0 0 9px; background: url(../images/css/li-square.gif) no-repeat 0 8px; } #misc-content .article-intro li a { color: #333; } #misc-content .highlighted-article { background: url(../images/css/highlighted-article-200-bottom.gif) no-repeat left bottom; border-top: 0; } #misc-content .article-intro.highlighted-article h2 { background: url(../images/css/highlighted-article-200-top.gif) no-repeat 0 0; padding: 13px 10px 0 10px; margin: -15px -10px 10px -10px; } #misc-content .first-child { border-top: 0; padding-bottom: 0; padding-top: 9px; } #misc-content img { display: block; margin: 8px auto; } #page-home #content h3 a:hover, #page-home #content h3 a:active, #page-home #content h3 a:focus { color: #356aa0; } /* TOOLS */ #tools { position: absolute; height: 26px; top: -26px; right: 9px; width: 86px; background: url(../images/css/tools-left.gif) no-repeat 0 0; } #tools ul { list-style: none; float: right; height: 26px; padding: 0 10px 0 12px; background: url(../images/css/tools-right.gif) no-repeat 100% 0; } #tools li { float: left; text-transform: uppercase; margin-left: 6px; line-height: 1; display: inline; position: relative; } #tools li.small { font-size: 10px; top: 10px; } #tools li.medium { font-size: 12px; top: 8px; } #tools li.large { font-size: 16px; top: 5px; } #tools li a { text-decoration: none; color: #fff; } #tools li a:hover, #tools li a:active, #tools li a:focus { text-decoration: underline; } #print-link { margin: 9px 0 0 10px; position: static !important; float: left; display: inline; width: 11px; height: 10px; text-indent: -9999px; overflow: hidden; background: url(../images/css/icon-print.gif) no-repeat 0 0; } #print-link a { display: block; width: 11px; height: 10px; } /* ARTICLE */ #article { font-size: 12px; line-height: 18px; } #main-content h1, #article h1 { font-size: 24px; line-height: 24px; margin-bottom: 10px; } #article h2 { font-size: 18px; line-height: 24px; margin-bottom: 5px; } #article h3 { font-size: 14px; line-height: 24px; margin-bottom: 5px; } #article h4, #article h5, #article h6 { font-size: 12px; font-weight: bold; line-height: 24px; margin-bottom: 5px; } #article p, #article ul, #article dl, #article ol { margin-bottom: 18px; line-height: 24px; } #article dt { font-weight: bold; } #article p.date { margin: 0; } #article p.lead { font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; font-style: italic; border-bottom: 1px solid #aabfd5; } #article ul { list-style: none; margin-top: 20px; } #article ul li { padding: 0 0 0 9px; background: url(../images/css/li-square.gif) no-repeat 0 11px; } #article ol { margin-left: 20px; } #article li ol { margin-top: 20px; } #article li ol li { background: 0; padding-left: 0; } #article .left { float: left; margin: 0 15px 15px 0; clear: left; position: relative; top: 10px; } #article .right { float: right; margin: 0 0 15px 15px; clear: right; position: relative; top: 10px; } #article img { border: 1px solid #356aa0; padding: 2px; } #article a.pdf { background: url(../images/css/pdf.gif) no-repeat 0 1px; padding-left: 18px; } #article a.word { background: url(../images/css/word.gif) no-repeat 0 1px; padding-left: 18px; } #article table { width: 345px; margin-bottom: 20px; border-bottom: 1px solid #ededed; } #article table td, #article table th { padding: 5px 10px; border-top: 1px solid #ededed; font-weight: normal; } #article table th { color: #333; font-weight: bold; } #article table tr.odd {} #article table tr.even { background: #f7f7f7; } #article table caption { color: #356aa0; padding: 0 10px 5px; font-weight: bold; font-size: 14px; text-align: left; } #article table.blank { margin-left: 0; margin-right: 0; border: none; width: auto; } #article table.blank tr { background: 0; } #article table.blank caption { padding: 0 0 10px; text-align: center; } #article table.blank th, #article table.blank td { border: 0; background: none; font-weight: normal; padding: 0; } /* GALLERY SCROLLER */ #photo-gallery { clear: both; margin: 20px 0 0 0; } #photo-gallery li img { display: block; width: 180px; height: 120px; } /* GALLERY LISTING */ #gallery-listing { padding-top: 6px; } #gallery-listing .gallery-item { float: left; width: 210px; border: 1px solid #9dbdde; padding: 147px 2px 10px; margin: 0 0 21px 21px; position: relative; } #gallery-listing .first-in-row { margin-left: 0; clear: both; } #gallery-listing .gallery-item h2 { font-size: 1.4em; line-height: 16px; font-weight: bold; padding: 5px 10px; } #gallery-listing .gallery-item h2 a { color: #333; text-decoration: none; } #gallery-listing .gallery-item p { font-size: 11px; line-height: 11px; padding: 0 10px; } #gallery-listing .gallery-item .date { padding-bottom: 5px; } #gallery-listing .gallery-item .photos-no {} #gallery-listing .gallery-item .photo, #gallery-listing .gallery-item img { width: 210px; height: 140px; } #gallery-listing .gallery-item .photo { position: absolute; top: 2px; left: 2px; } #gallery-listing h2 a:hover, #gallery-listing h2 a:active, #gallery-listing h2 a:focus { color: #356aa0; } /* PAGINATION */ .paginator { } .paginator ul { list-style: none; } .paginator ul li { float: left; padding: 0; margin-right: 3px; } .paginator a { float: left; padding: 2px 8px; text-decoration: none; } .paginator .on, .paginator a:hover, .paginator a:active, .paginator a:focus { background-color: #356aa0; color: #fff; text-align: center; } .paginator .firstPage a, .paginator .lastPage a, .paginator .prevPage a, .paginator .nextPage a { text-indent: -9999px; width: 22px; height: 22px; padding: 0; background-color: transparent !important; } .paginator .firstPage a { background: url(../images/css/pagination-first.gif) no-repeat 50% 50%; } .paginator .firstPage a.off { background: url(../images/css/pagination-first-off.gif) no-repeat 50% 50%; } .paginator .prevPage a { background: url(../images/css/pagination-prev.gif) no-repeat 50% 50%; } .paginator .prevPage a.off { background: url(../images/css/pagination-prev-off.gif) no-repeat 50% 50%; margin-right: 5px; } .paginator .nextPage a { background: url(../images/css/pagination-next.gif) no-repeat 50% 50%; margin-left: 5px; } .paginator .nextPage a.off { background: url(../images/css/pagination-next-off.gif) no-repeat 50% 50%; margin-left: 5px; } .paginator .lastPage a { background: url(../images/css/pagination-last.gif) no-repeat 50% 50%; } .paginator .lastPage a.off { background: url(../images/css/pagination-last-off.gif) no-repeat 50% 50%; } /* SINGLE GALLERY */ #single-gallery { padding-top: 6px; list-style: none; } #single-gallery li { float: left; width: 210px; border: 1px solid #9dbdde; padding: 2px; margin: 0 0 21px 21px; } #single-gallery .first-in-row { margin-left: 0; clear: both; } #single-gallery img { width: 210px; height: 140px; } #single-gallery dd { font-size: 12px; text-decoration: none; padding: 5px 10px; } #single-gallery dd a { background: url(../images/css/icon-zoom.gif) no-repeat 0 50%; padding-left: 20px; } #basic-controls { list-style: none; text-align: center; } #basic-controls li { display: inline; padding: 0 10px; } /* GALLERY LISTING */ #news-listing { padding-top: 6px; padding-bottom: 20px; } #news-listing .news-item { float: left; width: 315px; clear: both; padding: 15px 140px 5px 235px; border-top: 1px solid #AABFD5; margin-bottom: 15px; position: relative; min-height: 153px; height: auto !important; height: 153px; } #news-listing .first-child { border-top: 0; margin-top: -15px; } #news-listing .news-item h2 { font-size: 14px; line-height: 16px; font-weight: bold; padding: 0 0 10px; } #news-listing .news-item h2 a { color: #333; text-decoration: none; } #news-listing .news-item .date, #news-listing .news-item .lead { padding-bottom: 10px; } #news-listing .news-item .photo, #news-listing .news-item img { width: 210px; height: 140px; } #news-listing .news-item .photo { position: absolute; top: 15px; left: 0; border: 1px solid #9dbdde; padding: 2px; } #news-listing .news-item .photo a {} #news-listing .no-photo { width: 550px; padding-left: 0; min-height: 0; height: auto !important; height: 0; } #news-listing h2 a:hover, #news-listing h2 a:active, #news-listing h2 a:focus { color: #356aa0; } /* SEARCH RESULTS */ #search-results { padding-top: 6px; padding-bottom: 15px; } #search-results h2, #modify-search h2 { color: #356aa0; font-size: 14px; line-height: 16px; font-weight: bold; padding-bottom: 10px; } #search-results h2 { padding-bottom: 20px; } #search-results ul { list-style: none; } #search-results li { padding: 15px 150px 5px 0; border-top: 1px solid #AABFD5; margin-bottom: 15px; } #search-results .first-child { border-top: 0; margin-top: -15px; } #search-results h3 { font-size: 14px; line-height: 16px; font-weight: bold; position: relative; padding-left: 30px; } #search-results h3 .result-no { position: absolute; top: 0; left: -10px; width: 30px; text-align: right; color: #777; font-style: italic; background: 0; padding: 0; } #search-results p { padding: 10px 0 0 30px; } #search-results h3 span, #search-results p span { background: #ffeda5; padding: 0 5px; } #search-results a { color: #333; text-decoration: none; } #search-results p a { text-decoration: underline; } #search-results a:hover, #search-results a:active, #search-results a:focus { color: #356aa0; } #search-status { padding: 10px 0 35px; } #search-status p { font-style: italic; color: #888; } /* MODIFY SEARCH */ #modify-search { margin-bottom: 30px; background: #eee; padding-top: 15px; } #modify-search h2 { background: url(../images/css/box-blue-690-top.gif) no-repeat 0 0; padding: 15px 20px 10px; } #modify-search .form { position: relative; padding: 10px 20px 20px; } #modify-search .field { float: left; width: 100%; } #modify-search label { float: left; width: 130px; } #search-term-container input { border: 1px solid #ccc; padding: 5px; width: 300px; margin: 0 0 10px 0; } #search-term-container input:focus { border: 1px solid #356aa0; } #modify-search select { } #modify-search .mainSearchSubmit { position: absolute; top: 12px; left: 340px; } /* FORM */ .basicForm a { } .basicForm a:hover, .basicForm a:active, .basicForm a:focus { text-decoration: none; } .basicForm fieldset { border: none; margin-bottom: 10px; } .basicForm legend { display: none; } .basicForm td { font-size: 12px; } .basicForm div.input, .basicForm div.date, .basicForm div.textarea, .basicForm div.select, .basicForm div.radio, .basicForm div.checkbox, .basicForm div.file { clear: both; padding: 10px 0; font-size: 12px; color: #666; } .basicForm div.input input, .basicForm div.date input, .basicForm textarea, .basicForm select, .captchaInput input { border: 1px solid #AABFD5; padding: 3px; margin-right: 5px; } .basicForm .input .RadInput input, .basicForm .date .RadInput input { border: 1px solid #AABFD5; text-indent: 2px; margin: 0; } .basicForm div.input input.readonly, .basicForm div.date input.readonly { background: #f5f5f5; border: 1px solid #AABFD5; color: #ccc; } .basicForm div.input input { width: 230px; } .basicForm div.captchaInput input { width: 100px; } .basicForm div.input input:focus, .basicForm div.textarea textarea:focus, .basicForm div.captchaInput input:focus { background: #f6fbff; border-color: #AABFD5; } .basicForm div.input label, .basicForm div.date label, .basicForm div.textarea label, .basicForm div.select label, .basicForm div.file label { display: block; float: left; width: 100px; padding-top: 4px; margin-right: 10px; vertical-align: middle; } .basicForm div.textarea label, .basicForm textarea { vertical-align: top; } .basicForm .checkbox input { width: auto; border: none; background: inherit; font-size: inherit; } .basicForm .input input.checkbox, .basicForm .checkbox input { display: inline; width: auto; height: auto; background: transparent; border: none; vertical-align: middle; } .basicForm .input select, .basicForm .select select { width: 238px; } .basicForm .input select option, .basicForm .select select option { padding-right: 10px; margin-bottom: 2px; } .basicForm div.checkbox { padding: 0 0 0 180px; overflow: hidden; height: 100%; } .basicForm .captchaWrapper { margin: 10px 0 0 110px; } .captchaImageWrapper img { display: block; margin: 0 0 5px 0; } .captchaImageWrapper a { font-size: 12px; display: block; padding: 10px 0 0; } .basicForm .submit { padding: 0px 0 10px 110px; } .basicForm .submit input { background: #0e3954; width: 80px; height: 23px; border: none; text-transform: uppercase; color: #fff; line-height: normal; } .errorMessage { color: #cc0000; font-size: 11px; position: absolute; margin: 0 0 0 5px; } .captchaInput { margin-top: 10px; margin-bottom: 20px; } .captchaInput label { display: block; margin-bottom: 3px; } .captchaInput input { display: block; } .terms { margin: 0 0 15px 190px; } .terms input { display: block; float: left; width: auto; margin-right: 10px; } .terms label { display: block; float: left; width: 300px; } .notice { margin: 10px 0 10px 190px; } .basicForm .textarea textarea { width: 230px; height: 100px; } .error { margin: 10px 0 10px 190px; color: #cc0000; } .basicForm .radioTitle { display: inline; float: left; width: 180px; margin: 0 10px 0 0; text-align: right; } .basicForm .radioButtons label { margin: 0 10px 0 0; } .basicForm .checkboxTitle { display: inline; float: left; width: 180px; margin: 0 10px 0 0; text-align: right; } .basicForm .radioButtons input { vertical-align: middle; } .basicForm .radioButtons input.input { background: #fff; border: 1px solid #666; padding: 3px; vertical-align: middle; margin-left: 5px; margin-right: 5px; } .checkboxWrapper { height: 100%; overflow: hidden; margin: 10px 0; } .checkboxWrapper input { vertical-align: middle; } .basicForm .checkboxButtons label { margin: 0 10px 0 0; } .basicForm .multipleSelect { padding: 15px 0 0 0; } .basicForm .multipleSelectTitle { display: inline; float: left; width: 180px; margin: 0 10px 0 0; text-align: right; } .basicForm .multipleSelect select { margin: 0 10px 0 0; width: 80px; } .RadPicker { float: left; } .RadPicker_Default .rcCalPopup, .RadPicker_Default .rcTimePopup { display:block; overflow:hidden; width:22px; height:22px; background:url(../images/css/icon-calendar.gif) no-repeat 50% 50%; text-indent: -9999px; text-align: center; position: relative; left: 10px; } /*** ADVANCED FORMS ***/ #content .advancedForm table { margin: 20px 0 0 0; padding: 0; border: none; border-collapse: separate; } #content .advancedForm th, #content .advancedForm td { border: none; border-bottom: 1px solid #fff; background: none; padding: 0 10px 5px 0; background: #fff; overflow: visible; vertical-align: top; } #content .advancedForm th { padding: 5px; border-bottom: 2px solid #fff; text-align: left; background: none; } #content .advancedForm .labelTD { padding: 5px; } #content .advancedForm th.labelTD { border-bottom: 5px solid #fff; } #content .advancedForm .center, #content .advancedForm .center td, #content .advancedForm .center th { text-align: center; } #content .advancedForm th.middle, #content .advancedForm td.middle { vertical-align: middle; } .advancedForm label { color: #666; font-size: 12px; } .advancedForm fieldset { height: 100%; overflow: hidden; padding: 0 10px 20px 10px; border: 1px solid #cfe4f9; margin: 0 0 15px 0; } .advancedForm legend { font-weight: bold; padding: 0 10px; color: #333; } .advancedForm legend span { font-size: 12px; font-weight: normal; } .advancedForm input, .advancedForm select, .advancedForm textarea { border: 1px solid #AABFD5; margin: 0 1px; font-size: 12px; } .advancedForm input { padding: 3px; width: 150px; } .advancedForm input.large { width: 300px; } .advancedForm select { padding: 4px; width: 160px; } .advancedForm textarea { width: 150px; height: 60px; overflow: auto; padding: 4px; } .advancedForm textarea.large { width: 300px; } .advancedForm textarea.blue { width: 300px; background: #f6fbff; } .advancedForm textarea.small { height: 30px; } .advancedForm input:focus, .advancedForm textarea:focus, .advancedForm .captchaInput input:focus { background: #f8fbff; border-color: #AABFD5; } .advancedForm .checkbox input { border: none; width: auto; margin: 0 0 0 10px; } .advancedForm .checkbox input { margin-top: 5px; } .advancedForm .radio input { border: none; width: auto; margin: 0 0 0 10px; } .advancedForm .terms { padding: 0; margin: 20px 0 20px 5px; } .advancedForm .terms label { width: 600px; display: block; float: left; margin-bottom: 20px } .advancedForm .terms .checkbox input { border: none; width: auto; margin: 3px 10px 0 0; float: left; } .advancedForm input.file { margin-left: 5px; margin-top: 20px; } .advancedForm .submit input { background: #0e3954; width: 80px; height: 23px; border: none; text-transform: uppercase; color: #fff; line-height: normal; } .basicForm ul, .advancedForm ul { margin: 20px; } .basicForm li, .advancedForm li { padding-left: 5px; } /* CALENDAR */ .dpTable { text-align: center; color: #333; border: 1px solid #10395a; margin: 0; } .dpTable td { background: #fff; padding: 5px; border: 1px solid #10395a; font-size: 12px; } .dpTable .dpTD { border: 1px solid #235282; background: #fff; } .dpTable .dpDayHighlightTD { background-color: #dfedfb; color: #333; border: 1px solid #10395a; } .dpTable .dpTDHover { background-color: #dfedfb; border: 1px solid #10395a; cursor: pointer; color: #333; } .dpTable .dpDayTD { background-color: #235282; border: 1px solid #10395a; color: #fff; font-weight: bold; } .dpTable .dpTitleText { font-weight: bold; color: #333; text-align: center; } .dpTable .dpDayHighlight { color: #333; font-weight: bold; } .dpTable .dpTodayButton { background: #fff; border: none; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; text-align: center; } .dpTable .dpTodayButton:hover { text-decoration: underline; } .dpTable button { background: #fff; border: none; font: normal 10px Arial, Helvetica, sans-serif; color: #333; cursor: pointer; margin: 0 auto; display: block; } #cboxCurrent { font-size: 12px; } #cboxTitle { font-size: 12px; } /* FOOTER */ #footer { padding: 28px 0 10px; clear: both; background: transparent url(../images/css/footer-content-bottom.gif) no-repeat 0 0; } #footer p { font-size: 11px; text-align: center; padding-bottom: 3px; } #footer p, #footer p a { color: #052d56; } /* MISC */ .basicForm fieldset:after, .basicForm div.input:after, .basicForm div.date:after, .basicForm div.textarea:after, .basicForm div.select:after, .basicForm div.radio:after, .basicForm div.checkbox:after, .basicForm div.file:after, .basicForm .captchaWrapper:after, .basicForm .multipleSelect, .terms:after, #modify-search .form:after, #single-gallery:after, .paginator ul:after, #gallery-listing:after, #news-listing:after, #to-beginning:after, #breadcrumbs:after, #footer-content:after, #newsletter-teaser .more:after, #navigation ul:after, #layout:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #search-term-container label, #languages-container p, .paginator p, #photo-gallery h2, #local-navigation h2, #tools p, #tools p.first-child, #featured-articles h2, #contact-data span.first-child, #booking-container label, #search-container h2, #search-container legend span, .skip-links, #navigation h2 { position: absolute; top: -9999px; left: -9999px; } #admin-pages { position: absolute; top: 5px; right: 5px; width: 100px; padding: 10px; background: #fff; } #admin-pages ul { list-style: none; } #admin-pages li { padding: 5px 0; text-transform: uppercase; font-size: 10px; line-height: 1; border-top: 1px solid #eee; } #admin-pages li:first-child { border-top: 0; } #admin-pages li.active a { color: #f00; }