@font-face { font-family: "Agenda_Regular"; src: url("../fonts/Agenda_Regular/b0f176a2-552c-4bd6-9b6a-66ea947f0725-2.eot"); src: url("../fonts/Agenda_Regular/b0f176a2-552c-4bd6-9b6a-66ea947f0725-2.eot?") format("embedded-opentype"), url("../fonts/Agenda_Regular/b0f176a2-552c-4bd6-9b6a-66ea947f0725-3.woff") format("woff"), url("../fonts/Agenda_Regular/b0f176a2-552c-4bd6-9b6a-66ea947f0725-1.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "Agenda_RegularCond"; src: url("../fonts/Agenda_RegularCond/a1dcca72-ca65-46a3-9a55-25f264f1b242-2.eot"); src: url("../fonts/Agenda_RegularCond/a1dcca72-ca65-46a3-9a55-25f264f1b242-2.eot?") format("embedded-opentype"), url("../fonts/Agenda_RegularCond/a1dcca72-ca65-46a3-9a55-25f264f1b242-3.woff") format("woff"), url("../fonts/Agenda_RegularCond/a1dcca72-ca65-46a3-9a55-25f264f1b242-1.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "Agenda_Semibold"; src: url("../fonts/Agenda_Semibold/e86f38ef-483e-4804-bb02-aaa246791d8b-2.eot"); src: url("../fonts/Agenda_Semibold/e86f38ef-483e-4804-bb02-aaa246791d8b-2.eot?") format("embedded-opentype"), url("../fonts/Agenda_Semibold/e86f38ef-483e-4804-bb02-aaa246791d8b-3.woff") format("woff"), url("../fonts/Agenda_Semibold/e86f38ef-483e-4804-bb02-aaa246791d8b-1.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "Agenda_SemiboldCond"; src: url("../fonts/Agenda_SemiboldCond/77f3bbb4-afd5-4e67-a379-c0c8516b4d2c-2.eot"); src: url("../fonts/Agenda_SemiboldCond/77f3bbb4-afd5-4e67-a379-c0c8516b4d2c-2.eot?") format("embedded-opentype"), url("../fonts/Agenda_SemiboldCond/77f3bbb4-afd5-4e67-a379-c0c8516b4d2c-3.woff") format("woff"), url("../fonts/Agenda_SemiboldCond/77f3bbb4-afd5-4e67-a379-c0c8516b4d2c-1.ttf") format("truetype"); font-style: normal; font-weight: normal; } .top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li { background: none repeat scroll 0 0 transparent; } .top-bar-section ul li:hover { background: rgba(0, 49, 93, 0.7); } .top-bar { height: 104px; } .bc-and-social { padding-left: 0; padding-right: 0; } #headerWrapper { background: url(../images/header-colour-fullsat-flax-dblht-50q.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; } #headerWrapper .stitchlineaqua { background: #fff; height: 4px; border-bottom: 1px dashed #00869a; margin-bottom: 5px; } body #globalHeaderWrapper { border-bottom: none; } body #topnavline { background-color: #c5ecec; height: 38px; width: 100%; max-width: 100%; border-bottom: 4px solid #099; } body #topnavline div.tnl.row { padding-right: 10px; } body #topnavline.fixedwidth { min-width: 960px; } body #topnavline #enrolmentPlanMenu a { padding-left: 20px; display: inline-block; height: 38px; color: #003366; text-decoration: none; } body #topnavline #enrolmentPlanMenu a span.carticon, body #topnavline #enrolmentPlanMenu a span.nocarticon { display: inline-block; width: 24px; height: 24px; padding-bottom: 5px; text-align: center; } body #topnavline #enrolmentPlanMenu a span.carticon i.fa.fa-shopping-cart, body #topnavline #enrolmentPlanMenu a span.nocarticon i.fa.fa-shopping-cart { color: #00315d; font-size: 1.3em; } body #topnavline #enrolmentPlanMenu a span.nocarticon { background: url(../images/icons/cartcircle.png) no-repeat; } body #topnavline #enrolmentPlanMenu a span.nocarticon strong.count { line-height: 1.65em; color: #00315d; } body #topnavline #enrolmentPlanMenu a #enrolmentText { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; display: inline-block; padding-top: 5px; text-decoration: none; white-space: nowrap; font-size: 1.3em; } body #topnavline #CartNSearch { height: 50px; right: 5px; } body #topnavline #topnavlinelinks { text-align: right; padding-right: 8px; } body #topnavline #topnavlinelinks a { color: #00315d; text-decoration: none; } body #topnavline #topnavlinelinks a.toplink { white-space: nowrap; } body #topnavline #topnavlinelinks a i.fa.fa-group, body #topnavline #topnavlinelinks a i.fa.fa-building { color: #00315d; font-size: 1.35em; } body #topnavline #topnavlinelinks a span.toptitle { color: #00315d; font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; font-size: 1.35em; line-height: 1.8em; } body #headerWrapper { background: url(../images/header-colour-fullsat-flax-dblht-50q.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; } body #header { max-width: 990px; height: 67px; margin-bottom: 0; } body #header.MyOPheader { max-width: unset; } body #innermenu { width: 100%; margin: auto; box-sizing: border-box; } body #innermenu .ul_openpoly { width: 958px; } body #innermenu ul { background: none repeat scroll 0 0 transparent; box-sizing: border-box; position: relative; max-width: 1000px; margin: 0; padding: 0; padding-bottom: 2px; } body #innermenu ul li { box-sizing: border-box; height: 67px; margin: 0 0 0 0; list-style: none; overflow: visible; border-right: 1px dotted #bbb; } body #innermenu ul li:last-of-type { border-right: none; } body #innermenu ul li a { box-sizing: border-box; padding-top: 12px; display: block; color: #fff; overflow: visible; } body #innermenu ul li a:hover { text-decoration: none; } body #innermenu ul li a span.title { display: block; background: none; text-indent: 0; text-align: center; padding: 0; margin: auto; margin-bottom: 0; color: #fff; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; text-shadow: 1px 1px 0 #333; font-weight: normal; font-size: 2.0em; line-height: 1.4em; } body #innermenu ul li a.link:hover { background: rgba(0, 49, 93, 0.7); height: 67px; } body #innermenu ul li a.section { background: rgba(0, 153, 153, 0.7); border-bottom: 4px solid #00315D; height: 71px; } body #innermenu ul li#menu-item-study-with-us, body #innermenu ul li#menu-item-plan-your-study, body #innermenu ul li#menu-item-wco2-plan-your-study { width: 26%; } body #innermenu ul li#menu-item-choose-courses, body #innermenu ul li#menu-item-subjects-and-courses, body #innermenu ul li#menu-item-qualifications-and-courses { width: 27%; } body #innermenu ul li#menu-item-enrol-with-us, body #innermenu ul li#menu-item-wco2-enrol-with-us { width: 24%; } body #innermenu ul li#menu-item-about-us, body #innermenu ul li#menu-item-wco2-about-us { width: 22%; } body .stitchlineaqua { background: #fff; height: 4px; border-bottom: 1px dashed #00869a; margin-bottom: 5px; } @media screen and (max-width: 1000px) { body.AllowResponsive #headerWrapper { background-size: 100%; } } @media screen and (max-width: 840px) { body.AllowResponsive #innermenu { max-width: 870px; } } @media screen and (max-width: 768px) { body.AllowResponsive .top-bar { height: auto; } body.AllowResponsive .top-bar-section ul li > a { padding: 0; } body.AllowResponsive #header { min-width: 320px; } body.AllowResponsive #header #menu #innermenu { position: relative; max-width: 788px; } } @media screen and (max-width: 720px) { body.AllowResponsive #header { min-width: 320px; height: 44px; } body.AllowResponsive #header #menu #innermenu { position: relative; } body.AllowResponsive #header #menu #innermenu ul { width: auto; max-width: 740px; } body.AllowResponsive #header #menu #innermenu ul li { height: 44px; } body.AllowResponsive #header #menu #innermenu ul li span.title { text-align: center; font-size: 1.65em; line-height: 1.0em; } body.AllowResponsive #header #menu #innermenu ul li a.link:hover { height: 44px; } body.AllowResponsive #header #menu #innermenu ul li a.section { height: 48px; border-bottom: 4px solid #00315D; } } @media screen and (max-width: 640px) { body.AllowResponsive #upperWrapper #topnavline div.row { max-width: 630px; } body.AllowResponsive #upperWrapper #topnavline .toptitle { font-size: 1.2em; } body.AllowResponsive #upperWrapper #topnavline #enrolmentPlanMenu a { white-space: nowrap; } body.AllowResponsive #upperWrapper #topnavline #enrolmentPlanMenu a #enrolmentText { font-size: 1.2em; font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; } body.AllowResponsive #upperWrapper #topnavline i.fa.fa-building, body.AllowResponsive #upperWrapper #topnavline i.fa.fa-group { font-size: 1.1em; } body.AllowResponsive #upperWrapper #topnavline #topnavlinelinks { margin-top: 2px; } body.AllowResponsive #headerWrapper.nocontent #header.container { min-width: 320px; z-index: 2000; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu { overflow: visible; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 { height: 44px; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 a#menubutton { width: 100%; max-width: 100%; color: #fff; text-align: left; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; text-shadow: 1px 1px 0 #333; font-weight: normal; font-size: 1.9em; text-transform: uppercase; background-color: rgba(25, 140, 129, 0.75); padding-top: 0; height: 44px; text-decoration: none; margin-bottom: 0; padding-bottom: 0; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 a#menubutton i { padding-left: 2px; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 a#menubutton i.fa.fa-angle-up { color: #fff; font-size: 0.75em; text-shadow: 1px 1px 0 #333; font-weight: normal; line-height: 1.2; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 .dl-menu.dl-menuopen { overflow: visible; padding-top: 0; margin-top: 0; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul { margin-left: 0; width: 100%; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li { margin-left: 0; height: 43px; width: 100%; opacity: 1; border-bottom: 1px solid #0e4373; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li:hover { background-color: #012444; opacity: 1; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li a { text-decoration: none; opacity: 1; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 i.menulinkarrow.fa.fa-chevron-right, body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 i.menulinkarrow.fa.fa-angle-right { float: right; font-size: 1.25em; } } @media screen and (max-width: 512px) { body.AllowResponsive #upperWrapper #topnavline #enrolmentPlanMenu a { white-space: nowrap; } body.AllowResponsive #upperWrapper #topnavline #enrolmentPlanMenu a #enrolmentText { font-size: 1.2em; font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; } body.AllowResponsive #upperWrapper #topnavline i.fa.fa-building, body.AllowResponsive #upperWrapper #topnavline i.fa.fa-group { font-size: 1.0em; } body.AllowResponsive #upperWrapper #topnavline #topnavlinelinks { padding-left: 0; } body.AllowResponsive #header { min-width: 320px; } } @media screen and (max-width: 480px) { body.AllowResponsive #topnavline { display: none; } body.AllowResponsive #smenu { display: none; } body.AllowResponsive #upperWrapper #topnavline #CartNSearch { display: none; } body.AllowResponsive #header #menu #innermenu { display: none; } body.AllowResponsive #header #menu #innermenu2 { display: block; border-bottom: none; } body.AllowResponsive #header #menu #innermenu2 .topnavwrapper span.title { font-size: 1.45em; line-height: 1.0em; } body.AllowResponsive #headerWrapper.nocontent #header.container { min-width: 320px; z-index: 2000; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu { overflow: visible; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu { display: none; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 { display: block; height: 44px; border-top: 4px solid #099; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 #dl-menu { height: 40px; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 a#menubutton.button { width: 100%; max-width: 100%; color: #fff; text-align: left; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; text-shadow: 1px 1px 0 #333; font-weight: normal; font-size: 1.9em; text-transform: uppercase; background-color: rgba(25, 140, 129, 0.75); padding-left: 18px; padding-top: 0; height: 40px; text-decoration: none; margin-bottom: 0; padding-bottom: 0; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 a#menubutton.button i { padding-left: 2px; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 a#menubutton.button i.fa.fa-angle-up { color: #fff; font-size: 0.75em; text-shadow: 1px 1px 0 #333; font-weight: normal; line-height: 1.2; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul li { height: 44px; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul li a.section { height: 44px; border-bottom: 4px solid #00315D; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 .dl-menu.dl-menuopen { overflow: visible; padding-top: 0; margin-top: 0; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul { margin-left: 0; width: 100%; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li { margin-left: 0; height: 43px; width: 100%; opacity: 1; border-bottom: 1px solid #0e4373; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li:hover { background-color: #012444; opacity: 1; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li a { text-decoration: none; opacity: 1; width: 100%; color: #fff; font-family: 'Arial',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-size: 1em; line-height: 1; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li.dl-back { margin-left: 0; padding-left: 0; color: #acbac7; font-family: 'Arial',Helvetica,sans-serif; font-style: normal; font-weight: bold; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li.dl-back::after { left: 0; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li.dl-back i { color: #fff; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 i.menulinkarrow.fa.fa-chevron-right i.menulinkarrow.fa.fa-angle-right { float: right; font-size: 1.0em; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 i.menulinkarrow.fa.fa-chevron-left, body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 i.menulinkarrow.fa.fa-angle-left { float: none; font-size: 1.0em; padding-right: 5px; padding-left: 0; color: #fff; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul.dl-submenu li.link { color: #00315d; background-color: #acbac7; border-bottom: 1px solid #8da2b1; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul.dl-submenu li.link a { color: #00315d; font-family: 'Arial',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-size: 1em; line-height: 1; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul.dl-submenu li.link:hover { color: #00315d; background-color: #8da2b1; opacity: 1; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul.dl-submenu li.dl-back > a { color: #acbac7; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 ul.dl-submenu li.dl-back > a i { color: #fff; } body.AllowResponsive #headerWrapper.nocontent #header.container #menu #innermenu2 li.current.last > a { color: #00315d; background-color: #8da2b1; } body.EnrollmentOfferPaymentPage.AllowResponsive #upperWrapper #topnavline { display: block; } } @media screen and (max-width: 360px) { body.AllowResponsive #header #menu #innermenu2 .topnavwrapper span.title { font-size: 1.35em; line-height: 1.0em; } } @media screen and (max-width: 320px) { body.AllowResponsive #header #menu #innermenu2 .topnavwrapper span.title { font-size: 1.35em; line-height: 1.0em; } body.AllowResponsive #header #menu #innermenu2 .topnavwrapper span.extraTitle { font-size: 1.00em; line-height: 1em; } } body footer { margin-top: 50px; background: #fff; } body .stitchlinegrey { margin-top: 0; border-top: 1px dashed #c2c2c2; height: 3px; background: #fff; } body.HomePage footer { margin-top: 0; background: #fff; } body.EnrollmentOfferPaymentPage #global-footer-wrapper, body.EnrolmentFormLoginPage #global-footer-wrapper, body.EnrollmentFormPage #global-footer-wrapper { box-sizing: border-box; } body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer, body.EnrollmentFormPage #global-footer-wrapper #global-footer { box-sizing: border-box; max-width: none; width: auto; margin: auto; } body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .row, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .row, body.EnrollmentFormPage #global-footer-wrapper #global-footer .row { box-sizing: border-box; width: auto; max-width: 290px; padding: 0; margin: auto !important; } body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .row .first, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .row .second, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .row .third, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .row .fourth, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .row .first, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .row .second, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .row .third, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .row .fourth, body.EnrollmentFormPage #global-footer-wrapper #global-footer .row .first, body.EnrollmentFormPage #global-footer-wrapper #global-footer .row .second, body.EnrollmentFormPage #global-footer-wrapper #global-footer .row .third, body.EnrollmentFormPage #global-footer-wrapper #global-footer .row .fourth { display: none; } body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .row .fifth, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .row .fifth, body.EnrollmentFormPage #global-footer-wrapper #global-footer .row .fifth { box-sizing: border-box; padding: 0; padding-top: 10px; margin: auto; width: 100%; } body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .row .fifth div.quickLinksFooterBox, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .row .fifth div.quickLinksFooterBox, body.EnrollmentFormPage #global-footer-wrapper #global-footer .row .fifth div.quickLinksFooterBox { box-sizing: border-box; width: 100%; } #back-to-top { position: fixed; bottom: 0; right: 0; text-align: center; display: none; z-index: 99999; height: 24px; max-width: 980px !important; } #back-to-top.top-of-footer { position: static; margin-top: -30px; height: 21px; } #back-to-top #back-to-top-container { height: 24px; margin: auto; position: absolute; } #back-to-top #back-to-top-container a { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; background: #c2c2c2; display: block; float: right; width: 50px; height: 100%; color: #000000; padding: .2em .5em; text-decoration: none; } #back-to-top #back-to-top-container a:hover { text-decoration: none; } body #back-to-top #back-to-top-container { max-width: 960px; } body.AllowResponsive #back-to-top { max-width: 980px !important; } body.AllowResponsive #back-to-top #back-to-top-container { max-width: 980px !important; } body.MyOpenPolytechnic #back-to-top #back-to-top-container { max-width: 935px; } body.EnrollmentPlanPage #back-to-top #back-to-top-container { max-width: 950px; } /* ============ NEW FOUNDATION-BASED STYLES =============== */ body.AllowResponsive #global-footer-wrapper, body.SSOChange #global-footer-wrapper, body.EnrollmentPlanPage #global-footer-wrapper, body.EnrollmentOfferPaymentPage #global-footer-wrapper, body.EnrolmentFormLoginPage #global-footer-wrapper, body.EmailableUserDefinedForm #global-footer-wrapper, body.UserDefinedForm #global-footer-wrapper { position: relative; bottom: 0; background: #c2c2c2 url("../images/footer.gif") repeat-x; background-size: auto 120px; background-size: cover; margin-bottom: 0; padding-bottom: 0; } body.AllowResponsive #global-footer-wrapper #global-footer, body.SSOChange #global-footer-wrapper #global-footer, body.EnrollmentPlanPage #global-footer-wrapper #global-footer, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer, body.UserDefinedForm #global-footer-wrapper #global-footer { box-sizing: border-box; padding-top: 40px; max-width: 960px; min-width: 300px; margin: auto; } body.AllowResponsive #global-footer-wrapper #global-footer a, body.SSOChange #global-footer-wrapper #global-footer a, body.EnrollmentPlanPage #global-footer-wrapper #global-footer a, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer a, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer a, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer a, body.UserDefinedForm #global-footer-wrapper #global-footer a { color: #333; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row { box-sizing: border-box; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title { color: #333; font-size: 1.35em; padding-bottom: 2px; margin-bottom: 0; margin-top: 0; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title a, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title a, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title a, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title a, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title a, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title a, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns h2.title a { box-sizing: border-box; color: #333; text-decoration: none; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns a, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns a, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns a, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns a, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns a, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns a, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns a { box-sizing: border-box; text-decoration: none; color: #333; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns a:hover, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns a:hover, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns a:hover, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns a:hover, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns a:hover, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns a:hover, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns a:hover { text-decoration: underline; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul { box-sizing: border-box; list-style-type: none; margin: 3px 0 10px 0; padding: 0; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li { line-height: 1.25em; margin-bottom: .5em; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li a, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li a, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li a, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li a, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li a, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li a, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns ul.innerul li a { font-size: .9em; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.first, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.first, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.first, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.first, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.first, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.first, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.first { min-width: 19%; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.second, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.second, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.second, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.second, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.second, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.second, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.second { min-width: 23%; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.third, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.third, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.third, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.third, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.third, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.third, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.third { min-width: 18%; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fourth, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fourth, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fourth, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fourth, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fourth, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fourth, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fourth { min-width: 19%; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth { padding-right: 0; margin-right: 0; min-width: 178px; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox { border: solid 2px #fff; padding: 0; margin: 0 auto 10px auto; display: table; min-width: 178px; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace { display: table-cell; vertical-align: middle; padding: 0; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent1 { height: 32px; padding-left: 14px; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2 { padding-left: 14px; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .qlcontent2, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox .socialspace { height: 55px; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa { font-size: 2.0em; display: inline; color: #fff; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square { width: 26px; height: 26px; padding: 0; margin: 0; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-phone-square { float: left; margin-top: 0; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square { margin-left: 14px; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-facebook-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-twitter-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-youtube-square { margin-right: 14px; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox i.fa.fa-rss-square { margin: 0; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span { color: #333; font-size: 1.1em; font-weight: bold; display: inline-block; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span a, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span a, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span a, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span a, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span a, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span a, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span a { text-decoration: none; color: #333; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sep, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sep, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sep, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sep, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sep, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sep, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sep { padding-left: 2px; padding-right: 2px; color: #333333; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sepLast, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sepLast, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sepLast, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sepLast, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sepLast, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sepLast, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.sepLast { display: none; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.call, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.call, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.call, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.call, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.call, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.call, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.call { font-size: 1.1em; line-height: 1em; margin-left: 8px; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.phone, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.phone, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.phone, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.phone, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.phone, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.phone, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.phone { font-size: 1.6em; line-height: 1em; margin-left: 8px; font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.callUs, body.SSOChange #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.callUs, body.EnrollmentPlanPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.callUs, body.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.callUs, body.EnrolmentFormLoginPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.callUs, body.EmailableUserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.callUs, body.UserDefinedForm #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth div.quickLinksFooterBox span.callUs { display: block; font-weight: bold; font-size: 1.3em; } body.AllowResponsive.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row { max-width: 186px; } body.AllowResponsive.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns { width: auto; } @media screen and (max-width: 1024px) { .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row { padding-right: 15px; } .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns { width: 18%; } .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth { margin-left: 0; float: right; } .EnrollmentPlanPage #global-footer-wrapper #global-footer .row .columns { width: 18%; } } @media screen and (max-width: 1000px) { .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row { padding-left: 15px; padding-right: 15px; } .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .first.columns, .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .second.columns, .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .third.columns, .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .fourth.columns { width: 12%; padding: 0 .45em; } .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .fifth.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .EnrollmentPlanPage #global-footer-wrapper #global-footer .row .columns { width: 18%; } .AllowResponsive.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row { padding-right: 15px; } .AllowResponsive.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns { width: auto; } .AllowResponsive.EnrollmentOfferPaymentPage #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth { margin-left: 0; float: right; } } @media screen and (max-width: 960px) { .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row { padding-left: 15px; padding-right: 15px; } .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .first.columns, .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .second.columns, .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .third.columns, .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .fourth.columns { width: 24%; } .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.first { margin-left: 0; padding-left: 0; } .AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .columns.fifth { width: 20%; padding-left: 0; float: left; } .EnrollmentPlanPage #global-footer-wrapper #global-footer .row .columns { width: 18%; } } /* @media screen and (max-width:800px) { body.AllowResponsive { #global-footer-wrapper { #global-footer { .globlfootr.row { .columns { padding-right:0; padding-left:0; } .columns.first, .columns.second, .columns.third, .columns.fourth { width:24%; min-height:280px; } .columns.fifth { clear:both; width:178px; position:relative; left:0; margin-left:0; //float:none; } } } } } } */ @media screen and (max-width: 768px) { body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .first.columns, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .second.columns, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .third.columns, body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .fourth.columns { display: none !important; } body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .fifth.columns { clear: both; width: 20%; margin: auto; float: none; } } @media screen and (max-width: 640px) { body.AllowResponsive #global-footer-wrapper #global-footer .globlfootr.row .fifth.columns { clear: both; width: 100%; margin: auto; float: none; } } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } body { background-color: #fff; } body #chicklet_search_field { margin-left: -20px; } body p#breadcrumbs { font-weight: bold; } body p#breadcrumbs a { font-weight: normal; } #overlayProg #contentWrapper, #overlayProg #contentWrapperx { width: 730px; margin: 0; max-width: 100%; } html { height: 100%; } body.ContactPage .typography { height: auto; } body.ContactPage .close { float: none; font-size: 17px; } body { width: 100%; } body hr { display: none; } body .horizontalList { margin: 0; } body .horizontalList li { float: left; list-style: none; } body .horizontalList li h2 { font-weight: bold; font-size: 1.2em; color: #333333; padding-top: 9px; } body .horizontalList li h2 a { text-decoration: none; } body .horizontalList li a { color: #333333; text-decoration: none; } body .hidden { display: none; } body .visible { display: block; } body ul.simpleList, body ol.simpleList { margin-left: 0; padding-left: 0; } body ul.simpleList li, body ol.simpleList li { list-style: none; background: none; } body form .field input { margin: 1px 0 0 0; } body form input.text, body form textarea { resize: vertical; } body form input.action { cursor: pointer; } body .expandable { overflow: hidden; zoom: 1; } body table th, body table td { vertical-align: top; } body table tfoot { font-style: normal; } body .border-top { border-top: 1px dotted #6AADE4; } body .border-bottom { border-bottom: 1px dotted #6AADE4; } body .no-margin-bottom { margin-bottom: 0; } body #contentWrapperx .more a, body #contentWrapper .more a { color: #009999; } body .warning { color: #ff0000; } body .warning a { color: #ff0000; border-bottom: 1px solid; } body .helpText { background: url("../images/icons/icon-help3.png") no-repeat scroll right 0 transparent; padding-right: 15px; padding-top: 5px; display: inline-block; } body .fancy-link:after { color: #008c9a; content: " \00BB"; } body .padding-bottom { padding-bottom: 10px; } body table.two-column-table, body table.address-table { border: 1px solid #A0B3BE; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; margin-bottom: 0; } body table.two-column-table td, body table.address-table td { padding: 10px; width: 50%; } body table.two-column-table td:first-child, body table.address-table td:first-child { border-right: 1px dotted #A0B3BE; } body table.two-column-table h1, body table.two-column-table h2, body table.two-column-table h3, body table.two-column-table h4, body table.two-column-table h5, body table.two-column-table h5, body table.address-table h1, body table.address-table h2, body table.address-table h3, body table.address-table h4, body table.address-table h5, body table.address-table h5 { border: none; } body table.two-column-table h2, body table.address-table h2 { margin: 0 0 5px; font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 2em; font-weight: 600; line-height: normal; } body table.two-column-table ul, body table.address-table ul { margin-right: 0; margin-bottom: 0; } body table.two-column-table p, body table.address-table p { margin: 5px 0; } body table.two-column-table p a, body table.address-table p a { color: #008c9a; } body form .bad { color: #CB0101; } body .general-button, body .general-button:visited { display: inline-block; padding: 10px; color: #fff; background-color: #458ab5; text-align: center; line-height: 12px; text-transform: uppercase; font-size: 0.95em; } body .general-button:hover { background-color: #5a7c8f; color: #fff; text-decoration: none; } body .download-link { background-image: url(../images/download-arrows.png); background-position: 10px top; background-repeat: no-repeat; padding-left: 25px; } body .download-link:hover { background-position: 10px bottom; } body .field.link .middleColumn { margin-top: 5px; } body #brochure_list_Holder .fieldgroupField { display: inline-block; } #SkipLinks { left: -9999em; position: absolute; width: 20em; } #logoForPdf { display: none; } body.Page #headerWrapper, body.FaqHolder #headerWrapper, body.ErrorPage #headerWrapper, body.EnrollmentPlanPage #headerWrapper, body.PPApprovalPage #headerWrapper, body.PPUploadEnrolmentsPage #headerWrapper, body.DocumentOrderPage #headerWrapper { background: url(../images/header-colour-fullsat-flax-dblht-50q.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; } body.Page #layout.container, body.FaqHolder #layout.container, body.ErrorPage #layout.container, body.EnrollmentPlanPage #layout.container, body.PPApprovalPage #layout.container, body.PPUploadEnrolmentsPage #layout.container, body.DocumentOrderPage #layout.container { margin: auto; padding-left: 0; } body.Page #layout.container p#breadcrumbs, body.FaqHolder #layout.container p#breadcrumbs, body.ErrorPage #layout.container p#breadcrumbs, body.EnrollmentPlanPage #layout.container p#breadcrumbs, body.PPApprovalPage #layout.container p#breadcrumbs, body.PPUploadEnrolmentsPage #layout.container p#breadcrumbs, body.DocumentOrderPage #layout.container p#breadcrumbs { float: left; clear: none; } body.Page #layout.container #contentWrapperx, body.Page #layout.container #contentWrapper, body.FaqHolder #layout.container #contentWrapperx, body.FaqHolder #layout.container #contentWrapper, body.ErrorPage #layout.container #contentWrapperx, body.ErrorPage #layout.container #contentWrapper, body.EnrollmentPlanPage #layout.container #contentWrapperx, body.EnrollmentPlanPage #layout.container #contentWrapper, body.PPApprovalPage #layout.container #contentWrapperx, body.PPApprovalPage #layout.container #contentWrapper, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx, body.PPUploadEnrolmentsPage #layout.container #contentWrapper, body.DocumentOrderPage #layout.container #contentWrapperx, body.DocumentOrderPage #layout.container #contentWrapper { padding-left: 0; } body.Page #layout.container #contentWrapperx .managed-content p, body.Page #layout.container #contentWrapperx .managed-content h1, body.Page #layout.container #contentWrapperx .managed-content h2, body.Page #layout.container #contentWrapperx .managed-content h3, body.Page #layout.container #contentWrapperx .managed-content h4, body.Page #layout.container #contentWrapperx .managed-content h5, body.Page #layout.container #contentWrapperx .managed-content h6, body.Page #layout.container #contentWrapperx .managed-content table, body.Page #layout.container #contentWrapper .managed-content p, body.Page #layout.container #contentWrapper .managed-content h1, body.Page #layout.container #contentWrapper .managed-content h2, body.Page #layout.container #contentWrapper .managed-content h3, body.Page #layout.container #contentWrapper .managed-content h4, body.Page #layout.container #contentWrapper .managed-content h5, body.Page #layout.container #contentWrapper .managed-content h6, body.Page #layout.container #contentWrapper .managed-content table, body.FaqHolder #layout.container #contentWrapperx .managed-content p, body.FaqHolder #layout.container #contentWrapperx .managed-content h1, body.FaqHolder #layout.container #contentWrapperx .managed-content h2, body.FaqHolder #layout.container #contentWrapperx .managed-content h3, body.FaqHolder #layout.container #contentWrapperx .managed-content h4, body.FaqHolder #layout.container #contentWrapperx .managed-content h5, body.FaqHolder #layout.container #contentWrapperx .managed-content h6, body.FaqHolder #layout.container #contentWrapperx .managed-content table, body.FaqHolder #layout.container #contentWrapper .managed-content p, body.FaqHolder #layout.container #contentWrapper .managed-content h1, body.FaqHolder #layout.container #contentWrapper .managed-content h2, body.FaqHolder #layout.container #contentWrapper .managed-content h3, body.FaqHolder #layout.container #contentWrapper .managed-content h4, body.FaqHolder #layout.container #contentWrapper .managed-content h5, body.FaqHolder #layout.container #contentWrapper .managed-content h6, body.FaqHolder #layout.container #contentWrapper .managed-content table, body.ErrorPage #layout.container #contentWrapperx .managed-content p, body.ErrorPage #layout.container #contentWrapperx .managed-content h1, body.ErrorPage #layout.container #contentWrapperx .managed-content h2, body.ErrorPage #layout.container #contentWrapperx .managed-content h3, body.ErrorPage #layout.container #contentWrapperx .managed-content h4, body.ErrorPage #layout.container #contentWrapperx .managed-content h5, body.ErrorPage #layout.container #contentWrapperx .managed-content h6, body.ErrorPage #layout.container #contentWrapperx .managed-content table, body.ErrorPage #layout.container #contentWrapper .managed-content p, body.ErrorPage #layout.container #contentWrapper .managed-content h1, body.ErrorPage #layout.container #contentWrapper .managed-content h2, body.ErrorPage #layout.container #contentWrapper .managed-content h3, body.ErrorPage #layout.container #contentWrapper .managed-content h4, body.ErrorPage #layout.container #contentWrapper .managed-content h5, body.ErrorPage #layout.container #contentWrapper .managed-content h6, body.ErrorPage #layout.container #contentWrapper .managed-content table, body.EnrollmentPlanPage #layout.container #contentWrapperx .managed-content p, body.EnrollmentPlanPage #layout.container #contentWrapperx .managed-content h1, body.EnrollmentPlanPage #layout.container #contentWrapperx .managed-content h2, body.EnrollmentPlanPage #layout.container #contentWrapperx .managed-content h3, body.EnrollmentPlanPage #layout.container #contentWrapperx .managed-content h4, body.EnrollmentPlanPage #layout.container #contentWrapperx .managed-content h5, body.EnrollmentPlanPage #layout.container #contentWrapperx .managed-content h6, body.EnrollmentPlanPage #layout.container #contentWrapperx .managed-content table, body.EnrollmentPlanPage #layout.container #contentWrapper .managed-content p, body.EnrollmentPlanPage #layout.container #contentWrapper .managed-content h1, body.EnrollmentPlanPage #layout.container #contentWrapper .managed-content h2, body.EnrollmentPlanPage #layout.container #contentWrapper .managed-content h3, body.EnrollmentPlanPage #layout.container #contentWrapper .managed-content h4, body.EnrollmentPlanPage #layout.container #contentWrapper .managed-content h5, body.EnrollmentPlanPage #layout.container #contentWrapper .managed-content h6, body.EnrollmentPlanPage #layout.container #contentWrapper .managed-content table, body.PPApprovalPage #layout.container #contentWrapperx .managed-content p, body.PPApprovalPage #layout.container #contentWrapperx .managed-content h1, body.PPApprovalPage #layout.container #contentWrapperx .managed-content h2, body.PPApprovalPage #layout.container #contentWrapperx .managed-content h3, body.PPApprovalPage #layout.container #contentWrapperx .managed-content h4, body.PPApprovalPage #layout.container #contentWrapperx .managed-content h5, body.PPApprovalPage #layout.container #contentWrapperx .managed-content h6, body.PPApprovalPage #layout.container #contentWrapperx .managed-content table, body.PPApprovalPage #layout.container #contentWrapper .managed-content p, body.PPApprovalPage #layout.container #contentWrapper .managed-content h1, body.PPApprovalPage #layout.container #contentWrapper .managed-content h2, body.PPApprovalPage #layout.container #contentWrapper .managed-content h3, body.PPApprovalPage #layout.container #contentWrapper .managed-content h4, body.PPApprovalPage #layout.container #contentWrapper .managed-content h5, body.PPApprovalPage #layout.container #contentWrapper .managed-content h6, body.PPApprovalPage #layout.container #contentWrapper .managed-content table, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx .managed-content p, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx .managed-content h1, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx .managed-content h2, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx .managed-content h3, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx .managed-content h4, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx .managed-content h5, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx .managed-content h6, body.PPUploadEnrolmentsPage #layout.container #contentWrapperx .managed-content table, body.PPUploadEnrolmentsPage #layout.container #contentWrapper .managed-content p, body.PPUploadEnrolmentsPage #layout.container #contentWrapper .managed-content h1, body.PPUploadEnrolmentsPage #layout.container #contentWrapper .managed-content h2, body.PPUploadEnrolmentsPage #layout.container #contentWrapper .managed-content h3, body.PPUploadEnrolmentsPage #layout.container #contentWrapper .managed-content h4, body.PPUploadEnrolmentsPage #layout.container #contentWrapper .managed-content h5, body.PPUploadEnrolmentsPage #layout.container #contentWrapper .managed-content h6, body.PPUploadEnrolmentsPage #layout.container #contentWrapper .managed-content table, body.DocumentOrderPage #layout.container #contentWrapperx .managed-content p, body.DocumentOrderPage #layout.container #contentWrapperx .managed-content h1, body.DocumentOrderPage #layout.container #contentWrapperx .managed-content h2, body.DocumentOrderPage #layout.container #contentWrapperx .managed-content h3, body.DocumentOrderPage #layout.container #contentWrapperx .managed-content h4, body.DocumentOrderPage #layout.container #contentWrapperx .managed-content h5, body.DocumentOrderPage #layout.container #contentWrapperx .managed-content h6, body.DocumentOrderPage #layout.container #contentWrapperx .managed-content table, body.DocumentOrderPage #layout.container #contentWrapper .managed-content p, body.DocumentOrderPage #layout.container #contentWrapper .managed-content h1, body.DocumentOrderPage #layout.container #contentWrapper .managed-content h2, body.DocumentOrderPage #layout.container #contentWrapper .managed-content h3, body.DocumentOrderPage #layout.container #contentWrapper .managed-content h4, body.DocumentOrderPage #layout.container #contentWrapper .managed-content h5, body.DocumentOrderPage #layout.container #contentWrapper .managed-content h6, body.DocumentOrderPage #layout.container #contentWrapper .managed-content table { padding-left: 0; } body.Page #global-footer-wrapper #global-footer, body.FaqHolder #global-footer-wrapper #global-footer, body.ErrorPage #global-footer-wrapper #global-footer, body.EnrollmentPlanPage #global-footer-wrapper #global-footer, body.PPApprovalPage #global-footer-wrapper #global-footer, body.PPUploadEnrolmentsPage #global-footer-wrapper #global-footer, body.DocumentOrderPage #global-footer-wrapper #global-footer { padding-left: 10px; } body#minimalPage.PPApprovalPage #layout.container, body#minimalPage.PPUploadEnrolmentsPage #layout.container, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #layout.container, body#minimalPage.hasSubMenu.PPPartnerPage #layout.container, body#minimalPage.hasSubMenu.PPContractPage #layout.container, body#minimalPage.hasSubMenu.PPQualificationLandingPage #layout.container, body#minimalPage.hasSubMenu.PPContractEmailPage #layout.container { float: none; clear: both; margin: auto; padding: 0; max-width: 980px; } body#minimalPage.PPApprovalPage #layout.container #contentWrapper, body#minimalPage.PPUploadEnrolmentsPage #layout.container #contentWrapper, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #layout.container #contentWrapper, body#minimalPage.hasSubMenu.PPPartnerPage #layout.container #contentWrapper, body#minimalPage.hasSubMenu.PPContractPage #layout.container #contentWrapper, body#minimalPage.hasSubMenu.PPQualificationLandingPage #layout.container #contentWrapper, body#minimalPage.hasSubMenu.PPContractEmailPage #layout.container #contentWrapper { margin-left: 0; padding: 1px; } body#minimalPage.PPApprovalPage #layout.container #contentWrapper .contract .header h3, body#minimalPage.PPUploadEnrolmentsPage #layout.container #contentWrapper .contract .header h3, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #layout.container #contentWrapper .contract .header h3, body#minimalPage.hasSubMenu.PPPartnerPage #layout.container #contentWrapper .contract .header h3, body#minimalPage.hasSubMenu.PPContractPage #layout.container #contentWrapper .contract .header h3, body#minimalPage.hasSubMenu.PPQualificationLandingPage #layout.container #contentWrapper .contract .header h3, body#minimalPage.hasSubMenu.PPContractEmailPage #layout.container #contentWrapper .contract .header h3 { margin-top: 0; } body#minimalPage.PPApprovalPage #headerWrapper, body#minimalPage.PPUploadEnrolmentsPage #headerWrapper, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #headerWrapper, body#minimalPage.hasSubMenu.PPPartnerPage #headerWrapper, body#minimalPage.hasSubMenu.PPContractPage #headerWrapper, body#minimalPage.hasSubMenu.PPQualificationLandingPage #headerWrapper, body#minimalPage.hasSubMenu.PPContractEmailPage #headerWrapper { background: url(../images/header-colour-fullsat-flax-dblht-50q.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; min-width: 1000px; } body#minimalPage.PPApprovalPage #header, body#minimalPage.PPUploadEnrolmentsPage #header, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header, body#minimalPage.hasSubMenu.PPPartnerPage #header, body#minimalPage.hasSubMenu.PPContractPage #header, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header, body#minimalPage.hasSubMenu.PPContractEmailPage #header { height: 126px; max-width: 990px; } body#minimalPage.PPApprovalPage #header #branding, body#minimalPage.PPUploadEnrolmentsPage #header #branding, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #branding, body#minimalPage.hasSubMenu.PPPartnerPage #header #branding, body#minimalPage.hasSubMenu.PPContractPage #header #branding, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #branding, body#minimalPage.hasSubMenu.PPContractEmailPage #header #branding { height: 86px; } body#minimalPage.PPApprovalPage #header #menu #innermenu ul, body#minimalPage.PPUploadEnrolmentsPage #header #menu #innermenu ul, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #menu #innermenu ul, body#minimalPage.hasSubMenu.PPPartnerPage #header #menu #innermenu ul, body#minimalPage.hasSubMenu.PPContractPage #header #menu #innermenu ul, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #menu #innermenu ul, body#minimalPage.hasSubMenu.PPContractEmailPage #header #menu #innermenu ul { height: 40px; } body#minimalPage.PPApprovalPage #header #menu #innermenu ul li, body#minimalPage.PPUploadEnrolmentsPage #header #menu #innermenu ul li, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #menu #innermenu ul li, body#minimalPage.hasSubMenu.PPPartnerPage #header #menu #innermenu ul li, body#minimalPage.hasSubMenu.PPContractPage #header #menu #innermenu ul li, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #menu #innermenu ul li, body#minimalPage.hasSubMenu.PPContractEmailPage #header #menu #innermenu ul li { height: 40px; border-radius: 0; padding-top: 0; padding-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } body#minimalPage.PPApprovalPage #header #menu #innermenu ul li a, body#minimalPage.PPUploadEnrolmentsPage #header #menu #innermenu ul li a, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #menu #innermenu ul li a, body#minimalPage.hasSubMenu.PPPartnerPage #header #menu #innermenu ul li a, body#minimalPage.hasSubMenu.PPContractPage #header #menu #innermenu ul li a, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #menu #innermenu ul li a, body#minimalPage.hasSubMenu.PPContractEmailPage #header #menu #innermenu ul li a { padding-top: 0; font-size: 1.0em; background: none; height: auto; } body#minimalPage.PPApprovalPage #header #menu #innermenu ul li a span.title, body#minimalPage.PPUploadEnrolmentsPage #header #menu #innermenu ul li a span.title, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #menu #innermenu ul li a span.title, body#minimalPage.hasSubMenu.PPPartnerPage #header #menu #innermenu ul li a span.title, body#minimalPage.hasSubMenu.PPContractPage #header #menu #innermenu ul li a span.title, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #menu #innermenu ul li a span.title, body#minimalPage.hasSubMenu.PPContractEmailPage #header #menu #innermenu ul li a span.title { line-height: 40px; } body#minimalPage.PPApprovalPage #header #menu #innermenu ul li a:hover, body#minimalPage.PPUploadEnrolmentsPage #header #menu #innermenu ul li a:hover, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #menu #innermenu ul li a:hover, body#minimalPage.hasSubMenu.PPPartnerPage #header #menu #innermenu ul li a:hover, body#minimalPage.hasSubMenu.PPContractPage #header #menu #innermenu ul li a:hover, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #menu #innermenu ul li a:hover, body#minimalPage.hasSubMenu.PPContractEmailPage #header #menu #innermenu ul li a:hover { background: rgba(0, 49, 93, 0.7); height: 40px; } body#minimalPage.PPApprovalPage #header #menu #innermenu ul li a.section, body#minimalPage.PPUploadEnrolmentsPage #header #menu #innermenu ul li a.section, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #menu #innermenu ul li a.section, body#minimalPage.hasSubMenu.PPPartnerPage #header #menu #innermenu ul li a.section, body#minimalPage.hasSubMenu.PPContractPage #header #menu #innermenu ul li a.section, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #menu #innermenu ul li a.section, body#minimalPage.hasSubMenu.PPContractEmailPage #header #menu #innermenu ul li a.section { background: rgba(0, 153, 153, 0.7); border-bottom: 4px solid #00315D; height: 44px; } body#minimalPage.PPApprovalPage #header #menu #innermenu ul li:hover, body#minimalPage.PPUploadEnrolmentsPage #header #menu #innermenu ul li:hover, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #menu #innermenu ul li:hover, body#minimalPage.hasSubMenu.PPPartnerPage #header #menu #innermenu ul li:hover, body#minimalPage.hasSubMenu.PPContractPage #header #menu #innermenu ul li:hover, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #menu #innermenu ul li:hover, body#minimalPage.hasSubMenu.PPContractEmailPage #header #menu #innermenu ul li:hover { background: rgba(0, 49, 93, 0.7); height: 40px; } body#minimalPage.PPApprovalPage #header #menu #innermenu ul li.section, body#minimalPage.PPUploadEnrolmentsPage #header #menu #innermenu ul li.section, body#minimalPage.hasSubMenu.PPPartnerSettingsPage #header #menu #innermenu ul li.section, body#minimalPage.hasSubMenu.PPPartnerPage #header #menu #innermenu ul li.section, body#minimalPage.hasSubMenu.PPContractPage #header #menu #innermenu ul li.section, body#minimalPage.hasSubMenu.PPQualificationLandingPage #header #menu #innermenu ul li.section, body#minimalPage.hasSubMenu.PPContractEmailPage #header #menu #innermenu ul li.section { background: rgba(0, 153, 153, 0.7); border-bottom: 4px solid #00315D; height: 44px; } body#minimalPage.hasSubMenu.PPPartnerSettingsPage input[type="checkbox"] { margin-top: 0; } body.SSOForgotten #layout, body.ErrorPage #layout, body.FaqHolder #layout, body.DocumentOrderPage #layout, body.Page #layout { margin: auto; max-width: 960px; width: auto; } body.ErrorPage h1 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00315d; font-weight: 600; font-size: 2.62em; line-height: normal; padding-top: 0; padding-bottom: 0; font-size: 34px; } body.ErrorPage h2 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 2em; font-weight: 600; line-height: normal; } body.ErrorPage h3 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.69em; font-weight: 600; line-height: normal; } body.ErrorPage h4 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.54em; font-weight: 600; line-height: normal; } body.ErrorPage h5 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.125em; font-weight: 600; line-height: normal; } body.ErrorPage h6 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.0em; font-weight: 600; line-height: normal; } body#minimalPage.PPPartnerPage #contentWrapper h1, body#minimalPage.PPApprovalPage #contentWrapper h1, body#minimalPage.PPContractEmailPage #contentWrapper h1, body#minimalPage.PPUploadEnrolmentsPage #contentWrapper h1 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00315d; font-weight: 600; font-size: 2.62em; line-height: normal; padding-top: 0; padding-bottom: 0; } body#minimalPage.PPPartnerPage #contentWrapper h2, body#minimalPage.PPApprovalPage #contentWrapper h2, body#minimalPage.PPContractEmailPage #contentWrapper h2, body#minimalPage.PPUploadEnrolmentsPage #contentWrapper h2 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 2em; font-weight: 600; line-height: normal; } body#minimalPage.PPPartnerPage #contentWrapper h3, body#minimalPage.PPApprovalPage #contentWrapper h3, body#minimalPage.PPContractEmailPage #contentWrapper h3, body#minimalPage.PPUploadEnrolmentsPage #contentWrapper h3 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.69em; font-weight: 600; line-height: normal; } body#minimalPage.PPPartnerPage #contentWrapper h4, body#minimalPage.PPApprovalPage #contentWrapper h4, body#minimalPage.PPContractEmailPage #contentWrapper h4, body#minimalPage.PPUploadEnrolmentsPage #contentWrapper h4 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.54em; font-weight: 600; line-height: normal; } body#minimalPage.PPPartnerPage #contentWrapper h5, body#minimalPage.PPApprovalPage #contentWrapper h5, body#minimalPage.PPContractEmailPage #contentWrapper h5, body#minimalPage.PPUploadEnrolmentsPage #contentWrapper h5 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.125em; font-weight: 600; line-height: normal; } body#minimalPage.PPPartnerPage #contentWrapper h6, body#minimalPage.PPApprovalPage #contentWrapper h6, body#minimalPage.PPContractEmailPage #contentWrapper h6, body#minimalPage.PPUploadEnrolmentsPage #contentWrapper h6 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.0em; font-weight: 600; line-height: normal; } #header { position: relative; } #header #quickLinks { position: absolute; top: 54px; right: 251px; } #header #quickLinks li { margin: 0; color: #fff; } #header #quickLinks li a { color: #fff; text-transform: uppercase; font-size: 11px; } #header #quickLinks li span { float: left; } #header #quickLinks li span.sep { margin: -3px 7px 0 7px; } #header #tellMeMoreLink { float: right; font-size: 11px; color: #fff; } #header #menu { width: 100%; overflow: visible; box-sizing: border-box; } #header #menu #innermenu2 { display: none; } #subMenuContainer #subMenubutton i.fa { display: none; } #campaign-header { width: 500px; } #subMenu, #campaign-landing-subMenu { float: left; width: 200px; overflow: hidden; } #subMenu ul, #campaign-landing-subMenu ul { margin: 0; } #subMenu #firstLevelPageTitle, #campaign-landing-subMenu #firstLevelPageTitle { margin: 0; padding: 4px 0 0 16px; height: 40px; line-height: 38px; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; color: #fff; background-color: #00315d; border-radius: 0; position: relative; } #subMenu #firstLevelPageTitle span, #campaign-landing-subMenu #firstLevelPageTitle span { border-bottom: 4px solid #44697d; font-size: 1.35em; } #subMenu #firstLevelPageTitle a, #campaign-landing-subMenu #firstLevelPageTitle a { color: #fff; } #subMenu i.icon, #campaign-landing-subMenu i.icon { display: none; } #subMenu #subMenuList, #campaign-landing-subMenu #subMenuList { margin: 0 0 15px 0; padding: 0; font-size: 12px; color: #313263; background-color: #dde3e9; border-bottom: 2px solid #44697d; } #subMenu #subMenuList li, #campaign-landing-subMenu #subMenuList li { margin: 0; padding: 0; list-style: none; } #subMenu #subMenuList li.hasChildren.current, #campaign-landing-subMenu #subMenuList li.hasChildren.current { background: #acbac7; } #subMenu #subMenuList li.hasChildren.current span, #campaign-landing-subMenu #subMenuList li.hasChildren.current span { padding-left: 27px; font-weight: bold; } #subMenu #subMenuList li.hasChildren.current ul li.link, #campaign-landing-subMenu #subMenuList li.hasChildren.current ul li.link { background: #dde3e9; border-bottom: 1px solid #fff; padding-left: 22px; } #subMenu #subMenuList li.hasChildren.current ul li.link.last, #campaign-landing-subMenu #subMenuList li.hasChildren.current ul li.link.last { border-bottom: none; } #subMenu #subMenuList li.hasChildren.current ul li.link:hover, #campaign-landing-subMenu #subMenuList li.hasChildren.current ul li.link:hover { background: #acbac7; } #subMenu #subMenuList li.hasChildren.current ul li span, #campaign-landing-subMenu #subMenuList li.hasChildren.current ul li span { font-weight: normal; padding-left: 0; } #subMenu #subMenuList li.hasChildren.section ul, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul { border-top: 1px solid #fff; } #subMenu #subMenuList li.hasChildren.section ul li, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul li { border-bottom: 1px solid #fff; } #subMenu #subMenuList li.hasChildren.section ul li.link span, #subMenu #subMenuList li.hasChildren.section ul li.current span, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul li.link span, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul li.current span { font-weight: bold; padding-left: 20px; } #subMenu #subMenuList li.hasChildren.section ul li.link span em, #subMenu #subMenuList li.hasChildren.section ul li.current span em, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul li.link span em, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul li.current span em { padding-left: 20px; } #subMenu #subMenuList li.hasChildren.section ul li.link span, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul li.link span { font-weight: normal; } #subMenu #subMenuList li.hasChildren.section ul li.section, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul li.section { padding-left: 20px; } #subMenu #subMenuList li.hasChildren.section ul li.section span, #campaign-landing-subMenu #subMenuList li.hasChildren.section ul li.section span { padding-left: 0; } #subMenu #subMenuList li.hasChildren.last.current, #campaign-landing-subMenu #subMenuList li.hasChildren.last.current { border-bottom: none; } #subMenu #subMenuList li.hasChildren.last.current ul, #campaign-landing-subMenu #subMenuList li.hasChildren.last.current ul { border-top: 1px solid #8da2b1; } #subMenu #subMenuList li.hasChildren.last.current ul li.current.last, #campaign-landing-subMenu #subMenuList li.hasChildren.last.current ul li.current.last { border-bottom: none; } #subMenu #subMenuList li.link, #campaign-landing-subMenu #subMenuList li.link { border-bottom: 1px solid #8da2b1; } #subMenu #subMenuList li.link:hover, #campaign-landing-subMenu #subMenuList li.link:hover { background: #acbac7; } #subMenu #subMenuList li.link i, #campaign-landing-subMenu #subMenuList li.link i { padding-left: 18px; padding-right: 3px; } #subMenu #subMenuList li.current, #campaign-landing-subMenu #subMenuList li.current { background: #acbac7; padding-left: 0; border-bottom: 1px solid #8da2b1; } #subMenu #subMenuList li.current i, #subMenu #subMenuList li.section i, #campaign-landing-subMenu #subMenuList li.current i, #campaign-landing-subMenu #subMenuList li.section i { color: #00315d; vertical-align: middle; width: auto; padding-left: 14px; font-size: 1.3em; padding-right: 3px; } #subMenu #subMenuList li a, #campaign-landing-subMenu #subMenuList li a { display: block; font-family: Arial, Helvetica, sans-serif; color: #00315d; } #subMenu #subMenuList li a:hover, #campaign-landing-subMenu #subMenuList li a:hover { text-decoration: none; } #subMenu #subMenuList li a i.fa, #campaign-landing-subMenu #subMenuList li a i.fa { font-family: FontAwesome; } #subMenu #subMenuList li a span, #campaign-landing-subMenu #subMenuList li a span { position: relative; bottom: -1px; display: block; padding: 6px 17px; } #subMenu #subMenuList li a span em, #campaign-landing-subMenu #subMenuList li a span em { position: absolute; left: -10px; top: 5px; font-style: normal; } #subMenu #subMenuList li ul li a, #campaign-landing-subMenu #subMenuList li ul li a { padding-left: 14px; } #subMenu #subMenuList li ul li a span, #campaign-landing-subMenu #subMenuList li ul li a span { padding-left: 12px; } #campaign-landing-subMenu { background-color: #fff; margin: 0; width: 180px; } #campaign-landing-subMenu h2 { font-size: 18px; } #campaign-landing-subMenu #subMenuList li a span { margin-left: 0; padding-right: 8px; padding-left: 6px; } #campaign-header { margin-top: 0; } #questions { padding: 0; } #Faqs h1 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00315d; font-weight: 600; font-size: 2.62em; line-height: normal; padding-top: 0; padding-bottom: 0; } #Faqs h2 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 2em; font-weight: 600; line-height: normal; } #Faqs h3 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.69em; font-weight: 600; line-height: normal; } #Faqs h4 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.54em; font-weight: 600; line-height: normal; } #Faqs h5 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.125em; font-weight: 600; line-height: normal; } #Faqs h6 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.0em; font-weight: 600; line-height: normal; } #Faqs .faqsection { padding: 16px 0 0 13px; border-bottom: dotted 1px #c2c2c2; } #Faqs .lastsection { padding-bottom: 20px; } #Form_FaqContactForm label { width: 100%; font-weight: bold; } #Form_FaqContactForm .Actions .action { display: block; line-height: 0; border: none; text-indent: -9999em; cursor: pointer; overflow: hidden; margin: 15px 250px 15px 0; background-image: none; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; text-indent: 0; line-height: normal; } #Form_FaqContactForm .Actions .action:disabled { cursor: auto; } #Form_FaqContactForm .Actions .action:hover { background: #00315d; } #Form_FaqContactForm textarea { width: auto; background-color: #e7e7e7; background-image: url("../images/formfieldgrad.jpg") repeat-x; min-width: 260px; } #Form_FaqContactForm input[type=email] { box-sizing: border-box; height: 36px; background: url(../images/formfieldgrad.jpg) repeat-x; border-radius: 0; margin-bottom: 10px; width: auto; min-width: 260px; } #Faqs { margin-left: 0; padding-left: 0; padding-bottom: 10px; } #Faqs #questions.faqsection.row.large-collapse { padding: 0; border-bottom: none; } #Faqs #questions h3 { margin: 0; font-size: 1.25rem; } #Faqs ul.accordion { background: #dee3e9; margin-left: 0; } #Faqs ul.accordion li:hover { background: #acbac7; } #Faqs ul.accordion li.accordion-navigation { list-style-type: none; width: 100%; position: relative; } #Faqs ul.accordion li.accordion-navigation a { background: none; font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; font-weight: bold; text-decoration: none; color: #00315d; font-size: 1.13rem; margin: 0 !important; padding: 10px 10px; } #Faqs ul.accordion li.accordion-navigation a i.fa.fa-angle-right, #Faqs ul.accordion li.accordion-navigation a i.fa.fa-angle-down { position: absolute; font-size: 1.75rem; text-align: right; display: inline-block; right: 30px; } #Faqs ul.accordion li.accordion-navigation a i.fa.fa-angle-down { display: none; } #Faqs ul.accordion li.accordion-navigation.active a i.fa.fa-angle-right { display: none; } #Faqs ul.accordion li.accordion-navigation.active a i.fa.fa-angle-down { display: inline-block; } #Faqs .answerholder { padding-left: 20px; } #Faqs .answerholder .answer p.fancy-link a, #Faqs .answerholder .answer a.fancy-link { font-size: 1.0em; color: #008c9a; font-weight: normal; font-family: inherit; padding-left: 0; padding-right: 0; } #Faqs .answerholder .answer .fancy-link:after { color: #008c9a; content: " \00BB"; } #upperWrapper { min-height: 100%; } #layout { background-color: #fff; min-height: 600px; max-width: 980px; margin: auto; height: auto; } #contentWrapper { float: left; margin-top: 16px; padding-bottom: 20px; width: 728px; } #contentWrapper.no-sidebar { width: auto; } #contentWrapper #login_button { display: block; width: 96px; height: 30px; background: url(../images/login-button.gif) no-repeat 0 0; text-indent: -999em; } #contentWrapper #login_button:hover { background-position: 0 -30px; } body.hasSubMenu #contentWrapper { width: 528px; } #breadcrumbs { float: left; font-size: .85em; color: #44697D; margin-bottom: 0; } #breadcrumbs a { color: #44697D; } #breadcrumbs span { font-weight: bold; } #pageUtils { float: right; margin-top: 0; } #pageUtils ul li { margin: 0; } #pageUtils ul li p { float: left; margin: 0 5px 0 0; font-size: 12px; } #pageUtils ul li .addthis_toolbox { float: left; } #pageUtils ul li a.addthis_button_pdfonline span { background: transparent url(../images/icons/icon-pdf.png) top left no-repeat; } div.intro p { font-size: 15px; line-height: 20px; } div.intro h1 { margin-top: 0; } #contentWrapper #DocsAndBrochure, #contentWrapperx #DocsAndBrochure, #AboutContent #DocsAndBrochure { margin-top: 18px; } #contentWrapper #DocsAndBrochure #getBrochure, #contentWrapperx #DocsAndBrochure #getBrochure, #AboutContent #DocsAndBrochure #getBrochure { margin-top: 4px; } #contentWrapper .documentDownload, #contentWrapperx .documentDownload, #AboutContent .documentDownload { background: #ECEFF3 url(../images/grey-box-bottom.gif) no-repeat 0 100%; margin-top: 4px; float: left; } #contentWrapper .documentDownload ul, #contentWrapperx .documentDownload ul, #AboutContent .documentDownload ul { background: transparent url(../images/grey-box-top.gif) no-repeat 0 0; margin: 0; padding: 5px 10px 3px 10px; } #contentWrapper .documentDownload ul li, #contentWrapperx .documentDownload ul li, #AboutContent .documentDownload ul li { list-style: none; margin-bottom: 3px; } #contentWrapper .documentDownload ul li a, #contentWrapperx .documentDownload ul li a, #AboutContent .documentDownload ul li a { padding: 3px 0 2px 20px; background: url(../images/icons/doc-pdf.gif) no-repeat 0 50%; } #contentWrapper .documentDownload ul li.doc a, #contentWrapper .documentDownload ul li.docx a, #contentWrapperx .documentDownload ul li.doc a, #contentWrapperx .documentDownload ul li.docx a, #AboutContent .documentDownload ul li.doc a, #AboutContent .documentDownload ul li.docx a { background: url(../images/icons/doc-doc.png) no-repeat 0 50%; } #contentWrapper .documentDownload ul li.xls a, #contentWrapper .documentDownload ul li.xlsx a, #contentWrapper .documentDownload ul li.csv a, #contentWrapperx .documentDownload ul li.xls a, #contentWrapperx .documentDownload ul li.xlsx a, #contentWrapperx .documentDownload ul li.csv a, #AboutContent .documentDownload ul li.xls a, #AboutContent .documentDownload ul li.xlsx a, #AboutContent .documentDownload ul li.csv a { background: url(../images/icons/doc-excel.gif) no-repeat 0 50%; } #contentWrapper .documentDownload ul li.ppt a, #contentWrapperx .documentDownload ul li.ppt a, #AboutContent .documentDownload ul li.ppt a { background: url(../images/icons/doc-ppt.gif) no-repeat 0 50%; } #contentWrapper .documentDownload ul li.ppt span.separator, #contentWrapperx .documentDownload ul li.ppt span.separator, #AboutContent .documentDownload ul li.ppt span.separator { margin: 0 5px; } #contentWrapper .documentDownload ul .extension, #contentWrapperx .documentDownload ul .extension, #AboutContent .documentDownload ul .extension { text-transform: uppercase; } #contentWrapper #getBrochure, #contentWrapperx #getBrochure, #AboutContent #getBrochure { margin-top: 18px; padding-left: 70px; height: 60px; background: transparent url(../images/get-brochure.gif) no-repeat 0 0; } #contentWrapper #getBrochure h3, #contentWrapperx #getBrochure h3, #AboutContent #getBrochure h3 { padding: 3px 0 0 0; margin: 0; color: #fff; font-size: 16px; padding-top: 10px; } #contentWrapper #getBrochure h3 .sep, #contentWrapperx #getBrochure h3 .sep, #AboutContent #getBrochure h3 .sep { padding: 0 10px; } #contentWrapper #getBrochure h3 .fileDetails, #contentWrapperx #getBrochure h3 .fileDetails, #AboutContent #getBrochure h3 .fileDetails { font-size: 14px; } #contentWrapper #getBrochure h3 em, #contentWrapperx #getBrochure h3 em, #AboutContent #getBrochure h3 em { text-transform: uppercase; font-style: normal; } #contentWrapper #getBrochure h3 a, #contentWrapperx #getBrochure h3 a, #AboutContent #getBrochure h3 a { background: none; } #contentWrapper #getBrochure p, #contentWrapperx #getBrochure p, #AboutContent #getBrochure p { color: #fff; margin: 3px 0 0; padding: 0; } #contentWrapper #getBrochure p a, #contentWrapperx #getBrochure p a, #AboutContent #getBrochure p a { color: #fff; } #contentWrapper #findOutMoreWrapper, #contentWrapperx #findOutMoreWrapper, #AboutContent #findOutMoreWrapper { margin-top: 18px; background: url(../images/find-out-more-bg-bottom.gif) no-repeat 0 100%; } #contentWrapper #findOutMoreWrapper #findOutMore, #contentWrapperx #findOutMoreWrapper #findOutMore, #AboutContent #findOutMoreWrapper #findOutMore { padding: 1px 10px 15px; background: url(../images/find-out-more-bg-top.gif) no-repeat 0 0; } #contentWrapper #findOutMoreWrapper #findOutMore h3, #contentWrapperx #findOutMoreWrapper #findOutMore h3, #AboutContent #findOutMoreWrapper #findOutMore h3 { font-size: 16px; text-transform: uppercase; } #contentWrapper #findOutMoreWrapper #findOutMore ul, #contentWrapperx #findOutMoreWrapper #findOutMore ul, #AboutContent #findOutMoreWrapper #findOutMore ul { margin-bottom: 0; padding-bottom: 0; } #contentWrapper #findOutMoreWrapper #findOutMore ul li a, #contentWrapperx #findOutMoreWrapper #findOutMore ul li a, #AboutContent #findOutMoreWrapper #findOutMore ul li a { font-size: 14px; } #contentWrapper #findOutMoreWrapper #findOutMore ul li a:after, #contentWrapperx #findOutMoreWrapper #findOutMore ul li a:after, #AboutContent #findOutMoreWrapper #findOutMore ul li a:after { content: " \BB"; } body.partnerPortal #layout #getBrochure h3 a { color: #fff; } body.Page #layout, body.LandingPage #layout, body.hasSubMenu.BlogEntry #layout, body.hasSubMenu.BlogHolder #layout, body.hasSubMenu.StaffHolderPage #layout, body.StudentProfileArea #layout, body.StudentProfileLandingPage #layout, body.StudentProfilePage #layout, body.SubjectsAndCoursesPage #layout, body.Programme #layout, body.CustomCoursePage #layout, body.CustomSubcategoryPage #layout, body.Course #layout, body.ContactPage #layout, body.SSOLogin #layout, body.SSOChange #layout, body.WebchatPage #layout, body.FaqHolder #layout { margin: auto; padding-top: 5px; } body.Page #layout #breadcrumbs, body.LandingPage #layout #breadcrumbs, body.hasSubMenu.BlogEntry #layout #breadcrumbs, body.hasSubMenu.BlogHolder #layout #breadcrumbs, body.hasSubMenu.StaffHolderPage #layout #breadcrumbs, body.StudentProfileArea #layout #breadcrumbs, body.StudentProfileLandingPage #layout #breadcrumbs, body.StudentProfilePage #layout #breadcrumbs, body.SubjectsAndCoursesPage #layout #breadcrumbs, body.Programme #layout #breadcrumbs, body.CustomCoursePage #layout #breadcrumbs, body.CustomSubcategoryPage #layout #breadcrumbs, body.Course #layout #breadcrumbs, body.ContactPage #layout #breadcrumbs, body.SSOLogin #layout #breadcrumbs, body.SSOChange #layout #breadcrumbs, body.WebchatPage #layout #breadcrumbs, body.FaqHolder #layout #breadcrumbs { padding-left: 0; } body.Page #layout h1, body.LandingPage #layout h1, body.hasSubMenu.BlogEntry #layout h1, body.hasSubMenu.BlogHolder #layout h1, body.hasSubMenu.StaffHolderPage #layout h1, body.StudentProfileArea #layout h1, body.StudentProfileLandingPage #layout h1, body.StudentProfilePage #layout h1, body.SubjectsAndCoursesPage #layout h1, body.Programme #layout h1, body.CustomCoursePage #layout h1, body.CustomSubcategoryPage #layout h1, body.Course #layout h1, body.ContactPage #layout h1, body.SSOLogin #layout h1, body.SSOChange #layout h1, body.WebchatPage #layout h1, body.FaqHolder #layout h1 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00315d; font-weight: 600; font-size: 2.62em; line-height: normal; padding-top: 0; padding-bottom: 0; } body.Page #layout h1.agendaregularcond, body.LandingPage #layout h1.agendaregularcond, body.hasSubMenu.BlogEntry #layout h1.agendaregularcond, body.hasSubMenu.BlogHolder #layout h1.agendaregularcond, body.hasSubMenu.StaffHolderPage #layout h1.agendaregularcond, body.StudentProfileArea #layout h1.agendaregularcond, body.StudentProfileLandingPage #layout h1.agendaregularcond, body.StudentProfilePage #layout h1.agendaregularcond, body.SubjectsAndCoursesPage #layout h1.agendaregularcond, body.Programme #layout h1.agendaregularcond, body.CustomCoursePage #layout h1.agendaregularcond, body.CustomSubcategoryPage #layout h1.agendaregularcond, body.Course #layout h1.agendaregularcond, body.ContactPage #layout h1.agendaregularcond, body.SSOLogin #layout h1.agendaregularcond, body.SSOChange #layout h1.agendaregularcond, body.WebchatPage #layout h1.agendaregularcond, body.FaqHolder #layout h1.agendaregularcond { font-family: 'Agenda_RegularCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; line-height: 1.15em; } body.Page #layout h2, body.LandingPage #layout h2, body.hasSubMenu.BlogEntry #layout h2, body.hasSubMenu.BlogHolder #layout h2, body.hasSubMenu.StaffHolderPage #layout h2, body.StudentProfileArea #layout h2, body.StudentProfileLandingPage #layout h2, body.StudentProfilePage #layout h2, body.SubjectsAndCoursesPage #layout h2, body.Programme #layout h2, body.CustomCoursePage #layout h2, body.CustomSubcategoryPage #layout h2, body.Course #layout h2, body.ContactPage #layout h2, body.SSOLogin #layout h2, body.SSOChange #layout h2, body.WebchatPage #layout h2, body.FaqHolder #layout h2 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 2em; font-weight: 600; line-height: normal; } body.Page #layout .landing-box h2, body.LandingPage #layout .landing-box h2, body.hasSubMenu.BlogEntry #layout .landing-box h2, body.hasSubMenu.BlogHolder #layout .landing-box h2, body.hasSubMenu.StaffHolderPage #layout .landing-box h2, body.StudentProfileArea #layout .landing-box h2, body.StudentProfileLandingPage #layout .landing-box h2, body.StudentProfilePage #layout .landing-box h2, body.SubjectsAndCoursesPage #layout .landing-box h2, body.Programme #layout .landing-box h2, body.CustomCoursePage #layout .landing-box h2, body.CustomSubcategoryPage #layout .landing-box h2, body.Course #layout .landing-box h2, body.ContactPage #layout .landing-box h2, body.SSOLogin #layout .landing-box h2, body.SSOChange #layout .landing-box h2, body.WebchatPage #layout .landing-box h2, body.FaqHolder #layout .landing-box h2 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.69em; font-weight: 600; line-height: normal; padding-top: 0; padding-bottom: 0; line-height: 1em; } body.Page #layout h3, body.LandingPage #layout h3, body.hasSubMenu.BlogEntry #layout h3, body.hasSubMenu.BlogHolder #layout h3, body.hasSubMenu.StaffHolderPage #layout h3, body.StudentProfileArea #layout h3, body.StudentProfileLandingPage #layout h3, body.StudentProfilePage #layout h3, body.SubjectsAndCoursesPage #layout h3, body.Programme #layout h3, body.CustomCoursePage #layout h3, body.CustomSubcategoryPage #layout h3, body.Course #layout h3, body.ContactPage #layout h3, body.SSOLogin #layout h3, body.SSOChange #layout h3, body.WebchatPage #layout h3, body.FaqHolder #layout h3 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.69em; font-weight: 600; line-height: normal; } body.Page #layout h3.agendasemiboldcond, body.LandingPage #layout h3.agendasemiboldcond, body.hasSubMenu.BlogEntry #layout h3.agendasemiboldcond, body.hasSubMenu.BlogHolder #layout h3.agendasemiboldcond, body.hasSubMenu.StaffHolderPage #layout h3.agendasemiboldcond, body.StudentProfileArea #layout h3.agendasemiboldcond, body.StudentProfileLandingPage #layout h3.agendasemiboldcond, body.StudentProfilePage #layout h3.agendasemiboldcond, body.SubjectsAndCoursesPage #layout h3.agendasemiboldcond, body.Programme #layout h3.agendasemiboldcond, body.CustomCoursePage #layout h3.agendasemiboldcond, body.CustomSubcategoryPage #layout h3.agendasemiboldcond, body.Course #layout h3.agendasemiboldcond, body.ContactPage #layout h3.agendasemiboldcond, body.SSOLogin #layout h3.agendasemiboldcond, body.SSOChange #layout h3.agendasemiboldcond, body.WebchatPage #layout h3.agendasemiboldcond, body.FaqHolder #layout h3.agendasemiboldcond { font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; } body.Page #layout h4, body.LandingPage #layout h4, body.hasSubMenu.BlogEntry #layout h4, body.hasSubMenu.BlogHolder #layout h4, body.hasSubMenu.StaffHolderPage #layout h4, body.StudentProfileArea #layout h4, body.StudentProfileLandingPage #layout h4, body.StudentProfilePage #layout h4, body.SubjectsAndCoursesPage #layout h4, body.Programme #layout h4, body.CustomCoursePage #layout h4, body.CustomSubcategoryPage #layout h4, body.Course #layout h4, body.ContactPage #layout h4, body.SSOLogin #layout h4, body.SSOChange #layout h4, body.WebchatPage #layout h4, body.FaqHolder #layout h4 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.54em; font-weight: 600; line-height: normal; } body.Page #layout h5, body.LandingPage #layout h5, body.hasSubMenu.BlogEntry #layout h5, body.hasSubMenu.BlogHolder #layout h5, body.hasSubMenu.StaffHolderPage #layout h5, body.StudentProfileArea #layout h5, body.StudentProfileLandingPage #layout h5, body.StudentProfilePage #layout h5, body.SubjectsAndCoursesPage #layout h5, body.Programme #layout h5, body.CustomCoursePage #layout h5, body.CustomSubcategoryPage #layout h5, body.Course #layout h5, body.ContactPage #layout h5, body.SSOLogin #layout h5, body.SSOChange #layout h5, body.WebchatPage #layout h5, body.FaqHolder #layout h5 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.125em; font-weight: 600; line-height: normal; } body.Page #layout h6, body.LandingPage #layout h6, body.hasSubMenu.BlogEntry #layout h6, body.hasSubMenu.BlogHolder #layout h6, body.hasSubMenu.StaffHolderPage #layout h6, body.StudentProfileArea #layout h6, body.StudentProfileLandingPage #layout h6, body.StudentProfilePage #layout h6, body.SubjectsAndCoursesPage #layout h6, body.Programme #layout h6, body.CustomCoursePage #layout h6, body.CustomSubcategoryPage #layout h6, body.Course #layout h6, body.ContactPage #layout h6, body.SSOLogin #layout h6, body.SSOChange #layout h6, body.WebchatPage #layout h6, body.FaqHolder #layout h6 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.0em; font-weight: 600; line-height: normal; } body.Page #layout div.intro a, body.Page #layout div.intro a:link, body.Page #layout div.intro a:active, body.Page #layout div.intro a:hover, body.Page #layout div.intro a:visited, body.Page #layout div.landing-box a, body.Page #layout div.landing-box a:link, body.Page #layout div.landing-box a:active, body.Page #layout div.landing-box a:hover, body.Page #layout div.landing-box a:visited, body.LandingPage #layout div.intro a, body.LandingPage #layout div.intro a:link, body.LandingPage #layout div.intro a:active, body.LandingPage #layout div.intro a:hover, body.LandingPage #layout div.intro a:visited, body.LandingPage #layout div.landing-box a, body.LandingPage #layout div.landing-box a:link, body.LandingPage #layout div.landing-box a:active, body.LandingPage #layout div.landing-box a:hover, body.LandingPage #layout div.landing-box a:visited, body.hasSubMenu.BlogEntry #layout div.intro a, body.hasSubMenu.BlogEntry #layout div.intro a:link, body.hasSubMenu.BlogEntry #layout div.intro a:active, body.hasSubMenu.BlogEntry #layout div.intro a:hover, body.hasSubMenu.BlogEntry #layout div.intro a:visited, body.hasSubMenu.BlogEntry #layout div.landing-box a, body.hasSubMenu.BlogEntry #layout div.landing-box a:link, body.hasSubMenu.BlogEntry #layout div.landing-box a:active, body.hasSubMenu.BlogEntry #layout div.landing-box a:hover, body.hasSubMenu.BlogEntry #layout div.landing-box a:visited, body.hasSubMenu.BlogHolder #layout div.intro a, body.hasSubMenu.BlogHolder #layout div.intro a:link, body.hasSubMenu.BlogHolder #layout div.intro a:active, body.hasSubMenu.BlogHolder #layout div.intro a:hover, body.hasSubMenu.BlogHolder #layout div.intro a:visited, body.hasSubMenu.BlogHolder #layout div.landing-box a, body.hasSubMenu.BlogHolder #layout div.landing-box a:link, body.hasSubMenu.BlogHolder #layout div.landing-box a:active, body.hasSubMenu.BlogHolder #layout div.landing-box a:hover, body.hasSubMenu.BlogHolder #layout div.landing-box a:visited, body.hasSubMenu.StaffHolderPage #layout div.intro a, body.hasSubMenu.StaffHolderPage #layout div.intro a:link, body.hasSubMenu.StaffHolderPage #layout div.intro a:active, body.hasSubMenu.StaffHolderPage #layout div.intro a:hover, body.hasSubMenu.StaffHolderPage #layout div.intro a:visited, body.hasSubMenu.StaffHolderPage #layout div.landing-box a, body.hasSubMenu.StaffHolderPage #layout div.landing-box a:link, body.hasSubMenu.StaffHolderPage #layout div.landing-box a:active, body.hasSubMenu.StaffHolderPage #layout div.landing-box a:hover, body.hasSubMenu.StaffHolderPage #layout div.landing-box a:visited, body.StudentProfileArea #layout div.intro a, body.StudentProfileArea #layout div.intro a:link, body.StudentProfileArea #layout div.intro a:active, body.StudentProfileArea #layout div.intro a:hover, body.StudentProfileArea #layout div.intro a:visited, body.StudentProfileArea #layout div.landing-box a, body.StudentProfileArea #layout div.landing-box a:link, body.StudentProfileArea #layout div.landing-box a:active, body.StudentProfileArea #layout div.landing-box a:hover, body.StudentProfileArea #layout div.landing-box a:visited, body.StudentProfileLandingPage #layout div.intro a, body.StudentProfileLandingPage #layout div.intro a:link, body.StudentProfileLandingPage #layout div.intro a:active, body.StudentProfileLandingPage #layout div.intro a:hover, body.StudentProfileLandingPage #layout div.intro a:visited, body.StudentProfileLandingPage #layout div.landing-box a, body.StudentProfileLandingPage #layout div.landing-box a:link, body.StudentProfileLandingPage #layout div.landing-box a:active, body.StudentProfileLandingPage #layout div.landing-box a:hover, body.StudentProfileLandingPage #layout div.landing-box a:visited, body.StudentProfilePage #layout div.intro a, body.StudentProfilePage #layout div.intro a:link, body.StudentProfilePage #layout div.intro a:active, body.StudentProfilePage #layout div.intro a:hover, body.StudentProfilePage #layout div.intro a:visited, body.StudentProfilePage #layout div.landing-box a, body.StudentProfilePage #layout div.landing-box a:link, body.StudentProfilePage #layout div.landing-box a:active, body.StudentProfilePage #layout div.landing-box a:hover, body.StudentProfilePage #layout div.landing-box a:visited, body.SubjectsAndCoursesPage #layout div.intro a, body.SubjectsAndCoursesPage #layout div.intro a:link, body.SubjectsAndCoursesPage #layout div.intro a:active, body.SubjectsAndCoursesPage #layout div.intro a:hover, body.SubjectsAndCoursesPage #layout div.intro a:visited, body.SubjectsAndCoursesPage #layout div.landing-box a, body.SubjectsAndCoursesPage #layout div.landing-box a:link, body.SubjectsAndCoursesPage #layout div.landing-box a:active, body.SubjectsAndCoursesPage #layout div.landing-box a:hover, body.SubjectsAndCoursesPage #layout div.landing-box a:visited, body.Programme #layout div.intro a, body.Programme #layout div.intro a:link, body.Programme #layout div.intro a:active, body.Programme #layout div.intro a:hover, body.Programme #layout div.intro a:visited, body.Programme #layout div.landing-box a, body.Programme #layout div.landing-box a:link, body.Programme #layout div.landing-box a:active, body.Programme #layout div.landing-box a:hover, body.Programme #layout div.landing-box a:visited, body.CustomCoursePage #layout div.intro a, body.CustomCoursePage #layout div.intro a:link, body.CustomCoursePage #layout div.intro a:active, body.CustomCoursePage #layout div.intro a:hover, body.CustomCoursePage #layout div.intro a:visited, body.CustomCoursePage #layout div.landing-box a, body.CustomCoursePage #layout div.landing-box a:link, body.CustomCoursePage #layout div.landing-box a:active, body.CustomCoursePage #layout div.landing-box a:hover, body.CustomCoursePage #layout div.landing-box a:visited, body.CustomSubcategoryPage #layout div.intro a, body.CustomSubcategoryPage #layout div.intro a:link, body.CustomSubcategoryPage #layout div.intro a:active, body.CustomSubcategoryPage #layout div.intro a:hover, body.CustomSubcategoryPage #layout div.intro a:visited, body.CustomSubcategoryPage #layout div.landing-box a, body.CustomSubcategoryPage #layout div.landing-box a:link, body.CustomSubcategoryPage #layout div.landing-box a:active, body.CustomSubcategoryPage #layout div.landing-box a:hover, body.CustomSubcategoryPage #layout div.landing-box a:visited, body.Course #layout div.intro a, body.Course #layout div.intro a:link, body.Course #layout div.intro a:active, body.Course #layout div.intro a:hover, body.Course #layout div.intro a:visited, body.Course #layout div.landing-box a, body.Course #layout div.landing-box a:link, body.Course #layout div.landing-box a:active, body.Course #layout div.landing-box a:hover, body.Course #layout div.landing-box a:visited, body.ContactPage #layout div.intro a, body.ContactPage #layout div.intro a:link, body.ContactPage #layout div.intro a:active, body.ContactPage #layout div.intro a:hover, body.ContactPage #layout div.intro a:visited, body.ContactPage #layout div.landing-box a, body.ContactPage #layout div.landing-box a:link, body.ContactPage #layout div.landing-box a:active, body.ContactPage #layout div.landing-box a:hover, body.ContactPage #layout div.landing-box a:visited, body.SSOLogin #layout div.intro a, body.SSOLogin #layout div.intro a:link, body.SSOLogin #layout div.intro a:active, body.SSOLogin #layout div.intro a:hover, body.SSOLogin #layout div.intro a:visited, body.SSOLogin #layout div.landing-box a, body.SSOLogin #layout div.landing-box a:link, body.SSOLogin #layout div.landing-box a:active, body.SSOLogin #layout div.landing-box a:hover, body.SSOLogin #layout div.landing-box a:visited, body.SSOChange #layout div.intro a, body.SSOChange #layout div.intro a:link, body.SSOChange #layout div.intro a:active, body.SSOChange #layout div.intro a:hover, body.SSOChange #layout div.intro a:visited, body.SSOChange #layout div.landing-box a, body.SSOChange #layout div.landing-box a:link, body.SSOChange #layout div.landing-box a:active, body.SSOChange #layout div.landing-box a:hover, body.SSOChange #layout div.landing-box a:visited, body.WebchatPage #layout div.intro a, body.WebchatPage #layout div.intro a:link, body.WebchatPage #layout div.intro a:active, body.WebchatPage #layout div.intro a:hover, body.WebchatPage #layout div.intro a:visited, body.WebchatPage #layout div.landing-box a, body.WebchatPage #layout div.landing-box a:link, body.WebchatPage #layout div.landing-box a:active, body.WebchatPage #layout div.landing-box a:hover, body.WebchatPage #layout div.landing-box a:visited, body.FaqHolder #layout div.intro a, body.FaqHolder #layout div.intro a:link, body.FaqHolder #layout div.intro a:active, body.FaqHolder #layout div.intro a:hover, body.FaqHolder #layout div.intro a:visited, body.FaqHolder #layout div.landing-box a, body.FaqHolder #layout div.landing-box a:link, body.FaqHolder #layout div.landing-box a:active, body.FaqHolder #layout div.landing-box a:hover, body.FaqHolder #layout div.landing-box a:visited { color: #008c9a; } body.Page #layout div.intro a.general-button, body.Page #layout div.intro a:link.general-button, body.Page #layout div.intro a:active.general-button, body.Page #layout div.intro a:hover.general-button, body.Page #layout div.intro a:visited.general-button, body.Page #layout div.landing-box a.general-button, body.Page #layout div.landing-box a:link.general-button, body.Page #layout div.landing-box a:active.general-button, body.Page #layout div.landing-box a:hover.general-button, body.Page #layout div.landing-box a:visited.general-button, body.LandingPage #layout div.intro a.general-button, body.LandingPage #layout div.intro a:link.general-button, body.LandingPage #layout div.intro a:active.general-button, body.LandingPage #layout div.intro a:hover.general-button, body.LandingPage #layout div.intro a:visited.general-button, body.LandingPage #layout div.landing-box a.general-button, body.LandingPage #layout div.landing-box a:link.general-button, body.LandingPage #layout div.landing-box a:active.general-button, body.LandingPage #layout div.landing-box a:hover.general-button, body.LandingPage #layout div.landing-box a:visited.general-button, body.hasSubMenu.BlogEntry #layout div.intro a.general-button, body.hasSubMenu.BlogEntry #layout div.intro a:link.general-button, body.hasSubMenu.BlogEntry #layout div.intro a:active.general-button, body.hasSubMenu.BlogEntry #layout div.intro a:hover.general-button, body.hasSubMenu.BlogEntry #layout div.intro a:visited.general-button, body.hasSubMenu.BlogEntry #layout div.landing-box a.general-button, body.hasSubMenu.BlogEntry #layout div.landing-box a:link.general-button, body.hasSubMenu.BlogEntry #layout div.landing-box a:active.general-button, body.hasSubMenu.BlogEntry #layout div.landing-box a:hover.general-button, body.hasSubMenu.BlogEntry #layout div.landing-box a:visited.general-button, body.hasSubMenu.BlogHolder #layout div.intro a.general-button, body.hasSubMenu.BlogHolder #layout div.intro a:link.general-button, body.hasSubMenu.BlogHolder #layout div.intro a:active.general-button, body.hasSubMenu.BlogHolder #layout div.intro a:hover.general-button, body.hasSubMenu.BlogHolder #layout div.intro a:visited.general-button, body.hasSubMenu.BlogHolder #layout div.landing-box a.general-button, body.hasSubMenu.BlogHolder #layout div.landing-box a:link.general-button, body.hasSubMenu.BlogHolder #layout div.landing-box a:active.general-button, body.hasSubMenu.BlogHolder #layout div.landing-box a:hover.general-button, body.hasSubMenu.BlogHolder #layout div.landing-box a:visited.general-button, body.hasSubMenu.StaffHolderPage #layout div.intro a.general-button, body.hasSubMenu.StaffHolderPage #layout div.intro a:link.general-button, body.hasSubMenu.StaffHolderPage #layout div.intro a:active.general-button, body.hasSubMenu.StaffHolderPage #layout div.intro a:hover.general-button, body.hasSubMenu.StaffHolderPage #layout div.intro a:visited.general-button, body.hasSubMenu.StaffHolderPage #layout div.landing-box a.general-button, body.hasSubMenu.StaffHolderPage #layout div.landing-box a:link.general-button, body.hasSubMenu.StaffHolderPage #layout div.landing-box a:active.general-button, body.hasSubMenu.StaffHolderPage #layout div.landing-box a:hover.general-button, body.hasSubMenu.StaffHolderPage #layout div.landing-box a:visited.general-button, body.StudentProfileArea #layout div.intro a.general-button, body.StudentProfileArea #layout div.intro a:link.general-button, body.StudentProfileArea #layout div.intro a:active.general-button, body.StudentProfileArea #layout div.intro a:hover.general-button, body.StudentProfileArea #layout div.intro a:visited.general-button, body.StudentProfileArea #layout div.landing-box a.general-button, body.StudentProfileArea #layout div.landing-box a:link.general-button, body.StudentProfileArea #layout div.landing-box a:active.general-button, body.StudentProfileArea #layout div.landing-box a:hover.general-button, body.StudentProfileArea #layout div.landing-box a:visited.general-button, body.StudentProfileLandingPage #layout div.intro a.general-button, body.StudentProfileLandingPage #layout div.intro a:link.general-button, body.StudentProfileLandingPage #layout div.intro a:active.general-button, body.StudentProfileLandingPage #layout div.intro a:hover.general-button, body.StudentProfileLandingPage #layout div.intro a:visited.general-button, body.StudentProfileLandingPage #layout div.landing-box a.general-button, body.StudentProfileLandingPage #layout div.landing-box a:link.general-button, body.StudentProfileLandingPage #layout div.landing-box a:active.general-button, body.StudentProfileLandingPage #layout div.landing-box a:hover.general-button, body.StudentProfileLandingPage #layout div.landing-box a:visited.general-button, body.StudentProfilePage #layout div.intro a.general-button, body.StudentProfilePage #layout div.intro a:link.general-button, body.StudentProfilePage #layout div.intro a:active.general-button, body.StudentProfilePage #layout div.intro a:hover.general-button, body.StudentProfilePage #layout div.intro a:visited.general-button, body.StudentProfilePage #layout div.landing-box a.general-button, body.StudentProfilePage #layout div.landing-box a:link.general-button, body.StudentProfilePage #layout div.landing-box a:active.general-button, body.StudentProfilePage #layout div.landing-box a:hover.general-button, body.StudentProfilePage #layout div.landing-box a:visited.general-button, body.SubjectsAndCoursesPage #layout div.intro a.general-button, body.SubjectsAndCoursesPage #layout div.intro a:link.general-button, body.SubjectsAndCoursesPage #layout div.intro a:active.general-button, body.SubjectsAndCoursesPage #layout div.intro a:hover.general-button, body.SubjectsAndCoursesPage #layout div.intro a:visited.general-button, body.SubjectsAndCoursesPage #layout div.landing-box a.general-button, body.SubjectsAndCoursesPage #layout div.landing-box a:link.general-button, body.SubjectsAndCoursesPage #layout div.landing-box a:active.general-button, body.SubjectsAndCoursesPage #layout div.landing-box a:hover.general-button, body.SubjectsAndCoursesPage #layout div.landing-box a:visited.general-button, body.Programme #layout div.intro a.general-button, body.Programme #layout div.intro a:link.general-button, body.Programme #layout div.intro a:active.general-button, body.Programme #layout div.intro a:hover.general-button, body.Programme #layout div.intro a:visited.general-button, body.Programme #layout div.landing-box a.general-button, body.Programme #layout div.landing-box a:link.general-button, body.Programme #layout div.landing-box a:active.general-button, body.Programme #layout div.landing-box a:hover.general-button, body.Programme #layout div.landing-box a:visited.general-button, body.CustomCoursePage #layout div.intro a.general-button, body.CustomCoursePage #layout div.intro a:link.general-button, body.CustomCoursePage #layout div.intro a:active.general-button, body.CustomCoursePage #layout div.intro a:hover.general-button, body.CustomCoursePage #layout div.intro a:visited.general-button, body.CustomCoursePage #layout div.landing-box a.general-button, body.CustomCoursePage #layout div.landing-box a:link.general-button, body.CustomCoursePage #layout div.landing-box a:active.general-button, body.CustomCoursePage #layout div.landing-box a:hover.general-button, body.CustomCoursePage #layout div.landing-box a:visited.general-button, body.CustomSubcategoryPage #layout div.intro a.general-button, body.CustomSubcategoryPage #layout div.intro a:link.general-button, body.CustomSubcategoryPage #layout div.intro a:active.general-button, body.CustomSubcategoryPage #layout div.intro a:hover.general-button, body.CustomSubcategoryPage #layout div.intro a:visited.general-button, body.CustomSubcategoryPage #layout div.landing-box a.general-button, body.CustomSubcategoryPage #layout div.landing-box a:link.general-button, body.CustomSubcategoryPage #layout div.landing-box a:active.general-button, body.CustomSubcategoryPage #layout div.landing-box a:hover.general-button, body.CustomSubcategoryPage #layout div.landing-box a:visited.general-button, body.Course #layout div.intro a.general-button, body.Course #layout div.intro a:link.general-button, body.Course #layout div.intro a:active.general-button, body.Course #layout div.intro a:hover.general-button, body.Course #layout div.intro a:visited.general-button, body.Course #layout div.landing-box a.general-button, body.Course #layout div.landing-box a:link.general-button, body.Course #layout div.landing-box a:active.general-button, body.Course #layout div.landing-box a:hover.general-button, body.Course #layout div.landing-box a:visited.general-button, body.ContactPage #layout div.intro a.general-button, body.ContactPage #layout div.intro a:link.general-button, body.ContactPage #layout div.intro a:active.general-button, body.ContactPage #layout div.intro a:hover.general-button, body.ContactPage #layout div.intro a:visited.general-button, body.ContactPage #layout div.landing-box a.general-button, body.ContactPage #layout div.landing-box a:link.general-button, body.ContactPage #layout div.landing-box a:active.general-button, body.ContactPage #layout div.landing-box a:hover.general-button, body.ContactPage #layout div.landing-box a:visited.general-button, body.SSOLogin #layout div.intro a.general-button, body.SSOLogin #layout div.intro a:link.general-button, body.SSOLogin #layout div.intro a:active.general-button, body.SSOLogin #layout div.intro a:hover.general-button, body.SSOLogin #layout div.intro a:visited.general-button, body.SSOLogin #layout div.landing-box a.general-button, body.SSOLogin #layout div.landing-box a:link.general-button, body.SSOLogin #layout div.landing-box a:active.general-button, body.SSOLogin #layout div.landing-box a:hover.general-button, body.SSOLogin #layout div.landing-box a:visited.general-button, body.SSOChange #layout div.intro a.general-button, body.SSOChange #layout div.intro a:link.general-button, body.SSOChange #layout div.intro a:active.general-button, body.SSOChange #layout div.intro a:hover.general-button, body.SSOChange #layout div.intro a:visited.general-button, body.SSOChange #layout div.landing-box a.general-button, body.SSOChange #layout div.landing-box a:link.general-button, body.SSOChange #layout div.landing-box a:active.general-button, body.SSOChange #layout div.landing-box a:hover.general-button, body.SSOChange #layout div.landing-box a:visited.general-button, body.WebchatPage #layout div.intro a.general-button, body.WebchatPage #layout div.intro a:link.general-button, body.WebchatPage #layout div.intro a:active.general-button, body.WebchatPage #layout div.intro a:hover.general-button, body.WebchatPage #layout div.intro a:visited.general-button, body.WebchatPage #layout div.landing-box a.general-button, body.WebchatPage #layout div.landing-box a:link.general-button, body.WebchatPage #layout div.landing-box a:active.general-button, body.WebchatPage #layout div.landing-box a:hover.general-button, body.WebchatPage #layout div.landing-box a:visited.general-button, body.FaqHolder #layout div.intro a.general-button, body.FaqHolder #layout div.intro a:link.general-button, body.FaqHolder #layout div.intro a:active.general-button, body.FaqHolder #layout div.intro a:hover.general-button, body.FaqHolder #layout div.intro a:visited.general-button, body.FaqHolder #layout div.landing-box a.general-button, body.FaqHolder #layout div.landing-box a:link.general-button, body.FaqHolder #layout div.landing-box a:active.general-button, body.FaqHolder #layout div.landing-box a:hover.general-button, body.FaqHolder #layout div.landing-box a:visited.general-button { color: #fff; border-radius: 0; } body.Page #layout div.intro ul.links, body.Page #layout div.landing-box ul.links, body.LandingPage #layout div.intro ul.links, body.LandingPage #layout div.landing-box ul.links, body.hasSubMenu.BlogEntry #layout div.intro ul.links, body.hasSubMenu.BlogEntry #layout div.landing-box ul.links, body.hasSubMenu.BlogHolder #layout div.intro ul.links, body.hasSubMenu.BlogHolder #layout div.landing-box ul.links, body.hasSubMenu.StaffHolderPage #layout div.intro ul.links, body.hasSubMenu.StaffHolderPage #layout div.landing-box ul.links, body.StudentProfileArea #layout div.intro ul.links, body.StudentProfileArea #layout div.landing-box ul.links, body.StudentProfileLandingPage #layout div.intro ul.links, body.StudentProfileLandingPage #layout div.landing-box ul.links, body.StudentProfilePage #layout div.intro ul.links, body.StudentProfilePage #layout div.landing-box ul.links, body.SubjectsAndCoursesPage #layout div.intro ul.links, body.SubjectsAndCoursesPage #layout div.landing-box ul.links, body.Programme #layout div.intro ul.links, body.Programme #layout div.landing-box ul.links, body.CustomCoursePage #layout div.intro ul.links, body.CustomCoursePage #layout div.landing-box ul.links, body.CustomSubcategoryPage #layout div.intro ul.links, body.CustomSubcategoryPage #layout div.landing-box ul.links, body.Course #layout div.intro ul.links, body.Course #layout div.landing-box ul.links, body.ContactPage #layout div.intro ul.links, body.ContactPage #layout div.landing-box ul.links, body.SSOLogin #layout div.intro ul.links, body.SSOLogin #layout div.landing-box ul.links, body.SSOChange #layout div.intro ul.links, body.SSOChange #layout div.landing-box ul.links, body.WebchatPage #layout div.intro ul.links, body.WebchatPage #layout div.landing-box ul.links, body.FaqHolder #layout div.intro ul.links, body.FaqHolder #layout div.landing-box ul.links { line-height: normal; padding-bottom: 5px; } body.Page #layout div.intro ul.links li, body.Page #layout div.landing-box ul.links li, body.LandingPage #layout div.intro ul.links li, body.LandingPage #layout div.landing-box ul.links li, body.hasSubMenu.BlogEntry #layout div.intro ul.links li, body.hasSubMenu.BlogEntry #layout div.landing-box ul.links li, body.hasSubMenu.BlogHolder #layout div.intro ul.links li, body.hasSubMenu.BlogHolder #layout div.landing-box ul.links li, body.hasSubMenu.StaffHolderPage #layout div.intro ul.links li, body.hasSubMenu.StaffHolderPage #layout div.landing-box ul.links li, body.StudentProfileArea #layout div.intro ul.links li, body.StudentProfileArea #layout div.landing-box ul.links li, body.StudentProfileLandingPage #layout div.intro ul.links li, body.StudentProfileLandingPage #layout div.landing-box ul.links li, body.StudentProfilePage #layout div.intro ul.links li, body.StudentProfilePage #layout div.landing-box ul.links li, body.SubjectsAndCoursesPage #layout div.intro ul.links li, body.SubjectsAndCoursesPage #layout div.landing-box ul.links li, body.Programme #layout div.intro ul.links li, body.Programme #layout div.landing-box ul.links li, body.CustomCoursePage #layout div.intro ul.links li, body.CustomCoursePage #layout div.landing-box ul.links li, body.CustomSubcategoryPage #layout div.intro ul.links li, body.CustomSubcategoryPage #layout div.landing-box ul.links li, body.Course #layout div.intro ul.links li, body.Course #layout div.landing-box ul.links li, body.ContactPage #layout div.intro ul.links li, body.ContactPage #layout div.landing-box ul.links li, body.SSOLogin #layout div.intro ul.links li, body.SSOLogin #layout div.landing-box ul.links li, body.SSOChange #layout div.intro ul.links li, body.SSOChange #layout div.landing-box ul.links li, body.WebchatPage #layout div.intro ul.links li, body.WebchatPage #layout div.landing-box ul.links li, body.FaqHolder #layout div.intro ul.links li, body.FaqHolder #layout div.landing-box ul.links li { padding-bottom: 5px; } body.SubjectsAndCoursesPage.AllowResponsive #layout.container #breadcrumbs, body.SubjectPage.AllowResponsive #layout.container #breadcrumbs { padding-left: 0; } body.SubjectPage.AllowResponsive #subjectpromolinkbox { padding: 15px; background: #ebebeb; } body.SubjectPage.AllowResponsive #subjectpromolinkbox h4 { line-height: 2em; margin-top: 0; padding-top: 0; border-bottom: 1px dotted #555; } body.SubjectPage.AllowResponsive #subjectpromolinkbox ul { list-style-type: none; padding-left: 0; margin-left: 0; } body.SubjectPage.AllowResponsive #subjectpromolinkbox ul li { color: #008c9a; } body.SubjectPage.AllowResponsive #subjectpromolinkbox ul li a { color: #008c9a; } body.SubjectPage.AllowResponsive #subjectpromolinkbox ul li a:hover { text-decoration: underline; } body.SubjectPage.AllowResponsive #subjectpromolinkbox ul li::before { font-family: FontAwesome; content: "\f138"; color: #00315d; padding-right: 5px; } body.ContactPage.AllowResponsive #layout { max-width: 960px; } body.SSOLogin.AllowResponsive #layout.container { padding-right: 15px; } body.SSOLogin.AllowResponsive #layout.container #breadcrumbs { margin-left: 10px; } body.SSOLogin.AllowResponsive #layout.container #contentWrapper { padding-left: 10px; } body.SSOLogin.AllowResponsive .loginContent h1 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00315d; font-weight: 600; font-size: 2.62em; line-height: normal; padding-top: 0; padding-bottom: 0; } body.SSOLogin.AllowResponsive .loginContent h2 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 2em; font-weight: 600; line-height: normal; } body.SSOLogin.AllowResponsive .loginContent h3 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.69em; font-weight: 600; line-height: normal; } body.Page #layout.container { width: auto; margin: auto; max-width: 960px; padding-left: 0; } body.Page #layout.container p#breadcrumbs { padding-left: 0; } body.Page #layout.container div#contentWrapper div.managed-content h1.pageTitle { width: auto; float: none; display: block; clear: both; font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00315d; font-weight: 600; font-size: 2.62em; line-height: normal; padding-top: 0; padding-bottom: 0; } body.Page #layout.container div#contentWrapper div.managed-content a, body.Page #layout.container div#contentWrapper div.managed-content a:link, body.Page #layout.container div#contentWrapper div.managed-content a:active, body.Page #layout.container div#contentWrapper div.managed-content a:hover, body.Page #layout.container div#contentWrapper div.managed-content a:visited { color: #008c9a; } body.Page #layout.container div#contentWrapper div.managed-content a.general-button, body.Page #layout.container div#contentWrapper div.managed-content a:link.general-button, body.Page #layout.container div#contentWrapper div.managed-content a:active.general-button, body.Page #layout.container div#contentWrapper div.managed-content a:hover.general-button, body.Page #layout.container div#contentWrapper div.managed-content a:visited.general-button { color: #fff; border-radius: 0; } body.HomePage #layout, body.SearchPage #layout { overflow: visible; } body.HomePage .pageTitle, body.SearchPage .pageTitle { display: none; visibility: hidden; } #homePageBannersWrapper { border-bottom: 5px solid #8fc8cf; margin: -2px 0 26px 0; width: 100%; position: absolute; left: 0; } #homePageBannersWrapper .ResponsiveSlider_Container { position: relative; width: 100%; background: #000; } #homePageBannersWrapper #ResponsiveSlider { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } #homePageBannersWrapper #ResponsiveSlider li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; max-height: 320px; } #homePageBannersWrapper #ResponsiveSlider li:first-child { position: relative; display: block; float: left; } #homePageBannersWrapper #ResponsiveSlider .BackgroundImage { display: block; height: auto; float: left; width: 100%; border: 0; } #homePageBannersWrapper #ResponsiveSlider .slideInner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #homePageBannersWrapper #ResponsiveSlider .slideInner .maxWidth { position: relative; height: 320px; max-height: 100%; z-index: 100; max-width: 1000px; margin: 0 auto; } #homePageBannersWrapper #ResponsiveSlider .slideInner .Title { display: block; position: absolute; z-index: 2; font-family: "AgendaSemiboldCond"; font-size: 29px; line-height: 30px; text-transform: uppercase; font-weight: normal; color: #fff; left: 2%; top: 12%; margin: 0; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } #homePageBannersWrapper #ResponsiveSlider .slideInner .DescriptionUnderlay { display: block; position: absolute; z-index: 2; left: 0%; top: 32%; margin: 0; width: 80%; background: url("../images/home-page-banner-shade2.png") repeat-y top right; bottom: 0; background-size: 100%; } #homePageBannersWrapper #ResponsiveSlider .slideInner .TitleUnderlay { display: block; position: absolute; z-index: 2; left: 0%; height: 32%; margin: 0; width: 80%; background: url("../images/home-page-banner-shade.png") repeat-y top right; top: 0; background-size: 100%; } #homePageBannersWrapper #ResponsiveSlider .slideInner .Description { display: block; position: absolute; z-index: 2; font-size: 17px; color: #fff; left: 2%; top: 40%; margin: 0; max-width: 60%; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } #homePageBannersWrapper #ResponsiveSlider .slideInner .ReadMore { display: block; position: absolute; z-index: 2; font-size: 14px; color: #fff; background: #6690c4; left: 2%; bottom: 15%; margin: 0; padding: 6px 9px 4px 13px; text-align: center; font-family: "AgendaSemiboldCond"; text-transform: uppercase; } #homePageBannersWrapper #ResponsiveSlider .slideInner .ForegroundImage { display: block; position: absolute; z-index: 2; right: 0; bottom: 0; top: 15%; width: auto; } #homePageBannersWrapper #ResponsiveSlider .slideInner .ForegroundImage img { height: 100%; width: auto; float: right; max-height: 300px; } #homePageBannersWrapper .ResponsiveSlides_tabs { list-style: none; position: absolute; bottom: 10px; left: 0; right: 0; z-index: 100; text-align: center; margin: 0; } #homePageBannersWrapper .ResponsiveSlides_tabs li { display: inline-block; zoom: 1; *display: inline; } #homePageBannersWrapper .ResponsiveSlides_tabs li a { background: #fff; border-radius: 100%; height: 12px; width: 12px; display: block; margin: 2px; color: #fff; border: #8cccce 2px solid; text-decoration: none; font-size: 1px; } #homePageBannersWrapper .ResponsiveSlides_tabs li a:hover, #homePageBannersWrapper .ResponsiveSlides_tabs li.ResponsiveSlides_here a { background: #042c60; color: #042c60; } #homePageBannerSearchEnquireWrapper #QualsAndCoursesWrapper { float: left; width: 70%; } #homePageBannerSearchEnquireWrapper #EnquireWrapper { float: left; margin: 20px 0px; width: 25%; text-align: center; } #homePageBannerSearchEnquireWrapper #EnquireWrapper .EnquireBlock { margin-top: 0.8em; margin-left: 5em; border: solid 3px #00315d; } #homePageBannerSearchEnquireWrapper #EnquireWrapper .EnquireBlock span { border: dashed 1px silver; display: block; margin: 2px; padding: 1px; } #homePageBannerSearchEnquireWrapper #EnquireWrapper .EnquireBlock span a { font-size: 1.81em; } #homePageBannerSearchEnquireWrapper #EnquireWrapper .EnquireBlock span a:hover { text-decoration: none; } #InteractiveHomepagePopup { display: none; border: solid 1px #9ea0af; background-color: #f8f8f8; position: absolute; bottom: 100px; left: 50%; width: 300px; margin-left: -150px; z-index: 1010; } #InteractiveHomepagePopup .closePopup { position: absolute; top: -17px; right: -19px; } #bigBanners { position: absolute; height: 311px; width: 1224px; overflow: hidden; left: -112px; } #bigBanners li { height: 311px; width: 1224px; margin: 0; padding: 0; background-position: 0 0; background-repeat: no-repeat; } #bigBanners li a { display: block; height: 100%; width: 100%; overflow: hidden; text-indent: -9999em; line-height: 0; font-size: 0; } #smallBanners { position: absolute; width: 355px; height: 281px; top: 14px; background: transparent url(../images/home-promo-frame.png) no-repeat 0 0; left: 660px; z-index: 1000; } #smallBanners .content { width: 300px; height: 233px; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; text-indent: -9999em; overflow: hidden; margin: 24px 27px; } #smallBanners .content a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999em; line-height: 0; font-size: 0; } #homeNav { padding: 0; margin: 0; margin-left: 30px; margin-bottom: 10px; overflow: hidden; } #homeNav li { float: left; margin: 0; padding: 0 12px; border-right: 1px dotted #ccc; } #homeNav li.first { padding-left: 0; } #homeNav li.last { padding-right: 0; border: none; } #homeNav li a { display: block; width: 216px; height: 100px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; text-indent: -9999em; line-height: 0; font-size: 0; } #searchResults { margin-left: 0; margin-right: 0; margin-top: 15px; margin-bottom: 0; padding: 0; zoom: 1; } #searchResults li { list-style: none; overflow: hidden; padding: 15px 0; position: relative; } #searchResults li.hover { background-color: #E5EDF6; cursor: pointer; } #searchResults li.header { padding: 0 0; cursor: auto; } #searchResults li.header .contentType { font-size: 1em; margin-top: 5px; } #searchResults li div.summary { display: inline-block; float: left; width: auto; overflow: hidden; margin-right: 100px; } #searchResults li div.summary a { font-size: 15px; color: #009999; } #searchResults li div.summary a:hover em.highlight { text-decoration: underline; } #searchResults li div.summary p { margin-top: 5px; padding: 0; } #searchResults li div.summary em.highlight { background-color: #fff0b2; font-style: normal; } #searchResults li div.contentType { position: absolute; top: 15px; right: 0; width: 90px; text-align: right; } #searchResults li div.contentType.header { top: 3px; } #searchResults li #SearchForm_HiddenSearchForm { padding: 0; float: left; width: 500px; } #searchResults li #SearchForm_HiddenSearchForm .field label { width: auto; margin-right: 5px; margin-top: 5px; float: left; } #searchResults li #SearchForm_HiddenSearchForm .middleColumn { float: left; } #searchResults li #SearchForm_HiddenSearchForm #Filter .middleColumn { margin-right: 20px; } #pagination { font-size: 15px; margin-top: 4px; margin-left: 10px; color: #006699; } #pagination .current { font-weight: bold; } .typography .searchResultSummary { margin-top: 15px; margin-bottom: 15px; font-size: 15px; } .typography .searchResultSummary h2 { font-size: 17px; border: none; color: #44687D; } body #contentWrapper #SearchForm_ExtendedSearchForm label { float: left; margin-right: 8px; } body #contentWrapper #SearchForm_ExtendedSearchForm input.text { width: 293px; } body #contentWrapper #SearchForm_ExtendedSearchForm .field { clear: both; } body #contentWrapper #SearchForm_ExtendedSearchForm select { width: 276px; } body #contentWrapper #SearchForm_ExtendedSearchForm .expandable { clear: both; margin-bottom: 0; margin-top: 0px; } body #contentWrapper #SearchForm_ExtendedSearchForm .expandable .title { margin-top: 15px; } body #contentWrapper #SearchForm_ExtendedSearchForm .expandable .expandableHandle { font-size: 14px; } body #contentWrapper #SearchForm_ExtendedSearchForm .expandable .content { padding-left: 0; padding-right: 0; } body #contentWrapper #SearchForm_ExtendedSearchForm .expandable .field.dropdown { padding-left: 32px; padding-right: 32px; } body #contentWrapper #SearchForm_ExtendedSearchForm .expandable #Availability { border-bottom: 1px dotted #CFCFCF; margin-bottom: 15px; padding-bottom: 15px; } body #contentWrapper #SearchForm_ExtendedSearchForm .expandable label { width: 156px; } body #contentWrapper #SearchForm_ExtendedSearchForm input.action { display: block; width: 69px; height: 30px; background: url(../images/button-search.png) no-repeat; border: none; overflow: hidden; text-indent: -9999em; line-height: 0; margin-left: 196px; } body #contentWrapper #SearchForm_ExtendedSearchForm input.hover { background: url(../images/button-search-hover.png) no-repeat; } body #contentWrapper #SearchForm_ExtendedSearchForm #SearchForm_ExtendedSearchForm_action_results_extra { float: left; margin-left: 10px; } body #contentWrapper #SearchForm_ExtendedSearchForm div#ExtendedSearch { float: left; } body #contentWrapper #SearchForm_ExtendedSearchForm div#ExtendedSearch .middleColumn { float: left; } body #contentWrapper #SearchForm_ExtendedSearchForm div#ExtendedSearch label { width: 80px; } body.Course .expandable .content { padding-top: 10px; padding-bottom: 10px; } #EnrollmentPlanFormExtra .enrollButton { border: none; border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; cursor: pointer; } #EnrollmentPlanFormExtra .enrollButton:hover { background: #00315d; } #EnrollmentPlanFormExtra .enrollButton:disabled { background-color: #b7c3c9; cursor: auto; } #EnrollmentPlanFormExtra .hover { background-color: #00315d; } body.SubjectsAndCoursesPage #courseSearchFormWrapper div#Search { float: none; width: auto; border-bottom: 1px dotted #ABBBC4; padding-top: 15px; padding-bottom: 15px; overflow: hidden; zoom: 1; } body.SubjectsAndCoursesPage #courseSearchFormWrapper div#Search label { margin-top: 0; width: 150px; } body.SubjectsAndCoursesPage #courseSearchFormWrapper .expandable { margin-top: 6px; } body.SubjectsAndCoursesPage #courseSearchFormWrapper .expandable .expandableHandle { margin-left: 20px; } body.SubjectsAndCoursesPage #courseSearchFormWrapper .expandable .content { background-color: #ECEFF3; } body.SubjectsAndCoursesPage #courseSearchFormWrapper #Availability { overflow: hidden; zoom: 1; padding-bottom: 6px; margin-bottom: 22px; border-bottom: 1px dotted #ABBBC4; } body.SubjectsAndCoursesPage #courseSearchFormWrapper .field { padding-left: 32px; } body.SubjectsAndCoursesPage #courseSearchFormWrapper .middleColumn { margin-bottom: 5px; overflow: hidden; zoom: 1; } body.SubjectsAndCoursesPage #courseSearchFormWrapper label.left { width: 150px; margin-top: 0; } body.SubjectsAndCoursesPage #courseSearchFormWrapper input.text { width: 263px; } body.SubjectsAndCoursesPage #courseSearchFormWrapper select { width: 275px; margin-top: 0; } body.SubjectsAndCoursesPage #courseSearchFormWrapper input.action { display: block; width: 69px; height: 30px; background: url(../images/button-search.png) no-repeat; border: none; overflow: hidden; text-indent: -9999em; line-height: 0; margin: 15px 0 0 165px; } body.SubjectsAndCoursesPage #courseSearchFormWrapper input.action:hover { background: url(../images/search-button.gif) 0 -30px; } #courseSearchFormWrapper { border: 1px solid #a6bbc5; background-color: #ebeff3; margin-top: -3px; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; padding-bottom: 15px; } #courseSearchFormTitle { margin: 0; padding: 10px 12px; font-size: 17px; color: #fff; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; background-color: #316a7f; } #subjectSubCategoriesWrapper .content { padding: 5px 26px; } #subjectSubCategoriesWrapper .content ul { margin: 0 0 5px; padding: 0; } #subjectSubCategoriesWrapper .content ul li { list-style: none; } #subjectSubCategoriesWrapper .content ul li p { margin: 0; } #subjectSubCategoriesWrapper .content ul li ul { padding-left: 35px; padding-top: 8px; } #subjectSubCategoriesWrapper .content ul li li { list-style: disc; } #subjectSubCategoriesWrapper .content ul li .title { background: none; padding: 2px 0; } #subjectSubCategoriesWrapper .content ul li .title a { font-size: 0.9em; color: #27a6a9; } body.EnrollmentPlanPage { height: auto; } body.EnrollmentPlanPage #layout.container { width: 960px; min-width: 960px; padding: 0; } body.EnrollmentPlanPage #layout.container p#breadcrumbs { margin-left: 0; padding-left: 0; } body.EnrollmentPlanPage #contentWrapper.no-sidebar { width: 960px; margin: 16px 10px 0 0; } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg .message-wrapper { border: none; min-height: 33px; background: url(../images/exclamation-mark-wide-top.png) no-repeat 0 0; padding: 0; margin-bottom: 1.6em; } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg .message-wrapper .message { padding: 4px 5px 3px 45px; background: url(../images/exclamation-mark-wide-bottom.png) no-repeat 0 100%; text-align: left; font-weight: normal; min-height: 30px; } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg .message-wrapper .message p { margin: 0.6em; } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg.validation-small { width: 512px; } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg.validation-small .message-wrapper { margin-bottom: 0; background: url(../images/exclamation-mark-top.png) no-repeat 0 0; } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg.validation-small .message-wrapper .message { background: url(../images/exclamation-mark-bottom.png) no-repeat 0 100%; } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg .message-warning { background-image: url(../images/question-mark-wide-top.png); } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg .message-warning .message { background-image: url(../images/question-mark-wide-bottom.png); } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg.validation-small .message-warning { background-image: url(../images/question-mark-top.png); } body.EnrollmentPlanPage #contentWrapper.no-sidebar .validation-msg.validation-small .message-warning .message { background-image: url(../images/question-mark-bottom.png); } body.EnrollmentPlanPage #contentWrapper.no-sidebar.page2 .validation-small .message-warning { margin-top: 20px; } body #contentWrapper .enrollmentPlan { width: 975px; overflow: hidden; } body #contentWrapper .enrollmentPlan input { cursor: pointer; } body #contentWrapper .enrollmentPlan input.disabled { cursor: auto; } body #contentWrapper .enrollmentPlan #Intro { margin-bottom: 20px; } body #contentWrapper .enrollmentPlan ul.tabs { margin: 0; padding: 0; padding-bottom: 13px; height: 45px; width: 100%; background: url(../images/enrollment-plan-tab-background.png) repeat-x left 46px; list-style: none; overflow: auto; } body #contentWrapper .enrollmentPlan ul.tabs li { float: left; position: relative; width: 217px; height: 30px; margin: 0 4px 0 0; padding: 0; } body #contentWrapper .enrollmentPlan ul.tabs li strong { font-weight: normal; } body #contentWrapper .enrollmentPlan ul.tabs li span { position: absolute; top: 0; left: 0; border: 1px solid #c7d2d9; border-bottom: none; display: block; width: 200px; height: 30px; padding-top: 15px; padding-left: 15px; font-size: 16px; color: #44697D; background-color: #f0f2f5; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; } body #contentWrapper .enrollmentPlan ul.tabs li span.current { border-color: #6b8d9e; border-bottom-style: dotted; border-bottom-width: 1px; } body #contentWrapper .enrollmentPlan ul.tabs li span input { padding: 0; border: none; background-color: transparent; cursor: pointer; color: #44697D; font-size: 16px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; } body #contentWrapper .enrollmentPlan #actionEnrol { margin-top: 0; } body #contentWrapper .enrollmentPlan #actionEnrol button { background: #33CF57; padding: 5px; font-weight: bold; border: 1px solid #000; } body #contentWrapper .enrollmentPlan #actionEmail a { display: block; padding: 5px; background: #FFE04F; border: 1px solid #000; text-align: center; } body #contentWrapper .enrollmentPlan #actionEmail a:link, body #contentWrapper .enrollmentPlan #actionEmail a:hover, body #contentWrapper .enrollmentPlan #actionEmail a:active, body #contentWrapper .enrollmentPlan #actionEmail a:visited { color: #000; } body #contentWrapper .enrollmentPlan .leftOptions { float: left; width: 515px; } body #contentWrapper .enrollmentPlan #DisclaimerTooManyQuals { display: none; width: 510px; height: 75px; background: url(../images/disclaimer-too-many-quals.png) no-repeat 0px 0px; } body #contentWrapper .enrollmentPlan #DisclaimerTooManyQuals p { padding: 17px 17px 0 40px; } body #contentWrapper .enrollmentPlan #DisclaimerTooManyQuals .no-programmes-selected, body #contentWrapper .enrollmentPlan #DisclaimerTooManyQuals .too-many-programmes { display: none; } body #contentWrapper .enrollmentPlan #NoJS { width: 100%; height: 66px; float: left; background: url(../images/no-javascript-disclaimer-background.png) no-repeat 0px 0px; margin: 15px 0; font-weight: bold; } body #contentWrapper .enrollmentPlan #NoJS p { margin: 17px 10px 17px 40px; width: 722px; float: left; } body #contentWrapper .enrollmentPlan #NoJS p em { text-transform: uppercase; color: #990000; font-style: normal; } body #contentWrapper .enrollmentPlan #NoJS #UpdateSelections { width: 118px; height: 30px; overflow: hidden; margin-top: 17px; } body #contentWrapper .enrollmentPlan #NoJS #UpdateSelections input { background: url(../images/enrollment-page-buttons.png) 0px -84px; height: 30px; border: none; padding-left: 166px; } body #contentWrapper .enrollmentPlan #NoCourseDisclaimer { padding: 15px; } body #contentWrapper .enrollmentPlan #NoCourseDisclaimer h2 { color: #44697D; border: none; font-size: 15px; margin: 0 0 26px; } body #contentWrapper .enrollmentPlan #NoCourseDisclaimer ul.steps { margin-left: 0; list-style-type: none; } body #contentWrapper .enrollmentPlan #NoCourseDisclaimer ul.steps .step { color: #359D9F; font-weight: bold; padding-right: 10px; } body #contentWrapper .enrollmentPlan #NoCourseDisclaimer #AddACourse { width: 196px; height: 41px; overflow: hidden; } body #contentWrapper .enrollmentPlan #NoCourseDisclaimer #AddACourse a { background: url(../images/enrollment-page-buttons.png) 0px -178px; text-indent: -999em; height: 41px; display: block; } body #contentWrapper .enrollmentPlan #NoCourseDisclaimer #AddACourse a:hover { background: url(../images/enrollment-page-buttons.png) -230px -178px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable { border-collapse: separate; font-size: 0.9em; width: 960px; padding: 0; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td select { width: 600px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable thead tr { height: 54px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td { padding: 0; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th { box-sizing: content-box; height: 54px; padding-top: 5px; background: #404476 url(../images/enrolment-plan-divider.gif) no-repeat right bottom; color: white; text-transform: uppercase; text-align: center; vertical-align: middle; font-weight: 100; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th p { margin: 0; line-height: 19px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th span.tip { border-bottom: 1px dotted white; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th .helpText { padding-bottom: 5px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th.colRemove, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colRemove { background: none !important; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th.colCodeAndName, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colCode, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th.colCodeAndUnitStandard { -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th.colCost { vertical-align: bottom; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th.colAvailability { vertical-align: bottom; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; text-align: center; vertical-align: top; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td input { position: static; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.spacer td { height: 5px; border: none; font-size: 5px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.hover td { background-color: #DAE6F6; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.hover td.colAvailability p { border-color: #DAE6F6; background-color: #B0c2D6; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.hover td.colAvailability p span.two { border-color: #DAE6F6; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.issue td { background-color: #EEE3E1; border-color: #A4817F; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.issue td.colAvailability p { border-color: #EEE3E1; background-color: #DCBEB4; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.issue td.colAvailability p span.two { border-color: #EEE3E1; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colName { text-align: left; font-weight: bold; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colName p { padding-top: 5px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colCode { border-left: 1px solid #aaa; font-weight: bold; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colCode p { padding-top: 5px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colLevel, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colCredits { padding-top: 10px; font-size: 18px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colPrerequisite { padding-top: 10px; width: 147px; text-align: left; padding-left: 8px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colPrerequisite ul { list-style-type: none; margin: 0; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colPrereqChecks { border-right: 1px solid #AAAAAA; padding-left: 5px; padding-top: 10px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colPrereqChecks .question { clear: both; display: block; text-align: left; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colPrereqChecks .elsewhere { visibility: hidden; display: none; height: 18px; width: 200px; margin: 0 0 0 20px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.availability { width: 121px; overflow: hidden; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.availability p { float: left; width: 32px; height: 32px; background: #E3E8EC; border-left: 6px solid white; margin: 0; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.availability p label { display: block; width: 32px; height: 32px; background: #A5D2D7; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.availability.open p { width: 68px; height: 25px; text-align: center; padding-top: 7px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colAvailability { overflow: hidden; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colAvailability p { margin: -600px 0; padding: 628px 0; background-color: #E3E8EC; border-left: 6px solid white; border-right: 6px solid white; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colAvailability p span.one { background-color: transparent; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colAvailability p span { float: left; width: 35px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colAvailability p span.two { margin: -600px 0; padding: 600px 0; border-left: 6px white solid; border-right: 6px white solid; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colAvailability p.colTrimester { width: 35px; border-right: none; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colAvailability p.colTrimester-selected { width: 35px; border-right: none; background-color: #A5D2D7; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.open p { text-transform: uppercase; color: #3E2A48; font-size: 18px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colWorkload { padding-top: 10px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colCost, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.feeValue, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.totalCostValue { text-transform: uppercase; color: #39364E; font-size: 18px; padding-top: 3px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colSelect, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colQual { border-right: 1px solid #aaa; padding-top: 15px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colQual { padding-top: 10px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colQual select { height: 1.25rem !important; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.fees { text-align: right; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.fees p, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.fees div { padding-left: 5px; padding-right: 5px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.fees p.totalDiscountValue { color: #CB0101; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colName, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colLevel, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colCredits, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colPrerequisite, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colAvailability, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colCost, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colWorkload { border-right: 1px dotted #aaa; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colCode { width: 57px; vertical-align: top; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colCode p { padding-top: 12px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colName { width: 200px; vertical-align: top; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colName p { padding-top: 12px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colLevel { width: 64px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colCredits { width: 64px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colTrimester { width: 40px; float: left; font-size: 0.9em; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th .colTrimester { border-right: 1px solid #595D8D; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th .colTrimester.last { border: none; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td .colTrimester { text-transform: uppercase; color: #3E2A48; font-size: 9px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colWorkload { padding-left: 3px; padding-right: 3px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colCost { vertical-align: top; padding-top: 12px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colSelect { width: 66px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .colRemove { width: 30px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable td.colQual, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th.colQual, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable th.colCodeAndUnitStandard { text-align: left; padding-left: 12px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot .feeLabel, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot .totalCostLabel { -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-right: 1px dotted #aaa; border-left: 1px solid #aaa; text-transform: uppercase; color: #385469; vertical-align: middle; padding-top: 8px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot .feeValue.fees { vertical-align: middle; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot .totalCostLabel, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot .totalCostValue, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot tr.total .colSelect { font-weight: bold; color: white; background-color: #557C8F; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot .colSelect { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-right: 1px solid #aaa; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot .colRemove { border: none; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .description { font-size: 0.9em; font-weight: 400; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .feesToggle { font-size: 0.8em; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .availability { text-align: center; vertical-align: middle; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .availability.selected { background-color: green; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .no-border { border: none; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .border-left { border-left: 1px dashed #aaa; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .empty { height: 20px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .prequisites { font-size: 0.8em; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .fees em { font-style: normal; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .fees ul li { margin-bottom: 0.6em; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .enrollmentSelection.not-selected { color: #888; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .enrollmentSelection.not-selected a { color: #666; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable .enrollmentSelection.not-selected .availability.selected { background-color: transparent; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot { font-size: 0.9em; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tfoot td.fees em { font-size: 1.2em; font-style: normal; font-weight: bold; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.coursesWillBeShownHere { height: 30px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.coursesWillBeShownHere td.message { -moz-border-radius: 3px; border: 1px solid #aaa; text-align: left; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.coursesWillBeShownHere td.colRemove { border: none; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.enrollmentProgrammeSelection .colCode, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.enrollmentProgrammeSelection .colName { padding-top: 5px; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.enrollmentProgrammeSelection .colQual label { display: none; } body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.enrollmentCourseSelection .colAvailability label, body #contentWrapper .enrollmentPlan .enrollmentPlanSelectionTable tr.enrollmentCourseSelection .colSelect label { display: none; } body #contentWrapper .enrollmentPlan #enrollmentPlanEmailForm { width: 350px; height: 250px; } body #contentWrapper .enrollmentPlan #disclaimer { width: 260px; color: #555; font-size: .875em; float: left; } body #contentWrapper .enrollmentPlan #BackToCourses { width: 260px; float: left; } body #contentWrapper .enrollmentPlan #BackToCourses input { border: none; background: none; padding: 0; color: #006699; cursor: pointer; text-align: left; } body #contentWrapper .enrollmentPlan .actionButtons { float: left; width: 730px; } body #contentWrapper .enrollmentPlan .actionButtons p { margin: 0; } body #contentWrapper .enrollmentPlan .actionButtons #AddMore { float: left; width: 130px; height: 30px; overflow: hidden; } body #contentWrapper .enrollmentPlan .actionButtons #AddMore a { background: url(../images/enrollment-page-buttons.png) 0px 0px; padding-left: 260px; height: 30px; display: block; } body #contentWrapper .enrollmentPlan .actionButtons #AddMore a:hover { background: url(../images/enrollment-page-buttons.png) -230px 0px; } body #contentWrapper .enrollmentPlan .enrollmentActions { float: right; margin-right: 43px; width: 196px; overflow: hidden; display: inline; } body #contentWrapper .enrollmentPlan .enrollmentActions #Continue, body #contentWrapper .enrollmentPlan .enrollmentActions #EnrollNow, body #contentWrapper .enrollmentPlan .enrollmentActions #ApplyAndContinue { height: 41px; overflow: hidden; margin-top: 0px; } body #contentWrapper .enrollmentPlan .enrollmentActions #Continue input, body #contentWrapper .enrollmentPlan .enrollmentActions #EnrollNow input, body #contentWrapper .enrollmentPlan .enrollmentActions #ApplyAndContinue input { background: url(../images/enrollment-page-buttons.png); padding-left: 260px; height: 41px; border: none; } body #contentWrapper .enrollmentPlan .enrollmentActions #Continue input.hover, body #contentWrapper .enrollmentPlan .enrollmentActions #EnrollNow input.hover, body #contentWrapper .enrollmentPlan .enrollmentActions #ApplyAndContinue input.hover { background: url(../images/enrollment-page-buttons.png); } body #contentWrapper .enrollmentPlan .enrollmentActions #Continue input { background-position: 0px -230px; } body #contentWrapper .enrollmentPlan .enrollmentActions #Continue input.hover { background-position: -230px -230px; } body #contentWrapper .enrollmentPlan .enrollmentActions #Continue input.disabled { background-position: -453px -230px; } body #contentWrapper .enrollmentPlan .enrollmentActions #EnrollNow input { background-position: 0px -125px; } body #contentWrapper .enrollmentPlan .enrollmentActions #EnrollNow input.hover { background-position: -230px -125px; } body #contentWrapper .enrollmentPlan .enrollmentActions #EnrollNow input.disabled { background-position: -453px -125px; } body #contentWrapper .enrollmentPlan .enrollmentActions #ApplyAndContinue input { background-position: 0px -282px; } body #contentWrapper .enrollmentPlan .enrollmentActions #ApplyAndContinue input:hover { background-position: -230px -282px; } body #contentWrapper .enrollmentPlan .enrollmentActions #ApplyAndContinue input.disabled { background-position: -453px -282px; } body #contentWrapper .enrollmentPlan .enrollmentActions .emailme { border-top: #C8CFD3 dotted 1px; border-bottom: #C8CFD3 dotted 1px; font-size: 12px; padding-top: 5px; padding-bottom: 3px; padding-left: 22px; background: url(../images/enrollment-page-buttons.png) no-repeat -629px -3px; cursor: pointer; } body #contentWrapper .enrollmentPlan .enrollmentActions .call { font-size: 12px; } body #contentWrapper .enrollmentPlan .enrollmentActions .call .phNumber { font-weight: bold; } body #contentWrapper .enrollmentPlan .panel { min-height: 234px; border: none; border-radius: 0; background: url(../images/enrollment-plan-table-background.png) no-repeat 0px -79px; width: 975px; float: left; padding: 3px; } body #contentWrapper .enrollmentPlan .panel .disclaimer { padding: 0 10px; font-size: 14px; } body #contentWrapper .enrollmentPlan .checkQualsBefore { font-size: 16px; color: #44697D; margin-left: 27px; } body #contentWrapper .enrollmentPlan ul.qualAssignment { list-style-type: none; padding: 10px; } body #contentWrapper .enrollmentPlan ul.qualAssignment li { padding: 0; } body #contentWrapper .enrollmentPlan ul.qualAssignment li .optionHeader { color: #44697D; font-size: 15px; } body #contentWrapper .enrollmentPlan ul.qualAssignment li.first { border-bottom: 1px dotted #44697D; float: left; width: 100%; } body #contentWrapper .enrollmentPlan ul.qualAssignment li.first p { width: 311px; float: left; } body #contentWrapper .enrollmentPlan ul.qualAssignment li.first .selectDropDown { width: 550px; float: left; min-height: 55px; height: 55px; } body #contentWrapper .enrollmentPlan ul.qualAssignment li.first .selectDropDown select, body #contentWrapper .enrollmentPlan ul.qualAssignment li.first .selectDropDown p.matchMessage { width: 466px; float: left; } body #contentWrapper .enrollmentPlan ul.qualAssignment li.first .selectDropDown select .figures, body #contentWrapper .enrollmentPlan ul.qualAssignment li.first .selectDropDown p.matchMessage .figures { color: #2F9F98; font-weight: bold; } body #contentWrapper .enrollmentPlan ul.qualAssignment li.first .selectDropDown p.matchMessage { margin-top: 0; display: none; } body #contentWrapper .enrollmentPlan ul.qualAssignment li.first .selectDropDown #Select { overflow: hidden; width: 69px; float: left; margin-left: 5px; } body #contentWrapper .enrollmentPlan ul.qualAssignment li.first .selectDropDown #Select input { background: url(../images/enrollment-page-buttons.png) no-repeat 0px -41px; width: 54px; height: 30px; padding-left: 130px; border: none; } body #contentWrapper .enrollmentPlan ul.qualAssignment #CourseWithoutQualSelected { color: #86333A; font-size: 15px; } #topicList { margin-left: 0; } #topicList li { list-style: none; margin-left: 3px; } #topicList li ul { margin-left: 12px; } #topicList li ul li { list-style: disc; } #topicList li .title { margin-bottom: 5px; } #Form_FAQSearchForm { overflow: hidden; zoom: 1; } #Form_FAQSearchForm label { display: none; } #Form_FAQSearchForm fieldset, #Form_FAQSearchForm .Actions { float: left; } #Form_FAQSearchForm input.text { width: 365px; margin-left: 10px; margin-right: 10px; } #Form_FAQSearchForm input.action { display: block; line-height: 0; border: none; text-indent: -9999em; cursor: pointer; overflow: hidden; display: block; width: 96px; height: 30px; background: url(../images/button-help-search.png); } #Form_FAQSearchForm input.action:disabled { cursor: auto; } #Form_FAQSearchForm input.action:hover { background: url(../images/button-help-search-hover.png); } body.ContactPage #contentWrapper .expandable { margin-top: 5px; margin-bottom: 0px; } body.ContactPage #contentWrapper .expandable .title { margin-top: 0; margin-bottom: 0; } body.ContactPage #contentWrapper .expandable .content { padding-top: 0; } body.ContactPage #contentWrapper .expandable table.address-table { border: none; } body.ContactPage #contentWrapper .expandable table.address-table td { padding: 0; } body.ContactPage #contentWrapper .expandable table.address-table td:first-child { border: none; } body.ContactPage #contentWrapper .expandable table.address-table h1, body.ContactPage #contentWrapper .expandable table.address-table h2, body.ContactPage #contentWrapper .expandable table.address-table h3, body.ContactPage #contentWrapper .expandable table.address-table h4, body.ContactPage #contentWrapper .expandable table.address-table h5, body.ContactPage #contentWrapper .expandable table.address-table h6 { margin-bottom: 0.3em; } body.ContactPage #contentWrapper .expandable table.address-table p { margin: 3px 0; } body.StaffHolderPage .typography #contentWrapperx ul.members { margin: 0; padding: 0; } body.StaffHolderPage .typography #contentWrapperx ul.members li { list-style: none; overflow: hidden; zoom: 1; border-top: 1px dotted #A0B3BE; padding-top: 20px; padding-bottom: 20px; } body.StaffHolderPage .typography #contentWrapperx ul.members li .name { margin-top: 0; } body.StaffHolderPage .typography #contentWrapperx ul.members li img.photo { float: left; margin-right: 10px; } body.StaffHolderPage .typography #contentWrapperx ul.members li .vital { margin-left: 90px; } body.StaffHolderPage .typography #contentWrapperx ul.members li.head-of-area { padding-left: 10px; padding-right: 10px; background-color: #f1f4f7; } body.StaffHolderPage .typography #contentWrapperx ul.members li.head-of-area .vital { margin-left: 90px; } body.StaffHolderPage .typography #contentWrapperx ul.members ul.members div.expandable { clear: both; } body.StaffHolderPage .typography #contentWrapperx ul.members ul.staff-details li { padding: 3px 0px; border: none; } body.StaffHolderPage .typography #contentWrapperx ul.members div.expandable { margin-bottom: 24px; } .roleFilterWrapper { position: relative; } .roleFilterWrapper select { padding: 0; margin: 0; margin-right: 3px; } #sidebar { float: right; width: 216px; margin-top: 6px; margin-bottom: 10px; } #sidebar-campaign { float: right; min-width: 216px; margin-top: 6px; margin-bottom: 10px; } #footerOuterWrapper { position: relative; background: url(../images/footer-bg-spread.gif) repeat-x; } #footerWrapper { background: url(../images/footer-bg.png) no-repeat 50% 0; } #BgFooter { background: url(../images/footer-container-bg.png) repeat-x 0 54px; position: absolute; height: 283px; top: -283px; width: 100%; clear: left; } #footerSpace { height: 70px; } .accessLinks { position: absolute; left: 0; top: 0; width: 0; height: 0; visibility: hidden; } #Banner { margin: 20px 0px; } #Banner img { width: 100%; height: auto; } #ResponsiveBanner { text-align: center; margin: 20px 0px; position: relative; height: 187px; overflow: hidden; border-top: 3px #abc6e1 solid; border-bottom: 5px solid #93c7d2; background-size: cover; } #ResponsiveBanner #BannerOverlay { position: absolute; top: 0; right: 0; bottom: 0; margin: 10px 0; min-width: 350px; max-width: 380px; margin-right: 13px; border: dashed 1px rgba(90, 118, 136, 0.8); padding: 5px; height: 160px; display: table; } #ResponsiveBanner #BannerOverlay #InnerBannerOverlay { display: table-cell; vertical-align: middle; bottom: 0; height: 150px; background: rgba(90, 118, 136, 0.8); } #ResponsiveBanner #BannerOverlay #BannerSubtitle, #ResponsiveBanner #BannerOverlay #BannerTitle { font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; color: #fff; text-align: left; padding: 0 18px; text-shadow: 0.5px 0.9px 1px rgba(0, 0, 0, 0.25); } #ResponsiveBanner #BannerOverlay #BannerTitle { font-size: 2.7em; line-height: 1.10em; margin: 0 5px 0 5px; padding-bottom: 8px; } #ResponsiveBanner #BannerOverlay #BannerSubtitle { font-size: 1.5em; line-height: 1.1em; margin: 0 0 5px 5px; font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; } #contentWrapper .landing-column-left, #contentWrapper .landing-column-right, #contentWrapper .landing-column-middle { width: 340px; float: left; margin: 0 18px 10px 0; } #contentWrapper .landing-column-middle { width: 500px; } #contentWrapper .landing-column-right { margin: 0 18px 10px 0; } #contentWrapper .landing-box-left, #contentWrapper .landing-box-right { width: 254px; float: left; margin: 0 18px 10px 0; border-bottom: 1px dotted #6AADE4; } #contentWrapper .landing-box-right { margin: 0 0 10px 0; } #contentWrapper .landing-box { border-top: 1px dotted #6AADE4; width: 100%; float: left; padding: 10px 0; } #contentWrapper .landing-box h2 { padding-left: 10px; padding-right: 10px; margin-top: 0; border: none; word-wrap: break-word; line-height: normal; } #contentWrapper .landing-box h2 a, #contentWrapper .landing-box h2 a:link, #contentWrapper .landing-box h2 a:active, #contentWrapper .landing-box h2 a:hover, #contentWrapper .landing-box h2 a:visited { color: #008c9a; } #contentWrapper .landing-box h2 a.general-button, #contentWrapper .landing-box h2 a:link.general-button, #contentWrapper .landing-box h2 a:active.general-button, #contentWrapper .landing-box h2 a:hover.general-button, #contentWrapper .landing-box h2 a:visited.general-button { color: #fff; border-radius: 0; } #contentWrapper .landing-box div.text, #contentWrapper .landing-box ul.links { margin-bottom: 0.6em; padding-left: 10px; padding-right: 10px; } #contentWrapper .landing-box > a { padding-left: 10px; padding-right: 10px; } #contentWrapper .landing-box:hover, #contentWrapper .landing-box.hover { background-color: #E5EDF6; } div.summary { overflow: hidden; } div.summary dl, div.summary table { padding: 5px 5px 0px; overflow: hidden; zoom: 1; margin: 0; } div.summary dl.vital, div.summary table.vital { margin-bottom: 5px; padding-bottom: 0; } div.summary dl.vital dd, div.summary table.vital dd { float: left; padding: 5px 0; } div.summary dl dt, div.summary dl dd, div.summary table dt, div.summary table dd { padding: 5px 0 0; margin: 0; } div.summary dl dt.helpText, div.summary table dt.helpText { padding-right: 15px; } div.summary dl dt, div.summary dl th, div.summary table dt, div.summary table th { float: left; margin-right: 5px; text-transform: uppercase; color: #593160; margin-left: 2px; font-size: 12px; clear: left; } div.summary dl dt.first, div.summary dl th.first, div.summary table dt.first, div.summary table th.first { margin-left: 0; } div.summary dl dd, div.summary table dd { float: left; line-height: 18px; } div.summary dl dd p, div.summary table dd p { margin: 0; } div.summary dl dd ul, div.summary table dd ul { clear: both; } div.summary .programmeCode, div.summary .courseCode { width: 197px; border-right: 1px dotted #A0B3BE; float: left; margin-bottom: -300px; padding-bottom: 310px; } div.summary .studyLevel { width: 91px; border-width: 1px 0; float: left; } div.summary .creditRequired { width: 176px; border-left: 1px dotted #A0B3BE; float: left; margin-bottom: -300px; padding-bottom: 310px; } div.summary .req { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } div.summary .req dt { margin-bottom: -2px; } div.summary .req dd { float: none; } div.summary .requisites { margin: 0; } div.summary .requisites li { list-style-type: none; } div.summary .roundedCorners { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #A0B3BE; overflow: hidden; margin-bottom: 3px; } div.summary .intro h3 { padding: 0 10px; } div.summary .intro p { font-size: 12px; padding: 0 10px; } div.summary .intro ul { padding: 0 10px; } table { border-collapse: collapse; } table th p.feesToggle { cursor: pointer; background-color: blue; } table.courseTable { background-color: #454278; margin-bottom: 0.2em; } table.courseTable thead th { padding-top: 5px; height: 51px; color: white; font-weight: normal; font-size: 0.9em; text-transform: uppercase; text-align: center; vertical-align: middle; border: 1px solid transparent; background: #404476 url(../images/enrolment-plan-divider.gif) no-repeat right bottom; } table.courseTable thead .availability p { width: 110px; } table.courseTable td, table.courseTable th { padding: 0; } table.courseTable tbody { border: solid 1px #b1c0c9; } table.courseTable tbody tr { background-color: #fff; } table.courseTable tbody tr.requisiteType { background-color: #e5e5ec; } table.courseTable tbody tr.requisiteType p, table.courseTable tbody tr.requisiteType h3, table.courseTable tbody tr.requisiteType h4, table.courseTable tbody tr.requisiteType h5 { font-size: 13px; padding-left: 10px; } table.courseTable tbody tr.requisiteType .type { font-weight: bold; } table.courseTable tbody tr.requisiteType .details { margin-top: 0; } table.courseTable tbody td { border: solid 1px #b1c0c9; } table.courseTable tbody td span { padding: 6px 10px; display: block; } table.courseTable tbody td div { padding: 6px 10px; } table.courseTable tbody td .styleHelper { float: left; height: 36px; padding: 0; } table.courseTable tbody td .availability-base { padding: 0; } table.courseTable tbody .code { font-weight: bold; } table.courseTable th p { margin: 0; padding: 0 5px 0 5px; } table.courseTable th.code { text-align: left; } table.courseTable th.code p { padding-left: 10px; } table.courseTable th.fees { vertical-align: top; } table.courseTable th.fees .showingFees { margin: 2px 0 5px 0; line-height: 12px; } table.courseTable th.fees .showingFees.last { border-left: 1px solid #595d8d; } table.courseTable th.fees.yearCount1 { width: 120px; } table.courseTable th.select { background-image: none; } table.courseTable .code { border-style: solid dotted solid solid; } table.courseTable .name { border-style: solid dotted; } table.courseTable .level { border-style: solid dotted; } table.courseTable .level span { text-align: center; } table.courseTable .credits { border-style: solid dotted; } table.courseTable .credits span { text-align: center; } table.courseTable .fees { border-style: solid dotted; } table.courseTable .fees div { text-align: center; } table.courseTable .select { border-style: solid solid solid dotted; vertical-align: middle; } table.courseTable .select span { text-align: center; padding: 0; margin-top: 2px; } table.courseTable .select label { padding: 6px 10px; display: block; } table.courseTable td.select { vertical-align: top; } table.courseTable td.availability { width: 119px; vertical-align: top; overflow: hidden; } table.courseTable td.availability p { float: left; width: 32px; height: 32px; background: #E3E8EC; border-left: 6px solid white; margin: 0; } table.courseTable td.availability p label { display: block; width: 32px; height: 32px; background: #A5D2D7; } table.courseTable td.availability.open { background: #E3E8EC; } table.courseTable td.availability.open p { width: 68px; height: 25px; text-align: center; padding-top: 7px; } table.courseTable .showingFees { display: block; float: left; padding: 0; } table.courseTable .feesDisplay { padding: 6px 0; } table.courseTable .yearCount1 .showingFees { width: 99%; } table.courseTable .yearCount2 { min-width: 150px; } table.courseTable .yearCount2 .showingFees { width: 49%; } table.courseTable td.yearCount2 { background: #fff url(../images/dotted-border.gif) center repeat-y; } table th a.seeInternational, table th a.seeDomestic { display: inline-block; width: 115px; height: 24px; padding: 5px 4px 5px 4px; margin: 2px 3px 0 3px; font-size: 0.8em; color: #fff; background-color: #585c8b; text-decoration: none; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; } table th a.seeInternational:hover, table th a.seeDomestic:hover { color: #fff; background-color: #6c6e9f; text-decoration: none; } table th a.seeInternational:visited, table th a.seeDomestic:visited { color: #fff; text-decoration: none; } table th.fees a.seeInternational, table th.fees a.seeDomestic { margin-top: 0; } #SubmitEnrolment { background-image: none; border-radius: 0; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; height: 30px; width: 149px; border: none; float: right; overflow: hidden; display: inline-block; color: #fff; text-indent: 0; text-transform: uppercase; font-size: 1.1em; background-color: #458ab5; margin-top: 10px; cursor: pointer; } #SubmitEnrolment.hover { background-position: 0 -30px; } #SubmitEnrolment.disabled { background-position: 0 -60px; } .StudentProfileLandingPage .student-profile-quicklinks { margin-left: 18px; } .StudentProfileLandingPage .student-profile-quicklinks li { list-style: none; list-style-image: url(../images/down-arrows.png); } .StudentProfilePage #contentWrapper .managed-content .qualification-list.individual { margin-top: -10px; padding: 0; } .StudentProfilePage #contentWrapper .managed-content .qualification-list.individual h2 { margin: 0 0 10px; } .StudentProfilePage .photo { border: 3px solid #e5edf6; } .typography .StudentProfilePage .photo { border: 3px solid #e5edf6; } .typography #studentProfileStudentQuicklinks { border-collapse: separate; } .typography #studentProfileStudentQuicklinks tr td .title { color: #44697d; font-size: 17px; } .typography .student-profile-list, .typography .qualification-list { margin: 0; padding: 0; } .typography .student-profile-list li, .typography .qualification-list li { padding: 10px 0; list-style: none; overflow: hidden; zoom: 1; } .typography .student-profile-list li .title, .typography .qualification-list li .title { font-size: 17px; margin-bottom: 0; color: #44697d; border: none; } .typography .qualification-list li { padding: 0; font-size: 15px; margin-bottom: -2px; } .typography .student-profile-list .content { float: left; } .typography .student-profile-list .content p a, .typography .student-profile-list .content p a:link, .typography .student-profile-list .content p a:active, .typography .student-profile-list .content p a:hover, .typography .student-profile-list .content p a:visited { color: #008c9a; } .typography .student-profile-list .content .title { margin-top: 0; margin-bottom: 2px; } .typography .student-profile-list .photo.columns { float: left; border: 3px solid #e5edf6; margin-right: 5px !important; max-width: 137px; } #MemberLoginForm_LoginForm .middleColumn { margin-bottom: 15px; } #MemberLoginForm_LoginForm #Remember { display: none; position: relative; margin-left: 119px; margin-bottom: 20px; } #MemberLoginForm_LoginForm #Remember label { position: absolute; top: 5px; left: 20px; } #MemberLoginForm_LoginForm input.action, #MemberLoginForm_LoginForm #ForgotPassword { margin-left: 119px; } #MemberLoginForm_LoginForm #ForgotPassword { display: none; } #MemberLoginForm_LoginForm fieldset, #MemberLoginForm_LoginForm .Actions { padding-left: 5px; } #ajaxLogin { width: 400px; height: 230px; } ul.ui-autocomplete { padding: 2px 5px; background: white; width: 300px; } ul.ui-autocomplete li { list-style: none; } ul.ui-autocomplete li a { text-decoration: none; display: block; padding: 2px 5px; cursor: pointer; text-align: left; } ul.ui-autocomplete li a#ui-active-menuitem { background-color: #ccc; } ul.ui-autocomplete li a span.url { display: none; visibility: hidden; } ul.ui-autocomplete li.autocomplete-seemore a:hover { background-color: #ccc; } .expandable .title, .expandable .expandable-title { display: block; font-size: 17px; background-color: #ECEFF3; padding: 6px 8px; margin-top: 5px; margin-bottom: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: none; } .expandable .expandableHandle { background-image: url(../images/interaction/expand-button.png); background-repeat: no-repeat; padding-left: 20px; background-position: 0 50%; } .expandable .expandableHandle.close { background-image: url(../images/interaction/collapse-button.png); font-size: 1em; opacity: 1.0; } .expandable .content { padding: 10px 22px; } .expandable .content ul { margin-left: 20px; } .expandable .tabContent { padding: 0; background-color: #FFF; } .expandable .tabContent ul { margin-left: 20px; } .simple_overlay { display: none; z-index: 10000; background-color: #fff; padding: 10px; width: 400px; min-height: 150px; border: 1px solid #666; -moz-box-shadow: 0 0 20px 5px #bbb; -webkit-box-shadow: 0 0 20px #bbb; } .simple_overlay .close { background-image: url(../images/jquery-tools/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; } .simple_overlay .contentWrap-loading { background: url(../images/ajax-loader.gif) no-repeat 50% 50%; width: 300px; height: 150px; } .ajaxPage { height: 70%; width: 768px; max-width: 90%; } .ajaxPage .contentWrap { height: 100%; width: auto; padding: 1px; overflow-x: hidden; overflow-y: auto; } .keyinfotooltip, .tooltip { display: none; background-color: #ffa; border: 1px solid #cc9; padding: 3px; font-size: 13px; -moz-box-shadow: 2px 2px 11px #666; -webkit-box-shadow: 2px 2px 11px #666; } .tooltipWarning { background: #FFF8AF; border: 1px solid #FFA70F; } .tooltipGood { background: #B3EFEF; border: 1px solid #009496; } .tooltipError { background: #FFBFBF; border: 1px solid red; } .typography ul.sitemap-list.rootlevel { margin-left: 0; } ul.sitemap-list.rootlevel li { list-style-type: none; } ul.sitemap-list.rootlevel li p { border-bottom: 1px dotted #6AADE4; line-height: 26px; } ul.sitemap-list.rootlevel li p a { font-size: 21px; color: #593160; padding-left: 5px; } ul.sitemap-list.sublevel { margin-left: 18px; } ul.sitemap-list.sublevel li { list-style-image: url("../images/bullet-black-on-white.png"); } ul.sitemap-list.sublevel li p { line-height: 1.5em; border-bottom: none; margin: 0; } ul.sitemap-list.sublevel li p a { font-size: 13px; color: #006699; } /* SEARCH PAGE */ .elastic-search-box { margin-top: 1em; margin-bottom: 1.4em; width: 100%; } .elastic-search-box div { display: inline; } .elastic-search-box input[type="text"] { height: 2rem; vertical-align: middle; display: inline; width: 25rem; } .elastic-search-box input[type="submit"] { display: inline; margin-left: 1em; } .elastic-cursor-box { margin-top: 30px; } .elastic-webResult .search-result { padding: .5em 0 !important; border-bottom: 0 !important; border-top: 1px dotted #6AADE4; } .elastic-webResult .search-result .search-title * { text-decoration: none !important; font-size: 15px !important; } .elastic-webResult .search-result .search-title a { color: #006699; } .elastic-webResult .search-result .search-title a:hover { text-decoration: underline !important; } .elastic-webResult .search-result .search-title strong { background-color: #fff0b2; color: #006699; font-weight: normal; } .elastic-webResult .search-result .search-snippet { margin-top: .5em; width: auto; /*640px;*/ line-height: 1.3em; } .elastic-webResult .search-no-results-result .search-snippet { padding: 5px; border: 1px solid #ffcc33; background-color: #fff4c2; } .elastic-webResult .elastic-page { cursor: pointer; color: #000000; text-decoration: underline; margin-right: 8px; display: inline; } .elastic-webResult .elastic-page.elastic-current-page { cursor: default; color: #A90A08; font-weight: bold; text-decoration: none; } .elastic-webResult .elastic-page a { color: #000000; } .elastic-webResult .elastic-result-header { clear: both; margin-top: 6px; margin-bottom: 8px; } .elastic-webResult .elastic-result-header .elastic-tabHeader { padding-left: 6px; padding-right: 6px; margin-right: 2px; margin-top: 2px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-top: 2px solid #e9e9e9; background: #e9e9e9; color: #676767; cursor: pointer; display: inline-block; } .elastic-webResult .elastic-result-header .elastic-tabHeader.elastic-tabhActive { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-top: 2px solid #ff9900; background: #ffffff; color: black; } .elastic-webResult.loading-results { opacity: 0.333; } /* body #contentWrapperx, body #contentWrapper { #SearchForm_SearchForm { legend { display: none; } input#SearchForm_SearchForm_Search { width: auto; min-width: 280px; max-width: 300px; } input.action { @include search-button-action; margin-left: 10px; float: left; } #Search { float: left; } } .searchResultSummary { .no-result { color: #990000; } p.suggest { color: #009999; font-weight: bold; } ul.suggest { li { font-size: 87%; } } ul { li { list-style-image: url("../images/bullet-black-01.png"); font-weight: normal; ul { margin-top: 15px; li { list-style-image: url("../images/bullet-black-01.png"); list-style-position: inside; margin-left: -23px; min-height: 23px; height: auto !important; height: 23px; padding-left: 3px; border-top: 1px dotted #009999; color: #009999; } li.hover { background-color: #E5EDF6; } li.last { border-bottom: 1px dotted #009999; } } ul.top-content { li { font-size: 100%; padding-top: 3px; } } } } } } */ #contentWrapper .addressfieldsimple { margin-top: 15px; margin-bottom: 20px; } #contentWrapper .addressfieldsimple .middleColumn #Address_Holder { clear: both; } #contentWrapper .addressfieldsimple .middleColumn .postcode { width: 50px; } #Form_BrochureOrderForm .field { clear: both; } .left_align_display .AddressFieldGroupDisplay span.readonly { margin-left: 0; } .addressfieldgroup .addressAutoMsg, .addressfieldgroup .addressAuto, .addressfieldgroup .addressNotShow, .addressfieldgroup .addressShow { display: none; } .addressfieldgroup .addressAuto input { width: 530px; } .addressfieldgroup .addressAuto input.empty { color: #888; } .addressfieldgroup .addressNotShow, .addressfieldgroup .addressShow { margin: 7px 0 0 120px; font-size: 11px; } .addressfieldgroup label { float: left; width: 120px; } .addressfieldgroup select { margin: 0 0 4px 0; width: 310px; border-radius: 3px; } .addressfieldgroup span.readonly, .addressfieldgroup .display_address_edit_link { display: block; margin-left: 120px; } .addressfieldgroup .display_address_edit_link { font-size: 11px; margin-top: 5px; padding-left: 21px; background: transparent url(../images/page_white_edit.png) center left no-repeat; } .ajax .addressShow, .ajax .addressLine1, .ajax .addressLine2, .ajax .addressLine3, .ajax .addressLine4, .ajax .postcode { display: none; } .ajax .addressAutoMsg, .ajax .addressAuto, .ajax .addressNotShow { display: block; } .showLines .addressAutoMsg, .showLines .addressAuto, .showLines .addressNotShow { display: none; } .showLines .addressShow, .showLines .addressLine1, .showLines .addressLine2, .showLines .addressLine3, .showLines .addressLine4, .showLines .postcode { margin-top: 0; margin-bottom: 4px; display: block; } body.hasSubMenu #contentWrapper.noRight { width: 728px; } /*TODO - Move to ie.css*/ #footerOuterWrapper, #footer { zoom: 1; } /* Minimal header/footer styles - remove most items */ body.EnrollmentFormPage.partnerPortal #EnrollmentForm .Actions .action.actionYes, body.EnrollmentFormPage.partnerPortal #EnrollmentForm .Actions .action.actionNo, body.EnrolmentFormLoginPage.partnerPortal #EnrollmentForm .Actions .action.actionYes, body.EnrolmentFormLoginPage.partnerPortal #EnrollmentForm .Actions .action.actionNo { font-weight: normal; } body.EnrollmentFormPage.partnerPortal ul.stepIndicator, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator { box-sizing: content-box !important; } body.EnrollmentFormPage.partnerPortal ul.stepIndicator li, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li { box-sizing: content-box !important; } body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.lines2 span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.lines3 span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.todo-todo span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.todo-last span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.current-todo span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.current-last span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.done-current span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.done-done span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.current-done span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.done-last span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.done-todo span.contain, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li div, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.current-done div, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.current-todo div, body.EnrollmentFormPage.partnerPortal ul.stepIndicator li.current-last div, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.lines2 span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.lines3 span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.todo-todo span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.todo-last span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.current-todo span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.current-last span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.done-current span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.done-done span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.current-done span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.done-last span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.done-todo span.contain, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li div, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.current-done div, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.current-todo div, body.EnrolmentFormLoginPage.partnerPortal ul.stepIndicator li.current-last div { box-sizing: content-box !important; } body.EnrollmentFormPage.partnerPortal #termsGroup input#EnrollmentForm_acceptTerms, body.EnrolmentFormLoginPage.partnerPortal #termsGroup input#EnrollmentForm_acceptTerms { margin-left: 0; background: none; } body.EnrollmentFormPage.partnerPortal .EnrollmentForm_Payment, body.EnrolmentFormLoginPage.partnerPortal .EnrollmentForm_Payment { box-sizing: content-box !important; } body.EnrollmentFormPage.partnerPortal .EnrollmentForm_Payment #EnrollmentForm table.cart, body.EnrollmentFormPage.partnerPortal .EnrollmentForm_Payment #EnrollmentForm div.feeInfo, body.EnrolmentFormLoginPage.partnerPortal .EnrollmentForm_Payment #EnrollmentForm table.cart, body.EnrolmentFormLoginPage.partnerPortal .EnrollmentForm_Payment #EnrollmentForm div.feeInfo { width: 685px; } body.EnrollmentFormPage #headerWrapper, body.EnrolmentFormLoginPage #headerWrapper { background-position: 50% -100px; } body.EnrollmentFormPage #header, body.EnrolmentFormLoginPage #header { height: 109px; } body.EnrollmentFormPage #header #menu, body.EnrollmentFormPage #header .ssoLogin, body.EnrolmentFormLoginPage #header #menu, body.EnrolmentFormLoginPage #header .ssoLogin { display: none; } body.EnrollmentFormPage #layout.container, body.EnrolmentFormLoginPage #layout.container { max-width: 995px; } body.EnrollmentFormPage h1.title, body.EnrolmentFormLoginPage h1.title { position: absolute; top: 25px; margin-left: 305px; color: #fff; } body.EnrollmentFormPage li, body.EnrolmentFormLoginPage li { list-style-type: none; } body.EnrollmentFormPage #contentWrapper, body.EnrolmentFormLoginPage #contentWrapper { width: 973px; margin: 20px 0 0 16px; overflow: visible; } body.EnrollmentFormPage #pageUtils, body.EnrollmentFormPage #SearchForm_CustomSearchForm, body.EnrollmentFormPage div.login, body.EnrollmentFormPage #quickLinks, body.EnrollmentFormPage #tellMeMoreLink, body.EnrollmentFormPage #breadcrumbs, body.EnrolmentFormLoginPage #pageUtils, body.EnrolmentFormLoginPage #SearchForm_CustomSearchForm, body.EnrolmentFormLoginPage div.login, body.EnrolmentFormLoginPage #quickLinks, body.EnrolmentFormLoginPage #tellMeMoreLink, body.EnrolmentFormLoginPage #breadcrumbs { display: none; } body.EnrollmentFormPage #footerMenu li, body.EnrolmentFormLoginPage #footerMenu li { visibility: hidden; } body.EnrollmentFormPage #footerMenu li.last, body.EnrolmentFormLoginPage #footerMenu li.last { visibility: visible; } body.EnrollmentFormPage #footerMenu li .follow, body.EnrolmentFormLoginPage #footerMenu li .follow { display: none; } body.EnrollmentFormPage { height: auto; } body.EnrollmentFormPage.finished #layout { min-height: 500px; } body.EnrollmentFormPage #contentWrapper.no-sidebar { width: 973px; margin: auto; overflow: visible; } body.EnrollmentFormPage.LoggedIn .radio input[type="radio"], body.EnrollmentFormPage.LoggedIn .radio-inline input[type="radio"], body.EnrollmentFormPage.LoggedIn .checkbox input[type="checkbox"], body.EnrollmentFormPage.LoggedIn .checkbox-inline input[type="checkbox"] { margin-left: 0; } #minimalPage #layout { min-height: 0; } #minimalPage #contentWrapper { width: 973px; margin: 20px 0 0 16px; overflow: visible; } #minimalPage #header { height: 126px; margin-bottom: 0; } #minimalPage #header #branding { float: left; height: 89px; } #minimalPage #header #branding img { margin-top: 5px; } #minimalPage #header #menu { display: block; clear: both; position: relative; } #minimalPage #header #menu ul li { margin-right: 5px; padding: 0; } #minimalPage #header #menu ul span.title { text-indent: 0; } #minimalPage #header #menu #enrolmentPlanMenu { display: none; } #minimalPage #header a.siteName { display: block; width: 230px; height: 65px; text-indent: -5000px; overflow: hidden; background: transparent url(../images/small-header-logo.png) top left no-repeat; } #minimalPage .qualList .close { float: none; opacity: 1; font-weight: normal; } #minimalPage.Programme #topWrapper { width: 723px; margin-right: 0; } #minimalPage.Programme #topWrapper div.summary .roundedCorners { width: 720px; clear: both; } #minimalPage.Programme .structure { margin-right: 15px; } #minimalPage.Programme .structure .content { padding-left: 0; padding-right: 0; } #minimalPage.Programme #ProgrammeCourses { float: left; clear: none; } #minimalPage.PPQualificationLandingPage #contentWrapper { width: 715px; } #minimalPage.PPQualificationLandingPage .qualListWrapper { clear: both; } #minimalPage.EnrollmentPlanPage .enrollmentActions .call { display: none; } #minimalPage.EnrollmentPlanPage #AssignQual #BackToCourses { display: none; } body.partnerPortal #layout.container { padding: 0; } body.partnerPortal#minimalPage #contentWrapper { margin: 0; } body.partnerPortal table.courseTable th.fees, body.partnerPortal table.courseTable th.colCost { vertical-align: middle; } body.partnerPortal table.courseTable th.fees a.feesToggle, body.partnerPortal table.courseTable th.colCost a.feesToggle { visibility: hidden; height: 0; padding: 0; } body.partnerPortal table.courseTable th.fees.yearCount2 a.feesToggle, body.partnerPortal table.courseTable th.colCost.yearCount2 a.feesToggle { width: 140px; } body.partnerPortal table.enrollmentPlanSelectionTable th.colCost { vertical-align: middle; } body.partnerPortal table.enrollmentPlanSelectionTable th.colCost a.feesToggle { visibility: hidden; height: 0; padding: 0; } table.enrollmentPlanSelectionTable th.colCost a.feesToggle, table.courseTable th.colCost a.feesToggle { margin-bottom: 5px; } .PPPartnerPage #subMenu #firstLevelPageTitle { display: none; } #EnrollmentForm, .tabform form, .UserDefinedForm .managed-content form, .EmailableUserDefinedForm .managed-content form { clear: both; } #EnrollmentForm h2, .tabform form h2, .UserDefinedForm .managed-content form h2, .EmailableUserDefinedForm .managed-content form h2 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 50px; padding-top: 0; color: #44697D; background: #ECEFF3; font-size: 17px; font-weight: bold; line-height: 50px; padding-left: 15px; border-bottom: none; clear: both; } #EnrollmentForm ul, .tabform form ul, .UserDefinedForm .managed-content form ul, .EmailableUserDefinedForm .managed-content form ul { margin-left: 0; } #EnrollmentForm label.left, .tabform form label.left, .UserDefinedForm .managed-content form label.left, .EmailableUserDefinedForm .managed-content form label.left { float: none !important; width: auto; font-weight: bold; } #EnrollmentForm li label, .tabform form li label, .UserDefinedForm .managed-content form li label, .EmailableUserDefinedForm .managed-content form li label { padding-left: 5px; } #EnrollmentForm textarea, .tabform form textarea, .UserDefinedForm .managed-content form textarea, .EmailableUserDefinedForm .managed-content form textarea { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; } #EnrollmentForm .requiredField label.left, #EnrollmentForm .requiredField label.right, #EnrollmentForm .required label.left, #EnrollmentForm .required .fieldgroup .required label.left, #EnrollmentForm .requiredField.addressfieldgroup .fieldgroup [class*="addresslabel"] b:first-child, #EnrollmentForm .mandatory, .tabform form .requiredField label.left, .tabform form .requiredField label.right, .tabform form .required label.left, .tabform form .required .fieldgroup .required label.left, .tabform form .requiredField.addressfieldgroup .fieldgroup [class*="addresslabel"] b:first-child, .tabform form .mandatory, .UserDefinedForm .managed-content form .requiredField label.left, .UserDefinedForm .managed-content form .requiredField label.right, .UserDefinedForm .managed-content form .required label.left, .UserDefinedForm .managed-content form .required .fieldgroup .required label.left, .UserDefinedForm .managed-content form .requiredField.addressfieldgroup .fieldgroup [class*="addresslabel"] b:first-child, .UserDefinedForm .managed-content form .mandatory, .EmailableUserDefinedForm .managed-content form .requiredField label.left, .EmailableUserDefinedForm .managed-content form .requiredField label.right, .EmailableUserDefinedForm .managed-content form .required label.left, .EmailableUserDefinedForm .managed-content form .required .fieldgroup .required label.left, .EmailableUserDefinedForm .managed-content form .requiredField.addressfieldgroup .fieldgroup [class*="addresslabel"] b:first-child, .EmailableUserDefinedForm .managed-content form .mandatory { padding-right: 10px; background: transparent url(../images/required-star.gif) top right no-repeat; } #EnrollmentForm .required .fieldgroup label.left, .tabform form .required .fieldgroup label.left, .UserDefinedForm .managed-content form .required .fieldgroup label.left, .EmailableUserDefinedForm .managed-content form .required .fieldgroup label.left { background: none; padding-right: 0; } #EnrollmentForm .mandatory, .tabform form .mandatory, .UserDefinedForm .managed-content form .mandatory, .EmailableUserDefinedForm .managed-content form .mandatory { float: left; } #EnrollmentForm .message, .tabform form .message, .UserDefinedForm .managed-content form .message, .EmailableUserDefinedForm .managed-content form .message { float: left; clear: both; padding-left: 0; color: #CB0101; } #EnrollmentForm .mandatory, .tabform form .mandatory, .UserDefinedForm .managed-content form .mandatory, .EmailableUserDefinedForm .managed-content form .mandatory { margin-bottom: 7px; } #EnrollmentForm div.field, .tabform form div.field, .UserDefinedForm .managed-content form div.field, .EmailableUserDefinedForm .managed-content form div.field { float: left; margin-bottom: 5px; width: 675px; } #EnrollmentForm p.field, .tabform form p.field, .UserDefinedForm .managed-content form p.field, .EmailableUserDefinedForm .managed-content form p.field { float: left; } #EnrollmentForm p.field label, .tabform form p.field label, .UserDefinedForm .managed-content form p.field label, .EmailableUserDefinedForm .managed-content form p.field label { float: none; margin-top: 2px; padding-left: 15px; } #EnrollmentForm p.field label.right, .tabform form p.field label.right, .UserDefinedForm .managed-content form p.field label.right, .EmailableUserDefinedForm .managed-content form p.field label.right { float: none; padding-left: 25px; } #EnrollmentForm p.field span.message, .tabform form p.field span.message, .UserDefinedForm .managed-content form p.field span.message, .EmailableUserDefinedForm .managed-content form p.field span.message { clear: both; width: 100%; } #EnrollmentForm .addressfieldgroup .addressAuto input, .tabform form .addressfieldgroup .addressAuto input, .UserDefinedForm .managed-content form .addressfieldgroup .addressAuto input, .EmailableUserDefinedForm .managed-content form .addressfieldgroup .addressAuto input { width: 455px; } #EnrollmentForm div.holder-required, #EnrollmentForm div.holder-warning, #EnrollmentForm div.holder-passlimit, #EnrollmentForm p.holder-required, #EnrollmentForm p.holder-warning, #EnrollmentForm p.holder-passlimit, #EnrollmentForm div.holder-validation, .tabform form div.holder-required, .tabform form div.holder-warning, .tabform form div.holder-passlimit, .tabform form p.holder-required, .tabform form p.holder-warning, .tabform form p.holder-passlimit, .tabform form div.holder-validation, .UserDefinedForm .managed-content form div.holder-required, .UserDefinedForm .managed-content form div.holder-warning, .UserDefinedForm .managed-content form div.holder-passlimit, .UserDefinedForm .managed-content form p.holder-required, .UserDefinedForm .managed-content form p.holder-warning, .UserDefinedForm .managed-content form p.holder-passlimit, .UserDefinedForm .managed-content form div.holder-validation, .EmailableUserDefinedForm .managed-content form div.holder-required, .EmailableUserDefinedForm .managed-content form div.holder-warning, .EmailableUserDefinedForm .managed-content form div.holder-passlimit, .EmailableUserDefinedForm .managed-content form p.holder-required, .EmailableUserDefinedForm .managed-content form p.holder-warning, .EmailableUserDefinedForm .managed-content form p.holder-passlimit, .EmailableUserDefinedForm .managed-content form div.holder-validation { padding: 10px; border: 1px solid #CB0101; background: #F5EAE5; } #EnrollmentForm div.delivery-warning, .tabform form div.delivery-warning, .UserDefinedForm .managed-content form div.delivery-warning, .EmailableUserDefinedForm .managed-content form div.delivery-warning { max-width: 685px; } #EnrollmentForm .spacer, .tabform form .spacer, .UserDefinedForm .managed-content form .spacer, .EmailableUserDefinedForm .managed-content form .spacer { position: relative; clear: both; left: -18px; width: 968px; height: 10px; padding-bottom: 13px; background: url(../images/enrolment-divider-horizontal.gif) repeat-x; } #EnrollmentForm .action, .tabform form .action, .UserDefinedForm .managed-content form .action, .EmailableUserDefinedForm .managed-content form .action { display: block; line-height: 0; border: none; text-indent: -9999em; cursor: pointer; overflow: hidden; float: right; height: 30px; width: 49px; } #EnrollmentForm .action:disabled, .tabform form .action:disabled, .UserDefinedForm .managed-content form .action:disabled, .EmailableUserDefinedForm .managed-content form .action:disabled { cursor: auto; } #EnrollmentForm .action.actionNo, #EnrollmentForm .action.actionYes, .tabform form .action.actionNo, .tabform form .action.actionYes, .UserDefinedForm .managed-content form .action.actionNo, .UserDefinedForm .managed-content form .action.actionYes, .EmailableUserDefinedForm .managed-content form .action.actionNo, .EmailableUserDefinedForm .managed-content form .action.actionYes { font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal !important; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #fff; text-indent: 0; font-size: 1em; line-height: 30px; } #EnrollmentForm .action.actionNo:hover, #EnrollmentForm .action.actionYes:hover, .tabform form .action.actionNo:hover, .tabform form .action.actionYes:hover, .UserDefinedForm .managed-content form .action.actionNo:hover, .UserDefinedForm .managed-content form .action.actionYes:hover, .EmailableUserDefinedForm .managed-content form .action.actionNo:hover, .EmailableUserDefinedForm .managed-content form .action.actionYes:hover { background: #00315d; } #EnrollmentForm .action.actionNo:hover, #EnrollmentForm .action.actionYes:hover, .tabform form .action.actionNo:hover, .tabform form .action.actionYes:hover, .UserDefinedForm .managed-content form .action.actionNo:hover, .UserDefinedForm .managed-content form .action.actionYes:hover, .EmailableUserDefinedForm .managed-content form .action.actionNo:hover, .EmailableUserDefinedForm .managed-content form .action.actionYes:hover { text-decoration: none; } #EnrollmentForm .action.actionYes, .tabform form .action.actionYes, .UserDefinedForm .managed-content form .action.actionYes, .EmailableUserDefinedForm .managed-content form .action.actionYes { margin-right: 10px; } #EnrollmentForm .action.actionNext, .tabform form .action.actionNext, .UserDefinedForm .managed-content form .action.actionNext, .EmailableUserDefinedForm .managed-content form .action.actionNext { width: 133px; background: url(../images/save-continue-btn-bg.gif) top left no-repeat; } #EnrollmentForm .action.actionNext:hover, .tabform form .action.actionNext:hover, .UserDefinedForm .managed-content form .action.actionNext:hover, .EmailableUserDefinedForm .managed-content form .action.actionNext:hover { background-position: left -30px; } #EnrollmentForm .action.actionPrev, .tabform form .action.actionPrev, .UserDefinedForm .managed-content form .action.actionPrev, .EmailableUserDefinedForm .managed-content form .action.actionPrev { float: left; background: url(../images/back-btn-bg.gif) top left no-repeat; width: 49px; margin-left: 15px; } #EnrollmentForm .action.actionPrev:hover, .tabform form .action.actionPrev:hover, .UserDefinedForm .managed-content form .action.actionPrev:hover, .EmailableUserDefinedForm .managed-content form .action.actionPrev:hover { background-position: left -30px; } #EnrollmentForm .action.actionFinish, .tabform form .action.actionFinish, .UserDefinedForm .managed-content form .action.actionFinish, .EmailableUserDefinedForm .managed-content form .action.actionFinish { float: right; width: 133px; background: url(../images/submit-application-btn-bg.gif) top left no-repeat; } #EnrollmentForm .action.actionFinish:hover, .tabform form .action.actionFinish:hover, .UserDefinedForm .managed-content form .action.actionFinish:hover, .EmailableUserDefinedForm .managed-content form .action.actionFinish:hover { background-position: left -30px; } #EnrollmentForm .action.actionClose, .tabform form .action.actionClose, .UserDefinedForm .managed-content form .action.actionClose, .EmailableUserDefinedForm .managed-content form .action.actionClose { width: 133px; background: url(../images/close-application-btn-bg.gif) top left no-repeat; } #EnrollmentForm .action.actionClose:hover, .tabform form .action.actionClose:hover, .UserDefinedForm .managed-content form .action.actionClose:hover, .EmailableUserDefinedForm .managed-content form .action.actionClose:hover { background-position: left -30px; } #EnrollmentForm div.actionYes, #EnrollmentForm div.actionNo, .tabform form div.actionYes, .tabform form div.actionNo, .UserDefinedForm .managed-content form div.actionYes, .UserDefinedForm .managed-content form div.actionNo, .EmailableUserDefinedForm .managed-content form div.actionYes, .EmailableUserDefinedForm .managed-content form div.actionNo { position: absolute; top: 0; right: 255px; width: 49px; } #EnrollmentForm div.actionYes.actionYes, #EnrollmentForm div.actionNo.actionYes, .tabform form div.actionYes.actionYes, .tabform form div.actionNo.actionYes, .UserDefinedForm .managed-content form div.actionYes.actionYes, .UserDefinedForm .managed-content form div.actionNo.actionYes, .EmailableUserDefinedForm .managed-content form div.actionYes.actionYes, .EmailableUserDefinedForm .managed-content form div.actionNo.actionYes { right: 310px; } #EnrollmentForm div.actionYes label, #EnrollmentForm div.actionNo label, .tabform form div.actionYes label, .tabform form div.actionNo label, .UserDefinedForm .managed-content form div.actionYes label, .UserDefinedForm .managed-content form div.actionNo label, .EmailableUserDefinedForm .managed-content form div.actionYes label, .EmailableUserDefinedForm .managed-content form div.actionNo label { display: none; } #EnrollmentForm div.actionYes input, #EnrollmentForm div.actionNo input, .tabform form div.actionYes input, .tabform form div.actionNo input, .UserDefinedForm .managed-content form div.actionYes input, .UserDefinedForm .managed-content form div.actionNo input, .EmailableUserDefinedForm .managed-content form div.actionYes input, .EmailableUserDefinedForm .managed-content form div.actionNo input { float: left; } #EnrollmentForm .fullLabel, .tabform form .fullLabel, .UserDefinedForm .managed-content form .fullLabel, .EmailableUserDefinedForm .managed-content form .fullLabel { float: left; } #EnrollmentForm div.field.simpletable, .tabform form div.field.simpletable, .UserDefinedForm .managed-content form div.field.simpletable, .EmailableUserDefinedForm .managed-content form div.field.simpletable { background-color: #F5F7F9; width: 920px; } #EnrollmentForm div.field.simpletable.colCount1, #EnrollmentForm div.field.simpletable.colCount2, .tabform form div.field.simpletable.colCount1, .tabform form div.field.simpletable.colCount2, .UserDefinedForm .managed-content form div.field.simpletable.colCount1, .UserDefinedForm .managed-content form div.field.simpletable.colCount2, .EmailableUserDefinedForm .managed-content form div.field.simpletable.colCount1, .EmailableUserDefinedForm .managed-content form div.field.simpletable.colCount2 { width: 675px; } #EnrollmentForm div.field.simpletable table input.text, .tabform form div.field.simpletable table input.text, .UserDefinedForm .managed-content form div.field.simpletable table input.text, .EmailableUserDefinedForm .managed-content form div.field.simpletable table input.text { width: 100%; } #EnrollmentForm .simpleTableDisplay td, #EnrollmentForm .simpleTableDisplay th, .tabform form .simpleTableDisplay td, .tabform form .simpleTableDisplay th, .UserDefinedForm .managed-content form .simpleTableDisplay td, .UserDefinedForm .managed-content form .simpleTableDisplay th, .EmailableUserDefinedForm .managed-content form .simpleTableDisplay td, .EmailableUserDefinedForm .managed-content form .simpleTableDisplay th { border: 1px solid #B1C0C9; } #EnrollmentForm ul#EnrollmentForm_secondarySchoolType { margin-left: 0; margin-top: 15px; } #EnrollmentForm #paymentMethod ul#EnrollmentForm_paymentMethod li label { display: inline-block; } #EnrollmentForm #paymentMethod.hide-contract-id-option ul#EnrollmentForm_paymentMethod li.valContract_ID { display: none; } #Form_Ask_An_Advisor label.left { background: none; float: left !important; } #Form_Ask_An_Advisor .required { font-weight: 900; color: #8b0000; font-size: large; } #Form_Ask_An_Advisor .notrequired { float: none !important; } #Form_Ask_An_Advisor label.left.notrequired { padding-right: 10px; } #Form_Ask_An_Advisor span { display: block; font-size: large; } #Form_Ask_An_Advisor fieldset { padding-bottom: 10px; } #Form_Ask_An_Advisor .field { width: 90%; } #Form_Ask_An_Advisor .field textarea { width: 100%; max-width: none; } #Form_Ask_An_Advisor .field input[type="text"], #Form_Ask_An_Advisor .field input[type="email"] { width: 100%; height: 2.3125rem !important; max-width: none; } #EnrollmentForm .info, .EnrolmentFormLoginPage .info, .EnrollmentOfferPaymentPage .info, .tabform form .info, #DocumentOrderWrapper form .info, .UserDefinedForm .managed-content form .info, .EmailableUserDefinedForm .managed-content form .info { width: 188px; float: right; clear: right; margin: 0 25px 18px 0; font-size: 11px; line-height: 14px; } #EnrollmentForm .info p, .EnrolmentFormLoginPage .info p, .EnrollmentOfferPaymentPage .info p, .tabform form .info p, #DocumentOrderWrapper form .info p, .UserDefinedForm .managed-content form .info p, .EmailableUserDefinedForm .managed-content form .info p { line-height: 14px; } #EnrollmentForm .fieldholder-small-msg .message, .EnrolmentFormLoginPage .fieldholder-small-msg .message, .EnrollmentOfferPaymentPage .fieldholder-small-msg .message, .tabform form .fieldholder-small-msg .message, #DocumentOrderWrapper form .fieldholder-small-msg .message, .UserDefinedForm .managed-content form .fieldholder-small-msg .message, .EmailableUserDefinedForm .managed-content form .fieldholder-small-msg .message { float: none; } #EnrollmentForm a.action, .EnrolmentFormLoginPage a.action, .EnrollmentOfferPaymentPage a.action, .tabform form a.action, #DocumentOrderWrapper form a.action, .UserDefinedForm .managed-content form a.action, .EmailableUserDefinedForm .managed-content form a.action { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .UserDefinedForm .managed-content form .FormHeading, .tabform form .FormHeading, #DocumentOrderWrapper form .FormHeading, .EmailableUserDefinedForm .managed-content form .FormHeading { clear: both; margin: 0; padding: 10px 0 10px 0; } #DocumentOrderWrapper form select { width: auto; } #EnrollmentForm div.lightfieldgroup, .EnrolmentFormLoginPage div.lightfieldgroup, .EnrollmentOfferPaymentPage div.lightfieldgroup { width: 968px; padding: 18px 0 0 18px; margin-bottom: 10px; background: #f5f7f9 url(../images/enrolment-divider.gif) top right repeat-y; } #EnrollmentForm div.no-block-divider-line, .EnrolmentFormLoginPage div.no-block-divider-line, .EnrollmentOfferPaymentPage div.no-block-divider-line { background-image: none; } .Actions { padding: 15px 10px 0 0; } .Actions .controls { float: right; margin: 6px 10px 0 0; color: #006699; font-size: 13px; } .Actions .controls .cancel { padding-right: 3px; } .Actions .controls .saveExit { border-left: 1px solid #006699; padding-left: 7px; } .EnrollmentOfferPaymentPage .welcome h2, .EnrolmentFormLoginPage .welcome h2 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 2em; font-weight: 600; line-height: normal; padding-left: 0; margin: 10px 0 10px 0; } .EnrollmentOfferPaymentPage .welcome h3, .EnrolmentFormLoginPage .welcome h3 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.69em; font-weight: 600; line-height: normal; } .EnrollmentOfferPaymentPage .welcome p, .EnrolmentFormLoginPage .welcome p { color: #333; } .EnrollmentOfferPaymentPage .earlyEnrolled, .EnrolmentFormLoginPage .earlyEnrolled { margin-left: 75px; } .EnrollmentOfferPaymentPage .LoginFormDiv, .EnrolmentFormLoginPage .LoginFormDiv { float: left; margin-top: 0; padding: 0; background: none; border: none; } .EnrollmentOfferPaymentPage div.lightfieldgroup, .EnrolmentFormLoginPage div.lightfieldgroup { float: left; margin-bottom: 15px; } .EnrollmentForm_Eligibility .Actions .controls .saveExit { display: none; } .ReEnrollmentForm_Dynamic form p.field, .FaqHolder form p.field, .EnrollmentForm_Dynamic form p.field, .UserDefinedForm #contentWrapperx .managed-content form p.field, .UserDefinedForm #contentWrapper .managed-content form p.field, .tabform form form p.field, #DocumentOrderWrapper form form p.field, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field, .EmailableUserDefinedForm #contentWrapper .managed-content form p.field { float: left; margin-bottom: 5px; margin-left: 10px; width: 675px; } .ReEnrollmentForm_Dynamic form p.field label, .FaqHolder form p.field label, .EnrollmentForm_Dynamic form p.field label, .UserDefinedForm #contentWrapperx .managed-content form p.field label, .UserDefinedForm #contentWrapper .managed-content form p.field label, .tabform form form p.field label, #DocumentOrderWrapper form form p.field label, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field label, .EmailableUserDefinedForm #contentWrapper .managed-content form p.field label { float: none; clear: none; font-weight: bold; font-size: 13px; padding: 0; width: auto; } .ReEnrollmentForm_Dynamic form p.field label.right, .FaqHolder form p.field label.right, .EnrollmentForm_Dynamic form p.field label.right, .UserDefinedForm #contentWrapperx .managed-content form p.field label.right, .UserDefinedForm #contentWrapper .managed-content form p.field label.right, .tabform form form p.field label.right, #DocumentOrderWrapper form form p.field label.right, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field label.right, .EmailableUserDefinedForm #contentWrapper .managed-content form p.field label.right { padding-left: 5px; } .ReEnrollmentForm_Dynamic form p.field label.right, .FaqHolder form p.field label.right, .EnrollmentForm_Dynamic form p.field label.right, .UserDefinedForm #contentWrapperx .managed-content form p.field label.right, .UserDefinedForm #contentWrapper .managed-content form p.field label.right, .tabform form form p.field label.right, #DocumentOrderWrapper form form p.field label.right, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field label.right, .EmailableUserDefinedForm #contentWrapper .managed-content form p.field label.right { padding-right: 10px; } .ReEnrollmentForm_Dynamic form div.field.checkbox, .FaqHolder form div.field.checkbox, .EnrollmentForm_Dynamic form div.field.checkbox, .UserDefinedForm #contentWrapperx .managed-content form div.field.checkbox, .UserDefinedForm #contentWrapper .managed-content form div.field.checkbox, .tabform form form div.field.checkbox, #DocumentOrderWrapper form form div.field.checkbox, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.field.checkbox, .EmailableUserDefinedForm #contentWrapper .managed-content form div.field.checkbox { float: left; margin-bottom: 5px; width: 675px; height: 17px; line-height: 16px; } .ReEnrollmentForm_Dynamic form div.field.checkbox label, .FaqHolder form div.field.checkbox label, .EnrollmentForm_Dynamic form div.field.checkbox label, .UserDefinedForm #contentWrapperx .managed-content form div.field.checkbox label, .UserDefinedForm #contentWrapper .managed-content form div.field.checkbox label, .tabform form form div.field.checkbox label, #DocumentOrderWrapper form form div.field.checkbox label, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.field.checkbox label, .EmailableUserDefinedForm #contentWrapper .managed-content form div.field.checkbox label { float: none; clear: none; font-weight: bold; font-size: 13px; padding: 0; width: auto; } .ReEnrollmentForm_Dynamic form .optionset, .FaqHolder form .optionset, .EnrollmentForm_Dynamic form .optionset, .UserDefinedForm #contentWrapperx .managed-content form .optionset, .UserDefinedForm #contentWrapper .managed-content form .optionset, .tabform form form .optionset, #DocumentOrderWrapper form form .optionset, .EmailableUserDefinedForm #contentWrapperx .managed-content form .optionset, .EmailableUserDefinedForm #contentWrapper .managed-content form .optionset { margin-bottom: 0; } .ReEnrollmentForm_Dynamic form .checkboxset, .FaqHolder form .checkboxset, .EnrollmentForm_Dynamic form .checkboxset, .UserDefinedForm #contentWrapperx .managed-content form .checkboxset, .UserDefinedForm #contentWrapper .managed-content form .checkboxset, .tabform form form .checkboxset, #DocumentOrderWrapper form form .checkboxset, .EmailableUserDefinedForm #contentWrapperx .managed-content form .checkboxset, .EmailableUserDefinedForm #contentWrapper .managed-content form .checkboxset { margin-bottom: 5px; } .ReEnrollmentForm_Dynamic form ul.checkboxset, .FaqHolder form ul.checkboxset, .EnrollmentForm_Dynamic form ul.checkboxset, .UserDefinedForm #contentWrapperx .managed-content form ul.checkboxset, .UserDefinedForm #contentWrapper .managed-content form ul.checkboxset, .tabform form form ul.checkboxset, #DocumentOrderWrapper form form ul.checkboxset, .EmailableUserDefinedForm #contentWrapperx .managed-content form ul.checkboxset, .EmailableUserDefinedForm #contentWrapper .managed-content form ul.checkboxset { float: left; margin-bottom: 5px; display: block; } .ReEnrollmentForm_Dynamic form ul.checkboxset label, .FaqHolder form ul.checkboxset label, .EnrollmentForm_Dynamic form ul.checkboxset label, .UserDefinedForm #contentWrapperx .managed-content form ul.checkboxset label, .UserDefinedForm #contentWrapper .managed-content form ul.checkboxset label, .tabform form form ul.checkboxset label, #DocumentOrderWrapper form form ul.checkboxset label, .EmailableUserDefinedForm #contentWrapperx .managed-content form ul.checkboxset label, .EmailableUserDefinedForm #contentWrapper .managed-content form ul.checkboxset label { float: none; clear: both; font-weight: bold; font-size: 13px; padding: 0 0 0 5px; } .ReEnrollmentForm_Dynamic form .textarea textarea, .FaqHolder form .textarea textarea, .EnrollmentForm_Dynamic form .textarea textarea, .UserDefinedForm #contentWrapperx .managed-content form .textarea textarea, .UserDefinedForm #contentWrapper .managed-content form .textarea textarea, .tabform form form .textarea textarea, #DocumentOrderWrapper form form .textarea textarea, .EmailableUserDefinedForm #contentWrapperx .managed-content form .textarea textarea, .EmailableUserDefinedForm #contentWrapper .managed-content form .textarea textarea { width: 665px; height: auto; resize: vertical; } #DocumentOrderWrapper form select { width: auto; } .EnrolmentFormLoginPage .Actions { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 50px; padding-top: 0; color: #44697D; background: #ECEFF3; font-size: 17px; font-weight: bold; line-height: 50px; margin-top: 25px; } .EnrolmentFormLoginPage .Actions label { float: left; width: 600px; margin: 0 0 0 15px; } .EnrolmentFormLoginPage .Actions .action { margin-top: 10px; } .EnrolmentFormLoginPage .Actions .actionNext, .EnrolmentFormLoginPage .Actions .controls { display: none; } #residencyGroup { position: relative; } #residencyCitizenship select, #studyCountry select { width: 310px; } .EnrollmentForm_Personal #EnrollmentForm label.left, .ReEnrollmentForm_Personal #EnrollmentForm label.left { padding-right: 10px; } .EnrollmentForm_Personal #EnrollmentForm #title, .ReEnrollmentForm_Personal #EnrollmentForm #title { margin-right: 200px; } .EnrollmentForm_Personal #EnrollmentForm #firstName, .EnrollmentForm_Personal #EnrollmentForm #middleNames, .EnrollmentForm_Personal #EnrollmentForm #surname, .EnrollmentForm_Personal #EnrollmentForm #preferredName, .EnrollmentForm_Personal #EnrollmentForm #otherSurname, .EnrollmentForm_Personal #EnrollmentForm #otherNames, .ReEnrollmentForm_Personal #EnrollmentForm #firstName, .ReEnrollmentForm_Personal #EnrollmentForm #middleNames, .ReEnrollmentForm_Personal #EnrollmentForm #surname, .ReEnrollmentForm_Personal #EnrollmentForm #preferredName, .ReEnrollmentForm_Personal #EnrollmentForm #otherSurname, .ReEnrollmentForm_Personal #EnrollmentForm #otherNames { width: 212px; margin-right: 14px; } .EnrollmentForm_Personal #EnrollmentForm #firstName input, .EnrollmentForm_Personal #EnrollmentForm #middleNames input, .EnrollmentForm_Personal #EnrollmentForm #surname input, .EnrollmentForm_Personal #EnrollmentForm #preferredName input, .EnrollmentForm_Personal #EnrollmentForm #otherSurname input, .EnrollmentForm_Personal #EnrollmentForm #otherNames input, .ReEnrollmentForm_Personal #EnrollmentForm #firstName input, .ReEnrollmentForm_Personal #EnrollmentForm #middleNames input, .ReEnrollmentForm_Personal #EnrollmentForm #surname input, .ReEnrollmentForm_Personal #EnrollmentForm #preferredName input, .ReEnrollmentForm_Personal #EnrollmentForm #otherSurname input, .ReEnrollmentForm_Personal #EnrollmentForm #otherNames input { width: 200px; } .EnrollmentForm_Personal #EnrollmentForm #enrolledBeforeName input, .ReEnrollmentForm_Personal #EnrollmentForm #enrolledBeforeName input { width: 200px; } .EnrollmentForm_Personal #EnrollmentForm #firstName, .ReEnrollmentForm_Personal #EnrollmentForm #firstName { clear: left; } .EnrollmentForm_Personal #EnrollmentForm #homePhone label, .EnrollmentForm_Personal #EnrollmentForm #mobilePhone label, .EnrollmentForm_Personal #EnrollmentForm #workPhone label, .EnrollmentForm_Personal #EnrollmentForm #workMobile label, .EnrollmentForm_Personal #EnrollmentForm #workName label, .EnrollmentForm_Personal #EnrollmentForm #workOccupation label, .EnrollmentForm_Personal #EnrollmentForm #industrySector label, .EnrollmentForm_Personal #EnrollmentForm #workContactPerson label, .EnrollmentForm_Personal #EnrollmentForm #emailAddress label, .EnrollmentForm_Personal #EnrollmentForm #preferredContact label, .ReEnrollmentForm_Personal #EnrollmentForm #homePhone label, .ReEnrollmentForm_Personal #EnrollmentForm #mobilePhone label, .ReEnrollmentForm_Personal #EnrollmentForm #workPhone label, .ReEnrollmentForm_Personal #EnrollmentForm #workMobile label, .ReEnrollmentForm_Personal #EnrollmentForm #workName label, .ReEnrollmentForm_Personal #EnrollmentForm #workOccupation label, .ReEnrollmentForm_Personal #EnrollmentForm #industrySector label, .ReEnrollmentForm_Personal #EnrollmentForm #workContactPerson label, .ReEnrollmentForm_Personal #EnrollmentForm #emailAddress label, .ReEnrollmentForm_Personal #EnrollmentForm #preferredContact label { float: left; width: 100px; font-weight: normal; } .EnrollmentForm_Personal #EnrollmentForm #homePhone .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #mobilePhone .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #workPhone .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #workMobile .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #workName .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #workOccupation .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #industrySector .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #workContactPerson .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #emailAddress .middleColumn, .EnrollmentForm_Personal #EnrollmentForm #preferredContact .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #homePhone .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #mobilePhone .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #workPhone .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #workMobile .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #workName .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #workOccupation .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #industrySector .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #workContactPerson .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #emailAddress .middleColumn, .ReEnrollmentForm_Personal #EnrollmentForm #preferredContact .middleColumn { float: left; margin-left: 10px; } .EnrollmentForm_Personal #EnrollmentForm #emailAddress, .ReEnrollmentForm_Personal #EnrollmentForm #emailAddress { margin-top: 15px; } .EnrollmentForm_Personal #EnrollmentForm #emailAddress label, .ReEnrollmentForm_Personal #EnrollmentForm #emailAddress label { font-weight: bold; } .EnrollmentForm_Personal #EnrollmentForm #preferredContact label, .ReEnrollmentForm_Personal #EnrollmentForm #preferredContact label { font-weight: bold; width: 190px; } .EnrollmentForm_Personal #EnrollmentForm #preferredContact select, .ReEnrollmentForm_Personal #EnrollmentForm #preferredContact select { width: 222px; } .EnrollmentForm_Personal #EnrollmentForm .contactMsg span, .ReEnrollmentForm_Personal #EnrollmentForm .contactMsg span { margin-left: 71px; } .EnrollmentForm_Personal #EnrollmentForm #firstName, .EnrollmentForm_Personal #EnrollmentForm #middleNames, .EnrollmentForm_Personal #EnrollmentForm #surname, .ReEnrollmentForm_Personal #EnrollmentForm #firstName, .ReEnrollmentForm_Personal #EnrollmentForm #middleNames, .ReEnrollmentForm_Personal #EnrollmentForm #surname { padding-top: 10px; } .EnrollmentForm_Personal #EnrollmentForm #ResidentialAddress label, .EnrollmentForm_Personal #EnrollmentForm #WorkAddress label, .EnrollmentForm_Personal #EnrollmentForm #DeliveryMBAddress label, .EnrollmentForm_Personal #EnrollmentForm #DeliveryCMAddress label, .ReEnrollmentForm_Personal #EnrollmentForm #ResidentialAddress label, .ReEnrollmentForm_Personal #EnrollmentForm #WorkAddress label, .ReEnrollmentForm_Personal #EnrollmentForm #DeliveryMBAddress label, .ReEnrollmentForm_Personal #EnrollmentForm #DeliveryCMAddress label { float: none; display: block; } .EnrollmentForm_Personal #EnrollmentForm #ResidentialAddress div.country label, .EnrollmentForm_Personal #EnrollmentForm #WorkAddress div.country label, .EnrollmentForm_Personal #EnrollmentForm #DeliveryMBAddress div.country label, .EnrollmentForm_Personal #EnrollmentForm #DeliveryCMAddress div.country label, .ReEnrollmentForm_Personal #EnrollmentForm #ResidentialAddress div.country label, .ReEnrollmentForm_Personal #EnrollmentForm #WorkAddress div.country label, .ReEnrollmentForm_Personal #EnrollmentForm #DeliveryMBAddress div.country label, .ReEnrollmentForm_Personal #EnrollmentForm #DeliveryCMAddress div.country label { padding-top: 5px; } .EnrollmentForm_Personal #EnrollmentForm #WorkAddress label, .ReEnrollmentForm_Personal #EnrollmentForm #WorkAddress label { font-size: .75em; } .ReEnrollmentForm_Personal #EnrollmentForm #preferredName { padding-top: 10px; } .ReEnrollmentForm_Personal #EnrollmentForm #residencyStatus { margin-top: 15px; } .ReEnrollmentForm_Personal #EnrollmentForm #studyNZResident { margin-top: 15px; } .ReEnrollmentForm_Personal #EnrollmentForm #title { margin-right: 0; } .ReEnrollmentForm_Personal #EnrollmentForm #EnrollmentForm_studyNZResident { margin-bottom: 0; } #studentIDGroup { position: relative; } #EnrollmentForm #nsnType li, #EnrollmentForm #nsnType label, #EnrollmentForm #studentIDType li, #EnrollmentForm #studentIDType label { margin-bottom: 5px; } #EnrollmentForm #nsnType label.left, #EnrollmentForm #studentIDType label.left { float: left; } #EnrollmentForm #nsnType .middleColumn, #EnrollmentForm #studentIDType .middleColumn { clear: both; } #EnrollmentForm #nsn, #EnrollmentForm #studentID { display: block; width: 282px; margin: 10px 0 0 18px; } .EnrollmentForm_Ethnicity #disabilitiesComments textarea, .EnrollmentForm_Ethnicity #languageComments textarea { width: 680px; height: 100px; resize: vertical; } .EnrollmentForm_Ethnicity #ethnicity ul li { float: left; } .EnrollmentForm_Ethnicity select { margin-bottom: 0; } .EnrollmentForm_Ethnicity #maoriIwi { height: 80px; } .EnrollmentForm_Ethnicity #maoriIwi ul { margin: 15px 0 0 0; } .EnrollmentForm_Ethnicity #iwi1, .EnrollmentForm_Ethnicity #iwi2, .EnrollmentForm_Ethnicity #iwi3 { position: relative; top: -53px; left: 18px; } .EnrollmentForm_Ethnicity #iwi2 { top: -58px; } .EnrollmentForm_Ethnicity #iwi3 { top: -62px; } .EnrollmentForm_Ethnicity .valspecifyIwi { margin-bottom: 85px; } .EnrollmentForm_Ethnicity #EnrollmentForm .maoriSelected { float: left; clear: left; width: 400px; } .EnrollmentForm_Education #secondaryGroup { position: relative; } .EnrollmentForm_Education #secondarySchool { display: block; /*margin: 5px 0 5px 16px;*/ } .EnrollmentForm_Education #tertiaryComments textarea { width: 680px; height: 100px; resize: vertical; } .ReEnrollmentForm_Summary #summaryGroup h4, .EnrollmentForm_Summary #summaryGroup h4 { clear: left; margin-top: 0; } .ReEnrollmentForm_Summary #summaryGroup ul li, .EnrollmentForm_Summary #summaryGroup ul li { clear: left; overflow: hidden; } .ReEnrollmentForm_Summary #summaryGroup ul li span, .EnrollmentForm_Summary #summaryGroup ul li span { float: left; width: 195px; } .ReEnrollmentForm_Summary #summaryGroup ul li span.detail, .EnrollmentForm_Summary #summaryGroup ul li span.detail { font-size: 15px; font-weight: bold; width: 440px; } .ReEnrollmentForm_Summary #summaryGroup ul li.EditableSimpleTextTableField span.detail, .EnrollmentForm_Summary #summaryGroup ul li.EditableSimpleTextTableField span.detail { width: 645px; clear: both; } .ReEnrollmentForm_Summary #summaryGroup .summary-box, .EnrollmentForm_Summary #summaryGroup .summary-box { padding: 12px; margin-bottom: 12px; background: #fff; width: 691px; overflow: hidden; } .ReEnrollmentForm_Summary #summaryGroup .edit, .EnrollmentForm_Summary #summaryGroup .edit { float: right; } .ReEnrollmentForm_Summary ul.disabilities-list li, .EnrollmentForm_Summary ul.disabilities-list li { margin: 0 0 10px 0; } .ReEnrollmentForm_Summary ul.disabilities-list li p, .EnrollmentForm_Summary ul.disabilities-list li p { margin: 0; font-weight: normal; } .EnrollmentForm_Payment table.cart, .ReEnrollmentForm_Payment table.cart { width: 680px; background: #fff; } .EnrollmentForm_Payment table.cart th, .ReEnrollmentForm_Payment table.cart th { font-size: 17px; color: #44687D; background: transparent; } .EnrollmentForm_Payment table.cart td, .ReEnrollmentForm_Payment table.cart td { padding: 2px 10px 2px 5px; font-size: 14px; } .EnrollmentForm_Payment table.cart .cost, .EnrollmentForm_Payment table.cart .trimester, .EnrollmentForm_Payment table.cart .offeringtype, .ReEnrollmentForm_Payment table.cart .cost, .ReEnrollmentForm_Payment table.cart .trimester, .ReEnrollmentForm_Payment table.cart .offeringtype { width: 115px; text-align: right; padding-left: 0; } .EnrollmentForm_Payment table.cart .trimester, .ReEnrollmentForm_Payment table.cart .trimester { width: 150px; } .EnrollmentForm_Payment table.cart .offeringtype, .ReEnrollmentForm_Payment table.cart .offeringtype { width: 120px; } .EnrollmentForm_Payment table.cart tr.total, .ReEnrollmentForm_Payment table.cart tr.total { border-top: 1px dotted #6AADE4; } .EnrollmentForm_Payment table.cart tr.total td, .ReEnrollmentForm_Payment table.cart tr.total td { text-align: right; font-weight: bold; } .EnrollmentForm_Payment table.cart tr.total td.normal, .ReEnrollmentForm_Payment table.cart tr.total td.normal { font-weight: normal; } .EnrollmentForm_Payment table.cart tr.discount td, .ReEnrollmentForm_Payment table.cart tr.discount td { font-weight: normal; } .EnrollmentForm_Payment table.cart tr.discount td.cost, .ReEnrollmentForm_Payment table.cart tr.discount td.cost { color: #CB0101; } .EnrollmentForm_Payment table.cart tr.subTotal td, .ReEnrollmentForm_Payment table.cart tr.subTotal td { font-weight: normal; } .EnrollmentForm_Payment table.cart tr.grand, .ReEnrollmentForm_Payment table.cart tr.grand { background: #E5EDF6; border-bottom: 1px dotted #6AADE4; } .EnrollmentForm_Payment table.cart tr.admin, .ReEnrollmentForm_Payment table.cart tr.admin { border-top: none; } .EnrollmentForm_Payment table.cart tr.course td, .ReEnrollmentForm_Payment table.cart tr.course td { padding-left: 15px; } .EnrollmentForm_Payment table.cart tr.course td.cost, .EnrollmentForm_Payment table.cart tr.course td.trimester, .EnrollmentForm_Payment table.cart tr.course td.offeringtype, .ReEnrollmentForm_Payment table.cart tr.course td.cost, .ReEnrollmentForm_Payment table.cart tr.course td.trimester, .ReEnrollmentForm_Payment table.cart tr.course td.offeringtype { padding-left: 0; } .EnrollmentForm_Payment table.cart tr.programme td, .ReEnrollmentForm_Payment table.cart tr.programme td { font-weight: bold; padding-top: 8px; } .EnrollmentForm_Payment .feeInfo, .ReEnrollmentForm_Payment .feeInfo { font-size: 10px; } .EnrollmentForm_Payment .feeInfo sup, .ReEnrollmentForm_Payment .feeInfo sup { font-size: 7px; } .EnrollmentForm_Payment textarea, .ReEnrollmentForm_Payment textarea { width: 610px; height: 100px; resize: vertical; } .EnrollmentForm_Payment #paymentMethod ul.holder-warning, .ReEnrollmentForm_Payment #paymentMethod ul.holder-warning { border: none; } .EnrollmentForm_Payment #paymentMethod li .fieldgroup, .ReEnrollmentForm_Payment #paymentMethod li .fieldgroup { margin: 10px 0 0 18px; } .typography .EnrollmentForm_Terms #EnrollmentForm div.lightfieldgroup, .typography .ReEnrollmentForm_Terms #EnrollmentForm div.lightfieldgroup { background-image: none; border: none; } .typography .EnrollmentForm_Terms #EnrollmentForm li ul, .typography .ReEnrollmentForm_Terms #EnrollmentForm li ul { margin-left: 15px; } .typography .EnrollmentForm_Terms .right, .typography .ReEnrollmentForm_Terms .right { float: none; } .typography .EnrollmentForm_Terms #acceptTerms, .typography .ReEnrollmentForm_Terms #acceptTerms { clear: both; } .typography .EnrollmentForm_Terms #acceptTerms label, .typography .ReEnrollmentForm_Terms #acceptTerms label { margin: 3px 0 0 10px; float: left; font-weight: bold; } .typography .EnrollmentForm_Terms #acceptTerms #EnrollmentForm_acceptTerms.checkbox.mandatory, .typography .ReEnrollmentForm_Terms #acceptTerms #EnrollmentForm_acceptTerms.checkbox.mandatory { margin-left: 0; position: relative; background: none; } .typography .EnrollmentForm_Terms .terms-content, .typography .ReEnrollmentForm_Terms .terms-content { width: 900px; height: 350px; padding: 10px; background: #fff; overflow-y: scroll; border: 1px solid #000; } .typography .EnrollmentForm_Terms .terms-content ul, .typography .ReEnrollmentForm_Terms .terms-content ul { margin-left: 19px !important; } .typography .EnrollmentForm_Terms .terms-content li, .typography .ReEnrollmentForm_Terms .terms-content li { list-style-type: inherit; padding-bottom: 5px; } .typography .EnrollmentForm_Terms .terms-content ul.list-dash li, .typography .ReEnrollmentForm_Terms .terms-content ul.list-dash li { list-style-type: circle; } .typography .EnrollmentForm_Terms #EnrollmentForm .message, .typography .ReEnrollmentForm_Terms #EnrollmentForm .message { display: block; float: none; } .typography .EnrollmentForm_Terms .terms-fees td, .typography .ReEnrollmentForm_Terms .terms-fees td { border: 1px solid #ddd; } .typography .EnrollmentForm_Terms .terms-fees th, .typography .ReEnrollmentForm_Terms .terms-fees th { font-weight: bold; } #EnrollmentForm.EnrollmentForm_Finish ul { padding-left: 10px; margin-left: 5px; } #EnrollmentForm.EnrollmentForm_Finish ul, #EnrollmentForm.EnrollmentForm_Finish li { list-style-type: disc; } #EnrollmentForm.EnrollmentForm_Finish h2 { font-size: 20px; } #EnrollmentForm.EnrollmentForm_Finish div.confirmation { margin-left: 15px; padding-top: 5px; padding-bottom: 10px; } #EnrollmentForm.EnrollmentForm_Finish table.reminderfields { border: 1px solid #9bc4c9; } #EnrollmentForm.EnrollmentForm_Finish table.reminderfields td.reminderheader { border-bottom: dotted 1px #008c9a; background-color: #9bc4c9; padding-left: 12px; } #EnrollmentForm.EnrollmentForm_Finish table.reminderfields td.reminderheader h4 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #008c9a; font-weight: bold; padding: 0px; margin: 0 0 0 2px; } #EnrollmentForm.EnrollmentForm_Finish table.reminderfields td.reminderfieldcell { background-color: #dfeded; vertical-align: top; } #EnrollmentForm.EnrollmentForm_Finish table.reminderfields td.reminderfieldcell div.reminderfielddiv { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; padding-top: 20px; margin-left: 5px; } #EnrollmentForm.EnrollmentForm_Finish table.reminderfields td.reminderfieldcell img.remindericon { display: block; width: 50px; height: 50px; padding: 5px; padding-top: 10px; } .field .message { color: #CB0101; } .typography .stepIndicator { width: 1080px; margin-left: 0; box-sizing: content-box !important; } .stepIndicator { float: left; margin: 0 0 20px 0; box-sizing: content-box !important; } .stepIndicator .current { font-weight: bold; } .stepIndicator li { box-sizing: content-box !important; float: left; height: 60px; color: #44697D; font-size: .825em; font-weight: bold; text-transform: uppercase; text-align: center; background: url(../images/enrolment-steps-background.gif) top left repeat-x; } .stepIndicator li.lines2 span.contain, .stepIndicator li.lines3 span.contain, .stepIndicator li.todo-todo span.contain, .stepIndicator li.todo-last span.contain, .stepIndicator li.current-todo span.contain, .stepIndicator li.current-last span.contain, .stepIndicator li.done-current span.contain, .stepIndicator li.done-done span.contain, .stepIndicator li.current-done span.contain, .stepIndicator li.done-last span.contain, .stepIndicator li.done-todo span.contain, .stepIndicator li div, .stepIndicator li.current-done div, .stepIndicator li.current-todo div, .stepIndicator li.current-last div { box-sizing: content-box !important; } .stepIndicator li.first { -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; } .stepIndicator li.done-todo, .stepIndicator li.done-done, .stepIndicator li.done-current, .stepIndicator li.done-last { color: #44697D; background: #a0b3be; } .stepIndicator li.current-todo, .stepIndicator li.current-done, .stepIndicator li.current-last { color: #fff; background: #313263; } .stepIndicator li a:focus { border: none; } .stepIndicator li span.contain { display: block; height: 37px; padding: 23px 21px 0 10px; line-height: 1.1em; background: url(../images/enrolment-steps.gif) right top no-repeat; } .stepIndicator li span.contain a { color: #00315d; } .stepIndicator li.current-todo span.contain { background-position: right -60px; } .stepIndicator li.current-done span.contain { background-position: right -300px; } .stepIndicator li.done-current span.contain { background-position: right -120px; } .stepIndicator li.done-done span.contain { background-position: right -181px; } .stepIndicator li.done-todo span.contain { background-position: right -240px; } .stepIndicator li.last span.contain { background: url(../images/enrolment-steps-last.gif) right top no-repeat; } .stepIndicator li.done-last span.contain { background-position: right -240px; } .stepIndicator li.current-last span.contain { background-position: right -60px; } .stepIndicator li.lines2 span.contain { height: 42px; padding-top: 18px; } .stepIndicator li.lines3 span.contain { height: 48px; padding-top: 12px; } .stepIndicator li div { position: relative; margin-right: 21px; top: -14px; height: 29px; font-size: 16px; line-height: 33px; background: url(../images/enrolment-numbers.gif) center top no-repeat; } .stepIndicator li.current-done div, .stepIndicator li.current-todo div, .stepIndicator li.current-last div { background-position: center -29px; } .stepIndicator li.done-done div, .stepIndicator li.done-todo div, .stepIndicator li.done-current div, .stepIndicator li.done-last div { background-position: center -59px; } .stepIndicator li.EnrollmentForm_Plan a { display: block; height: 41px; width: 117px; text-align: right; background: url(../images/enrolment-plan-cart.gif) 6px bottom no-repeat; } .stepIndicator li.EnrollmentForm_Plan a br { display: none; } .stepIndicator li.EnrollmentForm_Plan.first a br { display: inline; } .stepIndicator li.EnrollmentForm_Plan .title { display: block; } .stepIndicator li.EnrollmentForm_Finish span.contain { padding-right: 9px; } body.DocumentOrderPage *::-moz-placeholder { color: #333; font-family: "Agenda_Regular", "Trebuchet MS", "Arial Narrow", Helvetica, sans-serif; font-size: 1.25em; font-style: normal; font-weight: normal; } body.DocumentOrderPage form#Form_DocumentOrderForm label.left { width: auto; } body.DocumentOrderPage form#Form_DocumentOrderForm input { background: url("../images/faqoc-input-background.jpg") repeat-x scroll 0 0 transparent; border: 1px solid #c8c8c8; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-sizing: border-box; } body.DocumentOrderPage form#Form_DocumentOrderForm input#Form_DocumentOrderForm_DaytimePhone, body.DocumentOrderPage form#Form_DocumentOrderForm input#Form_DocumentOrderForm_AfterHoursPhone { display: block; float: none; clear: both; } body.DocumentOrderPage form#Form_DocumentOrderForm label { clear: right; float: none; } body.DocumentOrderPage form#Form_DocumentOrderForm input.text, body.DocumentOrderPage form#Form_DocumentOrderForm input.title, body.DocumentOrderPage form#Form_DocumentOrderForm input[type="text"] { background-color: #fff; margin: 0.25em 0; padding: 0; padding-left: 5px; height: 30px; width: 65%; float: none; clear: left; } #sidebar { margin-top: 20px; } .widget { margin-bottom: 15px; } .widget.image { border: 1px solid #ABBBC4; overflow: hidden; line-height: 0; font-size: 0; text-indent: -9999em; } .widget.image a { display: block; width: 100%; height: 100%; overflow: hidden; line-height: 0; font-size: 0; text-indent: -9999em; } #sidebar .image { background-repeat: no-repeat !important; } /* News widget */ /* --------------------------------------------------------------- */ .latestNews { width: 216px; } .latestNews .newsHolder { padding-top: 6px; } .latestNews .newsHolder ul, .latestNews .newsHolder .message { margin: 0; } .latestNews .newsHolder ul { list-style-type: none; border-bottom: solid 2px #b7b7b7; background: #ebebeb; } .latestNews .newsHolder ul li { border-bottom: 1px dotted #c0c0c0; padding: 5px 13px; } .latestNews .newsHolder ul li a { color: #555; } .latestNews .newsHolder ul li a:hover { text-decoration: none; } .latestNews .newsHolder ul li.last { border: none; } .latestNews .newsHolder ul li:hover, .latestNews .newsHolder ul li.hover { background-color: #f4f4f4; } .latestNews .newsHolder ul li:last-child { border-bottom: none; } .latestNews .newsHolder .title-wrapper { padding-top: 12px; background: white url("../images/bg-news-widget.png") repeat-y -432px 0; } .latestNews .newsHolder .title-wrapper .title { background: url("../images/bg-news-widget.png") repeat-y -864px 0; text-transform: uppercase; margin: 0; color: white; font-size: 10px; padding-left: 18px; height: 12px; border: none; font-weight: bold; line-height: 1em; padding-top: 2px; margin-bottom: -3px; } .latestNews #newsHeading { background: #555; font-family: "AgendaSemiboldCond", Arial, Helvetica, sans-serif; color: #fff; font-size: 1.25em; height: 30px; padding: 2px 0 0 16px; } .latestNews #newsHeading span { display: inline-block; border-bottom: 4px solid #000; } .DocumentRequestedHeader { font-weight: bold; font-size: 1.5em; } #DocumentOrderWrapper form .fieldgroup { padding-top: 0px; padding-bottom: 5px; } #DocumentOrderWrapper form .fieldgroup select { margin-bottom: 10px; } #DocumentOrderWrapper form ul { list-style-type: none; } #DocumentOrderWrapper form .left, #DocumentOrderWrapper form .addressfieldgroup label, #DocumentOrderWrapper form .opphonefieldgroup label { width: 140px; font-weight: normal; } #DocumentOrderWrapper form .addressfieldgroup .addressNotShow, #DocumentOrderWrapper form .addressfieldgroup .addressShow { margin-left: 140px; } #DocumentOrderWrapper form #StudiedBefore label { float: none; } #DocumentOrderWrapper form #hearAboutUs label { float: none; } .EnrollmentOfferPaymentPage { /* .visa-logo { //float: left; width: 80px; height: 50px; margin: 20px 0 0 0; border:1px solid #f00; background: url(../images/visa.gif) top left no-repeat; } */ } .EnrollmentOfferPaymentPage #contentWrapper .cost { font-size: 20px; } .EnrollmentOfferPaymentPage #contentWrapper h1 { padding-top: 15px; margin-bottom: 18px; } .EnrollmentOfferPaymentPage #contentWrapper .offer-text { float: none; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure { overflow: hidden; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload { color: #00315d; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload .printallpages { padding: 0; margin: 5px; display: table; width: 100%; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload .printallpages i.fa.fa-download { font-size: 1.5em; line-height: 1.8em; display: table-cell; vertical-align: top; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload .printallpages p { width: 95%; padding: 5px; display: table-cell; vertical-align: top; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload a.brochurelink { width: 250px; padding-left: 5px; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload a.brochurelink .downloadbrochure { padding: 0; margin: 5px; display: table; width: 100%; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload a.brochurelink .downloadbrochure i.fa.fa-download { font-size: 1.5em; line-height: 1.8em; display: table-cell; vertical-align: top; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload a.brochurelink .downloadbrochure p { width: 95%; padding: 5px; display: table-cell; vertical-align: top; } .EnrollmentOfferPaymentPage #contentWrapper #DocsAndBrochure .printordownload a.brochurelink .downloadbrochure p { padding-top: 10px; } .EnrollmentOfferPaymentPage #contentWrapper #getBrochure h3 a { color: #fff; } .EnrollmentOfferPaymentPage #Form_PaymentForm { /*input.action { float: left; width: 79px; height: 30px; background: url(../images/pay-btn-bg.gif) no-repeat 0 0; border: none; text-indent: -9999em; line-height: 0; &:hover { background-position: bottom left; } }*/ } .EnrollmentOfferPaymentPage #Form_PaymentForm .Actions { background: none; margin-top: 0; } .EnrollmentOfferPaymentPage #Form_PaymentForm .Actions #Form_PaymentForm_action_processDPSPayment { border: 0; width: 70px; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal !important; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #fff; text-indent: 0; font-size: 1.54em; line-height: 36px; } .EnrollmentOfferPaymentPage #Form_PaymentForm .Actions #Form_PaymentForm_action_processDPSPayment:hover { background: #00315d; } .EnrollmentOfferPaymentPage #Form_PaymentForm .Actions #Form_PaymentForm_action_processDPSPayment:hover { text-decoration: none; } .EnrollmentOfferPaymentPage .px-logo { width: 320px; height: 50px; margin-top: 30px; background: url(../images/paymentexpress.jpg) 0.9375rem 0 no-repeat; } .EnrollmentOfferPaymentPage .mc-visa { width: 50%; height: 50px; margin-top: 10px; background: url(../images/mc-visa-122x38.png) 0 0 no-repeat; } #contentWrapper #BlogEntries h2, #contentWrapper #BlogEntry h2 { margin-bottom: 0; } #contentWrapper #BlogEntries .back, #contentWrapper #BlogEntry .back { padding-top: 4px; } #contentWrapperx #BlogEntries ul { list-style-type: none; clear: left; margin: 0; padding: 0; } #contentWrapperx #BlogEntries .paginationNumbers .current, #contentWrapperx #BlogEntries .paginationNumbers a { padding: 3px; } #contentWrapperx #BlogEntries #pagination { margin: 48px 0 0 0; } #contentWrapperx #BlogEntries #pagination p { text-align: right; } #contentWrapper .required label.left, #contentWrapper .EnrollmentForm_Dynamic .required label.right, #contentWrapper .ReEnrollmentForm_Dynamic .required label.right { background: transparent url(../images/required-star.gif) no-repeat scroll right top; } #contentWrapper .required label.left.right, #contentWrapper .EnrollmentForm_Dynamic .required label.right.right, #contentWrapper .ReEnrollmentForm_Dynamic .required label.right.right { padding-right: 10px; } #pageUtils li { float: right; } .vcard { padding-bottom: 20px; } #EnrollmentForm #EnrollmentForm_error { float: none; } .EnrolmentCampaignLogin #layout { width: 920px; padding: 40px; } .EnrolmentCampaignLogin div.warning { color: #CB0101; padding: 10px; border: 1px solid #CB0101; font-weight: bold; background: #F5EAE5; } .EnrolmentCampaignLogin #Form_CampaignLoginForm { background: #F5F7F9; padding: 15px; } .EnrolmentCampaignLogin #Form_CampaignLoginForm ul { margin-left: 0; } .EnrolmentCampaignLogin #Form_CampaignLoginForm ul li { list-style-type: none; } .EnrolmentCampaignLogin #Form_CampaignLoginForm label.left { float: none; width: auto; font-weight: bold; } .EnrolmentCampaignLogin #Form_CampaignLoginForm .notValid { display: none; } .EnrolmentCampaignLogin #Form_CampaignLoginForm .required label.left, .EnrolmentCampaignLogin #Form_CampaignLoginForm .required .fieldgroup .required label.left, .EnrolmentCampaignLogin #Form_CampaignLoginForm .mandatory { padding-right: 10px; background: transparent url(../images/required-star.gif) top right no-repeat; } .EnrolmentCampaignLogin #Form_CampaignLoginForm .required .fieldgroup label.left { background: none; padding-right: 0; } .EnrolmentCampaignLogin #Form_CampaignLoginForm .mandatory { float: left; } .EnrolmentCampaignLogin #Form_CampaignLoginForm .message { float: left; clear: both; padding-left: 0; color: #CB0101; } .EnrolmentCampaignLogin #Form_CampaignLoginForm .mandatory { margin-bottom: 7px; } .EnrolmentCampaignLogin #Form_CampaignLoginForm div.field { float: left; margin-bottom: 5px; width: 675px; } .EnrolmentCampaignLogin #Form_CampaignLoginForm div.holder-required, .EnrolmentCampaignLogin #Form_CampaignLoginForm div.holder-warning, .EnrolmentCampaignLogin #Form_CampaignLoginForm div.holder-passlimit, .EnrolmentCampaignLogin #Form_CampaignLoginForm div.holder-validation { padding: 10px; border: 1px solid #CB0101; background: #F5EAE5; } .EnrolmentCampaignLogin #Form_CampaignLoginForm div.delivery-warning { max-width: 685px; } .EnrolmentCampaignLogin #Form_CampaignLoginForm .info { width: 188px; float: right; clear: right; padding: 0 25px 18px 25px; font-size: 11px; line-height: 14px; } body.Programme .structure { margin-right: 15px; } body.Programme #contentWrapper { width: 780px; margin-right: 0; } body.Programme #topWrapper { float: left; width: 528px; margin-right: 20px; } body.Programme #ProgrammeCourses { clear: both; } body.Programme #ProgrammeCourses #ProgrammeCourseTableContainer { overflow: auto; } .enrollmentPlanSelectionTable td.availability { border-right: 1px dotted #AAAAAA; color: black; } .availability .availability-offered { background-color: #E3E8EC; } .availability-base { padding: 0; height: 108px; float: left; background-color: #E3E8EC; text-align: center; vertical-align: middle; width: 36px; margin-left: 3px; } .availability-offered-content, table.courseTable tbody td .availability-offered-content { height: 16px; font-size: 11px; text-align: center; text-transform: uppercase; padding: 10px; color: #39364E; } .availability-offered-content { box-sizing: content-box; } .availability-offered-content input { margin: 0; padding: 0; } .availability-offered-content .hover-message { color: #593160; display: none; } .EnrollmentPlanPage .availability-offered-content { height: 30px; padding-top: 20px; } .EnrollmentPlanPage .availability-base { width: 35px; margin-left: 4px; background: url(../images/availability-bg.png) repeat-y; } .EnrollmentPlanPage *::-moz-placeholder { color: #333; font-family: "Agenda_Regular", "Trebuchet MS", "Arial Narrow", Helvetica, sans-serif; font-size: 1.2em; font-style: normal; font-weight: normal; } .availability .course-table-availability-dates { float: left; font-size: 0.9em; width: 32px; padding-left: 3px; border-right: 1px solid #595d8d; } .availability .last { border-right: none; } td.availability { min-width: 120px; } body .ui-tooltip-light { border: 1px solid #333; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } body .ui-tooltip-content .labels { float: left; font-weight: bold; margin-right: 5px; } body .ui-tooltip-content .dates { float: left; text-align: right; } body .ui-tooltip-bold { font-weight: bold; } .op-promo-content { background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; text-align: center; } .homepage_promo { margin: 24px 27px; } .opphone select, .opphonefieldgroup select { margin-right: 10px; width: 110px; } .opphone input.text, .opphonefieldgroup input.text { width: 180px; } .opphone .fieldgroup label, .opphonefieldgroup .fieldgroup label { float: left; width: 120px; font-weight: bold; margin-top: 5px; } #DaytimePhone_Holder { padding: 0; } #AfterHoursPhone_Holder { padding: 0; } #brochure_list { margin: 20px; margin-left: 0; } #brochure_list .text { width: 25px; } #brochure_list .textfieldlist_list { width: 400px; margin-left: 50px; } #brochure_list a img { border-style: none; border: 0; margin-top: 6px; } #brochure_list a:hover { text-decoration: none; border: 0; } .DocumentOrderPage .field label { margin-right: 10px; } .addressfieldgroup #AddressFieldGroup_display label { float: none; } .DocumentOrderPage .add_list_item img { margin-left: -35px; } .CourseExamListPage #course_exam_list_container { margin: 45px; width: 900px; } .CourseExamListPage th { background-color: black; color: white; text-align: center; } .CourseExamListPage .course-code { width: 70px; text-align: center; } .CourseExamListPage td .course-title { width: 350px; text-align: left; font-size: 0.9em; } .CourseExamListPage td .course-title th { text-align: center; } .CourseExamListPage .course-date { width: 200px; text-align: left; } .CourseExamListPage .course-time { width: 200px; text-align: center; } .CourseExamListPage .odd { background-color: whitesmoke; } .CourseExamListPage .even { background-color: lightgray; } .CourseExamListPage #Form_SearchForm { margin: 25px; } .CourseExamListPage #Form_SearchForm input[type=text] { width: 200px; } .CourseExamListPage #Form_SearchForm fieldset { float: left; } .CourseExamListPage #Form_SearchForm input[type=submit] { margin-top: 8px; } .UserDefinedForm #contentWrapperx, .UserDefinedForm #contentWrapper, .tabform #contentWrapperx, .tabform #contentWrapper, .EmailableUserDefinedForm #contentWrapperx, .EmailableUserDefinedForm #contentWrapper { width: 960px; } .UserDefinedForm #contentWrapperx .managed-content p, .UserDefinedForm #contentWrapper .managed-content p, .tabform #contentWrapperx .managed-content p, .tabform #contentWrapper .managed-content p, .EmailableUserDefinedForm #contentWrapperx .managed-content p, .EmailableUserDefinedForm #contentWrapper .managed-content p { margin: 0; padding: 0; } .UserDefinedForm #contentWrapperx .managed-content .personalDetailsLoginHolder, .UserDefinedForm #contentWrapper .managed-content .personalDetailsLoginHolder, .tabform #contentWrapperx .managed-content .personalDetailsLoginHolder, .tabform #contentWrapper .managed-content .personalDetailsLoginHolder, .EmailableUserDefinedForm #contentWrapperx .managed-content .personalDetailsLoginHolder, .EmailableUserDefinedForm #contentWrapper .managed-content .personalDetailsLoginHolder { top: 0; left: 0; position: absolute; } .UserDefinedForm #contentWrapperx .managed-content form, .UserDefinedForm #contentWrapper .managed-content form, .tabform #contentWrapperx .managed-content form, .tabform #contentWrapper .managed-content form, .EmailableUserDefinedForm #contentWrapperx .managed-content form, .EmailableUserDefinedForm #contentWrapper .managed-content form { overflow: hidden; padding: 18px 0 0 18px; margin-bottom: 10px; background-color: #f5f7f9; } .UserDefinedForm #contentWrapperx .managed-content form .Actions .action, .UserDefinedForm #contentWrapper .managed-content form .Actions .action, .tabform #contentWrapperx .managed-content form .Actions .action, .tabform #contentWrapper .managed-content form .Actions .action, .EmailableUserDefinedForm #contentWrapperx .managed-content form .Actions .action, .EmailableUserDefinedForm #contentWrapper .managed-content form .Actions .action { margin: 15px 250px 15px 0; width: 69px; background: url(../images/button-submit.png) top left no-repeat; } .UserDefinedForm #contentWrapperx .managed-content form .Actions .action:hover, .UserDefinedForm #contentWrapper .managed-content form .Actions .action:hover, .tabform #contentWrapperx .managed-content form .Actions .action:hover, .tabform #contentWrapper .managed-content form .Actions .action:hover, .EmailableUserDefinedForm #contentWrapperx .managed-content form .Actions .action:hover, .EmailableUserDefinedForm #contentWrapper .managed-content form .Actions .action:hover { background-position: left -30px; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup div.middleColumn, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup div.middleColumn, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup div.middleColumn, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup div.middleColumn, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup div.middleColumn, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup div.middleColumn { float: left; width: auto; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup input[type="text"], .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup input[type="text"], .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup input[type="text"], .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup input[type="text"], .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup input[type="text"], .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup input[type="text"] { float: left; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup label.left, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup label.left, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup label.left, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup label.left, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup label.left, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup label.left { float: left !important; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup label.fieldholder-small-label, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup label.fieldholder-small-label, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup label.fieldholder-small-label, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup label.fieldholder-small-label, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup label.fieldholder-small-label, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup label.fieldholder-small-label { float: left; width: 120px; font-weight: bold; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup label.left, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup label.left, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup label.left, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup label.left, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup label.left, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup label.left { float: left; width: 120px; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #hasLogin label.left, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #hasLogin label.left, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup #hasLogin label.left, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup #hasLogin label.left, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #hasLogin label.left, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #hasLogin label.left { float: none; width: auto; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #hasLogin span.readonly, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #hasLogin span.readonly, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup #hasLogin span.readonly, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup #hasLogin span.readonly, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #hasLogin span.readonly, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #hasLogin span.readonly { display: none; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #loggedIn label, .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #loggedIn .middleColumn, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #loggedIn label, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #loggedIn .middleColumn, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup #loggedIn label, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup #loggedIn .middleColumn, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup #loggedIn label, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup #loggedIn .middleColumn, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #loggedIn label, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #loggedIn .middleColumn, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #loggedIn label, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #loggedIn .middleColumn { display: none; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #homeAddress .AddressFieldGroupEdit, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #homeAddress .AddressFieldGroupEdit, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup #homeAddress .AddressFieldGroupEdit, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup #homeAddress .AddressFieldGroupEdit, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #homeAddress .AddressFieldGroupEdit, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #homeAddress .AddressFieldGroupEdit { clear: both; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #homeAddress label.fieldholder-small-label, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #homeAddress label.fieldholder-small-label, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup #homeAddress label.fieldholder-small-label, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup #homeAddress label.fieldholder-small-label, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup #homeAddress label.fieldholder-small-label, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup #homeAddress label.fieldholder-small-label { font-weight: normal; margin-top: 0; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup span.readonly, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup span.readonly, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup span.readonly, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup span.readonly, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup span.readonly, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup span.readonly { display: block; margin-top: 5px; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup .updateAddress, .UserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup .updateAddress, .tabform #contentWrapperx .managed-content form .personaldetailsfieldgroup .updateAddress, .tabform #contentWrapper .managed-content form .personaldetailsfieldgroup .updateAddress, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailsfieldgroup .updateAddress, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailsfieldgroup .updateAddress { padding-left: 120px; } .UserDefinedForm #contentWrapperx .managed-content form .personaldetailstable .column1, .UserDefinedForm #contentWrapper .managed-content form .personaldetailstable .column1, .tabform #contentWrapperx .managed-content form .personaldetailstable .column1, .tabform #contentWrapper .managed-content form .personaldetailstable .column1, .EmailableUserDefinedForm #contentWrapperx .managed-content form .personaldetailstable .column1, .EmailableUserDefinedForm #contentWrapper .managed-content form .personaldetailstable .column1 { font-weight: bold; } .UserDefinedForm #contentWrapperx .managed-content form.loginForm, .UserDefinedForm #contentWrapper .managed-content form.loginForm, .tabform #contentWrapperx .managed-content form.loginForm, .tabform #contentWrapper .managed-content form.loginForm, .EmailableUserDefinedForm #contentWrapperx .managed-content form.loginForm, .EmailableUserDefinedForm #contentWrapper .managed-content form.loginForm { padding: 0; margin: 0; background: none; } .UserDefinedForm #contentWrapperx .managed-content form .spacer, .UserDefinedForm #contentWrapper .managed-content form .spacer, .tabform #contentWrapperx .managed-content form .spacer, .tabform #contentWrapper .managed-content form .spacer, .EmailableUserDefinedForm #contentWrapperx .managed-content form .spacer, .EmailableUserDefinedForm #contentWrapper .managed-content form .spacer { clear: both; width: 940px; } .UserDefinedForm #contentWrapperx .managed-content form textarea, .UserDefinedForm #contentWrapper .managed-content form textarea, .tabform #contentWrapperx .managed-content form textarea, .tabform #contentWrapper .managed-content form textarea, .EmailableUserDefinedForm #contentWrapperx .managed-content form textarea, .EmailableUserDefinedForm #contentWrapper .managed-content form textarea { width: 670px; resize: vertical; } .UserDefinedForm #contentWrapperx .managed-content form .field ul, .UserDefinedForm #contentWrapper .managed-content form .field ul, .tabform #contentWrapperx .managed-content form .field ul, .tabform #contentWrapper .managed-content form .field ul, .EmailableUserDefinedForm #contentWrapperx .managed-content form .field ul, .EmailableUserDefinedForm #contentWrapper .managed-content form .field ul { list-style-type: none; } .UserDefinedForm #contentWrapperx .managed-content form .right, .UserDefinedForm #contentWrapper .managed-content form .right, .tabform #contentWrapperx .managed-content form .right, .tabform #contentWrapper .managed-content form .right, .EmailableUserDefinedForm #contentWrapperx .managed-content form .right, .EmailableUserDefinedForm #contentWrapper .managed-content form .right { width: 188px; float: right; clear: right; padding: 0 25px 18px 25px; font-size: 11px; line-height: 14px; } .UserDefinedForm #contentWrapperx .managed-content form .right p, .UserDefinedForm #contentWrapper .managed-content form .right p, .tabform #contentWrapperx .managed-content form .right p, .tabform #contentWrapper .managed-content form .right p, .EmailableUserDefinedForm #contentWrapperx .managed-content form .right p, .EmailableUserDefinedForm #contentWrapper .managed-content form .right p { line-height: 14px; } body.EmailableUserDefinedForm.pre #layout { margin: auto; } body.EmailableUserDefinedForm.pre #layout #breadcrumbs { padding-left: 5px; } body.EmailableUserDefinedForm.pre #contentWrapperx .managed-content div.intro, body.EmailableUserDefinedForm.pre #contentWrapper .managed-content div.intro { margin-left: 5px; } body.EmailableUserDefinedForm.pre #contentWrapperx .managed-content form div.field, body.EmailableUserDefinedForm.pre #contentWrapper .managed-content form div.field { width: 675px; } body.EmailableUserDefinedForm.pre #contentWrapperx .managed-content form li, body.EmailableUserDefinedForm.pre #contentWrapper .managed-content form li { display: table; } body.EmailableUserDefinedForm.pre #contentWrapperx .managed-content form li label, body.EmailableUserDefinedForm.pre #contentWrapper .managed-content form li label { display: table-cell; vertical-align: top; max-width: 500px; margin-top: 0; } body.EmailableUserDefinedForm.pre #contentWrapperx .managed-content form input[type="radio"], body.EmailableUserDefinedForm.pre #contentWrapper .managed-content form input[type="radio"] { display: inline-block; min-height: 15px; } body.EmailableUserDefinedForm.pre #contentWrapperx .managed-content form input[type="checkbox"], body.EmailableUserDefinedForm.pre #contentWrapper .managed-content form input[type="checkbox"] { display: inline-block; min-height: 15px; margin-left: 0; } body.EmailableUserDefinedForm.pre #contentWrapperx .managed-content form p.field label.right, body.EmailableUserDefinedForm.pre #contentWrapper .managed-content form p.field label.right { padding-left: 25px; } .UserDefinedForm #contentWrapperx .managed-content form .radio input[type="radio"], .UserDefinedForm #contentWrapperx .managed-content form .radio-inline input[type="radio"], .UserDefinedForm #contentWrapperx .managed-content form .checkbox input[type="checkbox"], .UserDefinedForm #contentWrapperx .managed-content form .checkbox-inline input[type="checkbox"], .UserDefinedForm #contentWrapper .managed-content form .radio input[type="radio"], .UserDefinedForm #contentWrapper .managed-content form .radio-inline input[type="radio"], .UserDefinedForm #contentWrapper .managed-content form .checkbox input[type="checkbox"], .UserDefinedForm #contentWrapper .managed-content form .checkbox-inline input[type="checkbox"] { margin-left: 0; position: relative; } .UserDefinedForm #contentWrapperx .managed-content form label, .UserDefinedForm #contentWrapper .managed-content form label { display: inline; } .UserDefinedForm #contentWrapperx .managed-content form ul.optionset.checkboxset li, .UserDefinedForm #contentWrapper .managed-content form ul.optionset.checkboxset li { padding-bottom: 10px; } .UserDefinedForm #contentWrapperx .managed-content form .Actions .action, .UserDefinedForm #contentWrapper .managed-content form .Actions .action { margin: 15px 250px 15px 0; width: 69px; background-image: none; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; } .UserDefinedForm #contentWrapperx .managed-content form .Actions .action:hover, .UserDefinedForm #contentWrapper .managed-content form .Actions .action:hover { background: #00315d; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup input[type="text"], .UserDefinedForm #contentWrapper .personaldetailsfieldgroup input[type="email"] { height: 2rem; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup #hasLogin { clear: right; display: block; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup #hasLogin div.middleColumn { clear: left; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup label.fieldholder-small-label { float: left !important; display: inline; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup select.dropdown { width: 130px; float: left !important; display: inline-block; clear: none; margin-top: 0; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup input { float: left; display: block; clear: right; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup input #Form_Form_homeAddress-addressAuto { clear: right; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .CompositeField, .UserDefinedForm #contentWrapper .personaldetailsfieldgroup #homeAddress { width: 675px; clear: left; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .addressAuto { clear: left; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup #homeAddress_display span.readonly { margin-left: 0; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .ajax .addressNotShow, .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .ajax .addressShow { clear: left; } .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .showLines .addressShow, .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .showLines .addressLine1, .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .showLines .addressLine2, .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .showLines .addressLine3, .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .showLines .addressLine4, .UserDefinedForm #contentWrapper .personaldetailsfieldgroup .showLines .postcode { clear: left; } .tabform form .Actions .action { width: 69px; background: url(../images/button-submit.png) top left no-repeat; } .tabform form .Actions .action:hover { background-position: left -30px; } .tabform form #loggedIn label, .tabform form #loggedIn .middleColumn { display: none; } .tabform form .field ul { list-style-type: none; } .loading-progress { background: url(../images/small-loader.gif) center left no-repeat; } #corporateAccountNumber input[type=text] { width: 200px; } #contractID input[type=text] { width: 200px; } .subjectandcourses-footer-link { font-weight: bold; font-size: 1em; } .opsinglefileupload .ss-ui-button { margin-top: 0; font-weight: bold !important; text-decoration: none; line-height: 16px; color: #393939; border: 1px solid #c0c0c2; border-bottom: 1px solid #a6a6a9; cursor: pointer; background-color: #e6e6e6; white-space: nowrap; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(#ffffff, #d9d9d9); background: -moz-linear-gradient(#ffffff, #d9d9d9); background: -o-linear-gradient(#ffffff, #d9d9d9); background: linear-gradient(#ffffff, #d9d9d9); text-shadow: white 0 1px 1px; /* constructive */ /* destructive */ padding: 5px; } /*Brochure Request form*/ #DocumentOrderWrapper form .field { width: 100%; clear: both; } #DocumentOrderWrapper form .field#brochure_list .add_list_item img { margin-left: 0; } #DocumentOrderWrapper form .field#brochure_list input, #DocumentOrderWrapper form .field#brochure_list select { width: auto; } #DocumentOrderWrapper form .field select { padding: 5px; } #DocumentOrderWrapper form .field.dropdown select { float: left; clear: left; } #DocumentOrderWrapper form .field.dropdown select option { border-right: 1px solid; } #DocumentOrderWrapper form .field#GivenName { clear: both; } #DocumentOrderWrapper form .field input.text { width: 99%; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: #e7e7e7 url("../images/formfieldgrad.jpg") top left repeat-x; float: none; margin: 1px 0 0 1px; } #DocumentOrderWrapper form .field label.left { width: auto; font-weight: bold; padding-right: 10px; } #DocumentOrderWrapper form .field.optionset li { clear: both; } #DocumentOrderWrapper form .field.optionset li input, #DocumentOrderWrapper form .field.optionset li label { float: left; margin: 2px; } #DocumentOrderWrapper form .field.holder-required { padding: 10px; border: 1px solid #CB0101; background: #F5EAE5; } #DocumentOrderWrapper form .field.holder-required .message { display: block; } #DocumentOrderWrapper form .field .readonly { display: block; clear: both; float: left; } #DocumentOrderWrapper form .opphonefieldgroup label { width: auto; float: none; font-weight: bold; clear: both; display: block; } #DocumentOrderWrapper form .opphonefieldgroup input, #DocumentOrderWrapper form .opphonefieldgroup select { float: left; margin: 0; margin-right: 5px; } #DocumentOrderWrapper form .opphonefieldgroup input option, #DocumentOrderWrapper form .opphonefieldgroup select option { border-right: 1px solid; } #DocumentOrderWrapper form .opphonefieldgroup input.text { width: 65%; } #DocumentOrderWrapper form .opphonefieldgroup select { width: 30%; } #DocumentOrderWrapper form .Actions input.action { float: none; width: auto; display: block; margin: 0; overflow: visible; text-indent: 0; border: 0; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; } #DocumentOrderWrapper form .Actions input.action:hover { background: #00315d; } #DocumentOrderWrapper form #ResidentialAddress .field { margin-bottom: 5px; } #DocumentOrderWrapper form #ResidentialAddress label { display: none; } #DocumentOrderWrapper form #ResidentialAddress .rightaddress { clear: both; } #DocumentOrderWrapper form #ResidentialAddress .rightaddress label, #DocumentOrderWrapper form #ResidentialAddress .dropdown label, #DocumentOrderWrapper form #ResidentialAddress .postcode label { display: inline; } #DocumentOrderWrapper form #ResidentialAddress .postcode input { box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid #bbb; background: #e7e7e7 url("../images/formfieldgrad.jpg") top left repeat-x; } /**/ .CampaignLandingPageResponsive #layout { margin: auto; max-width: 960px; /*#pageUtils ul li { margin:0; .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 0 0 4px; } }*/ } .CampaignLandingPageResponsive .FullWidth { min-height: 120px; } .CampaignLandingPageResponsive .HalfWidth.Column1 { min-height: 120px; } .CampaignLandingPageResponsive .HalfWidth.Column2 { width: 49%; margin: 0 0 15px 1%; float: right; min-height: 120px; } .CampaignLandingPageResponsive input[type='submit'] { border-left: 0; border-bottom: 0; border-right: 0; } .CampaignLandingPageResponsive .CampaignLandingPageTextBlock h1 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00315d; font-weight: 600; font-size: 2.62em; line-height: normal; padding-top: 0; padding-bottom: 0; } .CampaignLandingPageResponsive .CampaignLandingPageTextBlock h2 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 2em; font-weight: 600; line-height: normal; } .CampaignLandingPageResponsive .CampaignLandingPageTextBlock h3 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.69em; font-weight: 600; line-height: normal; } .CampaignLandingPageResponsive .CampaignLandingPageTextBlock h4 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.54em; font-weight: 600; line-height: normal; } .CampaignLandingPageResponsive .CampaignLandingPageTextBlock h5 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.125em; font-weight: 600; line-height: normal; } .CampaignLandingPageResponsive .CampaignLandingPageTextBlock h6 { font-family: 'Agenda_Regular','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; border: none; color: #00aeef; font-size: 1.0em; font-weight: 600; line-height: normal; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock { margin: 0 0 15px 0; font-size: 12px; background-color: #E5EDF6; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock h2 { font-family: "AgendaSemiboldCond"; color: #1D3463; font-size: 18px; line-height: 18px; border-bottom: 1px solid #C5D7EA; margin: 0; padding: 10px 0 7px 10px; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock ul { list-style: none; padding: 4px 4px 0 10px; margin: 0 0 10px 0; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock ul li { width: 33%; float: left; padding: 0; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock ul li a { color: #404041; padding-right: 10px; font-size: 12px; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock #Form_SubjectsForm { display: none; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock.HalfWidth ul { display: none; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock.HalfWidth #Form_SubjectsForm { display: block; padding: 0; text-align: center; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock.HalfWidth #Form_SubjectsForm fieldset { width: 100%; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock.HalfWidth #Form_SubjectsForm fieldset #Subjects { padding: 10px; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock.HalfWidth #Form_SubjectsForm fieldset #Subjects select { width: 80%; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-color: #668FC4; max-width: 550px; margin: 10px auto 25px auto; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm .inner { padding: 10px; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm h1, .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm h2, .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm h3, .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm h4, .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm h5, .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm p, .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm a { color: #fff; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm form { max-width: 400px; margin: 0 auto; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm form label { color: #fff; text-align: left; width: 34%; min-width: 80px; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm form div.field { min-height: 35px; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm form div.field input.text { width: 70%; padding: 5px 2%; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm form div.field .message { color: #1D3463; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm form .Actions { padding: 0; margin-top: 1.5em; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm form input.action { padding: 5px 10px; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .CampaignLandingPageResponsive .CampaignLandingPageInfusionForm form input.action:hover { background: #00315d; } .CampaignLandingPageResponsive #contentWrapper .CampaignLandingPagePageLink .landing-box { float: none; } @media screen and (max-width: 500px) { .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock ul { display: none; } .CampaignLandingPageResponsive .CampaignLandingPageSubjectsBlock #Form_SubjectsForm { display: block; padding: 10px; text-align: center; } } /* Web chat Button*/ /* -------------------------------------------------------------- */ .webchat-button { border: none; border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-family: 'Agenda_Semibold','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; font-size: 1.2em; text-transform: none; padding: 5px 10px !important; cursor: pointer; text-decoration: none; } .webchat-button:hover { background: #00315d; } .webchat-button:hover { color: #fff; text-decoration: none; } .webchat-button:visited { color: #fff; text-decoration: none; } .webchat-button a { font-family: 'Agenda_Semibold','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: normal; font-size: 1.2em; color: #fff; } .webchat-button a:hover { color: #fff; text-decoration: none; } .webchat-button a:visited { color: #fff; text-decoration: none; } #webchat-button-container { bottom: 0; left: 0; display: block; position: fixed; z-index: 9999999; } .EmailableUserDefinedForm #contentWrapper, .EmailableUserDefinedForm #contentWrapperx { width: 99%; } .EmailableUserDefinedForm #contentWrapper h2, .EmailableUserDefinedForm #contentWrapperx h2 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 50px; padding-top: 0; color: #44697D; background: #ECEFF3; font-size: 17px; font-weight: bold; line-height: 50px; padding-left: 15px; border-bottom: none; clear: both; } .EmailableUserDefinedForm #contentWrapper .managed-content form, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form, .EmailableUserDefinedForm #contentWrapperx .managed-content form, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form { margin-right: 0; padding-right: 0; margin-left: 0; padding-left: 0; max-width: 675px; } .EmailableUserDefinedForm #contentWrapper .managed-content form div.holder-required, .EmailableUserDefinedForm #contentWrapper .managed-content form div.holder-warning, .EmailableUserDefinedForm #contentWrapper .managed-content form div.holder-passlimit, .EmailableUserDefinedForm #contentWrapper .managed-content form p.holder-required, .EmailableUserDefinedForm #contentWrapper .managed-content form p.holder-warning, .EmailableUserDefinedForm #contentWrapper .managed-content form p.holder-passlimit, .EmailableUserDefinedForm #contentWrapper .managed-content form div.holder-validation, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.holder-required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.holder-warning, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.holder-passlimit, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.holder-required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.holder-warning, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.holder-passlimit, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.holder-validation, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.holder-required, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.holder-warning, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.holder-passlimit, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.holder-required, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.holder-warning, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.holder-passlimit, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.holder-validation, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.holder-required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.holder-warning, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.holder-passlimit, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.holder-required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.holder-warning, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.holder-passlimit, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.holder-validation { background: #f5eae5 none repeat scroll 0 0; border: 1px solid #cb0101; padding: 10px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; width: 100%; } .EmailableUserDefinedForm #contentWrapper .managed-content form div.holder-required span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form div.holder-warning span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form div.holder-passlimit span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form p.holder-required span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form p.holder-warning span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form p.holder-passlimit span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form div.holder-validation span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.holder-required span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.holder-warning span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.holder-passlimit span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.holder-required span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.holder-warning span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.holder-passlimit span.message.required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.holder-validation span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.holder-required span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.holder-warning span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.holder-passlimit span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.holder-required span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.holder-warning span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.holder-passlimit span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.holder-validation span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.holder-required span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.holder-warning span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.holder-passlimit span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.holder-required span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.holder-warning span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.holder-passlimit span.message.required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.holder-validation span.message.required { display: inline-block; margin-top: 10px; } .EmailableUserDefinedForm #contentWrapper .managed-content form h3.FormHeading, .EmailableUserDefinedForm #contentWrapper .managed-content form p.field, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form h3.FormHeading, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.field, .EmailableUserDefinedForm #contentWrapperx .managed-content form h3.FormHeading, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form h3.FormHeading, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.field { padding-left: 15px; padding-right: 15px; } .EmailableUserDefinedForm #contentWrapper .managed-content form .Actions, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .Actions, .EmailableUserDefinedForm #contentWrapperx .managed-content form .Actions, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .Actions { width: auto; margin-right: 20px; padding: 0; } .EmailableUserDefinedForm #contentWrapper .managed-content form .Actions input.action, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .Actions input.action, .EmailableUserDefinedForm #contentWrapperx .managed-content form .Actions input.action, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .Actions input.action { float: right; width: auto; display: block; margin: 0; overflow: visible; text-indent: 0; border: 0; font-family: 'Agenda_SemiboldCond','Trebuchet MS','Arial Narrow',Helvetica,sans-serif; font-style: normal; font-weight: bold; font-weight: normal; -webkit-appearance: none; display: inline-block; border-top: 2px solid #00315d; background: #008c9a; color: #fff; text-transform: uppercase; font-size: 1.54em; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-bottom: 10px; } .EmailableUserDefinedForm #contentWrapper .managed-content form .Actions input.action:hover, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .Actions input.action:hover, .EmailableUserDefinedForm #contentWrapperx .managed-content form .Actions input.action:hover, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .Actions input.action:hover { background: #00315d; } .EmailableUserDefinedForm #contentWrapper .managed-content form fieldset, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form fieldset, .EmailableUserDefinedForm #contentWrapperx .managed-content form fieldset, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form fieldset { width: 100%; max-width: 675px; min-width: 200px; overflow: visible; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .EmailableUserDefinedForm #contentWrapper .managed-content form .field.text, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .field.text, .EmailableUserDefinedForm #contentWrapperx .managed-content form .field.text, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .field.text { width: auto; max-width: 675px; min-width: 200px; overflow: visible; } .EmailableUserDefinedForm #contentWrapper .managed-content form .middleColumn, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .middleColumn, .EmailableUserDefinedForm #contentWrapperx .managed-content form .middleColumn, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .middleColumn { width: 100%; min-width: 200px; } .EmailableUserDefinedForm #contentWrapper .managed-content form .middleColumn.literalFieldArea, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .middleColumn.literalFieldArea, .EmailableUserDefinedForm #contentWrapperx .managed-content form .middleColumn.literalFieldArea, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .middleColumn.literalFieldArea { margin: 0; padding: 0; width: auto; max-width: 500px; min-width: 260px; } .EmailableUserDefinedForm #contentWrapper .managed-content form .middleColumn.literalFieldArea p, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .middleColumn.literalFieldArea p, .EmailableUserDefinedForm #contentWrapperx .managed-content form .middleColumn.literalFieldArea p, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .middleColumn.literalFieldArea p { margin-right: 20px; } .EmailableUserDefinedForm #contentWrapper .managed-content form .textarea textarea, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .textarea textarea, .EmailableUserDefinedForm #contentWrapperx .managed-content form .textarea textarea, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .textarea textarea { width: 90%; max-width: 500px; min-width: 200px; resize: both; } .EmailableUserDefinedForm #contentWrapper .managed-content form div.field, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.field, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.field, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.field { width: 100%; float: none; clear: left; overflow: visible; padding-left: 15px; padding-right: 15px; } .EmailableUserDefinedForm #contentWrapper .managed-content form div.field.holder-required, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.field.holder-required, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.field.holder-required, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.field.holder-required { width: auto; } .EmailableUserDefinedForm #contentWrapper .managed-content form div.field div.field.addressfieldgroup.requiredField.nolabel.ajax, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.field div.field.addressfieldgroup.requiredField.nolabel.ajax, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.field div.field.addressfieldgroup.requiredField.nolabel.ajax, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.field div.field.addressfieldgroup.requiredField.nolabel.ajax { padding-left: 0; padding-right: 0; } .EmailableUserDefinedForm #contentWrapper .managed-content form div.field div.field.addressfieldgroup.requiredField.nolabel.ajax div.fieldgroupField.country label.fieldholder-small-label, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.field div.field.addressfieldgroup.requiredField.nolabel.ajax div.fieldgroupField.country label.fieldholder-small-label, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.field div.field.addressfieldgroup.requiredField.nolabel.ajax div.fieldgroupField.country label.fieldholder-small-label, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.field div.field.addressfieldgroup.requiredField.nolabel.ajax div.fieldgroupField.country label.fieldholder-small-label { display: block; clear: both; float: none; } .EmailableUserDefinedForm #contentWrapper .managed-content form div.field .middleColumn ul, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.field .middleColumn ul, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.field .middleColumn ul, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.field .middleColumn ul { padding-bottom: 20px; } .EmailableUserDefinedForm #contentWrapper .managed-content form div.spacer, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form div.spacer, .EmailableUserDefinedForm #contentWrapperx .managed-content form div.spacer, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form div.spacer { width: 100%; padding-right: 0; left: 0; } .EmailableUserDefinedForm #contentWrapper .managed-content form li.odd input[type="radio"], .EmailableUserDefinedForm #contentWrapper .managed-content form li.even input[type="radio"], .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form li.odd input[type="radio"], .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form li.even input[type="radio"], .EmailableUserDefinedForm #contentWrapperx .managed-content form li.odd input[type="radio"], .EmailableUserDefinedForm #contentWrapperx .managed-content form li.even input[type="radio"], .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form li.odd input[type="radio"], .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form li.even input[type="radio"] { float: left; } .EmailableUserDefinedForm #contentWrapper .managed-content form li.odd label, .EmailableUserDefinedForm #contentWrapper .managed-content form li.even label, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form li.odd label, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form li.even label, .EmailableUserDefinedForm #contentWrapperx .managed-content form li.odd label, .EmailableUserDefinedForm #contentWrapperx .managed-content form li.even label, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form li.odd label, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form li.even label { width: 80%; } .EmailableUserDefinedForm #contentWrapper .managed-content form label.left, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form label.left, .EmailableUserDefinedForm #contentWrapperx .managed-content form label.left, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form label.left { background: none !important; width: 100%; margin-right: 20px; } .EmailableUserDefinedForm #contentWrapper .managed-content form .requiredField label.left::after, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form .requiredField label.left::after, .EmailableUserDefinedForm #contentWrapperx .managed-content form .requiredField label.left::after, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form .requiredField label.left::after { font-size: 18px; font-weight: bold; color: #a00; font-family: Arial, Helvetica, sans-serif; content: " *"; vertical-align: baseline; white-space: nowrap; } .EmailableUserDefinedForm #contentWrapper .managed-content form input.text, .EmailableUserDefinedForm #contentWrapper .managed-content form input.title, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form input.text, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form input.title, .EmailableUserDefinedForm #contentWrapperx .managed-content form input.text, .EmailableUserDefinedForm #contentWrapperx .managed-content form input.title, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form input.text, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form input.title { max-width: 300px; min-width: 200px; width: 100%; } .EmailableUserDefinedForm #contentWrapper .managed-content form p.field.checkbox.requiredField, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.field.checkbox.requiredField, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field.checkbox.requiredField, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.field.checkbox.requiredField { width: auto; display: table; margin-left: 0; } .EmailableUserDefinedForm #contentWrapper .managed-content form p.field.checkbox.requiredField input.checkbox.requiredField, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.field.checkbox.requiredField input.checkbox.requiredField, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field.checkbox.requiredField input.checkbox.requiredField, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.field.checkbox.requiredField input.checkbox.requiredField { float: left; width: 20px; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; display: table-cell; } .EmailableUserDefinedForm #contentWrapper .managed-content form p.field.checkbox.requiredField label.right, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.field.checkbox.requiredField label.right, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field.checkbox.requiredField label.right, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.field.checkbox.requiredField label.right { clear: both; display: table-cell; text-align: left !important; vertical-align: top; max-width: 500px; min-width: 200px; padding-left: 0; padding-right: 0; margin-left: -15px; background: none; width: 100%; } .EmailableUserDefinedForm #contentWrapper .managed-content form p.field.checkbox.requiredField label.right::after, .EmailableUserDefinedForm #contentWrapper .managed-content form#Form_Form p.field.checkbox.requiredField label.right::after, .EmailableUserDefinedForm #contentWrapperx .managed-content form p.field.checkbox.requiredField label.right::after, .EmailableUserDefinedForm #contentWrapperx .managed-content form#Form_Form p.field.checkbox.requiredField label.right::after { font-size: 18px; font-weight: bold; color: #a00; font-family: Helvetica, sans-serif; content: " *"; vertical-align: baseline; } /* Login */ /* -------------------------------------------------------------- */ .ssoLogin { height: 30px; font-family: Arial, Verdana, sans-serif; font-size: 13px; /* a { text-decoration: none; } a:hover { text-decoration: underline; } a, span, p { float: left; margin: 8px 6px 0 0; line-height: 16px; color: #000 !important; } &.dark { a, span, p { color: #000 !important; } } */ /* .current, .preferredName { font-weight: bold; } */ /* #loginLink { float: left; display: block; width: 232px; height: 25px; margin-top: 0; margin-right: 0; overflow: hidden; text-indent: -999em; background-repeat: no-repeat; &:hover { background-position: bottom left; } &.logoutLink { width: 54px; } &.logoutLink:hover { background-position: 0 -25px; } } */ } .ssoLogin.center { position: relative; float: right; left: -50%; } .ssoLogin.center .ssoLoginContainer { position: relative; float: left; left: 50%; }