/*-------------------------------------- Typ. - Basic --------------------------------------- */ #containerWrapper { line-height: 1.7em; } #containerWrapper p, #containerWrapper ul, #containerWrapper ol { margin: 10px 0; } .highlightedBox { display: block; padding: 10px; background: #ffe6d0; margin: 10px 0; } /*-------------------------------------- Typ. - Headings --------------------------------------- */ #containerWrapper h1 { font-size: 1.8em; font-weight: normal; margin: 0 -10px 19px -10px; padding: 20px 10px 10px 10px; border-bottom: 1px solid #ff5a00; color: #195b85; } .home #containerWrapper h1 { font-size: 1.6em; padding-bottom: 10px; } #containerWrapper h2 { font-size: 1.3em; font-weight: bold; margin: 19px 0 10px 0; color: #195b85; } #containerWrapper h3 { font-size: 1.1em; font-weight: bold; margin: 19px 0 10px 0; color: #195b85; } #containerWrapper h4, #containerWrapper h5, #containerWrapper h6 { font-size: 1em; font-weight: bold; margin: 20px 0 10px 0; color: #195b85; } /*-------------------------------------- Typ. - List items --------------------------------------- */ #containerWrapper ul li { background: transparent url(../images/layout/content-arrow.gif) no-repeat 0 9px; padding-left: 15px; } #containerWrapper ul ul { margin: 5px 0; } #containerWrapper ol li { list-style: outside decimal; margin-left: 35px; } #containerWrapper ol ol li { margin-left: 25px; } /*-------------------------------------- Typ. - Tables --------------------------------------- */ #containerWrapper table { border: 1px solid #e2e2e2; border-collapse: collapse; padding: 1px; margin: 15px 2px 15px 2px; } #containerWrapper table caption { font-size: .9em; } #containerWrapper th { font-weight: bold; padding: 5px; border: 1px solid #e2e2e2; background: #f2f2f2; } #containerWrapper td { padding: 5px; border: 1px solid #e2e2e2; background: #fdfdfd; } #containerWrapper .blank { border: none; margin: 15px 0; } #containerWrapper .blank th { font-weight: normal; background: #fff; border: none; padding: 0; } #containerWrapper .blank td { font-weight: normal; background: #fff; border: none; padding: 0; } #containerWrapper table ul, #containerWrapper table ol, #containerWrapper table p, #containerWrapper table table { margin: 0; } /*-------------------------------------- Typ. - Links & Images --------------------------------------- */ #containerWrapper a { color: #166393; text-decoration: underline; } #containerWrapper a:hover { color: #ff5a00; text-decoration: none; } a.pdf { background: transparent url(../images/layout/pdf.gif) no-repeat 0 2px; padding-left: 15px; } #containerWrapper img { padding: 2px; border: 1px solid #ff5a00; margin: 5px; } /*-------------------------------------- Typ. - secContent Spec. --------------------------------------- */ #secContent h2 { font-size: 1.6em; font-weight: normal; margin: 0 0 10px 0; padding: 20px 0 10px 0; border-bottom: 1px solid #ff5a00; color: #195b85; } #secContent .boxWrapper { margin-bottom: 15px; } .home #secContent .boxWrapper { margin-bottom: 0; } /*-------------------------------------- Typ. - secContainer Spec. --------------------------------------- */ #secContainerWrapper ul li { background: transparent url(../images/layout/box-bullet.gif) no-repeat 0 10px; padding-left: 15px; overflow: hidden; } #secContainerWrapper h2 { font-weight: bold; padding: 0 0 10px 0; border-bottom: 1px solid #ff5a00; color: #195b85; } /*-------------------------------------- Typ. - OptocentarBox Spec. --------------------------------------- */ #secContainerWrapper #optocentarHeading, #secContent #optocentarHeading { text-indent: -9999px; background: transparent url(../images/layout/optocentar-h2-bg.gif) no-repeat 0 0; padding-bottom: 15px; } #secContent #optocentarHeading { background: transparent url(../images/layout/optocentar-h2-bg.gif) no-repeat 0 20px; } #optocentarLink { text-align: right; font-size: .9em; position: relative; bottom: -10px; } #optocentarLink a { color: #155781; text-decoration: none; } #optocentarLink a:hover { color: #155781; text-decoration: underline; } /*-------------------------------------- Typ. - contactBox Spec. --------------------------------------- */ #tel { text-align: center; font-size: 2.5em; } /* .boxWrapper#contactBox { background: #b2dbf4 url(../images/layout/blue-box-top.gif) no-repeat 0 0; height: 100%; overflow: hidden; } .boxWrapper#contactBox h2 { border-bottom: 1px solid #fff; color: #fff; } .home .boxWrapper#contactBox h2 { border-bottom: 1px solid #ff5a00; color: #195b85; } .boxWrapper#contactBox .box { background: transparent url(../images/layout/blue-box-bottom.gif) no-repeat left bottom; } .home .boxWrapper#contactBox { background: none; } .home .boxWrapper#contactBox .box { background: none; } */ /*** FORM Typ. ***/ .basicForm fieldset { border: none; } .basicForm legend { display: none; } .basicForm div.input, .basicForm div.textarea, .basicForm div.select, .basicForm div.radio, .basicForm div.checkbox, .basicForm div.file { overflow: hidden; height: 100% !important; height: auto; clear: both; padding: 10px 0 10px 0; } .basicForm div.input input, .basicForm textarea, .basicForm select, .captchaInput input { font: normal 12px Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #155781; padding: 3px; margin-right: 5px; } .basicForm div.input input.readonly { background: #f5f5f5; border: 1px solid #ccc; color: #ccc; } .basicForm div.input input { width: 230px; } .basicForm div.input input.small { width: 20px; } .basicForm div.select select.small { width: 55px; } .basicForm div.captchaInput input { width: 100px; } .basicForm div.input input:focus, .basicForm div.textarea textarea:focus, .basicForm div.captchaInput input:focus { background: #fff; border-color: #155781; } .basicForm div.input label, .basicForm div.textarea label, .basicForm div.select label, .basicForm div.file label { display: block; float: left; width: 120px; padding-top: 0px; margin-right: 10px; text-align: right; vertical-align: middle; } .basicForm div.textarea label, .basicForm textarea { vertical-align: top; } .basicForm .select select, .basicForm .input select { width: 230px; } .basicForm .select select option, .basicForm .input select option { padding-right: 10px; padding-left: 2px; margin-bottom: 2px; } .basicForm .captchaWrapper { overflow: hidden; height: 100%; margin: 10px 0 0 130px; } #mainContent .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: #155781; 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; } .basicForm .textarea textarea { width: 230px; height: 100px; overflow: hidden; } /*** MAIN SEARCH FORM ***/ #mainSearchForm { width: 210px; height: 16px; overflow: hidden; border: 1px solid #155781; margin: 0 0 50px 80px; position: relative; top: 2px; } #mainSearchForm fieldset { border: none; } .mainSearchFor { display: inline; float: left; width: 170px; padding: 2px 3px; font: normal 10px Arial, Helvetica, sans-serif; color: #666; border: none; background: #fff; } .mainSearchSubmit { display: block; width: 23px; height: 16px; overflow: hidden; padding: 0; text-indent: 9999px; border: none; background: transparent url(../images/layout/search-button.gif) repeat-y 0 0; padding-left: 23px; position: absolute; top: 0; right: 0; } #resultsPerPage { display: inline; float: right; margin: 0 100px 0 0; font-size: .9em; } #resultsPerPage select { background: #fff; border: 1px solid #155781; font-size: 11px; color: #666; 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; } #searchResultsWrapper .searchTime { font-size: .9em; color: #666; } #mainContent a span.highlight { background: #efefef; text-decoration: underline; } #mainContent a:hover span.highlight { background: #efefef; text-decoration: none; } /*** PAGINATOR ***/ .paginator { margin: 30px 0 0 0; padding: 0; color: #000; font-size: 11px; line-height: 16px; } #mainContent .paginator ul { height: 100%; overflow: hidden; margin: 0; padding: 0; } #mainContent .paginator ul li { float: left; background: none; padding: 0; margin: 0; } #mainContent .paginator ul a { display: block; width: 18px; height: 18px; line-height: 18px; margin: 0; border: none; overflow: hidden; color: #581514; text-decoration: none; text-align: center; background: #fff; } #mainContent .paginator ul a:hover, #mainContent .paginator ul .on { background: #155781; color: #fff; } #mainContent .paginator ul .firstPage a, #mainContent .paginator ul .lastPage a, #mainContent .paginator ul .prevPage a, #mainContent .paginator ul .nextPage a { text-indent: -9999px; border: none; } #mainContent .paginator ul .firstPage a, #mainContent .paginator ul .firstPage a:hover { background: #fff url(../images/layout/first.gif) no-repeat center center; } #mainContent .paginator ul .firstPage a.off, #mainContent .paginator ul .firstPage a.off:hover { background: #fff url(../images/layout/first-off.gif) no-repeat center center; } #mainContent .paginator ul .prevPage a, #mainContent .paginator ul .prevPage a:hover { background: #fff url(../images/layout/prev.gif) no-repeat center center; margin-right: 5px; } #mainContent .paginator ul .prevPage a.off, #mainContent .paginator ul .prevPage a.off:hover { background: #fff url(../images/layout/prev-off.gif) no-repeat center center; margin-right: 5px; } #mainContent .paginator ul .nextPage a, #mainContent .paginator ul .nextPage a:hover { background: #fff url(../images/layout/next.gif) no-repeat center center; margin-left: 5px; } #mainContent .paginator ul .nextPage a.off, #mainContent .paginator ul .nextPage a.off:hover { background: #fff url(../images/layout/next-off.gif) no-repeat center center; margin-left: 5px; } #mainContent .paginator ul .lastPage a, #mainContent .paginator ul .lastPage a:hover { background: #fff url(../images/layout/last.gif) no-repeat center center; } #mainContent .paginator ul .lastPage a.off, #mainContent .paginator ul .lastPage a.off:hover { background: #fff url(../images/layout/last-off.gif) no-repeat center center; }