/* August 2023 - AM: "planner9.css" is identical to "planner8.css" except line 86 that was added to style the "Workspace eBook" promotional banner module. This line of code was copied over from "category-page.css" line 78. When the "Workspace eBook" module is no longer needed, the Workspace Planner page can use "planner8.css" instead. */

@charset "utf-8";
/* CSS Document */
html { background: #e7e7e7; }
#planner { background: #e7e7e7;font-size: 15px; line-height: 20px;color: #000;margin: 0;padding: 3em 0; }
#planner p { margin: 0;padding: .2em .7em .7em 10px; }
#planner .plannerBox p {  }
.plannerBox { border:1px #ddd solid;background: #fff !important; padding: 15px 12px; margin-top: 15px; }
.plannerBox a, .plannerBox a:visited { color:#0066a3;text-decoration: none; }
.plannerBox a:hover { color: #69c; }
.plannerBox input { color:#000; font-size: 10px; line-height: 10px ; text-align:center; }
.planner-section { position:relative; }
h1.main { font: normal 2.8em/1em sofia-pro-condensed,sans-serif; color: #999; text-transform: uppercase; font-style:italic; }
h2.main { font: normal 2em/1em sofia-pro-condensed,sans-serif; color: #666; text-transform: uppercase; font-style:italic; }
p.main, ul.main { color:#000;margin: 0;padding:.2em .7em .7em 0 !important; }
ul.main li { margin: 0 2em .5em; text-align: left; }
.planner-section h2 { text-align:center;color:#000;margin: 0;padding:.2em .7em .7em !important; }
.planner-section ul { list-style-type: none; margin: 0; padding: 1px 0; width: auto; border: solid 1px #c0c0c0; text-align: center; }
.planner-section ul li { display:inline-block;padding:5px 3px; margin:0 !important; text-align:center; background:#f5f5f5; width:34px;border-top:solid 2px #fff;border-right:0;border-bottom:solid 2px #fff; }
.ulHolder { min-width:308px; }
#planner .result { font-size:10px; line-height: 12px; color: red; font-weight:bold; text-align:center; position:absolute; width: 70px; }
.result.one { top:30px;left:102px;z-index:50; }
.result.two { top:60px;left:362px;z-index:60; }
.result.thr { top:140px;left:95px;z-index:70; }
.result.for { top:280px;left:178px;z-index:80; }
.result.fiv { top:220px;left:432px;z-index:90; }
.result.six { top:313px;left:25px;z-index:100; }
.result.sev { top:174px;left:254px;z-index:110; }
#planner .whitebox { background:url("/portals/0/html/planner/images/blank.png") repeat-y center top;padding:2px 0 4px; }
aside.more-info { padding: 1.5em 1em 0; }
.screen-spec { font-size:10px; color: black; position:absolute; width:90px; text-align: center; z-index:50; }
.screen-spec.one { top:96px;left:106px; }
.screen-spec.two { top:186px;left:150px; }

@media only screen and (max-width:767px) {
#main-image { max-width:500px; }
li.hideLi { display:none !important; }
.result.one { top:20px;left:102px; }
.result.two { top:45px;left:306px; }
.result.thr { top:130px;left:77px; }
.result.for { top:230px;left:148px; }
.result.fiv { top:180px;left:368px; }
.result.six { top:262px;left:18px; }
.result.sev { top:146px;left:215px; }
.ulHolder { max-width:308px; }
.screen-spec.one { top:80px;left:90px; }
.screen-spec.two { top:160px;left:125px; }
}
@media only screen and (max-width:566px) {
#main-image { margin-top: 120px; max-width:100%; }
.result.one { display:none; }
.result.thr { top:0px;left:20px; }
.result.fiv { top:60px;left:180px; }
.result.two { top:0px;left:180px; }
.result.for { top:60px;left:20px; }
.result.six { top:60px;left:100px; }
.result.sev { top:0px;left:100px ; }
.noprint { display: none; }
.screen-spec.one { display: none; top:166px;left:40px; }
.screen-spec.two { display: none; top:220px;left:65px; }
}
@media(min-width:768px) {
h1.main { font-size: 2.9em; }
.plannerBox { padding: 15px; }
.planner-section ul li { width:35px; }
.w37 { width:44px !important; }
}
@media(min-width:992px) {
h1.main { margin:10px 0; }
.main { text-align:left; }
.planner-section ul li { width:29px; }
.w37 { width:38px !important; }
}
@media(min-width:1200px) {
.planner-section ul li { width:32px; }
.w37 { width:36px !important; }
}
@media print {
html, input, .whitebox { background-color: white !important; }
li.hideLi { display: inline-block !important; }
.plannerBox { max-width:620px !important; margin: 20px auto; }
.planner-section ul li { padding:5px 3px; margin:0 !important; text-align:center; background:#f5f5f5; width:30px; border: 0 !important; }
#header, #dnn_Header_pnlPartner, .footer, .topBarT, .breadcrumb-wrap, .DnnModule-17624, aside.more-info, h1.main, h2.main, p.main, .noprint, #chat.chat-btn { display: none !important; }
}

.wvpromo-wrap .wvphoto-wrap{height:calc(50vw + 20px);max-height:380px;overflow:hidden;display:flex;justify-content:center;align-items:center}@media (min-width:768px){.wvpromo-wrap .wvphoto-wrap{max-height:220px}}@media (min-width:992px){.wvpromo-wrap .wvphoto-wrap{max-height:340px}}.wvpromo-wrap .wvphoto-wrap picture{display:block;position:relative;top:-10px}@media (min-width:992px){.wvpromo-wrap .wvphoto-wrap picture{top:-20px}}.wvpromo-wrap .wvphoto-wrap.wvhcphoto picture{top:22px}.wvpromo-wrap .wvmsg-wrap{text-align:center;margin-top:2em;display:flex;flex-direction:column;justify-content:center}@media (min-width:768px){.wvpromo-wrap .wvmsg-wrap{text-align:left;margin-top:1em}}@media (min-width:992px){.wvpromo-wrap .wvmsg-wrap{margin-top:0;min-height:340px}}.wvpromo-wrap .wvmsg-wrap h4{font-size:18px;max-width:340px;line-height:1.5em;margin:.7em auto 0}@media (min-width:768px){.wvpromo-wrap .wvmsg-wrap h4{font-size:16px;max-width:420px;margin:.7em 0 0}}@media (min-width:992px){.wvpromo-wrap .wvmsg-wrap h4{max-width:none;font-size:18px}}@media (min-width:1200px){.wvpromo-wrap .wvmsg-wrap h4{font-size:22px}}.wvpromo-wrap .wvmsg-wrap .btn-blue-wrapper>a{min-width:110px;margin-top:1.2em;margin-bottom:2em}@media (min-width:768px){.wvpromo-wrap .wvmsg-wrap .btn-blue-wrapper>a{margin-bottom:0;font-size:.85em}}@media (min-width:992px){.wvpromo-wrap .wvmsg-wrap .btn-blue-wrapper>a{margin-bottom:1em;font-size:.9em}}@media (min-width:992px){.wvpromo-wrap .wvmsg-wrap .btn-blue-wrapper>a{font-size:1em}}.wvpromo-wrap .wvmsg-wrap .btn-blue-wrapper>a.btn-blue{color:#fff}.wvpromo-wrap .wvmsg-wrap .btn-blue-wrapper>a.btn-blue::after{box-shadow:inset 0 0 0 34px #1F3662}.wvpromo-wrap .wvmsg-wrap .btn-blue-wrapper>a.btn-blue:hover{color:#1F3662}.wvpromo-wrap .wvmsg-wrap .btn-blue-wrapper>a.btn-blue:hover::after{background-color:#fff;border:1px solid #1F3662;box-shadow:inset 0 0 0 0 #fff}