/* salemstyles.css */ /* Main stylesheet for the Salem Hospital website Authored by Bebop Interactive May 2021 */ html, body, form, fieldset {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Roboto', Helvetica, Arial, sans-serif;} body { font-size: 20px; background-color: #002f7a; color: #000000;} html { font-size: 100%; } html>body { font-size: 20px; } a { color: #003a96; text-decoration: none; font-weight: bold; } a:visited { color: #003a96; } a:hover { color: #0077c8; text-decoration: none; } a.feature-link { color: #003a96 !important; } a.feature-link:visited { color: #003a96 !important; } a.feature-link:hover { color: #0077c8 !important; } p { margin: 0px; padding: 10px 0px 0px 0px; line-height: 150%; } ul { list-style-type: square; } /* blockquote { color: #fff; margin: 0px; padding: 25px 0px; border-top: 0px solid #e0e4e2; border-bottom: 0px solid #e0e4e2; } blockquote a { background-color: #b1e4e3; background-image: url(../Images/icons/ArrowRight.svg); background-position: right 15px top 52%; background-size: 20px 24px; background-repeat: no-repeat; color: #003a96; font-weight: normal !important; font-size: 20px; text-decoration: none; padding: 15px 40px 15px 20px; margin: 5px 0px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } blockquote a:visited { color: #003a96; text-decoration: none; } blockquote a:hover { color: #ffffff; text-decoration: none; background-color: #009ca6; background-image: url(../Images/icons/ArrowRightWhite.svg); } */ /* blockquote { color: #fff; margin: 0px; padding: 25px 0px; border-top: 0px solid #e0e4e2; border-bottom: 0px solid #e0e4e2; } blockquote a { background-color: #003a96; background-image: url(../Images/icons/ArrowRightWhite.svg); background-position: right 15px top 52%; background-size: 25px 30px; background-repeat: no-repeat; color: #fff; font-weight: normal !important; font-size: 25px; text-decoration: none; padding: 15px 60px 15px 20px; margin: 5px 0px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: 1px solid #003a96; } blockquote a:visited { color: #fff; text-decoration: none; } blockquote a:hover { color: #003a96; text-decoration: none; background-color: #fff; background-image: url(../Images/icons/ArrowRight.svg); } */ blockquote { color: #fff; margin: 0px; padding: 25px 0px; border-top: 0px solid #e0e4e2; border-bottom: 0px solid #e0e4e2; } blockquote a { background-color: #003a96; background-image: url(../Images/icons/ArrowRightWhite.svg); background-position: right 15px top 52%; background-size: 20px 24px; background-repeat: no-repeat; color: #fff; font-weight: normal !important; font-size: 20px; text-decoration: none; padding: 15px 40px 15px 20px; margin: 5px 0px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } /* blockquote a { display: block; } */ blockquote a:visited { color: #fff; text-decoration: none; } blockquote a:hover { color: #003a96; text-decoration: none; background-color: #009ca6; background-image: url(../Images/icons/ArrowRight.svg); } .clear { clear: both; font-size: 0px; } .clear-add-margin { margin: 5px 0px; } /* Skip to Main Content link */ .sr-only:not(:focus, :focus-within, :active) { clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .sr-only:focus { position: static; } #wrapper-main { width: 100%; } #wrapper-main2 { width: 100%; background-color: #ffffff; background-image: url(../Images/backgrounds/drop_shadow.png); background-repeat: repeat-y; background-position: center top; } #wrapper-bottom { width: 100%; background-color: #003a96; } #wrapper-bottom2 { width: 100%; } #wrapper-top { width: 100%; height: 162px; background-color: #fff; position: relative; border-bottom: 1px solid #009ca6; /* b1e4e3 */ } .breadcrumb-active { color: #003a96; font-weight: bold; } .breadcrumb-container { font-size: 14px; color: #333333; padding: 15px 0px; } .breadcrumb-container a { color: #333333; text-decoration: none; font-weight: normal; } .breadcrumb-container a:visited { color: #333333; text-decoration: none; } .breadcrumb-container a:hover { color: #0077c8; text-decoration: none; } .breadcrumb-wrapper { border-bottom: 1px solid #ddd; margin-left: 55px; margin-right: 5px; } .callout-box { background-color: #f2f2f2; padding: 13px 0px; } .callout-copy { font-size: 11px !important; padding-left: 13px; } .callout-header { font-family: 'Roboto Slab',Georgia,serif; font-size: 18px !important; font-weight: normal !important; padding: 0px 13px !important; margin: 0px; display: block; height: 40px; } .callout-highlight { background: transparent url(../Images/backgrounds/callout_highlight.jpg) 3px 0px no-repeat; color: #000000; font-weight: bold; font-size: 11px; text-align: center; padding: 10px; margin: 0px 0px 10px 5px; } .callout-image { float: left; margin: 10px 15px 10px 13px; } .callout-image img { border: 1px solid #b1bcb7; padding: 2px; } .callout-text { line-height: 140%; margin: 10px 0px; padding: 0px 13px; } .callout-subheader-gray { font-size: 12px; font-weight: bold; margin: 0px; padding: 15px 13px 10px; color: #455560; } .callout-subheader-orange { font-weight: bold; margin: 0px; padding: 5px 13px; color: #d76238 !important; font-size: 11px !important; } .hr-5px-white { border: none 0; border-top: 5px solid #FFFFFF; height: 5px; width: 90%; text-align: center; margin: 0 auto 0 auto; } /* Heart Center callout widget */ .callout-widget-container { width:auto; margin:0px; } .callout-widget { width:100%; background-color:#b1e4e3; font-family:'Roboto', Helvetica, Arial, sans-serif; font-size:16px; line-height:130%; } .callout-widget-div-text { float:left; width:70%; padding:3%; } .callout-widget-div-text h2 { margin-bottom:10px; font-size:26px; } .callout-widget-div-image { float:left; width:14%; padding:8% 5% 8% 2%; } .callout-widget-div-image img { width:100%; height:auto; margin-top:0px; } .contact-container { margin-top: 5px; width: 192px; padding: 10px 10px 0px 16px; color: #000; background-color: #e7f6f6; /*#fafafa*/ } .contact-content { margin-bottom: 30px; } .contact-data { margin-top: 6px; font-size: 16px; line-height: 130%; } .contact-data a { font-weight: normal; } .contact-item { padding-bottom: 20px; } .contact-name { font-weight: normal; } .contact-responsive { display: none; } .contact-container .sidebar-header { display: none; } #container-bottom { width: 1200px; margin-left: auto; margin-right: auto; position: relative; } #container-bottom2 { width: 1200px; margin-left: auto; margin-right: auto; position: relative; } #container-main { width: 1200px; padding: 0px 0px 20px 0px; margin-left: auto; margin-right: auto; position: relative; } #container-top { width: 1200px; padding: 0px; margin-left: auto; margin-right: auto; height: 162px; position: relative; } .content-left { float: left; margin: 0px 50px 0px 50px; } .content-middle { float: left; } .content-right { float: left; margin-left: 50px; margin-top: 110px; } .content-full-width { float: left; margin: 0px 50px 0px 50px; } .content-middle-bottom { width: 730px; } /* .content-container1 { width: 766px; float: left; background: transparent url(../Images/backgrounds/main_content_back.png) 0px 0px no-repeat; } */ .content-container2 { display: none; width: 208px; float: left; margin: -5px 0px 30px 30px; } .content-container3 { height: 29px; position: relative; } .content-container4 { width: 208px; height: 126px; background: transparent url(../Images/backgrounds/blue_box_back.png) 0px 0px no-repeat; margin-bottom: 20px; } .content-container4 p { color: #FFFFFF; font-size: 11px; margin: 0px; padding: 5px 17px; } .content-container4 a span { display: block; width: 161px; height: 24px; overflow: hidden; margin: 15px auto 0px; padding: 0px; background: transparent url(../Images/buttons/view_profiles.jpg) 0 0 no-repeat; text-indent: -999em; cursor: pointer; } .content-container5 { width: 190px; padding-left: 17px; font-size: 12px; } .content-container5 a { text-decoration: none; color: #003a96; background: transparent url(../Images/backgrounds/blue_arrow.gif) no-repeat right 4px; padding-right: 12px; font-weight: bold; font-size: 12px; } .content-container5 a:visited { text-decoration: none; } .content-container5 a:hover { color: #0077c8;text-decoration: underline; } .content-container5 p { line-height: 180%; padding: 0px; margin: 7px 0px; } .content-container5 .maps-graphic { margin: 6px 0px 8px 0px; } .content-container5 .maps-graphic a { background: none !important; } .content-container7 { width: 208px; height: 151px; background: transparent url(../Images/backgrounds/blue_box_back2.png) 0px 1px no-repeat; margin-bottom: 20px; } .content-container7 p { color: #FFFFFF; font-size: 11px; margin: 0px; padding: 5px 17px; } .content-container7 a span.donate-now { display: block; width: 185px; height: 27px; overflow: hidden; margin: 3px auto 0px; padding: 0px; background: transparent url(../Images/buttons/donate_now.jpg) 0 0 no-repeat; text-indent: -999em; cursor: pointer; } .content-container7 a span.support-walk { display: block; width: 185px; height: 27px; overflow: hidden; margin: 3px auto 0px; padding: 0px; background: transparent url(../Images/buttons/support_walk.jpg) 0 0 no-repeat; text-indent: -999em; cursor: pointer; } .content-container-wide { width: 985px; background: transparent url(../Images/backgrounds/main_content_back2.png) 0px 0px no-repeat; min-height: 600px; } .content-column1 { width: 240px; float: left; margin-right: 10px; } .content-divider1 { background-color: #e0e4e2; font-size: 1px; height: 3px; margin: 5px 0px 15px 0px; } .content-divider2 { border-top: 1px dotted #b1bcb7; font-size: 1px; height: 1px; margin: 10px 0px; } .content-divider3 { background-color: #e0e4e2; font-size: 1px; height: 3px; margin: 5px 0px 15px 0px; } .content-featured-group { clear: both; background: transparent url(../Images/backgrounds/dotted_line2.gif) 0px 0px repeat-x; width: 270px; padding-top: 15px; margin-top: 15px; } .content-featured-group p { line-height: 140%; padding-right: 0px; color: #455560 !important; } .content-featured-group p a { color: #003a96 !important; text-decoration: none; } .content-featured-group p a:visited { color: #003a96 !important; text-decoration: none; } .content-featured-group p a:hover { color: #0077c8 !important; text-decoration: underline !important; } .content-featured-group h2,.content-featured-group h3 { padding-right: 20px; line-height: 130%; } .content-featured-group h2 a,.content-featured-group h3 a { text-decoration: none; color: #000000; background: transparent url(../Images/backgrounds/blue_arrow.gif) no-repeat right 5px; padding-right: 12px; font-weight: bold; font-size: 14px; } .content-featured-group h2 a:visited,.content-featured-group h3 a:visited { color: #000000; } .content-featured-group h2 a:hover,.content-featured-group h3 a:hover { color: #0077c8; } .content-featured { width: 100%; margin-bottom: 15px; } .content-featured-content { line-height: 150%; } .content-featured-content h3 { padding: 0px; margin: 0px 0px 10px 0px; } .content-featured-image { float: right; margin: 0px 0px 10px 10px; } .content-featured-image img { border: 1px solid #b1bcb7; padding: 2px; } .content-featured-text { margin: 0px; padding: 0px 0px 10px; } .content-featured-text p { margin: 0px; padding: 0px 0px 10px; } .content-featured2 { margin: 15px 0px 0px 0px; padding-top: 20px; width: 100%; text-align: center; } .content-featured2 p { padding-top: 0px; } .content-header1 { color: #FFFFFF; font-size: 19px; font-family: 'Roboto Slab',Georgia,serif; text-align: center; padding-top: 15px; } .content-header2 { font-size: 19px; font-family: 'Roboto Slab',Georgia,serif; text-align: left; padding-top: 15px; } .content-header3 { font-size: 18px; font-family: 'Roboto Slab',Georgia,serif; border-bottom: 1px dotted #b1bcb7; padding: 10px 0px; margin-bottom: 10px; display: block; } .content-header4 { color: #FFFFFF; font-size: 20px; font-family: 'Roboto Slab',Georgia,serif; text-align: center; padding-top: 20px; } .content-header5 { color: #FFFFFF; font-size: 20px; font-family: 'Roboto Slab',Georgia,serif; text-align: center; padding-top: 0px; } .no-content-spotlight .content-spotlight { display: none; } .content-spotlight { float: left; margin-bottom: 15px; background-color: #f2f2f2; width: 100%; } .content-spotlight-content { padding: 20px; } .content-spotlight h3 { font-size: 16px; font-weight: normal; margin: 0px 0px 10px; padding: 0px 0px 0px 0px; } .content-spotlight-image { float: left; margin: 0px 15px 15px 0px; } .content-spotlight-image img { border: 1px solid #b1bcb7; padding: 2px; } .content-spotlight-text { margin: 0px 0px; padding: 0px; } .content-spotlight-text p { padding-top: 0px; line-height: 140%; } /* .content-spotlight p { padding-right: 20px; color: #455560 !important; } .content-spotlight p a { color: #003a96 !important; text-decoration: none; } .content-spotlight p a:visited { color: #003a96 !important; text-decoration: none; } .content-spotlight p a:hover { color: #0077c8 !important; text-decoration: underline !important; } .content-spotlight h2 a,.content-spotlight h3 a { text-decoration: none; color: #000000; background: transparent url(../Images/backgrounds/blue_arrow.gif) no-repeat 99% 5px; padding-right: 12px; font-weight: bold; font-size: 14px; } .content-spotlight h2 a:visited,.content-spotlight h3 a:visited { color: #000000; } .content-spotlight h2 a:hover,.content-spotlight h3 a:hover { color: #0077c8; } */ .custom-section-header { position: relative; padding-left: 110px; padding-top: 30px; min-height: 60px; margin-top: 30px; } .custom-section-header img { position: absolute; top: 0px; left: 0px; } .department-backlink { display: none; height: 36px; padding-left: 12px; width: 250px; margin-left: 50px; } .department-backlink a { display: none; padding-top: 21px; text-decoration: none; color: #003a96; background: transparent url(../Images/backgrounds/blue_arrow2.gif) no-repeat 0px 24px; padding-left: 10px; font-size: 12px; } .department-backlink a:visited { text-decoration: none; } .department-backlink a:hover { color: #0077c8; text-decoration: underline; } .divider-dotted { background: transparent url(../Images/backgrounds/dotted_line2.gif) 0px 0px repeat-x; display: block; height: 1px; font-size: 1px; margin: 0px; padding: 0px 10px 0px 0px; clear: both; } .event-callout { border: 2px solid #c5e1e8; width: 182px; margin: 0px 0px 20px 1px; padding: 10px; } .event-callout-header { font-size: 18px; font-family: 'Roboto Slab',Georgia,serif; border-bottom: 1px dotted #b1bcb7; padding: 0px 0px 10px 0px; margin-bottom: 10px; display: block; } .event-callout-text { font-size: 12px; } .footer-content1 { position: relative; margin-top: 0px; } .footer-content2 { position: relative; margin-bottom: 20px; } .footer-header { font-size: 28px; color: #fff; margin: 0px 0px 0px 50px; padding: 30px 0px 30px; } .footer-social-media-links { position: absolute; top: 25px; right: 60px; } .footer-social-media-links a { color: #fff; margin-left: 10px; font-weight: normal; } .footer-social-media-links a:hover { color: #B1E4E3; } .footer-content-left { float: left; margin: 0px 0px 0px 50px; width: 610px; } .footer-content-middle { float: left; width: 300px; } .footer-content-right { float: left; width: 240px; } .footer-driving-directions a { display: block; border: 1px solid #fff; padding: 10px 5px; margin-top: 15px; width: 170px; text-align: center; color: #fff; font-weight: normal; } .footer-driving-directions a:visited { color: #fff; } .footer-driving-directions a:hover { color: #B1E4E3; border: 1px solid #B1E4E3; } .footer-link { width: 200px; margin-bottom: 0px; } .footer-link a { color: #FFFFFF; font-size: 16px; font-weight: normal; } .footer-link a:visited { color: #FFFFFF; } .footer-link a:hover { color: #B1E4E3; text-decoration: underline; } .footer-logo a { color: #FFFFFF; font-weight: normal; } .footer-logo a:visited { color: #FFFFFF; } .footer-logo a:hover { color: #B1E4E3; } .footer-logo p { color: #FFFFFF; font-size: 16px; margin: 0px; padding: 0px 0px 0px 0px; } .footer-logo-2 { margin-top: 30px; } .footer-logo-2 a { display: block; color: #ffffff; cursor: pointer; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 22px; font-weight: normal; } .footer-logo-2 a:visited { color: #ffffff; } .footer-logo-2 a:hover { color: #B1E4E3; } .footer-logo-alt-name { display: none; } .footer-seo-text { margin: 40px auto 20px auto; text-align: left; color: #ccd7ea; font-size: 11px; width: 1100px; border-top: 1px solid #5877aa; padding-top: 10px; } .footer-seo-text a { color: #ccd7ea; font-weight: normal; } .footer-seo-text a:visited { color: #ccd7ea; } .footer-seo-text a:hover { color: #B1E4E3; } #copyright-notice,.sub-footer-links .footer-link a { color: #ccd7ea; font-size: 15px; } .sub-footer-links { float: right; margin-right: 50px; margin-top: -53px; } .sub-footer-links .footer-link { float: left; width: auto; margin-left: 20px; } .sub-footer-links .footer-link a { text-decoration: underline; } .sub-footer-links .footer-link a:visited { color: #ccd7ea; } .sub-footer-links .footer-link a:hover { color: #B1E4E3; text-decoration: none; } #copyright-notice { margin-left: 50px; } .copyright-text { margin: 30px 0px; } .sub-footer-links .mobile-only-link { display: none; } /* This style is also in nsmcuserstyles.css */ .grey-box { display: block; background-color: #B1E4E3; padding: 10px; margin: 20px 0px; } .generic-link-list { } .generic-link-list ul { margin: 0px !important; padding: 0px !important; } .generic-link-list ul li { margin: 0px !important; padding: 0px !important; } .health-library-list { } .health-library-list ul { margin: 0px !important; padding: 0px !important; } .health-library-list ul li { margin: 0px !important; padding: 5px 0px 0px 0px !important; } .hide-physicians .content-container4 { height: 1px; background: none !important; margin-bottom: 20px; } .hide-physicians #meet-physicians-box { display: none; } .highlight-box { width: 505px; height: 148px; background-color: #f2f2f2; margin: 0px 0px 10px; } .highlight-box h4 { color: #76855c !important; font-family: 'Roboto Slab',Georgia,serif; font-size: 18px !important; font-weight: normal !important; margin: 0px 10px !important; padding: 10px 0px !important; } .highlight-box p { font-size: 11px; color: #000000; margin: 0px 10px !important; padding: 0px !important; } .important-numbers-list { } .important-numbers-list ul { margin: 0px !important; padding: 0px !important; } .important-numbers-list ul li { margin: 0px !important; padding: 5px 0px 0px 0px !important; } .intro-text { padding: 0px 0px 10px 0px; line-height: 150%; } .intro-text p { padding: 0px; margin: 10px 0px; } .intro-text ul { } .intro-text ul li { } .job-search-button { display: none; } .jump-link:visited { text-decoration: none; } .jump-link:hover { text-decoration: underline; } .left-nav { width: 275px; float: left; margin-bottom: 40px; overflow: hidden; } .left-nav-hdr { color: #000; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 24px; background: transparent url(../Images/backgrounds/gray_arrow.gif) no-repeat 0px 13px; margin: 14px 0px 0px 10px; padding: 0px 0px 6px 15px; border-bottom: 1px solid #dddddd; } /*Level 1*/ .left-nav-menu-level1-item,.left-nav-menu-level1-item-active,.left-nav-menu-level1-item-expandable-active { background-color: transparent; height: auto; margin-left: 3px; border-bottom: 1px solid #dddddd; } .left-nav-menu-level1-item a,.left-nav-menu-level1-item-active a,.left-nav-menu-level1-item-expandable-active a { display: block; padding: 6px 0px 6px 21px; color: #003a96; font-size: 16px; font-weight: normal; } .left-nav-menu-level1-item a:visited,.left-nav-menu-level1-item-active a:visited,.left-nav-menu-level1-item-expandable-active a:visited { color: #003a96; } .left-nav-menu-level1-item a:hover,.left-nav-menu-level1-item-active a:hover,.left-nav-menu-level1-item-expandable-active a:hover { color: #0077c8; background-color: #b1e4e3; } .left-nav-menu-level1-item-active a,.left-nav-menu-level1-item-expandable-active a { font-weight: bold; } /*Level 2*/ .left-nav-submenu { border-bottom: 1px solid #dddddd; margin: 0px; padding: 0px; list-style-type: none; } .left-nav-submenu-bottom { border-bottom: 1px solid #dddddd; margin-left: 0px; font-size: 1px; } .left-nav-menu-level2-item,.left-nav-menu-level2-item-active,.left-nav-menu-level2-item-expandable-active { margin: 0px !important; padding: 0px 0px 0px 0px !important; } .left-nav-menu-level2-item a,.left-nav-menu-level2-item-active a,.left-nav-menu-level2-item-expandable-active a { font-size: 14px; line-height: 120%; color: #003a96; display: block; background-color: transparent; background-image: none; width: 100%; padding: 7px 0px 7px 40px; zoom: 1; font-weight: normal; } .left-nav-menu-level2-item a:visited,.left-nav-menu-level2-item-active a:visited,.left-nav-menu-level2-item-expandable-active a:visited { color: #003a96; } .left-nav-menu-level2-item a:hover,.left-nav-menu-level2-item-active a:hover,.left-nav-menu-level2-item-expandable-active a:hover { color: #0077c8; background-color: #b1e4e3; } .left-nav-menu-level2-item-active a,.left-nav-menu-level2-item-expandable-active a { font-weight: bold; } /*Level 3*/ .left-nav-submenu2 { margin: 0px 0px 8px 0px; padding: 0px 0px; list-style-type: none; } .left-nav-menu-level3-item,.left-nav-menu-level3-item-active { padding: 0px 0px 0px 40px; } .left-nav-menu-level3-item a,.left-nav-menu-level3-item-active a { display: block; padding: 7px 0px 7px 15px; font-size: 14px; color: #003a96; background: none; width: 100%; line-height: 120%; zoom: 1; font-weight: normal; } .left-nav-menu-level3-item a:visited,.left-nav-menu-level3-item-active a:visited { color: #003a96; } .left-nav-menu-level3-item a:hover,.left-nav-menu-level3-item-active a:hover { color: #0077c8; background-color: #b1e4e3; } .left-nav-menu-level3-item-active,.left-nav-menu-level3-item-active a { font-weight: bold; } .main-area { padding-top: 30px; min-height: 400px; margin-bottom: 30px; } .main-content { float: left; margin: 0px 0px 20px 0px; width: 750px; color: #000; line-height: 150%; } .main-content-full-width { margin: 0px 50px 20px 50px; width: auto; height: auto; line-height: 150%; } .main-content-full-width .full-size-map-image { width: 100%; height: auto; } .map-button { text-align: right; } .map-button blockquote { padding: 5px 0px 15px; } .map-button blockquote a { background-position: right 15px top 52%; background-size: 25px 30px; font-size: 18px; padding: 10px 60px 10px 20px; } .main-content h1,.main-area h1,.location-content h1 { color: #000; font-size: 54px; font-family: 'Roboto Slab',Georgia,serif; padding: 5px 0px 10px 0px; margin: 0px; font-weight: normal; line-height: 120%; } .main-content h2 { font-size: 42px; font-weight: normal; padding: 0px; margin: 10px 0px 0px; color: #000; line-height: 120%; } .main-content h3 { font-size: 32px; font-weight: normal; padding: 0px; margin: 25px 0px 5px; color: #000; line-height: 120%; } .main-content h4 { font-size: 28px; font-weight: normal; padding: 0px; margin: 20px 0px 0px; padding: 0px; color: #000; } .main-content hr { color: #000; background-color: #000; height: 0px; overflow: hidden; } .main-content a { font-weight: bold; } .main-content p { } .main-content ul { } .main-content ul li { padding-bottom: 3px; } .main-content-left1 { float: left; width: 100%; } .main-content-right1 { float: left; width: 100%; } .main-content-left2 { float: left; width: 290px; } .main-content-right2 { float: left; width: 215px; } .main-content-left3 { float: left; width: 255px; } .main-content-right3 { float: left; width: 250px; } #main-nav { position: absolute; top: 99px; left: 0px; width: 960px; height: 45px; z-index: 10; } .main-nav-item { float: left; } .main-nav-item a { display: block; margin: 0px; padding: 10px 25px; color: #003a96; text-decoration: none; font-size: 18px; font-weight: normal; line-height: 110%; border-bottom: 6px solid transparent; } .main-nav-item a:visited { color: #003a96; text-decoration: none; } .main-nav-item a:hover { color: #0077c8; text-decoration: none; background-color: #b1e4e3; border-bottom: 6px solid #009aa4; } .main-text { margin-top: 20px; } .main-text h2, .main-text h3 { margin: 20px 0px 0px; padding: 0px; } .meet-physicians-link-custom .content-container4 { color: #FFFFFF; font-size: 20px; font-family: 'Roboto Slab',Georgia,serif; text-align: center; padding-top: 20px; position: relative; } .meet-physicians-link-custom .content-container4 p { color: #FFFFFF; font-size: 20px; margin: 0px; padding: 5px 17px; } .meet-physicians-link-custom .content-container4 a span { display: block; width: 161px; height: 24px; overflow: hidden; margin: 0px; padding: 0px; background: transparent url(../Images/buttons/view_profiles.jpg) 0 0 no-repeat; text-indent: -999em; cursor: pointer; position: absolute; top: 83px; left: 24px; } .mobile-subnav { display: none; } /* Hamburger dropdown menu styles */ /* #mobile-menu-toggle { display: block; width: 39px; height: 25px; position: absolute; top: 60px; right: 0px; cursor: pointer; background: transparent url(https://nsmc.partners.org/Assets/Images/icons/menu-toggle.png) 0px 0px no-repeat; } */ #mobile-nav { display: none; position: relative; width: 100%; right: 0px; padding: 0px 0px; background: #fff; } .nav-bar { } /* .nav-container { max-width: 1000px; margin: 0 auto; } */ nav { float: left; margin-left: 0px; } nav ul { display: none; } nav ul { list-style: none; margin: 0; padding: 0; background: #fff; min-height: 180px; width: auto; } nav ul li { float: none; position: relative; width: auto; } nav ul li a,nav ul li a:visited { display: block; width: auto; margin: 0 20px; padding: 0 30px; line-height: 50px; background: #fff; color: #000; font-size: 18px; text-decoration: none; border-bottom: 1px solid #ddd; font-weight: normal; } nav ul li a:hover,nav ul li a:visited:hover { background: #2ab1ce; color: #ffffff; text-decoration: none; } nav ul li a:not(:only-child):after,nav ul li a:visited:not(:only-child):after { padding-left: 4px; content: ' ▾'; } nav ul li ul li { min-width: 190px; } nav ul li ul li a { padding: 15px; line-height: 20px; font-weight: normal; } .nav-dropdown { position: absolute; display: none; z-index: 10; } .nav-mobile { position: absolute; top: 0px; right: 10px; height: 70px; width: 70px; } .nav-mobile { display: none; } /* nav { width: 100%; padding: 0px; margin-top: -30px; } nav ul li { float: right; height: 300px; } nav ul li a { padding: 15px; line-height: 20px; padding-left: 15%; } nav ul li ul li a { padding-left: 30%; } .nav-dropdown { position: static; } */ .nav-icon { position: absolute; left: 18px; top: 22px; cursor: pointer; padding: 10px 35px 16px 0px; } .nav-icon span,.nav-icon span:before,.nav-icon span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 35px; background: #000; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; } .nav-icon span:before { top: -10px; } .nav-icon span:after { bottom: -10px; } .nav-icon.active span { background-color: transparent; } .nav-icon.active span:before, .nav-icon.active span:after { top: 0; } .nav-icon.active span:before { transform: rotate(45deg); } .nav-icon.active span:after { transform: rotate(-45deg); } #menu { display: none; } #menu-mobile ul { list-style-type: none; margin: 0; padding: 0; } #menu-mobile ul li { margin: 0px; padding: 0; } #menu-mobile a { color: #ffffff; font-size: 140%; padding: 8px 0px; display: block; border-bottom: 1px solid #fff; font-weight: normal; } #menu-mobile a:visited { color: #ffffff; } #menu-mobile a:hover { color: #ffffff; text-decoration: none; } #mobile-menu-toggle { display: block; height: 30px; position: absolute; top: 27px; right: 15px; } #mobile-menu-toggle div { font-size: 14px; font-family: verdana, sans-serif; text-transform: uppercase; color: #aaa; padding-top: 0px; cursor: pointer; padding-left: 25px; background: transparent url(../images/menu_icon.png) 0px 1px no-repeat; } #mobile-submenu-toggle { display: block; position: absolute; top: 90px; right: 10px; } .home #mobile-submenu-toggle,.whatsnew #mobile-submenu-toggle,.wellness #mobile-submenu-toggle { display: none; } #mobile-submenu-toggle div { font-size: 11px; text-transform: uppercase; color: #fff; padding: 5px; cursor: pointer; border: 1px solid #A5D4DE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #008ba8; /* Old browsers */ background: -moz-linear-gradient(top, #b3dced 0%, #008ba8 99%, #bce0ee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(99%,#008ba8), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b3dced 0%,#008ba8 99%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b3dced 0%,#008ba8 99%,#bce0ee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b3dced 0%,#008ba8 99%,#bce0ee 100%); /* IE10+ */ background: linear-gradient(to bottom, #b3dced 0%,#008ba8 99%,#bce0ee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */ } #mobile-nav { display: none; } .nav-mobile { display: none; } .nsmc-logo-svg { position: absolute; top: 20px; left: 0; } .nsmc-logo-svg img { width: 270px; height: 63px; } .mgb-salem-logo { position: absolute; top: 5px; left: 26px; } .mgb-salem-logo img { width: 360px; height: 84px; } /* .nsmc-logo { position: absolute; top: 20px; left: 0px; } .nsmc-logo a { margin: 0px; padding: 0px; font-size: 1px; display: block; width: 227px; height: 49px; } .nsmc-logo a span { display: block; width: 227px; height: 49px; overflow: hidden; margin: 0px; padding: 0px; background: transparent url(../Images/logos/nsmc_logo_227.png) 0 0 no-repeat; text-indent: -999em; cursor: pointer; } */ .nursing-ratios-table { text-align: center; border-collapse: collapse; } .nursing-ratios-table th { padding: 5px; border: 1px solid #b1bcb7; margin: 0px; } .nursing-ratios-table td { padding: 5px; border: 1px solid #b1bcb7; width: 20%; margin: 0px; } /* Print-friendly button */ .print-btn { display: none; position: absolute; top: 12px; left: 830px; color: #ccc; font-size: 140%; } .print-btn-text { display: block; position: absolute; top: 0px; left: 0px; font-size: 9px; text-transform: uppercase; } #print-btn-icon { display: block; position: absolute; top: 0px; left: 32px; } /* Temporarily disabled .disclaimer .print-btn { display: block; } .privacy .print-btn { display: block; } .dept-and-serv .print-btn { display: block; } .patients-visitors .print-btn { display: block; } .patients-visitors-overview .print-btn { display: block; } .about-overview .print-btn { display: block; } .about .print-btn { display: block; } .healthcare-professionals-overview .print-btn { display: block; } .healthcare-professionals .print-btn { display: block; } .giving-home .print-btn { display: block; } .giving .print-btn { display: block; } .residency .print-btn { display: block; } .irb .print-btn { display: block; } .volunteering .print-btn { display: block; } .wellness-overview .print-btn { display: block; } .wellness .print-btn { display: block; } .safety .print-btn { display: block; } .ari .print-btn { display: block; } .nursing .print-btn { display: block; } .press-item .print-btn { display: block; top: 95px; } .special-nsmc-update .print-btn { display: block; left: 1080px; } */ a.read-more { text-decoration: none; color: #003a96; background: transparent url(../Images/backgrounds/blue_arrow.gif) no-repeat right 4px; padding-right: 12px; font-weight: bold; font-size: 12px; } a.read-more:visited { text-decoration: none; } a.read-more:hover { color: #0077c8; text-decoration: underline; } .right-rail-responsive { display: block; margin: 25px 0px 0px 8px; clear: both; } #search { position: absolute; top: 115px; right: 8px; width: 250px; height: 28px; z-index: 999; display: block; } .ui-widget { font-size: 14px !important; } .search-input { border: 0px solid #b1e4e3; background-color: transparent; font-size: 16px; width: 215px; height: 28px; } .search-input:focus { outline: none; } .search-input-container { width: 100%; height: 28px; padding: 0px 0px 0px 8px; background-color: #ffffff; border: 1px solid #009ca6; } .search-button-container { position: absolute; top: 4px; right: 0px; padding: 2px; cursor: pointer; font-size: 16px; } /* #search-new { position: absolute; top: 115px; right: 0px; width: 250px; height: 28px; z-index: 999; display: block; } .ui-widget { font-size: 12px !important; } .search-input-new { border-width: 0px; background-color: transparent; font-size: 14px; width: 175px; height: 28px; color: #000; } .search-input-new:focus { outline: none; } .search-input-container-new { width: 190px; height: 28px; padding: 0px 0px 0px 28px; background-color: #ffffff; } .search-button-container-new { position: absolute; top: 5px; left: 5px; padding: 2px; cursor: pointer; color: #000; font-size: 14px; } #search-toggle { position: absolute; top: 5px; right: 0px; width: 20px; height: 20px; font-size: 18px; cursor: pointer; } .search-toggle-inactive { color: #003a96; } .search-container { width: 220px; border: 1px solid #b1e4e3; } */ .see-also-list { } .see-also-list ul { list-style-type: none; margin: 0px !important; padding: 0px !important; } .see-also-list ul li { margin: 0px !important; padding: 0px 0px 10px 0px !important; } .sidebar-content { width: 192px; padding-left: 16px; line-height: 140%; margin-top: 20px; } .sidebar-content a { text-decoration: none; color: #003a96; font-weight: normal; font-size: 12px; font-family: Arial !important; } .sidebar-content a:visited { text-decoration: none; } .sidebar-content a:hover { color: #0077c8; text-decoration: underline; } .sidebar-content ul li a { text-decoration: none; color: #003a96; background: transparent url(../Images/backgrounds/blue_arrow.gif) no-repeat right 5px; padding-right: 9px; font-weight: bold; font-size: 12px; font-family: Arial !important; } .sidebar-content ul li a:visited { text-decoration: none; } .sidebar-content ul li a:hover { color: #0077c8; text-decoration: underline; } .sidebar-header { font-size: 20px; font-family: 'Roboto', Helvetica, Arial, sans-serif; border-bottom: 1px dotted #b1bcb7; padding: 0px 0px 5px 0px; margin-bottom: 10px; display: block; line-height: 1.3; } .sidebar-spotlight-1 { } .sidebar-spotlight-2 { width: 208px; height: 126px; background: transparent url(../Images/backgrounds/blue_box_back.png) 0px 0px no-repeat; margin-bottom: 0px; padding-top: 20px; font-size: 16px; text-align: center; line-height: 140%; color: #fff; } .sidebar-spotlight-2 a { display: block; width: 80%; text-align: center; margin: 20px auto 10px; background-color: #e7ebea; cursor: pointer; text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold; color: #767b7e; border: 1px solid #909995; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .sidebar-spotlight-2 a:visited { color: #767b7e; text-decoration: none; } .sidebar-spotlight-2 a:hover { color: #d76238; text-decoration: none;} .social-media-icon-set { margin-left: 2px; } .social-media-icon-set a { display: block; float: left; margin-right: 12px; font-weight: normal; } .social-media-icon-set a span { display: block; font-size: 30px; } #submenu-link { display: none; } .top-image { width: 505px; height: auto; margin: 0px 0px 10px; float: left; } .top-image h4 { font-family: 'Roboto Slab',Georgia,serif; font-size: 18px !important; font-weight: normal !important; margin: 0px 10px !important; padding: 10px 0px !important; } .top-image p { margin: 0px 10px !important; padding: 0px !important; } #alert-box { display: block; background-color: #b1e4e3; position: relative; z-index: 100; } .alert-box-active { width: 1200px; margin: 0px auto; text-align: left; color: #003a96; } .alert-box-header { display: none; width: 280px; font-size: 27px; padding: 10px 0px 10px 35px; background: transparent url(../Images/icons/emergency_alert_icon.jpg) no-repeat 0px 10px; margin: 0px auto; } .alert-box-inactive { background-color: #003a96; height: 1px; font-size: 1px; width: 985px; } .alert-box-text { padding-bottom: 10px; } #wrapper-top-nav { width: 100%; background-color: #003a96; position: relative; z-index: 100; } #top-nav { width: 1200px; margin-left: auto; margin-right: auto; text-align: right; position: relative; top: auto; right: auto; padding: 12px 0px 13px 0px; } #top-nav span { margin: 0px 7px; } #top-nav span a { font-size: 16px; color: #ffffff; text-decoration: none; font-weight: normal; } #top-nav span a:visited { color: #ffffff; text-decoration: none; } #top-nav span a:hover { color: #B1E4E3; text-decoration: none; } .top-nav-divider { font-size: 18px; color: #4d75b6; } /* Wait Times header button #wait-times-hdr-btn { position: absolute; top: 15px; right: 20px; width: 200px; height: 50px; } .wait-times-hdr-btn-icon { position: absolute; top: 6px; left: 0px; } .wait-times-hdr-btn-icon-mobile { display: none; position: absolute; top: 5px; left: 0px; } .wait-times-hdr-btn-text { position: absolute; top: 0px; left: 40px; font-weight: normal; color: #e82e2e; } .wait-times-hdr-btn-link { position: absolute; top: 24px; left: 40px; font-size: 16px; text-decoration: underline; } .wait-times-hdr-btn-arrow { position: absolute; top: 12px; left: 165px; } .wait-times-hdr-btn-arrow-mobile { display: none; position: absolute; top: 10px; left: 165px; } */ /* Header callout button #hdr-callout-btn { position: absolute; top: 15px; right: 20px; width: 200px; height: 70px; display: none; } .hdr-callout-btn-icon { position: absolute; top: 6px; left: 0px; } .hdr-callout-btn-icon-mobile { display: none; position: absolute; top: 5px; left: 0px; } .hdr-callout-btn-text { position: absolute; top: 0px; left: 0px; font-weight: normal; color: #e82e2e; } .hdr-callout-btn-text2 { position: absolute; top: 25px; left: 0px; font-weight: normal; font-size: 80%; } .hdr-callout-btn-link { position: absolute; top: 45px; left: 0px; font-size: 16px; text-decoration: underline; } .hdr-callout-btn-link { font-weight: bold; text-decoration: underline; } .hdr-callout-btn-arrow { position: absolute; top: 1px; left: 180px; } .hdr-callout-btn-arrow-mobile { display: none; position: absolute; top: 10px; left: 165px; } */ /* Footer callout button */ #ftr-callout-btn { position: absolute; top: 0px; left: 250px; width: 200px; } .ftr-callout-btn-icon { position: absolute; top: 6px; left: 0px; } .ftr-callout-btn-icon-mobile { display: none; position: absolute; top: 5px; left: 0px; } .ftr-callout-btn-text { position: absolute; top: 0px; left: 0px; font-weight: bold; font-size: 16px; } .ftr-callout-btn-text2 { position: absolute; top: 25px; left: 0px; font-weight: normal; font-size: 16px; } .ftr-callout-btn-text3 { position: absolute; top: 50px; left: 0px; font-weight: normal; font-size: 16px; } .ftr-callout-btn-text4 { position: absolute; top: 75px; left: 0px; font-weight: normal; font-size: 16px; } .ftr-callout-btn-link { font-weight: bold; text-decoration: underline; } .ftr-callout-btn-arrow { position: absolute; top: 1px; left: 180px; } .ftr-callout-btn-arrow-mobile { display: none; position: absolute; top: 10px; left: 165px; } /* wForm styles */ .wForm { padding: 10px 15px 10px 0px !important; } .wForm .actions { padding: 10px 2px 10px 20px !important; } .wForm fieldset { border-width: 0px !important; } .wForm fieldset legend { display: none; } .wForm input[type=text],.wForm select,.wForm textarea { padding: 5px !important; font-size: inherit !important; } .wForm input[type=checkbox],.wForm input[type=radio] { margin-right: 3px !important; } .wForm .postField { margin-top: -4px !important; } /* Home page styles */ .home .breadcrumb-wrapper { display: none; } .hero { display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row-reverse; background-color: #003a96; overflow-x: hidden; height: 405px; /* height: 480px; */ } .hero__image { display: -webkit-box; display: -ms-flexbox; display: flex; height: 405px; /* height: 480px; */ width: auto; } .hero__image img { display: block; width: auto; height: 100%; } .hero__body { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 480px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #003A96; padding-left: 60px; } .hero__body h1 { color: #fff; font-size: 42px; font-weight: 400; margin: 0 0 15px; } .hero__body p { color: #fff; margin: 0 0 30px; } .hero__actions { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .hero__actions a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: solid 2px #fff; border-radius: 25px; padding: 12px 30px 10px; margin-right: 10px; font-weight: bold; -webkit-transition: 0.25s !important; -o-transition: 0.25s !important; transition: 0.25s !important; color: #003A96; text-decoration: none; line-height: 1em; font-size: 18px; text-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hero__actions a::after { content: ""; display: block; width: 12px; height: 12px; margin-left: 5px; border-top: 3px solid #003A96; border-right: 3px solid #003A96; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hero__actions a:last-child { margin-right: 0; } .hero__actions a:hover { background: transparent; color: #fff; text-decoration: none; } .hero__actions a:hover::after { border-color: #fff; } @media( max-width : 1200px) { .hero { height: 320px; } .hero__image { height: 320px; width: auto; } .hero__body { width: 100%; padding: 0px 20px; } } @media( max-width : 950px) { .hero { display: block; position: relative; background: transparent url("https://salem.massgeneralbrigham.org/cmslibrary/nsmc/images/home_hero_image_background.jpg") no-repeat; background-size: cover; } .hero__body { position: absolute; top: 0; left: 0; max-height: 320px; padding: 0px 30px; background: transparent; } .hero__actions { row-gap: 20px; } .hero__image { display: none; } } @media( max-width : 650px) { .hero { height: 200px; } .hero__body { max-height: 200px; padding: 0px 30px; } .hero__body h1 { font-size: 36px; margin: 0 0 5px; } .hero__body p { margin: 0 0 10px; } } .home #home-slideshow { width: 1200px; height: 460px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; } .home #home-slideshow #slideshowContent { margin-left: -1px; position: relative; z-index: 10; } .home #home-slideshow-wrapper { display: block; position: relative; width: 100%; height: 460px; } .home #home-slideshow #slideNav { position: absolute; top: 420px; left: 50px; z-index: 30; } .home .cycle-slideshow div img { width: 1200px; height: 460px; } .home .cycle-slideshow div { position: relative; } .home .cycle-slideshow div .content { display: none; } /* .home .cycle-slideshow div .headline { position: absolute; top: 150px; left: 50px; font-family: helvetica, arial, sans-serif; width: 450px; font-size: 40px; font-weight: normal; } */ .home .cycle-slideshow div .headline { font-family: helvetica, arial, sans-serif; width: 450px; font-size: 32px; font-weight: normal; line-height: 150%; } .home .cycle-slideshow div.pic-2 .headline { top: 405px; left: 130px; } .home .cycle-slideshow div.pic-6 #headline1 { position: absolute; top: 370px; left: 76px; } .home .cycle-slideshow div.pic-6 #headline2 { position: absolute; top: 410px; left: 960px; } /* .home .cycle-slideshow div .headline a { color: #fff; text-decoration: none; } .home .cycle-slideshow div .headline a:visited { color: #fff; text-decoration: none; } .home .cycle-slideshow div .headline a:hover { color: #fff; text-decoration: none; } */ .home .cycle-slideshow div #headline1 a { color: #fff; text-decoration: none; font-weight: normal; } .home .cycle-slideshow div #headline1 a:visited { color: #fff; text-decoration: none; } .home .cycle-slideshow div #headline1 a:hover { color: #fff; text-decoration: none; } .home .cycle-slideshow div #headline2 a { color: #003395; text-decoration: none; font-weight: normal; } .home .cycle-slideshow div #headline2 a:visited { color: #003395; text-decoration: none; } .home .cycle-slideshow div #headline2 a:hover { color: #003395; text-decoration: none; } /* pager */ .cycle-pager { display: block; position: absolute; top: 410px; left: 50px; z-index: 500; overflow: hidden; } .cycle-pager span { font-family: arial; font-size: 35px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; } .cycle-pager span.cycle-pager-active { color: #d4553d;} .cycle-pager > * { cursor: pointer;} #banner-custom-wrapper { display: block; position: relative; width: 100%; height: 460px; } .banner-custom { width: 1200px; height: 460px; background-color: #5c524b; position: relative; } .banner-custom-image { text-align: left; width: 992px; } .banner-custom-image img { width: 992px !important; } .banner-custom-link { width: 168px; position: absolute !important; top: 360px; right: 20px; } .banner-custom-link a { color: #f16a0b; font-size: 24px; } .banner-custom-link a:hover { color: #fff; } .banner-custom-link a span { font-size: 18px; } .home .main-area { padding: 0px 0px 0px 0px; margin: 32px 0px 0px 0px; } .home .main-area h1 { font-size: 48px; font-family: 'Roboto Slab',Georgia,serif; padding: 0px 0px 4px 0px; margin: 0px; font-weight: normal; } #home-col-left { width: 390px; float: left; margin: 0px 0px 0px 50px; } #home-col-right { width: 390px; float: left; margin: 0px 0px 0px 50px; } .home-content { margin-top: 2px; } .home-news-header { border-bottom: 3px solid #009ca6; margin-left: 50px; width: 830px; } .home-content .content-spotlight { padding-bottom: 10px; float: none !important; background-color: transparent; clear: both; min-height: 400px; } .home-content .content-spotlight-last { border-bottom-width: 0px !important; } .home-content .content-spotlight-text { line-height: 160%; font-size: 18px; } .home-content h2,.home-content h3 { font-size: 22px; font-weight: normal; } .home-content .content-spotlight h2,.home-content .content-spotlight h3 { margin: 15px 0px 5px; padding: 0px; font-size: 24px !important; font-weight: normal; } .home-content h2 a,.home-content h3 a { font-size: 18px; background: none; font-weight: normal; } .home .content-spotlight-image img { border: 0px solid #b1bcb7; padding: 0px; width: 390px; height: auto; } /* .home .in-focus { border-top: 7px solid #008ab3; } .home h1.in-focus-title { color: #455560; } */ .home .collaborations-content { position: relative; width: 830px; margin-left: 50px; min-height: 200px; } .home .collaborations-header { font-style: oblique; font-size: 16px; border-bottom: 7px solid #008ab3; padding-bottom: 8px; } .home .collaborations-content .collaborations-logo1 { position: absolute; top: 65px; left: 0px; } .home .collaborations-content .collaborations-logo2 { position: absolute; top: 50px; left: 450px; } .home .quick-links-desktop { display: block; position: absolute; top: 505px; right: 50px; width: 220px; } .home .quick-links-mobile { display: none; } .home .quick-links-header { background-color: #003a96; color: #fff; font-size: 15px; font-weight: bold; padding: 15px 0px; text-align: center; margin-bottom: 15px; } .home .quick-links-item { border-top: 1px solid #dddddd; padding: 0px; } .home .quick-links-item a { display: block; padding: 15px 10px; color: #003a96; font-size: 16px; text-decoration: none; font-weight: bold; line-height: 130%; } .home .quick-links-item a:visited { color: #003a96; text-decoration: none; } .home .quick-links-item a:hover { background: #b1e4e3; color: #0077c8; text-decoration: none; } .quick-links .social-media-icon-set { position: relative; margin-top: 30px; } .quick-links .social-media-icon-set #youtube-icon { position: absolute; top: 0px; left: 0px; } .quick-links .social-media-icon-set #facebook-icon { position: absolute; top: 0px; left: 59px; } .quick-links .social-media-icon-set #twitter-icon { position: absolute; top: 0px; left: 118px; } .quick-links .social-media-icon-set #instagram-icon { position: absolute; top: 0px; left: 177px; } .home-special-btn { clear: both; margin: 10px 0px 15px 50px; padding: 5px 0px; max-width: 500px; } .home-special-btn a { font-size: 18px; } .home-special-btn a:visited { } .home-special-btn a:hover { } .home-special-btn a span { font-size: 15px; } /********** Departments & Services styles *******************/ .dept-directory .main-content { float: none; margin: 0px 0px 0px 30px; width: 1150px; } .dept-directory .main-content h1 { font-family: 'Roboto Slab',Georgia,serif; padding: 25px 0px 20px 25px; margin: 0px; font-weight: normal; } .dept-container { width: 100%; min-height: 900px; padding-bottom: 30px; } .dept-container-col1 { float: left; width: 330px; border-right: 1px solid #ddd; padding: 0px 20px 0px 10px; } .dept-container-col2 { float: left; width: 330px; border-right: 1px solid #ddd; padding: 0px 20px 0px 20px; } .dept-container-col3 { float: left; width: 330px; padding: 0px 0px 0px 20px; } .dept-directory .main-content a { font-weight: normal; } .dept-directory .main-content .dept-withsubnav-home a { font-weight: bold; } .dept-list-table { margin-left: 15px; } .dept-list a { display: block; } .dept-list h3 { display: block; font-weight: bold; font-size: 24px; color: #003a96; margin-top: 20px; } .dept-withsubnav { font-weight: normal; margin: 0px 0px 10px 25px !important; } .dept-withsubnav button { border: none; cursor: pointer; background: none; font-size: inherit; } .dept-withsubnav .link-label { color: #003a96; } .dept-subnav { margin: -5px 0px 5px 25px; border-top: 1px solid #ddd; padding-top: 5px; } .dept-withsubnav-home { margin-top: 5px; } .facilities-callout { background-color: #eee; padding: 5px 15px 15px 15px; margin-top: 20px; margin-bottom: 20px; } .facilities-callout img { width: 100%; height: auto; max-width: 300px; } .facilities-callout b,.facilities-callout strong { display: block; margin: 5px 0px 10px 0px; font-size: 110%; } .facilities-callout ul { list-style-type: none !important; margin: 0; padding: 0; } .facilities-callout ul li { list-style-type: none !important; margin-bottom: 5px; background: none; padding-left: 0px; } .facilities-callout ul li a,.facilities-callout ul li a:visited,.facilities-callout ul li a:hover { text-decoration: underline; } .dept-overview .intro-text .jump-link { display: none; } .physician-links blockquote { padding: 0px 0px 5px 0px; } .physician-links blockquote a { display: block; width: 350px; } /********** Patients and Visitors styles *******************/ .campus-map .main-content { width: 770px; } .campus-map .main-content img { width: 100%; height: auto; } /********** Weight Management styles *******************/ .info-session-location,.info-session-dates { float: left; width: 230px; margin-bottom: 20px; } .info-session-location { line-height: 140%; } .info-session-dates { line-height: 160%; font-size: 14px; } .info-session-location2,.info-session-dates2 { margin-left: 40px; } .info-session-location h4 { display: block; background-color: #eee; padding: 5px; margin: 0px 0px 5px 0px; font-size: 15px; } .info-session-location img { margin: 5px 0px; } .info-session-locations { margin-top: 20px; } .info-session-header { clear: both; display: block; background-color: #eee; padding: 5px; margin: 10px 0px 5px 0px; font-size: 15px; } .info-session-dates-location { font-weight: bold; display: block; margin-bottom: 5px; } .info-session-buttons { clear: both; text-align: center; border-top: 1px solid #eee; padding: 10px 0px; } .info-session-submit-btn input { display: block; padding: 5px 45px; text-align: center; background-color: #aae8f9; font-weight: bold; cursor: pointer; text-transform: uppercase; text-decoration: none; font-size: 14px; color: #000; border: 1px solid #909995; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } /********** Locations styles *******************/ .location-container { float: left; width: 750px; min-height: 500px; position: relative; margin-left: 50px; } .location-content { margin: 0px 0px 20px 0px; } .location-content ul { } .location-content ul li { } .location-content-additional { } .location-content-additional ul { } .location-content-additional ul li { padding-bottom: 5px; } .location-content-additional .subheader1 { margin: 0px 0px 0px; } .location-column1 { width: 404px; margin-left: 0px; } .location-column2 { position: relative; width: 404px; padding-top: 15px; margin-right: 10px; margin-left: 0px; } .location-email { margin-top: 10px; } .location-hours { margin-top: 10px; } .location-map { } .location-map small { display: none; } .location-map iframe { height: 300px !important; width: 400px !important; } .location-phone { margin-top: 10px; } .location-address2 { font-weight: bold; } .location .location-map-container { display: block; margin-top: 30px; } .location .mobile-directions { display: none; } .location .left-nav-menu-level1-item,.location-directory .left-nav-menu-level1-item { height: auto; padding: 0px; } .location .left-nav-menu-level1-item-active,.location-directory .left-nav-menu-level1-item-active { height: auto; padding: 0px; } .location .seo-text,.location-directory .seo-text { display: none; margin: 20px 0px 0px 0px; border-top: 1px solid #a0a0a0; padding: 20px 0px; } .location-directory-list { display: none; } /* .location .nspg-dot,.location .nsmc-dot { font-size: 12px; } .location .nspg-dot { color:#e5765a; } .location .nsmc-dot { color:#406288; } */ .location-info { margin-bottom: 20px; } .locations-additional-text { clear: both; margin-top: 15px; } .location-directions-text { clear: both; margin-top: 15px; } .location-directions-text .orange-text { color: #e46d3a; } .locations-regional-map { float: left; padding-top: 10px; width: 460px; } .locations-introtext { float: left; width: 260px; margin-left: 60px; } .locations-list .location-content .contact-data { margin-top: 0px !important; margin-bottom: 6px; } .locations-list .location-content .contact-hours { display: none; } .locations-list .location-content { float: left !important; margin: 0px 0px 20px 0px; width: 250px !important; } .locations-list .location-image { float: left; width: 220px; margin: 0px 0px 20px 0px !important; } .locations-list .location-image img { width: 200px; height: 133px; } .locations-list-item { clear: both; } /********** Giving styles *******************/ .giving .content-header1,.giving-home .content-header1 { text-align: left; padding-left: 15px; } .giving-social-links { margin: 40px 0px 20px 10px; } .giving-social-links ul { list-style-type: none; margin: 0px !important; padding: 0px !important; } .giving-social-links ul li { margin: 0px 15px 0px 4px; padding: 0px; display: block; float: left; } .giving-social-links ul li a { display: block; } .giving-social-links a { font-weight: bold; font-size: 12px; } .giving-social-links a img { border: 0px; margin: -1px 0px 10px 0px; } .giving-home .highlight-box { height: auto; background-color: transparent; margin-top: 20px; } .giving-donation-buttons { margin-bottom: 40px; } .giving-donation-buttons .donation-button { margin: 35px 0px 35px 10px; } .no-spotlight .content-spotlight { display: none; } .giving-story-summary { border-bottom: 1px solid #999; margin-bottom: 20px; padding-bottom: 20px; } /********** Contact styles *******************/ /* .contact #ContactDefault,.contact #JobInquirySection,.contact #ComplementConcernSection,.contact #GeneralQuestionSection { position: absolute; top: 520px; left: 60px; width: 500px; } */ .contact #ContactDefault,.contact #JobInquirySection,.contact #ComplementConcernSection,.contact #GeneralQuestionSection { margin-left: 10px; width: 500px; } .contact #ContactDefault { line-height: 130%; font-size: 120%; } .contact #ContactDefault .contact-thankyou-msg { font-size: 130%; text-align: center; margin-top: 20px; } .contact #ComplementConcernSection .captcha-container { margin-left: -10px; margin-top: 30px; } .contact #GeneralQuestionSection .captcha-container { margin-left: 0px; margin-top: 30px; } .contact #ComplementConcernSection .captcha-container .captcha-message { margin-bottom: 5px; } .contact #GeneralQuestionSection .captcha-container .captcha-message { margin-bottom: 5px; } .contact .main-area { position: relative; } .contact .join-mailing-list { position: absolute; top: 200px; left: 0px; padding: 10px 5px 10px 40px; width: 260px; zoom: 1; background: #f2f2f2 url(/Assets/Images/icons/mail_icon.jpg) 10px 13px no-repeat; height: auto; font-size: 13px; } .contact .join-mailing-list a { font-size: 15px; } .contact .seo-text { display: none; border-top: 1px dotted #b1bcb7; padding: 10px 0px 10px 0px; font-size: 10px; color: #999; margin: 20px 0px 20px 20px; } .contact .seo-text a { color: #999; } .contact .seo-text a:visited { color: #999; } .contact .seo-text a:hover { color: #0077c8; } .contact-form { margin-top: 10px; font-size: 16px; } .contact-form .comments-label { visibility: hidden; } .contact-form .editor-field { float: left; margin-bottom: 10px; } .contact-form .editor-field input { width: 200px; } .contact-form .editor-field textarea { width: 200px; height: 50px; font-family: 'Roboto', Helvetica, Arial, sans-serif; } .contact-form .editor-field input,.contact-form .editor-field textarea,.contact-form .editor-field select { font-size: 16px; } .contact-form .editor-label { float: left; width: 150px; text-align: right; padding: 0px 5px 0px 0px; } .contact-form .form-buttons { padding: 10px 0px 0px 85px; } .contact-form2 { margin-top: 10px; font-size: 16px; } .contact-form2 .editor-field { margin-bottom: 10px; } .contact-form2 .editor-field input { width: 300px; } .contact-form2 .editor-field textarea { width: 300px; height: 50px; font-family: 'Roboto', Helvetica, Arial, sans-serif; } .contact-form2 .editor-field input,.contact-form2 .editor-field textarea,.contact-form2 .editor-field select { font-size: 16px; } .contact-form2 .editor-label { padding: 3px 0px 3px 0px; } .contact-form2 .form-buttons { padding: 10px 0px 0px 0px; } .contact-form .field-validation-error,.contact-form2 .field-validation-error { color: red; display: block; } .contact-form .editor-2,.contact-form2 .editor-2 { display: none; } .contact-form-extra-text { padding: 10px; } .contact-form-extra-text2 { padding: 20px 0px 0px 85px; } .contact-left-column { margin: 0px 50px 0px 50px; border-right: 1px solid #ddd; width: 580px; } .contact-left-column h2 { padding: 10px 0px; } .contact-main-image { margin-left: 8px; } .contact-right-column { position: absolute; top: 155px; left: 700px; } .contact-radio-buttons { padding: 10px 0px 20px 10px; } .contact-radio-buttons div { padding: 5px 0px; } .contact-radio-buttons a { text-decoration: underline; } .contact-radio-buttons a:visited { text-decoration: underline; } .contact-radio-buttons a:hover { text-decoration: underline; } .contact-links { padding: 10px 0px 20px 10px; } .contact-links div { padding: 5px 0px; } .contact-us .main-content h1 { padding: 25px 0px 20px 6px; margin-left: 50px; } .contact-us .main-content h2 { font-size: 24px; font-weight: bold; } .contact-us-contact-info { position: absolute; top: 115px; left: 700px; } .contact-us-contact-info a,.contact-us-contact-info a:visited,.contact-us-contact-info a:hover { text-decoration: underline; } .contact .contact-telephone { font-size: 120%; font-weight: bold; } .contact .contact-telephone .item-label { display: none; } .contact .contact-item .contact-address3,.contact .contact-item .contact-address4,.contact .contact-item .contact-city { display: none; } .contact .contact-main-number { text-decoration: none; color: #000; } .contact .contact-main-number:visited { text-decoration: none; color: #000; } .contact .contact-main-number:hover { text-decoration: none; color: #000; } .required-asterisk { color: red; } /* Constant Contact form */ .ctct-inline-form { margin-left: -25px; } /********** Full-width page styles (Privacy, Disclaimer, Site Map) *******************/ .content-full-width .main-content { width: 780px; margin-left: 5px; } /********** Special NSMC Update page (COVID-19) *******************/ .special-nsmc-update .main-area { margin: 0px 55px; } .special-nsmc-update h2,.special-nsmc-update h3 { font-size: 130%; } .special-nsmc-update .main-content { width: 800px; } .special-nsmc-update .main-content ul li ul { margin-top: 3px; margin-left: 15px; } .special-nsmc-update .content-left { margin: 7px 40px 0px 20px; } .special-nsmc-update .department-backlink { display: none; } .special-nsmc-update .left-nav-hdr { display: none; } .special-nsmc-update .left-nav { width: 205px; } .special-nsmc-update .full-width-image { margin: 20px 0px; } .special-nsmc-update .left-nav-menu-level1-item,.special-nsmc-update .left-nav-menu-level1-item-active { background-color: transparent; background-image: none; height: 26px; margin-left: 3px; border-bottom: 0px dotted #8aa9b1; } .special-nsmc-update .left-nav-menu-level1-item a { display: block; padding: 6px 0px 0px 0px; color: #000; font-size: 14px; } .special-nsmc-update .left-nav-menu-level1-item a:visited { color: #000; } .special-nsmc-update .left-nav-menu-level1-item a:hover { color: #d76238; } .special-nsmc-update .left-nav-menu-level1-item-active a { display: block; padding: 6px 0px 0px 0px; font-size: 14px; color: #000 !important; } .special-nsmc-update .left-nav-menu-level1-item-active a:visited { color: #000 !important; } .special-nsmc-update .left-nav-menu-level1-item-active a:hover { color: #d76238 !important; } .special-nsmc-update .desktop-link { display: inline; } .special-nsmc-update .mobile-link { display: none; } /********** SEO styles *******************/ .seo-text { display: none; border-top: 1px dotted #b1bcb7; padding: 10px; font-size: 10px; color: #999; } .seo-text a { color: #999; font-weight: normal; } .seo-text a:visited { color: #999; } .seo-text a:hover { color: #0077c8; } /********** Site Search styles *******************/ .site-search-results .main-content { float: none; margin: 0px; min-height: 500px; width: 1100px; } .site-search-results .main-content h1 { padding: 25px 0px 20px 0px; margin: 0px; font-weight: normal; } .site-search-results .main-content h2 { padding: 25px 0px 20px 0px; margin: 0px; font-size: 30px; font-weight: normal; } .site-search-results .main-text { margin-top: 0px !important; } .site-search-results .main-content .result ul { list-style-type: none; padding: 20px 0px 0px 0px; margin: 0px; line-height: 140%; } .site-search-results .main-content .result ul li { padding: 0px 0px 0px 0px; background: none; margin: 0px; } .site-search-results .main-content .result .resultUrl a { font-size: 24px; } .site-search-results .main-content .result .resultUrl a:visited { } .site-search-results .main-content .result .resultUrl a:hover { text-decoration: underline; } .site-search-results .main-content .result .resultDescription { } .site-search-results .main-content .result .resultFullUrl a { } .site-search-results .main-content .result .resultFullUrl a:hover { text-decoration: underline; } .site-search-results .main-content .featured-result { margin: 20px 0px 10px 0px; padding-top: 0em; padding-bottom: 2em; padding-left: 1.25em; padding-right: 1.25em; border: 1px dotted #999; } .site-search-results .main-content .featured-result ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px; line-height: 140%; } .site-search-pagination { text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0px; } .site-search-pagination .pagination-link { font-size: 110%; margin: 0 5px; } /********** HTML Sitemap page styles *******************/ .sitemap-container { width: 800px; min-height: 900px; margin-left: 30px; } .sitemap-container .main-content { margin-left: 25px; } .sitemap-container .main-content h1 { font-family: 'Roboto Slab',Georgia,serif; padding: 25px 0px 20px 0px; margin: 0px; font-weight: normal; } .sitemap-container .main-text ul { margin: 0px; padding: 0px 0px 0px 15px; list-style-type: square; color: #003a96; } .sitemap-container .main-text ul li { margin: 0px 0px 0px 15px; padding: 0px; background: none; } .sitemap-container .main-text ul li ul { margin: 0px 0px 0px 15px; } .sitemap-container .main-text .sitemapName { display: none; } /********** News & Events styles *******************/ .join-mail-list-header { background: transparent url(../Images/icons/mail_icon.jpg) 171px 5px no-repeat; } .news .main-content,.news-overview .main-content { width: 770px; } .news-overview .main-content-left2 { float: left; width: 46%; margin-right: 8%; } .news-overview .main-content-left2 .news-spotlight h3 a { font-size: 120% !important; font-weight: normal; background: transparent url(../Images/backgrounds/blue_arrow.gif) no-repeat right 7px; } .news-overview .main-content-right2 { float: left; width: 46%; } .news-overview .main-content-right2 .news-spotlight img { border: 1px solid #b1bcb7; padding: 2px; } .news .content-patient-story-image,.news-overview .content-patient-story-image { float: none !important; margin-left: 0px !important; } .news-archive-link { padding: 10px 0px 8px; display: none; } .news-archive-link a { font-style: italic; background: transparent url(../Images/backgrounds/blue_arrow.gif) no-repeat right 6px; padding-right: 10px; font-size: 15px; font-weight: bold; } .news-list { display: none; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 15px 15px 0px; margin: 5px 0px; } .news-list ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px !important; } .news-list ul li { padding: 0px 0px 15px 0px; background: none; margin: 0px; font-weight: bold !important; font-size: 12px !important; clear: both; } .news-list ul li img { float: left; margin: 0px 10px 10px 0px; border: 1px solid #b1bcb7; padding: 2px; } .news-list ul li a { text-decoration: none; background: transparent url(../Images/backgrounds/blue_arrow.gif) no-repeat right 5px; padding-right: 9px; zoom: 1; } .news-list .image-link { background: none !important; padding-right: 0px !important; } .news-items-list { padding: 15px 0px 0px; margin: 15px 0px; } .news-items-list .press-item-body { margin: 0px; padding: 0px; } .news-items-list .press-item-date { } .news-items-list .press-item { margin: 0px 0px 20px; } .news-items-list .press-item-link { } .news-sidebar-video { width: 193px; padding-bottom: 10px; } .news-sidebar-video img { border: 1px solid #b1bcb7; padding: 2px; background-color: #ffffff; } .news-sidebar-video p { font-size: 11px; font-style: italic; padding: 5px 0px 5px 16px; line-height: 140%; } .news-sidebar-video a.jump-link { padding-left: 16px; } .news-sidebar-video .video-thumbnail { float: none; margin: 5px 0px 0px 10px; } .news-social-media-links { border-bottom: 1px dotted #999; border-top: 1px dotted #999; padding: 10px 0px; margin: 20px 0px; position: relative; } .news-social-media-links h4 { padding: 10px 0px 0px; margin: 0px 0px; color: #003a96; font-weight: normal; font-size: 14px; } .news-social-media-links ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px !important; position: absolute; top: 0px; left: 200px; } .news-social-media-links ul li { padding: 0px; display: block; float: left; margin-left: 10px; background: none !important; } .news-social-media-links .social-media-icon-set a { display: block; float: left; margin: 3px 10px 0px; } .news-social-media-links .social-media-icon-set a span { display: block; font-size: 30px; } .news-social-media-text { display: block; float: left; margin: 3px 5px 0px 0px; } .social-media-page-links { display: none; } .news-social-media .social-media-page-links { display: block; width: 100%; margin: 30px 0; } .news-social-media .social-media-page-links .social-media-icon-set a { margin-right: 20px; } .news-social-media .social-media-page-links .social-media-icon-set a span { font-size: 48px; } .news-spotlight { float: left; } .news-spotlight { line-height: 140%; } .news-spotlight a { color: #003a96 !important; text-decoration: none; } .news-spotlight a:visited { color: #003a96 !important; text-decoration: none; } .news-spotlight a:hover { color: #0077c8 !important; text-decoration: underline !important; } .news-spotlight h2,.news-spotlight h3 { padding-right: 20px; line-height: 130%; } .news-spotlight h2 a,.news-spotlight h3 a { text-decoration: none; color: #003a96; font-weight: bold; font-size: 14px; } .news-spotlight h2 a:visited,.news-spotlight h3 a:visited { color: #003a96; } .news-spotlight h2 a:hover,.news-spotlight h3 a:hover { color: #0077c8; } .press-header1 { font-size: 120%; font-family: 'Roboto Slab',Georgia,serif; } .press-item-back { padding: 10px 0px; text-align: right; } .press-item-back2 { float: right; margin-top: -20px; text-align: right; } .press-item-back3 { padding: 20px 0px 0px; text-align: left; } .press-item-date1 { padding: 10px 0px 0px; } .press-item-social-chiclets { margin-top: 20px; } .press-item-social-chiclets2 { text-align: right; } .press-item-title,.press-item-link2,.press-item-link3,.press-item-title4 { font-size: 24px; font-weight: bold; } .press-item1 { padding-top: 20px; } .press-item-short-desc p { display: inline !important; padding: 0px; margin: 0px; } .press-item-footer,.press-item-footer p { font-size:medium; font-style:oblique; } .press-item-image { float: left; margin: 0px 15px 15px 0px; width: 175px; } .press-item-image-caption { font-size: small; font-style: oblique; line-height: 120%; } .press-top-story { border-bottom: 1px dotted #b1bcb7; padding-bottom: 15px; } .press-top-story .press-item-title4 { font-size: 30px; font-weight: normal; } .press-top-story .subheader1 { margin: 15px 0px 0px; } .press-top-story .subheader1 a { text-decoration: none; color: #003a96; } .press-top-story .subheader1 a:visited { color: #003a96; } .press-top-story .subheader1 a:hover { color: #0077c8; } .press-top-story-image { float: right; margin: 10px 0px 10px 15px; } .press-top-story-image img { border: 1px solid #b1bcb7; padding: 2px; } /* .press-top-story-text { color: #333333; font-size: 14px; font-family: Georgia, serif; line-height: 140% !important; padding: 10px 0px 5px; margin-bottom: 0px; } */ .press-top-story-text { line-height: 140% !important; padding: 5px 0px 5px; margin-bottom: 0px; } .press-top-story-text p { display: inline !important; padding: 0px; margin: 0px; } #rss-content ul li a { font-weight: normal !important; } .rss-header { background: transparent url(../Images/icons/rss_icon.jpg) 110px 5px no-repeat; } /********** Main Nav dropdown styles *******************/ .main-nav-dropdown { background-color: #fafafa; position: absolute; z-index: 1000; border: 1px solid #ccc; } .main-nav-dropdown-close { position: absolute; top: 5px; right: 5px; cursor: pointer; color: #003a96; } .main-nav-dropdown-close:hover { color: #B1E4E3; } #departments-menu { width: 870px; top: 163px; left: 119px; padding-top: 30px; font-weight: bold; } #departments-menu .main-nav-dropdown-column1 { float: left; width: 250px; padding-left: 30px; } #departments-menu .main-nav-dropdown-column2 { float: left; width: 250px; padding-left: 30px; border-left: 1px solid #ccc; } #departments-menu .main-nav-dropdown-column3 { float: left; width: 250px; padding-left: 30px; border-left: 1px solid #ccc; } #departments-menu .main-nav-dropdown-button { float: right; margin: 20px 90px 20px 0px; width: 150px; padding: 0px 0px 5px; text-align: center; background-color: #003a96; } #departments-menu .main-nav-dropdown-button a { color: #fff; font-size: 14px; text-decoration: none; } #departments-menu .main-nav-dropdown-button a:visited { color: #fff; text-decoration: none; } #departments-menu .main-nav-dropdown-button a:hover { color: #B1E4E3; text-decoration: none; } #departments-menu .main-nav-dropdown-header { font-size: 15px; margin-bottom: 15px; font-weight: bold; color: #000; } #departments-menu .main-nav-dropdown-item { margin: 0px 0px; } #departments-menu .main-nav-dropdown-item a { font-size: 14px; color: #003a96; text-decoration: none; } #departments-menu .main-nav-dropdown-item a:visited { color: #003a96; text-decoration: none; } #departments-menu .main-nav-dropdown-item a:hover { color: #0077c8; text-decoration: none; } #patients-menu { width: 750px; top: 163px; left: 418px; padding: 30px 0px; font-weight: bold; } #patients-menu .main-nav-dropdown-column1 { float: left; width: 200px; padding-left: 30px; } #patients-menu .main-nav-dropdown-column2 { float: left; width: 220px; padding-left: 30px; border-left: 1px solid #ccc; } #patients-menu .main-nav-dropdown-column3 { float: left; width: 220px; padding-left: 30px; border-left: 1px solid #ccc; } #patients-menu .main-nav-dropdown-button { float: right; margin: 30px 90px 30px 0px; width: 150px; padding: 0px 0px 5px; text-align: center; background-color: #003a96; } #patients-menu .main-nav-dropdown-button a { color: #fff; font-size: 14px; text-decoration: none; } #patients-menu .main-nav-dropdown-button a:visited { color: #fff; text-decoration: none; } #patients-menu .main-nav-dropdown-button a:hover { color: #B1E4E3; text-decoration: none; } #patients-menu .main-nav-dropdown-header { font-size: 15px; margin-bottom: 15px; font-weight: bold; color: #000; } #patients-menu .main-nav-dropdown-item { margin: 5px 0px; } #patients-menu .main-nav-dropdown-item a { font-size: 14px; color: #003a96; text-decoration: none; } #patients-menu .main-nav-dropdown-item a:visited { color: #003a96; text-decoration: none; } #patients-menu .main-nav-dropdown-item a:hover { color: #0077c8; text-decoration: none; } .dropdown-image1 { width: 166px; border: 1px solid #ccc; } .dropdown-image-caption { margin: 5px 0px 30px; } #wellness-menu { width: 650px; top: 163px; left: 535px; padding: 30px 0px; } #wellness-menu .main-nav-dropdown-column0 { float: left; width: 340px; padding-left: 30px; font-weight: bold; } #wellness-menu .main-nav-dropdown-column1 { float: left; width: 170px; padding-left: 30px; font-weight: bold; } #wellness-menu .main-nav-dropdown-column2 { float: left; width: 170px; padding-left: 30px; border-left: 1px solid #ccc; font-weight: bold; } #wellness-menu .main-nav-dropdown-column3 { float: left; width: 200px; padding-left: 30px; } #wellness-menu .main-nav-dropdown-column1 .main-nav-dropdown-button,#wellness-menu .main-nav-dropdown-column2 .main-nav-dropdown-button { margin: 15px 0px; } #wellness-menu .main-nav-dropdown-column1 .main-nav-dropdown-button a,#wellness-menu .main-nav-dropdown-column2 .main-nav-dropdown-button a { color: #008ab3; font-size: 12px; text-decoration: none; } #wellness-menu .main-nav-dropdown-column1 .main-nav-dropdown-button a:visited,#wellness-menu .main-nav-dropdown-column2 .main-nav-dropdown-button a:visited { color: #008ab3; font-size: 12px; text-decoration: none; } #wellness-menu .main-nav-dropdown-column1 .main-nav-dropdown-button a:hover,#wellness-menu .main-nav-dropdown-column2 .main-nav-dropdown-button a:hover { color: #0077c8; font-size: 12px; text-decoration: underline; } #wellness-menu .main-nav-dropdown-column3 .main-nav-dropdown-button { margin: 20px 0px 30px 0px; width: 100px; padding: 0px 0px 5px; text-align: center; background-color: #003a96; } #wellness-menu .main-nav-dropdown-column3 .main-nav-dropdown-button a { color: #fff; font-size: 14px; text-decoration: none; } #wellness-menu .main-nav-dropdown-column3 .main-nav-dropdown-button a:visited { color: #fff; text-decoration: none; } #wellness-menu .main-nav-dropdown-column3 .main-nav-dropdown-button a:hover { color: #ccc; text-decoration: none; } #wellness-menu .main-nav-dropdown-header { font-size: 15px; margin-bottom: 15px; font-weight: bold; color: #000; } #wellness-menu .main-nav-dropdown-item { margin: 5px 0px; } #wellness-menu .main-nav-dropdown-item a { font-size: 14px; color: #003a96; text-decoration: none; } #wellness-menu .main-nav-dropdown-item a:visited { color: #003a96; text-decoration: none; } #wellness-menu .main-nav-dropdown-item a:hover { color: #0077c8; text-decoration: none; } #giving-menu { width: 510px; top: 163px; left: 338px; padding: 30px 0px; } #giving-menu .main-nav-dropdown-column1 { float: left; width: 200px; padding-left: 30px; font-weight: bold; } #giving-menu .main-nav-dropdown-column2 { float: left; width: 250px; padding-left: 30px; } #giving-menu .main-nav-dropdown-button { float: right; margin: 30px 90px 30px 0px; width: 150px; padding: 0px 0px 5px; text-align: center; background-color: #003a96; } #giving-menu .main-nav-dropdown-button a { color: #fff; font-size: 14px; text-decoration: none; } #giving-menu .main-nav-dropdown-button a:visited { color: #fff; text-decoration: none; } #giving-menu .main-nav-dropdown-button a:hover { color: #B1E4E3; text-decoration: none; } #giving-menu .main-nav-dropdown-header { font-size: 15px; margin-bottom: 15px; font-weight: bold; color: #000; } #giving-menu .main-nav-dropdown-item { margin: 5px 0px; } #giving-menu .main-nav-dropdown-item a { font-size: 14px; color: #003a96; text-decoration: none; } #giving-menu .main-nav-dropdown-item a:visited { color: #003a96; text-decoration: none; } #giving-menu .main-nav-dropdown-item a:hover { color: #0077c8; text-decoration: none; } #locations-menu { width: 730px; top: 163px; left: 289px; padding: 30px 0px; } #locations-menu .main-nav-dropdown-column1 { float: left; width: 380px; padding-left: 30px; font-weight: bold; } #locations-menu .main-nav-dropdown-column2 { float: left; width: 250px; padding-left: 30px; border-left: 1px solid #ccc; position: relative; } #locations-menu .main-nav-dropdown-button { float: left; margin: 20px 0px 30px 0px; width: 150px; padding: 0px 0px 5px; text-align: center; background-color: #003a96; } #locations-menu .main-nav-dropdown-button a { color: #fff; font-size: 14px; text-decoration: none; } #locations-menu .main-nav-dropdown-button a:visited { color: #fff; text-decoration: none; } #locations-menu .main-nav-dropdown-button a:hover { color: #B1E4E3; text-decoration: none; } #locations-menu .main-nav-dropdown-header { font-size: 15px; margin-bottom: 15px; font-weight: bold; color: #000; } #locations-menu .main-nav-dropdown-item { margin: 0px 0px 20px; } #locations-menu .main-nav-dropdown-item a { font-size: 14px; color: #003a96; text-decoration: none; } #locations-menu .main-nav-dropdown-item a:visited { color: #003a96; text-decoration: none; } #locations-menu .main-nav-dropdown-item a:hover { color: #0077c8; text-decoration: none; } #locations-menu .main-nav-dropdown-column2 .location-menu-info { margin-top: 10px; font-size: 15px; line-height: 160%; color: #000; } .location-menu-content { position: absolute; top: 0px; left: 0px; } /********** SEO Resource Page styles *******************/ .seo-resource .breadcrumb-wrapper { display: none; } .seo-resource .content-right { width: 208px; } .seo-resource .main-area { margin-top: 0px; } .seo-resource .main-content { width: 780px; margin: 30px 0px 30px 5px; } .seo-resource .main-content a { color: #003a96; text-decoration: underline; } .seo-resource .main-content a:visited { color: #003a96; text-decoration: underline; } .seo-resource .main-content a:hover { color: #0077c8; text-decoration: underline; } .seo-resource .main-content h1 { margin-bottom: 10px; } .seo-resource .main-content h2 { margin-top: 30px; } .seo-resource .main-content h3 { margin-top: 30px; } .seo-resource .content-container4 { width: 208px; height: auto; background-color: #e7f6f6; background-image: none; margin-bottom: 30px; } .seo-resource .content-container4 #meet-physicians-box { position: relative; height: auto; } .seo-resource .content-container4 .meet-physicians-text { font-size: 11px; margin: 0px; padding: 5px 17px; } .seo-resource .content-container4 .meet-physicians-text a { color: #003a96; text-decoration: underline; } .seo-resource .content-container4 .meet-physicians-text a:visited { color: #003a96; } .seo-resource .content-container4 .meet-physicians-text a:hover { color: #0077c8; text-decoration: none; } .seo-resource .content-container4 .meet-physicians-text p, h1, h2, h3, h4 { margin: 0px; padding: 0px; } .seo-resource .content-container4 .meet-physicians-link { position: relative; top: auto; left: auto; padding: 20px 0px 20px 16px; border-top: 0px solid #e0e4e2; border-bottom: 0px solid #e0e4e2; width: auto; text-align: left; } .seo-resource .content-container4 .meet-physicians-link a { background-color: #b1e4e3; background-image: url(../Images/buttons/right_arrow1.png); background-position: right 15px top 52%; background-size: 15px 16px; background-repeat: no-repeat; color: #003a96; font-weight: bold; font-size: 15px; text-decoration: none; padding: 5px 40px 5px 30px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } .seo-resource .content-container4 .meet-physicians-link a:visited { color: #003a96; text-decoration: none; } .seo-resource .content-container4 .meet-physicians-link a:hover { color: #0077c8; text-decoration: none; } .seo-resource .content-container4 .meet-physicians-link a span { display: inline; width: auto; height: auto; margin: 0px; padding: 0px; background-image: none; text-indent: 0; } /* .seo-resource .content-container4 .meet-physicians-link { position: absolute; top: 80px; left: 22px; } .seo-resource .content-container4 .meet-physicians-link a span { display: block; width: 161px; height: 24px; overflow: hidden; margin: 10px auto 0px; padding: 0px; background: transparent url(../Images/buttons/view_profiles.jpg) 0 0 no-repeat; text-indent: -999em; cursor: pointer; } */ .seo-resource .content-header1 { font-size: 21px; color: #000; text-align: left; padding: 15px 17px 0px; } .seo-resource .spotlight-content-left1 { float: left; width: 228px; background-color: #e7f6f6; margin: 15px 20px 0px 0px; } .seo-resource .spotlight-content-left1 img { float: left; margin: 0px 21px 15px; } .seo-resource .spotlight-content-left1 a { float: left; color: #003a96; margin: 0px 21px 10px; font-weight: bold; text-decoration: underline; } .seo-resource .spotlight-content-left1 a:visited { color: #003a96; text-decoration: underline; } .seo-resource .spotlight-content-left1 a:hover { color: #0077c8; text-decoration: none; } .seo-resource .spotlight-content-right1 { float: left; margin-top: 15px; width: 500px; } .seo-resource .spotlight-content-left2 { float: left; margin: 30px 0px 30px 20px; width: 192px; } .seo-resource .spotlight-content-right2 { float: left; margin-top: 25px; padding-left: 0px; background: none; width: 420px; } .seo-resource .spotlight-content-right2 a { color: #003a96; text-decoration: underline; } .seo-resource .spotlight-content-right2 a:visited { color: #003a96; text-decoration: underline; } .seo-resource .spotlight-content-right2 a:hover { color: #0077c8; text-decoration: underline; } .seo-resource .sidebar-spotlight a { display: block; padding: 15px; color: #003a96; font-weight: bold; text-decoration: none; line-height: 140%; } .seo-resource .sidebar-spotlight a:visited { color: #003a96; } .seo-resource .sidebar-spotlight a:hover { color: #0077c8; text-decoration: none; } .seo-resource .sidebar-spotlight { margin-bottom: 30px; width: 208px; height: auto; background-color: #d8f1f1; } .seo-resource .contact-container { width: 182px; } .seo-resource .sidebar-video { margin-bottom: 30px; width: 208px; height: auto; } .seo-resource .sidebar-video .video-thumbnail { display: block; float: none; margin: 0 0 5px 0; padding: 0; } .resource-page-no-physicians .content-container4 { display: none; } .resource-page-no-physicians #meet-physicians-box { display: none; } .resource-page-no-physicians .sidebar-spotlight { margin-top: 6px; } /********** Classes and Registration styles *******************/ .classes .content-divider1 { clear: both; margin: 10px 0px; } .classes .featured-classes-button { margin-top: 30px; height: 30px; width: 136px; } .classes .featured-classes-button span { display: block; width: 136px; height: 30px; overflow: hidden; padding: 0px; background: transparent url(../Images/buttons/see_all_classes.png) 0 0 no-repeat; text-indent: -999em; cursor: pointer; } .classes .main-area { min-height: 500px; } .classes .content-middle { width: 75%; margin-left: 50px; } .classes .main-content { float: left; margin: 0px 0px 20px 0px; width: 100%; } .classes .main-content h3 { } .classes h1 { padding: 25px 0px 20px 0px; margin: 0px; font-weight: normal; } .classes .form-input3 { width: 80%; max-width: 400px; font-size: 20px; } .classes .classes-search-label { padding: 10px 0px 3px 0px; } .classes-search-button1 { margin: 20px 0px; } .classes-search-button1 input { font-size: 20px; } .classes .main-content .special-message1 { font-size: 120%; padding: 20px 0px; font-weight: bold; } .classes .register-for-class { width: 180px; height: 21px; } .classes .register-for-class span { display: block; width: 180px; height: 21px; overflow: hidden; padding: 0px; background: transparent url(../Images/buttons/register_for_class.png) no-repeat 0px 0px; text-indent: -999em; cursor: pointer; } .classes-back-link { margin: 20px 0px; font-weight: bold; } .classes-container1 { width: 250px; float: left; margin-left: 30px; } .classes-container1 ul { padding-left: 20px; list-style-type: square; line-height: 140%; } .classes-container1 .subheader1 { padding-left: 0px; } .classes-container2 { width: 100%; float: left; } .classes-container3 { clear: both; margin: 20px 0px; font-style: oblique; } .classes-container4 { position: relative; padding: 10px; border: 1px solid #ddd; background-color: #f5f5f5; margin: 20px 0px; } .classes-list-container { margin: 0px; } .classes-list-container .classes-header1 { margin-top: 15px; font-weight: bold; border-top: 1px solid #e0e4e2; padding-top: 15px; font-size: 20px; } .classes-list-desc { margin: 5px 0px; } .classes-list-facility { margin: 15px 0px 5px; } .classes-list-dates { margin: 5px 0px 15px; } .classes-list-dates div { float: left; width: 40%; } .classes-list-label { font-weight: bold; } #divSearchResults { display: none; } .search-results #divSearchResults { display: block !important; } .classes-detail .content-left { width: 70%; } .classes-detail .content-right { position: absolute; top: 40px; right: 40px; text-align: right; } .see-classes-button blockquote a { background-image: none; padding: 15px 20px; } /* Emergency Room Wait Times styles */ iframe#waitTimesData { width: 100%; height: 0px; border: none; } body.wait-times-iframe { background-color: #ffffff !important; } .text-911 { color: #ff0000; font-weight: bold; } .raw-data-container { background-color: #eeffee; margin: 10px 0px; } .raw-data-header { font-size: 120%; font-weight: bold; margin: 10px 0px; } .wait-time-location { padding: 10px; background-color: #b1e4e3; } .wait-time-location ul { margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .wait-time-location ul li { margin-top: 0px; margin-bottom: 5px; } .wait-time-location-title { float: left; width: 30%; font-size: 130%; font-weight: bold; } .wait-time-time { float: left; width: 30%; font-size: 130%; font-weight: bold; } .wait-time-location-address { clear: both; margin-top: 40px; } .modal-footer { padding: 30px; } .jump-anchor-link { border-top: 1px solid #b1e4e3; border-bottom: 1px solid #b1e4e3; margin-bottom: 20px; } .jump-anchor-link a { font-weight: normal; }