/** * @site ASZ 2011 site * @media screen * @revision $Revision: 1.2 $ * @styleguide: * colors { * white: #fff; * black: #000; * orange: #fe660d; * blue: #e5352d; * purple: #36052e; * grey: #4f4f4f; * } * fonts { * headers: Syntax Bold; * text: Arial, sans-serif; * } */ /** * 'baseline' style sheet: some basic styles to start off with */ html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { color: #36052e; margin-top: .5em; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } h4, h5, h6 { font-size: 1em; } p { margin-bottom: .5em; } ul, ol { margin-left: 2em; } table { border-collapse: collapse; border-spacing: 0; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } a:focus, a:hover, a:active { outline: none; } a img { border: 0; } /** * Default style for content */ a { color: #fe660d; } a:visited { color: #fe660d; } a:active { color: #fe660d; text-decoration: none; } a:hover { color: #fe660d; text-decoration: none; } /** * Page layout */ html, body { color: #4f4f4f; } html { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.6; background: #fff; } body { font-size: 1.2em; background: transparent url(/assets/asz_2011/images/default/bg_shadow.png) repeat-y 50% 0; } #container { position: relative; margin: 0 auto; width: 980px; overflow: hidden; } #header { position: relative; width: 100%; z-index: 2; } #primary-zone { position: relative; width: 100%; height: 150px; z-index: 2; } #logo { position: absolute; top: 10px; left: 20px; display: block; width: 201px; height: 94px; background: transparent url(/assets/asz_2011/images/default/logo.png) no-repeat left top; text-decoration: none; } #logo span { visibility: hidden; } #globalnav { position: absolute; top: 1em; right: 250px; float: right; width: 390px; text-align: right; } #globalnav h2 { display: none; } #globalnav ul { float: left; margin: 0; padding: 0; list-style-type: none; } #globalnav ul li { float: left; margin-right: .5em; padding-right: .5em; background: transparent url(/assets/asz_2011/images/default/globalnav_divider.gif) no-repeat right center; } #globalnav ul li a { color: #36052e; text-decoration: none; } #globalnav ul li a:hover { text-decoration: underline; } #quicksearch { float: right; clear: both; margin: 1em .5em 0 0; } #quicksearch input { float: left; margin: 0; padding: 10px 28px 10px 10px; border: 0; width: 350px; height: 18px; background: transparent url(/assets/asz_2011/images/default/bg_searchinput.png) no-repeat left top; } #quicksearch .submit { float: left; font-size: 0; font-weight: normal; color: white; margin-left: -23px; padding: 0; width: 16px; height: 36px; background: transparent url(/assets/asz_2011/images/default/arrow_orange_large.png) no-repeat left center; overflow: hidden; } #quicksearch .submit:hover { color: #fe660d; cursor: pointer; } #quicksearch.quicksearch-inline { float: none; margin: 1em 0; overflow: hidden; } #languagenav { position: absolute; top: 1em; right: 14px; float: right; text-align: right; } #languagenav h2 { float: left; font-size: 1em; font-weight: normal; margin: 0 .5em 0 0; padding: 0; } #languagenav ul { float: left; margin: 0; padding: 0; list-style-type: none; } #languagenav ul li { float: left; margin-right: 2px; } #languagenav ul li a { display: block; color: #36052e; text-decoration: none; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #languagenav ul li a span { visibility: hidden; } #mainnav { position: absolute; top: 118px; left: 20px; right: 21px; z-index: 10; } #mainnav h2 { display: none; } #mainnav ul { float: right; margin: 0; padding: 0; list-style-type: none; text-align: right; } #mainnav ul li { position: relative; float: left; margin-left: -13px; padding: 0 0 0 16px; height: 36px; background: transparent url(/assets/asz_2011/images/default/tab_left.png) no-repeat left top; } #mainnav ul li>div { padding: 7px 23px 0 7px; height: 100%; background: transparent url(/assets/asz_2011/images/default/tab_right.png) no-repeat right top; } #mainnav ul li>div a { font-size: 1.4em; font-weight: bold; color: #36052e; display: block; background-color: transparent; background-repeat: no-repeat; text-decoration: none; } #mainnav ul li>div a span { } #mainnav ul li.selected, #mainnav ul li:hover { background-image: url(/assets/asz_2011/images/default/tab_selected_left.png); z-index: 10; } #mainnav ul li.selected>div, #mainnav ul li:hover>div { background-image: url(/assets/asz_2011/images/default/tab_selected_right.png); } #mainnav ul li.selected>div a, #mainnav ul li:hover>div a { color: #fe660d; } /* #mainnav ul li .subnav { display: none; position: absolute; top: 36px; left: -10px; padding: 0; width: 956px; height: auto; } #mainnav ul li:hover .subnav { display: block; } #mainnav ul li .subnav .inner { padding: 11px 30px 11px 30px; width: 896px; height: 304px; background: transparent url(/assets/asz_2011/images/default/bg_overlay.png) no-repeat left top; overflow: hidden; } #mainnav ul li .subnav .inner ul { float: left; padding-right: 24px; width: 200px; } #mainnav ul li .subnav .inner ul li { float: none; margin: 0 0 .5em 0; padding: 0 0 0 15px; height: auto; background: transparent url(/assets/asz_2011/images/default/sprite_vertical.png) no-repeat 0 -1275px; zoom: 1; } #mainnav ul li .subnav .inner ul li h3 { font-size: 1em; } #mainnav ul li .subnav .inner ul li a { font-size: 1.1em !important; font-weight: normal !important; color: #4f4f4f; width: auto !important; height: auto !important; background: none !important; line-height: 1.2; text-decoration: underline; } #mainnav ul li .subnav .inner ul li a:hover { color: #e5352d; } #mainnav ul li .subnav .inner ul li.all-items a { font-weight: bold !important; } */ #page-functions { position: absolute; top: 38px; right: 14px; } #fontsize { float: left; } #fontsize span { display: inline-block; font-weight: bold; color: #36052e; width: 17px; cursor: pointer; } #fontsize #normal { font-size: 1em; } #fontsize #larger { font-size: 1.2em; } #fontsize #largest { font-size: 1.3em; } #browsealoud { float: left; color: #36052e; display: block; margin: 5px 0 0 8px; padding-left: 25px; background: transparent url(/assets/asz_2011/images/default/read_aloud.png) no-repeat left top; text-decoration: none; } #browsealoud:hover { text-decoration: underline; } #_ba__button { float: left; margin: 2px 0 0 10px; } #secondary-zone { position: relative; border-top: 4px solid #fe660d; width: 100%; height: 116px; background: transparent url(/assets/asz_2011/images/default/dot_header.png) repeat 0 -5px; z-index: 1; } #website-title { position: absolute; top: 24px; left: 40px; width: 402px; height: 60px; background: transparent url(/assets/asz_2011/images/default/site_title.png) no-repeat left top; z-index: 2; } #website-title span { visibility: hidden; } #header-visual { position: absolute; bottom: 0; right: 5px; background-color: transparent; background-repeat: no-repeat; background-position: right bottom; z-index: 1; } /* #headernav { position: absolute; top: 5px; right: 22px; } #headernav ul { margin: 0; padding: 0; list-style-type: none; } #headernav ul li { padding: 12px 0 0 26px; width: 200px; height: 24px; background: transparent url(/assets/asz_2011/images/default/sprite_vertical.png) no-repeat 0 -1886px; } #headernav ul li a { display: block; background-color: transparent; background-repeat: no-repeat; text-decoration: none; } #headernav ul li a span { visibility: hidden; } */ #headerbar { position: relative; height: 35px; background: #f29300 url(/assets/asz_2011/images/default/bg_headerbar.gif) repeat-y left top; z-index: 9000; } #headerbar .inline-section { position: relative; float: left; margin: 5px 0; padding: 0 40px; border-left: 1px solid #f29300; width: 246px; height: 25px; z-index: -1; } #headerbar .inline-section-1 { border: 0; } #headerbar .inline-section h2 { color: #fff; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_white.png) no-repeat left center; letter-spacing: .05em; } #headerbar .inline-section.selected h2 { text-decoration: underline; } #headerbar .inline-section h2 a { color: #fff; } #headerbar .inline-section img { border: 2px solid #fff; } #headerbar .inline-section p { color: #fff; } #headerbar .inline-section .more a { color: #fff; } #headerbar .inline-section .subnav { display: none; position: absolute; top: -116px; left: 0; right: 0; padding: 11px 40px 11px 40px; width: 900px; height: 321px; background: transparent url(/assets/asz_2011/images/default/bg_overlay.png) repeat-x left top; } #headerbar .inline-section .subnav .inner-scroll { position: relative; overflow: auto; } #headerbar .inline-section .subnav h2 { display: inline; color: #36052e; padding-right: .5em; padding-left: 0; background: none; } #headerbar .inline-section .subnav a.complete-list { color: #36052e; padding-left: 0; background: none; } #headerbar .inline-section .subnav .inner { position: relative; } #headerbar .inline-section .subnav .inner ul { float: left; padding-right: 25px; width: 200px; } #headerbar .inline-section .subnav .inner ul li { float: none; margin: 0 0 .5em 0; padding: 0 0 0 20px; height: auto; background: transparent url(/assets/asz_2011/images/default/arrow_orange.png) no-repeat 0 .4em; zoom: 1; } #headerbar .inline-section .subnav .inner ul li a { font-size: 1.1em; color: #4f4f4f; width: auto !important; height: auto !important; background: none !important; line-height: 1.2; text-decoration: underline; } #headerbar .inline-section .subnav .inner ul li a:hover { color: #e5352d; } #headerbar .inline-section .subnav .inner ul li.all-items a { font-weight: bold; } #headerbar .inline-section .subnav .num-pages { position: absolute; bottom: 22px; right: 110px; } #headerbar .inline-section .subnav .left-button { position: absolute; bottom: 15px; right: 60px; width: 35px; height: 35px; background: transparent url(/assets/asz_2011/images/default/button_left_enabled.png) no-repeat left top; cursor: pointer; } #headerbar .inline-section .subnav .left-button.disabled { background-image: url(/assets/asz_2011/images/default/button_left_disabled.png); cursor: auto; } #headerbar .inline-section .subnav .right-button { position: absolute; bottom: 15px; right: 20px; width: 35px; height: 35px; background: transparent url(/assets/asz_2011/images/default/button_right_enabled.png) no-repeat left top; cursor: pointer; } #headerbar .inline-section .subnav .right-button.disabled { background-image: url(/assets/asz_2011/images/default/button_right_disabled.png); cursor: auto; } /* oh...my...god... */ @media screen and (-webkit-min-device-pixel-ratio:0) { #headerbar .inline-section h2 { letter-spacing: .1em; } } #breadcrumbs { color: #fff; margin-bottom: 40px; padding: 4px 0 3px 0; width: 100%; background-color: #f29300; } #breadcrumbs h2 { display: inline; color: #fff; font-size: .9em; margin: 0 10px; } #breadcrumbs a { font-size: .9em; color: #fff; margin: 0 10px 0 0; padding: 0 20px 0 0; background: transparent url(/assets/asz_2011/images/default/arrow_white.png) no-repeat right center; } #breadcrumbs span { font-size: .9em; margin: 0 .5em 0 0; } #sidebar { font-size: 1.1em; position: relative; float: left; margin-left: 30px; width: 190px; min-height: 10px; z-index: 1; } #sidebar h2 { margin: 11px 0 .3em 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #sidebar h2 a { display: block; width: 100%; height: 100%; } #sidebar h2 span { visibility: hidden; } #sidebar .back { display: block; color: #4f4f4f; margin: 1em 0; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .3em ; text-decoration: underline; } #sidebar .back:hover { text-decoration: none; } #sidebar ul { margin: 0; padding: 0; list-style-type: none; } #sidebar ul li { padding: .5em 0; border-top: 1px dashed #c7c7c7; } #sidebar ul li.sidebar-item-1 { border: 0; } #sidebar ul li a { display: block; color: #36052e; padding-left: 15px; text-decoration: none; background: transparent url(/assets/asz_2011/images/default/arrow_orange.png) no-repeat 0 .5em; } #sidebar ul li a:hover { text-decoration: underline; } #sidebar ul li a.selected { text-decoration: underline; } #sidebar ul li ul { display: none; margin-top: .5em; padding-left: 15px; } #sidebar ul li ul.selected { display: block; } #sidebar .linkbox { margin: .8em 0 0 0; padding: 0; background: none; } #sidebar .linkbox ul { background: none; } #sidebar .linkbox ul li { padding: .2em 0; border: 0; } #sidebar .linkbox ul li a { color: #4f4f4f; padding-left: 20px; } #article { font-size: 1.1em; position: relative; float: left; margin-left: 30px; width: 450px; z-index: 1; } #article.slideshow { width:700px; } #pagetitle { position: relative; margin-bottom: .5em; padding-right: 20px; } #pagetitle span { display: block; background-color: transparent; background-repeat: no-repeat; background-position: left top; text-indent: -9000em; } #pagetitle .feed { position: absolute; top: 0; right: 0; } #article .inline-section { clear: both; } #article .inline-section h2 { margin-bottom: .5em; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #article .inline-section h2 a { display: block; width: 100%; height: 100%; text-decoration: none; } #article .inline-section h2 span { visibility: hidden; } #aside { font-size: 1.1em; position: relative; float: right; margin: -5px 22px 0 0; width: 228px; z-index: 1; } .asidenav { clear: both; margin-bottom: 1em; padding-top: 14px; width: 228px; background: transparent url(/assets/asz_2011/images/default/bg_aside_top.png) no-repeat left top; } .asidenav .inner { padding: 0 11px 1px 12px; background: transparent url(/assets/asz_2011/images/default/bg_aside_bottom.png) no-repeat left bottom; overflow: hidden; } .asidenav .inline-section { clear: both; margin-bottom: 2em; } .asidenav .inline-section h2 { margin-bottom: .5em; width: 185px; height: 25px; background: transparent url(/assets/asz_2011/images/default/bg_aside_header.png) no-repeat left top; overflow: hidden; } .asidenav .inline-section h2 a { display: block; margin: 5px 0 0 10px; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat; background-position: left top; text-decoration: none; } .asidenav .inline-section h2 span { visibility: hidden; } .asidenav .inline-section p { color: #36052e; margin-bottom: .5em; padding: 0 10px; } .asidenav .inline-section .more a { color: #36052e; } .asidenav .inline-section ul { padding: 0 10px; } .asidenav .inline-section ul li { } .asidenav .inline-section ul li h3 { margin: 0; } .asidenav .inline-section ul li h3 a { color: #36052e; } .asidenav .inline-section ul li h3 a:hover { } #aside .banner { margin: 0 0 1em 5px; } #aside .dynamic-banner { margin: 0 0 1em 5px; list-style-type: none; } .banner-sections-nav { float: right; margin: 0 .2em .5em 0; clear: both; } .banner-sections-nav a { float: left; display: block; font-weight: bold; color: #4f4f4f; margin-left: .5em; border-radius: 5px; width: 20px; height: 20px; background-color: #e0f3f4; text-align: center; text-decoration: none; } .banner-sections-nav a.activeSlide { color: #fe660d; } #footer { position: relative; margin-top: 1em; padding-top: 85px; width: 100%; min-height: 225px; background: transparent url(/assets/asz_2011/images/default/bg_footer.png) no-repeat left bottom; overflow: hidden; } #footerbar { margin-bottom: 20px; width: 100%; overflow: hidden; } #footerbar .inline-sections .sub-header { font-size: 1em; font-style: italic; color: #36052e; margin: 0; padding-left: 30px; } #footerbar .inline-section { float: left; padding-left: 30px; width: 190px; } #footerbar .inline-section h2 { font-size: 1.4em; font-weight: bold; margin: 0 0 .5em 0; } #footerbar .inline-section ul { } #footerbar .inline-section ul li { margin-bottom: .2em; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_black.png) no-repeat 3px .4em; } #footerbar .inline-section ul li h3 { margin: 0; } #footerbar .inline-section ul li.view-all { padding-left: 0; background: none; } #footerbar .inline-section ul li.view-all h3 a { font-weight: bold; text-decoration: underline; } #footerbar .inline-section ul li.view-all h3 a:hover { text-decoration: none; } #footerbar #social-media { float: right; margin: 0 17px 30px 0; width: 228px; } #footerbar #social-media h2 { font-size: 1.4em; font-weight: bold; margin: 0; } #footerbar #social-media ul { margin: .5em 0 0 0; padding: 0; list-style-type: none; } #footerbar #social-media ul li { margin: 0 0 .5em 0; } #footerbar #social-media a { display: block; color: #4f4f4f; padding: 2px 0 0 30px; height: 22px; background-color: transparent; background-repeat: no-repeat; background-position: left top; text-decoration: none; } #footerbar #social-media #facebook { background-image: url(/assets/asz_2011/images/default/social_facebook.png); } #footerbar #social-media #twitter { background-image: url(/assets/asz_2011/images/default/social_twitter.png); } #footerbar #social-media #hyves { background-image: url(/assets/asz_2011/images/default/social_hyves.png); } #footerbar #social-media #youtube { background-image: url(/assets/asz_2011/images/default/social_youtube.png); } #footerbar #social-media #linkedin { background-image: url(/assets/asz_2011/images/default/social_linkedin.png); } #footernav { position: absolute; right: 25px; bottom: 0; padding: 0 0 0 16px; height: 36px; background: transparent url(/assets/asz_2011/images/default/bg_footernav_left.png) no-repeat left top; z-index: 2; overflow: hidden; } #footernav .inner { padding: 7px 16px 0 0; height: 29px; background: transparent url(/assets/asz_2011/images/default/bg_footernav_right.png) no-repeat right top; } #addthis { float: left; margin: 0 0 1em 0; overflow: hidden; } #addthis h3 { float: left; font-size: .9em; margin: .1em .9em 0 0; } #addthis a { float: left; margin: .2em 0 0 0; } #footernav h2 { display: none; } #footernav ul { float: left; margin: 0 0 0 1em; padding: 0; list-style-type: none; } #footernav ul li { float: left; margin-right: .5em; padding-right: .5em; background: transparent url(/assets/asz_2011/images/default/globalnav_divider.gif) no-repeat right center; } #footernav ul li a { color: #36052e; text-decoration: none; } #footernav ul li a:hover { text-decoration: underline; } .large-header #headerbar { height: 130px; } .large-header #headerbar .inline-section { margin: 20px 0; height: 90px; } .large-header #headerbar .inline-section .subnav { top: auto; bottom: -10px; } .large-header #secondary-zone { height: 203px; } .large-header #website-title { top: 65px; } .large-header #aside { margin-top: -15px; } .subsite-layout #article { width: 670px; } .fontsize-larger { font-size: 1.4em; } .fontsize-largest { font-size: 1.6em; } /** * Content types */ #pagebody { margin-bottom: 20px; } #pagevisual { margin: 0 0 1em 0; } .contenttext-bottom { clear: both; margin-top: 2em; } .inline-sections { } .inline-section { margin-bottom: 1em; } .inline-section h2 { position: relative; font-size: 1.4em; margin: 0; padding: 0 20px 0 0; } .inline-section h2 a { display: block; color: #36052e; text-decoration: none; } .inline-section h2 .feed { position: absolute; top: .1em; right: 0; width: auto !important; } .inline-section .img { margin: .4em 0 .5em 0; } .inline-section p { margin: 0; } .inline-section .more { } .inline-section .more a { padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .15em; } .inline-section ul { margin: 0 0 5em 0; list-style-type: none; } .inline-section ul li { margin-bottom: .3em; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .15em; } .inline-section ul li h3 { font-size: 1em; font-weight: normal; margin: 0; } .inline-section ul li h3 a { color: #4f4f4f; text-decoration: none; } .inline-section ul li h3 a:hover { text-decoration: underline; } .inline-section ul li .imgbox { float: right; margin: .4em 0 .5em .5em; } .highlighted-item { margin: .05em 0 2em 0; overflow: hidden; } .highlighted-item .img { margin: .4em 0 .5em 0; } .leftcolumn .inline-section { margin-bottom: 2em; } /** * waittime-table */ .waittime-filter.basicform { margin: 1em 0; border: 1px dashed #c7c7c7; border-width: 1px 0; } .waittime-filter.basicform .element { margin: 0 0 1em 0; } .waittimes { border-collapse: collapse; width: 100%; } .waittimes thead { background-color: #003888; } .waittimes thead th { font-family: 'avenirheavy', Arial, sans-serif; font-size: 1.2em; color: #fff; padding: .2em .4em; border: 1px solid #003888; } .waittimes thead th h3 { font-family: 'avenirheavy', Arial, sans-serif; font-size: 1.2em; font-weight: normal; color: #fff; margin: 0; padding: 0; cursor: help; } .waittimes tbody tr { padding: 5px 0; } .waittimes tbody tr:hover { cursor: pointer; background-color: #f8f8f8; } .waittimes tbody td { padding: .2em .4em .2em 1.4em; border: 1px solid #4f4f4f; } .waittimes td.location, .waittimes td.waittime { text-align: center; padding-left: .4em; width: 10%; } .waittimes td.empty { background-color: #fbcca4; } .waittimes tbody tr.specialism { background-color: #e0f3f4; } .waittimes tbody tr.specialism td { font-weight: bold; padding-left: .4em; } .waittimes tbody tr.specialism td h3 { font-family: Arial, sans-serif; font-size: 1em; font-weight: normal; margin: 0; padding: 0; } .waittimes tbody tr.treatment-type td { font-weight: bold; } .waittimes tbody tr.hidden { display: none; } /** * Menu styles */ .menu-default { margin: 0; padding: 0; list-style-type: none; } .menu-default li { margin-bottom: .5em; } .menu-default li h2 { font-size: 1em; font-weight: normal; } .menu-default li h2 a { display: block; } .menu-rich { margin: 1em 0; list-style-type: none; } .menu-rich li { float: left; margin: 0 .6em 1em 0; padding: 14px 0 0 0; width: 105px; background: transparent url(/assets/asz_2011/images/default/bg_menu_rich_top.png) no-repeat left top; text-align: center; } .menu-rich li .inner { padding: 0 5px 5px 5px; min-height: 90px; background: transparent url(/assets/asz_2011/images/default/bg_menu_rich_bottom.png) no-repeat left bottom; } .menu-rich li .inner a { display: block; text-decoration: none; } .menu-rich li .inner a h2 { font-size: 1em; color: #fff; margin: .5em 0 0 0; padding: .2em; border-top: 1px dashed #fff; } .menu-rich li .inner a:hover h2 { text-decoration: underline; } .menu-rich li .inner a .img { margin: 0 auto; } .menu-facebook { margin: 1em 0; list-style-type: none; } .menu-facebook li { float: left; margin: 0 5px 1em 0; padding: 11px 0 0 0; width: 145px; background: transparent url(/assets/asz_2011/images/default/bg_menu_facebook_top.png) no-repeat left top; } .menu-facebook li.first-in-row { clear: left; } .menu-facebook li .inner { padding: 0 10px 10px 10px; min-height: 215px; background: transparent url(/assets/asz_2011/images/default/bg_menu_facebook_bottom.png) no-repeat left bottom; } .menu-facebook li .inner a { display: block; width: 125px; text-decoration: none; } .menu-facebook li .inner a h2 { font-size: 1em; color: #4f4f4f; margin: .5em 0 0 0; padding: .2em; text-align: center; } .menu-facebook li .inner a:hover h2 { text-decoration: underline; } .menu-facebook li .inner a .image-container { margin: 0 auto; height: 130px; overflow: hidden; } .menu-facebook li .inner a .image-container img { display: block; } .menu-description { margin: 0; padding: 0; list-style-type: none; } .menu-description li { margin-bottom: 2em; overflow: hidden; } .menu-description li h2 { font-size: 1em; font-weight: normal; } .menu-description li h2 a { display: block; } .menu-description li img { float: right; margin: .7em 0 1em 1em; } .menu-description li p { margin-top: .5em; } .alphabetical div { margin: 0; padding: 0; float: left; } .alphabetical p.letter { font-weight: bold; } .alphabetical ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; } .alphabetical ul li a { display: block; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .4em; } p.top { clear: both; margin-bottom: 1em; padding: .2em .5em; background-color: #dff1ed; text-align: right; } #alphabet { } #alphabet span, #alphabet .letter a { padding: 3px 4px; } #alphabet .letter { padding: 0; } #alphabet .letter a:hover { background-color: #dff1ed; } /** * List styles */ .list-default { color: #fe660d; margin: 1em 0; padding: 0; list-style-type: none; } .list-default li { margin-top: 1em; padding-top: 1em; border-top: 1px dashed #c7c7c7; } .list-default li h2 { font-size: 1.2em; } .list-default li h2 a { color: #36052e; text-decoration: none; } .list-default li p { color: #000; } .list-default li .more a { padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat left center; } .list-rich { margin: 1em 0; list-style-type: none; } .list-rich li { float: left; clear: both; margin-top: 1em; padding-top: 1em; border-top: 1px dashed #c7c7c7; width: 100%; } .list-rich li h2 { font-size: 1.2em; } .list-rich li h2 a { color: #36052e; text-decoration: none; } .list-rich li .img { float: left; margin: .9em .5em .5em 0; } .list-rich li p { color: #000; } .list-rich li .more a { padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat left center; } /** * Group styles */ .group-default { margin: 0; padding: 0; list-style-type: none; } .group-default dt { padding-bottom: 0.3em; border-bottom: 1px dashed #c7c7c7; } .group-default dt h2 { font-size: 1em; } .group-default dt h2 a { display: block; color: #36052e; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .3em; text-decoration: none; } .group-default dt h2 a:hover { text-decoration: underline; } .group-default dd { margin-left: 20px; } .group-default dd a { color: #fe660d; font-weight: normal; text-decoration: none; } .group-default dd a:hover { text-decoration: underline; } .group-default dd.grandchild span { float: left; } .group-default dd.grandchild a { display: block; color: #fe660d; font-weight: normal; margin-left: 90px; text-decoration: underline; } .group-default dd.grandchild a:hover { text-decoration: none; } .group-news { margin: 0; padding: 0; list-style-type: none; } .group-news dt { padding-bottom: 0.3em; border-bottom: 1px dashed #c7c7c7; } .group-news dt h2 { font-size: 1em; font-weight: normal; } .group-news dt h2 a { display: block; color: #4f4f4f; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .3em; text-decoration: none; } .group-news dt h2 a:hover { text-decoration: underline; } .group-news dd { margin-left: 20px; } .group-news dd a { color: #36052e; font-weight: bold; text-decoration: none; } .group-news dd a:hover { text-decoration: underline; } .group-news dd.grandchild span { float: left; } .group-news dd.grandchild a { display: block; color: #fe660d; font-weight: normal; margin-left: 90px; text-decoration: underline; } .group-news dd.grandchild a:hover { text-decoration: none; } .group-rich { margin: 1em 0; } .group-rich dt { } .group-rich dt h2 { } .group-rich dt h2 a { text-decoration: none; } .group-rich dd { float: left; clear: both; margin-bottom: 1em; width: 100%; } .group-rich dd h3 { font-size: 1.2em; } .group-rich dd h3 a { text-decoration: none; } .group-rich dd .img { float: right; margin: 1.1em 0 .5em .5em; } .group-rich dd p { color: #000; } /** * Page and subpage styles */ .linkbox { margin: 0 0 1em 0; padding: 14px 0 0 0; background: transparent url(/assets/asz_2011/images/default/bg_aside_top.png) no-repeat left top; } .linkbox .inner { padding: 0 10px 10px 10px; background: transparent url(/assets/asz_2011/images/default/bg_aside_bottom.png) no-repeat left bottom; } .linkbox .inner ul { margin: 0; padding: 0; list-style-type: none; } .linkbox .inner ul li { margin-bottom: .5em; } .linkbox .inner ul li a { color: #36052e; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .15em; } .linkbox-subpage { margin: 1em 0; padding: 0; } .linkbox-subpage ul { margin: 0; padding: 0; list-style-type: none; } .linkbox-subpage ul li { margin-bottom: .5em; } .linkbox-subpage ul li a { color: #36052e; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .15em; } ul.chapters { margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: 1px dashed #c7c7c7; list-style-type: none; } ul.chapters li { margin-bottom: .5em; } ul.chapters li a { padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .15em; } .chapters li { } .chapters li h2 { font-size: 1.2em; } .chapters li h2 a { text-decoration: none; } .date { font-style: italic; } #personal-data { float: left; width: 100%; } #personal-data dt { clear: both; float: left; font-weight: bold; width: 40%; } #personal-data dd { float: left; margin: 0; padding: 0; width: 60%; } #personal-data dd p { margin: 0; padding: 0; } .vacancy-publ-end { clear: both; font-weight: bold; color: #36052e; } .page-treatment #pagebody { font-weight: bold; } #treatment-chapters { margin: 3em 0 1em 0; padding: 15px 0 0 0; background: transparent url(/assets/asz_2011/images/default/bg_content_top.png) no-repeat left top; } #treatment-chapters .inner { padding: 0 0 10px 10px; background: transparent url(/assets/asz_2011/images/default/bg_content_bottom.png) no-repeat left bottom; overflow: hidden; } #treatment-chapters h2 { margin: 0 0 10px 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #treatment-chapters h2 span { visibility: hidden; } #treatment-chapters ul { float: left; margin: 0; padding: 0; width: 49%; list-style-type: none; } #treatment-chapters ul li { margin: 0 0 .8em 0; padding: 0 10px 0 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .15em; line-height: 1.3; } #treatment-chapters ul li a { color: #4f4f4f; text-decoration: underline; } #treatment-chapters ul li a:hover { text-decoration: none; } .treatment-top { padding: .7em .5em 0 0; border-top: 1px solid #36052e; text-align: right; } .treatment-top a { padding-right: 20px; background: transparent url(/assets/asz_2011/images/default/arrowtop_block_orange.png) no-repeat right center; text-decoration: underline; } .treatment-top a:hover { text-decoration: none; } .treatment-chapter-title { margin: -1.3em 0 0 0; padding: 0; background-color: transparent; background-repeat: left top; background-position: left top; } .treatment-chapter-title span { visibility: hidden; } .treatment-chapter p { margin-top: .5em; } #treatment-keywords { margin: 15px 0 1em 0; } #treatment-keywords h3 { margin: 0 0 .5em 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #treatment-keywords h3 span { visibility: hidden; } #treatment-keywords p { font-size: .8em; line-height: 1.8; } .linkbox-treatment { margin: 0; padding: 0; list-style-type: none; } .linkbox-treatment li { margin: 0 0 1em 5px; } #treatment-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 9000; background-color: white; opacity: 0; } #treatment-overlay-content { position: absolute; left: 200px; padding: 0; border: 10px solid #76084e; background-color: white; opacity: .95; filter: alpha(opacity = 95); z-index: 9100; } #icon { position: absolute; width: 48px; height: 48px; background: transparent url(/assets/asz/images/default/icon_pencil.png) no-repeat left top; z-index: 9110; } #close-icon { position: absolute; width: 25px; height: 25px; background: transparent url(/assets/asz/images/default/close.png) no-repeat left top; z-index: 9110; cursor: pointer; } #treatment-overlay-content iframe { border: 0; display: block; overflow: hidden; } .navbox { margin: 1em 0; padding: 1em 0; border: 1px dashed #c7c7c7; border-width: 1px 0; text-align: center; overflow: hidden; } .navbox .index { margin: 0; } .navbox .prev { float: left; } .navbox .prev a { padding-right: 20px; background: transparent url(/assets/asz_2011/images/default/arrowback_block_orange.png) no-repeat right center; } .navbox .next { float: right; } .navbox .next a { padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat left center; } /** * Form styles */ .progress { font-weight: bold; width: 80%; text-align: right; } .progresstext { color: #e5352d; font-weight: bold; } .progressbar { width: 79%; height: .7em; margin: 0 0 1em 0; border: 1px solid #fe660d; border-left-width: 5px; background-color: white; } #progressfill { height: 100%; background-color: #fe660d; } .basicform { margin-top: 1em; padding: 1em 0; border-top: 1px dashed #c7c7c7; } .basicform fieldset { padding: 1em; } .basicform input, .basicform textarea, .basicform select { font-family: Arial, Helvetica, sans-serif; font-size: 1em; width: 100%; } .basicform select { padding: .1em; } .basicform .radio, .basicform .radio:hover, .basicform .checkbox, .basicform .checkbox:hover { width: auto !important; } .basicform .element { margin: 0 0 .5em 0; padding: 0 3em; } .basicform.surveyform .element { margin: 0 0 1em 0; padding: 0 3em; } .basicform .element .label { width: 100%; } .basicform .element .label label { color: #36052e; } .basicform .element .input, .basicform .element .group { width: 100%; } .basicform .element .group div { margin: 0; } .basicform .element .datecal { position: relative; } .basicform .element .datecal img { position: absolute; top: .2em; right: 0; } .basicform .header { font-weight: bold; margin: .5em 0 1.5em 0; } .basicform .submit { padding: 1em 0; border: 1px dashed #c7c7c7; border-width: 1px 0; overflow: hidden; } .basicform .submit input.submit { float: right; font-size: 1.2em; color: #fff; padding: 4px 5px 4px 10px; border: 0; width: 111px; height: 32px; background: transparent url(/assets/asz_2011/images/default/bg_button.png) no-repeat center center; overflow: hidden; } .basicform .submit input.submit:hover { color: #36052e; cursor: pointer; } /** * Sitemap styles */ ul.sitemap, ul.sitemap ul { margin: 0; padding: 0 0 1em 0; list-style-type: none; } ul.sitemap li { padding: .2em 0; } ul.sitemap li a { font-size: 1.2em; font-weight: bold; color: #4f4f4f; padding-left: 15px; text-decoration: none; background: transparent url(/assets/asz_2011/images/default/arrow_orange.png) no-repeat 0 .3em; } ul.sitemap li a:hover { text-decoration: underline; } ul.sitemap li ul li ul { padding-left: 3em; border-top: 1px dashed #c7c7c7; } ul.sitemap li ul li ul li { } ul.sitemap li ul li ul li a { font-size: 1em; font-weight: normal; color: #4f4f4f; } ul.sitemap li ul li ul li ul { padding-left: 0; border-top: 0; } ul.sitemap li ul li ul li ul li { margin-left: 30px; padding-left: 70px; background: transparent url(/assets/asz_2011/images/default/bg_sitemap_item.gif) no-repeat left top; } ul.sitemap li ul li ul li ul li a { padding-left: 0; background: none; } /** * Search styles */ #searchform { float: left; clear: both; margin: 0 0 1em 0; width: 100%; } #searchform label { float: left; font-size: 1.2em; font-weight: bold; color: #36052e; margin: 0 1em 1em 1em; } #searchform #q { color: #4F4F4F; float: left; margin: 0; padding: 3px 25px 3px 5px; border: 0; width: 188px; height: 19px; background: transparent url(/assets/asz_2011/images/default/bg_searchinput_small.png) no-repeat left top; } #searchform p { float: left; width: 100%; } #searchform p label { font-size: 1em; margin-bottom: 0; } #searchform p input { margin-right: .5em; } #searchform .button { float: left; font-size: 0; font-weight: normal; color: white; margin-left: -23px; padding: 0; border: 0; width: 16px; height: 26px; background: transparent url(/assets/asz_2011/images/default/arrow_orange_large.png) no-repeat left center; overflow: hidden; } #searchform .button:hover { color: #fe660d; cursor: pointer; } #resultsinfo { clear: both; float: left; margin: 1em 0; padding-top: 1em; border-top: 1px dashed #c7c7c7; width: 100%; } #searchresults { clear: both; margin: 0 0 1em 0; border-top: 1px dashed #c7c7c7; width: 100%; } #searchresults div { padding-left: 30px; } #searchresults div.result-header { margin-top: 1em; padding-left: 0; } #searchresults div.result-header .result-number { float: left; display: block; font-size: 1.3em; font-weight: bold; color: #36052e; width: 30px; } #searchresults div.result-header a { float: left; font-size: 1.3em; font-weight: bold; color: #36052e; text-decoration: none; width: 420px; } #searchresults div.result-header a:hover { text-decoration: underline; } #searchresults div.result-link a { padding-left: 30px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat 0 .15em; } #searchresults .highlight { background-color: #e0f3f4; } .navbox-search { clear: both; margin-bottom: 1em; padding: .5em .5em .3em .5em; border: 1px dashed #c7c7c7; border-width: 1px 0; text-align: center; } .navbox-search .prev { display: inline-block; padding-right: 20px; background: transparent url(/assets/asz_2011/images/default/arrowback_block_orange.png) no-repeat right center; } .navbox-search .next { display: inline-block; margin-left: .5em; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat left center; } .navbox-search .pages { display: inline-block; } .navbox-search .pages a { display: inline-block; color: #4f4f4f; margin-left: .5em; text-decoration: none; } .navbox-search .pages a:hover { text-decoration: underline; } /** * Forum and poll styles */ .forum, .topic, .pollarchive { width: 97%; margin: 0 0 2em 0; border: 1px solid #ddd; } .forum thead th, .topic thead th, .pollarchive thead th { margin-bottom: .2em; color: #e5352d; background-color: #ddd; } .forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { border-right: 1px solid #ddd; } .forum tr, .topic tr, .pollarchive tr { border-bottom: 1px solid #ddd; } .forum td, .forum th, .topic td, .topic th, .pollarchive td, .pollarchive th { vertical-align: top; padding: .3em; } .forum img, .topic img { vertical-align: top; } .forum p, .pollarchive p { margin-top: 0; } .forum a, .pollarchive a { font-weight: bold; color: #fe660d; border-color: #fe660d; } .post { } .post th { border-right: 1px solid #ddd; } .author { } /* special icons for announcements, sticky topics and locked topics */ td.announcement, td.sticky, td.locked, td.default { padding-left: 20px; background-position: 0 5px; background-repeat: no-repeat; } td.announcement { background-image: url(/assets/asz_2011/images/default/i_announce.gif); } td.sticky { background-image: url(/assets/asz_2011/images/default/i_sticky.gif); } td.locked { background-image: url(/assets/asz_2011/images/default/i_locked.gif); } .announcement { font-weight: bold; } .locked, .locked a { color: #afafaf; border-color: #afafaf; background-color: #ddd; } .pollresults { width: 100%; } .pollresults tr { } .pollresults td { text-align: right; } .pollresults td span { float: left; } .pollresults dt, .pollresults dd { margin: .3em 0 0 0; padding: 0; float: left; } .pollresults dt { clear: both; width: 20%; } .pollresults dd { width: 20%; } .pollresult { width: 55% !important; background-color: #ddd; } .pollresult div { border: 2px solid #e5352d; background-color: #ffdfca; } .pollresults, #pollform { margin-bottom: 2em; } /** * Jargon styles */ #jargonlink { display: block; font-weight: bold; margin-bottom: 1em; } .jargonterm { cursor: help; font-weight: bold; border-bottom: dotted 1px #000; } /** * Ecard styles */ #ecardlist { list-style: none; margin: 0; padding: 0; } #ecardlist li { float: left; margin: 1em 15px 0 0; width: 210px; height: 175px; } #ecardlist li a { display: block; text-decoration: none; } #ecardlist li a:hover span { text-decoration: underline; } #ecardlist li.upload { width: 425px; height: auto; } #ecardlist li.upload .basicform input { width: auto; } #ecardform .header { font-weight: bold; margin: 1em 0; } #ecardform input.submit { width: 190px; background: transparent url(/assets/asz_2011/images/default/bg_buttonwide.png) no-repeat center center; } .ecardview img { margin-bottom: 1em; } .ecardview h2, .ecardview p { padding: 0; margin: 0; } .ecardview h2.info { float: left; clear: left; font-size: 1em; width: 150px; } .ecardview h2.message { margin-top: 1em; } .ecardview p.message { float: left; margin: 0 0 0 150px; } .ecardview .links { float: left; clear: both; margin-top: 1em; width: 100%; } .ecardview .links a { display: block; font-weight: bold; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat left center; } ul#upload_photo { list-style-type: disc; margin: 0; padding: 0; } #upload_photo li { float: none; margin: 0 0 0 1.5em; padding: 0; width: auto; height: auto; } /** * Feedback styles */ #feedback { clear: both; border: 1px dashed #c7c7c7; margin: 1em 0; background-color: #fbddae; overflow: hidden; } #feedback h3 { margin: .5em .5em 0 .5em; } #feedback-content { margin: 0 .5em .5em .5em; } #feedbackform { float: left; clear: both; margin: 0 0 .5em 0; width: 70%; } #feedbackform textarea { width: 100%; } #feedbackform label { float: left; margin-bottom: .5em; width: 30%; } #feedbackform input { float: left; margin-bottom: .5em; width: 65%; } #feedbackform .button { color: #36052e; margin: 0 2em 0 0; padding: 0 0 0 15px; border: 0; width: auto; background: transparent url(/assets/asz_2011/images/default/arrow_block_orange.png) no-repeat left center; overflow: hidden; text-decoration: underline; } #feedbackform .button:hover { cursor: pointer; text-decoration: none; } /** * Plugin-styles: * - slideshow * - maps * - datepicker * - preview */ /* slideshow normal */ #lbOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; z-index: 9999; } #lbCenter, #lbBottomContainer { position: absolute; overflow: hidden; background-color: #fff; z-index: 9999; } #lbBottomContainer { } #lbImage { position: absolute; top: 0; left: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { position: absolute; top: 0; padding: 0; color: black; font-weight: bold; display: block; border: 0; width: 50%; outline: none; text-decoration: none; } #lbPrevLink span, #lbNextLink span { display: block; padding: 5px 10px; background-color: #ddd; visibility: hidden; } #lbPrevLink:hover, #lbNextLink:hover { } #lbPrevLink:hover span, #lbNextLink:hover span { visibility: visible; } #lbPrevLink { left: 0; } #lbPrevLink:hover { } #lbNextLink { right: 0; text-align: right; } #lbNextLink:hover { } #lbBottom { min-height: 20px; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { position: absolute; top: 0; right: 10px; display: block; font-family: Arial, sans-serif; font-weight: bold; padding: 0 .5em; background-color: #ddd; outline: none; text-decoration: none; } #lbNumber { position: absolute; top: 2px; right: 35px; font-size: .9em; font-weight: bold; color: black; padding: 0 .3em 0 .2em; } #lbInfo { margin: 0 80px 0 95px; border-right: 1px dotted #ddd; } #lbCaption { font-size: 1.5em; font-weight: bold; color: #1a4069; margin: 0; } /* slideshow inline */ #slideshow-controls { clear: both; margin-bottom: 1em; } #slideshow-controls .prev { float: left; } #slideshow-controls .next { float: right; } .inline-slideshow { cursor: pointer; } /* imageflow */ #overlay { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; z-index: 90; opacity: 0.8; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } #overlay-imageflow { position: absolute; top: 0; left: 0; bottom: 0; margin-top: -75px; width: 100%; height: 100%; z-index: 95; } #close-button { position: absolute; top: 100px; right: 50px; width: 34px; height: 34px; background: transparent url(/assets/asz_2011/images/default/imageflow.png) no-repeat left top; z-index: 999; cursor: pointer; } #overlay-content { position: absolute; padding: 20px; width: 600px; background-color: white; z-index: 91; -moz-border-radius: 12px 12px 12px 12px; -moz-box-shadow: 0 0 40px #000000; } .imageflow { position: relative; width: 100%; text-align: left; visibility: hidden; overflow: hidden; } .imageflow img { position: absolute; top: 0; border: none; visibility: hidden; -ms-interpolation-mode: bicubic; /* Enables bicubic image resampling for the IE7 */ } .imageflow p { margin: 0 auto; text-align: center; } .imageflow .loading { position: relative; left: 50%; margin-left: -106px; padding: 5px; border: 1px solid white; width: 200px; height: 15px; visibility: visible; } .imageflow .loading_bar { width: 1%; height: 15px; background: #fff; visibility: visible; } .imageflow .navigation { margin-top: 75px; z-index: 10000; } .imageflow .caption { position: relative; font-weight: bold; text-align: center; z-index: 10001; } .imageflow .scrollbar { position: relative; border-bottom: 1px solid #b3b3b3; height: 1px; visibility: hidden; z-index: 10002; } .imageflow .slider { position: absolute; margin: -6px 0 0 -7px; width: 14px; height: 14px; background: transparent url(/assets/asz_2011/images/default/imageflow.png) no-repeat 0 -45px; z-index:10003; } .navigation .slideshow { position: relative; margin: 10px auto; width: 14px; height: 14px; z-index: 10003; cursor: pointer; } .imageflow .slideshow.pause { background: transparent url(/assets/asz_2011/images/default/imageflow.png) no-repeat 0 -93px; } .imageflow .slideshow.play { background: transparent url(/assets/asz_2011/images/default/imageflow.png) no-repeat 0 -115px; } .imageflow .images { overflow: hidden; white-space: nowrap; } .imageflow .button { position: relative; width: 17px; height: 17px; cursor: pointer; } .imageflow .previous { float: left; margin: -7px 0 0 -30px; background: transparent url(/assets/asz_2011/images/default/imageflow.png) no-repeat 0 -136px; } .imageflow .next { float: right; margin: -7px -30px 0 30px; background: transparent url(/assets/asz_2011/images/default/imageflow.png) no-repeat 0 -116px; } /* maps */ #map { margin-bottom: 1em; } #map .map-controls { position: absolute; top: 10px; right: 10px; } #map .map-controls .map-control { float: left; font-size: .9em; padding: 4px 10px 3px 10px; width: 45px; background: transparent url(/assets/asz_2011/images/default/map_control.png) no-repeat left top; cursor: pointer; text-align: center; } #map .map-controls .map-control.selected { font-weight: bold; } #map .map-controls .map-control-normal { background-position: left top; } #map .map-controls .map-control-normal:hover { background-position: 0 -26px; } #map .map-controls .map-control-satellite { border: 1px solid #d2d2d2; border-width: 0 1px; background-position: center top; } #map .map-controls .map-control-satellite:hover { background-position: 50% -26px; } #map .map-controls .map-control-hybrid { background-position: right top; } #map .map-controls .map-control-hybrid:hover { background-position: 100% -26px; } #route { margin-bottom: 1em; } /* maps */ #map_canvas { margin-bottom: 1em; } #toggle_panoramio { color: #000; margin-top: 5px; padding: 2px 6px; border: 1px solid #717b87; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); cursor: pointer; } #toggle_panoramio.selected { font-weight: bold; } #route { margin-bottom: 1em; } #route p.total-distance { margin: 1em 0; text-align: right; } #route h3 { margin: 1em 0 0 0; padding: .5em; border: 1px solid #666; background-color: #ddd; } #route ol { list-style: inset; } #route ol li { border-top: 1px dotted #666; } #route ol li p { } #route ol li p.distance { text-align: right; } /* datepicker */ .ui-datepicker { padding: .2em; width: 150px; background-color: #ddd; } .ui-datepicker select { width: 50%; } .ui-datepicker table { } .ui-datepicker table th, .ui-datepicker table td { padding: .1em .2em; } /* preview bar */ #preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #e5352d; text-align: center; background-color: white; z-index: 3; } #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; } #preview-bar:hover #previewselect { opacity: .8; } #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; } /* slideshow styled */ #slideshow-wrapper { width:90; } #slideshow-container { position:relative; } #slideshow-wrapper ul#slideshows-tabs { width: 325px; float:right; list-style:none; margin:5px 0 0; padding:0; border-top: 1px dashed #C7C7C7; } #slideshow-wrapper ul#slideshows-tabs li {clear:both; overflow:hidden; border-bottom: 1px dashed #C7C7C7; padding:5px 0;} #slideshow-wrapper ul#slideshows-tabs li span { padding-top: 1px; font-size: 0.9em; margin-right:10px; text-align:center; color:white; display:block; float:left; width:14px; height:17px; background: url(/assets/asz_2011/images/default/box_red.png) no-repeat left 3px; } #slideshow-wrapper ul#slideshows-tabs li a { color:#F29300; float:left; width: 300px; text-decoration:none; } #slideshow-wrapper ul#slideshows-tabs li a:hover { text-decoration:underline; } #slideshow-wrapper ul#slideshows-tabs li.ui-state-active span { background: url(/assets/asz_2011/images/default/box_orange.png) no-repeat left 3px; } #slideshow-wrapper ul#slideshows-tabs li.ui-state-active a { color:#e5352d; } #slideshow-wrapper #tabs { } #slideshow-wrapper #tabs img { border: 2px solid white; box-shadow: 0 0 2px #aaa; } .ui-tabs .ui-tabs-hide { display:none; } .ui-tabs .ui-tabs-selected a { text-decoration:underline !important;} .billboard-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 200; background-color: white; opacity: .60; filter: alpha(opacity = 60);} .billboard { position: absolute; top: 45px; left: 25px; z-index: 200; } /** * Very often used classes */ .semicolumn { float: left; margin-left: 30px; width: 320px; } .semicolumn .inline-sections .inline-section ul li { padding-bottom: .3em; border-bottom: 1px dashed #c7c7c7; } .semicolumn.first { margin-left: 0; } .semicolumn.first #pagetitle { margin-top: 0; } .semicolumn.first .inline-sections { } .notice { display: block; clear: both; font-style: italic; margin: .5em 0; padding: .2em .5em; border: 1px dashed #c7c7c7; background-color: #fbddae; } .nodisplay { display: none; } #back { display: block; color: #4f4f4f; margin: 1em 0; padding-left: 20px; background: transparent url(/assets/asz_2011/images/default/arrowback_block_orange.png) no-repeat 0 .3em ; text-decoration: underline; cursor: pointer; } #back:hover { text-decoration: none; } /** * Specific styles for other browsers (most commonly IE) */ .ie6 body { behavior: url(/css/default/IEHover.htc); } .ie6 #breadcrumbs { float: left; clear: both; } .ie6 .basicform .element .input, .ie6 .basicform .element .group { width: 58%; } .ie7 #quicksearch { float: left; } .ie7 #breadcrumbs { float: left; clear: both; } .ie7 .navbox-search .prev { display: inline; } .ie7 .navbox-search .next { display: inline; } .ie7 .navbox-search .pages { display: inline; } .ie7 .navbox-search .pages a { display: inline; } .ie7 table { border-collapse: separate; } .ie8 table { border-collapse: separate; }