html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
html, body { margin: 0; padding: 0; }
body { max-width: 360px; min-width: 360px; }
body { margin-left: auto; margin-right: auto; }
body {
font-family: "Gotham SSm A", "Gotham SSm B", arial, helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
color: #474B53;
background-color: #FFFFFF;
}
a:link, a:active { color: #CD163F; text-decoration: none; }
a:visited { color: #8D0C2D; text-decoration: none; }
a:hover { text-decoration: underline; color: #CD163F; }
a img { border: 0px; }
.LeftContentSide img { max-width: 100% !important; height: auto; }
.LeftContentSide iframe { max-width: 100% !important; }
.YouTube16by9 { position: relative; overflow: hidden; padding-top: 56.25%; max-width: 100%; }
.YouTube16by9.Small { width: 560px; }
.YouTube16by9 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.Centered { margin-left: auto; margin-right: auto; }
.SmallViewOnly { display: block; }
.MediumViewOnly { display: none; }
.LargeViewOnly { display: none; }
b { font-weight: 700; }
.Bold { font-weight: 700; }
.Italic { font-style: italic; }
.Smaller { font-size: 13px; }
.Red { color: #CD163F; }
.Events { color: #CD163F; }
.News { color: #004165; }
h1 { font-size: 20px; color: #CD163F; font-weight: 700; }
h2 { font-size: 18px; color: #8D0C2D; font-weight: 400; }
h3 { font-size: 16px; color: #004165; font-weight: 700; }
h4 { font-size: 16px; color: #474B53; font-weight: 700; }
h5 { font-size: 13px; color: #004165; font-weight: 700; }
.Breadcrumb { font-size: 9px; color: #707070; }
.Breadcrumb a:link, .Breadcrumb a:active, .Breadcrumb a:visited, .Breadcrumb a:hover { color: #707070; text-transform: uppercase; }
h1.Underline { border-bottom: solid 1px #CD163F; text-transform: uppercase; }
.LinkDownload, .LinkWebpage { margin-left: 10px; margin-bottom: 3px; }
.LinkDownload:before, .LinkWebpage:before { content: '\00BB'; }
.LinkDownload a, .LinkWebpage a { margin-left: 5px; }
.LinkDownload span, .LinkWebpage span { font-size: 13px; }
.LinkDownload + .LinkDownload,
.LinkWebpage + .LinkWebpage,
.LinkDownload + .LinkWebpage,
.LinkWebpage + .LinkDownload { margin-top: 10px; }
.ImportantParagraph { color: #8D0C2D; padding-bottom: .5em; }
.ImportantParagraph span { display: block; width: 100%;
color: #CD163F; font-size: 20px; font-weight: 700; text-transform: uppercase;
padding-bottom: 5px; border-bottom: solid 1px #CD163F; margin-bottom: .5em; }
.ImportantParagraph a { text-decoration: underline; }
.ImportantParagraph::before { content: 'IMPORTANT'; display: block; width: 100%;
color: #CD163F; font-size: 20px; font-weight: 700; text-transform: uppercase;
padding-bottom: 5px; border-bottom: solid 1px #CD163F; margin-bottom: .5em; }
ul.Spaced > li { margin-bottom: 1em; }
ul.Spaced > li > ul { margin-top: 1em; }
ol.Spaced > li { margin-bottom: 1em; }
ol.Spaced > li > ul { margin-top: 1em; }
ol.Alpha { list-style-type: lower-alpha; }
.LeftContentSide li { margin-bottom: 1em; }
.LeftContentSide li > ul { margin-top: 1em; }
.RedLine { height: 5px; background-color: #CD163F; position: absolute; left: 0; right: 0; }
header { position: relative; }
header { height: 63px; }
footer { text-transform: uppercase; }
footer { color: #004165; font-size: 10px; border-top: solid 1px #707070; padding: 15px 30px; margin-top: 20px; }
footer a:link, footer a:active, footer a:visited, footer a:hover { color: #004165; font-size: 8px; }
footer a { display: block; text-align: right; }
footer span { display: block; padding-bottom: 0.5em; }
#HeaderLogo {
background: url('./images/egm_logo.svg');
background-repeat: no-repeat;
position: absolute;
left: 30px;
top: 20px;
width: 141px; height: 29.61px;
}
.KeyboardUsed #HeaderLogo { outline: 0px; }
.KeyboardUsed #HeaderLogo:focus { border-bottom: solid 1px #707070; height: 35px; }
#LoginLink {
background-color: #CD163F;
padding: 7px 10px;
color: white;
font-size: 13px;
letter-spacing: 1px;
font-weight: bold;
text-align: center;
}
#LoginLink:link, #LoginLink:active, #LoginLink:visited { text-decoration: none; }
#LoginLink:hover { text-decoration: underline; }
.KeyboardUsed #LoginLink { outline: 0px; }
.KeyboardUsed #LoginLink:focus::before { position: absolute; left: 0px; display: block; content: ''; height: 100%; width: 100%; border-bottom: solid 1px #707070; }
#LoginLink { display: none; }
#ClientContent { overflow: hidden; }
.LeftContentSide { padding: 0px 30px; }
.RightContentSide { padding: 0px 30px; }
.LeftContentSide { margin-bottom: 20px; }
.SearchBox { display: block; position: relative; }
.SearchBox { height: 32px; padding: 5px 10px; font-size: 9px; font-weight: 700; }
.SearchBox input { border: none; height: 100%; }
.SearchBox::after { content: url('./images/search.svg'); position: absolute; top: 7px; right: 7px; background-size: 17px 17px; width: 17px; height: 17px; cursor: pointer; }
.RightContentSide .SearchBox { display: none; }
.RightContentSide .SearchBox { float: right; width: 225px; max-width: 225px; border: solid 1px #CD163F; color: #707070; margin-bottom: 10px; }
.RightContentSide .SearchBox input { width: 185px; }
#SiteNavSmall .SearchBox { display: block; }
#SiteNavSmall .SearchBox { border: solid 1px #474B53; color: #FFF; margin-bottom: 10px; }
#SiteNavSmall .SearchBox input { width: 240px; }
a.Widget {
display: inline-block;
position: relative;
margin-bottom: 20px;
color: #FFF;
z-index: 0;
}
.Widget::before,
.Widget::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
}
.Widget div > span {
position: absolute;
white-space: pre;
z-index: 1;
font-weight: 700;
text-transform: uppercase;
}
.Widget div > span::after {
content: "";
z-index: 1;
display: block;
position: relative;
top: 10px;
border-bottom: solid 2px white;
}
.Widget div::after {
position: absolute;
white-space: pre;
z-index: 1;
}
.Widget.Red::before { background: linear-gradient(to right, rgba(182, 35, 54,0.95) 0%, rgba(182, 35, 54,0.7) 100%); }
.Widget.Red::after { background: rgba(209, 40, 63, 1); }
.Widget.Grey::before { background: linear-gradient(to right, rgba(92, 97, 103,0.95) 0%, rgba(92, 97, 103,0.7) 100%); }
.Widget.Grey::after { background: rgba(72, 76, 85, 1); }
.Widget.Blue::before { background: linear-gradient(to right, rgba(20,91,147,0.95) 0%, rgba(20,91,147,0.7) 100%); }
.Widget.Blue::after { background: rgba(1, 65, 101, 1); }
.Widget[href='CareerOpportunities.html'] { background-image: url("./images/widgets/career-opportunities.jpg"); }
.Widget[href='CareerOpportunities.html'] div > span::before { content: 'career \A opportunities'; }
.Widget[href='CareerOpportunities.html'] div::after { content: 'check it out'; }
.Widget[href='./Ingenium/'] { background-image: url("./images/widgets/conference.jpg"); }
.Widget[href='./Ingenium/'] div > span::before { content: 'ingenium \A conference'; }
.Widget[href='./Ingenium/'] div::after { content: 'Register today'; }
.Widget[href='Directory.html'] { background-image: url("./images/widgets/directory.jpg"); }
.Widget[href='Directory.html'] div > span::before { content: 'directory'; }
.Widget[href='Directory.html'] div::after { content: 'Find a professional or \A a company'; }
.Widget[href='https://egef.ca/donate-to-a-current-project/'] { background-image: url("./images/widgets/donate.jpg"); }
.Widget[href='https://egef.ca/donate-to-a-current-project/'] div > span::before { content: 'donate now'; }
.Widget[href='https://egef.ca/donate-to-a-current-project/'] div::after { content: 'Support the \A Foundation'; }
.Widget[href='EngGeoWeek.html'] { background-image: url("./images/widgets/engeo-week.jpg"); }
.Widget[href='EngGeoWeek.html'] div > span::before { content: 'engeineering & \A geoscicence week'; }
.Widget[href='EngGeoWeek.html'] div::after { content: "Find out what's going on"; }
.Widget[href='PastExamPapers.html'] { background-image: url("./images/widgets/exam-samples.jpg"); }
.Widget[href='PastExamPapers.html'] div > span::before { content: 'past exam papers'; }
.Widget[href='PastExamPapers.html'] div::after { content: 'View exam samples'; }
.Widget[href='FormsAndResources.html'] { background-image: url("./images/widgets/forms-resources.jpg"); }
.Widget[href='FormsAndResources.html'] div > span::before { content: 'forms & \A resources'; }
.Widget[href='FormsAndResources.html'] div::after { content: 'Downloads for \A Member Registration'; }
.Widget[href='IEP.html'] { background-image: url("./images/widgets/internationally-educated-professionals.jpg"); }
.Widget[href='IEP.html'] div > span::before { content: 'internationally \A educated \A professionals'; }
.Widget[href='IEP.html'] div::after { content: 'Start here'; }
.Widget[href='Keystone.html'] { background-image: url("./images/widgets/keystone-professional.jpg"); }
.Widget[href='Keystone.html'] div > span::before { content: 'the keystone \A professional'; }
.Widget[href='Keystone.html'] div::after { content: 'Download here'; }
.Widget[href='MakingLinks.html'] { background-image: url("./images/widgets/making-links.jpg"); }
.Widget[href='MakingLinks.html'] div > span::before { content: 'making links'; }
.Widget[href='MakingLinks.html'] div::after { content: 'Join us on the course'; }
.Widget[href='NewMembersLunch.html'] { background-image: url("./images/widgets/new-members-lunch.jpg"); }
.Widget[href='NewMembersLunch.html'] div > span::before { content: 'new members \A lunch'; }
.Widget[href='NewMembersLunch.html'] div::after { content: 'Join us'; }
.Widget[href='Events.html'] { background-image: url("./images/widgets/news-events.jpg"); }
.Widget[href='Events.html'] div > span::before { content: 'news & events'; }
.Widget[href='Events.html'] div::after { content: 'Get the latest'; }
.Widget[href='ProDev.html'] { background-image: url("./images/widgets/prodev-guide.jpg"); }
.Widget[href='ProDev.html'] div > span::before { content: 'prodev guide'; }
.Widget[href='ProDev.html'] div::after { content: 'Download here'; }
.Widget[href='Events.html#ProfessionalDevelopment'] { background-image: url("./images/widgets/professional-development-events.jpg"); }
.Widget[href='Events.html#ProfessionalDevelopment'] div > span::before { content: 'professional \A development \A events'; }
.Widget[href='Events.html#ProfessionalDevelopment'] div::after { content: "See what's coming up"; }
.Widget[href='Renewal.html'] { background-image: url("./images/widgets/renewal.jpg"); }
.Widget[href='Renewal.html'] div > span::before { content: 'membership \A renewal'; }
.Widget[href='Renewal.html'] div::after { content: "Renew your \A membership here"; }
.Widget[href='SpaghettiBridge.html'] { background-image: url("./images/widgets/spaghetti-bridge.jpg"); }
.Widget[href='SpaghettiBridge.html'] div > span::before { content: 'spaghetti bridge'; }
.Widget[href='SpaghettiBridge.html'] div::after { content: 'Register today'; }
.Widget[href='StudentNetworking.html'] { background-image: url("./images/widgets/student-networking-event.jpg"); }
.Widget[href='StudentNetworking.html'] div > span::before { content: 'student \A networking \A event'; }
.Widget[href='StudentNetworking.html'] div::after { content: 'Get in the know'; }
.Widget[href='Volunteer.html'] { background-image: url("./images/widgets/volunteer.jpg"); }
.Widget[href='Volunteer.html'] div > span::before { content: 'volunteer'; }
.Widget[href='Volunteer.html'] div::after { content: 'Join a committee'; }
.Widget[href='./pdf/News/COVID-19-FAQ.pdf'] { background-image: url("./images/widgets/covid-19.jpg"); background-position-x: right; }
.Widget[href='./pdf/News/COVID-19-FAQ.pdf'] div > span::before { content: 'COVID-19'; }
.Widget[href='./pdf/News/COVID-19-FAQ.pdf'] div::after { content: 'Frequently Asked \A Questions'; }
.Widget[href='https://heritage.enggeomb.ca/'] { background-image: url("./images/widgets/heritage.jpg"); }
.Widget[href='https://heritage.enggeomb.ca/'] div > span::before { content: 'heritage wiki'; }
.Widget[href='https://heritage.enggeomb.ca/'] div::after { content: 'Contribute today!'; }
.Widget { width: 300px; height: 134px; }
.Widget::after { width: 35px; }
.Widget div > span::after { width: 17px; }
.Widget::before { width: 206px; }
.Widget div > span { top: 15px; left: 15px; font-size: 15px; }
.Widget div > span::after { left: -15px; }
.Widget div::after { left: 15px; bottom: 15px; font-size: 12px; }
.SideBar { overflow: hidden; }
.SideBar h1 { padding-bottom: 5px; margin-bottom: 0px; }
.SideBar ul { list-style: none; margin-top: 0px; padding-left: 0px; }
.SideBar li { padding: 15px 0px; }
.SideBar li > span:first-of-type { font-size: 13px; font-weight: 700; }
.SideBar li > span:first-of-type { display: block; }
.SideBar li a { font-size: 12px; color: #474B53; }
.SideBar .Followup { float: right; font-size: 13px; font-weight: 700; }
.SideBar.News h1 { color: #004165; border-bottom: solid 1px #004165; }
.SideBar.News li { border-bottom: solid 1px #004165; }
.SideBar.News li > span:first-of-type { color: #004165; }
.SideBar.News .Followup { color: #004165; }
.SideBar.Events h1 { color: #CD163F; border-bottom: solid 1px #CD163F; }
.SideBar.Events li { border-bottom: solid 1px #CD163F; }
.SideBar.Events li > span:first-of-type { color: #CD163F; }
.SideBar.Events .Followup { color: #CD163F; }
.HeadingLarge {
width: 100%;
padding: 13px 0px 13px 30px;
background-color: #474B53;
color: white;
font-size: 20px;
font-weight: 700;
position: relative;
}
.HeadingLarge.RightDash::after {
content: '_';
position: absolute;
top: 0;
right: 0;
line-height: 15px;
}
.HeadingLarge.FullWidthInSmallView { width: 360px; left: -30px; }
.Collapser > .CollapserHeading::before { float: right; font-weight: 700; }
.Collapser.Expanded > .CollapserHeading::before { content: '-'; }
.Collapser.Collapsed > .CollapserHeading::before { content: '+'; }
.Collapser.Expanded > .CollapserBody { display: block; }
.Collapser.Collapsed > .CollapserBody { display: none; }
.Collapser { overflow: hidden; }
.Collapser .LeftSideRed { overflow: hidden; }
.CollapserHeading { overflow: hidden; }
.CollapserHeading { padding: 15px 0px; cursor: pointer; }
.CollapserBody { padding: 15px 0px; }
.CollapserHeading { font-size: 20px; font-weight: 700; }
.CollapserHeading.Blue { border-bottom: solid 1px #004165; color: #004165; }
.CollapserHeading.Red { border-bottom: solid 1px #CD163F; color: #CD163F; }
#SearchResults .Collapser.Collapsed .CollapserHeading { margin-bottom: 20px; }/* */
.LeftSideRed { border-left: solid 2px #CD163F; padding-left: 15px; }
.CollapserBodyShaded .CollapserBody { background-color: #F1F1F1; padding: 10px; }
.CollapserHeading button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
text-align: left;
display: flex;
}
.CollapserHeading button:focus { text-decoration: underline; outline: none; }
.FAQ .CollapserBody .CollapserHeading { font-size: 18px; }
.FAQ .CollapserHeading label { float: left; width: 35px; }
.FAQ .CollapserHeading button { width: 250px; }
#NextPrev { overflow: hidden; }
#NextPrev a { font-size: 13px; font-weight: 700; text-transform: uppercase; color: #474B53; }
#NextPrev .Prev { float: left; }
#NextPrev .Next { float: right; }
.SummaryCollapse { display: block; }
.SummaryNormal { display: none; }
.SummaryTemplate { overflow: hidden; }
.SummaryTemplate { padding: 1em 0em; }
.SummaryTemplate .Followup { font-weight: 700; }
.SummaryTemplate { border-bottom: solid 1px #474B53; }
.DetailTemplate h2 { font-size: 20px; color: #004165; font-weight: 400; }
.DetailTemplate .FullText { margin-top: 1em; }
.DetailTemplate .FullText { overflow: auto; margin-bottom: 2em; }
.DetailTemplate .FullText img.FloatRight { float: right; margin: 0 0 1em 1em; }
.DetailTemplate .FullText img.FloatLeft { float: left; margin: 0 1em 1em 0; }
.SummaryCollapse .SummaryTemplate .CollapserHeading { padding: 0px; }
.SummaryCollapse .SummaryTemplate .Collapser.Collapsed .CollapserHeading { margin-bottom: 0px; }
.SummaryCollapse .SummaryTemplate .Collapser > .CollapserHeading::before { display: none; }
.SummaryCollapse .SummaryTemplate .Collapser > .CollapserHeading::after { vertical-align: middle; font-size: 15px; }
.SummaryCollapse .SummaryTemplate .Collapser.Expanded > .CollapserHeading::after { content: '-'; }
.SummaryCollapse .SummaryTemplate .Collapser.Collapsed > .CollapserHeading::after { content: '+'; }
.SummaryCollapse .SummaryTemplate .CollapserHeading > div,
.SummaryCollapse .SummaryTemplate .CollapserHeading > button { display: inline-block; vertical-align: middle; }
.SummaryCollapse .SummaryTemplate .CollapserHeading > div { font-size: 29px; }
.SummaryCollapse .SummaryTemplate .CollapserHeading > div > span { font-size: 12px; display: none; }
.MultiMonthResults .SummaryCollapse .SummaryTemplate .CollapserHeading > div > span { display: block; }
.SummaryCollapse .SummaryTemplate .CollapserHeading > button { font-size: 11px; text-transform: uppercase; }
.SummaryCollapse .SummaryTemplate .CollapserHeading > div { width: 45px; text-align: center; margin-right: 10px; }
.SummaryCollapse .SummaryTemplate .CollapserHeading > button { width: 230px; }
.SummaryCollapse .SummaryTemplate .Collapser > .CollapserHeading::after { width: 15px; }
.SummaryCollapse .SummaryTemplate .CollapserBody { margin-left: 55px; }
.SummaryCollapse .SummaryTemplate .CollapserBody { padding: 0px; }
.SummaryCollapse .SummaryTemplate .CollapserBody { font-size: 12px; }
.LinkNewsArchive { text-align: right; padding-right: 10px; padding-top: 15px; font-weight: 700; }
.LinkNewsArchive a { color: #004165; }
.hiddenCB { opacity: 0; }
.hiddenCB { width: 13px; margin-left: 4px; margin-right: 3px; }
.hiddenCB + label { position: relative; left: -20px; }
.hiddenCB + label::before { display: inline-block; width: 15px; }
.hiddenCB + label:before { content: '+'; }
.hiddenCB + label { font-weight: 400; cursor: pointer; display: inline-block; }
.KeyboardUsed .hiddenCB:focus + label { text-decoration: underline; }
.hiddenCB:checked + label:before { content: '-'; }
.hiddenCB:checked + label { font-weight: 700; }
.hiddenRB { opacity: 0; margin: 0px; }
.hiddenRB + label { position: relative; left: -13px; }
.hiddenRB + label { cursor: pointer; display: inline-block; }
.KeyboardUsed .hiddenRB:focus + label { border-bottom: solid 1px #000; }
nav.hidden { display: none; }
#SiteNav { display: none; }
.Expando { display: none; }
#SiteNav div > span { display: block; font-size: 13px; }
#SiteNavSmall div > span { display: block; font-size: 13px; }
#SiteNav.NavAtBottom { display: block; font-size: 13px; }
#SiteNav a:link, #SiteNav a:active, #SiteNav a:visited { color: #CD163F; }
#SiteNavSmall a:link, #SiteNavSmall a:active, #SiteNavSmall a:visited { color: #CD163F; }
#SiteNav.NavAtBottom {
position: relative;
display: block;
background-color: #FFF;
width: 100%;
}
#SiteNav.NavAtBottom a { padding: 5px; }
#SiteNav.NavAtBottom nav > a {
border-top: solid 1px black;
background-color: #E1E1E1;
display: block;
}
#SiteNav.NavAtBottom div > a {
display: inline-block;
width: 305px;
}
#SiteNav.NavAtBottom nav > div > div > div {
background-color: #F1F1F1;
}
#SiteNav.NavAtBottom nav > div > div > div > div {
display: inline;
}
#SiteNav.NavAtBottom { border-bottom: solid 1px black; }
.KeyboardUsed #MenuLinkSmall:focus { border-bottom: solid 1px #707070; }
.KeyboardUsed #MenuLinkSmall.Closed:focus { padding-bottom: 23px; }
.KeyboardUsed #MenuLinkSmall.Open:focus { padding-bottom: 32px; }
#MenuLinkSmall { position: absolute; right: 30px; top: 25px; cursor: pointer; display: inline-block; }
#MenuLinkSmall.Closed { background-image: url('./images/menu.svg'); height: 18.81px; width: 27.93px; background-repeat: no-repeat; }
#MenuLinkSmall.Open { background-image: url('./images/menu-close.svg'); height: 27.93px; width: 27.93px; background-repeat: no-repeat; }
#MenuLinkSmall.Open { top: 20px; }
#MenuLinkSmall {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}
#SiteNavSmall.Default { display: none; }
#SiteNavSmall.Active {
display: inline-block;
z-index: 200;
background-color: #FFF;
opacity: 0.95;
width: 100%;
position: absolute;
top: 63px;
right: 0px;
padding: 10px;
}
#SiteNavSmall.Active > nav > a {
display: block;
padding: 1em;
border-top: solid 1px black;
}
#SiteNavSmall.Active > nav:first-of-type > a { border-top: none; }
#SiteNavSmall.Active > nav > div {
display: none;
}
#SiteNavSmall.Active > nav.Active > div {
display: block;
background-color: #DDD;
}
#SiteNavSmall.Active > nav.Active > div a {
display: block;
padding: 0.6em 0.6em 0.6em 2em;
border-top: solid 1px black;
}
#SiteNavSmall.Active > nav.Active > div > div > div > a::before { padding-left: 15px; content: '» '; }
#SiteNavSmall.Active > nav.Active > div > div:last-of-type > span { display: none; }
#SiteNavSmall.Active .SmallMenuLogin {
display: block;
position: fixed;
bottom: 0px;
right: 15px;
background-color: #004165;
padding: 10px;
color: #FFF;
}
@media (min-width: 720px) {
.SmallViewOnly { display: none; }
.MediumViewOnly { display: block; }
.LargeViewOnly { display: none; }
body { max-width: 720px; min-width: 720px; }
header { height: 142px; }
footer { padding: 15px }
#HeaderLogo {
left: 15px;
top: 52px;
width: 210px; height: 45px;
}
.KeyboardUsed #HeaderLogo:focus { height: 50px; }
#MenuLinkSmall { right: 15px; top: 57px; }
#MenuLinkSmall.Open { top: 52px; }
.KeyboardUsed #MenuLinkSmall:focus { border-bottom: 0px; }
.KeyboardUsed #MenuLinkSmall:focus::before { border-bottom: solid 1px #707070; }
#MenuLinkSmall.Closed::before { content: 'MENU'; position: relative; left: -60px; }
#MenuLinkSmall.Open::before { content: 'CLOSE'; position: relative; left: -66px; }
.KeyboardUsed #MenuLinkSmall.Open:focus { padding-bottom: 0px; }
#LoginLink { display: inline; }
#LoginLink { position: absolute; top: 5px; right: 15px; }
#SiteNavSmall.Active .SmallMenuLogin { display: none; }
#SiteNavSmall.Active { top: 87px; }
#SiteNavSmall.Active { width: 300px; }
footer { position: relative; }
#SiteMapLink { position: absolute; top: 15px; right: 15px; }
footer span { padding-bottom: 0em; }
.LeftContentSide { float: left; min-width: 720px; max-width: 720px; padding: 0px 15px; }
.RightContentSide { float: right; min-width: 720px; max-width: 720px; padding: 0px 15px; }
.LeftContentSide li { margin-bottom: 0px; }
.LeftContentSide li > ul { margin-top: 0px; }
.Widget { float: left; margin-bottom: 20px; }
.SearchBox + .Widget { margin-right: 30px; }
.Widget { width: 330px; height: 148px; }
.Widget::after { width: 38px; }
.Widget div > span::after { width: 19px; }
.Widget::before { width: 227px; }
.Widget div > span { top: 17px; left: 20px; font-size: 15px; }
.Widget div > span::after { left: -20px; }
.Widget div::after { left: 20px; bottom: 17px; font-size: 12px; }
.SideBar li > span { display: table-cell; vertical-align: middle; }
.SideBar li > span:first-of-type { display: table-cell; width: 80px; }
.SideBar li a { font-size: 13px; }
.HeadingLarge { padding-left: 15px; }
.HeadingLarge.FullWidthInSmallView { left: 0px; width: 100%; }
.LeftSideRed { margin-left: 5px; }
.FAQ .CollapserHeading button { width: 640px; }
.SummaryCollapse { display: none; }
.SummaryNormal { display: block; }
.SummaryNormal .SummaryTemplate > div { display: inline-block; vertical-align: middle; }
.SummaryNormal .SummaryTemplate > div:first-of-type { font-size: 39px; font-weight: 700; }
.SummaryNormal .SummaryTemplate > div:first-of-type > span { font-size: 12px; display: none; }
.MultiMonthResults .SummaryNormal .SummaryTemplate > div:first-of-type > span { display: block; }
.SummaryNormal .SummaryTemplate h1 { font-size: 13px; font-weight: 700; color: #474B53; text-transform: uppercase; }
.SummaryNormal .SummaryTemplate > div:first-of-type { width: 50px; text-align: center; margin-right: 30px; }
.SummaryNormal .SummaryTemplate > div:last-of-type { width: 610px; }
.SummaryNormal .SummaryTemplate { font-size: 13px; }
}
@media (min-width: 960px) {
.SmallViewOnly { display: none; }
.MediumViewOnly { display: none; }
.LargeViewOnly { display: block; }
body { max-width: 960px; min-width: 960px; }
header { height: 182px; }
#LoginLink { top: 56px; }
#LoginLink { border-radius: 3px; }
#MenuLinkSmall { display: none; }
.LeftContentSide { min-width: 670px; max-width: 670px; padding-right: 0px; }
.LeftContentSide { margin-bottom: 0px; }
.RightContentSide { min-width: 290px; max-width: 290px; padding-left: 0px; }
.RightContentSide .SearchBox { display: block; }
.RightContentSide .SearchBox { margin-top: 17px; }
.HomePage.RightContentSide .SearchBox { margin-top: 0px; }
.Widget { float: right; margin-bottom: 10px; }
.SearchBox + .Widget { margin-right: 0px; }
.Widget { width: 225px; height: 100px; }
.Widget::after { width: 26px; }
.Widget div > span::after { width: 13px; }
.Widget::before { width: 155px; }
.Widget div > span { top: 12px; left: 10px; font-size: 12px; }
.Widget div > span::after { left: -10px; }
.Widget div::after { left: 10px; bottom: 12px; font-size: 10px; }
.SideBar { float: right; width: 225px; }
.SideBar li > span { display: block; }
.SideBar li a { font-size: 12px; }
.FAQ .CollapserHeading button { width: 605px; }
.SummaryNormal .SummaryTemplate > div:last-of-type { width: 575px; }
#SiteNavSmall { display: none; }
#SiteNavSmall.Active { display: none; }
#SiteNav { display: block; }
#SiteNav { position: absolute; bottom: 0px; }
#SiteNav.Default > nav > a { color: #707070; font-size: 11px; }
#SiteNav.Default > nav:hover { background-color: #CD163F; }
#SiteNav.Default > nav:hover > a { color: #FFF; }
#SiteNav.Default > nav.Active { background-color: #CD163F; }
#SiteNav.Default > nav.Active > a { color: #FFF; }
.KeyboardUsed #SiteNav.Default > nav > a:focus { outline: none; }
.KeyboardUsed #SiteNav.Default > nav > a:focus { text-decoration: underline; }
#SiteNav.Default { display: table; min-width: 960px; max-width: 960px; }
#SiteNav.Default > nav {
display: table-cell;
text-align: center;
vertical-align: middle;
border-left: solid 1px #707070;
height: 40px;
}
#SiteNav.Default > nav:first-of-type { border-left: 0px; }
#ClientContent { margin-top: 1em; }
#SiteNav.Default > nav { line-height: 10px; }
.Expando {
display: block;
z-index: 1000;
position: absolute;
top: 182px;
overflow: hidden;
width: 960px;
transition: height .5s .2s;
background-color: #FFF;
opacity: 0.9;
}
.Expando > div { position: absolute; }
.Expando > div > div {
float: left;
width: 155px;
margin-right: 15px;
vertical-align: top;
}
.Expando > div:nth-of-type(8) > div:last-of-type { width: 130px; margin-right: 0px; }
.Expando span { font-size: 10px; }
.Expando > div > div > a { font-weight: 700; }
.Expando > div > div > div > a::before { content: '» '; }
.Expando > div > div > div > div { padding-left: 15px; }
.Expando a {
color: #A60110;
font-size: 13px;
text-decoration: none;
margin-top: 12px;
display: block;
}
.Expando a:hover { text-decoration: underline; }
.Expando a { text-indent: -3px; padding-left: 3px; }
}
@media print {
.NoPrint { display: none; }
header { display: none; }
footer { display: none; }
.RightContentSide { display: none; }
html, body, .LeftContentSide { max-width: 100%; min-width: 100%; }
.LeftContentSide { margin-top: 1em; }
.CollapserHeading::before { content: '-' !important; }
.CollapserBody { display: block !important; }
.Collapser { page-break-inside: avoid; }
.FAQ .CollapserHeading button { width: auto; }
.ImportantParagraph { page-break-inside: avoid; }
h2, h3 { page-break-after: avoid; }
ul, img { page-break-inside: avoid; }
}