/*************************************************** CSS file for Bluesun Hotel Afrodita 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: #174472; background: #eef4f8 url(../images/css/body-bkg.gif) repeat-x 0 0; } :root { overflow-y: scroll; } h1, h2, h3 { font-weight: bold; color: #174472; } a { color: #174472; 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: 940px; padding: 0 10px 10px; margin: 0 auto 70px; background: #fff; position: relative; } #content { clear: both; min-height: 300px; height: auto !important; height: 300px; margin-bottom: 10px; } #main-content { float: right; margin-left: 15px; width: 738px; position: relative; padding: 57px 0 30px; overflow: hidden; } #page-home #main-content { width: 753px; margin: 0; padding: 0; } /* HEADER */ #header { position: relative; height: 330px; background: #174472; } #logo { float: left; position: relative; left: 20px; top: 15px; background: url(../images/css/logo.gif) no-repeat 0 0; } #logo, #logo a { display: block; width: 255px; height: 30px; overflow: hidden; } #page-home #logo, #logo a { text-indent: -9999px; } #languages-container { float: right; margin: 7px 8px 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; } #breadcrumbs { width: 648px; padding: 16px 90px 5px 0; border-bottom: 1px solid #e2eef6; position: absolute; top: 0; } #breadcrumbs ul { list-style: none; } #breadcrumbs li { float: left; font-size: 11px; margin-right: 10px; } #breadcrumbs a { padding-right: 12px; background: url(../images/css/arrow-right-blue.gif) no-repeat 100% 50%; } #breadcrumbs .on a { padding-right: 0; background: 0; text-decoration: none; } #page-home #breadcrumbs { padding: 10px 95px 7px 10px; border: 0; } #to-beginning { position: absolute; bottom: 2px; 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 { width: 187px; float: left; background: #174472; overflow: hidden; } #navigation ul { list-style: none; padding: 13px 28px 32px 10px; } #navigation li { line-height: 1; background: url(../images/css/icon-menu-level-1.gif) no-repeat 0 9px; } #navigation li.first-child a { background: 0; } #navigation a { display: block; padding: 5px 0 7px 12px; color: #fff; outline: none; text-decoration: none; background: url(../images/css/nav-splitter.gif) no-repeat 100% 0; } #navigation li.active { font-weight: bold; } /* SUB NAVIGATION LEVEL 1 */ #navigation li ul { padding: 0; } #navigation li li { background: url(../images/css/icon-menu-level-2.gif) no-repeat 12px 10px; } #navigation li li a { color: #8ec6fe; padding-left: 22px; font-weight: normal; } #navigation li li a.active { color: #fff; } #navigation li li li { background-position: 22px 10px; } #navigation li li li a { padding-left: 32px; } #navigation li li li a.active { color: #fff; } #navigation li li li li { background-position: 32px 10px; } #navigation li li li li a { padding-left: 42px; } #navigation li a:hover, #navigation li a:active, #navigation li a:focus { text-decoration: underline; } /* SEARCH FORM */ #search-container { position: absolute; top: 30px; right: 10px; float: right; border: 1px solid #444; width: 178px; background: #fff; } #search-container input { float: left; width: 150px; padding: 3px; font-size: 10px; line-height: 14px; height: 13px; color: #333; border: 0; display: inline; } #search-container .input-image { float: right; margin: 4px 6px 0 0; width: auto; display: inline; padding: 0; height: auto; } /* BOOKING */ #booking-container { float: left; position: absolute; top: 86px; left: 20px; z-index: 10; width: 167px; padding: 6px 10px 10px 10px; background: url(../images/css/booking-bkg.png); } #booking-container h2 { font-size: 18px; line-height: 18px; color: #174472; font-weight: bold; text-align: center; padding-bottom: 8px; } #booking-container .field { margin-bottom: 7px; } #booking-container input, #booking-container select { border: 1px solid #174472; font-size: 11px; } #booking-container .date label { font-size: 11px; color: #174472; position: relative; top: 0; left: 0; float: left; width: 53px; padding-right: 4px; } #booking-container label span { position: absolute; top: 0; left: 105px; } #booking-container select { color: #356aa0; width: 170px; } #booking-container input { width: 74px; color: #356aa0; padding: 2px 3px; margin-left: 2px; height: 14px; line-height: 14px; } #booking-container .input-submit { font-size: 10px; width: auto; margin: 0 0 0 58px; padding: 2px 5px; height: auto; letter-spacing: 1px; display: block; border: 0; background: #174472; color: #fff; text-transform: uppercase; } #booking-container img { cursor: pointer; position: relative; top: 2px; left: 5px; } /*** BOOKING ***/ .bookingForm { float: left; position: absolute; top: 86px; left: 20px; z-index: 10; width: 167px; padding: 15px 10px 20px 10px; background: url(../images/css/booking-bkg.png); } .bookingForm h2 { font-size: 18px; line-height: 18px; color: #174472; font-weight: bold; text-align: center; padding-bottom: 5px; } .bookingForm fieldset { padding: 0; } .bookingForm .date { height: 40px; overflow: hidden; margin-bottom: 5px; } .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: 5px; } .bookingForm .submit { padding-top: 7px; text-align: center; } .bookingForm .submit input { font-size: 12px; width: auto; display: block; margin: 0; padding: 3px 5px; height: auto; letter-spacing: 1px; border: 0; background: #174472; 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 { border: 1px solid #174472; font-size: 11px; padding: 2px 3px; font-size: 11px; line-height: 11px; width: 120px !important; } .bookingForm label { font-size: 11px; color: #174472; } .loading { position: absolute; top: 10px; right: 10px; } /* HEADER FLASH */ #header-flash { position: absolute; top: 65px; left: 0; } /* CONTACT & HOTELS */ #footer-content { background: #174472; padding-bottom: 20px; } #contact-data, #all-hotels, #newsletter-teaser { float: left; padding-top: 10px; } #contact-data { width: 202px; padding-right: 28px; padding-left: 18px; } #contact-data, #contact-data a { color: #fff; } #contact-data p { font-size: 11px; } #contact-data h2, #contact-data h3, #all-hotels h2, #all-hotels h3 { 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: 436px; padding-left: 28px; } #all-hotels ul { float: left; list-style: none; position: relative; } #all-hotels li { width: 218px; float: left; font-size: 11px; } #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: 188px; padding: 20px 10px 0 30px; } #newsletter-teaser div { width: 155px; padding: 5px 10px 5px 13px; background: #1b87f5; } #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: #092b4d; } #newsletter-teaser .more a:hover, #newsletter-teaser .more a:active, #newsletter-teaser .more a:focus { color: #81afdf; } /* FEATURED ARTICLES */ #featured-articles { margin-bottom: 35px; position: relative; top: 35px; padding-left: 1px; min-height: 230px; height: auto !important; height: 230px; background: url(../images/css/featured-articles.jpg) no-repeat 0 0; } #featured-articles .article-intro { float: left; width: 160px; padding: 0 14px; overflow: hidden; } #featured-articles h3 { font-size: 14px; line-height: 16px; font-weight: bold; padding: 13px 0 10px; } #featured-articles h3 a { color: #174472; text-decoration: none; } #featured-articles p, #featured-articles ul { color: #174472; 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 { display: block; margin: 0 auto 5px; } /* SECONDARY ARTICLES */ #secondary-articles {} #secondary-articles .grid { width: 362px; float: right; overflow: hidden; padding-bottom: 20px; } #secondary-articles .first { width: 376px; float: left; } #secondary-articles .article-intro, #secondary-articles .news-intro { position: relative; padding: 15px; border-top: 1px solid #e7ecf1; } #secondary-articles h3 { font-size: 12px; line-height: 14px; font-weight: bold; margin-bottom: 9px; } #secondary-articles h3 a { color: #174472; text-decoration: none; } #secondary-articles p, #secondary-articles ul { color: #174472; margin-bottom: 6px; line-height: 1.334; } #secondary-articles .date { color: #5390ce; font-size: 11px; line-height: 11px; position: absolute; left: 115px; top: 14px; } #secondary-articles ul { list-style: none; } #secondary-articles li { padding: 0 0 0 8px; background: url(../images/css/li-dot-blue.gif) no-repeat 0 8px; } #secondary-articles img { float: left; margin: 0 15px 0 0; } #secondary-articles .article-intro h3 { font-size: 14px; line-height: 18px; } #secondary-articles .highlighted { background: #e1effc; border-top: 1px solid #fff; } #secondary-articles .highlighted h3 { padding-top: 13px; } #secondary-articles .first-child { border-top: 0; } #secondary-articles h3 a:hover, #secondary-articles h3 a:active, #secondary-articles h3 a:focus, #featured-articles h3 a:hover, #featured-articles h3 a:active, #featured-articles h3 a:focus { text-decoration: underline; } /* TOOLS */ #tools { position: absolute; height: 26px; top: 11px; right: 2px; width: 80px; } #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: #174472; } #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; } #page-home #tools { position: absolute; top: 3px; } /* ARTICLE */ #article { padding-bottom: 10px; } #main-content h1, #article h1 { font-size: 18px; line-height: 18px; margin-bottom: 4px; } #article h2 { font-size: 14px; line-height: 18px; margin-bottom: 4px; } #article h3 { font-size: 12px; line-height: 16px; margin-bottom: 4px; } #article h4, #article h5, #article h6 { font-size: 12px; font-weight: bold; line-height: 2; margin-bottom: 5px; } #article p, #article ul, #article dl, #article ol { margin-bottom: 18px; line-height: 2em; } #article dt { font-weight: bold; } #article p.date { margin: 0; color: #333; } #article p.lead { font-weight: bold; padding-bottom: 10px; line-height: 1.5; margin-bottom: 10px; font-style: italic; border-bottom: 1px solid #9DBDDE; color: #333; } #article ul { list-style: none; } #article ul li { padding: 0 0 0 20px; background: url(../images/css/li-dot-blue.gif) no-repeat 0 11px; } #article ol { margin-left: 20px; } #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 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 #9DBDDE; 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: 0; } /* GALLERY LISTING */ #gallery-listing { padding-top: 6px; } #gallery-listing .gallery-item { float: left; width: 226px; border: 1px solid #9dbdde; padding: 157px 2px 10px; margin: 0 0 21px 21px; display: inline; position: relative; } #gallery-listing .first-in-row { margin-left: 0; clear: both; } #gallery-listing .gallery-item h2 { font-size: 14px; line-height: 16px; font-weight: bold; padding: 5px 10px; } #gallery-listing .gallery-item h2 a { text-decoration: none; color: #333; } #gallery-listing .gallery-item p { font-size: 11px; line-height: 1; 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: 226px; height: 150px; } #gallery-listing .gallery-item .photo { position: absolute; top: 2px; left: 2px; } #gallery-listing .gallery-item .photo a {} #gallery-listing h2 a:hover, #gallery-listing h2 a:active, #gallery-listing h2 a:focus { color: #174472; } /* 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: #174472; 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: 226px; border: 1px solid #9dbdde; padding: 2px; margin: 0 0 21px 21px; display: inline; } #single-gallery .first-in-row { margin-left: 0; clear: both; } #single-gallery img { width: 226px; height: 150px; } #single-gallery dd { font-size: 12px; text-decoration: none; padding: 5px 10px 5px 5px; } #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: 348px; clear: both; padding: 15px 140px 5px 250px; border-top: 1px solid #E2EEF6; 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 { text-decoration: none; } #news-listing .news-item .date, #news-listing .news-item .lead { padding-bottom: 10px; } #news-listing .news-item .date { } #news-listing .news-item .photo, #news-listing .news-item .photo img { width: 226px; height: 150px; } #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 { text-decoration: underline; } /* SEARCH RESULTS */ #search-results { padding-top: 6px; padding-bottom: 15px; } #search-results h2, #modify-search h2 { color: #333; 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: 40px; } #search-results h3 .result-no { position: absolute; top: 0; left: -2px; 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: #174472; } #search-status { padding: 10px 0 35px; } #search-status p { font-style: italic; color: #888; } /* MODIFY SEARCH */ #modify-search { margin: 20px 0; background: #e1effc; padding-top: 15px; } #modify-search h2 { 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 { 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; color: #333; } .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: 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 { background: #0e3954; width: auto; height: 23px; padding: 0 5px; border: none; text-transform: uppercase; color: #fff; line-height: normal; } .errorMessage { color: #cc0000; font-size: 10px; position: absolute; margin: 2px 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 #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 #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 { padding-top: 20px; } .advancedForm label { color: #333; /*font-size: 12px;*/ } .advancedForm ul { margin: 25px; } .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: .8em; font-weight: normal; } .advancedForm input, .advancedForm select, .advancedForm textarea { border: 1px solid #AABFD5; margin: 0 1px; /*font-size: 1em;*/ } .advancedForm input { padding: 3px; width: 150px; } .advancedForm input.large { width: 300px; } .advancedForm select { padding: 4px; width: 200px; } .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 { padding-top: 10px; } .advancedForm .submit input { /*font-size: 1.2em;*/ background: #0e3954; width: auto; height: 23px; padding: 0 5px; border: none; text-transform: uppercase; color: #fff; line-height: normal; } /* 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: 10px; } .dpTable .dpTD { border: 1px solid #235282; background: #fff; } .dpTable .dpDayHighlightTD { background-color: #cadef1; color: #333; border: 1px solid #10395a; } .dpTable .dpTDHover { background-color: #cadef1; 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: 10px; 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: 8px 0 10px; clear: both; float: left; width: 100%; margin-top: -57px; position: relative; top: 67px; } #footer p { font-size: 11px; text-align: center; padding-bottom: 3px; } #footer p, #footer p a { color: #507faf; } /* 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, #gallery-listing:after, #breadcrumbs ul:after, #news-listing:after, #footer-content:after, #secondary-articles:after, #secondary-articles .news-intro:after, #secondary-articles .article-intro:after, #secondary-articles:after, #featured-articles: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, #logo img, .paginator p, #photo-gallery h2, #tools p, #tools p.first-child, #breadcrumbs p, #secondary-articles h2, #featured-articles h2, #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; }