/* ========================================================================================== RESETS */ /* === font families === */ .titanBody,.mainBody,#mainBody,.Freeform,.FormEditor,.FAQ, .titanBody input,.titanBody select,.titanBody textarea, .mainBody input,.mainBody select,.mainBody textarea, .FAQ input,.FAQ select,.FAQ textarea, .FormEditor input,.FormEditor select,.FormEditor textarea, .MCWFormsEditor input,.MCWFormsEditor select,.MCWFormsEditor textarea, .Freeform input,.Freeform select,.Freeform textarea {font-family:Verdana,Arial,Helvetica,sans-serif;} .GoogleSearch, .GoogleSearch #cluster_status, .GoogleSearch #clustering a, .GoogleSearch h3, .GoogleSearch .main-results-without-dn, .GoogleSearch a span, .GoogleSearch span, #contentArea .GoogleSearch table td, .GoogleSearch #bottom-navigation, .GoogleSearch #bottom-navigation a{font-family:Verdana,Arial,Helvetica,sans-serif!important;} #titleBarContainer h1{font-family:Lucida,Lucida Sans,Verdana,Arial,Helvetica,sans-serif; } .titanDisplay hr,.mainBody hr, .Freeform hr,.FormEditor hr,.FAQ hr,.MCWFormsEditor hr {background-color:#e5e5e5;border:0;color:#e5e5e5;height:1px;} /* === font sizes - line-height === */ /* set to 10px */ .titanDisplay{font-size:62.5%;} /* general size 15px/23px tablet and desktop */ .titanBody, .titanBody textarea, h6, h5{font-size:15px;font-size:1.5rem;line-height:17px;line-height:1.7rem;} .GoogleSearch, .GoogleSearch #cluster_status, .GoogleSearch #clustering a, .GoogleSearch h3, .GoogleSearch .main-results-without-dn, .GoogleSearch a span, .GoogleSearch span, #contentArea .GoogleSearch table td{font-size:15px;font-size:1.5rem;line-height:17px;line-height:1.7rem;} .GoogleSearch #bottom-navigation, .GoogleSearch #bottom-navigation a{font-size:15px!important;font-size:1.5rem!important;line-height:17px!important;line-height:1.7rem!important;} .GoogleSearch h3{font-size:1.7rem!important;line-height:1.8rem!important;} .GoogleSearch input.suggestInput{line-height:12px!important;line-height:1.7rem!important;} .titanBody, .titanBody textarea{line-height:23px;line-height:2.3rem;} h4, .TwoCol h4, .OneCol h4, .TwoCol h4 a, .OneCol h4 a, .OPDGallery .name a:first-child,div.Calendar .CalendarFilter2 h4, .OPDGallery .name a.video{font-size:16px;font-size:1.6rem;line-height:18px;line-height:1.8rem;} @media screen and (min-width:510px){ #address{font-size:12px;font-size:1.2rem;line-height:16px;line-height:1.6rem;} } /* general size 14px/22px tablet and desktop */ @media screen and (min-width:715px){ .titanBody, .titanBody textarea, h6, h5{font-size:12px;font-size:1.2rem;line-height:16px;line-height:1.6rem;} .GoogleSearch, .GoogleSearch #cluster_status, .GoogleSearch #clustering a, .GoogleSearch h3, .GoogleSearch .main-results-without-dn, .GoogleSearch a span, .GoogleSearch span, #contentArea .GoogleSearch table td, .GoogleSearch #bottom-navigation, .GoogleSearch #bottom-navigation a{font-size:12px;font-size:1.2rem;line-height:16px;line-height:1.6rem;} .GoogleSearch #bottom-navigation, .GoogleSearch #bottom-navigation a{font-size:12px!important;font-size:1.2rem!important;line-height:16px!important;line-height:1.6rem!important;} .GoogleSearch input.suggestInput{line-height:1.7rem!important;} h4, .TwoCol h4, .OneCol h4, .TwoCol h4 a, .OneCol h4 a{font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem;} } .addthis_button_compact{font-size:0;line-height:0;} .searchBarContainer a, #scrollTop, div.Product div.ProductFilter2 fieldset div.head .reset, div.CalendarFilter2 fieldset div.head .reset, div.AggregationFilter2 fieldset div.head .reset, div.SegmentedSearchFilter2 fieldset div.head .reset, div.DataFilter2 fieldset div.head .reset, div.SegmentedSearch div.SegmentedSearchFilter2 div.head a{font-size:11px;font-size:1.1rem;line-height:11px;line-height:1.1rem;} #section h5, .OPDGallery .item .QuickView a + a {font-size:12px;font-size:1.2rem;line-height:12px;line-height:1.2rem;} div.Product div.ProductFilter2 h3, div.Calendar .calendarCallOut .button, div.AggregationFilter2 h3, div.SegmentedSearchFilter2 h3, div.DataFilter2 h3, div.SegmentedSearch div.SegmentedSearchFilter2 h3{font-size:14px;font-size:1.4rem;line-height:23px;line-height:2.3rem;} @media screen and (min-width:715px){ div.Product div.ProductFilter2 fieldset div.head h4, div.CalendarFilter2 fieldset div.head h4, div.AggregationFilter2 fieldset div.head h4, div.SegmentedSearchFilter2 fieldset div.head h4, div.DataFilter2 fieldset div.head h4{font-size:13px;font-size:1.3rem;line-height:13px;line-height:1.3rem;} div.Product div.ProductFilter2 h3, div.CalendarFilter2 h3, div.AggregationFilter2 h3, div.SegmentedSearchFilter2 h3, div.DataFilter2 h3{font-size:14px;font-size:1.4rem;line-height:14px;line-height:1.4rem;} } #bottom .siteSwitcher ul li a{font-size:15px;font-size:1.5rem;line-height:15px;line-height:1.5rem;} @media screen and (min-width:715px){ #bottom .siteSwitcher ul li a{font-size:14px;font-size:1.4rem;line-height:14px;line-height:1.4rem;} .OPDGallery .item .QuickView a + a {font-size:9px;font-size:.9rem;} .OPDGallery .name a:first-child{font-size:14px;font-size:1.4rem;line-height:16px;line-height:1.6rem;} .OPDGallery .name a.video{font-size:12px;font-size:1.2rem;} } .menu-wrapper ul li{font-size:16px;font-size:1.6rem;} .menu-wrapper ul li li, #navWrapper li a{font-size:15px;font-size:1.5rem;} @media screen and (min-width:715px){ #navWrapper li h3 a{font-size:17px;font-size:1.7rem;} #navWrapper li a{font-size:12px;font-size:1.2rem;} #navWrapper li li a{font-size:11px;font-size:1.1rem;} } h3, #contentNavContainer .minmaxNav li a, .menu-wrapper ul li{font-size:17px;font-size:1.7rem;line-height:18px;line-height:1.8rem;} h2{font-size:19px;font-size:1.9rem;line-height:20px;line-height:2rem;} h1, #titleBarContainer h1{font-size:24px;font-size:2.4rem;line-height:27px;line-height:2.7rem;} /* === colors === */ /* gray */ .RotatingBanner .otherStuff p.teaser{color:#888b8b;} /* black */ .titanBody, #navWrapper ul li a:hover, #navWrapper ul li a:focus, #navWrapper ul li a:active, #navWrapper ul li.Parent a.current, #section ul li li a, #contentNavContainer li a:hover, #contentNavContainer li a:focus, #contentNavContainer li a:active, .recommendedResults font{color:#000;} @media screen and (min-width:715px){ div.Product div.ProductFilter2 h3, div.Calendar div.CalendarFilter2 h3, div.Aggregation div.AggregationFilter2 h3, div.SegmentedSearch div.SegmentedSearchFilter2 h3, div.DataFilter div.DataFilter2 h3, div.Product div.ProductFilter2 div, div.Calendar div.CalendarFilter2 div, div.Aggregation div.AggregationFilter2 div, div.SegmentedSearch div.SegmentedSearchFilter2 div, div.DataFilter div.DataFilter2 div{color:#000;} } #section ul li.open li a, .SegmentedSearch .inputs div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div.selected span.item{color:#333} h6{color:#555} @media screen and (min-width:715px){ div.Product div.ProductFilter2 fieldset div.head h4, div.Calendar div.CalendarFilter2 fieldset div.head h4, div.Aggregation div.AggregationFilter2 fieldset div.head h4, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head h4, div.DataFilter div.DataFilter2 fieldset div.head h4{color:#555} } #navWrapper ul li a, #section h5{color:#666;} div.TwoCol.Profile .title, div.TwoCol.Profile .dept, div.Freeform.Profile .title{color:#444;} /* white */ .siteSwitcher ul li, .siteSwitcher ul li a, #utilityNav ul li, #utilityNav ul li a, .searchBarContainer, .jqueryslidemenu a, #contentArea .Address, #scrollTop, .RotatingBanner, .RotatingBanner a, .RotatingBanner a:hover, .RotatingBanner a:focus, .RotatingBanner a:active, .RotatingBanner h4, .RotatingBanner h4 a, .RotatingBanner .linkText a, .searchopen.item, #titleBarContainer h1, #bottom .siteSwitcher a:hover, #bottom .siteSwitcher a:focus, #bottom .siteSwitcher a:active, #pageTopArea .siteSwitcher a:hover, #pageTopArea .siteSwitcher a:focus, #pageTopArea .siteSwitcher a:active, .Address a, .button, .buttons input, div.AggregationFilter2 h3, div.ProductFilter2 fieldset div.head h4, div.CalendarFilter2 fieldset div.head h4, div.AggregationFilter2 fieldset div.head h4, div.SegmentedSearchFilter2 fieldset div.head h4, div.DataFilter2 fieldset div.head h4, #contentAreaWrapper div.ProductFilter2 fieldset div.head .reset,#contentAreaWrapper div.ProductFilter2 fieldset div.head .reset:hover,#contentAreaWrapper div.ProductFilter2 fieldset div.head .reset:focus,#contentAreaWrapper div.ProductFilter2 fieldset div.head .reset:active, #contentAreaWrapper div.CalendarFilter2 fieldset div.head .reset,#contentAreaWrapper div.CalendarFilter2 fieldset div.head .reset:hover,#contentAreaWrapper div.CalendarFilter2 fieldset div.head .reset:focus,#contentAreaWrapper div.CalendarFilter2 fieldset div.head .reset:active, #contentAreaWrapper div.AggregationFilter2 fieldset div.head .reset,#contentAreaWrapper div.AggregationFilter2 fieldset div.head .reset:hover,#contentAreaWrapper div.AggregationFilter2 fieldset div.head .reset:focus,#contentAreaWrapper div.AggregationFilter2 fieldset div.head .reset:active, #contentAreaWrapper div.SegmentedSearchFilter2 fieldset div.head .reset,#contentAreaWrapper div.SegmentedSearchFilter2 fieldset div.head .reset:hover,#contentAreaWrapper div.SegmentedSearchFilter2 fieldset div.head .reset:focus,#contentAreaWrapper div.SegmentedSearchFilter2 fieldset div.head .reset:active, #contentAreaWrapper div.DataFilter2 fieldset div.head .reset,#contentAreaWrapper div.DataFilter2 fieldset div.head .reset:hover,#contentAreaWrapper div.DataFilter2 fieldset div.head .reset:focus,#contentAreaWrapper div.DataFilter2 fieldset div.head .reset:active, div.ProductFilter2 fieldset div, div.CalendarFilter2 fieldset div, div.AggregationFilter2 fieldset div, div.SegmentedSearchFilter2 fieldset div, div.DataFilter2 fieldset div, div.jqueryslidemenu a, div.jqueryslidemenu a:hover, div.jqueryslidemenu a:focus, div.jqueryslidemenu a:active, .menu-wrapper li a, .menu-wrapper li span, .menu-wrapper li a:hover, .menu-wrapper li a:focus, .menu-wrapper li a:active, #contentNavContainer .minmaxNav h3 a, #contentNavContainer .minmaxNav h3 a:hover, #contentNavContainer .minmaxNav h3 a:focus, #contentNavContainer .minmaxNav h3 a:active, #banner .RotatingBanner a:hover, #banner .RotatingBanner a:focus, #banner .RotatingBanner a:active, div.calendarCallOut h3, div.SegmentedSearch div.SegmentedSearchFilter2 .head a, div.SegmentedSearch div.SegmentedSearchFilter2 .head a:hover, div.SegmentedSearchFilter2 h3, .SegmentedSearch .inputs div + div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div + div.selected span.item, #centerZoneHome .Address a, .GoogleSearch input[type=submit]{color:#fff;} /* blue */ .titanBody a, #breadCrumbContainer ul li span, #breadCrumbContainer ul li, #breadCrumbContainer ul li a, div.FAQSlider > ul li a:hover, div.FAQSlider > ul li a:focus, div.FAQSlider > ul li a:active, .GoogleSearch a,.GoogleSearch a:link,.GoogleSearch .w,.GoogleSearch .w a:link,.GoogleSearch a span,.accordionHeading,.Accordion .min,.Accordion .max{color:#0a3c7f;} .titanBody #centerZoneCR a:visited, .titanBody #centerZone a:visited, .titanBody #rightZoneLCR a:visited, .titanBody #centerZoneC a:visited, .titanBody #centerZoneR a:visited, .titanBody #rightZoneR a:visited, .titanBody #rightZone a:visited, .titanBody #leftContentContainerR a:visited{color:#5f0a7f} .titanBody #centerZoneCR a:hover, .titanBody #centerZone a:hover, .titanBody #rightZoneLCR a:hover, .titanBody #centerZoneC a:hover, .titanBody #centerZoneR a:hover, .titanBody #rightZoneR a:hover, .titanBody #rightZone a:hover, .titanBody #leftContentContainerR a:hover, .titanBody #centerZoneCR a:focus, .titanBody #centerZone a:focus, .titanBody #rightZoneLCR a:focus, .titanBody #centerZoneC a:focus, .titanBody #centerZoneR a:focus, .titanBody #rightZoneR a:focus, .titanBody #rightZone a:focus, .titanBody #leftContentContainerR a:focus, .titanBody a:hover, .titanBody a:focus, .titanBody a:active, .FAQ .Accordion .accordionHeading:hover,.FAQ .Accordion .accordionHeading:focus,.FAQ .Accordion .accordionHeading:active, .FAQ .Accordion .min:hover,.FAQ .Accordion .min:focus,.FAQ .Accordion .min:active, .FAQ .Accordion .max:hover,.FAQ .Accordion .max:focus,.FAQ .Accordion .max:active, div.SegmentedSearch div.SearchResults .options h4 i, .GoogleSearch a:hover,.GoogleSearch a:focus,.GoogleSearch a:active,.GoogleSearch a span:hover,.GoogleSearch a span:focus,.GoogleSearch a span:active{color:#900;} @media screen and (min-width:715px){ div.Product div.ProductFilter2 fieldset , div.head .reset, div.Calendar div.CalendarFilter2 fieldset div.head .reset, div.Aggregation div.AggregationFilter2 fieldset div.head .reset, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head .reset, div.DataFilter div.DataFilter2 fieldset div.head .reset, div.SegmentedSearch div.SegmentedSearchFilter2 .head a{color:#0a3c7f;} } /* green */ #section a, #section span, #section ul li.open li a:hover, #section ul li.open li a:focus, #section ul li.open li a:active, .RotatingBanner .otherStuff h4 a, .RotatingBanner .otherStuff h4{color:#046B63;} /* text shadow */ div.FAQSlider > ul a{text-shadow:1px 1px 1px #fff;} /* === font weights === */ #scrollTop{font-weight:100;} .titanBody,.titanBody input,.titanBody select,.titanBody textarea, h1,h2,h3,h4 a, .jqueryslidemenu li ul ul ul li a, #section h5, #contentArea div.FAQSlider > ul li a, .OneCol .linkText a, .TwoCol .linkText a, #contentArea div.Freeform.Profile .linkText a{font-weight:400} .GoogleSearch h3, .GoogleSearch input[type=submit]{font-weight:800!important;} .OneCol h4, .TwoCol h4, .OneCol h4 a, .TwoCol h4 a, .gn-menu-main > li > a, #bottom .siteSwitcher ul li a, #contentArea .Address, .linkText, h3, #titleBarContainer h1, h2, .button, .buttons input, div.FAQ > ul a, .menu-wrapper li a, .menu-wrapper li span, .menu-wrapper .siteSwitcher, h1, #contentArea .Freeform a, #contentArea .FAQ a, #contentArea div.FAQSlider a, .Calendar .CalendarResults a, .Calendar .calendarItem a, .OPDGallery .name a:first-child, .OPDGallery span.label{font-weight:800;} /* === text decoration - text-transform - word wraps - text-align === */ .titanBody{word-wrap:break-word;} .titanBody .AggregationFilter2{word-wrap:normal;} .jqueryslidemenu a, #headerInfo #utilityNav a, #bottom a, #breadCrumbContainer a, .siteSwitcher li a, #headerInfo .searchBarContainer a, #bottom .siteSwitcher a:hover, #bottom .siteSwitcher a:focus, #bottom .siteSwitcher a:active, #navWrapper a, .Address p a, #centerZoneHome .ScrollingContent a, #section a, .DashboardOneCol .OneCol a, .DashboardTwoCol .OneCol a, div.jqueryslidemenu a, .menu-wrapper li a, .SegmentedSearchFilter2 .head a, .GoogleSearch div#clustering table a, .OPDGallery .current a, .OPDGallery .item .QuickView a + a, .OPDGallery .name a:first-child{text-decoration:none;} .google .goog-te-menu-value, .google .goog-te-menu-value span:hover, .google .goog-te-menu-value span:focus, .google .goog-te-menu-value span:active, .google .goog-te-menu-value:hover, .google .goog-te-menu-value:focus, .google .goog-te-menu-value:active{text-decoration:none!important;} .titanBody a, .jqueryslidemenu a:hover, .jqueryslidemenu a:focus, .jqueryslidemenu a:active, #bottom a:hover, #bottom a:focus, #bottom a:active, #headerInfo #utilityNav a:hover, #headerInfo #utilityNav a:focus, #headerInfo #utilityNav a:active, #breadCrumbContainer a:hover, #breadCrumbContainer a:focus, #breadCrumbContainer a:active, #headerInfo .searchBarContainer a:hover, #headerInfo .searchBarContainer a:focus, #headerInfo .searchBarContainer a:active, .searchopen:hover, .searchopen:focus, .searchopen:active, #banner .RotatingBanner a:hover, #banner .RotatingBanner a:focus, #banner .RotatingBanner a:active, .DashboardOneCol .OneCol li a:hover, .DashboardTwoCol .OneCol li a:hover, .DashboardOneCol .OneCol li a:focus, .DashboardTwoCol .OneCol li a:focus, .DashboardOneCol .OneCol li a:active, .DashboardTwoCol .OneCol li a:active, div.Product div.ProductFilter2 fieldset div.head .reset:hover, div.Calendar div.CalendarFilter2 fieldset div.head .reset:hover, div.Aggregation div.AggregationFilter2 fieldset div.head .reset:hover, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head a:hover, div.DataFilter div.DataFilter2 fieldset div.head .reset:hover, div.Product div.ProductFilter2 fieldset div.head .reset:focus, div.Calendar div.CalendarFilter2 fieldset div.head .reset:focus, div.Aggregation div.AggregationFilter2 fieldset div.head .reset:focus, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head .reset:focus, div.DataFilter div.DataFilter2 fieldset div.head .reset:focus, div.Product div.ProductFilter2 fieldset div.head .reset:active, div.Calendar div.CalendarFilter2 fieldset div.head .reset:active, div.Aggregation div.AggregationFilter2 fieldset div.head .reset:active, div.SegmentedSearch div.SegmentedSearchFilter2 fieldset div.head .reset:active, div.DataFilter div.DataFilter2 fieldset div.head .reset:active, .SegmentedSearchFilter2 .head a:hover, .SegmentedSearchFilter2 fieldset .item:hover, div.SegmentedSearch div.SegmentedSearchFilter2 div.selected span.item, .GoogleSearch a:hover,.GoogleSearch a:focus,.GoogleSearch a:active,.GoogleSearch a span:hover,.GoogleSearch a span:focus,.GoogleSearch a span:active{text-decoration:underline} #scrollTop, .social a{text-align:center;} .social a.addthis_button{text-align:left;} #contentArea .Address{text-align:right;} .gn-menu-main > li > a{text-transform:uppercase;} #contentArea div.Aggregation.ScrollingContent div.OneCol h4, #contentArea div.Aggregation.ScrollingContent div.OneCol p{white-space: normal;} /* === backgrounds - box-shadows - borders - border-radius === */ .Aggregation img,.Calendar img,.Commenting img,.PhotoBlock img,.Product img,.SearchResults img,.SiteMap img,.TOCBlock img,.WhatsNew img, .Freeform a img,.FormEditor a img,.FAQ a img, #logo a img,.MCWFormsEditor a img, .searchBox .searchGo, .searchBox .searchTerms{border:0;} .Aggregation img,.Calendar img,.Commenting img,.PhotoBlock img,.Product img,.SearchResults img,.SiteMap img,.TOCBlock img,.WhatsNew img, .Freeform a img,.FormEditor a img,.FAQ a img, #logo a img,.MCWFormsEditor a img, .searchBox .searchGo, .searchBox .searchTerms, textarea{outline:0} /* site wrappers */ .titanDisplay{background:#f6f7f8;} #pageTopAreaWrapper{background:#1a6c60} #contentAreaWrapper{background:#fff;} @media screen and (min-width:715px){ #pageTopAreaWrapper{background:url('images/mcwrwd2/pagetop.jpg') repeat-x center bottom;} #pageTopAreaWrapper.scrolling{box-shadow:0 4px 5px #00436e;} #pageTopArea{border-left:1px solid #fff;border-right:1px solid #fff;} #bannerWrapper{background:url('images/mcwrwd2/pagetopContent.jpg') repeat-x center bottom;} #bannerWrapperHome{background:url('images/mcwrwd2/pagetophome.jpg') repeat-x center bottom;} #bannerWrapper, #bannerWrapperHome{background-color:#00436e} #banner{border-right:1px solid #fff;border-left:1px solid #fff;} } /* page top */ /* section */ #sectionButton{background:url('images/mcwrwd2/hamburger.gif') no-repeat center center;} #section{background:#fff;border-right:1px solid #aaa;box-shadow:4px 0 6px #333;} #section ul span{background:url('images/mcwrwd2/sectionavarrowright.gif') no-repeat 7px 13px;} #section ul li.open span{background:#eee url('images/mcwrwd2/sectionavarrowdown.gif') no-repeat 4px 15px;} #section ul li a{background:url('images/mcwrwd2/sectionnavbullet.gif') no-repeat 4px 16px;} #section li ul li a{background:0;} #section ul a:hover, #section ul a:focus , #section ul a:active, #section ul span:hover, #section ul span:focus , #section ul span:active{background-color:#eee;} #section li ul {border-bottom:1px solid #549A95} #section ul li li{background:#f6f6f6;} /* logo */ #logoControlContainer{border-top:0;} #logoControlContainer{background:url('images/mcwrwd2/mcwphonelogo.png') no-repeat 10px 18px;background-size:75%} @media screen and (min-width:715px){ #logoControlContainer{background-color:#1a6b60;background-image:none;border-right:1px solid #fff;} .scrolling #logoControlContainer{background:#1a6b60 url('images/mcwrwd2/scrolllogo.gif') no-repeat center 13px;} } /* phone nav */ .menuButton{background:url('images/mcwrwd2/phoneNavHamburger.gif') no-repeat center;} .menu-wrapper{background:#1A6C60;} #phoneNav.open .menuButton, .menu-wrapper{background-color:#10564c;} .menu-wrapper .phoneNav li a{background:url('images/mcwrwd2/phonenavbullet.gif') no-repeat 9px 15px;} .menu-wrapper li a, .menu-wrapper li span{border-bottom:1px solid #18665b;} .menu-wrapper li ul li a{border-bottom:0;background:none;} .menu-wrapper li span{background:url('images/mcwrwd2/whitearrow.png') no-repeat 10px 13px;} .menu-wrapper li.open > span{background:url('images/mcwrwd2/whitearrowdown.png') no-repeat 8px 15px;} .menu-wrapper ul ul{background:#359789} .menu-wrapper ul li.open, .menu-wrapper ul a:hover, .menu-wrapper ul a:focus, .menu-wrapper ul a:active, .menu-wrapper ul span:hover, .menu-wrapper ul span:focus, .menu-wrapper ul span:active{background-color:#1a6c60} .menu-wrapper li ul li a:hover, .menu-wrapper li ul li a:focus, .menu-wrapper li ul li a:active{background-color:#268174} .menu-wrapper .siteSwitcher ul li a{background-color:#268174} .menu-wrapper .siteSwitcher ul li a.current{background:#359789} /* campus -utility */ .siteSwitcher ul li a.current, .siteSwitcher ul li a:hover, .siteSwitcher ul li a:focus, .siteSwitcher ul li a:active{background:#046b63;} /* utility */ #utilityNav a{background:url('images/mcwrwd2/bullet_utility.gif') no-repeat left center;} /* search */ #searchGo, #searchGoMobile{border:0;background:url("images/mcwrwd2/button_search.gif") no-repeat center top;} @media screen and (min-width:715px){ .searchBarContainer{opacity:1!important;} } @media screen and (min-width:980px){ .scrolling .searchBarContainer{background:#006C64;border-top:1px solid #fff;} } /* top nav */ .jqueryslidemenu{background:url("images/mcwrwd2/topnav_back.jpg") repeat-x center top;border-top:1px solid #fff;} .jqueryslidemenu .item > ul{background:#006C64;border-top:1px solid #fff;} .jqueryslidemenu .sub a:hover, .jqueryslidemenu .sub a:focus, .jqueryslidemenu .sub a:active{background-color:#519b95} .jqueryslidemenu .sub ul ul li a{background:url("images/mcwrwd2/topnavthirdlevel.gif") no-repeat 10px 12px;} .searchopen{background:url("images/mcwrwd2/search.png") no-repeat left 6px;} /* content zones */ /* content banner and title */ #titleBarContainer{background-color:rgba(6,85,144,0.5);} /* home banner */ @media screen and (min-width:715px){ #adv-custom-pager span{} #adv-custom-pager span:hover, #adv-custom-pager span:focus, #adv-custom-pager span:active, #adv-custom-pager span.cycle-pager-active{} .RotatingBanner .otherStuff h4 a, .RotatingBanner .otherStuff h4 {font-family:Montserrat, Sans-Serif;font-size:4.3rem;line-height:4.7rem;text-transform:uppercase;text-align:center; /*font-size:18px;font-size:1.8rem;line-height:18px;line-height:1.8rem;*/} .RotatingBanner .otherStuff h4 a:hover, .RotatingBanner .otherStuff h4 a:focus, .RotatingBanner .otherStuff h4 a:active{color:#046B63!important;text-decoration:none!important;} .RotatingBanner .otherStuff p.teaser{font-family:Georgia,Times,"Times New Roman";font-size:2.6rem;line-height:3.6rem;text-transform:uppercase;text-align:center;} .RotatingBanner .otherStuff .linkText{text-align:center;} .RotatingBanner .otherStuff .linkText a{display:inline-block;background:#3d8ede;font-size:1.4rem;line-height:1.4rem;border-radius:5px;font-weight:700; font-family: "Montserrat",sans-serif;text-transform:uppercase;text-decoration:none;} .RotatingBanner .otherStuff .linkText a:hover, .RotatingBanner .otherStuff .linkText a:focus, .RotatingBanner .otherStuff .linkText a:active{background:#6cace4!important;text-decoration:none!important;} #adv-custom-pager{text-align:center;} #adv-custom-pager span{cursor:pointer;color:#c2c8cc;font-size:3.8rem;background:none;} #adv-custom-pager span.cycle-pager-active{color:#408cd9;} .cycle-prev{background:url('images/mcwrwd2/featurearrowleft.png') no-repeat center bottom;cursor:pointer;} .cycle-next{background:url('images/mcwrwd2/featurearrowright.png') no-repeat center bottom;cursor:pointer;} } @media screen and (min-width:980px){ .cycle-prev{background:url('images/mcwrwd2/featurearrowleft.png') no-repeat center bottom;} .cycle-next{background:url('images/mcwrwd2/featurearrowright.png') no-repeat center bottom;} } /* left */ #navWrapper ul li h3 a, #navWrapper ul li h3 a:hover, #navWrapper ul li h3 a:focus, #navWrapper ul li h3 a:active{background-color:#2C6FA1;font-weight:bold;color:#fff;border-top:0;} #navWrapper li h3 a{background:#2C6FA1 url('images/mcwrwd2/whitearrow.png') no-repeat 10px 16px;} #navWrapper li h3 a.openNav{background-image:url('images/mcwrwd2/whitearrowdown.png');background-position:8px 19px;} #navWrapper li + li{background:#ddd;color:#000} #navWrapper ul li a{border:1px solid #eee;border-top:0;} #navWrapper ul li a.current, #navWrapper li.navFirst.Parent + li.phoneOnly a{font-weight:bold;} #navWrapper ul li li a.current {font-weight:normal;} #navWrapper ul li + li a:hover, #navWrapper ul li + li a:focus, #navWrapper ul li + li a:active, #navWrapper ul li.Parent a.current, #navWrapper li.navFirst.Parent + li.phoneOnly a{background-color:#eee;} #navWrapper li li.Parent a{background-image:url('images/mcwrwd2/leftnavarrow.png');background-repeat:no-repeat;background-position:12px center} #navWrapper li li.Parent a{background-position:25px center} #navWrapper li li li.Parent a{background-position:40px center} #navWrapper li.Parent li a{background:0;} @media screen and (min-width:715px){ #navWrapper li a, #navWrapper ul li h3 a, #navWrapper ul li h3 a:hover, #navWrapper ul li h3 a:focus, #navWrapper ul li h3 a:active, #navWrapper h3 a.openNav, #navWrapper li + li, #navWrapper ul li a, #navWrapper ul li a.current, #navWrapper li.navFirst.Parent + li.phoneOnly a, #navWrapper ul li li a.current, #navWrapper ul li li a.current, #navWrapper ul li + li a:hover, #navWrapper ul li + li a:focus, #navWrapper ul li + li a:active, #navWrapper ul li.Parent a.current, #navWrapper li.navFirst.Parent + li.phoneOnly a, #navWrapper li.Parent a{background:#fff;border:0;} #navWrapper ul li h3 a .link, #navWrapper ul li h3 a .link:hover, #navWrapper ul li h3 a .link:focus, #navWrapper ul li h3 a .link:active{border:1px solid #2C6FA1;border-top:0;} #navWrapper h3 a .link, #navWrapper h3 a.openNav .link{background:#2C6FA1;background-position:0;} #navWrapper li + li{background:#fff;} #navWrapper ul li.Parent h3 a, #navWrapper ul li.Parent a.current{background: url('images/mcwrwd2/leftnavarrow.png') no-repeat right center} #navWrapper ul li a .link{border:1px solid #E0E5F4;border-top:0;} #navWrapper ul li + li a:hover .link, #navWrapper ul li + li a:focus .link, #navWrapper ul li + li a:active .link, #navWrapper ul li.Parent a.current .link{background-color:#E0E5F4;} } /* center */ /* home slider */ div.Aggregation.ScrollingContent .OneCol{border:0;} div.Aggregation.ScrollingContent span.left a{background: url("images/mcwrwd2/featurearrowleft.png") no-repeat left top;} div.Aggregation.ScrollingContent span.right a{background:url("images/mcwrwd2/featurearrowright.png") no-repeat left top ;} div.Aggregation.ScrollingContent .contentWrapper{background:#eeede6;border:1px solid #e2e2dd;} /* right */ /* footer */ #bottomWrapper{border-top:7px solid #549a95;} #bottom .siteSwitcher ul li a{background:#549a95;} #bottom .siteSwitcher ul li a.current, #bottom .siteSwitcher ul li a:hover, #bottom .siteSwitcher ul li a:focus, #bottom .siteSwitcher ul li a:active{background:#046b63;} @media screen and (min-width:510px){ #bottom .siteSwitcher{border-right:3px solid #549a95;} } /* swipetable */ .swipeText{background:#eee url('images/mcwrwd2/swipeme.png') no-repeat 10px 50%;} @media screen and (min-width:980px){ .swipeText{display:none;} table.Swipetable{width:100%} } /* filter filtering */ div.Aggregation div.AggregationFilter2 .minmax, div.Calendar div.calendarCallOut .minmax, div.SegmentedSearch div.SegmentedSearchFilter2 .minmax{background:#046b63;border-radius:5px;box-shadow:0 4px 3px #eee;} div.Aggregation div.AggregationFilter2 h3, div.Calendar div.calendarCallOut .button, div.SegmentedSearch div.SegmentedSearchFilter2 h3{background:#046b63 url('images/mcwrwd2/whitearrow.png') no-repeat 7px 7px;border-radius:5px;} div.Aggregation div.AggregationFilter2.open h3, div.Calendar div.calendarCallOut.open .button{background:#046b63 url('images/mcwrwd2/whitearrowdown.png') no-repeat 4px 11px;} div.Aggregation div.AggregationFilter2 input[type='text'], div.Calendar div.calendarCallOut input[type='text'], div.SegmentedSearch div.SegmentedSearchFilter2 input[type='text']{border:0;border-radius:5px;} div.Aggregation div.ColOne div.item{border:0;} div.SegmentedSearch div.SearchResults div.titleTop {border-bottom:0;} div.SegmentedSearch div.SearchResults div.SmartRL {background: none repeat scroll 0 0 #ebedf5;border: 1px solid #7aabcf} div.SegmentedSearch div.SearchResults div.PagesRL, div.SegmentedSearch div.SearchResults div.FilesRL, div.SegmentedSearch div.SearchResults div.PeopleRL, div.SegmentedSearch div.SearchResults div.NewsRL, div.SegmentedSearch div.SearchResults div.EventRL, div.SegmentedSearch div.SearchResults div.ProductRL{border:0;} div.SegmentedSearch div.SmartRL .OneCol *{border:0;} .SegmentedSearch .SearchResults div + div + div h3{color:#232D54;} /* 2nd segment */ .SegmentedSearch .SearchResults div + div + div + div{border:1px solid #9ed4d0;} .SegmentedSearch .SearchResults div + div + div + div .OneCol div{border:0;} .SegmentedSearch .SearchResults div + div + div + div h3{color:#016c64;} /* 3rd segment */ .SegmentedSearch .SearchResults div + div + div + div + div{border:1px solid #f5c5c5;} .SegmentedSearch .SearchResultsdiv div + div + div + div .OneCol div{border:0;} .SegmentedSearch .SearchResults div + div + div + div + div h3{color:#ab0000;} /* 4th segment */ .SegmentedSearch .SearchResults div + div + div + div + div + div{border:1px solid #eacfa4;} .SegmentedSearch .SearchResults div + div + div + div + div + div .OneCol div{border:0;} .SegmentedSearch .SearchResults div + div + div + div + div + div h3{color:#ea8f00;} /* 5th segment */ .SegmentedSearch .SearchResults div + div + div + div + div + div + div{border:1px solid #ce91d0;} .SegmentedSearch .SearchResults div + div + div + div + div + div + div .OneCol div{border:0;} .SegmentedSearch .SearchResults div + div + div + div + div + div + div h3{color:#900195;} /* 6th segment */ .SegmentedSearch .SearchResults div + div + div + div + div + div + div + div{border:1px solid #d6b87e;} .SegmentedSearch .SearchResults div + div + div + div + div + div + div + div .OneCol div{border:0;} .SegmentedSearch .SearchResults div + div + div + div + div + div + div + div h3{color:#784f00;} /* 7th segment */ .SegmentedSearch .SearchResults div + div + div + div + div + div + div + div + div{border:1px solid #adbe68;} .SegmentedSearch .SearchResults div + div + div + div + div + div + div + div + div .OneCol div{border:0;} .SegmentedSearch .SearchResults div + div + div + div + div + div + div + div + div h3{color:#627a03;} div.SegmentedSearch div.SegmentedSearchFilter2 .dateList .item{color:#333;} .SegmentedSearch .SearchResults div.otherStuff h3{color:#333;} .SegmentedSearch .SearchResults.noResults div {border:0;} .SegmentedSearch .SearchResults.noResults div + div{border:0;} .SegmentedSearch .SearchResults.noResults div + div + div{border:0;} .SegmentedSearch .SearchResults.noResults div + div + div + div{border:0;} .SegmentedSearch .SearchResults.noResults div + div + div + div + div {border:0;} .SegmentedSearch .SearchResults.noResults div + div + div + div + div + div {border:0;} .SegmentedSearch .SearchResults.noResults div + div + div + div + div + div + div{border:0;} .SegmentedSearch .SearchResults.noResults div + div + div + div + div + div + div + div{border:0;} .SegmentedSearch .SearchResults.noResults div + div + div + div + div + div + div + div + div{border:0;} .SegmentedSearch .alternateSearches ul a{color: #333333;} @media screen and (min-width:715px){ div.Calendar div.calendarCallOut .minmax{background:transparent;border-radius:0;box-shadow:0 0 0 #eee;} div.Aggregation div.AggregationFilter2, div.Calendar div.calendarCallOut, div.SegmentedSearch div.SegmentedSearchFilter2{background:#efefeb;border-radius:0;} div.Aggregation div.AggregationFilter2 h3, div.Calendar div.calendarCallOut h3, div.SegmentedSearch div.SegmentedSearchFilter2 h3{background:0;} div.Aggregation div.AggregationFilter2 input[type='text'], div.Calendar div.calendarCallOut input[type='text'], div.SegmentedSearch div.SegmentedSearchFilter2 input[type='text']{border:1px solid #ccc;} div.AggregationResults h3, div.calendarCallOut h3{border-bottom:0;} /*div.SegmentedSearch div.SegmentedSearchFilter2 {background: none repeat scroll 0 0 #f6f7fb;border: 1px solid #e0e0e0;}*/ .SegmentedSearch .inputs div + div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div + div.selected span.item{color:#232D54;} .SegmentedSearch .inputs div + div + div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div + div + div.selected span.item{color:#016c64;} .SegmentedSearch .inputs div + div + div + div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div + div + div + div.selected span.item{color:#ab0000;} .SegmentedSearch .inputs div + div + div + div + div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div + div + div + div + div.selected span.item{color:#ea8f00;} .SegmentedSearch .inputs div + div + div + div + div + div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div + div + div + div + div + div.selected span.item{color:#900195;} .SegmentedSearch .inputs div + div + div + div + div + div + div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div + div + div + div + div + div + div.selected span.item{color:#784f00;} .SegmentedSearch .inputs div + div + div + div + div + div + div + div .item, div.SegmentedSearch div.SegmentedSearchFilter2 div + div + div + div + div + div + div + div.selected span.item{color:#627a03;} } /* scroll to top widget */ #scrollTop{background:#0A3C7F url("images/mcwrwd2/scrolltopArrow.png") no-repeat center 8px;} #scrollTop:hover, #scrollTop:focus, #scrollTop:active{background-color:#549A95} /* address - home page */ #contentArea .Address{background: #055590; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NTU5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTg1YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #055590 0%, #5185ad 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#055590), color-stop(100%,#5185ad)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #055590 0%,#5185ad 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #055590 0%,#5185ad 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #055590 0%,#5185ad 100%); /* IE10+ */ background: linear-gradient(to right, #055590 0%,#5185ad 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055590', endColorstr='#5185ad',GradientType=1 ); /* IE6-8 */ } .IE9 #contentArea .Address {filter: none;} /* image border */ .floatLeft_ImgBorder, .floatRight_ImgBorder, .imgBorder, div a .floatLeft_ImgBorder, div a .floatRight_ImgBorder, div a .imgBorder{border:3px solid #666;} /* add background to block */ .CalloutBoxBlue{background:#e0e5f4;border-top:3px solid #e0e5f4;} .BorderBlue{border-top:3px solid #536498;} /* dashboard */ .DashboardOneCol div.OneCol > div, .DashboardTwoCol div.OneCol > div, .DashboardTwoCol div.OneCol + div.OneCol > div:first-child{background: url("images/mcwrwd2/bgDashboardDiv.png") repeat-x left top;} .DashboardOneCol div.OneCol > div:first-child, .DashboardTwoCol div.OneCol > div:first-child{background:0;} @media screen and (min-width:980px){ .DashboardTwoCol div.OneCol > div:first-child, .DashboardTwoCol div.OneCol + div.OneCol > div:first-child{background:0;} } /* buttons */ .button, .buttons input{background:#549A95;border:0;} .button:hover, .buttons input:hover, .button:focus, .buttons input:focus, .button:active, .buttons input:active{background:#046B63;} /* FAQ */ div.FAQ dl dt,div.FAQ .Accordion .accordionHeading{border-top:3px double #ddd;} div.FAQSlider > ul a{background:#ddd;} div.FAQSlider > ul a:hover, div.FAQSlider > ul a:focus, div.FAQSlider > ul a:active{background:#ccc;} /* FAQ Accordion */ div.Accordion div.accordionHeading span.arrow span:first-child{border-left-color:#0a3c7f} div.Accordion div.accordionHeading.open span.arrow span:first-child{border-top-color:#0a3c7f} /* comments */ .titanBody .commentsFieldset{background-color:#E0E5F4;border:1px solid #aaa;color:#666666;font-weight:500;} .commentsFieldset legend{font-weight:bold;color:#444;font-size:14px;} .commentForm .buttons input[type="button"]{background: url("images/is_button_back.jpg") repeat-x 0 0 ;border: 1px solid #779ec2;font-size: 11px;font-weight: bold;padding:3px 12px 2px;color: #333333;line-height: 16px;text-decoration: none;height:auto;width:auto;} .commentForm .buttons input[type="button"]:hover, .commentForm .buttons input[type="button"]:focus, .commentForm .buttons input[type="button"]:active{background: url("images/is_button_back_hover.jpg") repeat-x center bottom;} .commentsFieldset input[type="text"], .commentsFieldset textarea{border:1px solid #ddd;} .commentForm .value{color:Red;} /* COMMENTS RESULTS*/ .summary div div.label {font-weight:bold;} .Commenting .comments .OneCol div {border: solid 1px #afb0ab;} .Commenting .comments .OneCol div div {border:none;} .commentForm table td{text-align:center;} .comments .OneCol div div.title {font-weight:bold;background-color:#c4c5bf;} .comments .OneCol div div.rating {font-weight:bold;background-color:#c4c5bf;} .comments .OneCol div div.user {background-color:#d2d3cc;} .comments .OneCol div div.comment {background-color:#ffffff;} .comments .OneCol div div.dateTime {background-color:#c4c5bf;text-align:right;} /* GSA */ .GoogleSearch table{background:0!important;white-space:normal;} #contentArea .GoogleSearch table th,#contentArea .GoogleSearch table td{white-space:normal;background:0!important;} #contentArea .GoogleSearch #clustering table{border-spacing:15px 0;} .GoogleSearch div#clustering table td{border-top:1px solid #ddd;} .GoogleSearch div#clustering table tr:first-child td{border-top:0 none;} .GoogleSearch input[type=submit]{background:#549a95;border:0;-webkit-appearance: none;} .GoogleSearch input[type=submit]:hover, .GoogleSearch input[type=submit]:focus, .GoogleSearch input[type=submit]:active{background-color:#146b63;} .GoogleSearch div#clustering{border:0;} .GoogleSearch #clustering h3{background-color:#2c6fa1;border-top:0;color:#fff;font-weight:bold;font-size:1.5rem!important;background:url("images/mcwrwd2/whitearrow.png") no-repeat scroll 10px 16px #2c6fa1;text-transform: capitalize;} .GoogleSearch #clustering h3.open{background-image:url("images/mcwrwd2/whitearrowdown.png");background-position:8px 19px;} .GoogleSearch #clustering .clusterPhone ul{background:#eee;} .GoogleSearch #clustering .clusterPhone ul li a{text-decoration:none;} .suggestContainer{background:#fff} #centerZoneC .GoogleSearch table.ss-embed-mode{background:#fff!important;box-shadow:0 4px 4px rgba(0, 0, 0, 0.2)} #centerZoneC .ss-gac-d {color:#146b63} #centerZoneC .ss-gac-b td{color:#fff} #centerZoneC .ss-gac-e{color:#0a3c7f;} .recommendedResults{border:1px solid #86aecc;background:#d8e8f3} .recommendedResults h3{font-size: 1.5rem !important;} @media screen and (min-width:715px){ .GoogleSearch div#clustering{border:1px solid #999;padding:5px;} .GoogleSearch #clustering h3{background:0 none;color:#000;text-transform:lowercase;} .GoogleSearch div#clustering table a{white-space:normal;} } /* OPD */ .OPDGallery .OPDGalleryOneCol .item + .item, .OPDGallery .OPDGalleryTwoCol .row + .row .item, .OPDGallery .OPDGalleryTwoCol .row .item + .item{border-top:1px solid #ccc;} .OPDGallery .teaserImage{border:1px solid #ccc;border-radius:4px;} .OPDGallery .name a.video{background:url('images/mcwrwd2/playvideo.png') no-repeat left 2px;} @media screen and (min-width:715px){ .OPDGallery .name a.video{background:url('images/mcwrwd2/playvideo.png') no-repeat left 1px;} #centerZoneC .OPDGallery .OPDGalleryTwoCol .row .item + .item{border:0;} #centerZoneC .OPDGallery .OPDGalleryTwoCol .row + .row .item{border-top:1px solid #ccc;} } @media screen and (min-width:980px){ .OPDGallery .OPDGalleryTwoCol .row .item + .item{border:0;} .OPDGallery .OPDGalleryTwoCol .row + .row .item{border-top:1px solid #ccc;} } /* pop ups backgrounds*/ #QuickViewWrapper .blackout, #BestDoctorInfoWrapper .blackout, #VideoInfoWrapper .blackout{background:#000;opacity:0.4;filter:alpha(opacity=40);} #QuickViewWrapper .popup.large .wrapper, #BestDoctorInfoWrapper .popup.large .wrapper, #VideoInfoWrapper .popup.large .wrapper{background:#fff;border:10px solid #1d669b;border-radius:10px;} #QuickViewWrapper .popup.large a img, #BestDoctorInfoWrapper .popup.large a img, #VideoInfoWrapper .popup.large a img, .OPDGallery a img{border:0;} #QuickViewWrapper .popup.small, #BestDoctorInfoWrapper .popup.small, #VideoInfoWrapper .popup.small{background:#fff;} /* pop up & some detail page */ #QuickViewWrapper .popup .logos, #BestDoctorInfoWrapper .popup .logos, #VideoInfoWrapper .popup .logos, #QuickViewWrapper .popup .left .badges, #BestDoctorInfoWrapper .popup .left .badges, #VideoInfoWrapper .popup .left .badges{text-align:center;} #QuickViewWrapper .popup .buttons, #BestDoctorInfoWrapper .popup .buttons, #VideoInfoWrapper .popup .buttons{text-align:center;} #QuickViewWrapper .popup.small h3, #BestDoctorInfoWrapper .popup.small h3, #VideoInfoWrapper .popup.small h3{color:#1d669b;font-size:18px;background:url('images/opdsearch/popupsmallButtons.png') no-repeat left bottom;} #QuickViewWrapper .popup.small p, #BestDoctorInfoWrapper .popup.small p, #VideoInfoWrapper .popup.small p{line-height:20px;} #QuickViewWrapper .popup *{font-size:11px;font-size:1.1rem;} #QuickViewWrapper .popup h3 a{font-size:13px;} #QuickViewWrapper .popup .photo, #QuickViewWrapper .popup .badges, #QuickViewWrapper .popup .name{text-align:center;} #QuickViewWrapper .popup .close, #BestDoctorInfoWrapper .popup .close, #VideoInfoWrapper .popup .close{background:url('images/opdsearch/popuplargeclose.png') no-repeat left top;cursor:pointer;} #QuickViewWrapper .popup .center .col a.requestButton, #BestDoctorInfoWrapper .popup .center .col a.requestButton, #VideoInfoWrapper .popup .center .col a.requestButton{background:url('images/opdsearch/sprite.png') no-repeat left -120px;color:#fff;text-align:center;text-decoration:none;} #QuickViewWrapper .popup .center .col .requestButton, #QuickViewWrapper .popup .buttons, #BestDoctorInfoWrapper .popup .center .col .requestButton, #BestDoctorInfoWrapper .popup .buttons, #VideoInfoWrapper .popup .center .col .requestButton, #VideoInfoWrapper .popup .buttons{background:url('images/opdsearch/popupButtons.png') no-repeat left top;text-align:center;} #QuickViewWrapper .popup .center .name, #BestDoctorInfoWrapper .popup .center .name, #VideoInfoWrapper .popup .center .name {background:url('images/opdsearch/popupname.png') no-repeat -4px bottom;} #QuickViewWrapper .popup .center .name h3, #BestDoctorInfoWrapper .popup .center .name h3, #VideoInfoWrapper .popup .center .name h3{color:#1d669b;font-size:14px;font-weight:bold;} #QuickViewWrapper .popup .center .col h5, #BestDoctorInfoWrapper .popup .center .col h5, #VideoInfoWrapper .popup .center .col h5{font-size:11px;color: #333333;} #QuickViewWrapper .popup.small .buttons, #BestDoctorInfoWrapper .popup.small .buttons, #VideoInfoWrapper .popup.small .buttons{background:url('images/opdsearch/popupsmallButtons.png') no-repeat left top;} #QuickViewWrapper .popup .buttons a, #BestDoctorInfoWrapper .popup .buttons a, #VideoInfoWrapper .popup .buttons a{background:url('images/opdsearch/sprite.png') no-repeat left -715px;color:#fff;text-decoration:none;margin-left:5px;} #QuickViewWrapper .popup .buttons .map, #BestDoctorInfoWrapper .popup .buttons .map, #VideoInfoWrapper .popup .buttons .map{background-position:left -899px;} #QuickViewWrapper .popup .buttons .closeButton, #BestDoctorInfoWrapper .popup .buttons .closeButton, #VideoInfoWrapper .popup .buttons .closeButton{background-position:left -767px;} @media screen and (min-width:715px){ #QuickViewWrapper .popup.large, #BestDoctorInfoWrapper .popup.large, #VideoInfoWrapper .popup.large{background:url('images/opdsearch/popuplargebottom.png') no-repeat left bottom;} #QuickViewWrapper .popup.large .wrapper, #BestDoctorInfoWrapper .popup.large .wrapper, #VideoInfoWrapper .popup.large .wrapper{background:transparent url('images/opdsearch/popuplargetop.png') no-repeat left top;border:0;border-radius:0;} #QuickViewWrapper .popup.large .container, #BestDoctorInfoWrapper .popup.large .container, #VideoInfoWrapper .popup.large .container{background:url('images/opdsearch/popuplargemiddle.png') repeat-y left top;} #QuickViewWrapper .popup.small, #BestDoctorInfoWrapper .popup.small, #VideoInfoWrapper .popup.small{background:url('images/opdsearch/popupsmallbottom.png') no-repeat left bottom;} #QuickViewWrapper .popup.small .wrapper, #BestDoctorInfoWrapper .popup.small .wrapper, #VideoInfoWrapper .popup.small .wrapper{background:url('images/opdsearch/popupsmalltop.png') no-repeat left top;} #QuickViewWrapper .popup.small .container, #BestDoctorInfoWrapper .popup.small .container, #VideoInfoWrapper .popup.small .container{background:url('images/opdsearch/popupsmallmiddle.png') repeat-y left top;} #QuickViewWrapper .popup.small .container, #BestDoctorInfoWrapper .popup.small .container, #VideoInfoWrapper .popup.small .container{background:url('images/opdsearch/popupsmallmiddle.png') repeat-y left top;} #QuickViewWrapper .popup .logos, #BestDoctorInfoWrapper .popup .logos, #VideoInfoWrapper .popup .logos, #QuickViewWrapper .popup .photo, #QuickViewWrapper .popup .badges, #QuickViewWrapper .popup .name{text-align:left;} /* pop up & some detail page */ #QuickViewWrapper .popup .left .video, #BestDoctorInfoWrapper .popup .left .video, #VideoInfoWrapper .popup .left .video{background:url('images/sprite.png') no-repeat left -421px;} #QuickViewWrapper .popup .left .photo, #BestDoctorInfoWrapper .popup .left .photo, #VideoInfoWrapper .popup .left .photo{background: url('images/opdsearch/sprite.png') no-repeat left -493px;} #QuickViewWrapper .popup .left .novideo, #BestDoctorInfoWrapper .popup .left .novideo, #VideoInfoWrapper .popup .left .novideo{background-position:left -1954px;} #QuickViewWrapper .popup .center .col .requestButton, #QuickViewWrapper .popup .buttons, #BestDoctorInfoWrapper .popup .center .col .requestButton, #BestDoctorInfoWrapper .popup .buttons, #VideoInfoWrapper .popup .center .col .requestButton, #VideoInfoWrapper .popup .buttons{text-align:right;} #QuickViewWrapper .popup .buttons a, #BestDoctorInfoWrapper .popup .buttons a, #VideoInfoWrapper .popup .buttons a{background-position:left -717px;} #QuickViewWrapper .popup .buttons .closeButton, #BestDoctorInfoWrapper .popup .buttons .closeButton, #VideoInfoWrapper .popup .buttons .closeButton{background-position:left -769px;} } /* alert */ .alert{background:#c00;} .alert, .alert a, .alert a:hover, .alert a:focus, .alert a:active{color:#fff;font-weight:bold;} /* ========================================================================================== POP UP PAGES */ /* === COMMENTING POP UP === when coming from an TOC or Filter block Read Comments or Write Comments Link */ div.commentFormPop, div.commentsPop{} div.commentFormPop #contentArea, div.commentsPop #contentArea{background:0;} /* PayMyBill */ div.PayMyBill{overflow:hidden;} div.PayMyBill > table{border-collapse:collapse;} div.PayMyBill > table td img{margin-right:17px;} div.PayMyBill.PortletBlock{} div.PayMyBill.PortletBlock div.form-wrapper{width:185px;} div.PayMyBill.PortletBlock p{display:block;float:none;} div.PayMyBill.PortletBlock p label{display:inline-block;width:115px;font-size:1.2rem;} div.PayMyBill.PortletBlock p input{width:178px;} div.PayMyBill.PortletBlock p button{float:right;} div.PayMyBill.PortletBlock label#PatientID-error{width:auto;clear:both;margin-top:10px;padding:10px;border:1px solid #a00;background:#f3f3f3;line-height:130%;color:#a00;} @media screen and (min-width:480px) { div.PayMyBill.PortletBlock{padding-left:115px;margin-top:-7%;} div.PayMyBill > p img{float:left;margin-right:30px;margin-bottom:30px;} div.PayMyBill > div{clear:none;float:left;} div.PayMyBill > div > div{clear:none;float:left;} div.PayMyBill > div > p{clear:none;float:left;} div.PayMyBill > div > p img{width:100%;} div.PayMyBill > div.half{clear:none;float:left;width:auto;margin-bottom:30px;} div.PayMyBill > div.half + div.half{float:left;width:auto;margin-left:20px} div.PayMyBill > div.half div{width:auto;} div.PayMyBill > div.half > p{width:auto;} div.PayMyBill > div.half > p img{float:none;width:auto;margin-right:30px;} div.PayMyBill > div.half + div.half{margin-left:0;} } @media screen and (min-width:682px) { div.PayMyBill > div.half + div.half{margin-left:20px;} div.PayMyBill.PortletBlock div.form-wrapper{width:auto;} div.PayMyBill.PortletBlock label#PatientID-error{display:inline-block;} div.PayMyBill.PortletBlock p button{float:none;} } @media screen and (max-width:417px) { div.PayMyBill.PortletBlock p button{margin-left:0px;} } @media screen and (max-width:714px) { div.PayMyBill.PortletBlock{padding-left:115px;margin-top:-5%;} } @media screen and (min-width:715px){ #mainBody > div:nth-child(2){float:right;width:40%;} #mainBody > div:nth-child(3){clear:none;float:left;width:50%;margin-bottom:0;} #mainBody > div:nth-child(4){clear:right;float:left;width:inherit;} div.PayMyBill.PortletBlock{padding-left:115px;margin-top:-10%;} } @media screen and (min-width:840px) { div.PayMyBill.PortletBlock{padding-left:115px;margin-top:-12%;} } @media screen and (min-width:980px){ div.PayMyBill > div{width:100%;} div.PayMyBill.PortletBlock{padding-left:115px;margin-top:-8%;} } /*@media screen and (min-width:1145px) { div.PayMyBill.PortletBlock{padding-left:115px;margin-top:-8%;} }*/ /* PayMyBill FAQ Accordion */ .FAQ.PayMyBill .accordionArea{float:none;width:100%} .FAQ.PayMyBill .Accordion .accordionHeading{display:block;margin-bottom:3px;padding:8px 0 7px 37px;border:1px solid #ccc;background:#f7f7f7 url("images/mcwrwd2/clamshellarrowsFAQ.gif") no-repeat 7px 5px;} .FAQ.PayMyBill .Accordion .accordionHeading.open {background-position:7px -95px;} .FAQ.PayMyBill .Accordion .accordionContent{display:none;padding:0 20px 0 40px;} .FAQ.PayMyBill .Accordion .accordionContent.open, .FAQ.PayMyBill .Accordion .arrow{display:none} #PatientID { text-transform: uppercase; } /* FAQ Clamshell Pop-up Dialog Styling */ .nws-blocksupport-faqcallout.ui-corner-all, .nws-blocksupport-faqcallout .ui-corner-all, .nws-blocksupport-faqcallout .ui-corner-bottom, .nws-blocksupport-faqcallout .ui-corner-right, .nws-blocksupport-faqcallout .ui-corner-br { border-bottom-right-radius: 3px; } .nws-blocksupport-faqcallout.ui-corner-all, .nws-blocksupport-faqcallout .ui-corner-all, .nws-blocksupport-faqcallout .ui-corner-bottom, .nws-blocksupport-faqcallout .ui-corner-left, .nws-blocksupport-faqcallout .ui-corner-bl { border-bottom-left-radius: 3px; } .nws-blocksupport-faqcallout.ui-corner-all, .nws-blocksupport-faqcallout .ui-corner-all, .nws-blocksupport-faqcallout .ui-corner-top, .nws-blocksupport-faqcallout .ui-corner-right, .nws-blocksupport-faqcallout .ui-corner-tr { border-top-right-radius: 3px; } .nws-blocksupport-faqcallout.ui-corner-all, .nws-blocksupport-faqcallout .ui-corner-all, .nws-blocksupport-faqcallout .ui-corner-top, .nws-blocksupport-faqcallout .ui-corner-left, .nws-blocksupport-faqcallout .ui-corner-tl{ border-top-left-radius: 3px; } .nws-blocksupport-faqcallout .ui-widget-header{ background: none repeat scroll 0 0 #1f68b2; border: none; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); color: #ffffff; font-weight:normal; } /* jQuery UI Dialog Default Styles */ .ui-widget-header { background : #1F68B2;} .ui-button.ui-state-default { background:#E0E5F4; border: #000; } /* =============================== */ /* ========================================================================================== PRINT */ @media print { }