/********************** HEADER STYLES *************************/ div.header_980 {width:980px; height:119px; background:url(images/header.logo.png) no-repeat; margin:10px auto 0 auto; text-align:left; position:relative;} div.header_980 div.header-logo-link {margin:10px 0 0 10px; display:block; width:540px; height:50px; float:left;}/*border:1px solid #ff0000;*/ div.header_980 div.searchdiv {width:300px; margin:8px 15px 0 0; height:25px; float:right; position:relative;}/* width: 100%; position:relative; margin-top:-28px; */ div.header_980 div form {position:absolute; left:0px; top:0px; border:none; width:300px;} div.header_980 div form input.field {background:url(../images/header-searchfield-bg.jpg) no-repeat; height:20px; width:189px; border:none; top:21px; color:#999;} div.header_980 div form input.searchbutton {background:url(../images/header-search-button.jpg) no-repeat; width:22px; height:20px; border:none; margin:0 0 0 5px; top:21px;} /********************** BUTTON & DIV STYLES ********************/ div.grid_183 {width:183px; height:27px; display:inline; float:left; margin-top:17px; margin-right:5px; margin-bottom:8px; margin-left:4px;} .about {width:183px; height:27px; display:block; overflow:hidden;} a.programs {width:183px; height:27px; display:block; overflow:hidden;} a.onlineservices {width:183px; height:27px; display:block; overflow:hidden;} a.news {width:183px; height:27px; display:block; overflow:hidden;} a.resources {width:183px; height:27px; display:block; overflow:hidden;} /*************** GLOBAL ELEMENT STYLES ******************/ h5.header sup { vertical-align:text-bottom; font-size:7px; } /*********************** ABOUT TOOLTIP STYLES *************************/ div.ttAbout {display:none; z-index:600; left:-5px; top:104px; position:absolute; background:transparent url("images/tooltip_about.png") no-repeat; width:591px; height:154px;} div.ttAbout div.tooltipmenu {padding:27px 0 0 15px; width:591px; height:154px;} div.ttAbout div.tooltipmenu div.border-left {border-left:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three {width:187px; height:105 px; float:left; margin:0;} div.ttAbout div.tooltipmenu div.thirty-three a {color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.aboutoverview {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.aboutoverview h5 {margin:9px 0 auto 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.svmpecfmg {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 1px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.svmpecfmg h5.svmp {margin:auto 0 auto 20px; padding:1px 0 0 0; font-size:12px; line-height:15px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.aboutannualreport {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.aboutannualreport h5 {margin:9px 0 auto 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.organizational {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.organizational h5 {margin:9px 0 auto 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.trustees {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.trustees h5 {margin:9px 0 auto 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.seniorstaff {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.seniorstaff h5 {margin:9px 0 auto 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.initiatives {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.initiatives h5 {margin:9px 0 auto 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.history {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.history h5 {margin:9px 0 auto 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttAbout div.tooltipmenu div.thirty-three a div.careers {height:34px; width:187px; display:block; background:transparent url(images/tooltip_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px solid #006699;} div.ttAbout div.tooltipmenu div.thirty-three a div.careers h5 {margin:9px 0 auto 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} /*********************** PROGRAMS TOOLTIP STYLES *************************/ div.ttPrograms {display:none; z-index:600; left:1px; top:104px; position:absolute; background:transparent url("images/tooltip_programs.png") no-repeat; width:780px; height:385px;} /* was 275 */ div.ttPrograms div.tooltipmenu {padding:27px 0 0 15px; width:750px; height:235px;} div.ttPrograms div.tooltipmenu div.fifty-fifty {width:374px; float:left; height:319px; margin:0;} div.ttPrograms div.tooltipmenu div.border-left {border-left:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.certification {float:left; height:55px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.certification div.tttext {height:55px;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.cvs {float:left; height:68px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.cvs div.tttext {height:68px;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.eras {float:left; height:68px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.eras div.tttext {height:68px;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.evsp {float:left; height:68px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.evsp div.tttext {height:68px;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.eics {float:left; height:62px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.eics div.tttext {height:62px;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.epic {float:left; height:102px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.epic div.tttext {height:102px;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.echo {float:left; height:56px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.echo div.tttext {height:56px;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.usmle {float:left; height:64px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.usmle div.tttext {height:64px;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.gemx {float:left; height:88px; width:375px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #00a0b0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.gemx div.tttext {height:88px;} div.ttPrograms div.tooltipmenu a div.programsoverview {float:left; height:23px; width:750px; display:block; background:transparent url(images/tooltip_programs_arrow.gif) no-repeat 0 0; text-decoration:none; overflow:hidden; color:#074677; margin:1px 0 0 0;} div.ttPrograms div.tooltipmenu div.fifty-fifty a div.programsoverview div.tttext {height:24px;} div.ttPrograms div.tooltipmenu h5.header {margin:0 0 7px 20px; padding:1px 0 0 0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttPrograms div.tooltipmenu div.fifty-fifty a {color:#006699; text-decoration:none;} div.ttPrograms div.tooltipmenu div.fifty-fifty div.tttext {margin:-5px 0 0 0; padding:0 5px 0 6px; font-size:11px; line-height:12px; letter-spacing:normal; color:#006699; overflow:hidden;} /*********************** ONLINE SERVICES TOOLTIP STYLES *************************/ div.ttOnlineservices {display:none; z-index:600; left:4px; top:104px; position:absolute; background:transparent url("images/tooltip_onlineservices.png") no-repeat; width:780px; height:340px;} div.ttOnlineservices div.ttheader {font-weight:bold; font-size:175%; color:#074677; text-align:center;} div.ttOnlineservices div.tooltipmenu {padding:27px 0 0 15px; width:750px; height:328px;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty {width:374px; float:left; height:300px; margin:0;} div.ttOnlineservices div.tooltipmenu div.border-left {border-left:1px solid #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.ols {height:28px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.olsepic {height:38px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} /* right side ols divs needed to be taller */ div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.olsR {height:33px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 5px; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.olsepicR {height:42px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 8px; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.olsepicnobottomborder {height:41px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.iwa {height:90px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.oasis {height:100px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.step2cs {height:42px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.cvsonlineL {height:40px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.ian {height:70px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.cvsonline {height:25px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.evn {height:25px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.emswp {height:25px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.imed {height:40px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px dashed #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.employment {height:40px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677; border-bottom:1px solid #edc951;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.overview {height:59px; width:375px; display:block; background:transparent url(images/tooltip_onlineservices_arrow.gif) no-repeat 0 0; overflow:hidden; color:#074677;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty a div.overview div.tttext {height:40px;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty div.h4holder {height:22px; width:375px; display:block; background:#f8f0d5;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty div.h4holder h4 {margin:0 0 0 22px; padding:1px 0 0 0; font-size:13px; letter-spacing:normal; color:#006699; text-decoration:none;} /* right side h4holder needed to be taller */ div.ttOnlineservices div.tooltipmenu div.fifty-fifty div.h4holderR {height:30px; width:375px; display:block; background:#f8f0d5;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty div.h4holderR h4 {margin:0 0 0 22px; padding:5px 0 0 0; font-size:13px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty h5.header {margin:2px 0 5px 22px; padding:0; font-size:12px; letter-spacing:normal; color:#006699; text-decoration:none;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty h5.right {padding:5px 0 0 0; float:left;} /* add height - padding to top of h5 for right side of ols */ div.ttOnlineservices div.tooltipmenu div.fifty-fifty a {color:#006699; text-decoration:none;} div.ttOnlineservices div.tooltipmenu div.fifty-fifty div.tttext {margin:-5px 0 0 0; padding:0 0 0 6px; font-size:11px; line-height:15px; letter-spacing:normal; color:#006699; overflow:hidden;} /*********************** NEWS TOOLTIP STYLES *************************/ div.ttNews {display:none; z-index:600; left:196px; top:104px; position:absolute; background:transparent url("images/tooltip_news.png") no-repeat; width:780px; height:210px;} div.ttNews div.tooltipmenu {padding:27px 10px 10px 15px; width:750px; height:118px;} div.ttNews div.tooltipmenu ul.newslist {margin:10px 0 0 -25px; padding:0 0 0 10px;} div.ttNews div.tooltipmenu ul.newslist li {background:transparent url(images/tooltip_news_arrow.gif) no-repeat 0 0; color:#000; text-decoration:none; font-size:12px; margin:4px 0 0 15px; list-style:none;} div.ttNews div.tooltipmenu ul.newslist li a.listone {text-decoration:underline; margin:0 0 5px 25px; padding:1px 0 0 0; font-weight:bold; color:#006699;} div.ttNews div.tooltipmenu ul.newslist li a.listone:hover {text-decoration:none;} div.ttNews div.tooltipmenu ul.allnews li {list-style:none; font-weight:bold; color:#006699; font-size:12px; margin:-8px 0 0 0; padding:0;} div.ttNews div.tooltipmenu ul.allnews li a {padding:0; margin:0 0 0 -14px;} /*********************** RESOURCES TOOLTIP STYLES ********************/ div.ttResources {display: none; z-index:600; left:195px; top:104px; position:absolute; font-size:12px; background:transparent url("https://www.ecfmg.org/news/wp-content/uploads/2016/10/tooltip_resources.png") no-repeat; width:790px; height:335px;} div.ttResources div.tooltipmenu {padding:27px 0 0 15px; width:761px; height:246px;} /* height was 198 */ div.ttResources div.tooltipmenu div.border-left {border-left:1px solid #f29a14;} div.ttResources div.tooltipmenu div.thirtythree {width:248px; float:left; height:243px; margin:0;} div.ttResources div.tooltipmenu div.thirtythree a {text-decoration:none;} div.ttResources div.tooltipmenu div.thirtythree a div.six {height:24px; width:249px; display:block; background:transparent url(images/tooltip_resources_arrow.gif) no-repeat 0 3px; overflow:hidden; color:#074677; border-bottom:1px solid #f29a14;} div.ttResources div.tooltipmenu div.thirtythree a h5.header {margin:3px 0 0 25px; padding:1px 0 0 0; letter-spacing:normal; color:#006699; text-decoration:none; font-size:12px;} div.ttResources div.tooltipmenu div.thirtythree a div.behavior {height:43px; width:248px; display:block; background:transparent url(images/tooltip_resources_arrow.gif) no-repeat 0 3px; overflow:hidden; color:#074677; border-bottom:1px solid #f29a14;} /*div.ttResources div.tooltipmenu div.thirtythree a div.noborderbottom {border-bottom:none;}*/ div.ttResources div.tooltipmenu div.annualreport {width:200px; float:left; height:268px; margin:0;} div.ttResources div.tooltipmenu div.annualreport div.aplink {height:269px; width:201px; display:block; overflow:hidden; color:#074677; border-bottom:1px solid #f29a14; box-sizing: border-box; padding-top: 35px;} div.ttResources div.tooltipmenu div.annualreport div.aplink a.underline h5 {text-decoration:underline;} div.ttResources div.tooltipmenu div.annualreport div.aplink a.underline:hover h5 {text-decoration:none;} div.ttResources div.tooltipmenu div.annualreport div.aplink h5 {margin:0 auto 5px auto; padding:1px 0 0 0; letter-spacing:normal; color:#006699; font-size:12px; text-align:center;} div.ttResources div.tooltipmenu div.annualreport div.aplink a img {margin:0 0 0 55px; border:1px solid #ccc;} div.ttResources div.tooltipmenu div.annualreport div.aplink a h5.imageh5 {margin:-3px auto 3px auto; text-decoration:underline;} div.ttResources div.tooltipmenu div.annualreport div.aplink a:hover h5.imageh5 {text-decoration:none;} div.ttResources div.tooltipmenu div.data {width:310px; float:left; height:268px; margin:0;} div.ttResources div.tooltipmenu div.data a {text-decoration:none;} div.ttResources div.tooltipmenu div.data a div.imagelink {height:268px; width:310px; display:block; overflow:hidden; color:#074677; border-bottom:1px solid #f29a14; background:transparent url("https://www.ecfmg.org/images/mobile-app-ad.png") no-repeat 0px 57px;} div.ttResources div.tooltipmenu div.data a div.imagelink h5 {margin:0 auto 5px auto; padding:1px 0 0 0; letter-spacing:normal; color:#006699; text-decoration:none; font-size:12px; text-align:center;} div.ttResources div.tooltipmenu div.data a div.imagelink img {margin:0 0 0 30px;} div.ttResources div.tooltipmenu div.data a div.imagelink div {float:right; margin-right:20px;} div.ttResources div.tooltipmenu a div.roverview {width:760px; height:24px; float:left; margin:1px 0 0 0; display:block; background:transparent url(images/tooltip_resources_arrow.gif) no-repeat 0 4px; overflow:hidden; color:#006699; text-decoration:none; } div.ttResources div.tooltipmenu a div.roverview h5.header {margin:5px 0 0 25px; float:left; letter-spacing:normal; color:#006699; font-size:12px; text-decoration:none;} div.ttResources .noborderbottom