/*************************************************** DEFAULT CSS file for Bluesun hotel Kastelet Author: WEB Marketing (www.wem.hr) Media: Screen structure: 01/ BASIC SETTINGS 02/ LAYOUT & GRID 03/ NAVIGATION 04/ TYP. 05/ CONTENT 06/ MISC ***************************************************/ /* 01/ BASIC SETTINGS ==================================================*/ * { margin: 0; padding: 0; list-style: none; outline: none; } body { font: normal 12px/1em Arial, Helvetica, sans-serif; color: #444; background: #fff url(../images/css/body.gif) repeat-x 0 0; padding-bottom: 40px; text-align: center; } a { color: #444; text-decoration: underline; } a:hover, a:active, a:focus { text-decoration: none; } a, a img, select, input, textarea { outline: 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; } #printlogo, br.hide { display: none; } /* 02/ LAYOUT & GRID ==================================================*/ #wrapper { width: 960px; height: 100%; overflow: hidden; margin: 0 auto; text-align: left; } .mainWrapper { width: 840px; height: 100%; overflow: hidden; margin: 0 auto; } #header { width: 960px; height: 440px; overflow: hidden; position: relative; background: transparent url(../images/css/header-bg.gif) no-repeat 261px 50px; } #headerImage { width: 620px; height: 320px; position: absolute; top: 60px; left: 271px; background-position: center center; } #nav { height: 100%; overflow: hidden; margin: 10px 0; } #container { width: 840px; height: 100%; overflow: hidden; background: transparent url(../images/css/container-bg.gif) repeat-y 0 0; padding: 15px 0 26px 0; } #mainContainer { display: inline; float: right; width: 630px; } #mainContent { padding: 0 20px; } #secContainer { display: inline; float: left; width: 200px; } .home #container { background: none; padding: 0; } .home #mainContainer { float: none; width: 100%; } .home #mainContent { width: 856px; height: 100%; overflow: hidden; background: transparent url(../images/css/home-box-bg.gif) repeat-y 0 0; padding: 0; } .static #container { position: relative; padding-bottom: 200px; } #footer { height: 100%; overflow: hidden; background: #777; border: 1px solid #7e7e7e; padding: 15px; margin-bottom: 15px; } /* 03/ NAVIGATION ==================================================*/ /*** language ***/ #language { position: absolute; top: 78px; right: 0; width: 53px; font: normal 10px Arial, Helvetica, sans-serif; line-height: 12px; } #language li { padding: 0 0 5px 5px; margin: 0 0 5px 0; border-bottom: 1px solid #57534a; } #language a { color: #fff; text-decoration: none; } #language a:hover { color: #999; text-decoration: none; } #language .on a, #language .on a:hover { color: #999; text-decoration: none; } /*** mainMenu ***/ #mainMenu { width: 100%; height: 100%; overflow: hidden; padding: 10px 15px; background: #777; font: bold 12px Arial, Helvetica, sans-serif; } #mainMenu li { float: left; line-height: 14px; padding: 0 7px 0 0; margin: 0 7px 0 0; border-right: 1px solid #aaa; } #mainMenu #lastItem { margin: 0; padding: 0; border: none; } #mainMenu a { color: #fff; text-decoration: none; } #mainMenu a:hover { color: #aaa; text-decoration: none; } #mainMenu .on a, #mainMenu .on a:hover { color: #aaa; text-decoration: none; } /*** SUB MENU ***/ #subMenu { height: 100%; overflow: hidden; font-size: 12px; line-height: 16px; margin: 44px 15px 0 15px; } #subMenu li { width: 100%; height: 100%; overflow: hidden; margin: -1px 0 5px 0; padding: 4px 0 4px 0; border-top: 1px solid #c7bfb3; } #subMenu ul li { border: none; margin: 4px 0 0 0; padding: 0 0 0 13px; } #subMenu a { color: #444; text-decoration: none; display: block; height: 1%; padding: 0 0 0 11px; background: transparent url(../images/css/submenu-arrow.gif) no-repeat 0 6px; } #subMenu ul ul a { background: transparent url(../images/css/submenu-bullet.gif) no-repeat 0 7px; font-size: 11px; } #subMenu a:hover { text-decoration: underline; } #subMenu .on a, #subMenu .on a:hover { font-weight: bold; text-decoration: none; } #subMenu .on ul a { font-weight: normal; text-decoration: none; } #subMenu .on ul a:hover { font-weight: normal; text-decoration: underline; } #subMenu .on ul .on, #subMenu .on ul .on:hover { font-weight: bold; text-decoration: none; } /* 04/ TYP. ==================================================*/ /*** Basic Typ. ***/ #mainContent { line-height: 1.5em; } #mainContent p, #mainContent ul, #mainContent ol, #mainContent table, #mainContent dl { margin: 10px 0; } /*** Headings ***/ #mainContent h1 { font: normal 1.5em Georgia, "Times New Roman", Times, serif; padding: 0 15px 5px 15px; margin: 0 -15px 20px -15px; border-bottom: 1px solid #ccc; } #mainContent h2 { font: bold 1.1em Georgia, "Times New Roman", Times, serif; margin: 20px 0 10px 0; } #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 { font: bold 1em Georgia, "Times New Roman", Times, serif; margin: 20px 0 10px 0; } h2 a, h3 a, h4 a, h5 a, h6 a { color: #444; text-decoration: none; } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #aaa; text-decoration: underline; } /*** List-items ***/ #mainContent ul li { padding-left: 10px; background: transparent url(../images/css/bullet.gif) no-repeat 0 8px; } #mainContent ol li { list-style: outside decimal; margin: 0 0 0 35px; } /*** Tables ***/ table { border: 1px solid #444; } td, th { padding: 5px; border: 1px solid #999; } th { background: #ccc; font-family: Georgia, "Times New Roman", Times, serif; } #mainContent table p, #mainContent table ul, #mainContent table ol, #mainContent table table, #mainContent table dl { margin: 0; } table.blank { border: none; } table.blank td, table.blank th { background: none; font-weight: normal; border: none; font-family: Arial, Helvetica, sans-serif; } /*** Links, Images ***/ #mainContent a:hover { color: #000; } a.pdf { background: transparent url(../images/css/pdf.gif) no-repeat 0 1px; padding-left: 20px; } a.word { background: transparent url(../images/css/word.gif) no-repeat 0 1px; padding-left: 20px; } #mainContent img { margin: 10px 0; } /* 05/ CONTENT ==================================================*/ /*** LOGO ***/ #logo { width: 141px; height: 51px; overflow: hidden; margin: 60px 0 23px 0; } #logo a { display: block; width: 141px; height: 51px; background: transparent url(../images/css/logo.gif) no-repeat 0 0; text-indent: -9999px; } /*** BOOKING ***/ .bookingForm { width: 201px; background: #fff url(../images/css/bookingform-bg.gif) repeat-y right top; font-size: 11px; color: #320315; text-align: center; position: relative; } .bookingForm fieldset { padding: 10px; } .bookingForm h2 { font: normal 22px Georgia, "Times New Roman", Times, serif; margin: 0 0 8px 0; } .bookingForm .select { width: 180px; height: 30px; overflow: hidden; } .bookingForm .date { width: 180px; height: 50px; overflow: hidden; text-align: left; position: relative; } .bookingForm .select label { display: none; } .bookingForm select { width: 180px; font: normal 11px Arial, Helvetica, sans-serif; color: #320315; background: #fff; border: 1px solid #ccc; } .bookingForm .date label { display: block; line-height: 18px; height: 18px; } .bookingForm .submit input { width: 96px; height: 30px; margin: 0 0 5px 0; border: none; font: normal 12px Arial, Helvetica, sans-serif; color: #fff; background: transparent url(../images/css/booking-submit.gif) no-repeat 0 0; text-transform: uppercase; } .bookingForm table { margin: 0; padding: 0; border: none; position: relative; left: 5px; } .bookingForm table th, .bookingForm table td { background: none; padding: 0; } .bookingForm .errorMessage { position: absolute; right: 0; top: 2px; font-size: 9px; } .bookingForm .date table .rcInputCell { border: 1px solid #332727; } .bookingForm .date input.riTextBox { font: normal 11px Arial, Helvetica, sans-serif; border: none; background: #fff; color: #332727; width: 100%; } .bookingForm .date table td img { margin-left: 5px; } .bookingForm .loading { position: absolute; top: 10px; right: 10px; } /*** SEARCH FORM ***/ .searchForm { position: absolute; top: 8px; right: 70px; width: 201px; height: 34px; overflow: hidden; background: #92918e; } .searchForm fieldset { padding: 7px; } .searchFormInput { width: 154px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; background: #fff; border: 1px solid #444; padding: 1px 25px 1px 3px; } .searchFormSubmit { display: block; width: 22px; height: 15px; position: absolute; top: 9px; right: 11px; text-indent: -9999px; border: none; background: transparent url(../images/css/search-button.gif) no-repeat center center; } /*** PATH ***/ #path { display: inline; float: left; width: 600px; font-size: 11px; margin-top: 2px; } #path li { float: left; margin-right: 5px; padding-right: 10px; background: transparent url(../images/css/path-arrow.gif) no-repeat right center; } #path .on { padding: 0; margin: 0; background: none; } #path a { color: #333; text-decoration: underline; cursor: pointer; } #path .on a { text-decoration: none; } /*** OPTIONS ***/ #options { display: inline; float: right; height: 100%; overflow: hidden; } #printIcon { display: inline; float: left; width: 11px; height: 10px; overflow: hidden; background: transparent url(../images/css/print.gif) no-repeat 0 0; text-indent: -9999px; margin: 4px 10px 0 0; } #fontSize { display: inline; float: left; height: 100%; overflow: hidden; letter-spacing: 1px; padding: 0 0 0 10px; border-left: 1px solid #333; line-height: 13px; } #fontSize a { color: #333; text-decoration: none; } #fontSize a:hover { color: #999; text-decoration: none; } #small { font-size: 10px; } #normal { font-size: 12px; } #large { font-size: 15px; } /*** HOME ***/ .box { display: inline; float: left; width: 170px; overflow: hidden; margin: 0 14px 0 0; padding: 15px; } .home #mainContent h2 { font: normal 1.5em Georgia, "Times New Roman", Times, serif; margin: 0 -15px 5px -15px; padding: 0 15px 5px 15px; border-bottom: 1px solid #ccc; } .home #mainContent h3, .home #mainContent h4, .home #mainContent h5, .home #mainContent h6 { margin: 1em 0 .5em 0;} .home #mainContent p, .home #mainContent ul, .home #mainContent ol, .home #mainContent table, .home #mainContent dl { margin: 1.5em 0 0 0; } .home #mainContent img { margin: 12px 0 0 0; border: 1px solid #999; } .home #mainContent #hb1 { color: #fff; } .home #mainContent #hb1 a { color: #fff; text-decoration: underline; } .home #mainContent #hb1 a:hover { color: #aaa; text-decoration: none; } .home #mainContent #hb1 img { margin: -8px -8px 0 -9px; border: none; } .home #mainContent #hb1 ul li { padding-left: 10px; background: transparent url(../images/css/bullet-white.gif) no-repeat 0 8px; } .home #mainContent #hb1 h3 a, .home #mainContent #hb1 h4 a, .home #mainContent #hb1 h5 a, .home #mainContent #hb1 h6 a { text-decoration: none; } /*** GALLERY ***/ #galleryBlock { position: absolute; right: 8px; bottom: 26px; width: 612px; height: 151px; overflow: hidden; background: #ebebeb; border: 1px solid #ccc; } #galleryHolder { position: relative; width: 100%; height: 100%; } .galleryImagesHolder { width: 546px; height: 151px; overflow: hidden; position: relative; margin: 19px auto 0 auto; } .items { height: 115px; position: absolute; width: 20000em; } .items div { float: left; } .items img { margin: 0 5px; border: 1px solid #9e9e9e; } #galleryHolder .prevPage, #galleryHolder .nextPage { width: 8px; height: 13px; position: absolute; top: 50px; cursor: pointer; } #galleryHolder .prevPage { background: transparent url(../images/css/gallery-prev.gif) no-repeat 0 0; left: 20px; } #galleryHolder .nextPage { background: transparent url(../images/css/gallery-next.gif) no-repeat 0 0; right: 20px; } /*** NEWS LIST ***/ .newsItemsHolder { width: 740px; height: 100%; overflow: hidden; margin-bottom: 25px; } .newsItemsHolder .box { display: inline; float: left; width: 172px; height: 100%; margin: 0 25px 0 0; padding: 0; } .newsItemsHolder .title { height: 100%; overflow: hidden; margin-bottom: 5px; } .newsItemsHolder .date { color: #000; font-size: 11px; padding: 0 5px 0 0; margin: 0 5px 0 0; border-right: 1px solid #000; } #mainContent .newsItemsHolder .title h2 { margin: 0; } #mainContent .newsItemsHolder .content img { display: block; margin: 0 0 5px 0; padding: 0; border: 1px solid #666; } #mainContent .newsItemsHolder .content h3, #mainContent .newsItemsHolder .content h4, #mainContent .newsItemsHolder .content h5, #mainContent .newsItemsHolder .content h6 { margin: 0; line-height: 1.5em; } /*** PAGINATOR ***/ .paginator { margin: 20px 0 0 15px; padding: 0; color: #000; font-size: 12px; line-height: 22px; } .paginator ul { height: 100%; overflow: hidden; margin: 0; padding: 0; } .paginator ul li { float: left; padding: 0; background: none; margin: 0 2px 0 0; } .paginator ul a { display: block; width: 22px; height: 22px; line-height: 22px; margin: 0; border: none; overflow: hidden; color: #000; text-decoration: none; text-align: center; background: #dedede; } .paginator ul a:hover, .paginator ul .on { background: #777; color: #fff; } .paginator ul .firstPage a, .paginator ul .lastPage a, .paginator ul .prevPage a, .paginator ul .nextPage a { text-indent: -9999px; border: none; } .paginator ul .firstPage a, .paginator ul .firstPage a:hover { background: #dedede url(../images/css/first.gif) no-repeat center center; } .paginator ul .firstPage a.off, .paginator ul .firstPage a.off:hover { background: #dedede url(../images/css/first-off.gif) no-repeat center center; } .paginator ul .prevPage a, .paginator ul .prevPage a:hover { background: #dedede url(../images/css/prev.gif) no-repeat center center; margin-right: 5px; } .paginator ul .prevPage a.off, .paginator ul .prevPage a.off:hover { background: #dedede url(../images/css/prev-off.gif) no-repeat center center; margin-right: 5px; } .paginator ul .nextPage a, .paginator ul .nextPage a:hover { background: #dedede url(../images/css/next.gif) no-repeat center center; margin-left: 5px; } .paginator ul .nextPage a.off, .paginator ul .nextPage a.off:hover { background: #dedede url(../images/css/next-off.gif) no-repeat center center; margin-left: 5px; } .paginator ul .lastPage a, .paginator ul .lastPage a:hover { background: #dedede url(../images/css/last.gif) no-repeat center center; } .paginator ul .lastPage a.off, .paginator ul .lastPage a.off:hover { background: #dedede url(../images/css/last-off.gif) no-repeat center center; } /*** NEWS (ENITRE ***/ #newsIntro { font-weight: bold; } #newsIntro .date { font-weight: normal; } #mainContent #newsIntro img { display: inline; float: left; margin: 0 10px 5px 0; } #entireNews { padding-top: 15px; } /*** NEWS NAVIGATOR ***/ .newsNavigator { height: 100%; overflow: hidden; margin: 20px 0 0 0; font-size: 12px; line-height: 1.1em; } .newsNavigator ul { margin: 0; padding: 0; height: 100%; overflow: hidden; text-align: center; } .newsNavigator ul li { display: inline; padding: 0; margin: 0; background: none; } .newsNavigator ul li.backToList { padding: 0 15px; } /*** GALLERY - LIST ***/ .galleryListHolder { height: 100%; overflow: hidden; width: 699px; } .galleryListItem { display: inline; float: left; width: 172px; margin-right: 25px; margin-bottom: 20px; } #mainContent .galleryListItem img { display: block; margin: 0 0 5px 0; border: 1px solid #666; overflow: hidden; } #mainContent .galleryListItem ul { margin: 0; padding: 0; } #mainContent .galleryListItem ul li { margin: 0; padding: 0; background: none; line-height: 1.3em; } #mainContent .galleryListItem ul .galleryTitle { font: bold 1em Georgia, "Times New Roman", Times, serif; padding-bottom: 5px; } #mainContent .galleryTitle a { text-decoration: none; } #mainContent .galleryTitle a:hover { text-decoration: underline; } .gallerylist .paginator { margin-top: 0; } /*** GALLERY - MAIN ***/ #galleryImagesWrapper { width: 740px; height: 100%; overflow: hidden; } .galleryImage { display: inline; float: left; width: 172px; height: 100%; overflow: hidden; margin: 0 25px 20px 0; } #mainContent .galleryImage img { display: block; margin: 0 0 5px 0; overflow: hidden; clear: both; border: 1px solid #666; } #mainContent .zoom { display: inline; float: right; font-size: 10px; padding: 0 15px 0 0; background: transparent url(../images/css/zoom.gif) no-repeat right center; } /*** MAIN SEARCH FORM ***/ .mainSearchForm { width: 220px; height: 19px; overflow: hidden; border: 1px solid #ccc; margin: 0 0 30px 100px; background: #fff; } .mainSearchFor { display: inline; float: left; width: 184px; padding: 2px 3px; font: normal 11px Arial, Helvetica, sans-serif; color: #666; border: none; background: #fff; } .mainSearchSubmit { display: inline; float: right; width: 25px; height: 19px; padding-top: 1px; text-indent: -9999px; border: none; background: transparent url(../images/css/search-button.gif) repeat-y 0 0; } #resultsPerPage { display: inline; float: right; margin: 0 100px 0 0; font-size: .9em; } #resultsPerPage select { background: #fff; border: 1px solid #666; font-size: 11px; color: #ccc; width: 45px; line-height: 11px; padding: 1px; } #resultsPerPage select option { padding: 0 5px; margin-bottom: 1px; display: block; } /*** SEARCH RESULTS ***/ #mainContent #searchResultsWrapper h2, #mainContent #searchResultsWrapper h3, #mainContent #searchResultsWrapper h4 { clear: none; } #searchForTerm { margin: 0 0 25px 0; font-size: 1.3em; } #searchResultsWrapper div.searchResult { height: 100%; overflow: hidden; margin: 20px 0 20px 0; } #searchResultsWrapper div.no { display: inline; float: left; width: 30px; margin: 0 10px 0 0; padding-bottom: 2px; text-align: right; } #searchResultsWrapper div.title { display: inline; float: left; font-weight: bold; padding-bottom: 2px; } #searchResultsWrapper div.description { clear: both; padding: 2px 0 2px 40px; } #searchResultsWrapper div.url { padding-left: 40px; font-size: .9em; font-style: italic; } .searchTime { font-size: 10px; color: #444; } #searchNotice { font-size: 11px; } #mainContent a span.highlight { background: #eee; text-decoration: underline; } #mainContent a:hover span.highlight { background: #eee; text-decoration: none; } #mainContent #searchLoader, #mainContent #searchLoader * { text-align:center; border: none; } /*** FORM Typ. ***/ .basicForm fieldset { border: none; } .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 { overflow: hidden; height: 100%; clear: both; padding: 10px 0 10px 0; } .basicForm div.input input, .basicForm div.date input, .basicForm textarea, .basicForm select, .captchaInput input { font: normal 12px Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #444; padding: 3px; margin-right: 5px; } .basicForm div.input input:focus, .basicForm div.date input:focus, .basicForm textarea:focus, .basicForm div.captchaInput input:focus { background: #f3f3f3; border-color: #444; } .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: 120px; padding-top: 2px; margin-right: 10px; text-align: right; vertical-align: middle; color: #444; } #mainContent div.date img { vertical-align: top; margin: 0; } .basicForm div.input input.readonly { background: #f5f5f5; border: 1px solid #ccc; color: #ccc; } .basicForm div.input input { width: 230px; } .basicForm div.input select { width: 240px; } .basicForm div.input input.small { width: 20px; } .basicForm div.input select.small { width: 55px; } .basicForm div.captchaInput input { width: 100px; } .basicForm div.textarea label, .basicForm textarea { vertical-align: top; } .basicForm .textarea textarea { width: 230px; height: 100px; overflow: hidden; } .basicForm .select select option { padding-right: 10px; padding-left: 2px; margin-bottom: 2px; } .basicForm .captchaWrapper { overflow: hidden; height: 100%; margin: 10px 0 0 130px; } .basicForm .captchaImageWrapper img { display: block; margin: 0 0 5px 0; padding: 0 0 0 0; border: none; } .basicForm .submit { padding: 10px 0 10px 130px; } .basicForm .submit input { background: #333; width: 80px; height: 23px; border: none; font: normal 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; line-height: normal; } .errorMessage { color: #cc0000; font-size: 10px; } .captchaInput { margin-top: 10px; margin-bottom: 20px; } .captchaInput label { display: block; margin-bottom: 3px; } .captchaInput input { display: block; } .notice { margin: 0 0 20px 130px; } .checkboxWrapper { height: 100%; overflow: hidden; padding: 10px 0; } .checkboxTitle { display: inline; float: left; width: 120px; margin-right: 10px; text-align: right; } .checkboxWrapper input { vertical-align: middle; margin-right: 5px; } .basicForm .checkboxButtons label { margin: 0 10px 0 0; } .checkboxButtons { display: inline; float: left; line-height: 1.6em; } .checkboxButtons input { vertical-align: middle; } #mainContent .basicForm img { margin: 0; padding: 0; border: none; } /*** ADVANCED FORMS ***/ #mainContent .advancedForm table { margin: 20px 0 0 0; padding: 0; border: none; background: #dedede; border-collapse: separate; } #mainContent .advancedForm th, #mainContent .advancedForm td { border: none; border-bottom: 1px solid #dedede; background: none; padding: 0 10px 5px 0; background: #dedede; overflow: visible; vertical-align: top; } #mainContent .advancedForm th { padding: 5px; border-bottom: 2px solid #dedede; text-align: left; background: none; } #mainContent .advancedForm .labelTD { padding: 5px; text-align: right; } #mainContent .advancedForm th.labelTD { border-bottom: 5px solid #dedede; } #mainContent .advancedForm .center { text-align: center; } #mainContent .advancedForm th.middle, #mainContent .advancedForm td.middle { vertical-align: middle; } .advancedForm fieldset { height: 100%; overflow: hidden; padding: 0 10px 20px 10px; border: 1px solid #aaa; margin: 0 0 15px 0; } .advancedForm legend { font-size: 1.1em; font-weight: normal; background: #dedede; padding: 0 10px; color: #333; } .advancedForm legend span { font-size: .8em; font-weight: normal; } .advancedForm input, .advancedForm select, .advancedForm textarea { font: normal 11px Arial, Helvetica, sans-serif; color: #444; border: 1px solid #444; margin: 0 1px; } .advancedForm input { padding: 4px; width: 110px; } .advancedForm input.large { width: 240px; } .advancedForm select { padding: 4px; width: 115px; } .advancedForm textarea { width: 110px; height: 60px; overflow: auto; padding: 4px; } .advancedForm textarea.large { width: 240px; } .advancedForm textarea.blue { width: 240px; background: #f6fbff; } .advancedForm textarea.small { height: 30px; } .advancedForm input:focus, .advancedForm textarea:focus, .advancedForm .captchaInput input:focus { background: #f3f3f3; border-color: #444; } .advancedForm .radio input { border: none; width: auto; margin: 0 0 0 10px; } .advancedForm .terms { padding: 0; margin: 20px 0 20px 5px; height: 100%; overflow: hidden; } .advancedForm .terms label { width: 500px; 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 .checkbox input, .advancedForm .input .checkbox input { border: none; width: auto; margin: 3px 10px 0 0; } .advancedForm .captchaWrapper { width: 162px; margin: 0 0 20px 30px; clear: both; } .advancedForm .captchaWrapper img, #mainContent .captchaWrapper img { border: none; margin: 0 0 5px 0; padding: 0; } .advancedForm .submit { margin: 0 0 0 30px; } .advancedForm .submit input { background: #333; width: 80px; height: 23px; border: none; font: normal 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; line-height: normal; } /*** CALENDAR pop-up ***/ .dpTable { text-align: center; color: #000; border: 1px solid #333; margin: 0; font-size: 11px; } .dpTable td { background: #fff; padding: 5px; border: 1px solid #333; } .dpTable .dpTD { border: 1px solid #333; background: #fff; } .dpTable .dpDayHighlightTD { background-color: #444; color: #fff; border: 1px solid #333; } .dpTable .dpTDHover { background-color: #444; border: 1px solid #333; cursor: pointer; color: #fff; } .dpTable .dpDayTD { background-color: #333; border: 1px solid #333; color: #fff; font-weight: bold; } .dpTable .dpTitleText { font-weight: bold; color: #333; text-align: center; } .dpTable .dpDayHighlight { color: #fff; font-weight: bold; } .dpTable .dpTodayButton { background: #fff; border: none; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; cursor: pointer; text-align: center; } .dpTable .dpTodayButton:hover { text-decoration: underline; } .dpTable button { background: #fff; border: none; font: normal 12px Arial, Helvetica, sans-serif; color: #000000; cursor: pointer; } .dpTable td { text-align: center; vertical-align: middle; } /* 06/ MISC ==================================================*/ #topLink { padding: 10px; text-align: right; font-size: 11px; line-height: 14px; } #topLink a { color: #333; } /*** FOOTER ***/ #footer { color: #fff; line-height: 1.5em; font-size: 11px; } #footer h3 { font: normal 14px Arial, Helvetica, sans-serif; margin: 0 0 7px 0; } #footer a { color: #fff; } #contactBox { display: inline; float: left; width: 200px; margin: 0 15px 0 0; } #wideBox { display: inline; float: left; width: 395px; margin: 0 15px 0 0; } #wideBox ul { height: 100%; overflow: hidden; } #wideBox ul li { float: left; width: 190px; } #wideBox a { text-decoration: none; } #wideBox a:hover { text-decoration: underline; } #newsletterHolder { display: inline; float: left; width: 180px; padding: 10px 0 0 0; } .newsletterSubscribe { line-height: 1.2em; padding: 15px; background: #999; } #footer .newsletterSubscribe h3 { font-weight: bold; margin-bottom: 5px; } #newsletterLink { height: 100%; overflow: hidden; padding: 10px 0 0 0; } #newsletterLink a { float: left; display: block; padding: 2px 10px; background: #211f1a; text-decoration: none; font-size: 10px; line-height: normal; } #newsletterLink a:hover { background: #ccc; color: #444; } #copyright, #development { margin-bottom: 10px; text-align: center; font-size: 11px; color: #666; } #copyright a { color: #666; text-decoration: none; } #copyright a:hover { color: #666; text-decoration: underline; } #development a { color: #666; }