/*************************************************** CSS file for Bluesun Hotel Borak 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: #72afc1 url(../images/css/body.gif) repeat-x 0 0; } :root { overflow-y: scroll; } h1, h2, h3 { font-weight: normal; color: #1c3652; } a { color: #4a849e; 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; } legend { white-space: normal; } select, input, textarea { outline: 0; font: 12px/18px Arial, sans-serif; } /* LAYOUT */ #layout { width: 920px; margin: 0 auto; position: relative; } #content { clear: both; position: relative; background: #fff; padding: 0 0 31px; } #main-content { position: relative; float: right; width: 670px; padding-top: 15px; padding-bottom:30px; margin-right: 20px; display: inline; } #page-home #main-content { float: none; width: 100%; margin-right: 0; display: block; padding-bottom: 0; } /* HEADER */ #header { position: relative; z-index: 20; height: 400px; } #logo { float: left; margin: 20px 0 21px 0; width: 302px; height: 25px; } #logo a { display: block; width: 302px; height: 25px; overflow: hidden; text-indent: -9999px; background: url(../images/interface/logo.png) no-repeat 0 0; } #header-flash { position: absolute; top: 66px; left: 0; z-index: 10; width: 920px; height: 300px; overflow: hidden; } #header-flash img { display: block; } /* lang */ #languages-container { float: left; position: absolute; top: 4px; right: -7px; } #languages-container ul { float: left; 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: #21628c; 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: #333; } #languages-container a:hover, #languages-container a:active, #languages-container a:focus { text-decoration: underline; } /* SEARCH FORM */ #search-container { float: right; width: 213px; height: 20px; position: absolute; top: 30px; right: 0; } #search-container input { float: left; width: 164px; padding: 2px 7px; margin: 0; font-size: 11px; line-height: 11px; color: #333; display: inline; border: 1px solid #21628c; } #search-container .input-image { float: right; margin: 0; width: auto; display: inline; padding: 0; border: 0; } /* MAIN NAVIGATION */ #navigation { clear: both; position: absolute; bottom: 0; left: 0; width: 920px; background: #21628c; } #navigation ul { list-style: none; } #navigation li { float: left; display: inline; font-size: 12px; line-height: 16px; font-weight: bold; background: url(../images/css/nav-splitter.gif) repeat-y 100% 0; } #navigation a { float: left; display: inline; padding: 9px 10px 9px 7px; margin-left: 10px; color: #fff; outline: none; text-decoration: none; background: url(../images/css/nav-icon.gif) no-repeat 0 15px; } #navigation li.active, #navigation li.over, #navigation li:hover { background-color: #417997; } #navigation li.first-child { } /* LOCAL NAVIGATION */ #local-navigation { float: left; margin: 15px 0 0 20px; display: inline; width: 190px; padding: 0 0 30px; } #local-navigation ul { list-style: none; border-bottom: 1px solid #cccccc; } #local-navigation ul ul { border-bottom: 0; } #local-navigation li a:hover, #local-navigation li a:active, #local-navigation li a:focus { } #local-navigation li { background: url(../images/css/nav-item-bkg.gif) repeat-x 0 0; } #local-navigation li.active { } #local-navigation li a { background: url(../images/css/local-nav-icon.gif) no-repeat 10px 9px; display: block; color: #1c3652; text-decoration: none; padding: 2px 20px 3px; } #local-navigation li.active a { background: #679bbd url(../images/css/local-nav-icon-active.gif) no-repeat 10px 9px; color: #fff; } #local-navigation li a:hover, #local-navigation li a:active, #local-navigation li a:focus { color: #679bbd; } #local-navigation li.active a:hover, #local-navigation li.active a:active, #local-navigation li.active a:focus { color: #333; } #local-navigation li.active li a { background: url(../images/css/local-nav-icon.gif) no-repeat 20px 9px; color: #1c3652; } #local-navigation li.active li a:hover, #local-navigation li.active li a:active, #local-navigation li.active li a:focus { color: #679bbd; } #local-navigation li li a { padding-left: 30px; } #local-navigation li li a.active { background: #679bbd url(../images/css/local-nav-icon-active.gif) no-repeat 20px 9px; color: #fff; } #local-navigation li li a.active:hover, #local-navigation li li a.active:active, #local-navigation li li a.active:focus { color: #333; } #local-navigation li li li a { padding-left: 40px; } #local-navigation li.active li li a { background: url(../images/css/local-nav-icon.gif) no-repeat 30px 9px; color: #1c3652; } #local-navigation li li li a.active { background: #679bbd url(../images/css/local-nav-icon-active.gif) no-repeat 30px 9px; color: #fff; } /* TOOLS */ #to-beginning { width: 920px; position: absolute; bottom: 0; left: 0; border-top: 1px solid #dddddd; } #to-beginning p { font-size: 11px; text-align: right; padding: 5px 20px 7px; } #to-beginning a { text-decoration: none; padding-right: 14px; background: url(../images/css/to-top.gif) no-repeat 100% 50%; color: #053859; } #to-beginning a:hover, #to-beginning a:active, #to-beginning a:focus { text-decoration: underline; } /* TOOLS */ #tools { position: absolute; height: 26px; top: 2px; right: 18px; width: 70px; } #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: #053859; } #tools li a:hover, #tools li a:active, #tools li a:focus { text-decoration: underline; } #print-link { margin: 9px 0 0 0; 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; } #breadcrumbs { padding: 6px 200px 7px 18px; background: #eafaff; } #breadcrumbs ul { list-style: none; } #breadcrumbs li { float: left; font-size: 11px; margin-right: 6px; } #page-home #breadcrumbs .on a, #breadcrumbs a { padding-right: 8px; color: #053859; background: url(../images/css/breadcrumbs-path.gif) no-repeat 100% 50%; } #breadcrumbs .on a { text-decoration: none; padding: 0; background: 0; } #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { text-decoration: none; } /* ARTICLE */ #article-container { padding-bottom: 15px; overflow: hidden; } .article { font-size: 12px; line-height: 18px; overflow: hidden; } h1 { font-size: 16px; line-height: 24px; font-weight: bold; margin-bottom: 18px; color: #fff; background: #679bbd; padding: 0 5px; } h1 a { color: #fff; } .article h2 { font-size: 12px; line-height: 18px; font-weight: bold; margin-bottom: 6px; color: #333; } .article h3, .article h4, .article h5, .article h6 { font-size: 12px; line-height: 18px; font-weight: bold; margin-bottom: 6px; color: #7f7f7f; } .article h2 a, .article h3 a, .article h4 a, .article h5 a, .article h6 a { color: #333; text-decoration: none; } .article a { text-decoration: underline; } .article p, .article ul, .article ol, .article dl { margin-bottom: 18px; } .article dt { font-weight: bold; } .article ul, .article ol { margin-left: 5px; } .article li ul, .article li ol { margin-top: 15px; } .article li ul li, .article ul li { margin-left: 0; list-style-type: none; padding-left: 10px; background: url(../images/css/li-dot.gif) no-repeat 0 6px; list-style: none; } .article li ol li, .article ol li { margin-left: 25px; list-style-type: decimal; background: 0; padding-left: 0; } .article table { margin-bottom: 18px; border-bottom: 1px solid #ededed; } .article tr.odd { } .article tr.even { background: #f7f7f7; } .article table td, .article table th a { padding: 5px 10px; border-top: 1px solid #ededed; font-weight: normal; } .article table th { color: #679bbd; font-weight: bold; } .article table caption { color: #679bbd; padding: 0 10px 5px; font-weight: bold; text-align: center; } .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; } .article .left { float: left; margin: 5px 15px 0 0; clear: left; } .article .right { float: right; margin: 5px 0 0 15px; clear: right; } .article a:hover, .article a:active, .article a:focus { text-decoration: none; } .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; } /* FEATURED ARTICLES */ #featured-articles { float: left; width: 637px; margin: 0 0 0 20px; display: inline; } #featured-articles .article-intro { float: left; width: 300px; overflow: hidden; margin-left: 37px; padding-bottom: 13px; display: inline; } #featured-articles div.first-in-row { margin-left: 0; clear: left; } #featured-articles h2, #featured-articles h3 { margin-bottom: 10px; background: #21628c; font-size: 16px; line-height: 24px; padding: 1px 2px 0; } #featured-articles h2 a, #featured-articles h3 a { color: #fff; display: block; } #featured-articles h3 a:hover, #featured-articles h3 a:active, #featured-articles h3 a:focus, #featured-articles h2 a:hover, #featured-articles h2 a:active, #featured-articles h2 a:focus { text-decoration: none; color: #333; } #featured-articles p, #featured-articles ul { /*margin-bottom: 6px;*/ } #featured-articles .item-1 h2, #featured-articles .item-1 h3 { background: #f3b202; } #featured-articles .item-1 h2 a:hover, #featured-articles .item-1 h3 a:hover { color: #563f00 ; } #featured-articles .item-2 h2, #featured-articles .item-2 h3 { background: #2c9514; } #featured-articles .item-2 h2 a:hover, #featured-articles .item-2 h3 a:hover { color: #0f4203; } #featured-articles .item-3 h2, #featured-articles .item-3 h3 { background: #ff6600; } #featured-articles .item-3 h2 a:hover, #featured-articles .item-3 h3 a:hover { color: #7b3100; } #featured-articles .item-4 h2, #featured-articles .item-4 h3 { background: #21628c; } #featured-articles .item-4 h2 a:hover, #featured-articles .item-4 h3 a:hover { color: #052539; } /* FEATURED ARTICLES */ #secondary-articles { float: right; width: 220px; margin: 0 10px 0 0; display: inline; overflow: hidden; } #secondary-articles .article-intro { padding-top: 12px; margin-top: 12px; border-top: 1px solid #ddd; } #secondary-articles .inner { background: #ddd; padding: 6px 10px; } #secondary-articles .highlighted .inner { background: #19aabd; } #secondary-articles .highlighted { color: #fff; } #secondary-articles .first-child { margin-top: 0; padding-top: 0; border-top: 0; } #secondary-articles h2, #secondary-articles h3 { font-size: 12px; line-height: 14px; font-weight: bold; margin-bottom: 4px; } #secondary-articles h2 a, #secondary-articles h3 a { color: #333; } #secondary-articles .highlighted h2, #secondary-articles .highlighted h3, #secondary-articles .highlighted h2 a, #secondary-articles .highlighted h3 a { color: #fff; } #secondary-articles .highlighted a { color: #fff; } #secondary-articles h3 a:hover, #secondary-articles h3 a:active, #secondary-articles h3 a:focus, #secondary-articles h2 a:hover, #secondary-articles h2 a:active, #secondary-articles h2 a:focus { text-decoration: underline; } #secondary-articles p, #secondary-articles ul { } /* GALLERY SCROLLER */ #photo-gallery { clear: both; margin: 0; } #photo-gallery h3 { font-size: 12px; color: #1c3652; position: absolute; top: 0; left: 0; font-weight: bold; } /* GALLERY LISTING */ #gallery-listing { } #gallery-listing .gallery-item { float: left; width: 204px; margin: 0 0 11px 11px; display: inline; position: relative; border: 1px solid #dddddd; padding: 145px 5px 12px; overflow: hidden; } #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; } #gallery-listing .gallery-item h2 a { text-decoration: none; color: #21628c; } #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: 204px; height: 135px; } #gallery-listing .gallery-item img { } #gallery-listing .gallery-item .photo { position: absolute; top: 5px; left: 5px; } #gallery-listing .gallery-item .photo a { } #gallery-listing h2 a:hover, #gallery-listing h2 a:active, #gallery-listing h2 a:focus { text-decoration: underline; } /* SINGLE GALLERY */ #single-gallery { list-style: none; } #single-gallery li { float: left; width: 204px; margin: 0 0 11px 11px; display: inline; position: relative; border: 1px solid #dddddd; padding: 5px; overflow: hidden; } #single-gallery .first-in-row { margin-left: 0; clear: both; } #single-gallery img { width: 204px; height: 135px; display: block; } #single-gallery dd { font-size: 12px; text-decoration: none; padding: 8px 10px 4px 5px; line-height: 14px; } #single-gallery dd a { background: url(../images/css/icon-zoom.gif) no-repeat 0 50%; padding-left: 20px; color: #21628c; } #basic-controls { list-style: none; text-align: center; padding: 10px 0; } #basic-controls li { display: inline; padding: 0 10px; } /* NEWS LISTING */ #news-listing { padding-bottom: 10px; } #news-listing .news-item { padding: 0 0 0 177px; margin: 0 0 12px 0px; position: relative; border-top: 1px solid #ccc; padding-top: 15px; overflow: hidden; min-height: 115px; height: auto !important; height: 115px; } #news-listing .news-item h2 { font-size: 14px; line-height: 16px; font-weight: bold; padding: 0 0 5px; } #news-listing .news-item h2 a { text-decoration: none; color: #21628c; } #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: 15px; left: 0; border: 1px solid #dddddd; padding: 5px; } #news-listing .news-item .photo a { } #news-listing .no-photo { 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-bottom: 15px; } #search-results h2, #modify-search h2 { padding-bottom: 10px; font-size: 14px; line-height: 16px; font-weight: bold; color: #5d5d5d; } #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-size: 14px; line-height: 16px; font-weight: bold; position: relative; padding-left: 40px; } #search-results h3 a { text-decoration: none; color: #21628c; } #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 h3 a:hover, #search-results h3 a:active, #search-results h3 a:focus { text-decoration: underline; } #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 p a:hover, #search-results p a:active, #search-resultsp a:focus { text-decoration: none; } #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: 0 0 20px; padding-bottom: 10px; background: #eeeeee url(../images/css/modify-search-bottom.gif) no-repeat 0 100%; } #modify-search .inner { background: #eee url(../images/css/modify-search-top.gif) no-repeat 0 0; } #modify-search h2 { padding: 15px 20px 10px; } #modify-search .form { position: relative; padding: 20px 20px 0; } #modify-search .field { float: left; } #modify-search label { float: left; padding-top: 4px; } #search-term-container { float: left; } #search-term-container input { border: 1px solid #ccc; padding: 5px; width: 200px; margin: 0 10px 10px 0; line-height: 12px; } #search-term-container input:focus { border: 1px solid #1c3652; } #results-per-page-container { float: left; } #modify-search select { margin: 5px 10px 0; } #modify-search .mainSearchSubmit { float: left; font-size: 11px; line-height: 14px; background: #21628c; position: relative; top: 2px; padding: 3px 5px 2px; margin: 2px 20px 0 5px; display: inline; border: none; text-transform: uppercase; color: #fff; } /* CONTACT & HOTELS */ #footer-content { padding: 12px 0 10px; font-size: 11px; line-height: 16px; color: #fff; background: #21628c; } #contact-data, #all-hotels, #newsletter-teaser { float: left; display: inline; } #contact-data { width: 182px; padding-right: 21px; padding-left: 13px; } #contact-data p { } #contact-data a { color: #fff; } #contact-data h3, #all-hotels h3, #contact-data h2, #all-hotels h2 { font-size: 14px; line-height: 16px; color: #fff; font-weight: normal; padding-bottom: 6px; } #all-hotels span, #contact-data span { font-weight: bold; } #footer-content a { color: #fff; } #all-hotels { width: 460px; padding-right: 0px; padding-left: 23px; } #all-hotels ul { float: left; width: 100%; list-style: none; position: relative; } #all-hotels li { width: 230px; float: left; font-size: 11px; } #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 { float: right; width: 178px; padding: 15px 0 23px 0; margin: -2px 27px 0 0; display: inline; } #newsletter-teaser div { width: 180px; padding: 0 0 3px 0; background: #0a3b5b; } #newsletter-teaser h2, #newsletter-teaser h3 { font-size: 14px; line-height: 1; font-weight: bold; padding: 12px 15px 5px; color: #fff; } #newsletter-teaser p { font-size: 11px; line-height: 13px; margin: 0 15px 10px; } #newsletter-teaser .more { font-size: 10px; text-transform: uppercase; } #newsletter-teaser .more a { background: #021d2e; float: left; padding: 2px 7px 2px 8px; color: #fff; text-decoration: none; } #newsletter-teaser .more a:hover, #newsletter-teaser .more a:active, #newsletter-teaser .more a:focus { color: #4b91be; } /* FOOTER */ #footer { padding: 10px 0; clear: both; } #footer p { font-size: 11px; text-align: center; padding-bottom: 3px; } #footer p, #footer p a { color: #fff; } /*** BOOKING ***/ .bookingForm { clear: both; float: left; position: absolute; top: 66px; left: 0; width: 180px; padding: 0 15px 10px; margin: 20px 0 0 20px; display: inline; min-height: 170px; height: auto !important; height: 170px; background: url(../images/css/booking-bkg.png); } .bookingForm h2 { font-size: 18px; line-height: 22px; color: #21628c; padding: 15px 0 0; font-weight: normal; } .bookingForm fieldset { padding: 0; } .bookingForm .date { height: 40px; margin-bottom: 3px; position: relative; padding-top: 10px; } .bookingForm .select label, .bookingForm .input label { display: none; } .bookingForm select { background: #fff; border: none; font-size: 11px; line-height: 12px; color: #320315; margin: 2px 0 0 5px; width: 162px; } .bookingForm .date img { margin-top: 4px; } .bookingForm .submit { padding-top: 5px; text-align: center; } .bookingForm .submit input { font-size: 12px; line-height: 12px; width: auto; margin: 0; display: block; padding: 3px 6px 2px; border: 0; color: #fff; text-transform: uppercase; background: #21628c; } .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 #c4dbea; font-size: 11px; color: #320315; padding: 2px 3px; font-size: 11px; line-height: 11px; width: 120px !important; } .bookingForm label { font-size: 11px; color: #21628c; display: block; } .loading { position: absolute; top: 10px; right: 10px; } /* FORM */ .basicForm { padding-top: 0; } .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 #9fcce9; padding: 3px; margin-right: 5px; } .basicForm .input .RadInput input, .basicForm .date .RadInput input { border: 1px solid #9fcce9; 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: #ecf6fc; border-color: #4b91be; } .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-size: 11px; line-height: 14px; background: #21628c; padding: 3px 5px 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: -4px; 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 { float: left; width: 180px; margin: 0 10px 0 0; display: inline; 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: 0; background: none; padding: 5px 10px 5px 0; overflow: visible; vertical-align: top; } #content .advancedForm th { padding: 5px; border-bottom: 1px solid #ccc; text-align: left; background: none; } #content .advancedForm .labelTD { padding: 5px; } #content .advancedForm th.labelTD { border-bottom: 1px solid #ccc; } #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 { margin-top: 20px; } .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 #9FCCE9; 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 #9FCCE9; 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: #ecf6fc; border-color: #4b91be; } .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-size: 11px; line-height: 14px; background: #21628c; padding: 3px 5px 2px; border: none; text-transform: uppercase; color: #fff; } .advancedForm ul, .basicForm ul { margin: 15px 20px 20px; } /* PAGINATION */ .paginator { padding: 10px 0 0; } .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: #eeeeee; color: #333; 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%; } /* 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 .inner:after, #modify-search .form:after, #featured-articles:after, #secondary-articles .inner:after, #single-gallery:after, .paginator ul:after, #gallery-listing:after, #main-content:after, #news-listing:after, #news-listing .news-item:after, .article:after, #breadcrumbs ul:after, #newsletter-teaser .more:after, #footer-content: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; } #photo-gallery h2, .paginator p, #local-navigation h2, #breadcrumbs p, #breadcrumbs span, #search-container h2, #search-container legend span, #tools p, #tools p.first-child, #languages-container p, #logo img, .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; }