/*************************************************************************************************************************/ /* Defines a custom look and feel for the www.walthamforest.gov.uk website or pages that use the LBWF skinning templates */ /*************************************************************************************************************************/ /* Global Styles */ .green-page #content h1, .green-page #content h2, .green-page #content h4, .green-page #content h6, .green-page #rightnav h1, .green-page #rightnav h2, .green-page #rightnav h4, .green-page #rightnav h6, .green-page #content a, .green-page #content a:link, .green-page #content a:visited, .green-page #content a:active, .green-page #content a:hover, .green-page #rightnav a, .green-page #rightnav a:link, .green-page #rightnav a:visited, .green-page #rightnav a:active, .green-page #rightnav a:hover { color: #009e7c; } .purple-page #content h1, .purple-page #content h2, .purple-page #content h4, .purple-page #content h6, .purple-page #rightnav h1, .purple-page #rightnav h2, .purple-page #rightnav h4, .purple-page #rightnav h6, .purple-page #content a, .purple-page #content a:link, .purple-page #content a:visited, .purple-page #content a:active, .purple-page #content a:hover, .purple-page #rightnav a, .purple-page #rightnav a:link, .purple-page #rightnav a:visited, .purple-page #rightnav a:active, .purple-page #rightnav a:hover { color: #6f0054; } .brown-page #content h1, .brown-page #content h2, .brown-page #content h4, .brown-page #content h6, .brown-page #rightnav h1, .brown-page #rightnav h2, .brown-page #rightnav h4, .brown-page #rightnav h6, .brown-page #content a, .brown-page #content a:link, .brown-page #content a:visited, .brown-page #content a:active, .brown-page #content a:hover, .brown-page #rightnav a, .brown-page #rightnav a:link, .brown-page #rightnav a:visited, .brown-page #rightnav a:active, .brown-page #rightnav a:hover { color: #ae612d; } .pink-page #content h1, .pink-page #content h2, .pink-page #content h4, .pink-page #content h6, .pink-page #rightnav h1, .pink-page #rightnav h2, .pink-page #rightnav h4, .pink-page #rightnav h6, .pink-page #content a, .pink-page #content a:link, .pink-page #content a:visited, .pink-page #content a:active, .pink-page #content a:hover, .pink-page #rightnav a, .pink-page #rightnav a:link, .pink-page #rightnav a:visited, .pink-page #rightnav a:active, .pink-page #rightnav a:hover { color: #dc334f; } .blue-page #content h1, .blue-page #content h2, .blue-page #content h4, .blue-page #content h6, .blue-page #rightnav h1, .blue-page #rightnav h2, .blue-page #rightnav h4, .blue-page #rightnav h6, .blue-page #content a, .blue-page #content a:link, .blue-page #content a:visited, .blue-page #content a:active, .blue-page #content a:hover, .blue-page #rightnav a, .blue-page #rightnav a:link, .blue-page #rightnav a:visited, .blue-page #rightnav a:active, .blue-page #rightnav a:hover { color: #17327a; } /* Screen Styles */ @media screen { body { color: #333; } #wrapper { min-width: 966px; } #wrapper.feedback-form-visible { min-width: 1080px; } #notice-bar { background: url(NoticeBar.png) left top repeat-x scroll #ffed88; min-height: 16px; padding: 7px; border-bottom: 1px solid #b4a555; } #notice-bar a { display: block; color: #000 !important; text-decoration: none !important; min-height: 16px; } #header li, #header-expand li, #footer li, #leftnav li, .home-page li { background-image: none; } #header { border-bottom: 1px solid #cecece; } #header-inner { width: 966px; margin: auto; position: relative; z-index: 999; /* fix IE7 positioning for auto-complete */ } #header-logo { margin: 0 0 0 4px; width: 186px; float: left; padding: 20px 0 20px 4px; } #header-content { text-align: right; position: absolute; bottom: 0; right: 0; width: 760px; } #plain-header { margin: 1em 6px 1em; font-size: 1.2em; } #topnav { margin: 0; padding: 0; list-style: none; float: right; } #topnav li { float: left; font-size: 16px; font-weight: bold; min-height: 44px; border-right: 1px solid #eaeaea; vertical-align: bottom; margin: 0; padding: 0 0.375em; } #topnav li.last { border-right: none; padding-right: 0; } #topnav a { margin: 3px 0 0; height: 40px; color: #333; text-decoration: none !important; outline: 0; display: inline-block; vertical-align: top; } #topnav a:hover { color: #009e7c; } #topnav a.topnav-arrow img { background: url(Sprite.png) 0 0 no-repeat scroll transparent; height: 23px; margin: 2px 0 0 4px; overflow: hidden; text-indent: -9999px; width: 34px; height: 40px; } #topnav li.active a.topnav-arrow img { background: url(Sprite.png) 0 0 no-repeat scroll transparent; } #topnav #topnav-services a.topnav-arrow img { background-position: 0 0; } #topnav #topnav-services a.topnav-arrow:hover img { background-position: 0 -40px; } #topnav #topnav-services.active a.topnav-arrow img { background-position: 0 -80px; } #topnav #topnav-apply a.topnav-arrow img { background-position: -34px 0; } #topnav #topnav-apply a.topnav-arrow:hover img { background-position: -34px -40px; } #topnav #topnav-apply.active a.topnav-arrow img { background-position: -34px -80px; } #topnav #topnav-book a.topnav-arrow img { background-position: -68px 0; } #topnav #topnav-book a.topnav-arrow:hover img { background-position: -68px -40px; } #topnav #topnav-book.active a.topnav-arrow img { background-position: -68px -80px; } #topnav #topnav-pay a.topnav-arrow img { background-position: -102px 0; } #topnav #topnav-pay a.topnav-arrow:hover img { background-position: -102px -40px; } #topnav #topnav-pay.active a.topnav-arrow img { background-position: -102px -80px; } #topnav #topnav-report a.topnav-arrow img { background-position: -136px 0; } #topnav #topnav-report a.topnav-arrow:hover img { background-position: -136px -40px; } #topnav #topnav-report.active a.topnav-arrow img { background-position: -136px -80px; } #topnav #topnav-services a:hover { color: #009e7c; } #topnav #topnav-apply a:hover { color: #6f0054; } #topnav #topnav-book a:hover { color: #ae612d; } #topnav #topnav-pay a:hover { color: #dc334f; } #topnav #topnav-report a:hover { color: #17327a; } #header-search-form { padding: 5px 3px; margin: 0 0 1em; } #header-expand { background: url(HeaderExpand.png) left top repeat-x scroll #c4c4c4; } .header-expand-panel { background: url(HeaderExpandShadow.png) left bottom repeat-x scroll transparent; padding: 20px 0; } .header-expand-panel.green { border-bottom: 5px solid #009e7c; } .header-expand-panel.purple { border-bottom: 5px solid #6f0055; } .header-expand-panel.brown { border-bottom: 5px solid #ae612d; } .header-expand-panel.pink { border-bottom: 5px solid #dc334f; } .header-expand-panel.blue { border-bottom: 5px solid #17327a; } #header-expand .panel-inner { width: 959px; margin: 0 auto; position: relative; } #header-expand a.close-button { background: url(Sprite.png) 0 -170px no-repeat scroll transparent; width: 24px; height: 24px; display: inline-block; overflow: hidden; text-indent: -9999px; position: absolute; right: 0; top: 0; } #header-expand a.close-button:hover { background-position: -24px -170px; } #header-expand h2 { margin: 0; float: left; font-size: 24px; font-weight: bold; line-height: 28px; color: #333; width: 194px; } #header-expand .popular-links { float: left; width: 765px; } #header-expand .popular-links ul { list-style: none; padding: 0; margin: 0; } #header-expand .popular-links ul li { float: left; padding: 0 60px 12px 0; margin: 0; vertical-align: top; width: 320px; } #header-expand .popular-links ul .photo { float: left; margin: 3px 9px 0 0; } #header-expand .popular-links ul .photo img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #header-expand .popular-links p { margin: 0; } #header-expand h3 { margin: 0; display: inline; font-weight: bold; font-size: 1em; } #header-expand h3 a { color: #333 !important; } #header-expand .panel-footer { clear: both; } #header-expand .panel-footer.r-box .r-content, #header-expand .panel-footer.r-box .r-top span, #header-expand .panel-footer.r-box .r-bottom span { background: #bbb; } #header-expand .panel-footer.r-box .r-top, #header-expand .panel-footer.r-box .r-bottom { background-position: -10px -260px; } #header-expand .panel-footer.r-box .r-top span span, #header-expand .panel-footer.r-box .r-bottom span span { background-position: -15px -260px; } #header-expand .panel-footer.r-box .r-bottom { background-position: -10px -265px; } #header-expand .panel-footer.r-box .r-bottom span span { background-position: -15px -265px; } #header-expand .panel-footer .security-info { padding: 0.5em; } #header-expand .panel-footer .padlock-icon { background: url(Sprite.png) 0 -210px no-repeat scroll transparent; width: 16px; height: 23px; display: inline-block; float: left; margin: 0 0.5em; } #header-expand .green .padlock-icon { background-position: -32px -210px; } #header-expand .purple .padlock-icon { background-position: -48px -210px; } #header-expand .brown .padlock-icon { background-position: -64px -210px; } #header-expand .pink .padlock-icon { background-position: -80px -210px; } #header-expand .blue .padlock-icon { background-position: -96px -210px; } #header-expand .panel-footer p { margin: 0; } #header-expand .panel-footer p.info { margin: 0 0.5em 0 0; width: 350px; float: left; } #header-expand .panel-footer .view-all { float: right; line-height: 3em; } #header-expand .panel-footer .view-all strong { font-weight: bold; font-size: 14px; } #header-expand .panel-footer .view-all a.signpost { background-position: right -400px; width: 220px; margin: 0 0.5em 0 1em; } #header-expand-panel-services ul.popular-services { list-style: none; float: left; margin: 0 5px 0 0; padding: 0; width: 190px; } #header-expand-panel-services ul.popular-services li { line-height: 1em; margin: 0 0 5px; padding: 0; } #header-expand-panel-services ul.popular-services h4 { display: block; margin: 0; padding: 0; font-size: 1em; } #header-expand-panel-services ul.popular-services a { color: #333 !important; } #header-expand-panel-services ul.popular-services p { margin: 0; } #header-expand-panel-services div.a-z-button-set { float: left; width: 300px; } #header-expand-panel-services div.a-z-button-set h3 { color: #333; font-size: 18px; margin: 0 0 1em; } ul.a-z-buttons { margin: 1em 0; padding: 0; list-style: none; float: left; } ul.a-z-buttons li { float: left; margin: 0; padding: 0 1px 1px 0; } ul.a-z-buttons a, ul.a-z-buttons span { background: url(Sprite.png) 0 -130px no-repeat scroll transparent; font-weight: bold; text-decoration: none !important; color: #333 !important; display: block; height: 16px; line-height: 16px; padding: 6px 2px; text-align: center; width: 25px; } ul.a-z-buttons a:hover { background-position: -29px -130px; } ul.a-z-buttons li.active span { background-position: -58px -130px !important; color: #fff !important; cursor: default; } #main { background: #e2e2e2; min-height: 600px; } #main-inner { padding: 11px 0 37px; position: relative; margin: 0 auto; width: 966px; } #content-wrap-1 { float: right; width: 765px; } .wide-fixed-width-page #main-inner { margin: 0 auto; width: 966px; } .variable-width-page { min-width: 992px; } .variable-width-page #main-inner { padding-left: 10px !important; padding-right: 10px !important; width: auto; } .variable-width-page #main-frame { width: auto; } .variable-width-page #content-wrap-1 { float: right; width: 100%; margin: 0 0 0 -195px; } .variable-width-page #content-wrap-2 { float: left; width: 100%; margin: 0 -260px 0 0; } .variable-width-page #content { margin-left: 195px; margin-right: 260px; width: auto !important; float: none; } .variable-width-page .no-rightnav #content { margin-right: 0; } .variable-width-page #header-inner { width: auto; padding-left: 10px; padding-right: 10px; } .variable-width-page #header-content { right: 10px; } .variable-width-page #footer-inner { width: auto; padding-left: 10px; padding-right: 10px; } .variable-width-page #page-feedback { margin-right: 60px; } .variable-width-page #page-feedback-form-container { left: -60px; } #page-width-switcher { position: absolute; right: 0; top: 0; display: block; width: 245px; margin: 0 3px; color: #333 !important; outline: 0; text-decoration: none !important; } .no-rightnav #page-width-switcher { width: auto; margin-right: 6px; } #page-width-switcher:hover { color: #000 !important; } #page-width-switcher-icon { background: url(Sprite.png) 0 -370px no-repeat scroll transparent; display: inline-block; vertical-align: middle; width: 38px; height: 23px; margin: 0 5px 0 0; } #page-width-switcher-text { vertical-align: middle; } #page-width-switcher:hover #page-width-switcher-icon { background-position: 0 -393px; } .variable-width-page #page-width-switcher-icon { background-position: 0 -416px; } .variable-width-page #page-width-switcher:hover #page-width-switcher-icon { background-position: 0 -439px; } .purple-page #page-width-switcher-icon { background-position: -38px -370px; } .purple-page #page-width-switcher:hover #page-width-switcher-icon { background-position: -38px -393px; } .purple-page .variable-width-page #page-width-switcher-icon { background-position: -38px -416px; } .purple-page .variable-width-page #page-width-switcher:hover #page-width-switcher-icon { background-position: -38px -439px; } .brown-page #page-width-switcher-icon { background-position: -76px -370px; } .brown-page #page-width-switcher:hover #page-width-switcher-icon { background-position: -76px -393px; } .brown-page .variable-width-page #page-width-switcher-icon { background-position: -76px -416px; } .brown-page .variable-width-page #page-width-switcher:hover #page-width-switcher-icon { background-position: -76px -439px; } .pink-page #page-width-switcher-icon { background-position: -114px -370px; } .pink-page #page-width-switcher:hover #page-width-switcher-icon { background-position: -114px -393px; } .pink-page .variable-width-page #page-width-switcher-icon { background-position: -114px -416px; } .pink-page .variable-width-page #page-width-switcher:hover #page-width-switcher-icon { background-position: -114px -439px; } .blue-page #page-width-switcher-icon { background-position: -152px -370px; } .blue-page #page-width-switcher:hover #page-width-switcher-icon { background-position: -152px -393px; } .blue-page .variable-width-page #page-width-switcher-icon { background-position: -152px -416px; } .blue-page .variable-width-page #page-width-switcher:hover #page-width-switcher-icon { background-position: -152px -439px; } .home-page { padding: 0 0 37px; } #page-context { position: relative; } #main ul.breadcrumbs { margin: 0; padding: 0 0 12px 198px; list-style: none; } .page-width-switcher-enabled #main ul.breadcrumbs { margin-right: 263px; } #main ul.breadcrumbs li { margin: 0 5px 0 0; padding: 0 0 0 10px; float: left; background: url(BreadcrumbArrow.png) 0 50% no-repeat scroll transparent; } #main ul.breadcrumbs li.first { padding: 0; background: none; } #main ul.breadcrumbs a { color: #333 !important; } #main ul.breadcrumbs li strong { font-weight: normal; } #global-alert { margin: -5px -9px 4px; } .home-page #global-alert { margin: -6px -6px 0px; } .variable-width-page #global-alert { margin-left: 186px; } #global-alert .r-top { background: none; height: 35px; position: relative; } #global-alert .r-top span { background: url("GlobalAlertTop.png") 0 0 repeat-x scroll transparent !important; display: block; height: 35px; margin: 0 17px; } #global-alert .r-top span span, #global-alert .r-bottom span span { background: url("GlobalAlert.png") -49px 0 no-repeat scroll transparent !important; margin: 0; position: absolute; top: 0; width: 17px; } #global-alert .r-top span span { height: 35px; } #global-alert .r-top span span.left { left: 0; background-position: 0 0 !important; } #global-alert .r-top span span.right { right: 0; background-position: -49px 0 !important; } #global-alert .r-bottom { background: none; height: 49px; position: relative; } #global-alert .r-bottom span { background: url("GlobalAlertBottom.png") 0 0 repeat-x scroll transparent !important; display: block; height: 49px; margin: 0 17px; } #global-alert .r-bottom span span { height: 49px; } #global-alert .r-bottom span span.left { left: 0; background-position: 0 -71px !important; } #global-alert .r-bottom span span.right { right: 0; background-position: -49px -71px !important; } #global-alert .r-content { background: url("GlobalAlertLeft.png") left top repeat-y scroll transparent !important; } #global-alert .r-content .inner { background: url("GlobalAlertRight.png") right top repeat-y scroll transparent !important; padding: 0 17px; } #global-alert .r-content .inner-inner { background: #f8f7f7; } #global-alert-body { padding: 0 19px 0 65px; margin: -14px 0 -18px; position: relative; z-index: 50; background: url(GlobalAlertIcon.png) 5px 0 no-repeat scroll transparent; } #global-alert h2 { margin: 0 0 0.2em; font-size: 1.85em; } #global-alert .intro p { margin: 0.5em 0; } #global-alert ul { margin: 0.5em 0 0; } #leftnav { float: left; width: 180px; } #content { float: left; width: 505px; } .no-rightnav #content { width: 765px } #rightnav { float: right; width: 245px; } #main-frame { width: 960px; padding: 0 3px; } .content-inner { padding: 0 10px 5px; } .content-inner > :first-child { margin-top: 0; } .content-inner > p:first-child, .content-inner > h1:first-child, .content-inner > h2:first-child, .content-inner > h3:first-child, .content-inner > h4:first-child, .content-inner > h5:first-child, .content-inner > h6:first-child { padding-top: 1em; } #content-inner { padding: 0 10px 5px; } #content-inner > :first-child { margin-top: 0; } /* #content-inner > p:first-child, #content-inner > h1:first-child, #content-inner > h2:first-child, #content-inner > h3:first-child, #content-inner > h4:first-child, #content-inner > h5:first-child, #content-inner > h6:first-child { padding-top: 1em; } */ h1#page-title { font-size: 2.4em; margin: 0 -10px 0.3em; padding: 0.1em 10px 9px; border-bottom: 5px solid #eaeaea; } #page-title span { display: block; font-size: 18px; line-height: 18px; padding: 3px 0 0; } #page-title-description { font-size: 1.25em; font-weight: normal; margin: 0; color: #333; } #page-sub-title { margin: 0.2em 0 1em; font-size: 1.5em; } .title-with-summary { margin: 0 -10px 0.3em; padding: 0.1em 10px 9px; border-bottom: 5px solid #eaeaea; } .title-with-summary #page-title { margin: 0 0 0.3em; padding: 0; border-bottom: none; font-size: 1.8em; } #leftnav h2 { font-weight: bold; font-size: 1.385em; line-height: 1.15em; margin: -3px 0 6px; color: #333; } #rightnav h2 { font-weight: bold; font-size: 1.5em; line-height: 1.5em; } #rightnav a.signpost.wide { width: 193px; } .subnav { line-height: 1em; margin: 0 0 29px; padding: 0; list-style: none; } .subnav ul { list-style: none; margin: 0; padding: 0; } .subnav li { margin: 0; padding: 0; font-style: normal !important; line-height: 1.12em; } .subnav a { border-bottom: 1px solid #d0d0d0; color: #666; display: block; font-weight: bold; padding: 5px 0 6px; } .subnav a:hover { color: #333; text-decoration: none; } .subnav .active a { border-bottom: 1px solid #9B9B9B; color: #333333; text-decoration: none; } .subnav .active ul a, .subnav ul a { border-bottom: 1px solid #d0d0d0; color: #666; font-weight: normal; padding: 4px 11px; } .subnav ul a:hover { color: #333; } .subnav ul .active a { border-bottom: 1px solid #9b9b9b; color: #333; font-weight: bold; } .subnav .active ul ul a, .subnav ul ul a { border-bottom: 1px solid #d0d0d0; color: #666; font-weight: normal; padding: 4px 10px 4px 20px; } .subnav ul ul a:hover { border-bottom: 1px solid #d0d0d0; color: #333; } .subnav ul ul .active a { background: #f7f7f7; border-bottom: 1px solid #d0d0d0; color: #333; font-weight: bold; } #leftnav #event-calendar { margin: 0 0 1em; } #rightnav .glue.fixed { width: 245px; top: 13px; position: fixed; } #rightnav a { word-wrap: break-word; } #rightnav li { background-image: none; padding-left: 0; } .content .r-box.header-box, #rightnav .r-box { margin: 0 0 15px; } .content .r-box.header-box h2, #rightnav .r-box h2 { border-bottom: 1px solid #ccc; line-height: 1.5em; font-size: 1.5em; margin: -10px -10px 10px; padding: 5px 10px 10px; position: relative; } .content .r-box.header-box .r-content, #rightnav .r-box .r-content { padding: 10px; } #rightnav .r-box.green h2, #rightnav .r-box.purple h2, #rightnav .r-box.brown h2, #rightnav .r-box.pink h2, #rightnav .r-box.blue h2 { padding: 0 10px 5px; border-bottom: none; } .content .r-box.green.header-box h2, .content .r-box.purple.header-box h2, .content .r-box.brown.header-box h2, .content .r-box.pink.header-box h2, .content .r-box.blue.header-box h2 { padding: 5px 10px 10px; border-bottom: none; } #rightnav .r-box h2 .padlock-icon { background: url(Sprite.png) -150px -205px no-repeat scroll transparent; display: block; position: absolute; right: 10px; top: 5px; height: 28px; width: 19px; } .green-page #rightnav .r-box h2 .padlock-icon { background-position: -150px -205px; } .purple-page #rightnav .r-box h2 .padlock-icon { background-position: -169px -205px; } .brown-page #rightnav .r-box h2 .padlock-icon { background-position: -188px -205px; } .pink-page #rightnav .r-box h2 .padlock-icon { background-position: -207px -205px; } .blue-page #rightnav .r-box h2 .padlock-icon { background-position: -226px -205px; } #rightnav .r-box ul { padding: 0; margin: 0; list-style: none; } .r-box.green .r-top span, .r-box.green h2 { background: #009e7c; color: #fff !important; } .r-box.green .r-top { background-position: -40px -260px; } .r-box.green .r-top span span { background-position: -45px -260px; } .r-box.purple .r-top span, .r-box.purple h2 { background: #6f0055; color: #fff !important; } .r-box.purple .r-top { background-position: -50px -260px; } .r-box.purple .r-top span span { background-position: -55px -260px; } .r-box.brown .r-top span, .r-box.brown h2 { background: #ae612d; color: #fff !important; } .r-box.brown .r-top { background-position: -60px -260px; } .r-box.brown .r-top span span { background-position: -65px -260px; } .r-box.pink .r-top span, .r-box.pink h2 { background: #dc334f; color: #fff !important; } .r-box.pink .r-top { background-position: -70px -260px; } .r-box.pink .r-top span span { background-position: -75px -260px; } .r-box.blue .r-top span, .r-box.blue h2 { background: #17327a; color: #fff !important; } .r-box.blue .r-top { background-position: -80px -260px; } .r-box.blue .r-top span span { background-position: -85px -260px; } #rightnav .related-forms li { background: url(BulletArrowBlack.png) 0 6px no-repeat scroll transparent; padding-left: 12px; } #rightnav .related-forms a { color: #333 !important; } #rightnav .contacts li { padding: 0.5em 0; margin: 0; } #rightnav .contacts li.last { border-bottom: none; } #rightnav .contacts h3 { font-size: 1.05em; font-weight: bold; color: #333; margin: 0.5em 0; } #rightnav .related-events a, #rightnav .recent-events a, #rightnav .related-news a, #rightnav .recent-news a, #rightnav .see-also a { display: block; } #rightnav .related-events ul, #rightnav .recent-events ul, #rightnav .related-news ul, #rightnav .recent-news ul, #rightnav .see-also ul, #rightnav .contacts ul { margin-top: -10px; } #rightnav .related-events li, #rightnav .recent-events li, #rightnav .related-news li, #rightnav .recent-news li, #rightnav .see-also li, #rightnav .contacts li { padding: 0.5em 0; border-bottom: 1px solid #ccc; } #rightnav .see-also li { padding: 1em 0; } #rightnav .see-also li.last, #rightnav .contacts li.last { border-bottom: none; padding-bottom: 0; } #rightnav .see-also h3 { padding: 0; margin: 0; font-size: 1em; font-weight: normal; } #rightnav .see-also p { margin: 0; } #rightnav a.more { margin: 1em 0 0; font-weight: bold; display: block; } .content .last-updated { border-bottom: 1px solid #7fcebd; margin: 0.9em 0; padding: 0 0 10px; } .content .last-updated em { color: #666; } .service-catalog .service { width: 50%; margin: 0; padding: 0; float: left; } .service-catalog .service .inner { margin: 0 0 1em 0; padding: 1em 0 0; border-top: 1px solid #7fcebd; } .green-page .service-catalog .service .inner { border-top: 1px solid #7fcebd; } .purple-page .service-catalog .service .inner { border-top: 1px solid #6f0055; } .brown-page .service-catalog .service .inner { border-top: 1px solid #ae612d; } .pink-page .service-catalog .service .inner { border-top: 1px solid #dc334f; } .blue-page .service-catalog .service .inner { border-top: 1px solid #17327a; } .service-catalog .row.first .service .inner { border-top: none; } .service-catalog .service.first .inner { margin-right: 10px; } .service-catalog .service.last .inner { margin-left: 10px; } .service-catalog .service ul { margin: 0; padding: 0; } .service-catalog .service ul li { line-height: 1.2em; margin: 0 0 0.2em; } .service-catalog h2 { font-weight: bold; margin: 0 0 0.2em; line-height: 1.2em; font-size: 1.2em; } .service-catalog h3.popular { font-size: 1em; font-weight: bold; margin: 0 0 0.4em; } .service-catalog p { margin: 0.3em 0 1em; } .service-catalog .photo { position: relative; width: 234px; height: 176px; margin: 0 0 0.6em; } .service-catalog .photo img { float: left; } .service-catalog .photo .overlay { width: 234px; height: 176px; position: absolute; left: 0; top: 0; z-index: 290; background: url(ServiceCatalogPhoto.png) left top no-repeat scroll transparent; outline: none; } #service-catalog-popular { border-bottom: 1px solid #7fcebd; padding: 0 0 1em; } #service-catalog-popular.level-1 { border-bottom: none; padding-bottom: 0; } #service-catalog-popular.level-1 .row { margin-bottom: 1em; } #service-catalog-popular.level-1 .service { width: 33.3%; } #service-catalog-popular .service .inner { padding-top: 0; border-top: none; } #service-catalog-popular.service-catalog .title-and-desc { border-bottom: 1px solid #7fcebd; margin: 0 0 0.8em; } #service-catalog-popular.service-catalog .service-description { padding: 0 0 0.8em; margin: -0.3em 0 0; } #service-catalog-popular.service-catalog h2 { font-size: 1.375em; padding: 0 0 0.3em; } #service-catalog-all.service-catalog h2 { font-size: 1.2em; } #a-z-services { margin: 0; padding: 0; list-style: none; } #a-z-services li.a-z-service { margin: 0 -10px; padding: 1em 10px; background: none; } #a-z-services li.a-z-service.odd { background: #f2f2f2; } #a-z-services .service-title { background: url(BulletArrowGrey.png) 0 6px no-repeat scroll transparent; padding-left: 15px; margin: 0; font-size: 1.25em; } #a-z-services .service-description { margin: 0 0 0 15px; } .faq-index { border-bottom: 5px solid #e2e2e2; margin-left: -10px; margin-right: -10px; padding: 0 10px 1em; } .faq-index li { background: none; padding: 0; margin: 0.2em 0; } .faq-index h2 { font-size: 1.15em; padding: 0; margin: 0; } .faq-answers { padding: 0; } .faq-answers li.faq-answer { background: none; border-bottom: 1px solid #7fcebd; margin: 0 0 11px; padding: 0 0 10px; } .faq-answers li.faq-answer.last { border-bottom: none; margin: 0; padding: 0; } .article-summary-list { margin-bottom: 1em; } .article-summary-list { list-style: none; padding: 0; margin: 0; } .article-summary { border-bottom: 1px solid #7fcebd; background: none; padding: 0; margin: 0; } .article-summary.last { border-bottom: none; } .article-summary-list h2 { margin: 0.5em 0 0; } .article-summary-list p.date { margin-top: 0; color: #666; } .article-summary-list p.date em { font-style: normal; } .event-summary-list-wrap { margin-bottom: 1em; } .event-summary-list { list-style: none; padding: 0; margin: 0; } .event-summary { border-bottom: 1px solid #7fcebd; background: none; padding: 0; margin: 0; position: relative; min-height: 65px; } .event-summary.last { border-bottom: none; } .event-summary-list h2 { margin: 0.5em 0 0 65px; } .event-summary-list p.event-leadin { margin: 0.5em 0 1em 65px; } p.event-date { position: absolute; left: 0; top: 0; display: block; margin: 0; padding: 0; width: 52px; min-height: 52px; } p.event-date a { text-decoration: none !important; } p.event-date .month { display: block; background: url(DateIconTopBack.png) left top repeat-y scroll transparent; } p.event-date .month span { display: block; background: url(DateIconTop.png) left top no-repeat scroll transparent; min-height: 16px; line-height: 16px; font-size: 12px; color: #fff !important; text-align: center; } p.event-date .day { display: block; background: url(DateIconBottomBack.png) left top repeat-y scroll transparent; } p.event-date .day span { display: block; background: url(DateIconBottom.png) left bottom no-repeat scroll transparent; min-height: 36px; line-height: 36px; font-size: 24px; font-weight: bold; color: #000 !important; text-align: center; font-style: normal; } dl.event-details dt { float: left; width: 8em; font-weight: bold; line-height: 1.8em; } dl.event-details dd { line-height: 1.8em; padding-left: 8.5em; word-break: break-all; } .content #content-search-form { margin: 1em 0; } #content-search-form fieldset { border-style: none; margin: 0; padding: 0; } #content-search-form legend { display: none; } h2.result-summary { color: #333; font-size: 1.25em; font-weight: normal; margin: 0 0 15px; } #search-results { margin: 0 0 1em; } #search-results .spelling-suggestion { font-size: 1.25em; margin-top: -0.5em; } #search-results .search-result-list { margin: 1em 0; padding: 0; list-style: none; } #search-results .search-result-list.special { border-bottom: none; margin-bottom: 0; } #search-results .search-result-list li { margin: 0; padding: 1em 0 2em; list-style: none; background: none; border-bottom: 1px solid #7fcebc; } #search-results .search-result-list li.first { padding-top: 0; } #search-results .search-result-list li.last { border-bottom: none; } #search-results .result-title { font-size: 1.25em; font-weight: normal; margin: 0 0 0.2em; color: #009e7c; } #search-results .best-bet { padding-left: 24px !important; } #search-results .best-bet .result-title { font-weight: bold; font-size: 1.375em; margin-left: -24px; padding-left: 24px; min-height: 18px; background: url(BestBetStar.png) 0 2px no-repeat scroll transparent; } #search-results p.event-date { float: left; position: static; } #search-results .result-body .document-info { color: #666; font-size: 0.9em; margin: 0.1em 0; } #search-results .result-body .result-desc { margin: 0; } #search-results .result-body .result-link { margin: 0.7em 0 0; } #search-results .event .result-body { margin: 0 0 0 60px; } ul.related-searches li { background: url(BulletLevel1Black.png) 0 7px no-repeat scroll transparent !important; padding-left: 12px !important; margin: 0.2em 0; list-style: none !important; } .pagination.top { border-bottom: 1px solid #7fcebd; padding: 0 0 1em; } .pagination.bottom { border-top: 1px solid #7fcebd; padding: 1em 0 0; } .toggle-holder ul.toggle { margin: 0 !important; padding: 0 !important; list-style: none; } .toggle-holder ul.toggle li { float: left; background: none; margin: 0; padding: 0; } .toggle-holder ul.toggle li span, .toggle-holder li a { display: inline-block; padding: 0 0.5em; } .toggle-holder ul.toggle li span, .toggle-holder li a:hover { background: #009e7c; color: #fff; text-decoration: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .green-page .toggle-holder ul.toggle li span { background: #009e7c; } .purple-page .toggle-holder ul.toggle li span { background: #6f0055; } .brown-page .toggle-holder ul.toggle li span { background: #ae612d; } .pink-page .toggle-holder ul.toggle li span { background: #dc334f; } .blue-page .toggle-holder ul.toggle li span { background: #17327a; } #main-image { width: 481px; height: 271px; margin: 11px 2px 1em; position: relative; } #main-image .overlay { position: absolute; z-index: 300; left: 0; top: 0; background: url(PromoLargeContent.png) left top no-repeat scroll transparent; width: 481px; height: 271px; outline: 0; } #page-index-outer { width: 170px; float: right; margin: 0 0 10px 10px; } #page-index .r-content { padding: 5px 10px; } #page-index h2 { color: #fff !important; margin: 0 0 0.5em !important; font-size: 1.1em !important; line-height: 1.2em !important; font-weight: bold !important; border-bottom: none !important; padding: 0 !important; } #page-index ul { padding: 0; margin: 0; list-style: disc outside none; } #page-index ul li { margin: 0.3em 0; line-height: 1.1em; color: #fff !important; background-image: url(BulletLevel1White.png); } #page-index ul li a { color: #fff !important; display: block; } #page-index .r-content, #page-index .r-top span, #page-index .r-bottom span { background: #009e7c; } #page-index .r-top, #page-index .r-bottom { background-position: -40px -260px; } #page-index .r-top span span, #page-index .r-bottom span span { background-position: -45px -260px; } #page-index .r-bottom { background-position: -40px -265px; } #page-index .r-bottom span span { background-position: -45px -265px; } #promo-area { padding: 0 0 8px; height: 286px; } #promo-area #large-promo { position: relative; } #promo-area ul, #promo-area ul li { margin: 0; padding: 0; list-style: none; } #promo-area .overlay { position: absolute; z-index: 290; outline: none; } #promo-area .promo .inner { padding: 3px 0 0 4px; } #promo-carousel-overlay { outline: none; } #promo-area #large-promo { width: 643px; height: 286px; float: left; position: relative; } #promo-area #large-promo .overlay { background: url(PromoLarge.png) left top no-repeat scroll transparent; width: 643px; height: 286px; cursor: pointer; outline: none; } #promo-area #large-promo .promo { position: absolute; left: 0; top: 0; list-style: none; background: none; } #promo-area #large-promo .promo-text { position: absolute; bottom: 15px; left: 14px; z-index: 295; width: 430px; } #promo-area #large-promo .promo-text .inner { padding: 5px 10px 36px !important; } #promo-area #large-promo .promo-text h2 { font-size: 32px; margin: 0; line-height: 1em; } #promo-area #large-promo .promo-text p { margin: 0; } #promo-area #large-promo .promo-text, #promo-area #large-promo .promo-text a { color: #fff !important; } #promo-area #large-promo .promo-text.r-box .r-content, #promo-area #large-promo .promo-text.r-box .r-top span, #promo-area #large-promo .promo-text.r-box .r-bottom span { background: url(BlackTranslucent.png) left top repeat scroll transparent; } #promo-area #large-promo .promo-text.r-box .r-top, #promo-area #large-promo .promo-text.r-box .r-bottom { background-position: -10px -270px; } #promo-area #large-promo .promo-text.r-box .r-top span span, #promo-area #large-promo .promo-text.r-box .r-bottom span span { background-position: -5px -270px; } #promo-area #large-promo .promo-text.r-box .r-bottom { background-position: -10px -275px; } #promo-area #large-promo .promo-text.r-box .r-bottom span span { background-position: -5px -275px; } #promo-area ul.controls { position: absolute; z-index: 300; bottom: 24px; left: 25px; } #promo-area ul.controls li { float: left; width: 26px; height: 26px; margin: 0 5px 0 0; text-align: center; line-height: 26px; background: url(Sprite.png) 0 -300px no-repeat scroll transparent; } #promo-area ul.controls li:hover { background-position: -26px -300px; } #promo-area ul.controls li.active { background-position: -52px -300px !important; } #promo-area ul.controls li a { color: #fff !important; font-size: 16px; font-weight: bold; text-decoration: none !important; display: block; width: 26px; height: 26px; outline: 0; } #promo-area ul.controls li.active a { color: #333 !important; } #promo-area ul.controls #promo-carousel-control-pause { background-position: -78px -300px; text-indent: -9999px; } #promo-area ul.controls #promo-carousel-control-pause:hover { background-position: -104px -300px; } #promo-area ul.controls #promo-carousel-control-pause.active { background-position: -130px -300px !important; } .content #promo-area { padding: 2px; } .content #promo-area #large-promo { width: 481px; height: 271px; } .content #promo-area #large-promo .overlay { background: url(PromoLargeContent.png) left top no-repeat scroll transparent; width: 481px; height: 271px; cursor: pointer; outline: none; } .content #promo-area .promo .inner { padding: 0; } .content #promo-area #large-promo .promo-text h2 { font-size: 18px; } .content #promo-area ul.controls { bottom: 20px; left: 21px; } .content #promo-area p.date { bottom: 10px; position: absolute; right: 10px; } .content #promo-area #large-promo .promo-text { left: 11px; } .content #promo-area #large-promo .promo-text h2 { margin: 0 0 0.2em; } #promo-area #small-promo { width: 318px; float: right; } #promo-area #small-promo .promo { position: relative; margin: 8px 0 0; height: 137px; } #promo-area #small-promo .promo.first { margin: 0; } #promo-area #small-promo .overlay { background: url(PromoSmall.png) left top no-repeat scroll transparent; width: 318px; height: 140px; outline: none; } #promo-area #small-promo .promo-text { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; } #promo-area #small-promo .promo-text h3 { margin: 7px 13px 8px; } #promo-area #small-promo .promo-text a { position: relative; z-index: 295; } #promo-area #small-promo .promo-text p { display: none; } #formnav { width: 960px; margin: 0 3px 13px; } #formnav-inner { padding: 5px 10px 10px; } #formnav .form-category { float: left; width: 224px; margin: 0 14px 0 0; } #formnav .form-category.last { margin: 0; } #formnav .form-category h3 { margin: 0 0 0.5em; font-weight: bold; font-size: 1.85em; line-height: 1.25em; } #formnav .purple h3 { color: #6f0055; } #formnav .brown h3 { color: #ae612d; } #formnav .pink h3 { color: #dc334f; } #formnav .blue h3 { color: #17327a; } #formnav .form-category ul { padding: 0; margin: 0; list-style: none; } #formnav .form-category ul li { padding: 5px 0 6px 32px; margin: 0; min-height: 30px; position: relative; border-top: 1px solid #ccc; } #formnav .form-category ul li span { position: absolute; top: 5px; left: 0; display: block; width: 26px; height: 26px; background: url(Sprite.png) 0 -340px no-repeat scroll transparent; } #formnav .form-category-icon-1 { background-position: 0 -340px; } #formnav .form-category-icon-2 { background-position: -26px -340px !important; } #formnav .form-category-icon-3 { background-position: -52px -340px !important; } #formnav .form-category-icon-4 { background-position: -78px -340px !important; } #formnav .form-category-icon-5 { background-position: -104px -340px !important; } #formnav .form-category-icon-6 { background-position: -130px -340px !important; } #formnav .form-category-icon-7 { background-position: -156px -340px !important; } #formnav .form-category-icon-8 { background-position: -182px -340px !important; } #formnav .form-category-icon-9 { background-position: -208px -340px !important; } #formnav .form-category-icon-10 { background-position: -234px -340px !important; } #formnav .form-category-icon-11 { background-position: -260px -340px !important; } #formnav .form-category-icon-12 { background-position: -286px -340px !important; } #formnav .form-category-icon-13 { background-position: -312px -340px !important; } #formnav .form-category-icon-14 { background-position: -338px -340px !important; } #formnav .form-category-icon-15 { background-position: -364px -340px !important; } #formnav .form-category ul li a { color: #333 !important; } #formnav .all-forms { margin: 0; padding: 0; list-style: none; } #formnav .all-forms li { float: left; margin: 0 14px 0 0; padding: 0; width: 224px; } #formnav .all-forms li.last { margin: 0; } #formnav .all-forms li a { width: 150px; } #popular-content-columns { margin: 0 3px 13px; width: 960px; clear: both; } #popular-content-columns .f-top { background: url(PopularContentColumnsTop.png) left top no-repeat scroll transparent; height: 5px; } #popular-content-columns .f-content { background: url(PopularContentColumnsMiddle.png) left top repeat-y scroll transparent; } #popular-content-columns .f-bottom { background: url(PopularContentColumnsBottom.png) left bottom no-repeat scroll transparent; height: 5px; } #popular-content-columns .column { width: 290px; margin: 0 15px 0 0; padding: 0 10px; float: left; } #popular-content-columns .column h2 { margin: 0 -10px; border-bottom: 1px solid #ccc; font-size: 1.9em; line-height: 1.25em; font-weight: bold; padding: 4px 9px 9px; } #popular-content-columns .articles { margin-bottom: 10px; } #popular-content-columns .articles ul { margin: 0 0 10px; padding: 0; list-style: none; } #popular-content-columns .articles ul li { margin: 0; padding: 12px 1px; font-size: 1.12em; border-bottom: 1px solid #ccc; line-height: 1.25em; } #popular-content-columns .articles ul li.last { border-bottom: none; } #popular-content-columns .articles ul li a { display: block; } #popular-content-columns .articles ul li span { display: block; } #popular-content-columns .articles a.signpost { width: 264px; } #popular-content-columns .links { margin: 0; } #popular-content-columns .links ul { margin: 0; padding: 0; list-style: none; } #popular-content-columns .links ul li { margin: 0 -10px; padding: 0 10px; font-size: 1.12em; line-height: 1.25em; background: #f2f2f2; position: relative; } #popular-content-columns .links ul li.even { background: #fff; } #popular-content-columns .links ul li a { color: #333 !important; display: block; padding: 7px 0; } #popular-content-columns .links ul li span { display: block; width: 7px; height: 12px; position: absolute; right: 10px; top: 10px; background: url(Sprite.png) -57px -170px no-repeat scroll transparent; } #photo-blocks { margin: 0 3px; width: 960px; clear: both; height: 171px; } #photo-blocks .photo-block { width: 310px; margin: 0 15px 0 0; float: left; position: relative; } #photo-blocks .photo-block .overlay { width: 310px; height: 171px; position: absolute; left: 0; top: 0; z-index: 290; background: url(PhotoBlock.png) left top no-repeat scroll transparent; outline: none; } #photo-blocks .photo-block.last { margin: 0; } #photo-blocks .photo-block img { float: left; } #photo-blocks .photo-block .info { position: absolute; bottom: 0; left: 0; right: 0; background: url(BlackTranslucent.png) left top repeat scroll transparent; padding: 10px; } #photo-blocks .photo-block .info h3 { margin: 0; padding: 0; position: relative; z-index: 295; } #photo-blocks .photo-block .info a { color: #fff !important; } #photo-blocks .photo-block .info p { display: none; } #footer-inner { padding: 15px 0; width: 962px; margin: 0 auto; } #footer-content { float: left; font-size: 90%; } #footer-content p { margin: 0.2em 0 0; } ul.footer-links { list-style: none; margin: 0; padding: 0; } ul.footer-links li { float: left; margin: 0; padding: 0 0.5em; border-right: 1px solid #999; } ul.footer-links li.first { padding-left: 0; } ul.footer-links li.last { border-right: none; } ul.footer-links li a { color: #333 !important; } ul.partner-logos { list-style: none; margin: 2em 0 0; padding: 0; } ul.partner-logos li { margin: 0 1em 0 0; padding: 0; float: left; vertical-align: middle; } #page-feedback { float: right; } #page-feedback .question { vertical-align: top; margin: 0.3em 0.5em; float: left; } ul.feedback-icons { list-style: none; margin: 0; padding: 0; display: inline; float: right; } ul.feedback-icons li { float: left; margin: 0 2px; padding: 0; min-width: 22px; } ul.feedback-icons li a { padding: 29px 0 0; text-align: center; display: inline-block; min-width: 22px; outline: 0; text-decoration: none !important; color: #333 !important; background: url(FeedbackIcons.png) 0 0 no-repeat scroll transparent; } ul.feedback-icons li .feedback-happy:hover, ul.feedback-icons li.active .feedback-happy { background-position: 0 -100px !important; } ul.feedback-icons li .feedback-neutral { background-position: 0 -200px !important; } ul.feedback-icons li .feedback-neutral span { visibility: hidden; width: 1px; display: block; overflow: hidden; } ul.feedback-icons li .feedback-neutral:hover, ul.feedback-icons li.active .feedback-neutral { background-position: 0 -300px !important; } ul.feedback-icons li .feedback-sad { background-position: 0 -400px !important; } ul.feedback-icons li .feedback-sad:hover, ul.feedback-icons li.active .feedback-sad { background-position: 0 -500px !important; } #page-feedback-form-container { position: relative; } #page-feedback-form { position: absolute; right: -51px; bottom: 0; width: 385px; z-index: 990; } #page-feedback-form .f-top { background: url(PageFeedbackTop.png) 0 0 no-repeat scroll transparent; height: 13px; } #page-feedback-form .f-content { background: url(PageFeedbackMiddle.png) 0 0 repeat-y scroll transparent; padding: 0 17px; } #page-feedback-form .f-bottom { background: url(PageFeedbackBottom.png) 0 0 no-repeat scroll transparent; height: 49px; } #page-feedback-form fieldset { border: 0; margin: 0; padding: 0; } #page-feedback-form legend { display: none; } #page-feedback-form .inner { margin: 3px 0 -15px; float: left; position: relative; } #page-feedback-form a.close { text-indent: -9999px; background: url(Sprite.png) -48px -170px no-repeat scroll transparent; width: 10px; height: 10px; overflow: hidden; position: absolute; right: 0; top: 0; } #page-feedback-form h2 { margin: 0 0 0.2em; font-size: 1.85em; } #page-feedback-form p { margin: 0.2em 0; } #page-feedback-form fieldset.feedback-icons { text-align: center; } #page-feedback-form fieldset.feedback-icons ul { margin: 1em 0; display: inline-block; float: none; } #page-feedback-form fieldset.feedback-icons ul li { padding: 5px 10px 0; border: 1px solid #f8f8f8; } #page-feedback-form fieldset.feedback-icons ul li.active { border: 1px solid #aaa; background: url(FeedbackIconsActive.png) left top repeat-x scroll #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #page-feedback-form fieldset.feedback-icons input { display: none; } #page-feedback-form fieldset.feedback-icons label { min-width: 22px; overflow: hidden; font-weight: normal; margin: 0; display: inline-block; padding: 29px 0 0; cursor: pointer; background: url(FeedbackIcons.png) 0 0 no-repeat scroll transparent; } #page-feedback-form fieldset.comments .row { margin-bottom: 1em; } #page-feedback-form fieldset.comments .row.two-columns { float: left; width: 170px } #page-feedback-form fieldset.comments .row.two-columns input.text { width: 162px; } #page-feedback-form fieldset.comments .row.two-columns.first { margin-right: 10px; } #page-feedback-form fieldset.comments label { display: block; } #page-feedback-form fieldset.comments textarea { width: 339px; } #skin-url-result a { display: block; padding: 1em; margin-bottom: 4em; font-size: 1.2em; font-weight: bold; border: 1px solid #999; background: #eef; color: #000 !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Portal Header */ #accountLinks {position: absolute; right: 0px; top: 10px;} #accountLinks .wrap {overflow:hidden;position:relative;} #accountLinks .wrap strong { float: right; line-height: 20px; position: relative; top: -1px;} #accountLinks .wrap ul {float:right;padding:0;margin:-1px 0 0;} #accountLinks .wrap ul li {float:left;padding-left:7px;line-height:20px;} /* Portal Login/Register */ .r-box .r-top.with-background {background-color:#E2E2E2 !important;} #content-inner .r-top.with-background {margin:0 -10px;} /*#content-inner h1#page-title {margin:0;}*/ h1#page-title.portal-title {border-bottom: 5px solid #E2E2E2;text-indent:0px;} .r-box .r-bottom {position:relative;} #content-inner .button-row {overflow:hidden;clear: both;} /*#content-inner .register-box {padding:0 10px;}*/ #content-inner .register-box h2 {font-size:1.125em;} #content-inner .register-box ul {padding-left:0;} #content-inner .register-box h3 { margin:2em 0 2em;} /*#content-inner .users-box{padding: 0 10px;}*/ #content-inner .users-box .holder {overflow:hidden;} #content-inner .users-box .holder .login-left {float:left;width:48%;padding-bottom: 20px;} #content-inner .users-box .holder .login-right {float:right;width:48%;padding-bottom: 20px;} #content-inner .users-box .holder h2 { border-top: 1px solid #7FCEBD; font-size: 1.846em; line-height: 1.25em; margin: 0;padding: 8px 0;} #content-inner .users-box .holder label { margin: 4px 0;display:block;} #content-inner .users-box .holder input { display: block ;margin-bottom: 10px; min-width: 200px;width: 85%;} #content-inner .users-box .holder .link { font-size:1.0em;margin:5px 0;} #content-inner .users-box .holder button#loginButton { float:left;margin: 10px 0;} #content-inner .users-box .holder button#registerButton {float:left; margin: 10px 0;} #content-inner .users-box form#page-login-form {margin-bottom: 25px;} #content-inner .users-box .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;width:100%;display:none;} #content-inner .users-box .holder .login-right.full {margin-right:120px;} /* Portal Register */ /*#content-inner form#page-registration-form {padding:0 10px;}*/ #content-inner form#page-registration-form h2 { border-top: 1px solid #7FCEBD; font-size: 1.846em; line-height: 1.25em; margin: 25px 0 0;padding: 8px 0;} #content-inner form#page-registration-form h2.first-header {border:0;margin:15px 0 0;} #content-inner form#page-registration-form label { margin: 4px 0;display:block;} #content-inner form#page-registration-form .row {overflow:hidden;} #content-inner form#page-registration-form .row-select {overflow:hidden;} #content-inner form#page-registration-form input { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-registration-form select { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-registration-form select#selectDOBDay { float:left;min-width :100px;width: 29%; margin-right:2%;} #content-inner form#page-registration-form select#selectDOBMonth { float:left;min-width :100px;width: 29%; margin-right:2%;} #content-inner form#page-registration-form select#selectDOBYear { float:left;min-width :100px;width: 29%; margin-right:2%;} #content-inner form#page-registration-form select#selectAddress{ margin: 10px 0 0;} #content-inner form#page-registration-form textarea { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-registration-form input#txtPassword { float:left;margin-bottom: 10px; min-width:405px;width: 80%;} #content-inner form#page-registration-form a.btn-strong {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#80A405;} #content-inner form#page-registration-form a.btn-medium {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#f60;} #content-inner form#page-registration-form a.btn-weak {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#b50000;} #content-inner form#page-registration-form .link { font-size:1.1em;margin:5px 0;} #content-inner form#page-registration-form .row-radio {margin: 10px 0 15px;} #content-inner form#page-registration-form .row-radio label {font-weight:normal;position:relative;top:-2px;padding-right:10px;display:inline;} #content-inner form#page-registration-form .row-radio input {width:auto;border:0;display:inline;min-width:1px;} #content-inner form#page-registration-form .row-check label { border-left: 10px solid #FFFFFF; font-weight: normal; margin-left: 15px; position: relative; top: -2px;} #content-inner form#page-registration-form .row-check input {border: 0 none; display: inline; float: left; margin: 0 10px 0 0; min-width: 1px; width: auto;} #content-inner form#page-registration-form .btn-holder {border-top: 1px solid #7FCEBD;margin: 25px 0 0;padding: 20px 0;overflow:hidden;} #content-inner form#page-registration-form .btn-holder button {float:right;} #content-inner form#page-registration-form .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;margin-top: -10px;width:100%;} #content-inner form#page-registration-form #errorSelectAddress {margin-top: 10px;} #content-inner #noAddressFoundMessage {display:none;float: right; font-size: 1.2em; color: rgb(0, 158, 124); padding-right: 60px; font-weight: bolder; z-index: 800; background: url("green-warning-icon.png") no-repeat scroll right bottom transparent; margin-top: 4px; min-height: 45px;} #crmDownError {position:relative;} #crmDownError .crmDownErrorContent { background: url("green-warning-icon.png") no-repeat scroll left top transparent;color: #009E7C;overflow:hidden;font-size: 1.2em;font-weight: bolder;margin: 15px 15px 10px;min-height: 45px;padding: 0 10px 0 60px;z-index: 800;} #crmDownError .crmDownErrorContent p { display:block;margin:10px 0 0;} /* Portal sidebar */ .myAccountSidebar {position:relative;overflow:hidden;top:3px;} .myAccountSidebar ul {margin:0 0 30px;padding:0;line-height:1.2em;} /* Portal Account Unlock */ /*#content-inner form#page-accountunlock-email-form {padding:0 10px;}*/ #content-inner form#page-accountunlock-email-form label { margin: 4px 0;display:block;} #content-inner form#page-accountunlock-email-form input { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-accountunlock-email-form button {float:right;margin: 10px 0;} #content-inner form#page-accountunlock-email-form .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;margin-top: -10px;width:100%;} #content-inner form#page-accountunlock-securityanswer-form {padding:0px;} #content-inner form#page-accountunlock-securityanswer-form label { margin: 4px 0;display:block;} #content-inner form#page-accountunlock-securityanswer-form input { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-accountunlock-securityanswer-form button {float:right;margin: 10px 0;} #content-inner form#page-accountunlock-securityanswer-form .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;margin-top: -10px;width:100%;} #content-inner form#page-accountunlock-securityanswer-form label { margin: 4px 0;display:block;clear:both;} #content-inner form#page-accountunlock-securityanswer-form input#txtPassword { float:left;margin-bottom: 10px; min-width:405px;width: 80%;} #content-inner form#page-accountunlock-securityanswer-form a.btn-strong {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#80A405;} #content-inner form#page-accountunlock-securityanswer-form a.btn-medium {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#f60;} #content-inner form#page-accountunlock-securityanswer-form a.btn-weak {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#b50000;} /* Portal Forgotten Password */ /*#content-inner form#page-forgotpassword-form {padding:0 10px;}*/ #content-inner form#page-forgotpassword-form label { margin: 4px 0;display:block;clear:both;} #content-inner form#page-forgotpassword-form input { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-forgotpassword-form button {float:right;margin: 10px 0;} #content-inner form#page-forgotpassword-form input#txtPassword { float:left;margin-bottom: 10px; min-width:405px;width: 80%;} #content-inner form#page-forgotpassword-form a.btn-strong {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#80A405;} #content-inner form#page-forgotpassword-form a.btn-medium {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#f60;} #content-inner form#page-forgotpassword-form a.btn-weak {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#b50000;} #content-inner form#page-forgotpassword-form .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;margin-top: -10px;width:100%;} #content-inner form#page-changepassword-form label { margin: 4px 0;display:block;clear:both;} #content-inner form#page-changepassword-form input#txtPassword { float:left;margin-bottom: 10px; min-width:405px;width: 80%;} #content-inner form#page-changepassword-form a.btn-strong {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#80A405;} #content-inner form#page-changepassword-form a.btn-medium {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#f60;} #content-inner form#page-changepassword-form a.btn-weak {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#b50000;} /*#content-inner form#page-changeforgottenpassword-form {padding:0 10px;}*/ #content-inner form#page-changeforgottenpassword-form label { margin: 4px 0;display:block;clear:both;} #content-inner form#page-changeforgottenpassword-form input { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-changeforgottenpassword-form button {float:left;margin: 10px 0;} #content-inner form#page-changeforgottenpassword-form .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;margin-top: -10px;width:100%;} #content-inner form#page-changeforgottenpassword-form input#txtPassword { float:left;margin-bottom: 10px; min-width:405px;width: 80%;} #content-inner form#page-changeforgottenpassword-form a.btn-strong {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#80A405;} #content-inner form#page-changeforgottenpassword-form a.btn-medium {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#f60;} #content-inner form#page-changeforgottenpassword-form a.btn-weak {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#b50000;} /* Portal Resent Auth Email */ /*#content-inner form#page-resendactivationemail-form {padding:0 10px;}*/ #content-inner form#page-resendactivationemail-form label { margin: 4px 0;display:block;} #content-inner form#page-resendactivationemail-form input { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-resendactivationemail-form button {float:left;margin: 10px 0;} #content-inner form#page-resendactivationemail-form .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;margin-top: -10px;width:100%;} /* Portal Resent Auth Email */ /*#content-inner form#page-changepassword-form {padding:0 10px;}*/ #content-inner form#page-changepassword-form label { margin: 4px 0;display:block;} #content-inner form#page-changepassword-form input { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-changepassword-form button {float:left;margin: 10px 0;} #content-inner form#page-changepassword-form .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;margin-top: -10px;width:100%;} /* Portral My Account Index */ #main-frame #content #my-account-welcome {padding:10px 0;} #main-frame #content #my-account-info {background: url("green-warning-icon.png") no-repeat scroll left top transparent; margin-left: 10px; overflow: hidden; padding: 0 0 20px 55px;} #main-frame #content #my-account-info strong {font-size:16px;color:#009E7C;} #main-frame #content #my-account-info ul { margin: 5px 0; overflow: hidden;padding: 0;} #main-frame #content .tab-container {overflow:hidden;margin-top:10px;} #main-frame #content .tab-container .tab-header-row {overflow:hidden;position:relative;} #main-frame #content .tab-container .tab-header-row .tab-header {height:42px;line-height:42px;float:left; margin: 0 5px 0 0; background: url('bg-tabset.gif') no-repeat left -112px;font-weight:bold;font-size:18px;color:#fff;} #main-frame #content .tab-container .tab-header-row .tab-header span {padding: 0 10px 0 15px;display:block;background: url('bg-tabset.gif') no-repeat right -168px;} #main-frame #content .tab-container .tab-header-row .tab-header span em {font-style:normal;font-weight:normal;} #main-frame #content .tab-container .tab-header-row .tab-header:hover {color:#009E7C;background: url('bg-tabset.gif') no-repeat left 0;} #main-frame #content .tab-container .tab-header-row .tab-header:hover span {color:#009E7C;background: url('bg-tabset.gif') no-repeat right -56px;} #main-frame #content .tab-container .tab-header-row .tab-header.active {color:#009E7C;background: url('bg-tabset.gif') no-repeat left 0;} #main-frame #content .tab-container .tab-header-row .tab-header.active span {color:#009E7C;background: url('bg-tabset.gif') no-repeat right -56px;} #main-frame #content .tab-container .tab-data-container {overflow:hidden;position:relative;background:#fff;padding:10px;} #main-frame #content .tab-container .tab-data-container .tab-data {display:none;} #main-frame #content .tab-container .tab-data-container .tab-data.active {display:block;} #main-frame #content .tab-container .tab-data-container .tab-data h2 {display:block;border-top:1px solid #009E7C;padding:10px 0 0;margin:5px 0;} #main-frame #content .tab-container .tab-data-container .tab-data table.table-info {width:100%;margin-bottom:20px;} #main-frame #content .tab-container .tab-data-container .tab-data table.table-info td, #main-frame #content .tab-container .tab-data-container .tab-data table.table-info th { padding: 10px 5px; text-align: left;} #main-frame #content .tab-container .tab-data-container .tab-data table.table-info tr.even {background:#f2f2f2;} /* Portal Edit Account */ /*#content-inner form#page-updateaccount-form {padding:0 10px;}*/ #content-inner form#page-updateaccount-form h2 { border-top: 1px solid #7FCEBD; font-size: 1.846em; line-height: 1.25em; margin: 25px 0 0;padding: 8px 0;} #content-inner form#page-updateaccount-form h2.first-header {border:0;margin:15px 0 0;} #content-inner form#page-updateaccount-form label { margin: 4px 0;display:block;} #content-inner form#page-updateaccount-form .row {overflow:hidden;} #content-inner form#page-updateaccount-form .row-select {overflow:hidden;} #content-inner form#page-updateaccount-form input { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-updateaccount-form select { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-updateaccount-form select#selectDOBDay { float:left;min-width :100px;width: 30%; margin-right:2%;} #content-inner form#page-updateaccount-form select#selectDOBMonth { float:left;min-width :100px;width: 30%; margin-right:2%;} #content-inner form#page-updateaccount-form select#selectDOBYear { float:left;min-width :100px;width: 30%; margin-right:2%;} #content-inner form#page-updateaccount-form select#selectAddress{ margin: 10px 0 0;} #content-inner form#page-updateaccount-form textarea { display: block ;margin-bottom: 10px; min-width:475px;width: 95%;} #content-inner form#page-updateaccount-form input#txtPassword { float:left;margin-bottom: 10px; min-width:405px;width: 80%;} #content-inner form#page-updateaccount-form a.btn-strong {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#80A405;} #content-inner form#page-updateaccount-form a.btn-medium {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#f60;} #content-inner form#page-updateaccount-form a.btn-weak {float:left;width:14%;min-width:70px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#b50000;} #content-inner form#page-updateaccount-form .link { font-size:1.1em;margin:5px 0;} #content-inner form#page-updateaccount-form .row-radio {margin: 10px 0 15px;} #content-inner form#page-updateaccount-form .row-radio label {font-weight:normal;position:relative;top:-2px;padding-right:10px;display:inline;} #content-inner form#page-updateaccount-form .row-radio input {width:auto;border:0;display:inline;min-width:1px;} #content-inner form#page-updateaccount-form .row-check label { border-left: 10px solid #FFFFFF; font-weight: normal; margin-left: 15px; position: relative; top: -2px;} #content-inner form#page-updateaccount-form .row-check input { border: 0 none; display: inline; float: left; margin: 0 10px 0 0; min-width: 1px; width: auto;} #content-inner form#page-updateaccount-form .btn-holder {border-top: 1px solid #7FCEBD;margin: 25px 0 0;padding: 20px 0;overflow:hidden;} #content-inner form#page-updateaccount-form .btn-holder button {float:right;} #content-inner form#page-updateaccount-form .error-text {clear: both;color: #DD0000;float: left;font-size: 0.9em;margin-bottom: 5px;margin-top: -10px;width:100%;} #content-inner form#page-updateaccount-form #errorSelectAddress {margin-top: 10px;} /* Portal Resend E-mail */ #activationEmailSendSuccess {padding:2px 0px;} #passwordHasBeenChanged {padding:2px 0px;} #unlockAccountEmailSent {padding:2px 0px;} #content-inner .error-text {display:none;} #updateAccountSuccess {padding:2px 0px;} .portalContentSpacer {padding:2px 0px;} .resentContent h3 { text-indent: 10px; font-size: 1.4em; margin: 0 -10px 0em; padding: 0.1em 0px 4px; color:#009E7C; } span.required {color:#d00;} /* Portal Email Sent */ #resetPasswordEmailSent {padding: 2px 0px 5px;} #resetPasswordEmailSent ul {list-style:none;} #resetPasswordEmailSent li {list-style:none;} #registrationSuccess {padding: 0px 0px 15px;} #registrationSuccess ul {list-style:none;} #registrationSuccess li {list-style:none;} #registrationError {padding: 0px 0px 15px;} /* Calender datepicker */ table.cal {background: none repeat scroll 0% 0% white; border: 10px solid rgb(255, 255, 255); margin: 6px 0px 0px 12px; outline: 1px solid rgb(170, 170, 170);} table.cal table { margin: 0 0 10px; } #content-inner input[disabled] {background:#ddd;} #content-inner input[disabled="disabled"] {background:#ddd;} /* Bulky Waste */ .afcalctableinput input {width:400px !important;} .subformel table {width:485px !important;} .subformel .colwiseel select {width:125px !important;} #content-inner .wrap {overflow:hidden;} } /* Print Styles */ @media print { body { color: #000; } #ie7-notice, #header-content, #page-feedback-form-container, #page-feedback, #footer .footer-links, #footer .partner-logos, #promo-carousel-controls, #promo-carousel-overlay, #formnav, #popular-content-columns .signpost, #page-width-switcher, #leftnav, .service-catalog .photo, .pagination, a.more, #content-search-form, #page-index-outer, #top, .back-to-top { display: none !important; } #header { border-bottom: 2px solid #000; padding: 0 0 1em; } #promo-area .promo .inner { padding: 0; } #large-promo #promo-carousel { padding: 0; } #large-promo #promo-carousel li { padding: 0; } #promo-area #large-promo .promo-text h2 { font-size: 32px; margin: 0.2em 0 0; color: #000 !important; } #promo-area #large-promo .promo-text h2 a { color: #000 !important; } #promo-area #small-promo .promo-text h3, #photo-blocks .photo-block .info h3 { margin: 0 0 1em; } #main ul.breadcrumbs { margin: 1em 0 0; padding: 0; list-style: none; } #main ul.breadcrumbs li { margin: 0 5px 0 0; padding: 0; float: left; } #main ul.breadcrumbs li.rm { display: block !important; position: static; } #main ul.breadcrumbs li.first { padding: 0; } #main ul.breadcrumbs a { color: #000 !important; } #main ul.breadcrumbs a:link:before, #main ul.breadcrumbs a:visited:before, #main ul.breadcrumbs strong:before { content: "\00bb\00a0\00a0"; } #main ul.breadcrumbs li.first a:link:before, #main ul.breadcrumbs li.first a:visited:before { content: ""; } #global-alert { border: 2px solid #666; padding: 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 1em 0; } #global-alert h2 { margin-top: 0; } h1#page-title { margin: 0.2em 0 0.5em; } #rightnav { border-top: 1px solid #999; margin: 0 0 1em; } #footer { border-top: 1px solid #000; } } /* jQuery UI */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #3a6c5e; background: #104d3c; color: #fff; } .ui-widget-content a { color: #333333; } .ui-widget-header { color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #346457; font: bold 13px Arial, Helvetica, sans-serif; color: #fff; text-align: center; } .ui-datepicker-unselectable .ui-state-default { background: #205145; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #668980; text-decoration: none !important; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fff; color: #114f3e; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } .ui-datepicker-other-month .ui-state-default { background: none !important; color: #a0ffab !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #0b3429; color: #fff; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { background-image: none; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-widget-overlay { opacity: .50; } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; opacity: .20; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* jQuery UI: Date Picker */ .ui-datepicker { width: 223px; padding: 10px; display: none; -webkit-box-shadow: 0px 2px 4px #485250; -moz-box-shadow: 0px 2px 4px #485250; box-shadow: 0px 2px 4px #485250; } #leftnav .ui-datepicker { width: 174px; padding: 8px 3px 11px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0 0 14px 50px; } #leftnav .ui-datepicker .ui-datepicker-header { padding: 0 0 14px 5px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; background: none !important; border: 0 !important; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; display: none !important; } .ui-datepicker .ui-datepicker-next { right: 2px; display: none !important; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .from-element, .to-element { position: absolute; top: 0; left: 0; width: 50px; padding: 2px 0 0; } .ui-datepicker select.ui-datepicker-month { width: 103px; margin: 0 3px 0 0; } .ui-datepicker select.ui-datepicker-year { width: 66px; } #leftnav .ui-datepicker select.ui-datepicker-month { width: 83px; margin: 0 3px 0 0; } #leftnav .ui-datepicker select.ui-datepicker-year { width: 65px; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; } .ui-datepicker th { padding: 0 0 13px; text-align: center; font: bold 16px/20px Arial, Helvetica, sans-serif; border: 0; background: url(EventCalendarHeaders.png) repeat-x 0 100%; } #leftnav .ui-datepicker th { padding: 0 0 18px; background-position: 0 90%; } .ui-datepicker td { border: 0; padding: 0 1px 1px 0; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 4px 0; text-decoration: none; width: 100%; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* The time has come, the Walrus said, to talk of many things. Of shoes and ships and sealing wax, of cabbages and kings. And why the sea is boiling hot, and whether pigs have wings. */