/*************************************************** CSS file for Bluesun Hotel Berulia 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: #eeeeee url(../images/css/body-bkg.gif) repeat-x 0 0; } :root { overflow-y: scroll; } h1, h2, h3 { font-weight: bold; color: #333; } a { color: #333; 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: 920px; margin: 0 auto; } #content { clear: both; border-bottom: 1px solid #ccc; margin-bottom: 10px; position: relative; z-index: 90; padding-bottom: 35px; } #page-home #content { padding: 22px 0; } #main-content { float: right; width: 690px; overflow: hidden; } #page-home #main-content { width: 100%; margin: 0; padding: 0; } /* HEADER */ #header { position: relative; height: 360px; z-index: 100; } #logo { float: left; margin: 24px 0; display: inline; background: url(../images/css/logo.gif) no-repeat 0 0; } #logo, #logo a { display: block; width: 197px; height: 27px; overflow: hidden; } #logo a { text-indent: -9999px; } #languages-container { float: right; background: #696968 url(../images/css/languages-bkg.gif) repeat-x 0 0; } #languages-container ul { float: left; list-style: none; padding: 3px 0 4px; } #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: #94c054; } #languages-container a:hover, #languages-container a:active, #languages-container a:focus { text-decoration: underline; } #breadcrumbs { padding: 12px 0 12px 230px; } #breadcrumbs ul { list-style: none; } #breadcrumbs li { float: left; font-size: 11px; float: left; margin-right: 5px; } #breadcrumbs a { padding-right: 10px; background: url(../images/css/breadcrumbs-path.gif) no-repeat 100% 50%; } #breadcrumbs .on a { padding: 0; background: 0; text-decoration: none; } #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { text-decoration: none; } #page-home #breadcrumbs { padding: 0; float: left; width: 100%; margin: -17px 0 20px; position: relative; top: 7px; } #to-beginning { position: absolute; bottom: 8px; right: 0; } #to-beginning p { font-size: 11px; } #to-beginning a { } #to-beginning a:hover, #to-beginning a:active, #to-beginning a:focus { text-decoration: none; } /* MAIN NAVIGATION */ #navigation { clear: both; min-height: 36px; height: auto !important; height: 36px; position: relative; z-index: 100; margin-bottom: 18px; } #navigation ul { list-style: none; } #navigation li { float: left; display: inline; font: 14px/16px Georgia, Arial, sans-serif; border-left: 1px solid #a6a39e; background: #94c054; } #navigation a { float: left; display: inline; padding: 9px 12px 11px; color: #fff; outline: none; text-decoration: none; } #navigation a:hover, #navigation a:active, #navigation a:focus, #navigation li.active a { background: url(../images/css/nav-item-active.gif) repeat-x 0 0; text-decoration: none; } #navigation li.active li a { background: 0; } #navigation li.first-child { border-left: 0; } /* SUB NAVIGATION */ #navigation li ul { position: absolute; top: -9999px; left: -9999px; width: 150px; background: #94c054; border-top: 0; padding: 5px 0; } #navigation li li { margin: 0; float: none; display: block; border: 0; } #navigation li li.active { background: 0; } #navigation li li a { float: none; padding: 5px 10px; display: block; font-weight: normal; } #navigation li li.active a, #navigation li li a:hover, #navigation li li a:active, #navigation li li a:focus { color: #333; background: 0; } #navigation li.active-over, #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: 0; } /* LOCAL NAVIGATION */ #local-navigation { float: left; width: 210px; overflow: hidden; } #local-navigation ul { list-style: none; } #local-navigation li { font-size: 12px; line-height: 18px; border-top: 1px solid #ccc; } #local-navigation li a { display: block; padding: 4px 10px 5px 20px; color: #333; text-decoration: none; background: url(../images/css/local-nav-icon.gif) no-repeat 9px 8px; } #local-navigation li.active a { background-color: #ccc; } #local-navigation li li { } #local-navigation li li a { padding-left: 31px; background-position: 20px 8px; } #local-navigation li.active li a { background-color: transparent; } #local-navigation li li a.active { background-color: #ccc; } #local-navigation li li li a { padding-left: 42px; background-position: 31px 8px; } #local-navigation li a:hover, #local-navigation li a:active, #local-navigation li a:focus { background-color: #ccc !important; } #local-navigation li li a:hover, #local-navigation li li a:active, #local-navigation li li a:focus { background-color: #dadada !important; } #local-navigation li li li a:hover, #local-navigation li li li a:active, #local-navigation li li li a:focus { background-color: #e7e7e7 !important; } /* SEARCH FORM */ #search-container { float: right; margin-top: -34px; position: relative; top: -62px; /*p1osition: absolute; top: 33px; right: 0;*/ width: 201px; padding: 7px 10px 7px 7px; background: #d3d1cf; } #search-container input { float: left; width: 170px; padding: 2px 4px; font-size: 11px; line-height: 11px; color: #333; border: 0; display: inline; border: 1px solid #999; } #search-container .input-image { float: right; margin: 4px 0 0 0; width: auto; display: inline; padding: 0; border: 0; } /* BOOKING */ #booking-container { float: left; width: 180px; background: #ddd; padding: 0 15px 10px; min-height: 220px; height: auto !important; height: 220px; } #booking-container h2 { font: normal 24px/28px Georgia, sans-serif; color: #333; padding: 22px 0 16px; } #booking-container .field { margin-bottom: 12px; } #booking-container input, #booking-container select { border: 1px solid #ccc; font-size: 12px; line-height: 12px; color: #320315; } #booking-container .date { } #booking-container .date label { font-size: 11px; color: #362a2a; position: relative; top: 0; left: 0; float: left; width: 55px; display:block; } #booking-container label span { } #booking-container select { width: 180px; } #booking-container input { width: 66px; padding: 1px 3px; margin-left: 2px; } #booking-container .input-submit { font: normal 12px/14px Georgia, sans-serif; width: auto; margin: 0 0 0 57px; padding: 2px; display: block; border: 0; background: #666; color: #fff; text-transform: uppercase; } #booking-container img { position: relative; cursor: pointer; top: 3px; left: 3px; } #booking-container.hide-select select { visibility: hidden; } /*** BOOKING ***/ .bookingForm { float: left; width: 180px; background: #ddd; padding: 0 15px 10px; min-height: 220px; height: auto !important; height: 220px; } .bookingForm h2 { font:18px/28px Georgia,sans-serif; color: #333; padding: 22px 0 0; } .bookingForm fieldset { padding: 0; position: relative; } .bookingForm .date { height: 40px; overflow: hidden; margin-bottom: 3px; position: relative; padding-top: 10px; } .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: 3px; } .bookingForm .submit { padding-top: 7px; text-align: center; } .bookingForm .submit input { font: normal 12px/14px Georgia, sans-serif; width: auto; margin: 0; display: block; padding: 4px; border: 0; background: #666; color: #fff; text-transform: uppercase; } .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 { border: 1px solid #ccc; font-size: 11px; color: #320315; padding: 2px 3px; font-size: 11px; line-height: 11px; width: 120px !important; } .bookingForm label { font-size: 11px; color: #362a2a; display: block; } .loading { position: absolute; top: 10px; right: 10px; } /* HEADER FLASH */ #header-flash { float: right; border: 1px solid #bbbaba; } #header-flash img { display: block; width: 708px; height: 228px; } /* CONTACT & HOTELS */ #footer-content { background: #7ea34a url(../images/css/footer-splitter.gif); border: 10px solid #7ea34a; border-width: 15px 0; } #contact-data, #all-hotels, #newsletter-teaser { float: left; } #contact-data { width: 182px; padding-right: 28px; padding-left: 13px; color: #fff;font-size: 11px; } #contact-data p { } #contact-data a { color: #fff; } #contact-data h2, #all-hotels h2 { font-size: 14px; line-height: 18px; color: #fff; font-weight: normal; padding-bottom: 6px; } #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: 451px; padding-right: 0px; padding-left: 23px; } #all-hotels ul { float: left; width: 100%; list-style: none; position: relative; } #all-hotels li { width: 225px; float: left; font-size: 11px; } #all-hotels li.even { float: right; } #all-hotels a { text-decoration: none; } #contact-data a:hover, #contact-data a:active, #contact-data a:focus, #all-hotels a:hover, #all-hotels a:active, #all-hotels a:focus { text-decoration: none; color: #333; } /* NEWSLETTER */ #newsletter-teaser { width: 198px; padding: 28px 0 0 25px; } #newsletter-teaser div { width: 155px; padding: 6px 10px 3px 13px; background: #5a644c; } #newsletter-teaser h2 { font-size: 14px; font-weight: bold; color: #fff; padding: 2px 0; } #newsletter-teaser p { font-size: 11px; line-height: 13px; color: #fff; margin-bottom: 10px; } #newsletter-teaser .more { font-size: 10px; text-transform: uppercase; } #newsletter-teaser .more a { float: left; padding: 4px 10px; color: #fff; text-decoration: none; background: #211f1a; } #newsletter-teaser .more a:hover, #newsletter-teaser .more a:active, #newsletter-teaser .more a:focus { color: #f1d979; } /* FEATURED ARTICLES */ #featured-articles { padding: 10px 0 0 1px; } #featured-articles .article-intro { float: left; width: 210px; overflow: hidden; margin-left: 26px; display: inline; } #featured-articles .first-child { margin-left: 0; } #featured-articles h2, #featured-articles h3 { font:bold 12px/20px Georgia,Arial,sans-serif; padding-bottom: 10px; } #featured-articles h2 a, #featured-articles h3 a { color: #333; text-decoration: none; } #featured-articles h2 a:hover, #featured-articles h2 a:active, #featured-articles h2 a:focus, #featured-articles h3 a:hover, #featured-articles h3 a:active, #featured-articles h3 a:focus { color: #7ea34a; } #featured-articles p, #featured-articles ul { margin-bottom: 6px; } #featured-articles ul { list-style: none; } #featured-articles li { padding: 0 0 0 8px; background: url(../images/css/li-dot-blue.gif) no-repeat 0 8px; } #featured-articles img { border: 5px solid #94c054; margin-bottom: 10px; } /* TOOLS */ #tools { position: absolute; height: 26px; top: 8px; right: 0; width: 80px; background: url(../images/css/tools-splitter.gif) no-repeat 30px 10px; } #tools ul { list-style: none; float: right; height: 26px; padding: 0 0 0 12px; } #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: #333; } #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; padding-bottom: 20px; } #main-content h1, #article h1 { font-size: 18px; line-height: 18px; margin-bottom: 18px; font-weight: normal; } #article h2 { font-size: 14px; line-height: 18px; margin-bottom: 18px; } #article h3 { font-size: 12px; line-height: 16px; margin-bottom: 18px; } #article h4, #article h5, #article h6 { font-size: 12px; font-weight: bold; line-height:16px; margin-bottom: 18px; } #article p, #article ul, #article dl, #article ol { margin-bottom: 18px; } #article dt { font-weight: bold; } #article p.date { margin: -8px 0 8px; } #article p.lead { padding-bottom: 10px; line-height: 1.5; margin-bottom: 10px; font-style: italic; border-bottom: 1px solid #ccc; } #article ul { list-style: none; margin-left: 6px; } #article ul li { padding: 0 0 0 16px; background: url(../images/css/li-dot-blue.gif) no-repeat 0 7px; } #article ol { margin-left: 25px; } #article td p, #article td li, #article td dt, #article td dd, #article li p, #article li li, #article li dt, #article li dd { } #article li ul, #article li ol { margin-top: 1em; } #article li ol li { background: 0; padding-left: 0; } #article .left { float: left; margin: 0 15px 10px 0; clear: left; position: relative; top: 5px; } #article .right { float: right; margin: 0 0 10px 15px; clear: right; position: relative; top: 5px; } #article img { border: 3px solid #555555; padding: 1px; } #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 { background: #e2ead6; } #article table tr.even { background: #fff; } #article table caption { color: #7ea34a; 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: 0; } /* GALLERY LISTING */ #gallery-listing { padding-top: 6px; } #gallery-listing .gallery-item { float: left; width: 208px; margin: 0 0 21px 21px; display: inline; position: relative; border: 3px solid #555555; padding: 140px 1px 8px; } #gallery-listing .first-in-row { margin-left: 0; clear: both; } #gallery-listing .gallery-item h2 { font: bold 14px/16px Georgia, Arial, sans-serif; padding: 5px; } #gallery-listing .gallery-item h2 a { text-decoration: none; color: #333; } #gallery-listing .gallery-item p { font-size: 11px; line-height: 11px; padding: 0 5px; } #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: 208px; height: 138px; } #gallery-listing .gallery-item img { } #gallery-listing .gallery-item .photo { position: absolute; top: 1px; left: 1px; } #gallery-listing .gallery-item .photo a {} #gallery-listing h2 a:hover, #gallery-listing h2 a:active, #gallery-listing h2 a:focus { color: #7ea34a; } /* SINGLE GALLERY */ #single-gallery { padding-top: 6px; list-style: none; } #single-gallery li { float: left; width: 208px; margin: 0 0 21px 21px; display: inline; position: relative; border: 3px solid #555555; padding: 1px; } #single-gallery .first-in-row { margin-left: 0; clear: both; } #single-gallery img { width: 208px; height: 138px; } #single-gallery dd { font-size: 12px; text-decoration: none; padding: 3px 10px 4px 5px; line-height: 14px; } #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; } /* 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: #7ea34a; 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%; } /* GALLERY LISTING */ #news-listing { padding-top: 6px; padding-bottom: 20px; } #news-listing .news-item { float: left; width: 157px; padding: 0 0 0 177px; margin: 0 0 21px 21px; display: inline; position: relative; border-top: 1px solid #ccc; padding-top: 20px; } #news-listing .first-in-row { clear: both; margin-left: 0; } #news-listing .news-item h2 { font: bold 14px/16px Georgia, Arial, sans-serif; padding: 0 0 5px; } #news-listing .news-item h2 a { text-decoration: none; } #news-listing .news-item .date, #news-listing .news-item .lead { padding-bottom: 5px; } #news-listing .news-item .date { font-style: italic; } #news-listing .news-item .photo, #news-listing .news-item .photo img { width: 150px; height: 100px; } #news-listing .news-item .photo { position: absolute; top: 20px; left: 0; border: 3px solid #555555; padding: 1px; } #news-listing .news-item .photo a { } #news-listing .no-photo { width: 334px; padding-left: 0; } #news-listing h2 a:hover, #news-listing h2 a:active, #news-listing h2 a:focus { color: #7ea34a; } /* SEARCH RESULTS */ #search-results { padding-top: 6px; padding-bottom: 15px; } #search-results h2, #modify-search h2 { color: #7ea34a; 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 #ccc; margin-bottom: 15px; } #search-results .first-child { border-top: 0; margin-top: -15px; } #search-results h3 { font: bold 14px/16px Georgia, Arial, sans-serif; position: relative; padding-left: 40px; } #search-results h3 .result-no { position: absolute; top: 0; left: 0; width: 30px; text-align: right; color: #777; font-style: italic; background: 0; padding: 0; } #search-results p { padding: 10px 0 0 40px; } #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: #7ea34a; } #search-status { padding: 10px 0; border: 1px solid #ccc; margin-bottom: 20px; border-width: 1px 0; } #search-status p { font-style: italic; color: #888; } /* MODIFY SEARCH */ #modify-search { margin: 20px 0; background: #ddd; } #modify-search h2 { padding: 15px 20px 10px; } #modify-search .form { position: relative; padding: 20px 20px 10px; } #modify-search .field { float: left; } #modify-search label { float: left; width: 130px; } #search-term-container { float: left; } #search-term-container input { border: 1px solid #ccc; padding: 5px; width: 300px; margin: 0 0 10px 0; line-height: 12px; } #search-term-container input:focus { border: 1px solid #7ea34a; } #results-per-page-container { float: left; padding-top: 4px; } #modify-search select { } #modify-search .mainSearchSubmit { float: left; font: normal 12px/14px Georgia, sans-serif; background: #666; position: relative; top: 2px; padding: 3px 5px; margin: 0 20px; border: none; text-transform: uppercase; color: #fff; } /* FORM */ .basicForm { padding-top: 20px; } .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 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: #333; position: relative; } .basicForm div.input input, .basicForm div.date input, .basicForm textarea, .basicForm select, .captchaInput input { border: 1px solid #bedb95; padding: 3px; margin-right: 5px; } .basicForm .input .RadInput input, .basicForm .date .RadInput input { border: 1px solid #bedb95; 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: #e2f5c7; border-color: #7ea34a; } .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: 140px; 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 150px; } .captchaImageWrapper img { display: block; margin: 0 0 5px 0; } .captchaImageWrapper a { font-size: 12px; display: block; padding: 10px 0 0; } .basicForm .submit { padding: 10px 0 10px 150px; } .basicForm .submit input { font: normal 12px/14px Georgia, sans-serif; background: #666; padding: 2px; border: none; text-transform: uppercase; color: #fff; } .errorMessage { color: #cc0000; font-size: 12px; position: absolute; margin: 2px 0 0 5px; font-size: 11px; top: -5px; left: 2px; } .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 #333; 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 #d2e2bb; background: none; padding: 5px 10px 5px 0; overflow: visible; vertical-align: top; } #content .advancedForm th { padding: 5px; border-bottom: 1px solid #d2e2bb; text-align: left; background: none; } #content .advancedForm .labelTD { padding: 5px; } #content .advancedForm th.labelTD { border-bottom: 1px solid #d2e2bb; } #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 { } .advancedForm ul { margin: 25px; } .advancedForm label { color: #666; font-size: 12px; } .advancedForm fieldset { height: 100%; overflow: hidden; padding: 0 10px 20px 10px; border: 1px solid #94c054; margin: 0 0 15px 0; } .advancedForm legend { font-weight: bold; padding: 0 10px; color: #333; } .advancedForm legend span { font-size: 10px; font-weight: normal; } .advancedForm input, .advancedForm select, .advancedForm textarea { border: 1px solid #94c054; margin: 0 1px; font-size: 12px; } .advancedForm input { padding: 3px; width: 140px; } .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: #e2f5c7; border-color: #7ea34a;} .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; font-size: 12px; } .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 { padding-top: 10px; } .advancedForm .submit input { font: normal 12px/14px Georgia, sans-serif; background: #666; padding: 2px; border: none; text-transform: uppercase; color: #fff; } /* 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 #7ea34a; background: #fff; } .dpTable .dpDayHighlightTD { background-color: #c1de99; color: #333; border: 1px solid #10395a; } .dpTable .dpTDHover { background-color: #c1de99; border: 1px solid #10395a; cursor: pointer; color: #333; } .dpTable .dpDayTD { background-color: #7ea34a; 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: 10px 0; clear: both; border-top: 1px solid #ccc; margin-bottom: 10px; position: relative; top: 10px; } #footer p { font-size: 11px; text-align: center; padding-bottom: 3px; } #footer p, #footer p a { color: #777777; } /* 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:after, .terms:after, #modify-search .form:after, #single-gallery:after, .paginator ul:after, #footer-content:after, #gallery-listing:after, #news-listing:after, #breadcrumbs ul:after, #featured-articles:after, #navigation ul:after, #newsletter-teaser .more: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, #breadcrumbs p, #local-navigation h2, #logo img, .paginator p, #photo-gallery h2, #tools p, #tools p.first-child, #breadcrumbs span, #contact-data span.first-child, #languages-container p, #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; }