<!--
/* Sitewide CSS document */
/* Ensure bold links and bold italics have correct font weight */
strong a, strong em {
font-weight: 700 !important;
}
.rsc-ui ul.no-indent {
margin-left: 0;
-webkit-padding-start: 0px;
-moz-padding-start: 0px;
}
.rsc-ui ul.no-bullet,
.rsc-ui ul.no-bullet li {
list-style-type: none;
}
.rsc-ui ul.dividers li {
border-bottom: 1px dotted #DDD;
border-bottom: 1px dotted rgba(0,0,0,0.2);
}
.rsc-ui ul.dividers li a {
border-bottom: 0px dotted #FFF;
display: block;
text-decoration: none;
padding-bottom: 8px;
padding-top: 8px;
}
@media only screen and (min-width: 950px) {
.rsc-ui ul.dividers li a {
padding-bottom: 0px;
padding-top: 0px;
}
}
.rsc-ui ul.dividers li a:hover {
background-color: rgba(0,0,0,0.05);
}
/* oxygen layout */
.rsc-ui .row {
display: table;
width: 100%;
}
.rsc-ui .row.edge2edge-xxsm {
margin-left: -4px;
margin-right: -4px;
width: calc(100% + 8px);
}
.rsc-ui .row.edge2edge-xsm {
margin-left: -8px;
margin-right: -8px;
width: calc(100% + 16px);
}
.rsc-ui .row.edge2edge-sm {
margin-left: -16px;
margin-right: -16px;
width: calc(100% + 32px);
}
.rsc-ui .row.edge2edge-m {
margin-left: -24px;
margin-right: -24px;
width: calc(100% + 48px);
}
.rsc-ui .row.edge2edge-lg {
margin-left: -32px;
margin-right: -32px;
width: calc(100% + 64px);
}
/* images in boxed blockquotes */
.rsc-ui .image-fill-box {
width: 100%;
height: auto;
}
.rsc-ui .image-fill-box img {
width: 100%;
height: auto;
}
.rsc-ui .image-fill-box.fill-box-xxsm {
max-width: 240px;
}
.rsc-ui .image-fill-box.fill-box-xsm {
max-width: 320px;
}
.rsc-ui .image-fill-box.fill-box-sm {
max-width: 480px;
}
.rsc-ui .image-fill-box.fill-box-lg {
max-width: 960px;
}
.rsc-ui .image-fill-box.fill-box-xlg {
max-width: 1200px;
}
.rsc-ui .row .column.two {
display: block;
width: 100%;
vertical-align: top;
}
.rsc-ui .row .column.three {
display: block;
width: 100%;
vertical-align: top;
}
.rsc-ui .row .column.four {
display: block;
width: 100%;
vertical-align: top;
}
@media only screen and (min-width: 640px) {
.rsc-ui .row .column.two {
display: table-cell;
width: 50%;
vertical-align: top;
}
}
@media only screen and (min-width: 768px) {
.rsc-ui .row .column.three {
display: table-cell;
width: 33.33%;
vertical-align: top;
}
}
@media only screen and (min-width: 960px) {
.rsc-ui .row .column.four {
display: table-cell;
width: 25%;
vertical-align: top;
}
}
/* .block-links */
.block-link-xsm {
display: block;
height: 80px;
}
.block-link-sm {
display: block;
height: 120px;
}
.block-link-m {
display: block;
height: 160px;
}
.block-link-lg {
display: block;
height: 240px;
}
.block-link-xlg {
display: block;
height: 320px;
}
/* fix row column heights */
.rsc-ui .row.fix-xsm .column {
display: block;
float: left;
height: 80px;
overflow-x: hidden;
}
.rsc-ui .row.fix-sm .column {
display: block;
float: left;
height: 120px;
overflow-x: hidden;
}
.rsc-ui .row.fix-lg .column {
display: block;
float: left;
height: 240px;
overflow-x: hidden;
}
.rsc-ui .row.fix-xlg .column {
display: block;
float: left;
height: 320px;
overflow-x: hidden;
}
/* oxygen padding */
.rsc-ui .pad-xxsm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 4px;
}
.rsc-ui .pad-xsm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 8px;
}
.rsc-ui .pad-sm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 16px;
}
.rsc-ui .pad-m {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 24px;
}
.rsc-ui .pad-lg {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 32px;
}
/* horizontal padding */
.rsc-ui .padh-xxsm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-left: 4px;
padding-right: 4px;
}
.rsc-ui .padh-xsm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-left: 8px;
padding-right: 8px;
}
.rsc-ui .padh-sm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
}
.rsc-ui .padh-m {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-left: 24px;
padding-right: 24px;
}
.rsc-ui .padh-lg {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-left: 32px;
padding-right: 32px;
}
/* vertical padding */
.rsc-ui .padv-xxsm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-bottom: 4px;
padding-top: 4px;
}
.rsc-ui .padv-xsm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-bottom: 8px;
padding-top: 8px;
}
.rsc-ui .padv-sm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-bottom: 16px;
padding-top: 16px;
}
.rsc-ui .padv-m {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-bottom: 24px;
padding-top: 24px;
}
.rsc-ui .padv-lg {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-bottom: 32px;
padding-top: 32px;
}
/* gaps */
.rsc-ui .gap-xsm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 8px 0;
}
.rsc-ui .gap-sm {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 16px 0;
}
.rsc-ui .gap-lg {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 32px 0;
}
/* helper classes */
.rsc-ui .block {
display: block;
width: 100%;
}
.rsc-ui hr.clear {
box-shadow: none;
border-color: transparent;
-webkit-margin-before: 0px;
height: 0px;
margin-bottom: -1px;
}
.rsc-ui .pull-left {
float: left;
}
.rsc-ui .pull-right {
float: right;
}
/* Oxygen buttons */
.rsc-ui .btn, .rsc-ui a.btn {
border: 1px solid #E6E6E6;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
color: #6C7476 !important;
cursor: pointer;
display: inline-block;
font-family: museo_sans_500regular,Arial;
min-width: 40px;
height: 40px;
padding: 8px;
position: relative;
line-height: 24px;
outline: 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
width: auto;
background-color: #F9F8F8;
background: -moz-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%);
background: -webkit-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%);
background: -ms-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%);
background: linear-gradient(top bottom, #F9F8F8 0%, #E6E6E6 66%);
}
.rsc-ui .btn img, .rsc-ui .btn, .rsc-ui a.btn img {
width: 24px;
height: 24px;
vertical-align: top;
}
.rsc-ui .btn:hover {
background: -moz-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%);
background: -webkit-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%);
background: -ms-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%);
background: linear-gradient(top bottom, #F9F8F8 0%, #F9F8F8 66%);
background-color: #F9F8F8;
border: 1px solid rgba(0,0,0,0.4);
box-shadow: 0 0px 3px rgba(0,0,0,0);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.rsc-ui .btn.selected,
.rsc-ui a.btn.selected {
background: -moz-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%);
background: -webkit-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%);
background: -ms-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%);
background: linear-gradient(top bottom, #F9F8F8 0%, #F9F8F8 66%);
background-color: #F4F3F2;
box-shadow: 0 0px 3px rgba(0,0,0,.1);
}
.rsc-ui .btn.small, .rsc-ui a.btn.small {
height: 32px;
line-height: 24px;
min-width: 32px;
padding: 4px;
}
.rsc-ui .btn.large, .rsc-ui a.btn.large {
height: 48px;
line-height: 24px;
min-width: 48px;
padding: 12px;
}
/* helper classes */
.rsc-ui .centred { margin-left: auto; margin-right: auto; }
.rsc-ui .pull-left { float: left; }
.rsc-ui .pull-right { float: right; }
.rsc-ui .ft-xxsm { font-size: 10px; line-height: 16px; }
.rsc-ui .ft-xsm { font-size: 12px; line-height: 16px; }
.rsc-ui .ft-sm { font-size: 14px; line-height: 16px; }
.rsc-ui .ft-lg { font-size: 18px; line-height: 24px; }
.rsc-ui .ft-xlg { font-size: 20px; line-height: 24px; }
.rsc-ui .ft-xxlg { font-size: 22px; line-height: 24px; }
.rsc-ui .ft-xxxlg { font-size: 32px; line-height: 32px; }
/* heading sizes */
.rsc-ui .hd-xxsm { font-size: 32px; line-height: 32px; }
.rsc-ui .hd-xsm { font-size: 40px; line-height: 40px; }
.rsc-ui .hd-sm { font-size: 48px; line-height: 48px; }
.rsc-ui .hd-lg { font-size: 56px; line-height: 56px; }
.rsc-ui .hd-xlg { font-size: 64px; line-height: 64px; }
.rsc-ui .hd-xxlg { font-size: 72px; line-height: 72px; }
.rsc-ui .hd-xxxlg { font-size: 80px; line-height: 80px; }
.rsc-ui .text-center { text-align: center; }
.rsc-ui .text-right { text-align: right; }
.rsc-ui .text-left { text-align: left; }
.rsc-ui .text-center-mobile-only { text-align: center; }
.rsc-ui .text-center-mobile-only.boxed { max-width: 320px; margin: 0 auto !important; }
@media only screen and (min-width: 768px) {
.rsc-ui .text-center-mobile-only { text-align: left; }
.rsc-ui .text-center-mobile-only.boxed { max-width: 100%; }
}
.rsc-ui .ft-justify { text-align: justify; }
.rsc-ui .ft-truncate { text-overflow: ellipsis; overflow: hidden !important; }
.rsc-ui .ft-bold { font-weight: 700; }
/* example styling */
.rsc-ui div.shell {
background-color: #FFFFFF;
border: 1px solid #ECECEC;
background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%);
background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%);
background: -ms-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%);
background: linear-gradient(top bottom, #FFFFFF 0%, #F9F8F8 150%);
box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}
.rsc-ui .live-example {
border: 1px dotted #007AAF;
min-width: 280px;
width: auto;
padding: 40px 16px 0px 16px;
position: relative;
margin-bottom: 8px;
}
.rsc-ui .live-example:before {
content: "Example";
display: block;
position: absolute;
top: 8px;
left: 8px;
padding: 8px;
color: #999999;
line-height: 16px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
width: auto;
}
.rsc-ui .code-footer {
background-color: #F9F8F8;
clear: both;
width: auto;
xwidth: calc(100% + 16px);
border-top: 1px solid #ECECEC;
margin: 16px -16px 0 -16px;
padding: 8px;
}
.rsc-ui code, .rsc-ui textarea.code {
border: 1px solid #FFFFFF;
border: 1px solid rgba(255,255,255,.04) !important;
background-color: #F9F8F8;
color: #223335;
display: inline-block;
font-family: monospace;
padding-right: 8px;
padding-left: 8px;
margin: 0;
line-height: 24px;
}
/* rsc.org styles override */
.btn:link, .btn:visited {
margin-bottom: 0;
}
.rsc-ui blockquote:before {
content: '\201C';
content: '';
display: inline;
font-family: Arial !important;
font-size: 16px;
line-height: 20px;
position: relative;
margin-right: 0px;
}
.rsc-ui blockquote:after {
content: '\201D';
content: '';
display: inline;
font-family: Arial !important;
margin-left: 0px;
}
/* end rsc.org styles override */
.rsc-ui blockquote {
border-color: #97D700;
font-size: 16px;
line-height: 24px;
font-family: Arial !important;
}
.rsc-ui blockquote {
margin-left: 0px;
-webkit-margin-start: 0px;
margin-bottom: 16px;
/*width: calc(100% - 40px);*/
width: 100%;
}
@media only screen and (min-width: 768px) {
.rsc-ui blockquote {
margin-top: 16px;
margin-bottom: 32px;
padding: 16px;
}
}
.rsc-ui blockquote {
background-color: #f1f7f8;
display: block;
padding: 10px !important;
border: 1px solid #48A9C5;
border-left: 8px solid #48A9C5;
margin-top: 16px;
overflow: hidden;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 24px;
-webkit-margin-end: 24px;
}
.rsc-ui blockquote footer {
clear: both;
display: block;
position: relative;
width: 100%;
height: auto;
margin-top: 16px;
min-height: 40px;
padding: 0px !important;
}
.rsc-ui blockquote footer.caption,
.rsc-ui blockquote footer cite {
color: #54585A;
xfont-size: 12px;
letter-spacing: 0;
font-style: italic;
}
.rsc-ui blockquote.boxed {
border-left: 1px solid #48A9C5;
border-radius: 4px;
}
.rsc-ui blockquote.boxed1 {
background-color: #ffffff;
border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 0px;
border-radius: 0px;
}
.rsc-ui blockquote.boxed2 {
background-color: #fbf4b1;
border-left: 1px solid #ccb900; border-right: 1px solid #ccb900; border-top: 1px
solid #ccb900; border-bottom: 1px solid #ccb900;
border-radius: 4px;
}
.rsc-ui .pull-quote {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
xborder: 1px solid #CCCCCC;
border-left: 8px solid #CCCCCC;
line-height: 24px;
padding: 8px;
margin: 16px 0 16px 0 !important;
letter-spacing: -0.03em;
font-weight: 700;
letter-spacing: -0.00em;
}
.rsc-ui .pull-quote q {
font-weight: 700;
font-family: MuseoSlab700Regular, museo_slab500, museo_sans_500regular, Arial;
font-style: normal;
display: inline-block;
width: auto;
padding: 16px 32px !important;
margin-top: 16px;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
text-align: center;
letter-spacing: -0.03em;
font-size: 20px;
line-height: 28px;
quotes: "\201C""\201D""\2018""\2019";
letter-spacing: -0.00em;
}
.rsc-ui .pull-quote q:before {
color: #ccc;
content: open-quote;
font-size: 4em;
font-family: Georgia, 'Times New Roman', Arial !important;
font-weight: bold;
line-height: 0.1em;
margin-right: 4px;
vertical-align: -0.35em;
margin-left: -16px;
}
.rsc-ui .pull-quote q:after {
color: #ccc;
content: close-quote;
font-size: 4em;
font-family: Times New Roman, Arial;
font-weight: bold;
line-height: 0.1em;
margin-left: 4px;
vertical-align: -0.4em;
}
.rsc-ui .pull-quote.stand-out {
background-color: #33556B;
border-left: 8px solid #33556B;
border-left: 8px solid rgba(0,0,0,0.4);
color: #F4F3F2;
}
.rsc-ui .pull-quote.stand-out q {
color: #CCC;
}
.rsc-ui .hug-btm-rt {
position: absolute;
bottom: 0px;
right: 0px;
}
.rsc-ui p.hug-btm-rt {
margin-bottom: 0px;
}
.rsc-ui .ident-175minutes {
background-color: #FFFFFF;
max-width: 768px;
margin-top: 16px !important;
}
.rsc-ui .ident-175minutes.vertical {
background-color: #FFFFFF;
max-width: 320px;
}
.rsc-ui .ident-175minutes h3 {
color: #2c4d67;
font-family: museo_slab500;
font-weight: 700;
font-size: 18px;
margin: 0;
}
.rsc-ui .ident-175minutes .content {
width: 100%;
float: none;
}
.rsc-ui .ident-175minutes .logo {
max-width: 240px;
float: right;
padding-left: 0px;
}
.rsc-ui .ident-175minutes.vertical .content {
width: 100%;
float: none;
}
.rsc-ui .ident-175minutes.vertical .logo {
max-width: 320px;
float: right;
padding-left: 0px;
width: 100%;
}
@media only screen and (min-width: 550px) {
.rsc-ui .ident-175minutes .content {
width: auto;
width: calc(100% - 240px);
float: left;
}
.rsc-ui .ident-175minutes .logo {
float: left;
padding-left: 16px;
}
}
/* event blocks */
.rsc-ui .event-block-list .event-block-item {
background-color: #F4F3F2;
border: 5px solid #F4F3F2;
border: 5px solid rgba(0,0,0,0.1);
padding: 24px;
margin-bottom: 16px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rsc-ui .event-block-list .event-block-item:hover {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #FFFFFF;
}
.rsc-ui .event-block-list .event-heading {
font-family: museo_sans_500regular;
font-size: 20px;
line-height: 28px;
padding-bottom: 8px;
margin-bottom: 11px;
display: block;
word-wrap: break-word;
border-bottom: 1px solid #ECECEC;
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #223335;
}
.rsc-ui .event-block-list .event-copy {
font-family: museo_sans300;
font-size: 16px;
line-height: 24px;
margin: 0;
color: #21949F;
}
.rsc-ui .event-block-list a {
color: #223335;
display: block;
text-decoration: none;
}
.rsc-ui .event-block-list a:hover {
color: #115E67;
}
.event-block-list.event-with-date a {
text-decoration: none;
color: #21949F;
display: table;
width: 100%;
}
.event-block-list.event-with-date a:hover .ev-event-col {
background-color: #EEECE1;
}
.event-block-list.event-with-date .ev-event-col {
display: table-cell;
padding: 0 10px;
vertical-align: middle;
border-bottom: 8px solid #FFF;
}
.event-block-list.event-with-date .ev-date-col {
display: table-cell;
font-family: museo_sans300, Arial;
font-weight: 300;
width: 80px;
height: 80px;
background-color: #EEECE1;
color: #21949F;
padding: 8px;
font-size: 30px;
text-align: center;
border-bottom: 8px solid #FFF;
border-right: 1px solid #FFF;
vertical-align: top;
}
.event-block-list.event-with-date .ev-date-col .ev-date-month {
font-family: museo_sans_500regular, Arial;
font-weight: 500;
display: block;
font-size: 14px;
line-height: 16px;
}
.event-block-list.event-with-date .ev-date-col .ev-date-day {
display: block;
font-size: 32px;
line-height: 32px;
}
.event-block-list.event-with-date .ev-date-col .ev-date-year {
font-family: museo_sans_500regular, Arial;
font-weight: 500;
display: block;
font-size: 14px;
line-height: 16px;
}
.rsc-ui .icon-pre-text {
vertical-align: middle;
padding-right: 8px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
/* tables */
.clear-cell-tl {
position: absolute; top: -1px; left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #2c4d67;
}
.clear-cell-bl {
position: absolute;
bottom: -1px;
left: -1px;
width: calc(100% + 1px);
height: calc(100% + 1px);
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-right: 8px;
}
.clear-cell-bm {
position: absolute;
bottom: -1px;
left: -1px;
width: calc(100% + 1px);
height: calc(100% + 1px);
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
padding: 3px;
padding-top: 12px;
padding-right: 4px;
}
.clear-cell-br {
position: absolute;
bottom: -1px;
right: -1px;
width: calc(100% + 2px);
height: calc(100% + 1px);
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
padding: 3px;
padding-top: 12px;
}
/* coloured buttons and ctas */
.bg-gold-oa {
background-color: #FAF400;
color: #171717;
}
.bg-green-oa {
background-color: #64A70B;
}
a.btn-gold-oa {
background-color: #FAF400;
border-bottom: 2px solid rgba(0,0,0,0.1);
color: #171717;
display: block;
font-family: museo_sans_500regular;
font-weight: bold;
vertical-align: middle;
height: 48px;
line-height: 16px;
padding: 8px;
text-align: center;
text-decoration: none;
}
a.btn-gold-oa:hover {
background-color: #F1E53E;
}
a.btn-green-oa {
background-color: #64A70B;
border-bottom: 2px solid rgba(0,0,0,0.1);
color: #FFF;
display: block;
font-family: museo_sans_500regular;
font-weight: bold;
vertical-align: middle;
height: 48px;
line-height: 16px;
padding: 8px;
text-align: center;
text-decoration: none;
}
a.btn-green-oa:hover {
background-color: #83C411;
}
.hr-gold-oa {
width: 100%;
border-style: solid;
border-color: #EAC700;
padding-top: 20px;
border-top-width: 2px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.hr-green-oa {
width: 100%;
border-style: solid;
border-color: #64A70B;
padding-top: 20px;
border-top-width: 2px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
/* coloured elements */
.rsc-ui .bg-info { background-color: #007AAF !important; background-color: rgba(0,107,166,0.6) !important; color: #FFFFFF !important; line-height: 32px; }
.rsc-ui .bg-active { background-color: #64A70B !important; background-color: rgba(100,167,11,0.6) !important; color: #FFFFFF !important; line-height: 32px; }
.rsc-ui .bg-inactive { background-color: #CCCCCC !important; background-color: rgba(204,204,204,0.6) !important; color: #999999 !important; line-height: 32px; }
.rsc-ui .bg-warning { background-color: #EEDC00 !important; background-color: rgba(234,218,36,0.6) !important; color: #000000 !important; line-height: 32px; }
.rsc-ui .bg-alert { background-color: #D30707 !important; background-color: rgba(211,7,7,0.6) !important; color: #FFFFFF !important; line-height: 32px; }
.rsc-ui .bg-dk-purple { background-color: #991E66 !important; color: #FFFFFF !important; }
.rsc-ui .bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; }
.rsc-ui .bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; }
.rsc-ui .bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; }
.rsc-ui .bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; }
.rsc-ui .bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; }
.rsc-ui .bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; }
.rsc-ui .bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; }
.rsc-ui .bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; }
.rsc-ui .bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; }
.rsc-ui .bg-green { background-color: #64A70B !important; color: #FFFFFF !important; }
.rsc-ui .bg-vi-green { background-color: #97D700 !important; color: #000000 !important; }
.rsc-ui .bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; }
.rsc-ui .bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; }
.rsc-ui .bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; }
.rsc-ui .bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; }
.rsc-ui .bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; }
.rsc-ui .bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; }
.rsc-ui a.bg-dk-purple:hover { background-color: #DA1884 !important; color: #FFFFFF !important; }
.rsc-ui a.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; }
.rsc-ui a.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; }
.rsc-ui a.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; }
.rsc-ui a.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; }
.rsc-ui a.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; }
.rsc-ui a.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; }
.rsc-ui a.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; }
.rsc-ui a.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; }
.rsc-ui a.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; }
.rsc-ui a.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; }
.rsc-ui a.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; }
.rsc-ui a.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; }
.rsc-ui a.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; }
.rsc-ui a.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; }
.rsc-ui a.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; }
.rsc-ui a.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; }
.rsc-ui a.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; }
.rsc-ui .bg-dk-purple a { background-color: #991E66 !important; color: #FFFFFF !important; }
.rsc-ui .bg-wm-purple a { background-color: #DA1884 !important; color: #FFFFFF !important; }
.rsc-ui .bg-dk-pink a { background-color: #BB074C !important; color: #FFFFFF !important; }
.rsc-ui .bg-vi-pink a { background-color: #C8102E !important; color: #FFFFFF !important; }
.rsc-ui .bg-dk-blue a { background-color: #004976 !important; color: #FFFFFF !important; }
.rsc-ui .bg-lt-blue a { background-color: #48A9C5 !important; color: #000000 !important; }
.rsc-ui .bg-blue a { background-color: #007AAF !important; color: #FFFFFF !important; }
.rsc-ui .bg-vi-blue a { background-color: #71DBD4 !important; color: #000000 !important; }
.rsc-ui .bg-teal a { background-color: #115E67 !important; color: #FFFFFF !important; }
.rsc-ui .bg-lt-teal a { background-color: #94B7BB !important; color: #000000 !important; }
.rsc-ui .bg-green a { background-color: #64A70B !important; color: #FFFFFF !important; }
.rsc-ui .bg-vi-green a { background-color: #97D700 !important; color: #000000 !important; }
.rsc-ui .bg-dk-yellow a { background-color: #DEBF00 !important; color: #000000 !important; }
.rsc-ui .bg-yellow a { background-color: #EEDC00 !important; color: #000000 !important; }
.rsc-ui .bg-dk-orange a { background-color: #FC4C02 !important; color: #FFFFFF !important; }
.rsc-ui .bg-wm-orange a { background-color: #FF9E1B !important; color: #000000 !important; }
.rsc-ui .bg-dk-grey a { background-color: #54585A !important; color: #FFFFFF !important; }
.rsc-ui .bg-wm-grey a { background-color: #D1CCBD !important; color: #000000 !important; }
.rsc-ui a.bg-dk-purple { background-color: #991E66 !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; text-decoration: none; }
.rsc-ui a.bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; text-decoration: none; }
.rsc-ui a.bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; text-decoration: none; }
.rsc-ui a.bg-green { background-color: #64A70B !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-vi-green { background-color: #97D700 !important; color: #000000 !important; text-decoration: none; }
.rsc-ui a.bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; text-decoration: none; }
.rsc-ui a.bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; text-decoration: none; }
.rsc-ui a.bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; text-decoration: none; }
.rsc-ui a.bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; text-decoration: none; }
.rsc-ui a.bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; text-decoration: none; }
.rsc-ui button.bg-dk-purple { background-color: #610931 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; }
.rsc-ui button.bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; }
.rsc-ui button.bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; }
.rsc-ui button.bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; }
.rsc-ui button.bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; }
.rsc-ui button.bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; }
.rsc-ui button.bg-green { background-color: #64A70B !important; color: #FFFFFF !important; }
.rsc-ui button.bg-vi-green { background-color: #97D700 !important; color: #000000 !important; }
.rsc-ui button.bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; }
.rsc-ui button.bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; }
.rsc-ui button.bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; }
.rsc-ui button.bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; }
.rsc-ui button.bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; }
.rsc-ui button.bg-dk-purple:hover { background-color: #991E66 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; }
.rsc-ui button.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; }
.rsc-ui button.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; }
.rsc-ui button.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; }
.rsc-ui button.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; }
.rsc-ui button.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; }
.rsc-ui button.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; }
.rsc-ui button.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; }
.rsc-ui button.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; }
.rsc-ui button.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; }
.rsc-ui button.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; }
.rsc-ui button.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; }
.rsc-ui button.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; }
.rsc-ui button.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; }
.rsc-ui .btn.bg-dk-purple { background: none; background-color: #610931 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-wm-purple { background: none; background-color: #DA1884 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-dk-pink { background: none; background-color: #BB074C !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-vi-pink { background: none; background-color: #C8102E !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-dk-blue { background: none; background-color: #004976 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-lt-blue { background: none; background-color: #48A9C5 !important; color: #000000 !important; }
.rsc-ui .btn.bg-blue { background: none; background-color: #007AAF !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-vi-blue { background: none; background-color: #71DBD4 !important; color: #000000 !important; }
.rsc-ui .btn.bg-teal { background: none; background-color: #115E67 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-lt-teal { background: none; background-color: #94B7BB !important; color: #000000 !important; }
.rsc-ui .btn.bg-green { background: none; background-color: #64A70B !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-vi-green { background: none; background-color: #97D700 !important; color: #000000 !important; }
.rsc-ui .btn.bg-dk-yellow { background: none; background-color: #DEBF00 !important; color: #000000 !important; }
.rsc-ui .btn.bg-yellow { background: none; background-color: #EEDC00 !important; color: #000000 !important; }
.rsc-ui .btn.bg-dk-orange { background: none; background-color: #FC4C02 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-wm-orange { background: none; background-color: #FF9E1B !important; color: #000000 !important; }
.rsc-ui .btn.bg-dk-grey { background: none; background-color: #54585A !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-wm-grey { background: none; background-color: #D1CCBD !important; color: #000000 !important; }
.rsc-ui .btn.bg-white { background: none; background-color: #FFFFFF !important; color: #999999 !important; }
.rsc-ui .btn.bg-dk-purple:hover { background-color: #991E66 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; }
.rsc-ui .btn.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; }
.rsc-ui .btn.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; }
.rsc-ui .btn.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; }
.rsc-ui .btn.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; }
.rsc-ui .btn.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; }
.rsc-ui .btn.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; }
.rsc-ui .btn.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; }
.rsc-ui .btn.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; }
.rsc-ui .bdr-top-dk-purple { border-top: 4px solid #991E66 !important; }
.rsc-ui .bdr-top-wm-purple { border-top: 4px solid #DA1884 !important; }
.rsc-ui .bdr-top-dk-pink { border-top: 4px solid #BB074C !important; }
.rsc-ui .bdr-top-vi-pink { border-top: 4px solid #C8102E !important; }
.rsc-ui .bdr-top-dk-blue { border-top: 4px solid #4F758B !important; }
.rsc-ui .bdr-top-lt-blue { border-top: 4px solid #48A9C5 !important; }
.rsc-ui .bdr-top-blue { border-top: 4px solid #007AAF !important; }
.rsc-ui .bdr-top-vi-blue { border-top: 4px solid #71DBD4 !important; }
.rsc-ui .bdr-top-teal { border-top: 4px solid #115E67 !important; }
.rsc-ui .bdr-top-lt-teal { border-top: 4px solid #94B7BB !important; }
.rsc-ui .bdr-top-green { border-top: 4px solid #64A70B !important; }
.rsc-ui .bdr-top-vi-green { border-top: 4px solid #97D700 !important; }
.rsc-ui .bdr-top-dk-yellow { border-top: 4px solid #DEBF00 !important; }
.rsc-ui .bdr-top-yellow { border-top: 4px solid #EEDC00 !important; }
.rsc-ui .bdr-top-dk-orange { border-top: 4px solid #FC4C02 !important; }
.rsc-ui .bdr-top-wm-orange { border-top: 4px solid #FF9E1B !important; }
.rsc-ui .bdr-top-dk-grey { border-top: 4px solid #54585A !important; }
.rsc-ui .bdr-top-wm-grey { border-top: 4px solid #D1CCBD !important; }
#maincontent .top-image-area__cta {
float: none;
margin-right: 0;
max-width: none;
width: auto;
}
@media (min-width: 768px) {
#maincontent .top-image-area__cta .cta__link {
width: 48% !important;
}
}
@media (min-width: 550px) {
#maincontent .top-image-area__cta {
padding-top: 0;
}
#maincontent .top-image-area__cta .cta__link {
width: 48% !important;
height: auto;
min-height: 0;
}
#maincontent .top-image-area__cta .cta__link:nth-child(2) {
margin-right: 0;
}
#maincontent .top-image-area__cta .cta__block {
display: block;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
}
@media (max-width: 550px) {
#maincontent .top-image-area__cta .cta__block {
display: block;
}
#maincontent .top-image-area__cta {
margin-bottom: 16px;
}
#maincontent .top-image-area__cta .cta--yellow .add-icon-after-go-arrow-right {
background-image: url(/public/img/local/go_arrow_blue_mobile.png) !important;
}
#maincontent .top-image-area__cta .cta--blue .add-icon-after-go-arrow-right {
background-image: url(/public/img/local/go_arrow_white_mobile.png) !important;
}
}
-->