/* @group Various styling */ img.horizCenter { display: block; margin-left: auto; margin-right: auto } .altHeadColor, .secondaryHeadColor { color: #01688e; } .mghOrange { color: #ee7103; } .audiocaption { padding-top: 8px; font-size: 11px; color: #858d93; } .bottomMargin { margin-bottom: 20px; } .bottomPadd { margin-bottom: 20px; } .divider { border-top: solid 1px #e1e3e4; margin: 25px 0px; height: 1px; } .dots { width: 685px; height: 1px; margin-top: 10px; margin-bottom: 10px; border-top: 1px dotted #ccc; } .flush { position: relative; left: -14px; width: 702px; } .indentRight { margin-left: 20px; } .introtext { margin: 0; padding: 0; font-size: 12px; line-height: 17px; font-family: Arial, sans-serif; font-weight: normal; color: #3b4144; } .landing-heading { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #1a1d20; margin-bottom: 10px; padding: 0px; } .primaryHeadColor { color: #ee6103; } .references { margin: 0; padding: 0; font-size: 12px; line-height: 17px; font-family: Arial, sans-serif; font-weight: normal; font-style: italic; color: #3b4144; } .bold { font-weight: bold !important; } .italic { font-style: italic; } .noP { padding: 0 !important; } .noM { margin: 0 !important; } .caps { text-transform: uppercase; } .remIndent { position: relative; left: -14px; width: 702px; } .bgNone { background: none no-repeat top left transparent !important; } .clear { clear: both; } div.rowNoBorder .reset {position:relative; top:0; left:-14px;} div.sepshadow {clear: both; padding-bottom: 24px; background: url('/assets/images/bg/bg-dropShadow-bot.png') no-repeat scroll center bottom transparent; margin-bottom: 14px; } .absolute {position: absolute;} /* @group basicContent global styles */ .basicContent h2 { margin: 28px 0px 12px 0px; padding: 0; font-size: 16px; line-height: 17px; font-family: Arial, sans-serif; font-weight: normal; color: #2e3237; display: block; } .basicContent h3 { margin: 18px 0px 6px 0px; padding: 0; font-size: 12px; line-height: 17px; font-family: Arial, sans-serif; font-weight: bold; color: #3b4144; display: block; } .basicContent .subhead, .subhead, .basicContent p.subhead, .contentMid p.subhead { margin: 28px 0px 12px 0px; padding: 0; font-size: 16px; line-height: 17px; font-family: Arial, sans-serif; font-weight: normal; color: #2e3237; display: block; } .basicContent .subheadtop, .subheadtop { margin: 0px 0px 12px 0px; padding: 0; font-size: 16px !important; line-height: 17px; font-family: Arial, sans-serif; font-weight: normal; color: #2e3237; display: block; } .subhead a, .subheadtop a { font-size: 16px !important; } .subhead a:link, .subhead a:visited, .sectionheading a:link, .sectionheading a:visited, .subheadtop a:link, .subheadtop a:visited { text-decoration: none; color: #01688e; } .subhead a:hover, .subhead a:active, .sectionheading a:hover, .sectionheading a:active, .subheadtop a:hover, .subheadtop a:active { text-decoration: underline; color: #ee6103; }ask .basicContent .sectionheading, .sectionheading, .basicContent p.sectionheading, .contentMid p.sectionheading { margin: 18px 0px 6px 0px; padding: 0; font-size: 12px; line-height: 17px; font-family: Arial, sans-serif; font-weight: bold; color: #3b4144; display: block; } .basicContent .sectionheadingtop, .sectionheadingtop, .basicContent p.sectionheadingtop, .contentMid p.sectionheadingtop { margin: 0px 0px 6px 0px; padding: 0; font-size: 12px !important; line-height: 17px; font-family: Arial, sans-serif; font-weight: bold; color: #3b4144; display: block; } .basicContent .subhead-serif, .subhead-serif { font-size: 18px; font-family: Georgia, serif; display: block; margin-bottom: 14px; } /* @group HTML 3.2 tables */ table { border-width: 0px; } table td { vertical-align: top; } table.audio { width: 450px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } table.audiowide { width: 685px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } table.audiowide td, table.audio td { padding-top: 10px; padding-bottom: 8px; padding-left: 0; padding-right: 0; } table.borderbottom { width: 100%; } table.borderbottom td { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; border-bottom: 1px solid #cccccc; } table.nopadding { width: 577px; } table.nopadding td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table.nopaddingwide { width: 100%; } table.nopaddingwide td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table.nopaddingflex td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table.results { width: 100%; border: solid 1px #858d93; border-collapse: collapse; color: #464b4e; padding: 4px; } table.results th { text-align: left; background-color: #686d73; color: #fff; text-transform: uppercase; } table.results td { border-right: solid 1px #858d93; padding: 4px; } table.results th a { display: block; color: #000; } table.results table td { border-width: 0px; } table.results .alt-color { background-color: #e5e7e9; } /* @group External link styling */ /* [MOVED TO INSTITUTIONAL.CSS -- jo860: 06/26/13] */ /* @group Global image styling */ .img-border { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C5C9CA; margin: 0; padding: 1px; } .img-left { float: left; margin: 0px 20px 10px 0px; } .img-center { text-align: center; margin: auto; clear: both; margin: 0px 0px 10px 0px; } .img-right { float: right; margin: 0px 0px 10px 20px; } .img-left p, .img-right p { margin-top: 5px; padding-top: 5px; font-size: 11px; color: #858d93; } .img-right2 { float: right; margin: 0px 10px 10px 20px; } /* @group Highlight boxes */ .highlightbox { border: solid 1px #E5E7E9; float: right; margin-left: 20px; margin-bottom: 20px; width: 200px; padding: 0px 14px 14px 14px; clear: both; } .highlightbox h4 { margin: 0px -14px 7px -14px; background-color: #E5E7E9; color: #3B4144; padding: 7px 14px; text-transform: uppercase; } .highlightbox .h4 { margin:0 -14px 7px; display: block; float: none; background-color: #E5E7E9; color: #3B4144; padding: 7px 14px; text-transform: uppercase; border-width: 0px; } .highlightbox img { margin: 0px -14px; display: block; } .highlightbox img.img-border { border-width: 0px; width: 226px; } .highlightbox table.td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .highlightboxbody { border: solid 1px #E5E7E9; width: 685px; padding: 0px 14px 14px 14px; clear: both; } .highlightboxbody h4 { margin: 0px -14px 7px -14px; background-color: #E5E7E9; color: #3B4144; padding: 7px 14px; text-transform: uppercase; } .highlightboxbody .h4 { margin: 0 -14px 7px; display: block; float: none; background-color: #E5E7E9; color: #3B4144; padding:7px 14px; text-transform: uppercase; border-width: 0px; } .rowNoBorder .highlightbox ul, .rowNoBorder .highlightbox ol { margin-left: 0px; } /* @group News title */ a.newstitle { font-family: Georgia; font-size: 22px !important; font-weight: normal; color: #01688e; text-decoration: none; line-height: 26px; padding-top: 0px; } a.newstitle:hover { font-family: Georgia; font-size: 22px !important; font-weight: normal; color: #ee6103; text-decoration: underline; line-height: 26px; padding-top: 0px; } /* @group Form template styles */ .formteplatetextbox, .formtemplatetextarea, .formtemplatedropdown { border: 1px #ccc solid; font-family: arial, sans serif; font-weight: normal; color: #666666; font-size: 12px; margin-top: 3px; } .formtemplatetextbox { background-color: #ffffff; width: 350px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } .formtemplatetextarea { background-color: #ffffff; width: 350px; height: 100px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } .formtemplatedropdown { background-color: #f7f8f8; height: 22px; vertical-align: middle; } .formtemplatecheckbox { background-color: #fff; } /* @group New IP3 layout styles */ .silo { background: #e4e6e8 url('/assets/images/layout/bg_siloBot.gif') no-repeat bottom left; width: 338px; } .leftSilo { float: left; } .rightSilo { float: right; } .siloImg { border-bottom: solid 1px #fff; } .siloContent, .siloFooter { margin: 15px; } .siloFooter { background: url('/assets/images/layout/bg_dottedLine.gif') repeat-x top left; padding-top: 15px; } .silo .title { color: #01688e; font-size: 16px; margin-bottom: 12px; } .basicContent .linkList, .linkList { list-style-type: none; margin: 0px; padding: 0px; } .basicContent .linkList li, .linkList li { margin-bottom: 10px; background: transparent; padding: 0px; } .basicContent .linkList li a, .linkList li a { background:url('/assets/images/layout/ico_arrw_rt.gif') no-repeat scroll 0px 4px transparent; padding-left: 10px; } .additional { margin-top: 20px; } /* @group online exhibits and tours IP3 layout style */ .fixedSilo { background: #e4e6e8 url('/assets/images/layout/bg_siloBot.gif') no-repeat bottom left; width: 338px; height: 300px; } .fixedSilo img { background-color: #ffffff; padding: 1px; border: 1px solid #ccc; } .fixedSiloTitle { margin-bottom: 12px; } .fixedSiloTitle a { color: #01688e; font-size: 16px !important; } .fixedSiloImg { padding: 4px; } .fixedSiloLeft { float: left; margin-right: 12px; } .fixedSiloRight { float: right; } .fixedSiloContent, .fixedSiloFooter { margin: 15px; } .fixedSiloFooter { background: url('/assets/images/layout/bg_dottedLine.gif') repeat-x top left; padding-top: 15px; } /* @group Image Bands */ #imgBandFeep .imageBandInner { width: 490px; margin: auto; } .centeredContentBand { text-align: center; width: 100%; padding: 25px 0px; } .imageBand { position: absolute; width: 632px; top: 50px; left: 0px; padding: 25px 35px; background: transparent url('/assets/images/ninetyFivePercentWhite.png') top left; } .imageBand .buttonRow { border-top: 1px solid #ffffff; padding-top: 15px; margin-top: 15px; } .imageBand .iBCol1 { float: left; padding: 0 8px 0 0; width: 150px; } .imageBand .iBCol2 { background: url('/assets/images/patt_dotted_line.gif') repeat-y scroll left top transparent; float: left; padding: 0 8px 0 16px; width: 170px; } .imageBand .iBCol3 { background: url('/assets/images/patt_dotted_line.gif') repeat-y scroll left top transparent; float: left; padding: 0 0 0 16px; width: 255px; } .imageBand2 { position: absolute; width: 672px; top: 220px; left: 0px; padding: 25px 15px; background: transparent url('/assets/images/ninetyFivePercentWhite.png') top left; } .imageBand2 .iBCol1 { float: left; padding: 0 16px 0 0; width: 320px; } .imageBand2 .iBCol2 { background: url('/assets/images/patt_dotted_line.gif') repeat-y scroll left top transparent; float: left; padding: 0 0 0 16px; width: 320px; } .imageBand span, .imageBand2 span { color: #ee6103; font-weight: bold; } .iBCol1 a, .iBCol2 a, .iBCol3 a { font-weight: bold; } .imageBandLight { background: transparent url('/assets/images/eightyPercentWhite.png') top left; } .imgWithBanding { position: relative; color: #3b4144; font-size: 12px; font-family: Arial, sans-serif; width: 702px; } .subTitle { font-family: Georgia, serif; font-size: 18px; color: #ee6103; margin-bottom: 5px; } /* @group More Info Region */ .more-info-blurb { float: left; width: 180px; padding: 10px 24px; background: transparent url('/assets/images/patt_dotted_line.gif') top left repeat-y; } .more-info-blurb h3 { margin: 0px; padding: 0px; font-size: 12px; color: #ee6103; } .more-info-blurb p { margin: 0px; } .more-info-blurb a { } .more-info-btn { float: left; margin: 26px 25px 0px 0px; } .more-info-region { overflow: hidden; clear: both; font-family: Arial, sans-serif; font-size: 12px; line-height: 16px; margin-top: 20px; } /* @group Interior Landing Page with Large Banner */ .banner-int-landing h2 { font-size: 18px; font-family: Georgia, serif; font-weight: normal; } .banner-int-landing-content { padding: 0px 20px; margin-top: 25px; } /* @group Object teasers */ .obj-teaser { overflow: hidden; margin-bottom: 15px; } .obj-teaser-img { float: left; margin: 0px 10px 10px 0px; display: block; } .obj-teaser-title, .basicContent .obj-teaser-title, .basicContent .obj-teaser-title a { font-family: Georgia, serif; font-size: 22px; margin-bottom: 5px; } /* @group WYSIWYG placed content and spotlight areas */ .basicContent .intSpotLightCol .spotlightAlt { margin-bottom: 27px; } .basicContent .intSpotLightCol .spotTxt { margin-top: 8px; } .basicContent .intCont2Col { float: left; padding-right: 27px; width: 461px; } .intCont2Col .slideshow { margin-bottom: 10px; overflow: hidden; } /* @group Page specific: History > Exhibits > Oral History (JO) */ #histCont { overflow: auto; width: 700px; padding: 0px 0px 15px 8px; } #histCont h1 { color: #2E3237; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 8px; } #histCont p { margin: 0px; } #histCont p.last { padding-bottom: 10px; } #imgThumb { border: 1px solid #C5C9CA; width: 100px; height: 100px; float: left; padding: 1px; } #profileDesc { float: left; font-family: Arial, sans-serif; font-size: 12px; padding-left: 14px; } #profileDesc ul li { background: url('/assets/images/bullets/bullet_blue.gif') no-repeat scroll 5px 5px transparent; margin-bottom: 9px; padding-left: 13px; } /* @group Page specific: Research > Discovery (JO) */ #contentSect { float: left; display: inline; clear: both; padding-bottom: 15px; } #contentSect ul.padding { padding-bottom: 8px; } #contentSect p.desc { margin: 0px; padding-bottom: 8px; } #contentSect p.bold { font-weight: bold; } #contentSect p.title { font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; color: #2E3237; display: block; line-height: 17px; padding-top: 14px; border-top: 1px solid #D9DCDD; } #contentSect p.topPadd { padding-top: 30px; border-top: 0px; } #flashCont { width: 465px; height: 309px; margin: auto; clear: both; padding-top: 14px; padding-bottom: 14px; } #flashSubTxt { width: 465px; padding-top: 8px; padding-bottom: 15px; margin: auto; clear: both; color: #3B4144; } #flashSubTxt span { color: #EE6103; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; display: block; margin-bottom: 8px; } #flashSubTxt p { margin: 0px; } #smallSpots { width: 200px; padding-left: 15px; float: left; } #spotBox { clear: both; } #spotBox div { padding: 8px 0px 27px 0px; } #spotBox p { margin: 0px; } #spotBox p.bold { font-weight: bold; } #topSect { background-image: url('/research/discovery/images/slideShow_bg.gif'); background-color: #e5e7e9; padding: 0px; border: 1px dotted #858d93; } .rightPadd { padding-right: 14px; } .rowNoBorder { border-bottom: 1px solid #D9DCDD; } /* @group Page specific: History > Exhibits > History-Trail (JO) */ #descCont { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color: #2E3237; } #descCont p { margin: 0px; padding-bottom: 8px; } #descTxt { margin: 0px 0px 14px 0px; padding: 0; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #3B4144; width: 688px; float: none; clear: both; } #imgLeft { padding: 0 14px 6px 0; float: left; } #imgRight { padding: 0 0px 6px 14px; float: right; } #imgTop { padding: 0 0px 6px 0; margin: auto; clear: both; text-align: center; } #mainHeading { margin: 0px 0px 0px 0px; padding: 0; font-size: 18px; width: 688px; font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal; color: #2E3237; display: block; } #slideshow_menu { font-family: Arial, sans-serif; font-size: 12px; width: 688px; height: 24px; clear: both; } #slideshow_menu div.item1 { float: left; width: 440px; text-align: left; vertical-align: middle; font-weight: bold; } #slideshow_menu div.item2 { float: left; width: 136px; text-align: right; } #slideshow_menu div.item3 { float: left; width: 112px; text-align: right; } .paddingCont { padding-top: 14px; } .slideshow { clear: both; } .widthFixed { width: 688px; clear: both; } /* @group Page specific: Bicentennial portal page image border style (GM) */ #listLast { margin-bottom: 20px; padding: 0 0 10px 14px; } .img-border-thick { padding: 4px; border: solid 1px #c5c9ca; background-color: #fff; } .listTxt p { margin: 0px; } /* @group ALS Krivickas Photo Essay */ .photoEssay-container { width: 690px; display: block; margin-top: 22px; clear: left; } .photoEssay-width { width: 690px; clear: both; } .photoEssay-top20 { margin-top: 20px; } .photoEssay-heading { width: 690px; margin: 0; padding: 0 0 20px 0; display: block; border-bottom: 1px dotted #cdcfd0; } .photoEssay-heading span { font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; font-weight: normal; color: #2E3237; display: block; padding: 0 0 15px 0; } .photoEssay-heading p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; } .container-copy { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color: #2E3237; } .container-copy span { margin: 0 0 15px 0 !important; } .container-copy p { font-size: 12px; margin: 0; padding: 0 0 15px 0; } .container-copy p.bold { font-size: 12px; font-weight: bold; margin: 0; padding-bottom: 0; } .container-copy p.indent { margin-left: 25px; } .container-copy p.clear { clear: both; } .container-copy div.quote { border: 1px solid #E5E7E9; float: right; font-size: 11px !important; font-style: italic; margin-bottom: 15px; padding: 10px; width: 325px; } .container-left { height: 117px; width: 4px; float: left; background: #E5E7E9 url('/als/assets/images/photoessay/ALS_photo_essay_ls.gif'); } .container-middle { height: 117px; width: 682px; float: left; background: #E5E7E9; padding: 0; margin: 0; } .container-right { height: 117px; width: 4px; float: left; background: #E5E7E9 url('/als/assets/images/photoessay/ALS_photo_essay_rs.gif'); } .container-subhead { font-weight: bold; color: #2d3237; text-transform: uppercase; margin: 0 0 3px 0 !important; padding: 0 !important; } .container-cell1 { height: 90px; width: 275px; float: left; margin: 0; padding: 0 10px 0 10px; border-right: 1px dotted #585e61; position: relative; top: 15px; } .container-content-c1 { padding: 0 0 0 10px; color: #585e61; margin: 0 !important; line-height: 15px; } .container-cell2 { height: 90px; width: 165px; float: left; margin: 0 10px; position: relative; top: 15px; } .container-cell2 ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 0 5px; padding: 0 !important; list-style: none outside none; color: #3B4144; } .container-cell2 ul li { background: url('/assets/images/bullets/bullet_blue.gif') no-repeat scroll 5px 5px transparent; margin-bottom: 3px; padding-left: 13px; } .container-cell2 a { font: Arial, Helvetica, sans-serif; color: #01688E; text-decoration: none; } .container-cell3 { height: 90px; width: 170px; float: left; padding: 0; margin: 0; padding: 0 0 0 10px; border-left: 1px dotted #585e61; position: relative; top: 15px; } .container-content-c3 { font-size: 12px; color: #585e61; margin: 0; line-height: 15px; } /* @group Revere HealthCare Center Homepage Thumbnail System */ .homepageThumbNews { padding: 0 0 15px; margin: 0; } .homepageThumbNews p { padding: 0; margin: 0; } .homepageThumbNews img { margin-bottom: 7px; } .homepageThumbNews p.link { padding-top: 5px; } /* @group Centralized Landing Page (MGH Connect) */ .MGHConnect { padding: 0; clear: both; position: relative; left: -14px; width: 702px; overflow: auto; } .MGHConnect a { font-weight: bold !important; } .MGHConnect .mr0 { margin-right: 0px !important; } .MGHConnectDesc { display: block; float: left; width: 260px; } .connectColLeft, .connectColRight { width: 702px; display: block; clear: both; float: left; } .connectColLeft .connectBubble { background: url('/assets/images/sprites/spr-centralized-landing-bg.gif') no-repeat scroll 0 0 transparent; position: relative; display: inline; float: left; height: 80px; width: 324px; padding: 10px 10px; margin-right: 14px; margin-bottom: 10px; } .connectColLeft .connectBubble:hover { background: url('/assets/images/sprites/spr-centralized-landing-bg.gif') no-repeat scroll 0 -100px transparent; } .connectColRight .connectBubble { background: url('/assets/images/sprites/spr-centralized-landing-bg.gif') no-repeat scroll 0 -200px transparent; position: relative; display: inline; float: left; height: 80px; width: 324px; padding: 10px 10px; margin-right: 14px; margin-bottom: 10px; } .connectColRight .connectBubble:hover { background: url('/assets/images/sprites/spr-centralized-landing-bg.gif') no-repeat scroll 0 -300px transparent; } .connectColRight .subheadtop { margin-top: 10px; } .thumbnailPhoto { background: url('/assets/images/sprites/spr-centralized-landing-icons.png') no-repeat scroll 0 0 transparent; position: relative; float: left; height: 48px; width: 48px; margin: 0 14px 0 0; } * html .thumbnailPhoto { background-image: url('/assets/images/sprites/spr-centralized-landing-icons.gif'); background-color: transparent; position: relative; float: left; height: 48px; width: 48px; margin: 0 14px 0 0; } /* if IE6 */ .thumbnailPhoto img { height: 48px; width: 48px; } .item1 { background-position: 0 0; } .item2 { background-position: -48px 0; } .item3 { background-position: -96px 0; } .item4 { background-position: -144px 0; } .item5 { background-position: -240px 0; } .item6 { background-position: -192px 0; } .item7 { background-position: -288px 0; } .item8 { background-position: -336px 0; } .borderNone { border: none !important; } /* @group Lunder Building OLD */ .lunder-container { width: 674px; padding: 0; margin: 0; } .lunder-controllers { height: 0; width: 674px; padding: 0; margin: 0; float: left; position: absolute; z-index: 21; } .lunder-controllers .next, .lunder-controllers .prev { background: url('/lunder/assets/images/slideshow/slideshow-controllers.png') no-repeat; z-index: 20; position: relative; display: block; width: 36px; height: 38px; cursor: pointer; } /* if iE6 */ * html .lunder-controllers a.next { background: url('/lunder/assets/images/slideshow/slideshow-controllers.gif') no-repeat -36px 0; z-index: 20; position: relative; display: block; width: 36px; height: 38px; cursor: pointer; } * html .lunder-controllers a.prev { background: url('/lunder/assets/images/slideshow/slideshow-controllers.gif') no-repeat; z-index: 20; position: relative; display: block; width: 36px; height: 38px; cursor: pointer; } /* end if */ .lunder-controllers a.prev { background-position: 0 0; top: 181px; left: 20px; float: left; } .lunder-controllers a.prev:hover { background-position: 0 -38px; } .lunder-controllers a.next { background-position: -36px 0; top: 180px; right: 20px; float: right; } .lunder-controllers a.next:hover { background-position: -36px -38px; } .lunder-slideshow { height: 534px; padding: 0; margin: 0; z-index: 20; } .lunder-slide { height: 400px; width: 674px; display: block; position: relative; } .lunder-slide .img-cont { width: 674px; height: 400px; position: absolute; display: block; z-index: 1; } .lunder-slide .counter { position: relative; display: block; float: right; top: -15px; height: 13px; width: 80px; text-align: right; margin: 0; padding: 0; } .lunder-slide .img-desc { position: relative; display: block; float: right; top: 405px; left: 80px; height: 13px; width: 300px; text-align: right; margin: 0; padding: 0; } /* if iE6 */ * html .lunder-slide .img-desc { left: 57px; } /* end if */ .lunder-slide .counter p, .lunder-slide .img-desc p { font-size: 11px; color: #858d93; } .lunder-slide-desc { height: 100px; width: 672px; clear: both; display: block; margin: 15px 0 0 0; padding: 0 0 17px 2px; } .lunder-slide-desc .desc { float: left; width: 600px; padding: 0; margin: 0; } .lunder-slide-desc .desc h1 { font: bold 16px Georgia, serif; color: #3b4144; padding: 0; margin: 0; padding-bottom: 9px; } .lunder-slide-desc .desc p { padding: 0; margin: 0; padding-bottom: 0; } .lunder-links { width: 672px; display: block; clear: both; margin: 1px 0 0 0; padding: 24px 0 3px 2px; border-top: 1px solid #c5c9ca; } .lunder-links .colLeft { float: left; width: 410px; padding: 0 40px 0 0; margin: 0; background: url('/lunder/assets/images/bg/bg-dotted-y.gif') repeat-y scroll right top transparent; } .lunder-links .colLeft p { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #3b4144; display: block; padding-bottom: 16px; margin: 0; } .lunder-links .colLeft .linksLeft { width: 180px; float: left; margin-right: 35px; } .lunder-links .colLeft .linksRight { width: 195px; float: left; } .lunder-links .colLeft ul { margin: 0; padding: 0; } .lunder-links .colLeft ul li { margin: 0 0 14px; padding: 0; background: none; } .lunder-links .colLeft ul li p { color: #858D93; text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 0; margin: 0; } .lunder-links .colRight { width: 190px; float: right; padding: 0 0 0 28px; margin: 0; } /* @group Slide Rotator System (Research Advances/Lunder) */ .slideRotator-container { width: 674px; padding: 0; margin: 0; } .slideRotator-controllers { height: 0; width: 674px; padding: 0; margin: 0; float: left; position: absolute; z-index: 21; } .slideRotator-controllers .next, .slideRotator-controllers .prev { background: url('/lunder/assets/images/slideshow/slideshow-controllers.png') no-repeat; z-index: 20; position: relative; display: block; width: 36px; height: 38px; cursor: pointer; } /* if iE6 */ * html .slideRotator-controllers a.next { background: url('/lunder/assets/images/slideshow/slideshow-controllers.gif') no-repeat -36px 0; z-index: 20; position: relative; display: block; width: 36px; height: 38px; cursor: pointer; } * html .slideRotator-controllers a.prev { background: url('/lunder/assets/images/slideshow/slideshow-controllers.gif') no-repeat; z-index: 20; position: relative; display: block; width: 36px; height: 38px; cursor: pointer; } /* end if */ .slideRotator-controllers a.prev { background-position: 0 0; top: 181px; left: 20px; float: left; } .slideRotator-controllers a.prev:hover { background-position: 0 -38px; } .slideRotator-controllers a.next { background-position: -36px 0; top: 180px; right: 20px; float: right; } .slideRotator-controllers a.next:hover { background-position: -36px -38px; } .slideRotator-slideshow { height: 534px; padding: 0; margin: 0; z-index: 20; } .slideRotator-slide { height: 400px; width: 674px; display: block; position: relative; } .slideRotator-slide .img-cont { width: 674px; height: 400px; position: absolute; display: block; z-index: 1; } .slideRotator-slide .counter { position: relative; display: block; float: right; top: -15px; height: 13px; width: 80px; text-align: right; margin: 0; padding: 0; } .slideRotator-slide .img-desc { position: relative; display: block; float: right; top: 405px; left: 80px; height: 13px; width: 300px; text-align: right; margin: 0; padding: 0; } /* if iE6 */ * html .slideRotator-slide .img-desc { left: 57px; } /* end if */ .slideRotator-slide .counter p, .slideRotator-slide .img-desc p { font-size: 11px; color: #858d93; } .slideRotator-slide-desc { height: 100px; width: 672px; clear: both; display: block; margin: 15px 0 0 0; padding: 0 0 17px 2px; } .slideRotator-slide-desc .desc { float: left; width: 600px; padding: 0; margin: 0; } .slideRotator-slide-desc .desc h1 { font: bold 16px Georgia, serif; color: #3b4144; padding: 0; margin: 0; padding-bottom: 9px; } .slideRotator-slide-desc .desc p { padding: 0; margin: 0; padding-bottom: 0; } .slideRotator-links { width: 672px; display: block; clear: both; margin: 5px 0 0 0; padding: 24px 0 3px 2px; border-top: 1px solid #c5c9ca; } .slideRotator-links .colSingle { float: left; width: 672px; padding: 0; margin: 0; } .slideRotator-links .colSingle h1, .slideRotator-links .colSingle h2 { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #3b4144; display: block; margin: 0; width: 300px; float: left; padding: 0 30px 16px 0; } .slideRotator-links .colSingle h2 { padding-right: 0px; width: 340px; clear: right; } .slideRotator-links .colSingle p { /*text-transform: uppercase;*/ font-size: 12px; font-weight: bold; color: #3b4144; display: block; padding-bottom: 16px; margin: 0; } .slideRotator-links .colSingle .linksLeft { width: 300px; float: left; margin-right: 30px; } .slideRotator-links .colSingle .linksRight { width: 330px; float: left; } .slideRotator-links .colSingle ul { margin: 0; padding: 0; } .slideRotator-links .colSingle ul li { margin: 0 0 14px; padding: 0; background: none; } .slideRotator-links .colSingle ul li p { color: #858D93; font-size: 11px; font-weight: bold; padding: 0; margin: 0; } .slideRotator-links .colLeft { float: left; width: 410px; padding: 0 40px 0 0; margin: 0; background: url('/lunder/assets/images/bg/bg-dotted-y.gif') repeat-y scroll right top transparent; } .slideRotator-links .colLeft p { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #3b4144; display: block; padding-bottom: 16px; margin: 0; } .slideRotator-links .colLeft .linksLeft { width: 180px; float: left; margin-right: 35px; } .slideRotator-links .colLeft .linksRight { width: 195px; float: left; } .slideRotator-links .colLeft ul { margin: 0; padding: 0; } .slideRotator-links .colLeft ul li { margin: 0 0 14px; padding: 0; background: none; } .slideRotator-links .colLeft ul li p { color: #858D93; text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 0; margin: 0; } .slideRotator-links .colRight { width: 190px; float: right; padding: 0 0 0 28px; margin: 0; } /* @group Carousal Slider (Care at Every Stage) */ #carouslider-cont-ip12 { height: auto; min-height: 1px; position: relative; left: -14px; top: 0; width: 702px; } #carouslider-cont-ip3 { height: auto; min-height: 1px; position: relative; top: 0; width: 702px; } #carouslider-top { width: 702px; height: 282px; margin: 0 0 18px 0; padding: 0; } .carouslider-topLeft { width: 354px; margin: 0; padding: 0 13px 0 0; float: left; } .carouslider-topLeft p { margin-top: 0px; } #carouslider-cont-ip13 .carouslider-topRight { width: 320px; } .carouslider-topRight { width: 335px; margin: 0; padding: 0; float: right; } .carouslider-topRight h1 { color: #2E3237; display: block; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 16px; text-transform: uppercase; } .carouslider-topRight p { padding: 0; margin: 0; padding-bottom: 14px; } .carouslider-topRight ul { margin-left: 0; } .carouslider-topRight ul li { background: url('/assets/images/icons/inst/ico_arrw_rt.gif') no-repeat scroll 0 4px transparent; margin-bottom: 2px; padding-bottom: 3px; padding-left: 10px; } #carouslider-slideshow { } #carouslider-middle { width: 702px; height: 141px; display: block; position: relative; padding: 0; margin: 0; margin-bottom: 24px; clear: both; } #carouslider-container { background: none repeat scroll 0 0 #E4E7E9; height: 127px; overflow: hidden; padding: 7px 21px; position: relative; width: 658px; } .carouslider-next, .carouslider-prev { font-size: 0px; } .carouslider-prev { background: url('/assets/js-plugins/images/carouslider-triggers.png') no-repeat scroll left top transparent; font-size: 0px !important; cursor: pointer; height: 141px; left: 0; position: absolute; top: 0; width: 21px; z-index: 10; } .carouslider-prev:hover { background-position: -44px 0; } .carouslider-next { background: url('/assets/js-plugins/images/carouslider-triggers.png') no-repeat scroll -22px top transparent; font-size: 0px !important; cursor: pointer; height: 141px; right: 0; position: absolute; top: 0; width: 21px; z-index: 10; } .carouslider-next:hover { background-position: -66px 0; } .carouslider-thumb { visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 132px; display: inline; } .carouslider-thumb ul { margin: 0; padding: 0; position: relative; z-index: 1; list-style-type: none; } .carouslider-nav li { overflow: hidden; float: left; width: 122px; margin: 0; padding: 3px 0 0 8px; background: none !important; height: 131px; margin-bottom: 0 !important; } .carouslider-slide { } .carouslider-slide p { color: #01688E; font-size: 12px; margin: 0; padding: 0; margin-top: 8px; font-weight: bold; } .carouslider-slide p a:hover { color: #EE7103; } #carouslider-bottom { width: 702px; height: auto; min-height: 205px; display: block; position: relative; padding: 0; margin: 0; padding-top: 24px; background: url('/assets/images/bg-dotted-x.gif') repeat-x scroll left top transparent; } #carouslider-bottom h1 { color: #2E3237; display: block; font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 16px; text-transform: uppercase; } #carouslider-bottom p { margin: 0; padding: 0; padding-bottom: 14px; } .carouslider-botLeft { width: 290px; height: inherit; display: block; float: left; } .carouslider-botRight { width: 290px; height: inherit; display: block; float: right; } /* @group Admin Fellowship */ .adminFellowship { display: block; margin: 24px 0 0 0; padding: 0 0 24px 0; border-bottom: 1px solid #ccc; clear: both; } /* @group Chosen Dropbox */ /* @group Container CSS */ div[class*="dropSearch"] p.landing-heading {margin-top: 0px;} .brandCanvasButton { left: 28px; position: relative; top: -155px; width: 219px; height: 0px; overflow: visible; } .home3col { display: block; padding: 14px 0 0; } .home3col .colm1, .home3col .colm2 { float: left; margin-right: 28px; width: 290px; } .home3col .colm1 .r1, .home3col .colm2 .r1, .home3col .colm3 .r1 { clear: both; display: block; margin-bottom: 12px; } .home3col .colm1 .r2, .home3col .colm2 .r2, .home3col .colm3 .r2 { clear: both; display: block; } .home3col .colm1 p.thumb, .home3col .colm2 p.thumb, .home3col .colm3 p.thumb { float: left; margin-top: 0; width: 84px; } .home3col .colm1 div.modTxt, .home3col .colm2 div.modTxt, .home3col .colm3 div.modTxt { float: right; width: 195px; } .home3col .colm3 { float: left; margin-right: 0; width: 290px; } .home3col .colm3 .dropSearch { display: block; } .home3col .colm3 .dropSearch p.landing-heading { line-height: 12px; margin-bottom: 12px; } .home3col .colm3 .dropSearch a { text-decoration: none !important; } .home3col .colm3 .stay-connected { display: block; margin-top: 24px; padding-top: 24px; background: url('/assets/images/bg-dotted-x.gif') repeat-x scroll 0 0 transparent; } /* @group Base */ .chzn-container { font-size: 13px; position: relative; display: inline-block; zoom: 1; *display: inline; margin-left: 6px; width: 258px !important; } .chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.15); -o-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); z-index: 999; } /* @group Single Chosen */ .chzn-container-single .chzn-single { background-color: transparent; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0d5a75), color-stop(0.5, #408da9)); background-image: -webkit-linear-gradient(center bottom, #0d5a75 0%, #408da9 50%); background-image: -moz-linear-gradient(center bottom, #0d5a75 0%, #408da9 50%); background-image: -o-linear-gradient(top, #0d5a75 0%,#408da9 50%); background-image: -ms-linear-gradient(top, #0d5a75 0%,#408da9 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#408da9', endColorstr='#0d5a75',GradientType=0 ); /* ie6 gradient */ background-image: linear-gradient(top, #0d5a75 0%,#408da9 50%); /* ie6 gradient */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /*border: 1px solid #aaa;*/ display: block; overflow: hidden; white-space: nowrap; position: relative; height: 26px; line-height: 26px; padding: 0 0 0 8px; color: #444; text-decoration: none; } .chzn-container-single .chzn-single span { text-shadow: 1px 1px 1px #195b73; color: #fff; margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .chzn-container-single .chzn-single div { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: transparent; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #033e58), color-stop(0.6, #006899)); background-image: -webkit-linear-gradient(center bottom, #033e58 0%, #006899 60%); background-image: -moz-linear-gradient(center bottom, #033e58 0%, #006899 60%); background-image: -o-linear-gradient(bottom, #033e58 0%, #006899 60%); background-image: -ms-linear-gradient(top, #033e58 0%,#006899 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006899', endColorstr='#033e58',GradientType=0 ); /* ie6 gradient */ background-image: linear-gradient(top, #033e58 0%,#006899 60%); border-left: 1px solid #154e67; position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } * html .chzn-container-single .chzn-single div b { background: url('/assets/js/chosen/sprite.gif') no-repeat 2px 1px; } .chzn-container-single .chzn-single div b { background: url('/assets/js/chosen/sprite.png') no-repeat 2px 1px; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; margin: 0; white-space: nowrap; } * html .chzn-container-single .chzn-search input { background: #fff url('/assets/js/chosen/sprite.gif') no-repeat 100% -20px; } .chzn-container-single .chzn-search input { * background: #fff url('/assets/js/chosen/sprite.gif') no-repeat 100% -20px; background: #fff url('/assets/js/chosen/sprite.png') no-repeat 100% -20px; background: url('/assets/js/chosen/sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #858d93)); background: url('/assets/js/chosen/sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(center bottom, #ffffff 85%, #858d93 99%); background: url('/assets/js/chosen/sprite.png') no-repeat 100% -20px, -moz-linear-gradient(center bottom, #ffffff 85%, #858d93 99%); background: url('/assets/js/chosen/sprite.png') no-repeat 100% -20px, -o-linear-gradient(bottom, #ffffff 85%, #858d93 99%); background: url('/assets/js/chosen/sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#858d93 99%); background: url('/assets/js/chosen/sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#858d93 99%); background: url('/assets/js/chosen/sprite.png') no-repeat 100% -20px, linear-gradient(top, #ffffff 85%,#858d93 99%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1.5em; width: 248px !important; } .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 256px !important; } /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #408da9), color-stop(0.99, #0d5a75)); background-image: -webkit-linear-gradient(center bottom, #408da9 85%, #0d5a75 99%); background-image: -moz-linear-gradient(center bottom, #408da9 85%, #0d5a75 99%); background-image: -o-linear-gradient(bottom, #408da9 85%, #0d5a75 99%); background-image: -ms-linear-gradient(top, #ffffff 85%,#0d5a75 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0d5a75',GradientType=0 ); background-image: linear-gradient(top, #ffffff 85%,#0d5a75 99%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #0d5a75)); background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #0d5a75 70%); background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #0d5a75 70%); background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #0d5a75 70%); background-image: -ms-linear-gradient(top, #e4e4e4 0%,#0d5a75 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d5a75', endColorstr='#e4e4e4',GradientType=0 ); background-image: linear-gradient(top, #e4e4e4 0%,#0d5a75 70%); color: #333; border: 1px solid #b4b4b4; line-height: 13px; padding: 3px 19px 3px 6px; margin: 3px 0 3px 5px; position: relative; } .chzn-container-multi .chzn-choices .search-choice span { cursor: default; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 5px; top: 6px; width: 8px; height: 9px; font-size: 1px; background: url(chosen-sprite.png) right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -9px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -9px; } /* @group Results */ .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 190px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; } * html .chzn-container .chzn-results { height: 190px !important; } .chzn-container .chzn-results li { line-height: 100%; padding: 7px 7px 8px; margin: 0; list-style: none; background: none repeat scroll 0 0 transparent; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .active-result { cursor: pointer; } .chzn-container .chzn-results .highlighted { background: #3b4144; color: #fff; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 20px; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container-multi .chzn-drop .result-selected { display: none; } /* smaller drop list size */ div.small .chzn-container .chzn-results {max-height: 110px;} * html div.small .chzn-container .chzn-results { height: 110px !important; } /* @group Active */ .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); /* border: 1px solid #5897fb; */ text-shadow: 1px 1px 1px #195b73; } .chzn-container-active .chzn-single-with-drop { /*border: 1px solid #aaa;*/ -webkit-box-shadow: 0 0 0 #033e58 inset; -moz-box-shadow: 0 0 0 #033e58 inset; -o-box-shadow: 0 0 0 #033e58 inset; box-shadow: 0 0 0 #033e58 inset; background-color: #033e58; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #408da9), color-stop(0.5, #0d5a75)); background-image: -webkit-linear-gradient(center bottom, #408da9 0%, #0d5a75 50%); background-image: -moz-linear-gradient(center bottom, #408da9 0%, #0d5a75 50%); background-image: -o-linear-gradient(bottom, #408da9 0%, #0d5a75 50%); background-image: -ms-linear-gradient(top, #408da9 0%,#0d5a75 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d5a75', endColorstr='#408da9',GradientType=0 ); /* ie6 gradient */ background-image: linear-gradient(top, #408da9 0%,#0d5a75 50%); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .chzn-container-active .chzn-single-with-drop div { /*background: transparent;*/ border-left: 1px solid #154e67; } * html .chzn-container-active .chzn-single-with-drop div b { background-image: url('/assets/js/chosen/sprite.gif'); background-position: -16px 1px; } .chzn-container-active .chzn-single-with-drop div b { background-position: -16px 1px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb;} .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } /* @group Right to Left */ .chzn-rtl { direction: rtl;text-align: right; } .chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; } .chzn-rtl .chzn-single div { left: 0; right: auto; border-left: none; border-right: 1px solid #aaaaaa; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;} .chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } * html .chzn-rtl .chzn-search input { background: url('/assets/js/chosen/sprite.gif') no-repeat -38px -20px, #408da9; } .chzn-rtl .chzn-search input { background: url('/assets/js/chosen/sprite.png') no-repeat -38px -20px, #408da9; background: url('/assets/js/chosen/sprite.png') no-repeat -38px -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #408da9), color-stop(0.99, #0d5a75)); background: url('/assets/js/chosen/sprite.png') no-repeat -38px -20px, -webkit-linear-gradient(center bottom, #408da9 85%, #0d5a75 99%); background: url('/assets/js/chosen/sprite.png') no-repeat -38px -20px, -moz-linear-gradient(center bottom, #408da9 85%, #0d5a75 99%); background: url('/assets/js/chosen/sprite.png') no-repeat -38px -20px, -o-linear-gradient(bottom, #408da9 85%, #0d5a75 99%); background: url('/assets/js/chosen/sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #408da9 85%,#0d5a75 99%); background: url('/assets/js/chosen/sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #408da9 85%,#0d5a75 99%); background: url('/assets/js/chosen/sprite.png') no-repeat -38px -20px, linear-gradient(top, #408da9 85%,#0d5a75 99%); padding: 4px 5px 4px 20px; } /* @group Cancer Version */ div[id*="196698"] .chzn-container-single .chzn-single span {text-shadow: 1px 1px 1px #195b73;} div[id*="196698"] .chzn-container-single .chzn-single { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #12537c), color-stop(0.5, #176596)); background-image: -webkit-linear-gradient(center bottom, #12537c 0%, #176596 50%); background-image: -moz-linear-gradient(center bottom, #12537c 0%, #176596 50%); background-image: -o-linear-gradient(top, #12537c 0%,#176596 50%); background-image: -ms-linear-gradient(top, #12537c 0%,#176596 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#176596', endColorstr='#12537c',GradientType=0 ); background-image: linear-gradient(top, #12537c 0%,#176596 50%); } div[id*="196698"] .chzn-container-active .chzn-single-with-drop { background-color: #12537c; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #176596), color-stop(0.8, #12537c)); background-image: -webkit-linear-gradient(center bottom, #176596 0%, #12537c 80%); background-image: -moz-linear-gradient(center bottom, #176596 0%, #12537c 80%); background-image: -o-linear-gradient(bottom, #176596 0%, #12537c 80%); background-image: -ms-linear-gradient(top, #176596 0%,#12537c 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12537c', endColorstr='#176596',GradientType=0 ); background-image: linear-gradient(top, #176596 0%,#12537c 80%); } /* DROP ARROW */ div[id*="196698"] .chzn-container-active .chzn-single-with-drop div {border-left: 1px solid #0f405f;} div[id*="196698"] .chzn-container-single .chzn-single div { border-left: 1px solid #0f405f; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, ##176596), color-stop(0.6, #12537c)); background-image: -webkit-linear-gradient(center bottom, #176596 0%, #12537c 60%); background-image: -moz-linear-gradient(center bottom, #176596 0%, ##12537c 60%); background-image: -o-linear-gradient(bottom, #176596 0%, #12537c 60%); background-image: -ms-linear-gradient(top, #176596 0%,#12537c 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12537c', endColorstr='#176596',GradientType=0 ); /* ie6 gradient */ background-image: linear-gradient(top, #176596 0%,#12537c 60%); } /* @group jQuery Brand Canvas */ .jCanvas-cont { background-color: transparent; width: 700px; } /* ADDED 04/15/2013 - jo860 */ div.jCanvas-static div.jCanvas, div.jCanvas-static p.jCanvas-head, div.jCanvas-static div.jCanvas-hybrid-left, div.jCanvas-static p.jCanvas-subhead, div.jCanvas-static div.jCanvas-hybrid-right, div.jCanvas-static div.jCanvas-hybrid-right h1, div.jCanvas-static div.jCanvas-hybrid-right p, div.jCanvas-static div.jCanvas-hybrid-right a {visibility: visible;} div.jCanvas-static span.mghBtn {margin:0;} div.jCanvas-static div.hybridHome {background-image: url('/give/communityfundraising/images/cfp-hybrid-home.jpg');} div.jCanvas-static p.jCanvas-head {background-color: #ffffff; width: 90%;} div.jCanvas-static div.jCanvas-hybrid-right h1 {background-color: #fff;} /* END 04/15/2013 - jo860 */ .jCanvas-cont p { font-family: Georgia, serif; color: #fff; text-shadow: none; visibility: hidden; clear: both; } .jCanvas-cont .jCanvasLeft p { float: left; margin-left: 20px; text-align: left; } .jCanvas-cont .jCanvasRight p { float: right; margin-right: 20px; text-align: right; } .jCanvas { background-color: #101519; width: 696px; height: 257px; margin: 0 auto; color: #fff; overflow: hidden; visibility: hidden; display: block; } .jCanvas .jCanvas-head { margin-top: 40px; margin-bottom: 0; font: 28px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing: 1px; width: 460px; } .jCanvas .jCanvas-subhead { font-size: 12px; width: 400px; } .jCanvas .jCanvas-learnMore { width: 400px; text-transform: uppercase; font-size: 11px; font-weight: bold; margin-top: 40px !important; } .jCanvas .jCanvas-learnMore a { background: url('/assets/images/icons/ico_canvas_blue.gif') no-repeat scroll 100% 4px transparent; padding-right: 7px; color: #68becd; font-size: 11px; text-decoration: none; } .jCanvas .jCanvas-learnMore a:hover { text-decoration: underline; } .jCanvas .jCanvas-replay { width: 100px; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 40px 20px 0 0; font-family: Arial, Helvetica, sans-serif; float: right; display: block; } .jCanvas .jCanvas-replay a { color: #fff; font-size: 14px; text-decoration: none; } .jCanvas .jCanvas-replay a:hover { text-decoration: none; } .jCanvas-hybrid { background: url('/give/mghfund/images/mghf-overlap-base.png') no-repeat scroll left top transparent; display: block; height: 150px; position: relative; top: 60px; width: 697px; } .jCanvas-hybrid .jCanvas-head { color: #01688E; font: 28px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing: 1px; margin-bottom: 0; margin-top: 20px; text-shadow: none; width: 676px; } .jCanvas-hybrid .jCanvas-subhead { min-height: 50px; color: #3B4144; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-shadow: none; margin-top: 10px; width: 410px; padding: 0 20px 0 0; } .jCanvas-hybrid .jCanvas-hybrid-left { height: 85px; background: url('/assets/images/bg-dotted-y.gif') repeat-y scroll right top transparent; display: block; float: left; margin-right: 20px; padding-right: 10px; width: 440px; visibility: hidden; } .jCanvas-hybrid .jCanvas-hybrid-right { float: left; display: block; width: 220px; } .jCanvas-hybrid-right h1, .jCanvas-hybrid-right p, .jCanvas-hybrid-right a { visibility: hidden; } .jCanvas-hybrid-right h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ee7103; margin: 0; padding: 0; } .jCanvas-hybrid-right p { color: #3B4144; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-shadow: none; margin-left: 0 !important; float: none !important; } .jCanvas-hybrid-right a:hover { text-decoration: none; } .jCanvas-hybrid .jCanvas-btn { background: url('/give/mghfund/images/mghf-learnmore.jpg') no-repeat scroll left top transparent; display: block; height: 24px; min-width: 111px; visibility: hidden; } /*. jCanvas-middleBot { border-top: 1px solid #D9DCDD; display: block; margin-bottom: 14px; padding-top: 24px; } .jCanvas-middleBot div { background: url('/assets/images/bg-dotted-y.gif') repeat-y scroll right top transparent; float: left; margin: 0 24px 0 0; min-height: 150px; padding: 0 24px 0 0; width: 200px; } */ /* @ground Social Media Icons */ .socialMedia { list-style: none; margin: 0; padding: 0; margin-bottom: 33px; } .socialMedia li { padding-left: 26px !important; height: 17px !important; margin-bottom: 7px !important; } .socialMedia li.facebook { background: url('/assets/images/icons/ico-socialmedia.png') no-repeat 0 0 transparent !important; } .socialMedia li.twitter { background: url('/assets/images/icons/ico-socialmedia.png') no-repeat 0 -16px transparent !important; } .socialMedia li.youtube { background: url('/assets/images/icons/ico-socialmedia.png') no-repeat 0 -33px transparent !important; } .socialMedia li.rss { background: url('/assets/images/icons/ico-socialmedia.png') no-repeat 0 -51px transparent !important; } .socialMedia li.blog { background: url('/assets/images/icons/ico-socialmedia.png') no-repeat 0 -69px transparent !important; } /* @group Psychiatry > Education */ .gl1alpha-HB { background: url('/assets/images/bg/bg_topModTop_b.gif') no-repeat scroll 0 0 #E5E7E9; width: 702px; margin-bottom: 28px; } .gl1alpha-Cont { background: url('/assets/images/bg/bg_topModBot_b.gif') no-repeat scroll 0 100% transparent; padding: 14px 14px 16px; width: 674px; min-height: 131px; clear: both; } .gl1alpha-Photo { float: left; display: block; width: 213px; height: 131px; margin-right: 14px; } .gl1alpha-Photo img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C5C9CA; display: block; padding: 1px; } .gl1alpha-Desc { float: left; width: 447px; } .gl1alpha-Desc h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #2E3237; font-weight: normal; margin: 0 0 10px 0 !important; } .gl1alpha-Desc p { line-height: 16px; padding: 0 0 2px; font-size: 12px; margin-bottom: 10px; margin-top: 0; } .gl1alpha-colUI { display: block; margin: 0 0 14px 14px; clear: both; } .gl1alpha-colUI div { background: url('/assets/images/bg-dotted-y.gif') repeat-y scroll right top transparent; float: left; margin: 0 24px 0 0; padding: 0 24px 0 0; min-height: 150px; width: 195px; } .gl1alpha-colUI div.last { background: none; margin: 0; padding: 0; } /* @group 3 Col UI */ .col3UI { display: block; margin-bottom: 14px; padding-top: 24px; border-top: 1px solid #e5e7e9; } .col3UI div { background: url('/assets/images/bg-dotted-y.gif') repeat-y scroll right top transparent; float: left; margin: 0 24px 0 0; padding: 0 24px 0 0; min-height: 240px; width: 200px; } .col3UI div.last { background: none; margin: 0; padding: 0; } /* @group Physician Profile Description */ .physProfileDesc { } .physProfileDesc p { float: left; font-weight: bold; width: 120px; } .physProfileDesc ul { float: right; float: right; width: 530px; margin-left: 0; } .physProfileDesc ul li { margin-left: 14px; margin-bottom: 4px; } .physProfileDesc ul li.heading { background: none transparent; margin: 9px 0 4px 0; padding-left: 0; } .physProfileDesc ul li.first { margin-top: 0; } /* @group Call To Action Template UI */ .cta-cont { background: url('/assets/images/bg/bg_topModTop_b.gif') no-repeat scroll 0 0 #E5E7E9; width: 702px; margin-bottom: 8px; } .cta-wrapper { background: url('/assets/images/bg/bg_topModBot_b.gif') no-repeat scroll 0 100% transparent; padding: 14px; width: 674px; min-height: 31px; clear: both; } .cta-wrapper h1 { font-family: Georgia, "Times New Roman", Times, serif; width: 90px; display: block; font-size: 16px; color: #2E3237; font-weight: normal; float: left; height: 17px; margin: 0 0 14px 0; } .cta-wrapper ul { float: right; width: 575px; } .cta-wrapper ul li { background: url('/assets/images/icons/inst/ico_arrw_rt.gif') no-repeat scroll 2px 4px transparent; float: left; width: 175px; margin-top: 3px; } /* @group Ask Yourself for Health */ #askYourself { margin: 14px 0 0 14px; width: 955px; } .ip12-fullWidth { background-color: rgb(255, 255, 255); top: -68px; width: 945px; position: relative; min-height: 380px; left: -14px; font-family: Arial, Helvetica, sans-serif; float: left; } .ip12-fullWidth .topHalf { width: 945px; margin: 0 0 34px; padding: 0; } .topHalf .askyourself-doctor { width: 945px; } .topHalf .videoPlayer { width: 454px; height: 302px; float: left; margin: 0 14px 0 0; padding: 0; } .topHalf .videoDesc { width: 477px; height: 302px; float: left; margin: 0; padding: 0; } .topHalf .videoDesc h1 { font-size: 16px; color: #3b4144; font-weight: bold; text-shadow: 1px 1px 1px #ccc; padding: 8px 14px 14px 0; margin: 14px 0 8px 0; } .topHalf .heartcenter h1 { background: url('/heartcenter/ask/assets/images/askyourself-h1-heart.gif') no-repeat bottom right transparent; } .topHalf .vascularcenter h1 { background: url('/vascularcenter/ask/assets/images/askyourself-h1-vascular.gif') no-repeat top right transparent; } .topHalf .videoDesc p { padding: 0 14px 8px; } .topHalf .videoDesc .heart, .topHalf .videoDesc .vascular { margin-left: 15px; } .videoDesc .heart li { background: url('/assets/images/icons/ico_arrw_rt_heart.gif') no-repeat scroll 0 3px transparent; padding-left: 8px; } .videoDesc .heart a:hover { color: #bb2d2d; } .videoDesc .vascular li { background: url('/assets/images/icons/ico_arrw_rt_vascular.gif') no-repeat scroll 0 3px transparent; padding-left: 8px; } .videoDesc .vascular a:hover { color: #a868a9; } .ip12-fullWidth .bottomHalf { margin: 0; padding: 0; height: 92px; width: 945px; } .bottomHalf #carouslider-container { width: 903px; height: 78px; } .bottomHalf .carouslider-thumb { height: 70px; display: block; margin: 0; padding: 4px 0 4px 8px; } .bottomHalf .carouslider-prev { background: url("/assets/js-plugins/images/carouslider-triggers-small.png") no-repeat scroll left top transparent; height: 92px; } .bottomHalf .carouslider-prev:hover { background-position: -44px 0; } .bottomHalf .carouslider-next { background: url("/assets/js-plugins/images/carouslider-triggers-small.png") no-repeat scroll -22px top transparent; height: 92px; } .bottomHalf .carouslider-next:hover { background-position: -66px 0; } .bottomHalf .disabled { background: url("/assets/js-plugins/images/carouslider-triggers-small.png") no-repeat scroll -88px top transparent !important; cursor: default; } .bottomHalf .disabled:hover { background-position: -88px 0 !important; } .bottomHalf ul li { width: 300px; height: 81px; padding: 0; margin: 0; } .bottomHalf ul li.last { } .bottomHalf ul li img { float: left; margin: 0 14px 0 0; } .bottomHalf ul li h1 { float: left; font-size: 11px; } .bottomHalf .heart li h1 { color: #bb2d2d; } .bottomHalf .vascular li h1 { color: #a868a9; } .bottomHalf ul li a { display: block; } .bottomHalf ul li a:hover { text-decoration: none; cursor: pointer; } .bottomHalf ul li a:hover h1 { text-decoration: underline; } .bottomHalf ul li p { color: #01688E; float: left; font-size: 11px; margin: 3px 0 0; padding: 0; width: 170px; font-weight: normal; } /* @group Custom CSS Table (Not sure where used) */ #table-702 { width: 702px; margin: 0; padding: 0; display: block; } #table-702 ul { width: 702px; margin: 0; padding: 0; float: left; } #table-702 ul.headings { font-size: 16px; font-weight: bold; border: 0px; height: auto !important; } #table-702 ul li { float: left; width: 216px; margin: 0; padding: 8px; border: 1px solid #e5e7e9; background: rgba(0,0,0,0.0); } #table-702 ul li.notice { color: rgb(255,0,0); } #table-702 ul li.divider { color: rgb(46,50,55); width: 684px; font-size: 18px; font-weight: bold; text-align: center; border: 0; margin-top: 14px; height: auto; } #table-702 ul li.top { margin-top: 0; } /* @group /give/communityfundraising/good-idea.aspx */ .tiles1x2 { width: 702px; display: block; } .tiles1x2 div { background: url('/give/communityfundraising/images/gl-give-bg.jpg') no-repeat scroll 0 top #e5e7e9; border-radius: 8px; width: 297px; height: auto; margin: 0 14px 20px 0; padding: 70px 18px 14px; display: block; position: relative; float: left; } .tiles1x2 .left { clear: left; } .tiles1x2 .right { float: right; margin-right: 0; } .tiles1x2 .both { clear: both; } .tiles1x2 h4 { font: 28px 'LeagueGothicRegular',Arial,sans-serif; color: #EE7103; text-transform: uppercase; } .tiles1x2bot { padding-top: 24px !important; } .tiles1x2bot div { min-height: 130px; } /* @group CSS Ortho Mobile Button */ .cssBtn { display: block; margin: 14px auto; text-align: center; border: 0; } .cssBtn a { background: #50b7d1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwYjdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODZkYTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #50b7d1 0%, #286da3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50b7d1), color-stop(100%,#286da3)); background: -webkit-linear-gradient(top, #50b7d1 0%,#286da3 100%); background: -o-linear-gradient(top, #50b7d1 0%,#286da3 100%); background: -ms-linear-gradient(top, #50b7d1 0%,#286da3 100%); background: linear-gradient(top, #50b7d1 0%,#286da3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b7d1', endColorstr='#286da3',GradientType=0 ); border: 1px solid #51A0B3; border-radius: 16px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); color: #C8ECFF; font-size: 12px !important; padding: 5px 16px; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25); display: inline-block; margin: 0 4px; } .cssBtn a:hover { background: #66c7e5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YzdlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjhmYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #66c7e5 0%, #328fc9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66c7e5), color-stop(100%,#328fc9)); background: -webkit-linear-gradient(top, #66c7e5 0%,#328fc9 100%); background: -o-linear-gradient(top, #66c7e5 0%,#328fc9 100%); background: -ms-linear-gradient(top, #66c7e5 0%,#328fc9 100%); background: linear-gradient(top, #66c7e5 0%,#328fc9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c7e5', endColorstr='#328fc9',GradientType=0 ); text-decoration: none; color: #fff; } /* @group Global MGH CSS Button (Blue) */ .mghBtn { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); position: relative; display: inline-block; cursor: pointer; border-radius: 3px; background-origin: padding-box; background-clip: border-box; height: 25px; margin: 8px 0; background-size: auto; box-shadow: 1px 1px rgba(95,95,95,0.5); text-align: left; behavior: url('/assets/css/behaviors/PIE.htc'); background: url('/assets/images/bg/bg-mghBtn.jpg') no-repeat top left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, #418eaa 0%, #0c5974 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#418eaa), color-stop(100%,#0c5974)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #418eaa 0%,#0c5974 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #418eaa 0%,#0c5974 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #418eaa 0%,#0c5974 100%); /* IE10+ */ background: linear-gradient(top, #418eaa 0%,#0c5974 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418eaa', endColorstr='#0c5974',GradientType=0 ); /* IE6-9 */ } .mghBtn:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); position: relative; display: inline-block; min-height: 25px; margin: 8px 0; text-align: left; behavior: url('/assets/css/behaviors/PIE.htc'); background: url('/assets/images/bg/bg-mghBtn.jpg') no-repeat top left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, #0c5974 0%, #418eaa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5974), color-stop(100%,#418eaa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0c5974 0%,#418eaa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0c5974 0%,#418eaa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0c5974 0%,#418eaa 100%); /* IE10+ */ background: linear-gradient(top, #0c5974 0%,#418eaa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5974', endColorstr='#418eaa',GradientType=0 ); /* IE6-9 */ } .mghBtn:active { border-top: 0 solid rgb(72,13,135); border-right: 0 solid rgb(50,5,99); border-bottom: 0 solid rgb(72,13,135); border-left: 0 solid rgb(50,5,99); -webkit-box-shadow: inset 0 0 5px 2px rgb(93,70,119), 0 2px 0 rgb(238,238,238); box-shadow: inset 0 0 5px 2px rgb(93,70,119), 0 1px 0 rgb(238,238,238); } .mghBtn a { position: relative; background: url('/assets/images/icons/ico-mghBtn-bg.png') no-repeat scroll right top transparent; color: rgb(255,255,255); display: block; font-size: 11px; font-weight: 700; height: 14px; margin: 6px 8px; padding: 0 24px 0 0; text-decoration: none; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; } .mghBtn a:hover { color: rgb(229,231,233) !important; background-position: right bottom; } /* Global Global MGH CSS Button (Cancer) */ .mghBtnCC { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); position: relative; display: inline-block; height: 25px; margin: 8px 0; text-align: left; cursor: pointer; background: url('http://give.massgeneral.org/view.image?id=1997') no-repeat top left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, #005586 0%, #003050 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005586), color-stop(100%,#003050)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #005586 0%,#003050 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #005586 0%,#003050 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #005586 0%,#003050 100%); /* IE10+ */ background: linear-gradient(top, #005586 0%,#003050 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005586', endColorstr='#003050',GradientType=0 ); /* IE6-9 */ } .mghBtnCC:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); position: relative; display: inline-block; height: 25px; margin: 8px 0; text-align: left; cursor: pointer; background: url('http://give.massgeneral.org/view.image?id=1997') no-repeat top left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, #003050 0%, #005586 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003050), color-stop(100%,#005586)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #003050 0%,#005586 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #003050 0%,#005586 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #003050 0%,#005586 100%); /* IE10+ */ background: linear-gradient(top, #003050 0%,#005586 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003050', endColorstr='#005586',GradientType=0 ); /* IE6-9 */ } .mghBtnCC:active { border-top: 0 solid rgb(72,13,135); border-right: 0 solid rgb(50,5,99); border-bottom: 0 solid rgb(72,13,135); border-left: 0 solid rgb(50,5,99); -webkit-box-shadow: inset 0 0 5px 2px rgb(93,70,119), 0 2px 0 rgb(238,238,238); box-shadow: inset 0 0 5px 2px rgb(93,70,119), 0 1px 0 rgb(238,238,238); } .mghBtnCC a { position: relative; background: url('http://give.massgeneral.org/view.image?id=1996') no-repeat scroll right top transparent; color: rgb(255,255,255); display: block; font-size: 11px; font-weight: 700; height: 14px; margin: 6px 8px; padding: 0 24px 0 0; text-decoration: none; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; } .mghBtnCC a:hover { background-position: right bottom; } /* @group Global MGH Researcher Button */ .mghBtnRes { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); position: relative; display: inline-block; height: 25px; margin: 0; text-align: left; cursor: pointer; position: absolute; right: 0; top: -10px; background: url('http://give.massgeneral.org/view.image?id=1997') no-repeat top left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, rgb(20,92,140) 0%, rgb(15,65,100) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(20,92,140)), color-stop(100%,rgb(15,65,100))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(20,92,140) 0%, rgb(15,65,100) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(20,92,140) 0%, rgb(15,65,100) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(20,92,140) 0%, rgb(15,65,100) 100%); /* IE10+ */ background: linear-gradient(top, rgb(20,92,140) 0%, rgb(15,65,100) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145c8c', endColorstr='#0f4164',GradientType=0 ); /* IE6-9 */ } .mghBtnRes:hover { background: url('http://give.massgeneral.org/view.image?id=1997') no-repeat top left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, rgb(15,65,100) 0%, rgb(20,92,140) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(15,65,100)), color-stop(100%,rgb(20,92,140))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(15,65,100) 0%,rgb(20,92,140) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(15,65,100) 0%,rgb(20,92,140) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(15,65,100) 0%,rgb(20,92,140) 100%); /* IE10+ */ background: linear-gradient(top, rgb(15,65,100) 0%,rgb(20,92,140) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003050', endColorstr='#005586',GradientType=0 ); /* IE6-9 */ } .mghBtnRes:active { border-top: 0 solid rgb(72,13,135); border-right: 0 solid rgb(50,5,99); border-bottom: 0 solid rgb(72,13,135); border-left: 0 solid rgb(50,5,99); -webkit-box-shadow: inset 0 0 5px 2px rgb(93,70,119), 0 2px 0 rgb(238,238,238); box-shadow: inset 0 0 5px 2px rgb(93,70,119), 0 1px 0 rgb(238,238,238); } .mghBtnRes a { position: relative; background: url('/assets/images/icons/cssBtn-Res.png') no-repeat scroll left top transparent; color: rgb(255,255,255); display: block; font-size: 11px; font-weight: 700; height: 14px; margin: 6px 8px; padding: 0 0 0 20px; text-decoration: none; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; } .mghBtnRes a:hover { background-position: left bottom; } /* @group Global MGH CSS Button (Orange) */ .mghBtnO { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); position: relative; display: inline-block; height: 25px; margin: 8px 0; text-align: left; behavior: url('/assets/css/behaviors/PIE.htc'); background: url('/assets/images/bg/bg-mghBtnO.jpg') no-repeat top left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, #ef7102 0%, #c15900 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef7102), color-stop(100%,#c15900)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef7102 0%,#c15900 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef7102 0%,#c15900 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef7102 0%,#c15900 100%); /* IE10+ */ background: linear-gradient(top, #ef7102 0%,#c15900 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7102', endColorstr='#c15900',GradientType=0 ); /* IE6-9 */ } .mghBtnO a { position: relative; background: url('/assets/images/icons/ico-mghBtn-bg.png') no-repeat scroll right top transparent; color: rgb(255,255,255); display: block; font-size: 11px; font-weight: 700; height: 14px; margin: 6px 8px; padding: 0 24px 0 0; text-decoration: none; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; } .mghBtnO a:hover { color: rgb(229,231,233) !important; background-position: right bottom; } /* @group Global MGH CSS Button (Marathon) */ .mghBtnMara { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); position: relative; display: inline-block; height: 25px; margin: 8px 0; text-align: left; background: url('//d23kdr0xojac5p.cloudfront.net/images/bg-mghBtnMara.jpg') no-repeat top left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, rgb(249,226,172) 0%, rgb(245,186,8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(249,226,172)), color-stop(100%, rgb(245,186,8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(249,226,172) 0%, rgb(245,186,8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(249,226,172) 0%, rgb(245,186,8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(249,226,172) 0%, rgb(245,186,8) 100%); /* IE10+ */ background: linear-gradient(top, rgb(249,226,172) 0%, rgb(245,186,8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e2ac', endColorstr='#f5ba08',GradientType=0 ); /* IE6-9 */ } .mghBtnMara:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); position: relative; display: inline-block; height: 25px; margin: 8px 0; text-align: left; background: url('//d23kdr0xojac5p.cloudfront.net/images/bg-mghBtnMara.jpg') no-repeat bottom left transparent; /* Older Browsers */ background: -moz-linear-gradient(top, rgb(173,142,217) 0%, rgb(94,22,172) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(173,142,217)), color-stop(100%, rgb(94,22,172))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(173,142,217) 0%, rgb(94,22,172) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(173,142,217) 0%, rgb(94,22,172) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(173,142,217) 0%, rgb(94,22,172) 100%); /* IE10+ */ background: linear-gradient(top, rgb(173,142,217) 0%, rgb(94,22,172) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad8ed9', endColorstr='#5e16ac',GradientType=0 ); /* IE6-9 */ } .mghBtnMara:active { border-top: 0 solid rgb(72,13,135); border-right: 0 solid rgb(50,5,99); border-bottom: 0 solid rgb(72,13,135); border-left: 0 solid rgb(50,5,99); -webkit-box-shadow: inset 0 0 5px 2px rgb(93,70,119), 0 2px 0 rgb(238,238,238); box-shadow: inset 0 0 5px 2px rgb(93,70,119), 0 1px 0 rgb(238,238,238); } .mghBtnMara a { position: relative; background: url('//d23kdr0xojac5p.cloudfront.net/images/ico-mghBtn-bg.png') no-repeat scroll right top transparent; color: rgb(255,255,255); display: block; font: bold 11px/15px Arial, Helvetica, sans-serif; height: 14px; margin: 6px 8px; padding: 0 24px 0 0; text-decoration: none; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; } .mghBtnMara a:hover { background-position: right bottom; } /* @group Slidey Content Styles */ .slidey-title-more { cursor: pointer; color: #01688e; background: url('/assets/images/icons/ico_arrw_rt.gif') no-repeat left 5px transparent; padding-left: 10px; } p.slidey-title-more:hover { text-decoration: underline; color: #ee6103; background: url('/assets/images/icons/ico_arrw_dt.gif') no-repeat left 5px transparent; padding-left: 10px; } .slidey-content{ display: none; list-style-type: none; background: none !important; } /* @group Warning Message (Emergency Medicine) */ .warningMsg { width: 702px; position: relative; left: -14px; height: 50px; clear: both; border-radius: 4px; background: none repeat scroll 0 0 rgb(255, 255, 255); padding: 1px; border: 1px solid rgb(243, 119, 119); margin-bottom: 20px; } .warningMsg div { background: none no-repeat scroll right top rgb(255,187,187); border-radius: 4px; display: inline-block; padding: 10px; position: relative; width: 682px; } .warningMsg div p { display: block; float: left; width: 600px; font-size: 14px; font-weight: bold; color: rgb(212, 43, 43); margin: 0; } .warningMsg div a { display: block; float: right; background: url('/assets/images/icons/ico-closeRed.png') no-repeat scroll right top transparent; height: 20px; width: 20px; text-decoration: none; opacity: 0.7; } .warningMsg div a:hover { text-decoration: none; opacity: 1; } .toggleWarning { opacity: 0; display: none; } /* @group Give > CommFund > Organize */ @font-face { font-family: 'LeagueGothicRegular'; src: url('/assets/fonts/League_Gothic-webfont.eot'); src: url('/assets/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/League_Gothic-webfont.woff') format('woff'), url('/assets/fonts/League_Gothic-webfont.ttf') format('truetype'), url('/assets/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } .orgTop { background: url('http://give.massgeneral.org/view.image?id=1859') no-repeat scroll center bottom transparent; margin-bottom: 18px; padding-bottom: 24px; } .orgTop h1 { font: 30px 'LeagueGothicRegular', Arial, sans-serif; color: #3b4144; font-weight: normal; } .orgTop p { font-family: Georgia,'Times New Roman',Times,serif; font-size: 13px; font-style: italic; padding-top: 8px; } .orgTop p a { font: 13px Georgia,'Times New Roman',Times,serif; font-style: italic; text-decoration: underline; } .orgMid { border-left: 1px dotted #CCCCCC; left: 20px; position: relative; width: 678px; } .orgMid .steps { display: block; left: -21px; position: relative; width: 625px; margin-bottom: 20px; clear: both; } .orgMid .last { margin-bottom: 0 !important; } .orgMid .last h1 { background-color: #fff; } .orgMid .steps h1 { background: none repeat scroll 0% 0% rgb(99, 193, 210); height: 40px; width: 40px; float: left; margin-right: 24px; border-radius: 24px 24px 24px 24px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); margin-bottom: 24px; } .orgMid .mb60 h1 { margin-bottom: 60px; } .orgMid .mb110 h1 { margin-bottom: 110px; } .orgMid .mb150 h1 { margin-bottom: 150px; } .orgMid .mb210 h1 { margin-bottom: 210px; } .orgMid .steps h1 em { font-style: normal; font-size: 22px; font-weight: bold; color: rgb(255, 255, 255); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.24); padding: 7px 8px 8px 7px; display: block; text-align: center; } .orgMid .steps h2 { display: block; color: #f38600; font: 22px/34px 'LeagueGothicRegular', Arial,sans-serif; margin: 0; text-transform: uppercase; } .orgMid .steps p { margin: 0; } .orgBot { background: url('http://give.massgeneral.org/view.image?id=1859') no-repeat scroll center top transparent; display: block; margin-top: 24px; padding-top: 24px; } /* @group CSS3 Table UI built for Transplant */ .css3tables table { *border-collapse: collapse; /* IE7 and lower */ border-spacing: 0; width: 100%; } .css3tables .bordered { border: solid #e5e7e9 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px #e5e7e9; -moz-box-shadow: 0 1px 1px #e5e7e9; /* box-shadow: 0 1px 1px #e5e7e9; */ } .css3tables .bordered td:hover { background: #e5e7e9; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .css3tables .rowHover tr:hover { background: #e5e7e9; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .css3tables .bordered th, .css3tables .bordered tfoot tr { color: #fff; } .css3tables .bordered td, .css3tables .bordered th { border-left: 1px solid #e5e7e9; border-top: 1px solid #e5e7e9; padding: 10px; text-align: left; } .css3tables .bordered th, .css3tables .bordered tfoot td { background-color: #196698; background-image: -webkit-gradient(linear, left top, left bottom, from(#2174aa), to(#196698)); background-image: -webkit-linear-gradient(top, #2174aa, #196698); background-image: -moz-linear-gradient(top, #2174aa, #196698); background-image: -ms-linear-gradient(top, #2174aa, #196698); background-image: -o-linear-gradient(top, #2174aa, #196698); background-image: linear-gradient(top, #2174aa, #196698); border-top: none; text-shadow: 0 1px 0 rgba(0,0,0,.5); } .css3tables .bordered td:first-child, .bordered th:first-child { border-left: none; } /*.css3tables .bordered td:first-child+td { text-align: center; }*/ .css3tables .bordered th:first-child { -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; } .css3tables .bordered th:last-child { -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; } .css3tables .bordered th:only-child { -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .css3tables .bordered tr:last-child td:first-child { -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; } .css3tables .bordered tr:last-child td:last-child { -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; } .css3tables .bordered th:first-child { width: 60%; } .css3tables .bordered th:first-child+th { width: 40%; } .css3tables .bordered th:last-child { } .css3tables #mgh tfoot tr { -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .css3tables #mgh tfoot tr:hover { background: none repeat scroll 0 0 inherit; } .css3tables #mgh tfoot td { border-radius: 0 0 6px 6px; color: #FFFFFF; font-weight: bold; text-align: center; } .css3tables #mgh th:first-child { width: 50%; } .css3tables #mgh th:first-child+th { width: 50%; } .css3tables #mgh td:first-child+td { text-align: left; } .css3tables #mgh th, .css3tables .bordered tfoot td { background-color: rgb(0,140,168); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0,140,168)), to(#00768d)); background-image: -webkit-linear-gradient(top, rgb(0,140,168), #00768d); background-image: -moz-linear-gradient(top, rgb(0,140,168), #00768d); background-image: -ms-linear-gradient(top, rgb(0,140,168), #00768d); background-image: -o-linear-gradient(top, rgb(0,140,168), #00768d); background-image: linear-gradient(top, rgb(0,140,168), #00768d); border-top: none; text-shadow: 0 1px 0 rgba(0,0,0,.5); } /* @group Marathon Tile UI */ #maratiles { overflow: hidden; width: 702px; position: relative; left: -14px; } #maratiles a { display: block; text-align: center; text-decoration: none; background: url('/give/communityfundraising/images/get-started-tile-bg.png') no-repeat top left transparent; width: 225px; height: 187px; } #maratiles a:hover { background-position: bottom left; } #maratiles img { padding: 7px; margin: 0; position: relative; } #maratiles ul { position: relative; } #maratiles li { float: left; overflow: hidden; width: 225px; height: 187px; margin: 0 5px 0 0; list-style: none; position: relative; padding: 0; background: none; } #maratiles div { background-color: rgb(140, 212, 224); opacity: 0.9; height: 40px; left: 0; margin: 0 7px; padding: 0; position: absolute; top: 140px; width: 210px; border-radius: 0 0 10px 10px; background: url('/give/communityfundraising/images/get-started-h1-bg.gif') no-repeat scroll 0 2px transparent\9; /*IE8*/ *background: url('/give/communityfundraising/images/get-started-h1-bg.gif') no-repeat scroll 0 2px transparent; /*IE7*/ _background: url('/give/communityfundraising/images/get-started-h1-bg.gif') no-repeat scroll 0 2px transparent; /*IE6*/ } #maratiles a:hover div { opacity: 1.0; } #maratiles div h1 { font: 22px 'LeagueGothicRegular', Arial,sans-serif; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #6AA1AA; padding-top: 10px; } #maratiles a:hover h1 { color: #fff; } /* MARATILES (2) WITH PULL UP HOVER UI */ #maraUp { overflow: hidden; width: 730px; position: relative; left: -14px; } #maraUp .container { display: block; text-align: center; text-decoration: none; background: url('//d23kdr0xojac5p.cloudfront.net/images/maraUp-bg-template.gif') no-repeat top left transparent; width: 235px; height: 235px; } #maraUp .container div { background-color: rgb(5, 53, 67); background: none repeat scroll 0 0 rgba(5, 53, 67, 0.8); height: 40px; left: 0; margin: 0 9px; padding: 0; position: absolute; top: 186px; width: 217px; } #maraUp .container div h1 { color: rgb(255,255,255); font: normal 16px/16px Arial, Helvetica, sans-serif; padding-top: 10px; } #maraUp .container img.pullUpCover { padding: 0; position: absolute; top: 225px; left: 1px; z-index: 1; background: url('//d23kdr0xojac5p.cloudfront.net/images/maraUp-btmBar.gif') no-repeat scroll top left rgb(255,255,255); border: collapse; display: table; } #maraUp a.container:hover { background-position: bottom left; } #maraUp a.container:hover div { background-color: rgb(0,85,134); background-color: rgba(0,85,134,0.8); } #maraUp a.container:hover h1 { color: rgb(255,255,255); } #maraUp img { padding: 9px; margin: 0; } #maraUp ul { position: relative; } #maraUp li { float: left; overflow: hidden; width: 235px; height: 235px; margin: 0 5px 0 0; list-style: none; position: relative; padding: 0; background: none; } #maraUp li#pullUp div.cover { background-color: rgb(0,0,0); background: none repeat scroll 0 0 rgba(0,0,0, 0.8); color: rgb(255,255,255); left: 0; margin: 0 9px; min-height: 40px; padding: 0; position: absolute; top: 192px; width: 217px; } #maraUp li#pullUp div.cover span { color: rgb(255,255,255); } #maraUp .boxcaption { float: left; padding: 20px; position: relative; height: 217px !important; width: 213px; text-align: left; } #maraUp .boxcaption h2 { color: rgb(252,176,26); font: bold 16px/16px Arial, Helvetica, sans-serif; margin: 6px 20px; text-align: center; } #maraUp .boxcaption span { margin: 14px 20px; display: block; } #maraUp .boxcaption p { margin: 0 20px; } #maraUp .boxcaption a { background: url('//d23kdr0xojac5p.cloudfront.net/images/orange-arrow.gif') no-repeat scroll 0 4px transparent; padding-left: 10px; color: rgb(109, 196, 213); font-weight: bold; } /* @group CSS3 Notification Box */ #nBox { background-color: #e5e7e9; background-image: -moz-linear-gradient(rgba(229,231,233, 0.8), rgba(229,231,233, 0.1)); border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); color: #505558; display: inline-block; font-size: 0.85em; padding: 14px; margin: 14px 0 14px 2px; } #nBox:hover { background-color: rgb(229,231,233); box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 -2px 0 rgba(0,0,0,.1) inset, 0 0 10px rgba(255,255,255,.5) inset, 0 0 5px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.2); } #nBox:hover:active { background-color: rgb(210,210,210); box-shadow: 0 2px 3px rgba(0,0,0,.3) inset, 0 1px 0 rgba(255,255,255,.5); } /* @group Top Doctors Accordian UI */ /* #options { width: 457px; margin: 20px auto; text-align: right; color: #9ac1c9; } #options a { text-decoration: none; color: #9ac1c9; } #options a:hover { color: #033; } #acc { width: 702px; list-style: none; color: #033; margin-bottom: 15px; position: relative; left: -14px; margin-left: 0; } #acc li { padding-left: 0; list-style: none; margin-bottom: 0; } #acc h3 { border: 1px solid #9ac1c9; padding: 6px 6px 8px; font-weight: bold; margin-top: 5px; cursor: pointer; background: url('http://sandbox.scriptiny.com/javascript-accordion/images/header.gif'); } #acc h3:hover { background: url('http://sandbox.scriptiny.com/javascript-accordion/images/header_over.gif'); } #acc .acc-section { overflow: hidden; background: #fff; height: 0; } #acc .acc-content { padding: 15px; border: 1px solid #9ac1c9; border-top: none; background: #fff; } #acc .physician { border-bottom: 1px solid #DADCDB; clear: both; display: block; height: 90px; margin-bottom: 14px; } #acc .physicianInfo { display: block; float: left; height: 90px; } #acc .physicianDescription { float: left; position: relative; width: 440px; } #acc .physicianPhone { float: right; height: 20px; margin-top: 24px; width: 90px; } .accordianv2 { background-color: rgb(2550, 255, 255); top: -89px; *top: -80px; width: 973px; position: relative; min-height: 380px; left: -28px; font-family: Arial, Helvetica, sans-serif; float: left; } .ip12-fullWidth .topHalf { width: 973px; margin: 0; padding: 0; } .ip12-fullWidth .topHalf .accordion .slide figure > figcaption p { font-size: 15px; } .ip12-fullWidth .topHalf .accordion .slide figure > figcaption a { font-size: 12px; text-transform: uppercase; font-weight: bold; } .ip12-fullWidth .topHalf .accordion .slide figure#vascular > figcaption { position: absolute; bottom: 15px; left: 430px; z-index: 9; padding-bottom: 50px; width: 250px; } .topics { float: left; margin: 0 43px 0 0; width: 730px; } .topics > p { color: #2e3237; font-size: 17px; margin: 0 0 40px 0; } .topics div { border-bottom: 1px solid #d7d7d7; margin: 0 0 20px 0; } .topics div img { float: left; margin: 0 20px 20px 0; } .topics div h3 { color: #2e3237; text-transform: uppercase; } .topics div p { margin: 0 0 20px 0; } .topics div.last { border-bottom: 0; } .accordianv2 .bottomHalf { width: 973px; margin: 0; padding: 36px 0 0 0; } */ /* @group Insitute Accordian UI */ .ip12-fullWidth { background-color: rgb(2550, 255, 255); top: -89px; *top: -80px; width: 973px; position: relative; min-height: 380px; left: -28px; font-family: Arial, Helvetica, sans-serif; float: left; } .fullAccordian .topHalf { width: 973px; margin: 0; padding: 0; } .fullAccordian .topHalf .accordion .slide div div#caption h3 { color: #f08a01 !important; font-size: 16px !important; line-height: 1.2em !important; text-transform: uppercase; } .fullAccordian .topHalf .accordion .slide div div#caption p { font-size: 15px; color: #ffffff; } .fullAccordian .topHalf .accordion .slide div div#caption a { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #88e3f4; } .fullAccordian .topHalf .accordion .slide div div#caption a:hover { text-decoation: hover; } .fullAccordian .topHalf .accordion .slide div#overview div#caption { position: absolute; top: 119px; left: 410px; z-index: 9; /*padding-bottom: 90px;*/ width: 290px; } .fullAccordian .topHalf .accordion .slide div#heart div#caption { position: absolute; top: 76px; left: 430px; z-index: 9; /*padding-bottom: 50px;*/ width: 250px; } .fullAccordian .topHalf .accordion .slide div#vascular div#caption { position: absolute; top: 97px; left: 430px; z-index: 9; /*padding-bottom: 50px;*/ width: 250px; } .fullAccordian .topHalf .accordion .slide div#stroke div#caption { position: absolute; top: 56px; left: 430px; z-index: 9; /*padding-bottom: 20px;*/ width: 250px; } .fullAccordian ol { z-index: 1; margin: 0 !important; } .fullAccordian .bottomHalf { width: 973px; margin: 0; padding: 36px 0 0 0; } .topics { float: left; margin: 0 43px 0 0; width: 730px; } .topics > p { color: #2e3237; font-size: 17px; margin: 0 0 40px 0; } .topics div.topicRow { border-bottom: 1px solid #d7d7d7; margin: 0 0 20px 0; } .topics div img { } .topics div h3 { color: #2e3237; text-transform: uppercase; } .topics div p { line-height: 1.4em; margin: 0 0 20px 0; } .topics div.last { border-bottom: 0; } .topicThumb { display: block; float: left; height: 80px; margin: 0 20px 20px 0; width: 80px; } .topicText { display: block; float: right; width: 630px; } .spotLightCol { margin: 0px; padding: 0px; } .ip12-fullWidth .topHalf .accordion { text-align: left; font: Arial, sans-serif } .ip12-fullWidth .topHalf .accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; background-color:#cdcdcd; } .ip12-fullWidth .topHalf .accordion .slide { } .ip12-fullWidth .topHalf .accordion .slide > h2 { font-size: 16px; font-weight: normal; height: 68px; margin: 0; padding: 0; /* z-index: 100; */position: absolute; top: 0; right: 0; background-color:#ccc; -webkit-transform: translateX(68px) rotate(90deg); -webkit-transform-origin: left top; -moz-transform: translateX(68px) rotate(90deg);-moz-transform-origin: left top; -o-transform: translateX(68px) rotate(90deg); -o-transform-origin: left top; transform: translateX(68px) rotate(90deg); transform-origin: left top; -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .ip12-fullWidth .topHalf .accordion .slide > h2.selected { background-color: #045064; } .ip12-fullWidth .topHalf .accordion .slide > h2 span { display: block; text-align: left; font-size: 14px; height: 65px; line-height: 65px; -moz-user-select: none; -khtml-user-select: none; user-select: none; margin-top: 0; margin-bottom:3px; padding-left:30px; position:relative; } .ip12-fullWidth .topHalf .accordion :first-child > h2 span { height:68px; line-height:68px; margin-bottom:0; } .ip12-fullWidth .topHalf .accordion .slide > h2 span:after, .ip12-fullWidth .topHalf .accordion .slide > h2 span i { content: ""; display: block; position: absolute; width: 15px; height: 15px; background: url('/institute/assets/images/accordion_arrow.png') no-repeat 0 0; /* <-- This works on the Staging server! */top: 50%; margin-top: -7px; right: 25px; } .ip12-fullWidth .topHalf .accordion .slide > h2.selected span:after, .ip12-fullWidth .topHalf .accordion .slide > h2.selected span i { background-position: 0 -100px; } .ip12-fullWidth .topHalf .accordion .slide > h2 b { text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .ip12-fullWidth .topHalf .accordion .slide > h2:hover { cursor: pointer } .ip12-fullWidth .topHalf .accordion .slide > div { height: 100%; position: absolute; top: 0; /* z-index: 1; */overflow: hidden; margin: 0; padding: 0; } /* Fixing z-index issues with flipped accordion */ /* Assumptions: maximum of 4 slides */ .ip12-fullWidth .topHalf .accordion .slide_1 > h2 { z-index: 100; } .ip12-fullWidth .topHalf .accordion .slide_2 > h2 { z-index: 90; } .ip12-fullWidth .topHalf .accordion .slide_3 > h2 { z-index: 80; } .ip12-fullWidth .topHalf .accordion .slide_4 > h2 { z-index: 70; } .ip12-fullWidth .topHalf .accordion .slide_1 > div { z-index: 95; } .ip12-fullWidth .topHalf .accordion .slide_2 > div { z-index: 85; } .ip12-fullWidth .topHalf .accordion .slide_3 > div { z-index: 75; } .ip12-fullWidth .topHalf .accordion .slide_4 > div { z-index: 65; } /* Fix for IE7 z-index bug */ .ip12-fullWidth .topHalf .accordion .slide_1 { z-index: 100; } .ip12-fullWidth .topHalf .accordion .slide_2 { z-index: 90; } .ip12-fullWidth .topHalf .accordion .slide_3 { z-index: 80; } .ip12-fullWidth .topHalf .accordion .slide_4 { z-index: 70; } .ip12-fullWidth .topHalf .accordion .slide figure { position: relative; margin: 0; padding: 0; height: 100%; width: 100%; } .ip12-fullWidth .topHalf .accordion .slide figure > figcaption { position: absolute; bottom: 0; left: 400px; z-index: 9; padding-bottom: 50px; width: 280px; } .ip12-fullWidth .topHalf .accordion .slide > div img { } .ip12-fullWidth .topHalf .accordion noscript p { padding: 10px; margin: 0; } /****************************************** Basic */ .basic .slide > h2 { background: #333; color: white; } /****************************************** MGH */ .mgh { } .ip12-fullWidth .topHalf .accordion .slide > div { background: #cdcdcd; } .ip12-fullWidth .topHalf .accordion .slide figure > figcaption h3, .ip12-fullWidth .topHalf .accordion .slide figure > figcaption p, .ip12-fullWidth .topHalf .accordion .slide figure > figcaption ul li { color: rgb(255, 255, 255); line-height: 1.4em; } .ip12-fullWidth .topHalf .accordion .slide figure > figcaption h3 { font-size: 13px; font-weight: normal; margin: 0 0 6px 0; text-transform: uppercase; } .ip12-fullWidth .topHalf .accordion .slide figure > figcaption ul { margin: 0; } .ip12-fullWidth .topHalf .accordion .slide figure > figcaption p a { color: #88e3f4; font-weight: bold text-transform: uppercase; } .mgh .slide > h2 { /*background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% background: #01a4c4; background: -moz-linear-gradient(left, #01a4c4 0%, #0090ac 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01a4c4), color-stop(100%,#0090ac)); background: -webkit-linear-gradient(left, #01a4c4 0%,#0090ac 100%); background: -o-linear-gradient(left, #01a4c4 0%,#0090ac 100%); background: -ms-linear-gradient(left, #01a4c4 0%,#0090ac 100%); background: linear-gradient(left, #01a4c4 0%,#0090ac 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a4c4', endColorstr='#0090ac',GradientType=1 );*/ } .mgh .slide > h2 span { color: white; color: rgb(255, 255, 255); color: rgba(255, 255, 255, .5); *color: white; text-transform: uppercase; /*045064*/ background: #01a4c4; background: -moz-linear-gradient(bottom, #01a4c4 0%, #0090ac 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#01a4c4), color-stop(100%,#0090ac)); background: -webkit-linear-gradient(bottom, #01a4c4 0%,#0090ac 100%); background: -o-linear-gradient(bottom, #01a4c4 0%,#0090ac 100%); background: -ms-linear-gradient(bottom, #01a4c4 0%,#0090ac 100%); background: linear-gradient(bottom, #01a4c4 0%,#0090ac 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ac', endColorstr='#01a4c4',GradientType=0 ); /* 0 = vertical gradient; Colors reversed */ /*background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% background: #01a4c4; background: -moz-linear-gradient(bottom, #01a4c4 0%, #0090ac 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#01a4c4), color-stop(100%,#0090ac)); background: -webkit-linear-gradient(bottom, #01a4c4 0%,#0090ac 100%); background: -o-linear-gradient(bottom, #01a4c4 0%,#0090ac 100%); background: -ms-linear-gradient(bottom, #01a4c4 0%,#0090ac 100%); background: linear-gradient(bottom, #01a4c4 0%,#0090ac 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ac', endColorstr='#01a4c4',GradientType=0 ); /* 0 = vertical gradient; Colors reversed */ } .mgh .slide > h2 b { /*color: #030303; text-shadow: -1px 1px 0 #5b5b5b*/ } .mgh .slide > h2.selected, .mgh .slide > h2.selected span, .mgh .slide > h2.selected span:hover { background: #045064; filter:none; /*background: -moz-linear-gradient(left, #353535 0%, #555555 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555)); background: -webkit-linear-gradient(left, #353535 0%,#555555 100%); background: -o-linear-gradient(left, #353535 0%,#555555 100%); background: -ms-linear-gradient(left, #353535 0%,#555555 100%); background: linear-gradient(left, #353535 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );*/ } .mgh .slide > h2.selected span { *color:#838383; } .mgh .slide > h2.selected b { /*background: #383838; background: -moz-linear-gradient(top, #3a3a3a 0%, #363636 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636)); background: -webkit-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: -o-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: -ms-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: linear-gradient(top, #3a3a3a 0%,#363636 100%);*/ } /*.mgh .slide > div { background: #030303; margin-left: 5px }*/ /* @group Top Doctors UI */ .TDtop { clear: both; } .TDtopLeft { display: block; width: 400px; margin-right: 24px; float: left; } .TDtopRight { display: block; width: 250px; float: left; padding-top: 24px; } .TDtopRight select { background-color: transparent; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00829c), color-stop(0.5, #019ebe)); background-image: -webkit-linear-gradient(center bottom, #00829c 0%, #019ebe 50%); background-image: -moz-linear-gradient(center bottom, #00829c 0%, #019ebe 50%); background-image: -o-linear-gradient(top, #00829c 0%,#019ebe 50%); background-image: -ms-linear-gradient(top, #00829c 0%,#019ebe 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019ebe', endColorstr='#00829c',GradientType=0 ); /* ie6 gradient */ background-image: linear-gradient(top, #00829c 0%,#019ebe 50%); /* ie6 gradient */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /*border: 1px solid #aaa;*/ display: block; overflow: hidden; white-space: nowrap; position: relative; height: 26px; line-height: 26px; padding: 3px; color: #ffffff; text-decoration: none; border: 1px solid #196698; outline: none; font-size: 12px; width: 240px; } .TDtopRight select:focus { outline: none; -moz-outline-style: none; } .TDtopRight option { color: #3b4144; outline: none; } .TDtopRight option:hover { color: #FFFFFF; background-color: #3b4144; outline: none; } .TDdoctors { margin-top: 14px; padding-top: 24px; border-top: 1px dotted #e5e7e9; clear: both; } .TDdoctors div { display: none; } .TDdoctors ul { margin-bottom: 30px; } .TDdoctors ul li { background: none !important; font-size: 13px !important; padding-left: 0 !important; } .selectBox fieldset { border: 0; } .selectBox a:hover { text-decoration: none; } .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } .ui-selectmenu-icon { position: absolute; right: 6px; margin-top: -8px; top: 50%; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-menu ul { padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .ui-selectmenu-open { display: block; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; z-index: 10 !important; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu li { padding: 0; margin: 0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline: none; text-decoration: none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; color: #FFFFFF; } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /* For optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li { border-color: pink; filter: chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } /* IE7 workaround (opacity disabled) */ *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } .ui-widget { font-family: Verdana, Arial, sans-serif /*{ffDefault}*/; font-size: 1.1em /*{fsDefault}*/; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #01688E /*{borderColorDefault}*/; background-color: transparent; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00829c), color-stop(0.5, #019ebe)); background-image: -webkit-linear-gradient(center bottom, #00829c 0%, #019ebe 50%); background-image: -moz-linear-gradient(center bottom, #00829c 0%, #019ebe 50%); background-image: -o-linear-gradient(top, #00829c 0%,#019ebe 50%); background-image: -ms-linear-gradient(top, #00829c 0%,#019ebe 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019ebe', endColorstr='#00829c',GradientType=0 ); /* ie6 gradient */ background-image: linear-gradient(top, #00829c 0%,#019ebe 50%); /* ie6 gradient */ font-weight: normal /*{fwDefault}*/; color: #555555 /*{fcDefault}*/; } /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url('/top-doctors/assets/images/ui-icons_222222_256x240.png')/*{iconsContent}*/; } .ui-widget-content .ui-icon { background-image: url('/top-doctors/assets/images/ui-icons_222222_256x240.png')/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url('/top-doctors/assets/images/ui-icons_222222_256x240.png')/*{iconsHeader}*/; } .ui-state-default .ui-icon { background: url('/top-doctors/assets/images/ui-icons_888888_256x240.png') repeat scroll -65px 0 transparent/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background: url('/top-doctors/assets/images/ui-icons_888888_256x240.png') repeat scroll -65px 0 transparent/*{iconsHover}*/; } .ui-state-active .ui-icon { background: url('/top-doctors/assets/images/ui-icons_888888_256x240.png') repeat scroll 0 0 transparent/*{iconsActive}*/; } .ui-state-highlight .ui-icon { background-image: url('/top-doctors/assets/images/ui-icons_2e83ff_256x240.png')/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url('/top-doctors/assets/images/ui-icons_cd0a0a_256x240.png')/*{iconsError}*/; } /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url('/top-doctors/assets/images/ui-bg_flat_0_aaaaaa_40x100.png')/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url('/top-doctors/assets/images/ui-bg_flat_0_aaaaaa_40x100.png')/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* @group Appointments > Access Wizard */ #access_wizard { margin-left: 0; clear: both; height: 207px; } #access_wizard li { width: 135px; height: 205px; display: block; float: left; background: none; background-color: #f2f3f4; border: 1px solid #e2e2e2; padding: 0; margin: 0 4px 0 0; } #access_wizard li:hover { background-color: #d9ecf0; } #access_wizard li a.icon { background: url('/assets/images/icons/ico-access-wizard.png') no-repeat scroll center top transparent; color: #016F86; display: block; font-weight: bold; margin: 13px 13px 0; padding: 120px 0 0; text-align: center; text-decoration: none; width: 109px; } #access_wizard .item01 a.icon { background-position: top left; padding-top: 120px; } #access_wizard .item02 a.icon { background-position: -107px top; } #access_wizard .item03 a.icon { background-position: -215px top; } #access_wizard .item04 a.icon { background-position: -323px top; } #access_wizard .item05 a.icon { background-position: -431px top; } #access_wizard .item05 { margin-left: 0; } #access_wizard li span { color: #3b4144; width: 135px; text-align: center; display: block; margin-top: 7px; padding: 0; } #access_wizard li.item01 span { margin-top: 35px; } #access_wizard_amb { background: url('/assets/images/icons/ico-access-wizard-amb.png') no-repeat scroll left top transparent; clear: both; margin-left: 18px; margin-top: 30px; padding-left: 68px; width: 240px; } #access_wizard_amb a { font-weight: bold; } /* @group Russell Museum */ .museumCycle { display: block; height: 252px !important; margin-bottom: 14px; position: relative; width: 702px; } .museumParking { background: url('/history/russellmuseum/assets/images/bottom-shadow.png') no-repeat scroll center bottom transparent; display: block; padding-bottom: 28px; } .museumParking .subhead { margin-bottom: 0; margin-top: 20px; } .museumParking p { margin-bottom: 0; } .museumParking ul { margin-top: 8px; } /* @group Filterable Doctor Listing Page */ .filterCont { background: url('/history/russellmuseum/assets/images/bottom-shadow.png') no-repeat scroll center bottom transparent; margin-bottom: 18px; width: 702px; height: 125px; } .filterCont p { margin-bottom: 30px; } .filterCont div.miniNav { display: block; float: right; width: 288px; } .selectCont { display: block; clear: both; } .selectCont .a2zCustom { /*border-bottom: 1px solid #D9DCDD; margin-bottom: 24px;*/ left: 0\9; *left: 0; _left: 0; } .selectCont .introTxt { position: absolute; top: -140px; width: 400px; } .selectCont .filterResults { position: relative; } .selectCont #clinicalfaculty, .selectCont #researchfaculty, .selectCont #fellows { position: relative; } #clinical { display: block; } #researchfaculty, #fellows { display: none; } #selectBtn { clear: both; } #selectBtn ul { margin-left: 0; list-type: none; box-shadow: 1px 1px rgba(95, 95, 95, 0.5); } #selectBtn ul li { padding-left: 0; background: none; float: left; box-shadow: 0 0 2px rgb(204,204,204); } #selectBtn a.selected { background: none no-repeat top left rgb(19,117,138); color: rgb(204,227,233); z-index: 10; border: 1px solid rgb(4,130,155); -moz-box-shadow: inset 0 0 5px 0 rgb(0,30,36); -webkit-box-shadow: inset 0 0 5px 0 rgb(0,30,36); box-shadow: inset 0 0 5px 0 rgb(0,30,36); } #selectBtn a { position: relative; font: bold 12px/14px Arial, Helvetica, sans-serif; display: block; padding: 8px; text-align: center; color: rgb(255,255,255); text-decoration: none; border: 1px solid rgb(4,130,155); text-shadow: 1px 1px 0 rgb(1,104,142); background: none no-repeat top left rgb(2,168,202); background: -moz-linear-gradient(top, rgb(2,168,202) 0%, rgb(0,140,168) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(2,168,202)), color-stop(100%,rgb(0,140,168))); background: -webkit-linear-gradient(top, rgb(2,168,202) 0%,rgb(0,140,168) 100%); background: -o-linear-gradient(top, rgb(2,168,202) 0%,rgb(0,140,168) 100%); background: -ms-linear-gradient(top, rgb(2,168,202) 0%,rgb(0,140,168) 100%); background: linear-gradient(top, rgb(2,168,202) 0%,rgb(0,140,168) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a8ca', endColorstr='#008ca8',GradientType=0 ); } #selectBtn a:hover { border-color: rgb(10,177,210); z-index: 99; color: rgb(255,255,255); box-shadow: 0 0 2px rgb(0,0,0) !important; background: none no-repeat top left rgb(0,140,168); background: -moz-linear-gradient(top, rgb(0,140,168) 0%, rgb(6,101,121) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,140,168)), color-stop(100%,rgb(6,101,121))); background: -webkit-linear-gradient(top, rgb(0,140,168) 0%,rgb(6,101,121) 100%); background: -o-linear-gradient(top, rgb(0,140,168) 0%,rgb(6,101,121) 100%); background: -ms-linear-gradient(top, rgb(0,140,168) 0%,rgb(6,101,121) 100%); background: linear-gradient(top, rgb(0,140,168) 0%,rgb(6,101,121) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ca8', endColorstr='#066579',GradientType=0 ); } #selectBtn ul .c { } #selectBtn ul .c a { border-radius: 3px 0 0 3px; } #selectBtn ul .r { position: relative; left: -1px; } #selectBtn ul .r a { border-radius: 0; } #selectBtn ul .f { position: relative; left: -2px; } #selectBtn ul .f a { border-radius: 0 3px 3px 0; } #select a:hover { background: none no-repeat top left rgb(215,215,215); text-decoration: underline; } #endoDocs { display: block; position: relative; } #endoDocs .miniNav { clear: both; position: absolute; right: -14px; } /* @group MGHfC Maratiles UI */ #maratiles-container { display: block; float: left; margin: 24px 30px 0 0; width: 722px; } #fullWidthBC { margin: 0; width: 973px; } #mghfc-maratiles { left: -14px; overflow: hidden; position: relative; width: 730px; } #mghfc-maratiles a { background: url('/give/marathon/assets/marathon-tile-bg.gif') no-repeat scroll left top transparent; display: block; height: 235px; text-align: center; text-decoration: none; width: 235px; } #mghfc-maratiles a:hover { background-position: left bottom; } #mghfc-maratiles a:hover div { background-color: rgb(252,176,26); background-color: rgba(252,176,26,0.8); } #mghfc-maratiles a:hover h1 { color: rgb(0,0,0); } #mghfc-maratiles img { margin: 0; padding: 9px; } #mghfc-maratiles ul { position: relative; } #mghfc-maratiles li { background: none repeat scroll 0 0 transparent; float: left; height: 235px; list-style: none outside none; margin: 0 5px 0 0; overflow: hidden; padding: 0; position: relative; width: 235px; } #mghfc-maratiles div { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); height: 40px; left: 0; margin: 0 9px; padding: 0; position: absolute; top: 186px; width: 217px; } #mghfc-maratiles div h1 { color: #FFFFFF; font-size: 14px; padding-top: 10px; } .hpCTABox {background-color: transparent; border: 4px solid #D8D8D8; box-shadow: 1px 2px 1px #CCCCCC; float: left; height: 220px; margin: 0 10px 40px 0; overflow: hidden; position: relative; width: 216px; } .hpCTABox a { text-decoration: none; } .hpCTABox a:hover { text-decoration: none; } .hpCTABox:hover { border-color: #FCAF17; } .hpCTABox img { border: medium none; margin: 0; padding: 0; } .hpCTABoxCaption { background-color: #333333; bottom: 0; font-size: 12px; height: 34px; opacity: 0.9; position: absolute; text-align: center; width: 100%; } .hpCTABoxCaption:hover { background-color: #FCAF17; } .hpCTABoxCaption h1 { color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin-top: 8px; text-decoration: none; } .hpSecondRow { clear: both; margin: 16px 0 0 16px; width: 702px; display: inline-block; } .marathon-section { background: url('/give/marathon/assets/marathon-divider.png') no-repeat scroll center top transparent; margin-left: 14px; padding: 24px 0; } .marathon-section img { background-color: #FFFFFF; border: 1px solid #CCCCCC; float: left; height: 105px; margin: 0 20px 14px 0; padding: 2px; width: 105px; } .marathon-section p { clear: right; } .marathon-section .subheadtop { margin-bottom: 0; } .marathon-section .introtext { padding-bottom: 14px; } .marathon-section ul { float: left; margin-left: 10px; min-width: 150px; padding-right: 24px; } .marathon-section ul .ms-last { padding-right: 0; } .sideCol { float: left; margin-top: 24px; width: 200px; } .sideCol .bbncMara .standard { display: none !important; } .sideCol .bbncMara .marathon { display: block !important; } .sideColBlock { margin-bottom: 18px; } .sideContentMod { background: url("") no-repeat scroll 0 0 #E5E7E9; border-radius: 6px 6px 6px 6px; padding: 14px; } .sideContentMod .sideModInner h3 { padding-bottom: 8px; } .support-runner-btn { background: url('/give/marathon/assets/support-runner-btn.png') no-repeat scroll left top transparent; display: block; height: 25px; width: 146px; } .support-runner-btn:hover { background-position: left bottom; color: transparent; text-decoration: none; } .marathon-social { background: url('/give/marathon/assets/marathon-connectBG.png') no-repeat scroll 0 0 transparent; height: 44px; margin: 0 0 14px; padding: 35px 0 17px 27px; width: 173px; } .marathon-social a { background: url('/give/marathon/assets/marathon-socialIco.jpg') no-repeat scroll 0 0 transparent; float: left; height: 43px; margin: 0; padding: 0 6px 0 0; text-decoration: none; width: 43px; } .marathon-social a.facebook { background-position: left top; } .marathon-social a.facebook:hover { background-position: left bottom; } .marathon-social a.twitter { background-position: center top; } .marathon-social a.twitter:hover { background-position: center bottom; } .marathon-social a.youtube { background-position: right top; } .marathon-social a.youtube:hover { background-position: right bottom; } /* @group CSS Redirect Popup Notification */ #exitNoticeBlack { background-color: rgb(0,0,0); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; } #exitNoticeBox { left: 0; position: fixed; top: 150px; width: 100%; z-index: 99; } #exitNotice { background-color: rgb(255,255,255); border: 10px solid rgb(230,230,230); box-shadow: 0 0 10px rgb(0,0,0); margin: 0 auto; min-height: 150px; padding: 20px; text-align: center; width: 460px; } #exitNotice h1 { background: url('/assets/redirect/mgh-redirect-title.jpg') no-repeat scroll left top transparent; color: transparent; height: 74px; margin: 0 auto; width: 424px; } #exitNotice span { color: rgb(16,103,155); font-size: 1.8em; font-weight: 800; } #exitNotice .exitBtns { margin: 0 auto; width: 180px; } #exitNotice .mghBtn { margin: 0 4px; float: left; width: 80px; text-align: center; } #exitNotice .mghBtn a { background: none; padding: 0; } a#ln-cancelLink { margin-right: 2px; } a#ln-cancelLink, a#ln-continueLink { background-color: rgb(230,230,230); color: rgb(102,102,102); font-size: 0.8em; font-weight: bold; padding: 5px; text-decoration: none; text-transform: uppercase; } a#ln-cancelLink:hover, a#ln-continueLink:hover { background-color: rgb(102,102,102); color: rgb(230,230,230); } .exitText { /*background-color: rgb(242,242,242);*/ margin: 10px 0 20px; padding: 5px; } .exitText p { font-size: 14px; } /* @group Designer Portfolio Page */ #fullBody { position: relative; left: -14px; width: 945px; } .designerEx { margin-top: 18px; } .designerEx .exSec { border-bottom: 1px dotted rgb(235,235,235); clear: both; height: auto; left: -14px; margin-bottom: 20px; padding-bottom: 25px; position: relative; width: 945px; } .designerEx .exSec .exImg { display: block; float: left; height: 309px; margin-right: 24px; width: 331px; } .designerEx .exSec .exDesc { display: block; float: left; width: 580px; } .designerEx .exSec .exDesc span { font-weight: bold; display: block; padding-bottom: 8px; } /* @group Endocrine Templates */ .endoT3cont { display: block; margin: 0; padding: 0; position: relative; width: 702px; left: -14px; } .endoT3cont h3 { clear: both; color: rgb(59,65,68); display: block; font: normal 21px Georgia, serif; padding: 0 0 14px 25px; } .endoT3cont .endoT3box { display: block; float: left; padding: 0 0 14px 25px; width: 200px; } .endoT3cont .endoT3box img { border: 1px solid #e5e7e9; display: block; clear: both; margin-bottom: 10px; padding: 1px } .endoT3cont .endoT3box a { font-weight: bold; } .endoT3cont .endoT3box p { padding: 0; } /* @group Fancybox 2.0 */ .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* @group Mass General.org - Support Mass General Tab */ .suppLeft h1 a, .suppRight h1 a { font-size: 16px !important; padding-bottom: 4px; display: inline-block; } .suppLeft p, .suppRight p { font-size: 14px; } .suppLeft a, { font-size: 14px; } .suppLeft .mghBtn, .suppRight .mghBtn { margin-top: 0px; } .suppLeft { margin-top: 14px; } .suppLeft .thumbLeft { width: 750px; margin-right: 14px; display: block; float: left; } .suppLeft .thumbLeft img { float: left; display: block; margin: 0 12px 4px 0; } .suppRight { display: block; float: right; width: 160px; } /* @group MGH > News - Social Media Layout */ ul.newsLinks { width: 280px !important; } ul.newsLinks li { float: left; list-style: none; width: 135px; } ul.newsSocial { border-top: 1px solid #D9DCDD; margin-top: 5px; padding-top: 10px; width: 280px !important; } ul.newsSocial li { float: left; list-style: none; padding: 5px 0px 4px 28px !important; margin-bottom: 4px; width: 250px; background: url('/assets/images/icons/ico-socialicons-news.png') no-repeat 0 0 transparent; } ul.newsSocial li.facebook { background-position: 0 0; } ul.newsSocial li.twitter { background-position: 0 -24px; } ul.newsSocial li.youtube { background-position: 0 -47px; } ul.newsSocial li.flickr { background-position: 0 -72px; } ul.newsSocial li.pinterest { background-position: 0 -95px; } /* @group Ortho > Patient Education */ .PatientEducation { position: relative; top: -68px; width: 706px; background-color: rgb(255,255,255); } .PatientEducation .subheadtop { margin-top: 10px !important; } .PatientEducation .row1PE { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgb(197,201,202); } .PatientEducation .row1PE div, .PatientEducation .row2PE div { float: left; display: block; } .PatientEducation .row2PE { } .PatientEducation .row1PE .cell1x3, .PatientEducation .row1PE .cell2x3, .PatientEducation .row2PE .cell1x3, .PatientEducation .row2PE .cell2x3 { width: 222px; height: 285px; padding-right: 7px; margin-right: 7px; border-right: 1px solid rgb(197,201,202); } .PatientEducation .row1PE .cell3x3, .PatientEducation .row2PE .cell3x3 { width: 230px; height: 285px; } .PatientEducation .row1PE ul, .PatientEducation .row2PE ul { margin: 10px 0 0 5px; } .PatientEducation .row1PE ul li, .PatientEducation .row2PE ul li { margin-bottom: 5px; } /* @group Zoom Feature */ .magnifyarea { /* CSS to add shadow to magnified image. Optional */ box-shadow: 5px 5px 7px #818181; -webkit-box-shadow: 5px 5px 7px #818181; -moz-box-shadow: 5px 5px 7px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true); background: white; } .targetarea { /* CSS for container div(s) of the zoomable image */ width: 325px; /* wide or wider than the widest zoomable image */ height: 338px; /* high or higher than the tallest zoomable image */ margin-top:3px; } #two { /* Added CSS for second target div of zoomable images */ height: 243px; /* high or higher than the tallest zoomable image */ } .targetarea img { /* zoomable image */ margin: auto; /* for horizontal centering */ display: block; /* also for horizontal centering */ position: relative; /* along with on the fly calculations in script, for vertical centering */ border-width: 0; } .thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */ padding-top: 25px; width: 325px; text-align: center; } .thumbs a { /* trigger links on the thumbnail images */ text-decoration: none; /* avoid underlines of images, text or spaces in these links */ } .thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */ border-width: 0; /* avoid default borders in some browsers */ } #description, #description2 { position: absolute; /* required for description folows image bottom (descpos: true) */ width: 325px; /* should be width of zoomable image container (.targetarea) */ text-align: center; font: bold 95% sans-serif; margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */ color: #222; background-color: #fff; } /* @group: fancyBox */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;} .fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020;} .fancybox-skin {position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; backgroundorder-radius: 4px;} .fancybox-opened {z-index: 8030;} .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner {position: relative;} .fancybox-inner {overflow: hidden;} .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;} .fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;} .fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%;} .fancybox-image {max-width: 100%; max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('http://www.massgeneral.org/assets/images/fancybox_sprite.png');} #fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;} #fancybox-loading div {width: 44px; height: 44px; background: url('http://www.massgeneral.org/assets/images/fancybox_loading.gif') center center no-repeat;} .fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;} .fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('http://www.massgeneral.org/assets/images/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;} .fancybox-prev span {left: 10px; background-position: 0 -36px;} .fancybox-next span {right: 10px; background-position: 0 -72px;} .fancybox-nav:hover span {visibility: visible;} .fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;} .fancybox-lock {overflow: hidden;} .fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('http://www.massgeneral.org/assets/images/fancybox_overlay.png');} .fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0;} .fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll;} .fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;} .fancybox-opened .fancybox-title {visibility: visible;} .fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;} .fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;} .fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff;} .fancybox-title-inside-wrap {padding-top: 10px;} .fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);} /* @group: anythingSlider styles */ #slider {width: 700px; height: 390px; list-style: none; overflow-y: auto; overflow-x: hidden;} .tooltip {display: block; background: rgb(0,0,0); font-size: 12px; height: 30px; width: 60px; padding: 10px; color: rgb(255,255,255);} /* {noFocusLine: expression(this.onFocus=this.blur());} */ .anythingSlider-default {margin: 0 auto; padding: 0;} .anythingSlider-default .anythingControls a {background: url('/assets/js-plugins/images/ico-slideshow-triggers.png') no-repeat 0 0 transparent; color: transparent; height: 98px; width: 43px; margin: 0; padding: 0;} .anythingSlider-default .anythingControls a span {visibility: visible;} .anythingSlider-default .anythingControls {outline: 0; display: none;} .anythingSlider-default .anythingControls ul {float: left;} .anythingSlider-default .anythingControls ul li {display: inline;} .anythingSlider-default .anythingControls ul a {font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; text-align: center; outline: 0;} .anythingSlider-default .anythingControls .anythingNavWindow {overflow: hidden; float: left;} .anythingSlider {display: block; overflow: visible !important; position: relative;} .anythingSlider .anythingWindow {/*overflow: hidden;*/ position: relative; width: 100%; height: 100%;} .anythingSlider .anythingBase {background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0;} .anythingSlider .arrow span {display: block; visibility: hidden;} .anythingSlider .arrow.disabled {display: none;} .anythingSlider .panel {background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0;} .anythingSlider .vertical .panel {float: none;} .anythingSlider .fade .panel {float: none; position: absolute; top: 0; left: 0; z-index: 0;} .anythingSlider .fade .activePage {z-index: 1;} .anythingSlider.rtl .anythingWindow {direction: ltr; unicode-bidi: bidi-override;} .anythingSlider.rtl .anythingControls ul {float: left;} .anythingSlider.rtl .anythingControls ul a {float: right;} .anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a {transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0;} ul#slider {width: 702px; height: 328px; list-style: none;} ul#slider img {width: 100%; height: 100%;} ul#slider .slide {position: relative;} ul#slider .caption {width: 682px; margin: 0 auto; color: rgb(0,0,0); padding: 14px; margin: 0; position: absolute; bottom: 0; left: 0; z-index: 10; cursor: pointer; background: url('/assets/images/bg/bg-interactive-slideshow.png') transparent; background: rgba(255,255,255,.9);} ul#slider .caption h1 {font: normal 18px/18px Georgia, "Times New Roman", Times, serif; color: rgb(17,113,148); margin: 0 0 10px 0;} ul#slider .caption p {margin: 0;} div.anythingSlider {padding-bottom: 0;} div.anythingNavWindow {width: 616px !important; background: url('/assets/js-plugins/images/bg-slideshow-shadows.png') no-repeat 0 0 transparent;} div.anythingControls {width: 702px; height: 100px; margin: 8px 0 14px 0; float: right;} div.anythingControls li.prev, div.anythingControls li.next {display: inline-block;} div.anythingControls li.prev a {background-position: 0 0;} div.anythingControls li.prev a:hover {background-position: 0 -98px;} div.anythingControls li.next a {background-position: -45px 0;} div.anythingControls li.next a:hover {background-position: -45px -98px;} div.anythingSlider .thumbNav a:hover, div.anythingSlider .thumbNav a.cur {border-color: rgb(145,152,158); box-shadow: 0 0 3px rgb(17, 113, 148);} div.anythingSlider .thumbNav {display: block; float: left; margin: 0; z-index: 100;} div.anythingSlider .thumbNav li {display: block; float: left;} div.anythingSlider .thumbNav a {display: block; height: 80px; width: 173px; padding: 1px; background: none no-repeat rgb(255,255,255); border: 1px solid rgb(203,206,207); outline: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 8px 8px;} div.anythingSlider .thumbNav span img {width: 100%; height: 100%;} div.anythingSlider .thumbNav .thumb {height: 50px; width: 50px;} /* @group: Defaults for MGH customization */ div#wrap {width: 702px; height: 450px;} div#wrapWrap {width: 352px; height: 325px; margin: 0 0 14px 14px; float: right;} div#wrapWrap ul#slider {width: 354px; height: 256px; margin-left: 0;} div#wrapWrap ul#slider .caption {width: 326px;} div#wrapWrap ul#slider .caption p {font-size: 11px;} div#wrapWrap ul#slider h1 {display:none;} div#wrapWrap div.anythingSlider-default {margin: 0;} div#wrapWrap div.anythingNavWindow {width: 306px !important; background-position: -1px -99px;} div#wrapWrap div.anythingControls {width: 354px; height: 61px; margin-bottom: 0;} div#wrapWrap div.anythingControls li a {height: 61px; width: 24px;} div#wrapWrap div.anythingControls li.prev a {background-position: -88px 0;} div#wrapWrap div.anythingControls li.prev a:hover {background-position: -88px -61px;} div#wrapWrap div.anythingControls li.next a {background-position: -112px 0;} div#wrapWrap div.anythingControls li.next a:hover {background-position: -112px -61px;} div#wrapWrap div.anythingControls .thumbNav a {height: 44px; width: 85px; margin: 6px 4px;} /* Massgeneral.org defaults override */ ul#slider li, div.anythingControls li.prev, div.anythingControls li.next, div.anythingSlider .thumbNav li, .anythingSlider-default .anythingControls ul {margin: 0; padding: 0; background: none no-repeat transparent;} /* @group: Nomogram */ div#nomogram h1 {font: 21px Georgia, serif; color:#3b4144; padding:0 0 8px 0;} div#nomogram h2 {font: 14px Georgia,serif; color:#3b4144; padding:0 0 14px 0; border-bottom:1px dotted #cccccc; margin-bottom:24px;} div#boot {margin-bottom: 24px;} div#boot {background: url('/assets/images/bg/bg-bottom-shadow.png') no-repeat scroll center bottom transparent; clear: both; margin-top: 10px; padding-bottom: 34px;} /* @group: Bootstrap Button Styling */ div#boot input[type="text"] {background-color: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border-radius: 4px 4px 4px 4px; color: #555555; display: inline-block; font-size: 14px; height: 20px; line-height: 20px; padding: 4px 6px; vertical-align: middle;} div#boot input[type="text"]:focus {border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none;} div#boot input[id="result"] {margin-left: 8px;} table#nomoForm input[type="text"] {width: 60px;} div.submission {text-align: center;} table#nomoForm td:first-child + td, table#nomoForm td:first-child + td + td {text-align:center;} div#boot .btn-info {cursor: pointer; -webkit-appearance: button; display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #ffffff; text-align: center; vertical-align: middle; cursor: pointer; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-image: none; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05);} div#boot .btn-info:hover, div#boot .btn-info:hover, div#boot .btn-info:focus, div#boot .btn-info:focus {color: #ffffff; text-decoration: none; background-position: 0 -30px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; background-color: #2f96b4; *background-color: #2a85a0;} div#boot .btn-info:active, div#boot .btn-info:active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff; background-color: #24748c \9; background-color: #24748c; *background-color: #24748c;} /* Table Formatting */ div#boot table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;} div#boot .table {width: 100%; margin-bottom: 20px;} div#boot .table th, div#boot .table td {padding: 8px; line-height: 20px; text-align: left; vertical-align: middle; border-top: 0px solid #dddddd; border-bottom: 1px solid #DDDDDD;} div#boot .table th {font-weight: bold;} div#boot .table thead th {vertical-align: bottom;} div#boot .table caption + thead tr:first-child th, div#boot .table caption + thead tr:first-child td, div#boot .table colgroup + thead tr:first-child th, div#boot .table colgroup + thead tr:first-child td, div#boot .table thead:first-child tr:first-child th, div#boot .table thead:first-child tr:first-child td {border-top: 0;} div#boot .table tbody + tbody {border-top: 2px solid #dddddd;} div#boot .table .table {background-color: #ffffff;} div#boot .table-condensed th, div#boot .table-condensed td {padding: 4px 5px;} div#boot .table-bordered {border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} div#boot .table-bordered th, div#boot .table-bordered td {border-left: 1px solid #dddddd;} div#boot .table-bordered caption + thead tr:first-child th, div#boot .table-bordered caption + tbody tr:first-child th, div#boot .table-bordered caption + tbody tr:first-child td, div#boot .table-bordered colgroup + thead tr:first-child th, div#boot .table-bordered colgroup + tbody tr:first-child th, div#boot .table-bordered colgroup + tbody tr:first-child td, div#boot .table-bordered thead:first-child tr:first-child th, div#boot .table-bordered tbody:first-child tr:first-child th, div#boot .table-bordered tbody:first-child tr:first-child td {border-top: 0;} div#boot .table-bordered thead:first-child tr:first-child > th:first-child, div#boot .table-bordered tbody:first-child tr:first-child > td:first-child, div#boot .table-bordered tbody:first-child tr:first-child > th:first-child {-webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;} div#boot .table-bordered thead:first-child tr:first-child > th:last-child, div#boot .table-bordered tbody:first-child tr:first-child > td:last-child, div#boot .table-bordered tbody:first-child tr:first-child > th:last-child {-webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px;} div#boot .table-bordered thead:last-child tr:last-child > th:first-child, div#boot .table-bordered tbody:last-child tr:last-child > td:first-child, div#boot .table-bordered tbody:last-child tr:last-child > th:first-child, div#boot .table-bordered tfoot:last-child tr:last-child > td:first-child, div#boot .table-bordered tfoot:last-child tr:last-child > th:first-child {-webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;} div#boot .table-bordered thead:last-child tr:last-child > th:last-child, div#boot .table-bordered tbody:last-child tr:last-child > td:last-child, div#boot .table-bordered tbody:last-child tr:last-child > th:last-child, div#boot .table-bordered tfoot:last-child tr:last-child > td:last-child, div#boot .table-bordered tfoot:last-child tr:last-child > th:last-child {-webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;} div#boot .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {-webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;} div#boot .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {-webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;} div#boot .table-bordered caption + thead tr:first-child th:first-child, div#boot .table-bordered caption + tbody tr:first-child td:first-child, div#boot .table-bordered colgroup + thead tr:first-child th:first-child, div#boot .table-bordered colgroup + tbody tr:first-child td:first-child {-webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;} div#boot .table-bordered caption + thead tr:first-child th:last-child, div#boot .table-bordered caption + tbody tr:first-child td:last-child, div#boot .table-bordered colgroup + thead tr:first-child th:last-child, div#boot .table-bordered colgroup + tbody tr:first-child td:last-child {-webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px;} div#boot .table-striped tbody > tr:nth-child(odd) > td, div#boot .table-striped tbody > tr:nth-child(odd) > th {background-color: #f9f9f9;} div#boot .table-hover tbody tr:hover > td, div#boot .table-hover tbody tr:hover > th {background-color: #f5f5f5;} div#boot table td[class*="span"], div#boot table th[class*="span"], div#boot .row-fluid table td[class*="span"], div#boot .row-fluid table th[class*="span"] {display: table-cell; float: none; margin-left: 0;} div#boot .table tbody tr.success > td {background-color: #dff0d8;} div#boot .table tbody tr.error > td {background-color: #f2dede;} div#boot .table tbody tr.warning > td {background-color: #fcf8e3;} div#boot .table tbody tr.info > td {background-color: #d9edf7;} div#boot .table-hover tbody tr.success:hover > td {background-color: #d0e9c6;} div#boot .table-hover tbody tr.error:hover > td {background-color: #ebcccc;} div#boot .table-hover tbody tr.warning:hover > td {background-color: #faf2cc;} div#boot .table-hover tbody tr.info:hover > td {background-color: #c4e3f3;}