.hasJS .resultTooltip divhtml {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
body {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
div {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
span {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
applet {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
object {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
iframe {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
h1 {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
h2 {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
h3 {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
h4 {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
h5 {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
h6 {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
p {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
blockquote {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
pre {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
a {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
abbr {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
acronym {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
address {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
big {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
cite {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
code {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
del {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
dfn {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
em {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
font {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
img {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
ins {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
kbd {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
q {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
s {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
samp {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
small {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
strike {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
strong {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
sub {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
tt {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
var {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
b {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
u {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
i {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
center {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
dl {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
dt {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
dd {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
ol {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
ul {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
li {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
fieldset {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
form {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
label {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
legend {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
table {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
caption {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
tbody {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
tfoot {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
thead {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
tr {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
th {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
td {
background: none; margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline;}
body {
line-height: 1;}
ol {
list-style: none;}
ul {
list-style: none;}
table {
border-collapse: collapse; border-spacing: 0;}
form {
border: 0px currentColor; border-image: none;}
fieldset {
border: 0px currentColor; border-image: none;}
img {
border: 0px currentColor; border-image: none;}
div[class*=cq-element-tabbedCarousel] {
overflow: hidden;}
html {
height: 100%;}
body {
height: 100%;}
body {
background: url(../img/topbackground.gif) repeat-x 0px 0px rgb(239, 237, 236); font: 62.5%/1.25 Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal;}
sup {
font-size: smaller; vertical-align: super;}
p {
line-height: 1.4; font-size: 12px;}
.rtl#master p {
font: 1.4em/normal "Arial", Sans-Serif !important; font-size-adjust: none !important; font-stretch: normal !important;}
h1 {
font: 2.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.rtl#master h1 {
font: 2.6em/normal "Arial", Sans-Serif !important; font-size-adjust: none !important; font-stretch: normal !important;}
h2 {
font: 2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.rtl#master h2 {
font: 1.6em/normal "Arial", Sans-Serif; font-size-adjust: none; font-stretch: normal;}
h3 {
font: 1.2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.rtl#master h3 {
font: 1.6em/normal "Arial", Sans-Serif !important; font-size-adjust: none !important; font-stretch: normal !important;}
h4 {
font: 1.2em/normal Helvetica, Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
h5 {
font: 1.2em/normal Helvetica, Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.rtl#master h4 {
font: 1.2em/normal "Arial", Sans-Serif !important; font-size-adjust: none !important; font-stretch: normal !important;}
.rtl#master h5 {
font: 1.2em/normal "Arial", Sans-Serif !important; font-size-adjust: none !important; font-stretch: normal !important;}
a {
color: rgb(51, 51, 51); text-decoration: none;}
.clear {
clear: both; display: block;}
.text {
-ms-word-wrap: break-word;}
.structural {
left: -1000em; top: 0px; width: 0px; height: 0px; visibility: hidden; position: absolute;}
.submitButtonOuter {
background: rgb(76, 77, 79); margin: 0px 0px 10px; padding: 0px; border: 1px solid rgb(76, 77, 79); border-image: none; width: auto; color: rgb(255, 255, 255); float: left; display: block; cursor: pointer; box-shadow: 2px 2px 0px #655f58; -webkit-box-shadow: 2px 2px 0 #655f58; -moz-box-shadow: 2px 2px 0 #655f58;}
.submitButtonInner {
margin: 0px; padding: 3px 10px 2px; border: 1px solid rgb(255, 255, 255); border-image: none; float: left;}
.submitButtonOuter:hover {
background-color: rgb(51, 51, 51);}
.submitButtonOuter:hover .submitButton {
background-color: rgb(51, 51, 51);}
.submitButton {
background: none; padding: 0px; border: 0px currentColor; border-image: none; width: auto; color: rgb(255, 255, 255); font-size: 1.2em; cursor: pointer;}
#skiplinks {
position: relative;}
ul#skiplinks {
list-style: none; margin: 0px; padding: 0px; width: auto;}
#skiplinks li {
list-style: none; margin: 0px; padding: 0px; display: inline;}
#skiplinks a {
left: 0px; top: 0px; width: 0px; height: 0px; color: white; overflow: hidden; font-size: 1em !important; font-weight: bold; position: absolute; z-index: 1000;}
#skiplinks a:active {
background: rgb(51, 51, 51); margin: 0px; padding: 5px 10px; border: 0px currentColor; border-image: none; width: auto; height: auto; text-align: center; color: rgb(228, 134, 0); overflow: visible; font-size: 1em; display: block;}
#skiplinks a:focus {
background: rgb(51, 51, 51); margin: 0px; padding: 5px 10px; border: 0px currentColor; border-image: none; width: auto; height: auto; text-align: center; color: rgb(228, 134, 0); overflow: visible; font-size: 1em; display: block;}
.headerToolBar {
margin: 0px auto; width: 960px; height: 24px; position: relative; z-index: 100; background-color: rgb(76, 77, 79);}
ul#servicesNav {
float: right; position: relative;}
ul#servicesNav li {
width: auto; height: 24px; border-right-color: rgb(108, 109, 113); border-right-width: 1px; border-right-style: solid; float: left; display: block; position: relative;}
ul#myACCA li {
width: 79px; height: 24px; padding-left: 10px; float: left; display: block; position: relative; background-color: rgb(76, 77, 79);}
ul#myACCA li a {
font: bold 1.2em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding: 6px 10px; color: rgb(255, 255, 255); display: block; font-size-adjust: none; font-stretch: normal;}
ul#myACCA li:hover {
background-color: rgb(217, 46, 16);}
ul#servicesNav li a {
padding: 6px 10px; color: rgb(255, 255, 255); font-size: 1em; display: block;}
ul#servicesNav li a:hover {
color: rgb(244, 164, 5);}
ul#servicesNav li:hover {
background-color: rgb(51, 51, 51);}
ul#servicesNav li.last {
background: url("fonts/icon-arrow-down.svg") no-repeat 100% 4px / 16px 16px; width: auto; padding-right: 12px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;}
ul#servicesNav li.last img {
margin-top: 4px; margin-right: 2px; margin-left: 3px; float: left;}
ul#servicesNav li.last .regionLabel a {
padding: 6px 5px; width: auto; float: left; display: block;}
ul#servicesNav li.last .globalMap {
display: none;}
ul#servicesNav li.last:hover .globalMap {
display: block;}
ul#servicesNav li.last .globalMap a.flyoutLink {
color: rgb(129, 129, 129);}
ul#servicesNav li a.selected {
background: url(../img/btnsprite.png) no-repeat -26px -592px; color: rgb(244, 164, 5);}
#wrapper {
margin: 0px auto; width: 960px; position: relative;}
.header {
margin: 7px 0px 10px; overflow: hidden; position: relative;}
.header a img {
border: 0px currentColor; border-image: none; width: 190px; height: 90px; float: left;}
.adBanner .promoAdvertising {
width: 728px; height: 90px; background-color: rgb(255, 204, 0);}
.adBanner .promoAdvertising img {
width: auto;}
#secondaryAd {
width: 460px; height: 200px; background-color: rgb(255, 204, 0);}
.navigation {
width: 800px; padding-right: 160px; float: left; position: relative; background-color: rgb(76, 77, 79);}
.navigation ul#mainNav {
width: 800px; position: relative;}
ul#mainNav li {
background: url(../img/navigationseparator.png) no-repeat right 2px; font: 1em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding: 0px 15px 2px 6px; float: left; display: block; font-size-adjust: none; font-stretch: normal;}
ul#mainNav li .singleColumn {
padding: 0px 10px 5px 0px;}
ul#mainNav li.selected {
cursor: pointer; background-color: rgb(51, 51, 51);}
ul#mainNav li:hover {
cursor: pointer; background-color: rgb(51, 51, 51);}
ul#mainNav li:hover a {
color: rgb(244, 164, 5);}
ul#mainNav li a {
width: 80px; height: 60px; color: rgb(255, 255, 255); vertical-align: bottom; display: table-cell;}
ul#mainNav li a .singleColumn {
padding-left: 10px;}
ul#mainNav li a:hover {
color: rgb(244, 164, 5); cursor: pointer;}
ul#mainNav .mainNavFlyout {
padding: 20px 0px 0px 5px; left: 0px; top: 62px; width: 720px; display: none; position: absolute; z-index: 300; background-color: rgb(51, 51, 51);}
ul#mainNav .mainNavFlyout .singleColumn {
left: auto; width: auto;}
ul#mainNav li:hover .mainNavFlyout {
display: block;}
ul#mainNav .mainNavFlyout ul {
margin: 0px 10px 0px 5px; padding: 0px; border: 0px currentColor; border-image: none; width: 222px; overflow: hidden; float: left; display: block; position: relative;}
ul#mainNav .mainNavFlyout li {
background: 0px; font: 1.2em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding: 10px 0px 25px; border-top-color: rgb(77, 77, 79); border-top-width: 1px; border-top-style: solid; float: none; position: relative; font-size-adjust: none; font-stretch: normal;}
ul#mainNav .mainNavFlyout li .singleColumn {
font: 1em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding: 10px 0px; font-size-adjust: none; font-stretch: normal;}
ul#mainNav .mainNavFlyout li a {
width: auto; height: auto; color: rgb(255, 255, 255); display: block; position: relative;}
ul#mainNav .mainNavFlyout li a:hover {
color: rgb(244, 164, 5); cursor: pointer;}
ul#mainNav .mainNavFlyout li strong {
font-weight: normal; margin-bottom: 0.1em; display: block;}
ul#mainNav .mainNavFlyout ul ul {
margin: 0px; padding: 0px; width: auto; float: none; position: relative;}
ul#mainNav .mainNavFlyout ul ul li {
font: 1em/1.5 Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size-adjust: none; font-stretch: normal;}
ul#mainNav .mainNavFlyout ul ul li a {
width: auto; color: rgb(255, 255, 255); text-transform: none; position: relative;}
ul#mainNav .mainNavFlyout ul ul li a:hover {
color: rgb(244, 164, 5);}
ul#mainNavSingle li {
background: url(../img/navigationseparator.png) no-repeat right 2px; font: 1em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding: 0px 10px 5px 0px; float: left; display: block; font-size-adjust: none; font-stretch: normal;}
ul#mainNavSingle li.selected {
cursor: pointer; background-color: rgb(51, 51, 51);}
ul#mainNavSingle li:hover {
cursor: pointer; background-color: rgb(51, 51, 51);}
ul#mainNavSingle li:hover a {
color: rgb(244, 164, 5);}
ul#mainNavSingle li a {
width: 80px; height: 60px; color: rgb(255, 255, 255); padding-left: 10px; vertical-align: bottom; display: table-cell;}
ul#mainNavSingle li a:hover {
color: rgb(244, 164, 5); cursor: pointer;}
ul#mainNavSingle .mainNavFlyout {
padding: 20px 0px 0px 5px; top: 62px; display: none; position: absolute; z-index: 300; background-color: rgb(51, 51, 51);}
ul#mainNavSingle li:hover .mainNavFlyout {
display: block;}
ul#mainNavSingle .mainNavFlyout ul {
padding: 0px; border: 0px currentColor; border-image: none; width: 222px; overflow: hidden; float: left; display: block; position: relative;}
ul#mainNavSingle .mainNavFlyout li {
background: 0px; font: 1em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding: 0px; border-top-color: rgb(77, 77, 79); border-top-width: 1px; border-top-style: solid; float: none; position: relative; font-size-adjust: none; font-stretch: normal;}
ul#mainNavSingle .mainNavFlyout li a {
width: auto; height: auto; color: rgb(255, 255, 255); text-transform: none; display: block; position: relative;}
ul#mainNavSingle .mainNavFlyout li a:hover {
color: rgb(244, 164, 5); cursor: pointer;}
ul#mainNavSingle .mainNavFlyout li strong {
font-weight: normal; margin-bottom: 0.1em; display: block;}
ul#mainNavSingle .mainNavFlyout ul ul {
margin: 0px; padding: 0px; width: auto; float: none; position: relative;}
ul#mainNavSingle .mainNavFlyout ul ul li {
font: 1em/1.5 Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size-adjust: none; font-stretch: normal;}
ul#mainNavSingle .mainNavFlyout ul ul li a {
width: auto; color: rgb(255, 255, 255); text-transform: none; position: relative;}
ul#mainNavSingle .mainNavFlyout ul ul li a:hover {
color: rgb(244, 164, 5);}
.navigation .siteSearch {
left: 733px; top: 0px; width: 220px; overflow: hidden; margin-top: 9px; margin-left: 3px; position: absolute; z-index: 10;}
.navigation .siteSearch form {
overflow: hidden; position: relative;}
.siteSearch404 form #q {
width: 80%; height: 20px;}
.siteSearch404 form #button {
width: 18%; height: 26px;}
.aside form label {
margin: -2px 15px 0px 0px; text-indent: -10000px; display: block;}
.navigation form label {
margin: -2px 15px 0px 0px; text-indent: -10000px; display: block;}
.aside form input {
border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(190, 185, 178) currentColor rgb(190, 185, 178) rgb(190, 185, 178); padding: 5px 0px 4px 5px; width: 170px; color: rgb(123, 118, 112); margin-top: -2px; float: left; display: block; cursor: pointer;}
.navigation form input {
border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(190, 185, 178) currentColor rgb(190, 185, 178) rgb(190, 185, 178); padding: 5px 0px 4px 5px; width: 170px; color: rgb(123, 118, 112); margin-top: -2px; float: left; display: block; cursor: pointer;}
.navigation .siteSearch form input#search {
cursor: text;}
.aside input.search {
background: url(../img/btnsearch.png) no-repeat 0px 0px rgb(123, 118, 112); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(190, 185, 178) rgb(190, 185, 178) rgb(190, 185, 178) currentColor; padding: 0px; width: 27px; height: 25px; color: black; line-height: 0; text-indent: -999em; float: left; display: block;}
.navigation input.search {
background: url(../img/btnsearch.png) no-repeat 0px 0px rgb(123, 118, 112); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(190, 185, 178) rgb(190, 185, 178) rgb(190, 185, 178) currentColor; padding: 0px; width: 27px; height: 25px; color: black; line-height: 0; text-indent: -999em; float: left; display: block;}
.navContent .nav form input.search {
background: url(../img/btnsearch.png) no-repeat 0px 0px rgb(123, 118, 112); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(190, 185, 178) rgb(190, 185, 178) rgb(190, 185, 178) currentColor; padding: 0px; width: 27px; height: 25px; color: black; line-height: 0; text-indent: -999em; float: left; display: block;}
.navContent .nav fieldset {
padding-left: 10px;}
.navContent .nav form input {
width: 180px;}
ul.naviAccount {
width: auto; overflow: hidden; clear: both; margin-top: 8px; margin-left: 145px; position: relative;}
.naviAccount li {
background: rgb(123, 118, 112); padding: 0px; width: 71px; height: 25px; font-size: 0.91em; border-right-color: rgb(76, 77, 79); border-right-width: 1px; border-right-style: solid; float: left; display: inline;}
.navigation .naviAccount li a {
font: 1.1em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding: 6px 10px 0px 8px; width: auto; height: auto; bottom: 5px; color: rgb(255, 255, 255); display: block; position: absolute; font-size-adjust: none; font-stretch: normal;}
.naviAccount li.last {
background: url(../img/iconselect.png) no-repeat 6px -183px rgb(123, 118, 112);}
.naviAccount li.last:hover a {
background: url(../img/iconselect.png) no-repeat 6px -86px rgb(51, 51, 51); color: rgb(244, 164, 5);}
.naviAccount li.last a {
width: 53px;}
.navigation .naviAccount li:hover {
background-color: rgb(51, 51, 51);}
.naviAccount li a:hover {
color: rgb(244, 164, 5); background-color: rgb(51, 51, 51);}
.navigation .naviAccount li.last a {
width: auto; text-indent: 8px; padding-right: 0px;}
.naviAccount li.last {
width: 75px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;}
.main {
width: 720px; clear: both; margin-top: 15px; float: left; position: relative; background-color: rgb(255, 255, 255);}
.mapMembers {
padding-top: 0px;}
.clearSection.main {
background: 0px;}
.main p {
margin: 5px 0px;}
.text ul {
margin-bottom: 1em;}
.text ol {
margin-bottom: 1em;}
.hubContent {
clear: both;}
.col {
padding: 0px 10px 10px; width: 460px; overflow: hidden; float: left; position: relative;}
.colTwo {
width: 220px; margin-right: 10px; float: right; position: relative;}
.main .colTwo {
margin-top: 10px;}
.content .colTwo .article {
margin-top: 10px;}
.content {
padding-top: 0px; padding-bottom: 40px;}
.content .col {
width: 160px; padding-top: 0px; clear: both;}
.content .colTwo {
border: 0px currentColor; border-image: none; width: 520px;}
.content .articleContent {
width: 460px; margin-left: 10px; float: left;}
.content .articleDetails {
width: 220px; padding-top: 5px; float: right; position: relative;}
.content .articleDetails h2 {
letter-spacing: -1px; padding-top: 7px; font-family: \5FAE\8F6F\96C5\9ED1; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; -ms-word-wrap: break-word;}
.content .eventDetails {
width: 220px; padding-top: 5px; float: right; position: relative;}
.content .eventDetails .eventInfo {
line-height: 150%; font-size: 1.2em;}
.content .eventDetails .downloadform {
border: 1px solid rgb(0, 0, 0); border-image: none; height: 50px; padding-right: 5px; margin-right: 10px; margin-bottom: 10px;}
.content .eventDetails .downloadform .image {
width: 25%; height: 50px; text-align: center; line-height: 50px; float: left;}
.content .eventDetails .downloadform .image img {
height: 25px; vertical-align: middle;}
.content .eventDetails .downloadform .text {
width: 75%; height: 50px; text-align: center; font-weight: bold; float: left;}
.content .eventDetails .downloadform .text p {
font-size: 11px;}
.content .eventDetails .downloadform .text p a {
color: rgb(5, 116, 185); text-decoration: underline;}
.content .articleContent .eventBookingDetails .bookingTable {
padding: 5px; width: 100%;}
.content .articleContent .eventBookingDetails .bookingTable td {
padding: 7px 5px; vertical-align: middle;}
.content .articleContent .eventBookingDetails #formDownload {
color: rgb(3, 1, 252); font-weight: bold;}
.content .articleContent .eventBookingDetails #formDownload:visited {
color: rgb(149, 56, 169); font-weight: bold;}
.content .articleContent .eventBookingDetails #emailBook {
color: rgb(3, 1, 252); font-weight: bold;}
.content .articleContent .eventBookingDetails #emailBook:visited {
color: rgb(149, 56, 169); font-weight: bold;}
.content .articleContent .eventBookingDetails #callBook {
font-weight: bold;}
.content .articleContent .eventBookingDetails .eventButton {
height: 22px; font-size: 0.8em; font-weight: bold;}
.content .eventImage {
width: 220px; float: right;}
.content .articleContent .eventBookingDetails {
border-width: 2px; border-style: solid; padding: 3px; margin-bottom: 10px; float: left;}
#venueLink a {
color: rgb(3, 1, 252); font-weight: bold;}
#venueLink a:visited {
color: rgb(149, 56, 169); font-weight: bold;}
#venueLink a:hover {
font-weight: bold; text-decoration: underline;}
#eventTable_paginate {
float: right;}
#dtable thead tr th {
padding: 13px 3px 10px 20px;}
#dtable_paginate {
float: right;}
#dtable_length {
float: left;}
.table .previous {
display: none;}
.table .next {
display: none;}
#dtable_last {
margin: 1px; border: thin solid black; border-image: none; color: rgb(123, 118, 112); cursor: pointer; background-color: white;}
#dtable_first {
margin: 1px; border: thin solid black; border-image: none; color: rgb(123, 118, 112); cursor: pointer; background-color: white;}
#dtable_filter label input {
width: 48%; margin-bottom: 10px; margin-left: 0px;}
#dtable a {
font-weight: bold;}
#dtable a :hover {
text-decoration: underline;}
.paginate_button {
background: rgb(123, 118, 112); margin: 0px 3px 0px 0px; padding: 1px 4px; border: thin solid rgb(123, 118, 112); border-image: none; text-align: center; color: white; cursor: pointer;}
.paginate_button_disabled {
display: none;}
.paginate_active {
background: red; margin: 0px 3px 0px 0px; padding: 1px 4px; border: thin solid rgb(123, 118, 112); border-image: none; text-align: center; color: white; cursor: pointer;}
#eventTable_next {
display: none;}
#eventTable_previous {
display: none;}
#eventFilters {
margin: 5px 5px 0px; padding: 5px; height: 70px; background-color: rgb(239, 237, 236);}
.your-filters {
margin: 0px 5px 5px; padding: 5px; height: 35px; font-size: 1.2em; background-color: rgb(239, 237, 236);}
.your-filters .filter-message {
padding-top: 3px; float: left;}
.filter-item {
background: white; padding: 2px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); border-image: none; text-decoration: underline; margin-right: 5px; margin-left: 5px; float: left;}
.filter-item a img {
margin-right: 3px !important; float: left;}
.your-filters h4 {
margin: 0px 0px 5px !important; border-bottom-color: rgb(204, 204, 204) !important; border-bottom-width: 2px !important; border-bottom-style: solid !important;}
#eventFilters .eventHeader h4 {
margin: 0px 0px 5px; text-transform: none; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 2px; border-bottom-style: solid;}
#eventFilters label {
font-size: 1.2em; font-weight: bold;}
#eventFilters .column-left {
width: 33%; float: left;}
#eventFilters .column-right {
width: 33%; float: right;}
#eventFilters .column-center {
width: 33%; display: inline-block;}
#eventFilters table tr {
background-color: white;}
#eventFilters table tr td {
width: 160px;}
#eventFilters table tr td select {
width: 160px;}
#eventTable_first {
margin: 1px; border: thin solid black; border-image: none; color: rgb(123, 118, 112); cursor: pointer; background-color: white;}
#eventTable_last {
margin: 1px; border: thin solid black; border-image: none; color: rgb(123, 118, 112); cursor: pointer; background-color: white;}
#eventFilters .column1 {
width: 45%; clear: both; margin-right: 5px; display: inline-block;}
#eventFilters .column1 select {
width: 100%; clear: both;}
#eventFilters .column2 {
width: 40%; display: inline-block;}
#eventFilters .column3 {
width: 9%; height: 40px; margin-left: 5px; display: inline-block; position: relative;}
#eventFilters .column3 .clear {
left: 0px; bottom: 0px; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 12px; text-decoration: underline; position: absolute;}
label {
padding: 0px; width: auto; vertical-align: middle; float: none;}
.eventsAndCpdList p {
padding-left: 10px;}
#eventFilters .column3 .showAll {
text-decoration: underline; float: left;}
#eventTable {
border: 0px currentColor; border-image: none;}
#eventTable tr td {
padding: 10px 0px 9px 10px;}
#sortDropdown {
border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid;}
#sortDropdown p {
margin: 5px 0px; padding-left: 10px; font-size: 12px;}
.eventSummary {
width: 100px; font-size: 0.85em;}
.eventDescription a {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; margin: 5px; line-height: 1.1; padding-left: 15px; font-size: 1.3em;}
.eventDescription p {
margin: 5px;}
.content .eventDetails h2 {
letter-spacing: -1px; padding-top: 7px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid; -ms-word-wrap: break-word;}
.content .articleContent .eventBookingDetails h2 {
letter-spacing: -1px; padding-top: 7px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid; -ms-word-wrap: break-word;}
.content .eventDetails .eventEmail a:link {
color: rgb(0, 0, 255);}
.content .eventDetails .eventEmail a:visited {
color: rgb(128, 0, 128) !important;}
.content .eventDetails .eventEmail a:hover {
color: rgb(0, 0, 255); text-decoration: underline;}
.contentSummary {
padding-top: 10px;}
.contentSummary .col {
width: auto;}
.aside {
width: 240px; margin-top: 16px; float: left; position: relative;}
.aside .promoAdvertising {
margin: 0px 0px 16px 13px; width: 225px;}
.navContent {
margin: 15px 0px 0px;}
.footer {
padding: 45px 0px 0px 10px; clear: both;}
.footer ul {
overflow: hidden;}
.footer li {
width: 220px; margin-left: 21px; border-top-color: rgb(217, 216, 215); border-top-width: 2px; border-top-style: solid; float: left;}
.footer li a {
font-size: 1.2em;}
.footer li a:hover {
text-decoration: underline;}
.footer li h2 {
margin: 7.5px 0px 10px; font-size: 1.2em;}
.footer li ul li {
margin: 0px 0px 5px; border: 0px currentColor; border-image: none; clear: both;}
.footer li.socialAcca {
width: 460px; margin-left: 0px;}
.footer li.socialAcca ul {
float: left;}
.socialAcca li {
margin-bottom: 5px;}
.socialAcca li a {
padding-left: 20px; font-size: 1.2em;}
.socialAcca li a:hover {
color: rgb(255, 255, 255); text-decoration: underline; opacity: 0.54;}
.socialAcca li a.twitter {
background: url(../img/footersocialmedia.png) no-repeat 0px 0px;}
.socialAcca li a.facebook {
background: url(../img/footersocialmedia.png) no-repeat 0px -50px;}
.socialAcca li a.linkedIn {
background: url(../img/footersocialmedia.png) no-repeat 0px -100px;}
.footer li ul.webAcca {
margin-left: 17.5px;}
.footer li ul.webAcca li a {
padding: 0px; text-indent: 0px;}
ul.footerToolBar {
padding-bottom: 10px; clear: both; margin-top: 30px; border-top-color: rgb(217, 216, 215); border-top-width: 1px; border-top-style: solid;}
.footerToolBar li {
border: 0px currentColor; border-image: none; width: auto; padding-top: 10px; margin-right: 35px; margin-left: 10px;}
.footerToolBar li a {
font-size: 11px;}
p.first {
font-size: 1.6em;}
a.btnLink {
background: rgb(76, 77, 79); margin: 0px 0px 10px; padding: 0px; border: 1px solid rgb(76, 77, 79); border-image: none; color: rgb(255, 255, 255); float: left; display: block; cursor: pointer; box-shadow: 2px 2px 0px #655f58; -webkit-box-shadow: 2px 2px 0 #655f58; -moz-box-shadow: 2px 2px 0 #655f58;}
a.btnApply {
background: rgb(76, 77, 79); margin: 0px 0px 10px; padding: 0px; border: 1px solid rgb(76, 77, 79); border-image: none; color: rgb(255, 255, 255); float: left; display: block; cursor: pointer; box-shadow: 2px 2px 0px #655f58; -webkit-box-shadow: 2px 2px 0 #655f58; -moz-box-shadow: 2px 2px 0 #655f58;}
a.btnApply {
background: rgb(217, 46, 16);}
a.btnApply:hover {
background: rgb(51, 51, 51);}
a.btnLink:hover {
background: rgb(51, 51, 51);}
a.btnApply:hover {
background: rgb(189, 40, 14);}
a.btnLink p {
margin: 0px; padding: 3px 10px 1px; border: 1px solid rgb(255, 255, 255); border-image: none; float: left;}
a.btnApply p {
margin: 0px; padding: 3px 10px 1px; border: 1px solid rgb(255, 255, 255); border-image: none; float: left;}
.rtl#master .breadcrumb {
padding: 20px 0px 5px; overflow: hidden; clear: both; margin-right: 235px;}
.breadcrumb {
padding: 20px 0px 15px; overflow: hidden; clear: both; font-size:12px;}
.breadcrumb ul {
width: 100%;}
.rtl#master .breadcrumb li {
color: rgb(141, 137, 132); padding-right: 5px; float: right; display: inline;}
.breadcrumb li {
color: rgb(141, 137, 132); padding-right: 5px; float: left; display: inline;}
.rtl#master .breadcrumb li a {
padding: 0px 0px 0px 8px; color: rgb(108, 104, 99); text-decoration: underline; float: right; display: block;}
.breadcrumb li a {
padding: 0px 8px 0px 0px; color: rgb(108, 104, 99); text-decoration: underline; float: left; display: block;}
.breadcrumb li a:hover {
color: rgb(51, 51, 51);}
.breadcrumb li a.selected {
color: rgb(51, 51, 51);}
.pageHeader {
overflow: hidden;}
.pageHeader h1 {
width: 240px; font-family: \5FAE\8F6F\96C5\9ED1; float: right; text-align:left;}
.main .addthis_default_style {
background: none; margin: 0px; padding: 5px 1px 0px; outline: 0px; border: 0px currentColor; border-image: none; float: right;}
.pageHeader .addthis_default_style {
background: none; margin: 0px; padding: 5px 1px 0px; outline: 0px; border: 0px currentColor; border-image: none; float: right;}
.tabbedCarouselWrap {
padding-bottom: 0px; background-color: rgb(239, 237, 236);}
.tabbedCarousel {
background: url(../img/backgroundgradientgold.png) no-repeat 1px 1px rgb(255, 255, 255); border: 1px solid rgb(201, 197, 195); border-image: none; margin-bottom: 10px; display: block; position: relative;}
.tabbedCarousel ul.jcarousel-control {
left: -5px; top: 35px; float: left; position: absolute; z-index: 10;}
.tabbedCarousel ul.jcarousel-control li {
width: 260px; height: 30px; overflow: hidden;}
.tabbedCarousel ul.jcarousel-control li a {
background: url(../img/btngoldmodule.png) no-repeat 0px -98px; font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding: 5px 0px 2px; width: 260px; color: rgb(239, 237, 236); text-indent: 10px; display: block; font-size-adjust: none; font-stretch: normal;}
.tabbedCarousel ul.jcarousel-control li a.selected {
background: url(../img/btngoldmodule.png) no-repeat 0px 0px; color: rgb(255, 255, 255);}
.tabbedCarousel ul.jcarousel-control li a:hover {
background: url(../img/btngoldmodule.png) no-repeat 0px 0px; color: rgb(255, 255, 255);}
.tabbedCarousel ul.jcarousel-control li a:focus {
background: url(../img/btngoldmodule.png) no-repeat 0px 0px; color: rgb(255, 255, 255);}
.tabbedCarousel ul.jcarousel-control li.active a {
background: url(../img/btngoldmodule.png) no-repeat 0px 0px; color: rgb(255, 255, 255);}
.tabbedCarousel ul.jcarousel-control li a span {
padding: 4px 0px 3px; margin-right: 20px; display: block; background-color: rgb(101, 95, 88);}
.tabbedCarousel ul.jcarousel-control li a.selected span {
background-color: rgb(217, 46, 16);}
.tabbedCarousel ul.jcarousel-control li a:hover span {
background-color: rgb(217, 46, 16);}
.tabbedCarousel ul.jcarousel-control li a:focus span {
background-color: rgb(217, 46, 16);}
.tabbedCarousel ul.jcarousel-control li.active a span {
background-color: rgb(217, 46, 16);}
.tabbedCarousel .jcarousel-container {
margin-bottom: -9px;}
.tabbedCarousel img {
top: 8px; width: 230px; height: 209px; right: 0px; position: absolute;}
.tabbedCarousel .carouselContent {
width: 718px; display: block; position: relative;}
.tabbedCarousel .carouselContent li {
width: 458px; overflow: hidden; padding-left: 260px; position: relative; min-height: 217px;}
.tabbedCarousel .carouselContent h2 {
width: 210px; line-height: 1; letter-spacing: -1.5px; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 2.6em; font-weight: normal; margin-top: 35px;}
.tabbedCarousel .carouselContent p {
width: 210px; margin-bottom: 10px;}
.tabbedCarousel .carouselContent a.btnLink p {
margin-bottom: 0px;}
.tabbedCarousel .carouselContent a p {
width: auto;}
.carouselWrap {
margin: 15px 0px 25px; width: 460px; overflow: hidden; padding-left: 10px; float: left; position: relative; background-color: rgb(255, 255, 255);}
.carouselWrap .caroufredsel_wrapper {
height: auto !important; border-top-color: rgb(239, 237, 236); border-bottom-color: rgb(239, 237, 236); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.carouselWrap .carousel {
height: auto !important; position: relative !important;}
.carousel .protoCarouselPane {
padding: 7.5px 0px 0px; width: 440px; margin-right: 20px; float: left;}
.carousel .protoCarouselPane img {
width: 100px; height: 100px; margin-top: 3px; float: left;}
.carousel .protoCarouselPane div {
margin: 0px 0px 0px 20px; width: 300px; padding-right: 20px; padding-bottom: 10px; float: left; position: relative;}
.carousel h3 {
margin: 10px 0px; line-height: 1.25; font-family: \5FAE\8F6F\96C5\9ED1; font-weight: normal;}
.carousel .protoCarouselPane div p {
margin-bottom: 10px;}
.carousel .protoCarouselPane div a {
margin-bottom: 0px;}
.carousel .protoCarouselPane div a.btnLink p {
margin-bottom: 0px;}
.articlePagination .pagination {
clear: both; margin-top: 5px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
.carouselWrap .pagination {
clear: both; margin-top: 5px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
.articlePagination .pagination li {
background: rgb(123, 118, 112); margin: 0px 3px 0px 0px; border: 1px solid rgb(121, 122, 123); border-image: none; float: left; display: block;}
.carouselWrap .pagination li {
background: rgb(123, 118, 112); margin: 0px 3px 0px 0px; border: 1px solid rgb(121, 122, 123); border-image: none; float: left; display: block;}
.articlePagination .pagination li a {
padding: 1px 4px; border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255); display: block;}
.carouselWrap .pagination li a {
padding: 1px 4px; border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255); display: block;}
.carouselWrap .pagination li a {
padding: 3px 4px 1px;}
.articlePagination .pagination li a:hover {
background: rgb(51, 51, 51); border: 1px solid rgb(228, 134, 0); border-image: none; color: rgb(244, 164, 5);}
.carouselWrap .pagination li a:hover {
background: rgb(51, 51, 51); border: 1px solid rgb(228, 134, 0); border-image: none; color: rgb(244, 164, 5);}
.articlePagination .pagination li.active {
background: rgb(239, 237, 236); padding: 1px; border: 0px currentColor; border-image: none;}
.carouselWrap .pagination li.active {
background: rgb(239, 237, 236); padding: 1px; border: 0px currentColor; border-image: none;}
.articlePagination .pagination li.active a {
background: rgb(239, 237, 236); border: 1px solid rgb(239, 237, 236); border-image: none; color: rgb(123, 118, 112);}
.carouselWrap .pagination li.active a {
background: rgb(239, 237, 236); border: 1px solid rgb(239, 237, 236); border-image: none; color: rgb(123, 118, 112);}
.articlePagination .pagination li.active a:hover {
border: 1px solid rgb(239, 237, 236); border-image: none;}
.carouselWrap .pagination li a:hover {
border: 1px solid rgb(239, 237, 236); border-image: none;}
.eventsPromo {
width: 220px; margin-top: 15px; margin-right: 10px; float: right;}
.eventsPromo h2 {
padding: 10px 0px 7px; font-family: \5FAE\8F6F\96C5\9ED1; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.eventsPromo ul {
overflow: hidden; padding-top: 10px; padding-bottom: 5px; clear: both;}
.eventsPromo ul li {
overflow: hidden; padding-right: 20px;}
.aside .eventsPromo ul li {
margin-bottom: 10px;}
.eventsPromo ul li p {
color: rgb(68, 68, 68); font-size: 1.2em;}
.eventsPromo ul li p.eventsDate {
font: bold 1.5em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; color: rgb(68, 68, 68); font-size-adjust: none; font-stretch: normal;}
.eventsPromo ul li.eventsLinkLi {
background: url(../img/arrowred_aside.png) no-repeat 0px 0.25em; padding-left: 15px; margin-bottom: 5px;}
.eventsPromo ul li a.seeMore {
color: rgb(51, 51, 51); font-size: 1.2em; text-decoration: underline; display: block;}
.eventsPromo ul li a:hover {
color: rgb(217, 46, 16);}
.aside .eventsPromo ul li a:hover {
color: rgb(0, 0, 0);}
.aside .eventsPromo a.seeMore:hover {
color: rgb(0, 0, 0);}
.aside .eventsPromo {
margin: 0px 0px 16px 10px; padding: 10px; outline: rgb(224, 220, 218) solid 1px; border: 1px solid rgb(239, 237, 236); border-image: none; width: 207px; overflow: hidden; float: none; background-color: rgb(224, 220, 218);}
.aside .eventsPromo h2 {
padding: 10px 0px 7px; letter-spacing: -1px; font-family: \5FAE\8F6F\96C5\9ED1;}
.newsPromo {
width: 220px; margin-right: 10px; float: right;}
.newsPromo h2 {
padding: 10px 0px 7px; float: left;}
.newsPromo a.rssLink {
width: 19px; height: 19px; margin-top: 8px; float: right; display: block;}
.newsPromo ul {
overflow: hidden; padding-top: 10px; padding-bottom: 5px; clear: both; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid;}
.newsPromo ul li {
overflow: hidden; padding-right: 20px;}
.aside .newsPromo ul li {
margin-bottom: 10px;}
.newsPromo ul li p {
color: rgb(68, 68, 68); font-size: 1.2em;}
.newsPromo ul li p.newsDate {
font: bold 1.5em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; color: rgb(68, 68, 68); font-size-adjust: none; font-stretch: normal;}
.newsPromo ul li a {
font-size: 1em; text-decoration: underline; margin-top: 0px;}
.newsPromo ul li a:hover {
color: rgb(217, 46, 16);}
.aside .newsPromo ul li a:hover {
color: rgb(0, 0, 0);}
.newsPromo a.seeMore {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; width: auto; height: auto; padding-left: 15px; clear: both; font-size: 1.4em; text-decoration: underline; margin-top: 8px; display: block;}
.hubTabsLinks a.seeMore {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; width: auto; height: auto; padding-left: 15px; clear: both; font-size: 1.4em; text-decoration: underline; margin-top: 8px; display: block;}
.eventsTable a.seeMore {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; width: auto; height: auto; padding-left: 15px; clear: both; font-size: 1.4em; text-decoration: underline; margin-top: 8px; display: block;}
.sglEventPromo a.seeMore {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; width: auto; height: auto; padding-left: 15px; clear: both; font-size: 1.4em; text-decoration: underline; margin-top: 8px; display: block;}
.tech .article .newsTeaser p a.seeMore {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; width: auto; height: auto; padding-left: 15px; clear: both; font-size: 1.4em; text-decoration: underline; margin-top: 8px; display: block;}
.tech .articleContentDownloads p a.seeMore {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; width: auto; height: auto; padding-left: 15px; clear: both; font-size: 1.4em; text-decoration: underline; margin-top: 8px; display: block;}
.quiz p a.seeMore {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; width: auto; height: auto; padding-left: 15px; clear: both; font-size: 1.4em; text-decoration: underline; margin-top: 8px; display: block;}
.newsPromo a.seeMore:hover {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; color: rgb(217, 46, 16);}
.hubTabsLinks a.seeMore:hover {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; color: rgb(217, 46, 16);}
.eventsTable a.seeMore:hover {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; color: rgb(217, 46, 16);}
.sglEventPromo a.seeMore:hover {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; color: rgb(217, 46, 16);}
.tech .article .newsTeaser p a.seeMore:hover {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; color: rgb(217, 46, 16);}
.tech .articleContentDownloads p a.seeMore:hover {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; color: rgb(217, 46, 16);}
.quiz p a.seeMore:hover {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; color: rgb(217, 46, 16);}
.aside .newsPromo a.seeMore:hover {
color: rgb(0, 0, 0);}
.aside .promo {
margin: 0px 0px 16px 10px; padding: 10px; outline: rgb(224, 220, 218) solid 1px; border: 1px solid rgb(239, 237, 236); border-image: none; width: 207px; overflow: hidden; float: none; background-color: rgb(224, 220, 218);}
.aside .newsPromo {
margin: 0px 0px 16px 10px; padding: 10px; outline: rgb(224, 220, 218) solid 1px; border: 1px solid rgb(239, 237, 236); border-image: none; width: 207px; overflow: hidden; float: none; background-color: rgb(224, 220, 218);}
.aside .hubSection {
margin: 0px 0px 16px 10px; padding: 10px; outline: rgb(224, 220, 218) solid 1px; border: 1px solid rgb(239, 237, 236); border-image: none; width: 207px; overflow: hidden; float: none; background-color: rgb(224, 220, 218);}
.aside .newsDeadline {
margin: 0px 0px 16px 10px; padding: 10px; outline: rgb(224, 220, 218) solid 1px; border: 1px solid rgb(239, 237, 236); border-image: none; width: 207px; overflow: hidden; float: none; background-color: rgb(224, 220, 218);}
.aside .newsPromo h2 {
letter-spacing: -1px; padding-top: 7px; font-family: \5FAE\8F6F\96C5\9ED1;}
.about {
padding: 0px 10px; clear: both;}
.about a {
color: black; text-decoration: underline; display: block;}
.about a:hover {
color: rgb(244, 164, 5);}
.about h2 {
padding: 10px 0px 7px; font-size: 1.6em; margin-bottom: 10px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.about h3 {
font-family:\5FAE\8F6F\96C5\9ED1; font-weight: bold; margin-bottom: 10px;}
.cq-colctrl-default {
width: 100%;}
.about .aboutSection {
margin: 0px 20px 30px 0px; float: left;}
.col-25 .col-25-c0 {
margin: 0px 20px 30px 0px; float: left;}
.col-25 .col-25-c1 {
margin: 0px 20px 30px 0px; float: left;}
.col-25 .col-25-c2 {
margin: 0px 20px 30px 0px; float: left;}
.col-25 .col-25-c3 {
margin: 0px 20px 30px 0px; float: left;}
.col-33 .col-33-c0 {
margin: 0px 20px 30px 0px; float: left;}
.col-33 .col-33-c1 {
margin: 0px 20px 30px 0px; float: left;}
.col-33 .col-33-c2 {
margin: 0px 20px 30px 0px; float: left;}
.col-50 .col-50-c0 {
margin: 0px 20px 30px 0px; float: left;}
.col-50 .col-50-c1 {
margin: 0px 20px 30px 0px; float: left;}
.col-25 .col-25-c0 {
width: 154px;}
.col-25 .col-25-c1 {
width: 154px;}
.col-25 .col-25-c2 {
width: 154px;}
.col-25 .col-25-c3 {
width: 154px;}
.col-33 .col-33-c0 {
width: 212px;}
.col-33 .col-33-c1 {
width: 212px;}
.col-33 .col-33-c2 {
width: 212px;}
.col-50 .col-50-c0 {
width: 328px;}
.col-50 .col-50-c1 {
width: 328px;}
.promo h2 {
padding: 7px 0px; letter-spacing: -1px; font-family:\5FAE\8F6F\96C5\9ED1; margin-bottom: 10px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid; -ms-word-wrap: break-word;}
.promo .figure {
overflow: hidden;}
.promo figure {
margin: 0px 0px 10px; border: 1px solid rgb(176, 174, 170); border-image: none; float: left; display: block; background-color: rgb(255, 255, 255);}
.promo figure img {
margin: 1px; clear: both; float: left; display: block;}
.promo p {
margin: 10px 0px 15px;}
.promo .afterAddText ul {
margin: auto; overflow: hidden; padding-top: inherit; clear: both;}
.promo ul {
margin: 25px 0px 10px; overflow: hidden; padding-top: 10px; clear: both;}
.promo ul li {
background: url(../img/arrowred_8png.png) no-repeat 0px 0.25em; padding-left: 15px; margin-bottom: 5px;}
.aside .promo ul li {
background: url(../img/arrowred_aside.png) no-repeat 0px 0.25em;}
.promo ul li a {
color: rgb(51, 51, 51); font-size: 1.2em; text-decoration: underline; display: block;}
.promo ul li a:hover {
color: rgb(217, 46, 16);}
.aside .promo ul li a:hover {
color: rgb(0, 0, 0);}
.colTwo .promo {
outline: 0px; border: 0px currentColor; border-image: none; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; background-color: rgb(255, 255, 255);}
.colTwo .promo ul {
margin: 0px;}
.colTwo .promo h2 {
font: 2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin-bottom: 10px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;}
.formSupport form div {
margin-bottom: 10px;}
.formSupport select {
margin-top: 3px; float: left;}
.formSupport select {
float: left;}
.formSupport form div.submitButtonOuter {
margin: 0px 10px 10px 15px;}
.colTwo .formSupport select {
margin-top: 0px;}
.colTwo .formSupport form div.submitButtonOuter {
margin: 10px 10px 10px 0px;}
.formSupport form div.submitButtonInner {
margin-bottom: 0px;}
.colTwo .promo ul {
border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
.addthis_toolbox {
margin: 0px; padding: 5px 0px 0px 4px; outline: rgb(224, 220, 218) solid 1px; border: 1px solid rgb(239, 237, 236); border-image: none; overflow: hidden; clear: left; float: left; display: block; position: relative; background-color: rgb(224, 220, 218);}
.pageHeader .addthis_toolbox {
clear: none;}
.aside .addthis_toolbox {
margin: 7.5px 0px 0px 20px; padding: 5px 0px 0px; outline: 0px; border: 0px currentColor; border-image: none; overflow: hidden; background-color: transparent;}
.addthis_default_style a.at300b {
padding: 4px 5px 0px 0px; top: 2px; font-weight: bold; float: left;}
.addthis_default_style a.at300m {
padding: 4px 5px 0px 0px; top: 2px; font-weight: bold; float: left;}
a.addthis_button_twitter {
width: 20px; height: 20px; text-indent: -10000px;}
a.addthis_button_facebook {
width: 20px; height: 20px; text-indent: -10000px;}
a.addthis_button_linkedin {
width: 20px; height: 20px; text-indent: -10000px;}
a.addthis_button_compact {
width: 20px; height: 20px; text-indent: -10000px;}
.addthis_default_style a.at300b span {
margin: -4px -2px 0px 0px; width: 28px; height: 28px;}
.addthis_default_style a.at300m span {
margin: -4px 0px 0px; width: 19px; height: 19px;}
.at300bs {
width: 19px; height: 19px;}
.at15t_email {
background: url(../img/iconemail.png) no-repeat 0px 0px !important;}
.at15t_print {
background: url(../img/iconprint.png) no-repeat 0px 0px !important;}
.at15t_twitter {
background: url(../img/icontwitter.png) no-repeat 0px 0px !important;}
.at15t_facebook {
background: url(../img/iconfacebook.png) no-repeat 0px 0px !important;}
.at15t_linkedin {
background: url(../img/iconlinkedin.png) no-repeat 0px 0px !important;}
.at15t_compact {
background: url(../img/iconaddthis.png) no-repeat 0px 0px !important;}
.addthis_sharing_toolbox {
float: right;}
.hubSection {
overflow: hidden; position: relative;}
.hubSection h2 {
font-size: 2em;}
.hubSection h3 {
font-size: 2em;}
.hubSection h3 {
padding: 10px 0px 7px; clear: both; margin-bottom: 10px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.hubSection h2 {
padding: 10px 0px 7px; clear: both; margin-bottom: 10px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.hubSection h2 {
margin-top: 10px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.hubSection a {
font-size: 1.2em; text-decoration: underline;}
.hubSection a:hover {
color: rgb(217, 46, 16);}
.aside .hubSection a:hover {
color: rgb(0, 0, 0);}
.hubSection a.btnLink {
margin: 15px 0px 20px; color: rgb(255, 255, 255); text-decoration: none;}
.hubSection p a {
font-size: 1em;}
.formSupport h2 {
padding: 10px 0px 7px; margin-top: 5px;}
.eventsTable h2 {
padding: 10px 0px 7px; margin-top: 5px;}
.hubSection h3 {
margin-top: 10px;}
.hubSection h3 {
width: 100%; clear: both; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.formSupport h2 {
width: 100%; clear: both; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.newsDeadline h2 {
width: 100%; clear: both; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.eventsTable h2 {
width: 100%; clear: both; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.newsDeadline h2 {
padding-bottom: 7px;}
.hubSection h4 {
margin: 10px 0px 5px; border: 0px currentColor; border-image: none; width: auto; padding-bottom: 5px; font-size: 15px; font-weight: bold;}
.hubSection ol {
overflow: hidden; margin-top: 5px; margin-bottom: 5px;}
.hubSection ul {
overflow: hidden; margin-top: 5px; margin-bottom: 5px;}
.hubSection ol li {
line-height: 1.5; font-size: 1.2em;}
.hubSection ul li {
line-height: 1.5; font-size: 1.2em;}
.hubSection ol li a {
text-decoration: underline;}
.hubSection ul li a {
text-decoration: underline;}
.content .article ol li a {
text-decoration: underline;}
.content .article ul li a {
text-decoration: underline;}
.article .summary ol li a {
text-decoration: underline;}
.article .summary ul li a {
text-decoration: underline;}
.content .article ol li a {
margin: 0px; font-size: 1em; display: inline;}
.content .article ul li a {
margin: 0px; font-size: 1em; display: inline;}
.article .summary ol li a {
margin: 0px; font-size: 1em; display: inline;}
.article .summary ul li a {
margin: 0px; font-size: 1em; display: inline;}
.hubSection ol li a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.hubSection ul li a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.content .article ol li a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.content .article ul li a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.article .summary ol li a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.article .summary ul li a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.hubSection ol li a {
clear: both; font-size: 1em;}
.hubSection ul li a {
clear: both; font-size: 1em;}
.formSupport form {
background: url(../img/iconexamsupport.png) no-repeat 0px 0px; padding-left: 60px; margin-top: 20px;}
.formSupport legend {
display: none;}
.formSupport span {
margin: 4px 2px 0px; font-size: 1.2em; float: left; display: block;}
.formSupport form selected {
clear: both; margin-top: 10px; float: left;}
.newsDeadline {
padding-bottom: 8px;}
.newsDeadline h2 {
margin-top: 0px;}
.newsDeadline ul {
margin: 10px 0px 0px; overflow: hidden; display: block;}
.newsDeadline li {
margin: 0px; overflow: hidden; padding-bottom: 15px; clear: both;}
.newsDeadline ul li div p {
margin: 0px; font-weight: bold;}
.newsDeadline li div.stamp {
background: url(../img/icontimestamp.png) no-repeat 0px 0px; padding: 4px 5px 12px; width: 40px; position: relative;}
.newsDeadline li div.stamp span {
background: rgb(216, 45, 13); margin: 0px; padding: 0px; width: 40px; text-align: center; color: rgb(255, 255, 255); display: block; position: relative;}
.newsDeadline li div.stamp span.time {
font: bold 2em/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.newsDeadline li div.stamp span.month {
font: 1.2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin-top: -2px; font-size-adjust: none; font-stretch: normal;}
.newsDeadline li div {
width: 150px; padding-right: 3px; float: left; position: relative;}
.newsDeadline li div p {
width: auto; color: rgb(51, 51, 51);}
.newsDeadline li div a {
width: auto; color: rgb(51, 51, 51); font-size: 1.2em; text-decoration: underline;}
.newsDeadline a:hover {
color: rgb(217, 46, 16);}
.aside .newsDeadline a:hover {
color: rgb(0, 0, 0);}
.colTwo .hubSection {
border: 0px currentColor; border-image: none; margin-bottom: 10px;}
.colTwo h2 {
width: 100%; padding-top: 10px; clear: both; font-size: 2em; margin-bottom: 5px;}
.colTwo .hubSection h2 {
margin-top: 0px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.colTwo .hubSection a:hover {
color: rgb(217, 46, 16);}
.colTwo .hubSection ul li {
clear: both;}
.colTwo .hubSection ol li {
clear: both;}
.colTwo .newsDeadline {
overflow: hidden; clear: both; float: none;}
.colTwo .newsDeadline h2 {
border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.aside .hubSection h2 {
letter-spacing: -1px; font-family:\5FAE\8F6F\96C5\9ED1; font-size: 2em; margin-top: 0px;}
.colTwo .formSupport h2 {
margin-top: 0px;}
.colTwo .formSupport select {
width: 145px;}
.relatedPages {
padding-top: 10px; margin-top: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid;}
.article .relatedPages {
border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
.content .article .relatedPages h2 {
font-size: 1.6em; margin-top: 0px;}
.relatedPages h2 {
font: 1.2em/normal \5FAE\8F6F\96C5\9ED1; padding-bottom: 10px; font-size-adjust: none; font-stretch: normal;}
.relatedPages li {
color: rgb(0, 0, 0); line-height: 1.5; font-size: 1.2em;}
.relatedPages li a {
color: rgb(0, 0, 0); text-decoration: underline; display: block;}
.rtl#master .relatedPages li a {
color: rgb(0, 0, 0); font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1.2em; text-decoration: underline; display: block;}
.relatedPages li a:hover {
color: rgb(217, 46, 16);}
.relatedDocuments {
margin: 0px 10px 10px; width: auto; overflow: hidden; padding-top: 10px; clear: both; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; position: relative;}
.relatedDocuments h2 {
font: 1.2em/normal \5FAE\8F6F\96C5\9ED1; float: left; font-size-adjust: none; font-stretch: normal;}
.rtl#master .relatedDocuments h2 {
font: 1.4em/normal \5FAE\8F6F\96C5\9ED1; float: left; font-size-adjust: none; font-stretch: normal;}
.content .article .relatedDocuments h2 {
padding-bottom: 10px; font-size: 1.2em; margin-top: 10px;}
.rtl#master .relatedDocuments ul {
width: 520px; float: right;}
.relatedDocuments ul {
width: 520px; float: left;}
.content .relatedDocuments ul li {
margin: 0px 120px 10px 0px; padding-left: 60px; font-size: 1em; list-style-image: none; position: relative; min-height: 48px;}
.content .article .relatedDocuments ul li {
margin: 0px 120px 10px 0px; padding-left: 60px; font-size: 1em; list-style-image: none; position: relative; min-height: 48px;}
.tech .articleContent .relatedDocuments ul li {
margin: 0px 120px 10px 0px; padding-left: 60px; font-size: 1em; list-style-image: none; position: relative; min-height: 48px;}
.rtl#master .content .article .relatedDocuments ul li.pdf {
font-size: 1em; margin-left: 60px;}
.rtl#master .content .article .relatedDocuments ul li.pdf p {
font: 1.6em/normal "Arial", Sans-Serif !important; font-size-adjust: none !important; font-stretch: normal !important;}
.rtl#master .content .article .relatedDocuments ul li {
list-style: inherit; margin: 0px 0px 10px;}
.content .article .relatedDocuments ul li {
margin: 0px 60px 10px 0px;}
.relatedDocuments li.excel {
background: url(../img/icondocexcel.png) no-repeat 0px 0px;}
.article .relatedDocuments li.excel {
background: url(../img/icondocexcel.png) no-repeat 0px 0px;}
.tech .articleContent .relatedDocuments li.excel {
background: url(../img/icondocexcel.png) no-repeat 0px 0px;}
.relatedDocuments li.word {
background: url(../img/icondocword.png) no-repeat 0px 0px;}
.article .relatedDocuments li.word {
background: url(../img/icondocword.png) no-repeat 0px 0px;}
.tech .articleContent .relatedDocuments li.word {
background: url(../img/icondocword.png) no-repeat 0px 0px;}
.relatedDocuments li.pdf {
background: url(../img/icondocpdf.png) no-repeat 0px 0px;}
.article .relatedDocuments li.pdf {
background: url(../img/icondocpdf.png) no-repeat 0px 0px;}
.tech .articleContent .relatedDocuments li.pdf {
background: url(../img/icondocpdf.png) no-repeat 0px 0px;}
.relatedDocuments li.powerpoint {
background: url(../img/icondocpowerpoint.png) no-repeat 0px 0px;}
.article .relatedDocuments li.powerpoint {
background: url(../img/icondocpowerpoint.png) no-repeat 0px 0px;}
.tech .articleContent .relatedDocuments li.powerpoint {
background: url(../img/icondocpowerpoint.png) no-repeat 0px 0px;}
.relatedDocuments li.video {
background: url(../img/iconvideo.png) no-repeat 0px 0px;}
.article .relatedDocuments li.video {
background: url(../img/iconvideo.png) no-repeat 0px 0px;}
.tech .articleContent .relatedDocuments li.video {
background: url(../img/iconvideo.png) no-repeat 0px 0px;}
.relatedDocuments li.audio {
background: url(../img/iconaudio.png) no-repeat 0px 0px;}
.article .relatedDocuments li.audio {
background: url(../img/iconaudio.png) no-repeat 0px 0px;}
.tech .articleContent .relatedDocuments li.audio {
background: url(../img/iconaudio.png) no-repeat 0px 0px;}
.relatedDocuments li.accfutures {
background: url(../img/iconaccountancyfutures.png) no-repeat 0px 0px;}
.article .relatedDocuments li.accfutures {
background: url(../img/iconaccountancyfutures.png) no-repeat 0px 0px;}
.relatedDocuments li p {
font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.article .relatedDocuments li p {
font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.relatedDocuments li a {
text-decoration: underline;}
.article .relatedDocuments li a {
text-decoration: underline;}
.relatedDocuments li p a {
text-decoration: none;}
.article .relatedDocuments li p a {
text-decoration: none;}
.relatedDocuments li a:hover {
color: rgb(217, 46, 16);}
.article .relatedDocuments li a:hover {
color: rgb(217, 46, 16);}
.relatedDocuments li p a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.article .relatedDocuments li p a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.article .relatedDocuments {
margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; border-image: none;}
.article .relatedDocuments ul {
width: auto;}
.relatedNews {
margin: 0px 10px; width: auto; overflow: hidden; padding-top: 10px; clear: both; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; position: relative;}
.relatedNews h2 {
width: 110px; font-size: 1.2em; float: left;}
.relatedNews ul {
width: 520px; float: right;}
.relatedNews li {
margin: 0px 0px 10px; width: 250px; padding-right: 10px; float: left;}
.relatedNews li h3 {
font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.relatedNews li h5 {
font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.relatedNews li p a {
text-decoration: underline;}
.relatedNews li a:hover {
color: rgb(217, 46, 16);}
.content .article {
margin: 20px 50px 10px 0px; padding-bottom: 20px;}
.content .article h2 {
margin: 30px 0px 10px; padding: 10px 0px 7px; clear: both; font-size: 2em; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.content .article h3 {
margin: 30px 0px 10px; padding: 10px 0px 7px; clear: both; font-size: 2em; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.content .article h3 {
font-size: 1.6em;}
.eventContent .articleContent .text h2 {
margin: 0px 0px 10px; padding: 0px 0px 7px;}
.eventContent .articleContent .text h3 {
margin: 0px 0px 10px; padding: 0px 0px 7px;}
.content .article h4 {
margin: 10px 0px 5px; width: auto; padding-bottom: 5px; font-weight: bold; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.content .article p.first {
margin: 0px 0px 10px;}
.content .article p a {
color: rgb(0, 0, 0); text-decoration: underline;}
.tech .articleContent p a {
color: rgb(0, 0, 0); text-decoration: underline;}
.content .article p a:hover {
color: rgb(217, 46, 16);}
.article .summary ul {
margin-bottom: 15px;}
.rtl#master .content .article ul li {
line-height: 1.8em; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1.4em; margin-right: 30px; margin-bottom: 0.25em; margin-left: 0px; list-style-position: outside; list-style-image: url(../img/bullet.png);}
.hubSection ul li {
font-size: 12px; margin-bottom: 0.25em; margin-left: 30px; list-style-position: outside; list-style-image: url(../img/bullet.png);}
.content .article ul li {
font-size: 12px; margin-bottom: 0.25em; margin-left: 30px; list-style-position: outside; list-style-image: url(../img/bullet.png);}
.tech .articleContent ul li {
font-size: 12px; margin-bottom: 0.25em; margin-left: 30px; list-style-position: outside; list-style-image: url(../img/bullet.png);}
.article .summary ul li {
font-size: 12px; margin-bottom: 0.25em; margin-left: 30px; list-style-position: outside; list-style-image: url(../img/bullet.png);}
.article ol li {
list-style: decimal; font-size: 12px; margin-bottom: 0px; margin-left: 30px;}
.hubSection ol li {
list-style: decimal; font-size: 12px; margin-bottom: 0px; margin-left: 30px;}
.tech .articleContent ol li {
list-style: decimal; font-size: 12px; margin-bottom: 0px; margin-left: 30px;}
.content .article ol li ol {
margin-bottom: 0px;}
.tech .articleContent ol li ol {
margin-bottom: 0px;}
.content .article ul li ol li ol {
margin-bottom: 0px;}
.content .article ol li ul li ol {
margin-bottom: 0px;}
.tech .articleContent ul li ol li ol {
margin-bottom: 0px;}
.tech .articleContent ol li ul li ol {
margin-bottom: 0px;}
.content .article ol li ol li ol {
margin-bottom: 0px;}
.tech .articleContent ol li ol li ol {
margin-bottom: 0px;}
.content .article ul li ul {
margin-bottom: 0px;}
.tech .articleContent ul li ul {
margin-bottom: 0px;}
.content .article ul li ul li ul {
margin-bottom: 0px;}
.content .article ul li ul li ul {
margin-bottom: 0px;}
.content .article ol li ol li ul li {
margin-bottom: 0px; list-style-type: none; list-style-image: url(../img/bullet.png);}
.content .article ol li ul li ul li {
margin-bottom: 0px; list-style-type: none; list-style-image: url(../img/bullet.png);}
.content .article ul li ol li ul li {
margin-bottom: 0px; list-style-type: none; list-style-image: url(../img/bullet.png);}
.tech .articleContent ol li ol li ul li {
margin-bottom: 0px; list-style-type: none; list-style-image: url(../img/bullet.png);}
.tech .articleContent ol li ul li ul li {
margin-bottom: 0px; list-style-type: none; list-style-image: url(../img/bullet.png);}
.tech .articleContent ul li ol li ul li {
margin-bottom: 0px; list-style-type: none; list-style-image: url(../img/bullet.png);}
.content .article ul li ol li {
list-style: decimal inside; overflow: auto; margin-bottom: 0px;}
.content .article ul li ul li ol li {
list-style: decimal inside; overflow: auto; margin-bottom: 0px;}
.tech .articleContent ul li ol li {
list-style: decimal inside; overflow: auto; margin-bottom: 0px;}
.tech .articleContent ul li ul li ol li {
list-style: decimal inside; overflow: auto; margin-bottom: 0px;}
.content .article ol li ol li {
list-style: lower-alpha inside; overflow: auto; margin-bottom: 0px;}
.tech .articleContent ol li ol li {
list-style: lower-alpha inside; overflow: auto; margin-bottom: 0px;}
.content .article ul li ol li ol li {
list-style: lower-alpha inside; overflow: auto; margin-bottom: 0px;}
.content .article ol li ul li ol li {
list-style: lower-alpha inside; overflow: auto; margin-bottom: 0px;}
.tech .articleContent ul li ol li ol li {
list-style: lower-alpha inside; overflow: auto; margin-bottom: 0px;}
.tech .articleContent ol li ul li ol li {
list-style: lower-alpha inside; overflow: auto; margin-bottom: 0px;}
.content .article ol li ol li ol li {
margin-bottom: 0px; list-style-type: lower-roman; list-style-image: none;}
.tech .articleContent ol li ol li ol li {
margin-bottom: 0px; list-style-type: lower-roman; list-style-image: none;}
.content .article ul li ul li {
overflow: auto; margin-bottom: 0px; list-style-position: inside;}
.tech .articleContent ul li ul li {
overflow: auto; margin-bottom: 0px; list-style-position: inside;}
.content .article ul li ul li ul li {
overflow: auto; margin-bottom: 0px; list-style-position: inside;}
.content .article ul li ul li ul li {
overflow: auto; margin-bottom: 0px; list-style-position: inside;}
.hubSection ul {
margin-bottom: 0.5em;}
.hubSection ol {
margin-bottom: 0.5em;}
.article table {
width: 100%; margin-bottom: 7.5px;}
.article table th {
text-align: left; color: rgb(68, 68, 68); font-weight: bold;}
.article table thead th.first {
width: 30%;}
.article table thead th {
padding: 2px 0px 4px; width: 21%;}
.article table tbody {
font-size: 1.2em;}
.article table tbody tr td {
padding: 3px 0px 4px;}
.article table thead th.first {
padding-left: 10px;}
.article table tbody th {
padding-left: 10px;}
.article table tbody tr td.first {
padding-left: 10px;}
.article th.first {
font-size: 1.1em;}
.article tr th {
font-size: 1.1em;}
.article tr th {
width: 175px;}
.article table tbody tr:first-child {
padding-left: 10px; background-color: rgb(239, 237, 236);}
.article table tbody tr:nth-child(2n+1) {
background-color: rgb(239, 237, 236);}
.article table tbody tr:nth-child(2n) {
background-color: rgb(255, 255, 255);}
.article figure {
margin: 3px 20px 10px 0px; width: 1px; float: left; display: table;}
.tech figure {
margin: 3px 20px 10px 0px; width: 1px; float: left; display: table;}
.hubContent figure {
margin: 3px 20px 10px 0px; width: 1px; float: left; display: table;}
.article figure a {
display: table-row;}
.article figure img {
margin: 1px; clear: both; float: left; display: block;}
.tech figure img {
margin: 1px; clear: both; float: left; display: block;}
.hubContent figure img {
margin: 1px; clear: both; float: left; display: block;}
.article figure figcaption {
clear: both; font-size: 1.2em; margin-left: 10px; display: table-row;}
.main .addthis_default_style {
margin-bottom: 7.5px; float: left;}
.colTwo .stampReview {
margin-right: 50px; float: right;}
.nav {
width: 240px; margin-bottom: 16px; display: block; position: relative;}
.nav ul {
clear: both; display: block; position: relative;}
.nav ul li {
overflow: hidden; display: block; position: relative; min-height: 30px; background-color: rgb(204, 204, 204);}
.nav ul li:hover {
background-color: rgb(255, 255, 255);}
.nav ul li.hover {
background-color: rgb(255, 255, 255);}
.nav ul li.open {
background-color: rgb(255, 255, 255);}
.nav ul li.open ul li {
background-color: rgb(239, 237, 236);}
.nav ul li a {
font: 1.2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin: 0px; padding: 10px 49px 10px 19px; width: 172px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; float: left; display: block; position: relative; font-size-adjust: none; font-stretch: normal;}
.nav ul li a:hover {
color: rgb(255, 255, 255); background-color: rgb(76, 77, 79);}
.nav ul li a.hover {
color: rgb(255, 255, 255); background-color: rgb(76, 77, 79);}
.nav ul li a:focus {
color: rgb(255, 255, 255); background-color: rgb(76, 77, 79);}
.nav ul li.open ul li a:hover {
color: rgb(255, 255, 255); background-color: rgb(76, 77, 79);}
.nav ul li.open ul li a.hover {
color: rgb(255, 255, 255); background-color: rgb(76, 77, 79);}
.nav ul li.open ul li a:focus {
color: rgb(255, 255, 255); background-color: rgb(76, 77, 79);}
.nav ul li ul li a {
width: 163px; text-transform: none; padding-left: 28px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;}
.nav ul li ul li ul li a {
width: 124px; padding-left: 57px;}
.nav ul li a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% 0px; margin: 0px 0px -2000px -31px; padding: 0px 0px 2000px; width: 30px; float: right; position: relative; min-height: 30px;}
.nav ul li.active a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% 0px; margin: 0px 0px -2000px -31px; padding: 0px 0px 2000px; width: 30px; float: right; position: relative; min-height: 30px;}
.nav ul li:hover a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% -50px rgb(255, 255, 255);}
.nav ul li.hover a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% -50px rgb(255, 255, 255);}
.nav ul li:hover li:hover a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% -50px rgb(255, 255, 255);}
.nav ul li.hover li.hover a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% -50px rgb(255, 255, 255);}
.nav ul ul li.open a.reveal {
border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;}
.nav ul li.active a {
background: url(../img/activearrow2.png) no-repeat 7px 11px rgb(255, 255, 255);}
.nav ul li li.active a {
background: url(../img/activearrow2.png) no-repeat 7px 11px rgb(255, 255, 255);}
.nav ul li li li.active a {
background: url(../img/activearrow2.png) no-repeat 7px 11px rgb(255, 255, 255);}
.nav ul li li.active a {
background-position: 16px 11px;}
.nav ul li li li.active a {
background-position: 16px 11px;}
.nav ul li.back a {
background: url(../img/backarrow.png) no-repeat 7px 11px;}
.nav ul li.active a:hover {
background-color: rgb(102, 102, 102);}
.nav ul li.back a:hover {
background-color: rgb(102, 102, 102);}
.nav ul li a.reveal:hover {
background: url(../img/nav_sprite.png) no-repeat 50% -100px rgb(255, 255, 255);}
.nav ul li li:hover a.reveal:hover {
background: url(../img/nav_sprite.png) no-repeat 50% -100px rgb(255, 255, 255);}
.nav ul li a.reveal:focus {
background: url(../img/nav_sprite.png) no-repeat 50% -100px rgb(255, 255, 255);}
.nav ul li li a.reveal:focus {
background: url(../img/nav_sprite.png) no-repeat 50% -100px rgb(255, 255, 255);}
.nav ul li.active ul li a {
background: 0px;}
.nav ul li.open a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% -200px;}
.nav ul li.open ul li.open a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% -200px;}
.nav ul li.open ul li.open ul li.open a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% -200px;}
.nav ul li.open a.reveal:hover {
background: url(../img/nav_sprite.png) no-repeat 50% -150px;}
.nav ul li.open ul li.open a.reveal:hover {
background: url(../img/nav_sprite.png) no-repeat 50% -150px;}
.nav ul li.open ul li.open ul li.open a.reveal:hover {
background: url(../img/nav_sprite.png) no-repeat 50% -150px;}
.nav ul li.open a.reveal:focus {
background: url(../img/nav_sprite.png) no-repeat 50% -150px;}
.nav ul li.open ul li.open a.reveal:focus {
background: url(../img/nav_sprite.png) no-repeat 50% -150px;}
.nav ul li.open ul li.open ul li.open a.reveal:focus {
background: url(../img/nav_sprite.png) no-repeat 50% -150px;}
.nav ul li.open ul li a.reveal {
background: url(../img/nav_sprite.png) no-repeat 50% -50px;}
.content .tabs {
width: 720px; overflow: hidden; position: relative; background-color: rgb(239, 237, 236);}
.content .tabs ul {
width: 720px; display: table;}
.tabs li {
border-right-color: rgb(239, 237, 236); border-right-width: 1px; border-right-style: solid; display: table-cell; background-color: rgb(204, 204, 204);}
.tabs li.last {
border: 0px currentColor; border-image: none;}
.rtl#master .tabs li a {
font: 1.6em/normal "Arial", Sans-Serif; padding: 20px 10px 10px; width: inherit; display: block; font-size-adjust: none; font-stretch: normal;}
.tabs li a {
font: 1em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding: 20px 10px 10px; width: inherit; display: block; font-size-adjust: none; font-stretch: normal;}
.tabs li a:hover {
color: rgb(228, 134, 0); background-color: rgb(255, 255, 255);}
.tabs li a.selected {
background-color: rgb(255, 255, 255);}
.article ul.toc {
overflow: hidden; margin-bottom: 10px; list-style-image: none;}
.article ul.toc li {
margin: 0px;}
.article ul.toc li a {
color: rgb(0, 0, 0); text-decoration: underline; margin-bottom: 1.25px; display: block;}
.article ul.toc li a:hover {
color: rgb(217, 46, 16);}
.contentIntro ul.toc {
margin: 0px 50px 10px 0px; overflow: hidden; list-style-image: none;}
.contentIntro ul.toc li {
margin: 0px 0px 5px;}
.contentIntro ul.toc li a {
color: rgb(0, 0, 0); font-weight: bold; text-decoration: underline; margin-bottom: 1.25px; display: block;}
.contentIntro ul.toc li a:hover {
color: rgb(217, 46, 16);}
.pagination {
margin: 8px 50px 20px 0px; overflow: hidden; padding-top: 10px; clear: both; border-top-color: rgb(239, 237, 236); border-top-width: 1px; border-top-style: solid;}
.pagination a.prev {
width: 200px; float: left; display: block;}
.pagination a.next {
width: 200px; float: right; display: block;}
.pagination a span {
font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1em;}
.pagination a:hover span {
color: rgb(228, 134, 0);}
.pagination a.prev {
background: url(../img/btnpagination.png) no-repeat 0px 5px; padding-left: 20px; min-height: 23px;}
.pagination a.next {
background: url(../img/btnpagination.png) no-repeat right -53px; padding-right: 20px; min-height: 23px;}
.pagination a.next:hover {
background-position: right -146px;}
.pagination a.prev:hover {
background-position: 0px -245px;}
.profileSummary {
overflow: hidden; position: relative;}
.profileSummary h2 {
padding-bottom: 7px;}
.profileSummary img {
width: 118px; height: 118px; float: left;}
.profileSummary div {
width: 70px; float: right;}
.profileSummary div p.stampCountry {
font-weight: bold; margin-bottom: 10px;}
.profileSummary div p {
margin: 0px;}
.profileSummary div a {
font-size: 1.2em; text-decoration: underline; margin-top: 10px; display: block;}
.profileSummary div a:hover {
color: rgb(0, 0, 0);}
.featureQuote {
margin: 15px 0px 15px 10px; overflow: hidden;}
.featureQuote blockquote {
background: url(../img/quotered.png) no-repeat 0px 0px; font: 600 1.8em/1em Helvetica, Arial, Sans-Serif; padding-top: 20px; display: block; font-size-adjust: none; font-stretch: normal;}
.featureQuote span {
font: 1.3em/1.3em Helvetica, Arial, Sans-Serif; clear: both; margin-bottom: 5px; float: left; font-size-adjust: none; font-stretch: normal;}
.featureQuote span.quote {
font-weight: bold; margin-top: 10px; display: block;}
.col .featureQuote {
background: 0px; padding: 10px 0px 0px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid;}
.col .featureQuote h2 {
font-size: 1.2em; font-weight: bold;}
.col .featureQuote h2 span {
clear: both; font-size: 1em; font-weight: normal; float: none; display: block;}
.col .featureQuote blockquote {
background-position: 0px 10px; padding-top: 30px;}
.contentSummary .article {
width: auto; overflow: hidden; padding-bottom: 20px; clear: both; margin-right: 20px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; position: relative;}
.article .category {
padding: 10px 0px 0px 2px; width: 180px; float: left;}
.article .category h2 {
font-size: 1.2em;}
.article .summary {
padding: 10px 0px 0px 10px; width: 480px; float: right;}
.article .summary h2 {
font-size: 2em; margin-bottom: 10px;}
.article .summary h3 {
font-size: 2em; margin-bottom: 10px;}
.article .summary h2 a {
margin: 0px; font-size: 1em; text-decoration: none;}
.article .summary h3 a {
margin: 0px; font-size: 1em; text-decoration: none;}
.article .summary h2 a:hover {
color: rgb(217, 46, 16);}
.article .summary h3 a:hover {
color: rgb(217, 46, 16);}
.article .summary p a {
font-size: 1em; display: inline;}
.article .summary p a:hover {
color: rgb(217, 46, 16);}
.article .summary a {
margin: 5px 0px; font-size: 1.2em; text-decoration: underline; display: block;}
.article .summary a:hover {
color: rgb(217, 46, 16);}
.article .summary p {
margin: 0px 0px 10px;}
.article .summary strong {
margin: 15px 0px 0px; font-size: 1.2em; display: block;}
.article .summary table {
margin: 5px 0px 15px;}
.article .summary td.first {
font-weight: normal;}
.article .summary table td {
font-weight: bold;}
.teaser {
padding-top: 10px;}
.teaser .article {
margin-right: 50px;}
.teaser .article .category h4 {
font-weight: bold;}
.article .newsTeaser {
padding: 10px 0px 0px 10px; width: 458px; float: right;}
.article .newsTeaser a:hover {
color: rgb(217, 46, 16);}
.article .category b {
clear: both; display: block;}
.article .category span {
clear: both; display: block;}
.aside .nav div {
width: auto; overflow: hidden; border-left-color: rgb(239, 237, 236); border-left-width: 1px; border-left-style: solid; position: relative; background-color: rgb(255, 255, 255);}
.aside .nav div form {
margin-top: 5px; margin-bottom: 10px;}
.aside .nav div a {
margin: 0px 10px 10px; width: auto; color: rgb(105, 100, 94); overflow: hidden; padding-top: 10px; clear: both; font-size: 1.2em; border-top-color: rgb(239, 237, 236); border-top-width: 1px; border-top-style: solid; display: block;}
.aside .nav div a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.nav ul.navFilter li a {
height: 30px; font-size: 1.6em;}
.nav ul.navFilter li ul li a {
background: url(../img/btnsprite.png) no-repeat -199px -977px; font: 1.2em/normal Helvetica, Arial, sans-serif; height: 20px; text-indent: 5px; font-size-adjust: none; font-stretch: normal;}
.nav ul.navFilter li ul li a.selected {
background: url(../img/btnsprite.png) no-repeat -200px -978px rgb(255, 255, 255);}
.content .articlePagination {
width: 650px; padding-bottom: 5px; clear: both; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; float: left; position: relative;}
.teaser .articlePagination {
width: 650px; padding-bottom: 5px; clear: both; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; float: left; position: relative;}
.content .articlePagination span {
font-size: 1.2em; margin-top: 10px; float: left; display: block;}
.teaser .articlePagination span {
font-size: 1.2em; margin-top: 10px; float: left; display: block;}
.content .articlePagination ul.pagination {
margin: 5px 0px 0px 5px; padding: 0px; clear: none; float: left; display: block;}
.teaser .articlePagination ul.pagination {
margin: 5px 0px 0px 5px; padding: 0px; clear: none; float: left; display: block;}
.content .articlePagination div {
width: auto; float: right;}
.teaser .articlePagination div {
width: auto; float: right;}
.content .profile .figure {
overflow: hidden; display: block;}
.content .profile h2 {
border: 0px currentColor; border-image: none; padding-top: 0px; margin-top: 5px;}
.content .profile h3 {
padding-top: 0px; margin-top: 7px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
.content .article p {
margin: 0px 0px 10px;}
.content .article table p {
margin: 0px; font-size: 1em;}
.members li.last {
padding-top: 0px; margin-top: 0px;}
.aside .profileCarousel {
width: 239px; overflow: hidden; border-left-color: rgb(239, 237, 236); border-left-width: 1px; border-left-style: solid; position: relative; background-color: rgb(255, 255, 255);}
.aside .profileCarousel .carouselContent {
width: 239px; overflow: hidden; position: relative;}
.aside .profileCarousel .carouselContent a {
padding: 10px; clear: both; font-size: 1.2em; float: left; display: block;}
.aside .profileCarousel .carouselContent a:hover {
color: rgb(228, 134, 0); text-decoration: underline;}
.aside .profileCarousel .carouselContent li {
width: 119px; height: 119px; overflow: hidden; border-right-color: rgb(239, 237, 236); border-bottom-color: rgb(239, 237, 236); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; float: left; display: block;}
.aside .profileCarousel .carouselContent li a {
padding: 0px; display: block;}
.aside .profileCarousel .carouselContent li a.prev {
float: left;}
.aside .profileCarousel .carouselContent li a.next {
float: right;}
.aside .profileCarousel div a {
background-position: 13px 13px; padding: 10px 25px; clear: both; font-size: 1.2em; float: left; display: block;}
.aside .controls {
overflow: hidden; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 1px; border-bottom-style: solid; position: relative;}
.aside .controls li {
width: auto; display: inline;}
.aside .controls li a {
font: 1.6em/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; padding: 7px; outline: 0px; clear: none; display: block; font-size-adjust: none; font-stretch: normal;}
.aside .controls li a.prev {
background: url(../img/arrowredpagination_8png.png) no-repeat 6px -195px; color: rgb(51, 51, 51); padding-right: 16px; padding-left: 25px; border-right-color: rgb(239, 237, 236); border-right-width: 1px; border-right-style: solid; float: left;}
.aside .controls li a.prev:hover {
background-position: 6px 6px; color: rgb(0, 0, 0); text-decoration: none;}
.aside .controls li a.next {
background: url(../img/arrowredpagination_8png.png) no-repeat 55px -595px; color: rgb(51, 51, 51); padding-right: 27px; text-decoration: none; float: right;}
.aside .controls li a.next:hover {
background-position: 55px -394px; color: rgb(0, 0, 0);}
.formHelp {
margin-top: 10px;}
span.required {
color: rgb(217, 46, 16);}
form.validate legend {
display: none;}
.formHelp p {
padding-top: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; display: block;}
.formField {
overflow: hidden; display: block;}
.formField label {
margin: 15px 0px 5px; clear: both; font-size: 1.2em; font-weight: bold; display: block;}
.formField label.error {
background: url(../img/validationarrow.png) no-repeat left top; margin: 0px 20px 0px 10px; padding: 5px 0px 0px 18px; width: 210px; height: 21px; color: rgb(255, 255, 255); text-transform: none; clear: right; font-weight: normal; float: right;}
.formField select {
width: 250px; clear: both; float: left; display: block;}
.formField input {
width: 250px; clear: both; float: left; display: block;}
.formField input.submitButton {
width: auto;}
.last.formField {
padding-top: 10px; margin-top: 30px; border-top-color: rgb(239, 237, 236); border-top-width: 1px; border-top-style: solid;}
p.clear {
margin-right: 55px;}
.searchPage {
padding: 10px 0px 10px 10px; width: auto; overflow: hidden; clear: both; margin-right: 70px; position: relative;}
.searchPage .stamp {
width: 163px; padding-top: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; float: left;}
.searchPage .result {
width: 459px; padding-top: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; float: right;}
.searchPage .stamp strong {
clear: both; font-size: 1.2em; float: left;}
.searchPage .result strong {
clear: both; font-size: 1.2em; float: left;}
.searchPage .stamp h2 {
clear: both; font-size: 1.2em; float: left;}
.searchPage .result h2 {
clear: both; font-size: 1.2em; float: left;}
.searchPage .result strong {
clear: none; float: none;}
.searchPage .result h2 {
clear: none; float: none;}
.searchPage .cached {
color: rgb(102, 102, 102); float: right;}
.stamp span {
clear: both; font-size: 1.2em; float: left; display: block;}
.result span {
clear: both; font-size: 1.2em; float: left; display: block;}
.stamp span {
padding-bottom: 5px;}
.stamp div span {
padding-bottom: 0px;}
.result a {
clear: both; float: left;}
.result div {
width: auto; overflow: hidden; clear: both; position: relative;}
.result div a {
clear: none; font-size: 1.2em; float: left; display: inline;}
.result div span {
clear: none; font-size: 1.2em; float: left; display: inline;}
.result div a {
text-decoration: underline;}
.result div a:hover {
color: rgb(217, 46, 16);}
.result div span {
color: rgb(123, 118, 112); margin-left: 10px;}
.result ul li {
margin-bottom: 20px;}
.mapMembers .tabs ul li a {
padding: 20px 0px 10px 10px; width: 169px;}
.maps {
width: 720px; clear: both; display: block; position: relative; min-height: 400px;}
.map {
width: 720px; float: left; position: relative; min-height: 400px;}
.map h2 {
padding: 10px 0px 0px 10px; width: 100%;}
.map ul {
width: 720px; overflow: hidden; display: block; position: relative;}
.hasJS .map {
background: url(../img/mapmembers.gif) no-repeat 0px 0px rgb(255, 255, 255);}
.hasJS .student {
background: url(../img/mapstudents.gif) no-repeat 0px 0px;}
.hasJS .employers {
background: url(../img/mapemployers.gif) no-repeat 0px 0px;}
.hasJS .map ul {
height: 400px;}
.hasJS .map #london a {
left: 304px; top: 83px; position: absolute;}
.hasJS .map #hongKong a {
left: 587px; top: 140px; position: absolute;}
.hasJS .map #singapore a {
left: 562px; top: 211px; position: absolute;}
.hasJS .map #barbados a {
left: 120px; top: 168px; position: absolute;}
.map ul li {
left: 0px; top: 0px; margin-bottom: 5.5px; display: block; position: absolute;}
.map ul li a {
width: 20px; height: 20px; clear: none; float: left; display: block; position: absolute; cursor: pointer;}
.map ul li .member {
padding: 0px 10px 10px; overflow: hidden; border-bottom-color: rgb(203, 203, 204); border-left-color: rgb(203, 203, 204); border-bottom-width: medium; border-left-width: medium; border-bottom-style: none; border-left-style: none; display: block; position: relative; z-index: 1; background-color: rgb(255, 255, 255);}
#dialog {
padding: 0px 10px 10px; overflow: hidden; border-bottom-color: rgb(203, 203, 204); border-left-color: rgb(203, 203, 204); border-bottom-width: medium; border-left-width: medium; border-bottom-style: none; border-left-style: none; display: block; position: relative; z-index: 1; background-color: rgb(255, 255, 255);}
#dialog {
position: absolute;}
.hasJS .map .member {
display: none;}
.ui-dialog {
width: 300px; position: absolute;}
.ui-dialog .ui-dialog-title {
display: none;}
.map ul li .member a {
overflow: hidden; position: relative; background-color: rgb(255, 255, 255);}
.ui-dialog div.ui-dialog-titlebar {
overflow: hidden; position: relative; background-color: rgb(255, 255, 255);}
.ui-dialog div.ui-dialog-titlebar a {
background: url(../img/btncloseoverlay.png) no-repeat right top; margin: 5px 5px 0px 0px; clear: both; font-size: 1.2em; float: right;}
.ui-dialog div.ui-dialog-titlebar a span {
margin-right: 30px;}
.ui-widget-overlay {
left: 0px; top: 0px; position: absolute; opacity: 0.75; background-color: rgb(192, 192, 192); -moz-opacity: .75; -khtml-opacity: .75;}
.map ul li .member a:hover {
color: rgb(228, 134, 0);}
#dialog a:hover {
color: rgb(228, 134, 0);}
.map ul li .member div {
width: auto; overflow: hidden; padding-top: 10px; margin-top: 5px; border-top-color: rgb(217, 216, 215); border-top-width: 2px; border-top-style: solid; position: relative;}
#dialog div {
width: auto; overflow: hidden; padding-top: 10px; margin-top: 5px; border-top-color: rgb(217, 216, 215); border-top-width: 2px; border-top-style: solid; position: relative;}
.map ul li .member div img {
width: 118px; height: 118px; padding-left: 2px; float: left; position: relative;}
#dialog div img {
width: 118px; height: 118px; padding-left: 2px; float: left; position: relative;}
.map ul li .member div div {
margin: 0px 0px 0px 10px; padding: 0px; border: 0px currentColor; border-image: none; width: 150px; overflow: hidden; float: left;}
#dialog div div {
margin: 0px 0px 0px 10px; padding: 0px; border: 0px currentColor; border-image: none; width: 150px; overflow: hidden; float: left;}
.map ul li .member div div strong {
font: 2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding-bottom: 4px; clear: both; float: left; font-size-adjust: none; font-stretch: normal;}
#dialog div div strong {
font: 2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding-bottom: 4px; clear: both; float: left; font-size-adjust: none; font-stretch: normal;}
.map ul li .member div div span {
clear: both; font-size: 1.2em; float: left; white-space: nowrap;}
#dialog div div span {
clear: both; font-size: 1.2em; float: left; white-space: nowrap;}
.map ul li .member div div a {
background: 0px; margin: 0px; width: auto; color: rgb(0, 0, 0); padding-top: 5px; padding-bottom: 5px; padding-left: 0px; clear: both; font-size: 1.2em; text-decoration: underline; float: left; display: block; white-space: nowrap;}
#dialog div div a {
background: 0px; margin: 0px; width: auto; color: rgb(0, 0, 0); padding-top: 5px; padding-bottom: 5px; padding-left: 0px; clear: both; font-size: 1.2em; text-decoration: underline; float: left; display: block; white-space: nowrap;}
.map ul li .member div div a:hover {
color: rgb(228, 134, 0);}
#dialog div div a:hover {
color: rgb(228, 134, 0);}
.overlay {
left: 0px; top: 0px; width: 100%; position: absolute; background-color: rgb(120, 120, 122);}
.maps .learning {
background: url(../img/maplearningproviders.png) no-repeat right top rgb(255, 255, 255);}
.maps .learning div {
margin: 20px 0px 0px 10px; width: 220px; padding-top: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; float: left;}
.maps .learning div h3 {
font-size: 2em;}
.maps .learning div ul li {
clear: both; margin-bottom: 20px; float: none; position: relative;}
.maps .learning div ul li a {
width: auto; font-size: 1.2em; text-decoration: underline; float: none; position: relative;}
.maps .learning div ul {
width: auto; height: auto; position: relative;}
.hasJS .student li#sierraLeone a {
left: 304px; top: 198px;}
.hasJS .student li#kuwait a {
left: 437px; top: 130px;}
.hasJS .student li#nairobi a {
left: 421px; top: 219px;}
.hasJS .student li#jeddah a {
left: 430px; top: 152px;}
.hasJS .student li#cork a {
left: 303px; top: 78px;}
.hasJS .student li#shanghai a {
left: 563px; top: 177px;}
.hasJS .student li#barbados a {
left: 120px; top: 168px;}
.hasJS .student li#malaysia a {
left: 579px; top: 121px;}
.hasJS .employers li#sriLanka a {
left: 511px; top: 181px;}
.hasJS .employers li#china a {
left: 603px; top: 106px;}
.hasJS .employers li#middleEast a {
left: 453px; top: 163px;}
.hasJS .employers li#malaysia a {
left: 561px; top: 207px;}
.hasJS .employers li#uk a {
left: 303px; top: 78px;}
.hasJS .employers li#trinidad a {
left: 161px; top: 177px;}
.hasJS .employers li#kenya a {
left: 411px; top: 234px;}
.hasJS .employers li#usa a {
left: 71px; top: 135px;}
.col .newsMetadata {
padding-top: 10px; margin-top: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid;}
.col .newsMetadata h2 {
font-size: 1.2em; font-weight: bold;}
.col .newsMetadata h2 span {
clear: both; font-size: 1em; font-weight: normal; float: none; display: block;}
.aside .pagination {
margin: 0px; width: auto; overflow: hidden; border-left-color: rgb(239, 237, 236); border-left-width: 1px; border-left-style: solid; position: relative; background-color: rgb(255, 255, 255);}
.aside .pagination span {
padding-top: 6px;}
.aside .pagination a {
width: auto; display: inline;}
.aside .pagination a span.page {
font-size: 2em;}
.aside .pagination a.prev {
background-position: 0px 0px; margin-bottom: 10px; margin-left: 10px;}
.aside .pagination a.prev:hover {
background-position: 0px -60px;}
.aside .pagination a.next {
background-position: 60px -181px; margin-right: 10px; margin-bottom: 10px;}
.aside .pagination a.next:hover {
background-position: 60px -123px;}
.aside .pagination div {
width: auto; overflow: hidden; clear: both; margin-top: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 1px; border-top-style: solid; position: relative;}
.aside .pagination div a {
padding: 10px 15px; color: rgb(115, 115, 115); clear: both; font-size: 1.2em; float: left; display: block;}
.aside .pagination div a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.aside .pagination div a {
background: url(../img/arrowredsmall.png) no-repeat 80px 14px;}
body.redirect {
background-image: none;}
body.redirect div {
margin: 30px auto 0px; padding: 10px; width: 700px; position: relative; background-color: rgb(255, 255, 255);}
body.redirect div div {
width: 640px; margin-top: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid;}
body.redirect div p {
font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin-top: 5px; font-size-adjust: none; font-stretch: normal;}
body.redirect div p.first {
margin: 0px; width: 365px; padding-top: 5px; font-size: 2em;}
body.redirect div p a {
text-decoration: underline;}
.network {
padding-bottom: 15px;}
.network h2 {
font: 2em/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.network span {
font: 5.25em/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; color: rgb(255, 0, 0); font-size-adjust: none; font-stretch: normal;}
.network ul {
border-width: 0px 0px 2px; border-style: none none solid; border-color: currentColor currentColor rgb(239, 237, 236); padding: 0px 0px 10px; border-image: none; margin-top: 0px;}
.network a {
width: 100%; color: rgb(101, 95, 88); clear: both; font-size: 1.2em; text-decoration: underline; float: left; display: block;}
.network a:hover {
color: rgb(228, 134, 0);}
.promo p.socialLink {
margin: 10px 0px;}
.promo p.socialLink a {
float: none; display: inline;}
.content .article ul.siteMap li {
margin: 0px; font-size: 1em; list-style-image: none;}
.content .article ul.siteMap li a {
text-transform: none;}
ul.siteMap li a:hover {
color: rgb(228, 134, 0); text-decoration: underline;}
ul.siteMap li ul {
margin: 5px 0px 5px 10px;}
.content .article ul.siteMap li h2 {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1.2em; font-weight: normal; text-decoration: underline;}
.content .article ul.siteMap li h3 {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1.2em; font-weight: normal; text-decoration: underline;}
.content .article ul.siteMap li h4 {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1.2em; font-weight: normal; text-decoration: underline;}
.content .article ul.siteMap li h5 {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1.2em; font-weight: normal; text-decoration: underline;}
.content .article ul.siteMap li h6 {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1.2em; font-weight: normal; text-decoration: underline;}
.aside .newsDeadline h2 {
letter-spacing: -1px; padding-top: 10px; font-family: \5FAE\8F6F\96C5\9ED1; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.aside .newsDeadline li div {
width: 148px;}
.aside .newsDeadline li div.stamp {
width: 40px;}
.contentIntro ul li a {
font-size: 1.2em;}
.aside .pagination a span.page {
margin-top: 0px;}
.goToTop {
margin: 0px 50px 10px 0px; padding: 0px 0px 10px; text-align: right; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid; position: relative;}
.col .goToTop {
margin-right: 0px;}
.goToTop a {
background: url(../img/nav_sprite.png) no-repeat 100% -207px; padding-right: 20px; font-size: 1.2em; text-decoration: underline;}
.goToTop a:hover {
background: url(../img/nav_sprite.png) no-repeat 100% -157px; color: rgb(217, 46, 16);}
.article .goToTop {
margin: 0px; padding: 10px 0px 0px; clear: both; border-top-color: rgb(239, 237, 236); border-bottom-color: currentColor; border-top-width: 2px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: none; display: block; position: relative;}
.relatedPages ul li {
line-height: 1.5; padding-bottom: 5px;}
.relatedPages ol li {
line-height: 1.5; padding-bottom: 5px;}
.col100 .article {
margin: 5px; padding: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;}
.col100 .siteMap {
margin: 0px 12px; padding: 10px 0px 0px; overflow: hidden; clear: both;}
.col100 .siteMap ul {
margin: 0px; padding: 0px; overflow: hidden;}
.col100 .siteMap ul li {
margin: 0px 0px 20px; padding: 10px 0px 0px; clear: both; float: none; list-style-image: none;}
.col100 .siteMap ul li a {
margin: 0px 0px 12px; cursor: pointer;}
.col100 .siteMap ul li a h2 {
margin: 0px 0px 10px;}
.col100 .siteMap ul li ul {
width: 33%; clear: none; float: left;}
.col100 .siteMap ul li ul li {
margin: 0px 0px 5px; padding: 0px; border: 0px currentColor; border-image: none;}
.col100 .siteMap ul li ul li a h3 {
margin: 0px; border: 0px currentColor; border-image: none; font-size: 1em;}
.col100 .siteMap ul li ul li ul {
margin: 0px 0px 10px; width: auto; clear: both; float: none;}
.col100 .siteMap ul li ul li ul li {
margin: 0px;}
.col100 .siteMap ul li ul li ul li a {
color: rgb(104, 101, 96); text-transform: none; line-height: 1; font-size: 0.7em;}
.newMap {
background: url(../img/worldmap.png) no-repeat 0px 0px rgb(255, 255, 255); width: 720px; float: left; position: relative; min-height: 500px;}
.newMap h2 {
padding: 10px 0px 0px 10px; width: 100%;}
.newMap ul li {
left: 0px; top: 0px; margin-bottom: 5.5px; display: block; position: absolute;}
.newMap ul li a {
background: url(../img/worldmapmarker.png) no-repeat 50% 50%; width: 20px; height: 20px; clear: none; float: left; display: block; position: absolute; cursor: pointer;}
.newMap ul li .member {
padding: 0px 10px 10px; overflow: hidden; border-bottom-color: rgb(203, 203, 204); border-left-color: rgb(203, 203, 204); border-bottom-width: medium; border-left-width: medium; border-bottom-style: none; border-left-style: none; display: none; position: relative; z-index: 1; background-color: rgb(255, 255, 255);}
#dialog {
padding: 0px 10px 10px; overflow: hidden; border-bottom-color: rgb(203, 203, 204); border-left-color: rgb(203, 203, 204); border-bottom-width: medium; border-left-width: medium; border-bottom-style: none; border-left-style: none; display: none; position: relative; z-index: 1; background-color: rgb(255, 255, 255);}
.newMap ul li .member a {
overflow: hidden; position: relative; background-color: rgb(255, 255, 255);}
.newMap ul li .member a:hover {
color: rgb(228, 134, 0);}
#dialog a:hover {
color: rgb(228, 134, 0);}
.newMap ul li .member div {
width: auto; overflow: hidden; padding-top: 10px; margin-top: 5px; border-top-color: rgb(217, 216, 215); border-top-width: 2px; border-top-style: solid; position: relative;}
#dialog div {
width: auto; overflow: hidden; padding-top: 10px; margin-top: 5px; border-top-color: rgb(217, 216, 215); border-top-width: 2px; border-top-style: solid; position: relative;}
.newMap ul li .member div img {
width: 118px; height: 118px; padding-left: 2px; float: left; position: relative;}
#dialog div img {
width: 118px; height: 118px; padding-left: 2px; float: left; position: relative;}
.newMap ul li .member div div {
margin: 0px 0px 0px 10px; padding: 0px; border: 0px currentColor; border-image: none; width: 150px; float: left;}
#dialog div div {
margin: 0px 0px 0px 10px; padding: 0px; border: 0px currentColor; border-image: none; width: 150px; float: left;}
.newMap ul li .member div div strong {
font: 2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding-bottom: 4px; clear: both; float: left; font-size-adjust: none; font-stretch: normal;}
#dialog div div strong {
font: 2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding-bottom: 4px; clear: both; float: left; font-size-adjust: none; font-stretch: normal;}
.newMap ul li .member div div span {
clear: both; font-size: 1.2em; white-space: nowrap;}
#dialog div div span {
clear: both; font-size: 1.2em; white-space: nowrap;}
.newMap ul li .member div div a {
background: 0px; margin: 0px; width: auto; color: rgb(0, 0, 0); padding-top: 5px; padding-bottom: 5px; padding-left: 0px; clear: both; font-size: 1.2em; text-decoration: underline; display: block; white-space: nowrap;}
#dialog div div a {
background: 0px; margin: 0px; width: auto; color: rgb(0, 0, 0); padding-top: 5px; padding-bottom: 5px; padding-left: 0px; clear: both; font-size: 1.2em; text-decoration: underline; display: block; white-space: nowrap;}
.newMap ul li .member div div a:hover {
color: rgb(217, 46, 16);}
#dialog div div a:hover {
color: rgb(217, 46, 16);}
.content {
padding-bottom: 0px;}
.content .col {
padding-right: 0px;}
.col .featureQuote {
margin: 15px 0px;}
a.link {
background: url(../img/arrowred_8png.png) no-repeat 0px 1px; padding-left: 10px;}
.aside .pagination {
padding-top: 10px;}
.aside .pagination a.prev {
background-position: 0px -200px; color: rgb(102, 102, 102);}
.aside .pagination a.next {
background-position: 58px -600px; color: rgb(102, 102, 102);}
.aside .pagination a.prev:hover {
background-position: 0px 1px;}
.aside .pagination a.next:hover {
background-position: 58px -399px;}
.content .article h4 {
border: 0px currentColor; border-image: none; font-size: 15px;}
.main table thead tr th {
padding: 13px 0px 10px 10px; color: rgb(255, 255, 255); font-size: 13px; font-weight: normal; background-color: rgb(77, 77, 79);}
.main table thead th.first {
width: 30%; font-size: 13px;}
.main table tbody tr td {
padding: 11px 0px 9px 10px; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 13px;}
.col .externalQuote blockquote {
background: url(../img/quoteyellowsmall_8png.png) no-repeat 0px 10px; color: rgb(150, 150, 150);}
.col .externalQuote span {
color: rgb(150, 150, 150);}
.hubHeroCarousel {
width: 720px; height: 377px; overflow: hidden; margin-bottom: 10px; position: relative;}
.hubHeroCarousel .carouselHeroWrapper {
width: 2160px;}
.hubHeroCarousel .carouselHero {
width: 720px; float: left; position: relative;}
.hubHeroCarousel a {
display: block; cursor: pointer;}
.hubHeroCarousel .carouselHero img {
width: 720px; height: 377px;}
.hubHeroCarousel .carouselHeroContent {
left: 0px; top: 0px; position: absolute;}
.hubHeroCarousel .carouselHeroContent p {
font: 1.2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin: 0px; padding: 15px 15px 11px; color: rgb(0, 0, 0); float: left; font-size-adjust: none; font-stretch: normal; background-color: rgb(244, 164, 5);}
.hubHeroCarousel .carouselHeroContent h2 {
font: 46px/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; margin: 0px; padding: 1px 0px 0px; width: 462px; color: rgb(255, 255, 255); clear: both; border-left-color: rgb(51, 51, 51); border-left-width: 15px; border-left-style: solid; float: left; font-size-adjust: none; font-stretch: normal;}
.hubHeroCarousel .carouselHeroContent span.headCopy {
padding: 12px 10px 0px 0px; top: 6px; line-height: 1.3em; white-space: pre-wrap; position: relative; background-color: rgb(51, 51, 51);}
.hubHeroCarousel .carouselHeroContent .moreWrap {
position: relative;}
.hubHeroCarousel .carouselHeroContent span.more {
display: none;}
.hubHeroCarousel a .carouselHeroContent span.more {
background: url(../img/arrowreadmore.png) no-repeat left rgb(217, 46, 16); padding: 0px; width: 12px; height: 1.31em; right: -20px; bottom: 0px; display: block; position: absolute;}
.hubHeroCarousel a:hover .carouselHeroContent span.more {
background: url(../img/arrowreadmore_active.png) no-repeat left rgb(228, 134, 96);}
.hubHeroCarousel .pagHeroWrap {
display: none;}
.hasJS .hubHeroCarousel .pagHeroWrap {
list-style: none; margin: 0px; padding: 0px; left: 0px; width: 166px; height: 125px; bottom: 0px; position: absolute; z-index: 100;}
.hubHeroCarousel .pagHeroWrap li {
margin: 0px; padding: 0px; width: 40px; height: 40px; overflow: hidden; position: absolute;}
.hubHeroCarousel .pagHeroWrap li a {
background: rgb(217, 46, 16); width: 40px; height: 40px; color: rgb(217, 46, 16); overflow: hidden; text-decoration: none; display: block;}
.hubHeroCarousel ul.pagHeroWrap li.selected a {
background: rgb(242, 242, 243); color: rgb(242, 242, 243); text-decoration: none;}
.hubHeroCarousel ul.pagHeroWrap li a:hover {
background: rgb(242, 242, 243); color: rgb(242, 242, 243); text-decoration: none;}
.hubHeroCarousel .pagHeroWrap li.caroPag1 {
left: 0px; top: 42px;}
.hubHeroCarousel .pagHeroWrap li.caroPag2 {
left: 42px; top: 42px;}
.hubHeroCarousel .pagHeroWrap li.caroPag3 {
left: 84px; top: 42px;}
.hubHeroCarousel .pagHeroWrap li.caroPag4 {
left: 126px; top: 42px;}
.hubHeroCarousel .pagHeroWrap li.caroPag5 {
left: 42px; top: 0px;}
.hubHeroCarousel .pagHeroWrap li.caroPag6 {
left: 42px; bottom: 1px;}
.segmentTypeSelector {
border: 1px solid rgb(255, 255, 255); border-image: none; margin-bottom: 15px; background-color: rgb(255, 255, 255);}
.segmentTypeSelectorInner {
padding: 16px 12px 10px; border: 1px solid rgb(227, 223, 221); border-image: none;}
.segmentTypeSelector h2 {
font-family: \5FAE\8F6F\96C5\9ED1; font-size: 25px; margin-bottom: 5px;}
.segmentTypeSelector ul {
list-style: none; margin: 0px 0px 0px 7px;}
.segmentTypeSelector li {
background: 0px; margin: 0px 10px 0px 0px; padding: 0px; width: 218px; height: 137px; display: inline-block; position: relative;}
.segmentTypeSelector li.last {
margin-right: 0px;}
.segmentTypeSelector li a {
display: block; position: relative;}
.segmentTypeSelector li img {
border: 1px solid rgb(217, 217, 217); border-image: none; width: 216px; height: 135px; display: block;}
.segmentTypeSelector li a p {
background: url(../img/ribbonstorieslabel_8png.png) no-repeat 0px 0px; font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; left: -5px; bottom: 10px; overflow: hidden; position: absolute; font-size-adjust: none; font-stretch: normal;}
.segmentTypeSelector li a p span {
margin: 5px 0px 0px 5px; padding: 6px 6px 2px 4px; color: rgb(255, 255, 255); float: left; display: block; background-color: rgb(123, 118, 112);}
.segmentTypeSelectorGeneric {
border: 1px solid rgb(255, 255, 255); border-image: none; margin-bottom: 15px; background-color: rgb(255, 255, 255);}
.segmentTypeSelectorInner {
padding: 16px 12px 10px; border: 1px solid rgb(227, 223, 221); border-image: none;}
.segmentTypeSelectorGeneric h2 {
font-family:\5FAE\8F6F\96C5\9ED1; font-size: 25px; margin-bottom: 5px;}
.segmentTypeSelectorGeneric ul {
list-style: none; margin: 0px 0px 0px 7px;}
.segmentTypeSelectorGeneric li {
background: 0px; margin: 10px 10px 0px 0px; padding: 0px; width: 218px; height: 137px; display: inline-block; position: relative;}
.segmentTypeSelectorGeneric li.last {
margin-right: 0px;}
.segmentTypeSelectorGeneric li a {
display: block; position: relative;}
.segmentTypeSelectorGeneric li img {
border: 1px solid rgb(217, 217, 217); border-image: none; width: 216px; height: 135px; display: block;}
.segmentTypeSelectorGeneric li a p {
font: 1.6em/normal \5FAE\8F6F\96C5\9ED1; left: -5px; bottom: 3px; overflow: hidden; position: absolute; font-size-adjust: none; font-stretch: normal;}
.segmentTypeSelectorGeneric li a p span {
margin: 5px 0px 0px 5px; padding: 6px 6px 2px 4px; color: rgb(255, 255, 255); float: left; display: block; background-color: rgb(51, 51, 51);}
#segmentTypeFilter div#mapHeader {
width: 720px; height: auto !important; overflow: hidden; margin-bottom: 0px; min-height: 55px; background-color: rgb(244, 164, 5);}
#segmentTypeFilter div#mapHeader h2 {
font: 3.5em/1.7em \5FAE\8F6F\96C5\9ED1; margin: 0px 12px 0px 0px; padding: 0px 10px; height: 55px; color: rgb(255, 255, 255); float: left; display: block; font-size-adjust: none; font-stretch: normal; background-color: rgb(51, 51, 51);}
#segmentTypeFilter div#mapHeader p {
margin: 0px; padding: 10px; line-height: 1.3em; font-weight: bold;}
#segmentTypeFilter div#mapHeader p.sector {
display: none;}
#segmentTypeFilter div#mapHeader p.size {
display: none;}
#filterMap {
width: 720px; height: 308px; overflow: hidden; display: none; position: relative;}
#filterMap .filterset {
width: 720px; height: 308px; overflow: hidden; display: none; position: relative;}
#filterMap .filterset {
left: 0px; top: 0px; position: absolute;}
.location#filterMap #filterSetRegion {
background: url(../img/filter_map/world.gif) no-repeat 0px 0px; display: block;}
.sector#filterMap #filterSetSector {
background: url(../img/filter_map/sector_sprite.png) no-repeat 0px 0px; display: block;}
.size#filterMap #filterSetSize {
background: url(../img/filter_map/size.gif) no-repeat 0px 0px; display: block;}
div#filterMap p.clickInstruction {
margin: 20px 0px 0px 20px; padding: 5px 5px 2px; border-radius: 3px; border: 1px solid rgb(192, 192, 192); border-image: none; width: 383px; color: rgb(131, 127, 122); font-family: "AvenirLT55Roman",Verdana,Arial,Sans-Serif; font-size: 13px; visibility: hidden; position: relative; z-index: 20; background-color: rgb(255, 255, 255); -moz-border-radius: 3px; -webkit-border-radius: 3px;}
div#filterMap a.maplink {
background: 0px; text-indent: -9999px; display: block; position: absolute;}
div#filterMap a.maplink:focus {
outline: 0px;}
div#filterMap a.maplink:active {
outline: 0px;}
div#filterMap a.maplink:visited {
outline: 0px;}
div#filterMap a#region-americas {
left: 53px; top: 15px; width: 206px; height: 292px;}
div#filterMap a#region-americas:hover {
background: url(../img/filter_map/world_over_sprite.png) no-repeat 1px 0px;}
div#filterMap a#region-americas:focus {
background: url(../img/filter_map/world_over_sprite.png) no-repeat 1px 0px;}
div#filterMap a.on#region-americas {
background: url(../img/filter_map/world_over_sprite.png) no-repeat 1px 0px;}
div#filterMap a#region-europe {
left: 255px; top: 0px; width: 334px; height: 141px; z-index: 6;}
div#filterMap a#region-europe:hover {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -206px 0px;}
div#filterMap a#region-europe:focus {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -206px 0px;}
div#filterMap a.on#region-europe {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -206px 0px;}
div#filterMap a#region-africamiddleeast {
left: 303px; top: 135px; width: 126px; height: 119px; z-index: 8;}
div#filterMap a.on#region-africamiddleeast {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -206px -187px;}
div#filterMap a#region-africamiddleeast:hover {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -206px -187px;}
div#filterMap a#region-africamiddleeast:focus {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -206px -187px;}
div#filterMap a.hovering#region-africamiddleeast {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -206px -187px;}
div#filterMap a#region-africamiddleeast span {
left: 89px; top: -41px; width: 78px; height: 77px; display: block; position: absolute; z-index: 9; opacity: 0.5; background-color: rgb(0, 0, 0);}
div#filterMap a#region-africamiddleeast span.hovering {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -295px -146px;}
div#filterMap a#region-africamiddleeast span.on {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -295px -146px;}
div#filterMap a#region-asia {
left: 448px; top: 88px; width: 209px; height: 184px; z-index: 7;}
div#filterMap a#region-asia:hover {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -373px -146px;}
div#filterMap a#region-asia:focus {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -373px -146px;}
div#filterMap a.on#region-asia {
background: url(../img/filter_map/world_over_sprite.png) no-repeat -373px -146px;}
div#filterMap a#companySize-medium {
left: 89px; top: 68px; width: 162px; height: 187px;}
div#filterMap a#companySize-medium:hover {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -1px -63px;}
div#filterMap a#companySize-medium:focus {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -1px -63px;}
div#filterMap a.on#companySize-medium {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -1px -63px;}
div#filterMap a#companySize-small {
left: 276px; top: 139px; width: 162px; height: 122px;}
div#filterMap a#companySize-small:hover {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -188px -134px;}
div#filterMap a#companySize-small:focus {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -188px -134px;}
div#filterMap a.on#companySize-small {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -188px -134px;}
div#filterMap a#companySize-large {
left: 460px; top: 0px; width: 162px; height: 258px;}
div#filterMap a#companySize-large:hover {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -372px 5px;}
div#filterMap a#companySize-large:focus {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -372px 5px;}
div#filterMap a.on#companySize-large {
background: url(../img/filter_map/size_over_sprite.gif) no-repeat -372px 5px;}
div#filterMap a#sector-corporate {
left: 196px; top: 25px; width: 150px; height: 125px;}
div#filterMap a#sector-corporate span {
left: 3px; width: 70px; height: 90px; bottom: -90px; display: block; position: absolute; opacity: 0.5;}
div#filterMap a#sector-publicPractice {
left: 365px; top: 35px; width: 150px; height: 115px;}
div#filterMap a#sector-publicSector {
left: 270px; top: 150px; width: 230px; height: 115px;}
#tooltip {
margin: -55px 0px 0px -100px; padding: 5px 5px 2px; border-radius: 3px; border: 1px solid rgb(192, 192, 192); border-image: none; color: rgb(131, 127, 122); font-family: "AvenirLT55Roman",Verdana,Arial,Sans-Serif; font-size: 13px; position: absolute; z-index: 3000; background-color: rgb(255, 255, 255); -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#tooltip h3 {
margin: 0px;}
#tooltip div {
margin: 0px;}
#tooltip::before {
margin: 19px 0px 0px 40%; width: 0px; height: 0px; border-top-color: rgb(255, 255, 255); border-right-color: transparent; border-left-color: transparent; border-top-width: 8px; border-right-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; content: "";}
div#segmentTypeFilter div#mapChangeControls {
margin: 0px; left: 0px; width: 720px; bottom: 0px; display: block; position: absolute;}
div#segmentTypeFilter div#mapChangeControls a {
font: 2em/1em "CgAquariusNo8", Verdana, Arial, Sans-Serif; padding: 0px; color: rgb(255, 255, 255); overflow: hidden; display: none; font-size-adjust: none; font-stretch: normal;}
div#segmentTypeFilter div#mapChangeControls a.left {
float: left; position: relative; z-index: 10;}
div#segmentTypeFilter div#mapChangeControls a.right {
text-align: right; float: right; position: relative; z-index: 10;}
div#segmentTypeFilter div#mapChangeControls a .controlWrap {
display: inline-block;}
div#segmentTypeFilter div#mapChangeControls a:hover span.controlWrap {
border-color: rgb(228, 134, 96);}
div#segmentTypeFilter div#mapChangeControls a.left .controlWrap {
border-left-color: rgb(217, 46, 16); border-left-width: 12px; border-left-style: solid;}
div#segmentTypeFilter div#mapChangeControls a.right .controlWrap {
border-right-color: rgb(217, 46, 16); border-right-width: 12px; border-right-style: solid;}
div#segmentTypeFilter div#mapChangeControls a span.controlIcon {
background: url(../img/filter_control_pointer_sprite.png) no-repeat 0px; margin: -8px 0px 0px; top: 50%; width: 10px; height: 17px; position: absolute; z-index: 12;}
div#segmentTypeFilter div#mapChangeControls a.left span.controlIcon {
background-position: -10px 0px; left: 1px;}
div#segmentTypeFilter div#mapChangeControls a.left:hover span.controlIcon {
background-position: -30px 0px;}
div#segmentTypeFilter div#mapChangeControls a.right span.controlIcon {
background-position: 0px 0px; right: 2px;}
div#segmentTypeFilter div#mapChangeControls a.right:hover span.controlIcon {
background-position: -20px 0px;}
div#segmentTypeFilter div#mapChangeControls a span.controlText {
margin: 0px; padding: 5px 10px 0px 5px; line-height: 1em; font-size: 1.5em; display: block; background-color: rgb(51, 51, 51);}
div#segmentTypeFilter div#mapChangeControls a span.article {
margin: 0px; padding: 6px 10px 0px 5px; line-height: 1em; font-size: 1em; display: inline-block; background-color: rgb(51, 51, 51);}
#segmentTypeFilter ul {
width: 720px; clear: both;}
#segmentTypeFilter ul li {
margin: 0px; width: 144px; height: 144px; color: rgb(255, 255, 255); float: left; display: block; background-color: rgb(217, 46, 16);}
#segmentTypeFilter ul li a p {
margin: 0px; padding: 10px; width: 124px; height: 124px; color: rgb(255, 255, 255); font-family: "AvenirLT55Roman",Verdana,Arial,Sans-Serif; font-size: 14px; display: none;}
#segmentTypeFilter ul li a p span {
font-size: 13px; text-decoration: underline; display: inline;}
#segmentTypeFilter ul li a {
width: 144px; height: 144px; overflow: hidden; text-decoration: none; display: block; cursor: pointer;}
#segmentTypeFilter ul li a:hover {
width: 143px; height: 143px;}
#segmentTypeFilter ul li a:focus {
width: 143px; height: 143px;}
#segmentTypeFilter ul li a:hover img.person {
display: none !important;}
#segmentTypeFilter ul li a:focus img.person {
display: none !important;}
#segmentTypeFilter ul li a img.arrow {
display: inline-block !important;}
#segmentTypeFilter ul li a em {
font-style: normal; margin-bottom: 10px; display: block;}
#segmentTypeFilter ul li a:hover p {
display: block !important;}
#segmentTypeFilter ul li a:focus p {
display: block !important;}
.caseStudiesSegmentFilter .filterConfirmation h2 {
font: 2em/normal CgAquariusNo8, Verdana, Arial, Sans-Serif; padding: 10px; border-top-color: rgb(239, 237, 236); border-top-width: 1px; border-top-style: solid; font-size-adjust: none; font-stretch: normal;}
#caseStudiesList ul {
width: 720px; clear: both;}
#caseStudiesList ul li {
margin: 0px; width: 144px; height: 144px; color: rgb(255, 255, 255); float: left; display: block; background-color: rgb(217, 46, 16);}
#caseStudiesList ul li a p {
margin: 0px; padding: 10px; width: 124px; height: 124px; color: rgb(255, 255, 255); font-family: "AvenirLT55Roman",Verdana,Arial,Sans-Serif; font-size: 14px; display: none;}
#caseStudiesList ul li a p span {
font-size: 13px; text-decoration: underline; display: inline;}
#caseStudiesList ul li a {
width: 144px; height: 144px; overflow: hidden; text-decoration: none; display: block; cursor: pointer;}
#caseStudiesList ul li a:hover {
width: 143px; height: 143px;}
#caseStudiesList ul li a:focus {
width: 143px; height: 143px;}
#caseStudiesList ul li a .thumbnail-img img {
width: 144px; height: 144px;}
#caseStudiesList ul li a:hover img.person {
display: none !important;}
#caseStudiesList ul li a:focus img.person {
display: none !important;}
#caseStudiesList ul li a img.arrow {
display: inline-block !important;}
#caseStudiesList ul li a em {
font-style: normal; margin-bottom: 10px; display: block;}
#caseStudiesList ul li a:hover p {
display: block !important;}
#caseStudiesList ul li a:focus p {
display: block !important;}
.isotope-item {
z-index: 2;}
.isotope-item.isotope-hidden {
z-index: 1; pointer-events: none;}
.isotope {
transition-duration: 0.8s; -webkit-transition-duration: .8s; -moz-transition-duration: .8s;}
.isotope .isotope-item {
transition-duration: 0.8s; -webkit-transition-duration: .8s; -moz-transition-duration: .8s;}
.isotope {
transition-property: height, width; -webkit-transition-property: height, width; -moz-transition-property: height, width;}
.isotope .isotope-item {
transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity;}
.contentLinkList {
clear: both;}
ul.linkList {
list-style: none;}
ul.linkList li {
background: url(../img/arrowred_8png.png) no-repeat 0px; margin: 0px 0px 0.2em; line-height: 1.5; padding-left: 15px; font-size: 1.4em; list-style-image: none;}
.content .article ul.linkList li {
background: url(../img/arrowred_8png.png) no-repeat 0px; margin: 0px 0px 0.2em; line-height: 1.5; padding-left: 15px; font-size: 1.4em; list-style-image: none;}
.article .summary ul.linkList li {
background: url(../img/arrowred_8png.png) no-repeat 0px; margin: 0px 0px 0.2em; line-height: 1.5; padding-left: 15px; font-size: 1.4em; list-style-image: none;}
.techThemeTile ul.linkList li {
background: url(../img/arrowblack-transparent.png) no-repeat 0px; margin: 0px 0px 0.2em; line-height: 1.5; padding-left: 15px; font-size: 1.4em;}
ul.linkList li a:hover {
text-decoration: underline;}
.hubPromoInsert {
overflow: hidden; margin-bottom: 11px; background-color: rgb(255, 255, 255);}
.hubPromoWide {
overflow: hidden; margin-bottom: 11px; background-color: rgb(255, 255, 255);}
.hubPromoPair {
overflow: hidden; margin-bottom: 11px; background-color: rgb(255, 255, 255);}
.hubPromo {
padding: 20px; overflow: hidden; background-color: rgb(255, 255, 255);}
.hubPromoInsert .hubPromo {
width: 445px; border-right-color: rgb(243, 243, 243); border-right-width: 235px; border-right-style: solid; float: left;}
.hubPromoWide .hubPromo {
padding-top: 32px;}
.hubPromoInsert .hubPromo {
padding-top: 32px;}
.hubPromoInsert .mediaPageLink {
margin-left: -235px; float: right;}
.hubPromoInsert .mediaPageLink p {
font-size: 1.2em;}
.hubPromo h2 {
font-size: 2em; font-weight: bold; margin-bottom: 0.4em;}
.hubPromo h3 {
font-size: 2em; font-weight: bold; margin-bottom: 0.4em;}
.hubPromo ul.linkList {
margin: 20px 0px 0px;}
.hubPromo p {
font-size: 1.2em;}
.hubPromo li {
font-size: 1.2em;}
.hubPromo ul.linkList li {
font-size: 1.4em;}
.hubPromoInsert ul.linkList {
width: 48%; margin-right: 2%; float: left;}
.hubPromoWide ul.linkList {
width: 48%; margin-right: 2%; float: left;}
.hubPromoGroup h2.hubPromoGroupTitle {
background: rgb(76, 77, 79); margin: 0px; padding: 15px 15px 8px; color: rgb(255, 255, 255); line-height: normal; letter-spacing: -2px; font-family: "CgAquariusNo8",Verdana,Arial,Sans-Serif; font-size: 3em;}
.hubPromoPair .hubPromo {
padding: 0px; width: 354px; border-right-color: rgb(239, 237, 236); border-right-width: 12px; border-right-style: solid; float: left;}
.hubPromoPair .last {
margin-left: -12px; border-right-color: currentColor; border-left-color: rgb(239, 237, 236); border-right-width: 0px; border-left-width: 12px; border-right-style: none; border-left-style: solid;}
.hubPromoPair .hubPromo h2 {
background: rgb(76, 77, 79); margin: 0px; padding: 15px 10px 8px 15px; color: rgb(255, 255, 255); line-height: normal; letter-spacing: -2px; font-family: "CgAquariusNo8",Verdana,Arial,Sans-Serif; font-size: 3em;}
.hubPromoPair .hubPromoContent {
padding: 20px; overflow: auto;}
.hubPromoPair .hubPromoContent .hubPromoLeft {
width: 140px; float: left;}
.hubPromoPair .hubPromoContent .hubPromoRight {
width: 170px; float: left;}
.hubPromoPair .hubPromo .hubPromoRight h3 {
font-size: 1.6em;}
.caseStudyDetails {
padding-top: 18px; margin-top: 20px; border-top-color: rgb(76, 77, 79); border-bottom-color: rgb(76, 77, 79); border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid;}
.caseStudyDetails h3 {
font: 1.6em/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; padding: 10px 0px 10px 5px; color: rgb(217, 46, 16); font-size-adjust: none; font-stretch: normal;}
.caseStudyDetails li h3 {
background: url(../img/headercolor_8png.png) no-repeat 0px 0px; padding: 16px 0px 3px;}
.caseStudyDetails p {
color: rgb(102, 102, 102); margin-bottom: 10px;}
.caseStudyDetails a.moreLink {
background: url(../img/arrowred_8png.png) no-repeat 0px 14px; font: 1.2em/normal Helvetica, Arial, Sans-Serif; padding: 14px 0px 10px 10px; margin-top: 10px; border-top-color: rgb(211, 212, 212); border-top-width: 1px; border-top-style: solid; display: block; font-size-adjust: none; font-stretch: normal;}
.caseStudyDetails li {
padding-top: 8px; position: relative;}
.caseStudyDetails li a {
display: block;}
.caseStudyDetails li span.filterLink {
background: url(../img/arrowredsmall.png) no-repeat 2px 0px; padding: 0px 0px 0px 9px; border: 0px currentColor; border-image: none; left: 0px; bottom: 2px; color: rgb(102, 102, 102); font-size: 1.1em; word-spacing: -1px; position: absolute;}
.caseStudyDetails a:hover {
text-decoration: underline;}
.caseStudyDetails a span.filterLink {
background: url(../img/arrowredsmall.png) no-repeat 2px 0px; margin: 0px 0px 5px 5px; padding: 0px 0px 0px 9px; color: rgb(102, 102, 102); font-size: 1.1em;}
.caseCompany {
padding: 10px 0px 10px 5px; font-size: 1.2em; font-weight: bold;}
.caseBoxSide {
width: 5px; float: left;}
.caseBox {
margin: 0px 10px 10px 4px; border: 1px solid rgb(239, 237, 236); border-image: none; width: 154px; padding-bottom: 5px;}
.main .accordionHeading {
padding: 10px 0px; overflow: hidden; clear: both; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; cursor: pointer;}
.main .accordionHeading h2 {
font: 1.6em/normal "AvenirLT55Roman", arial, helvetica, sans-serif; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: auto; float: left; cursor: pointer; font-size-adjust: none; font-stretch: normal;}
.hasJS .accordionHeading span {
background: url(../img/nav_sprite.png) no-repeat 0px -4px; width: 12px; height: 12px; text-indent: -100000px; margin-top: 3px; float: right; display: block; visibility: visible;}
.hasJS .accordionHeading span.active {
background-position: 0px -205px;}
.accordionHeading span {
visibility: hidden;}
.accordionWrapper p {
margin: 0px; font-size: 1.2em;}
.accordionWrapper .panel {
padding-bottom: 40px; clear: both;}
.accordionWrapper .panel ul.linkList {
margin: 20px 0px 0px;}
.richHeader {
width: 660px; height: 348px; overflow: hidden; position: relative;}
.richHeader h2 {
font: 3.7em/1.2em "CgAquariusNo8", Verdana, Arial, Sans-Serif; width: 496px; padding-top: 9px; border-left-color: rgb(51, 51, 51); border-left-width: 18px; border-left-style: solid; position: relative; z-index: 10; font-size-adjust: none; font-stretch: normal;}
.richHeader h2 span {
padding: 12px 18px 4px 0px; color: rgb(255, 255, 255); white-space: pre-wrap; background-color: rgb(51, 51, 51);}
.richHeader p {
font: 1.2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin: 0px; padding: 5px; width: auto; clear: both; float: left; position: relative; z-index: 10; font-size-adjust: none; font-stretch: normal; background-color: rgb(244, 164, 5);}
.richHeader img {
left: 0px; top: 0px; width: 660px; height: 347px; position: absolute;}
.pageSummary {
margin-bottom: 30px;}
.page-summary {
background: url(../img/iconcasestudyintro_8png.png) no-repeat 10px 10px rgb(229, 229, 229); padding: 20px 33px 19px 50px;}
.page-summary p {
font-size: 1.2em;}
.page-summary-download {
background: no-repeat 0px 8px rgb(229, 229, 229); padding: 5px 25px 8px 50px; min-height: 46px;}
.excel.page-summary-download {
background-image: url(../img/icondocexcel.png);}
.word.page-summary-download {
background-image: url(../img/icondocword.png);}
.pdf.page-summary-download {
background-image: url(../img/icondocpdf.png);}
.powerpoint.page-summary-download {
background-image: url(../img/icondocpowerpoint.png);}
.video.page-summary-download {
background-image: url(../img/iconvideo.png);}
.audio.page-summary-download {
background-image: url(../img/iconaudio.png);}
.accfutures.page-summary-download {
background-image: url(../img/iconaccountancyfutures.png);}
.content .article .page-summary-download p {
margin: 12px 0px 0px; padding: 0px; line-height: 1.3em; font-size: 1.2em;}
.page-summary-magazine {
padding: 0px 25px; overflow: auto; margin-top: 10px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 2px; border-bottom-style: solid; min-height: 92px;}
.page-summary-magazine img {
margin-right: 20px; float: left;}
.content .article .page-summary-magazine h3 {
margin: 18px 25px 0px 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1.3em; clear: none; font-size: 1.3em;}
.content .article .page-summary-magazine p {
margin: 0px 25px 0px 0px; padding: 0px; line-height: 1.3em; font-size: 1.3em;}
.pagination {
border: 0px currentColor; border-image: none; overflow: hidden; padding-top: 45px; margin-bottom: 20px;}
.pagination a.prev {
background: url(../img/arrowredpagination_8png.png) no-repeat 0px -200px;}
.pagination a.next {
background: url(../img/arrowredpagination_8png.png) no-repeat 207px -600px; text-align: right;}
.pagination a.prev:hover {
background-position: 0px 1px;}
.pagination a.next:hover {
background-position: 207px -399px;}
.pagination a span {
font: bold 1.1em/2 arial, helvetica, sans-serif; color: rgb(102, 102, 102); float: none; white-space: pre-wrap; font-size-adjust: none; font-stretch: normal; background-color: rgb(210, 210, 210);}
.rtl#master .pagination a span {
font: 2em/1.8em arial, helvetica, sans-serif; color: rgb(102, 102, 102); float: none; white-space: pre-wrap; font-size-adjust: none; font-stretch: normal; background-color: rgb(210, 210, 210);}
.pagination a:hover span {
color: rgb(51, 51, 51);}
.pagination a span.page {
font: 2.6em/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; padding: 0px; font-size-adjust: none; font-stretch: normal; background-color: transparent;}
.rtl#master .pagination a span.page {
font: 2em/normal "Arial", sans-serif; padding: 0px; font-size-adjust: none; font-stretch: normal; background-color: transparent;}
.pagination a.prev div {
padding: 5px 0px; width: 95%; line-height: normal; overflow: hidden; clear: both;}
.pagination a.next div {
padding: 5px 0px; width: 95%; line-height: normal; overflow: hidden; clear: both;}
.rtl#master .pagination a.prev div {
padding-top: 0px; padding-bottom: 0px; margin-left: 10px; float: left;}
.rtl#master .pagination a.next div {
padding-top: 0px; padding-bottom: 0px; margin-left: 10px; float: left;}
.pagination a.next div {
border-right-color: rgb(210, 210, 210); border-right-width: 10px; border-right-style: solid; float: right;}
.pagination a.next div span {
margin: 0px; padding: 8px 0.4em; line-height: 1.8em; float: none; display: inline; white-space: pre-wrap; position: relative; background-color: rgb(210, 210, 210);}
.pagination a.prev div span {
margin: 0px; padding: 8px 0.4em; line-height: 1.8em; float: none; display: inline; white-space: pre-wrap; position: relative; background-color: rgb(210, 210, 210);}
.rtl#master .pagination a.prev div span {
padding: 12px 0.4em; text-align: left;}
.rtl#master .pagination a.next div span {
padding: 12px 0.4em; text-align: left;}
.pagination a.next div span {
text-align: right; padding-right: 0px;}
.pagination a div span {
color: rgb(0, 0, 0);}
.mediaPageLink {
padding: 25px 15px; width: 205px; background-color: rgb(243, 243, 243);}
.mediaPageLink p {
margin: 0px 0px 1em; padding: 0px; line-height: 1.5em; font-size: 1.2em;}
.mediaPageLink a.mediaLink {
margin: 0px 0px 15px; padding: 1px; border: 1px solid rgb(176, 174, 170); border-image: none; overflow: hidden; text-decoration: none; display: block; position: relative; background-color: rgb(255, 255, 255);}
.mediaPageLink a.mediaLink img {
margin: 0px; display: block;}
.mediaPageLink .playheadVideo {
background: url(../img/playhead_sprite.png) no-repeat 0px 0px; margin: -35px 0px 0px -35px; left: 50%; top: 50%; width: 71px; height: 71px; display: block; position: absolute;}
.mediaPageLink .playheadAudio {
background: url(../img/playhead_sprite.png) no-repeat 0px 0px; margin: -35px 0px 0px -35px; left: 50%; top: 50%; width: 71px; height: 71px; display: block; position: absolute;}
.mediaPageLink .playheadAudio {
background-position: -72px 0px;}
.mediaPageLink a.pageLink {
font-size: 1.2em; text-decoration: underline;}
.mediaPageLink a.pageLink:hover {
color: rgb(217, 46, 16);}
.mediaPageLink a.pageLink:visited {
color: rgb(217, 46, 16);}
div.caseStudyBrief div.cs_brief {
width: 140px; height: 140px;}
div.caseStudyBrief div.view {
float: left;}
.featureQuoteInline {
background: url(../img/quoteredopen_8png.png) no-repeat 0px 0px; position: relative;}
.alignRight {
margin: 16px 0px 22px 22px; width: 160px; float: right;}
.alignLeft {
margin: 16px 22px 22px 0px; width: 160px; float: left;}
.inLineExternalQuote {
background: url(../img/quoteyellowopen_8png.png) no-repeat 0px 0px;}
.featureQuoteInline blockquote {
font: 2em/1.1em "CgAquariusNo8", Verdana, Arial, Sans-Serif; color: rgb(165, 166, 167); text-indent: 37px; padding-top: 10px; font-size-adjust: none; font-stretch: normal;}
.featureQuoteInline span.quote {
font: 1.1em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin: 0.3em 0px 0px; padding: 4px 0px 0px; color: rgb(76, 77, 79); display: block; font-size-adjust: none; font-stretch: normal;}
.featureQuoteInline span.quoteMark {
background: url(../img/quoteredclose_8png.png) no-repeat 0px 0px; width: 32px; height: 26px; display: inline-block;}
.inLineExternalQuote span.quoteMark {
background: url(../img/quoteyellowclose_8png.png) no-repeat 0px 0px;}
.mediaPlayBack {
margin: 0px 15px 15px 0px; float: left;}
.mediaPlayBack h2 {
padding: 10px 0px 7px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.videoFallback {
background: rgb(239, 237, 236); padding: 15px;}
ul.mediaAlternates {
margin: 20px 0px 0px;}
div.mediaPlayBack ul.mediaAlternates {
margin: 10px 0px 0px; padding: 5px 0px;}
div.mediaPlayBackCarousel ul.mediaAlternates {
margin: 10px 0px 0px; padding: 5px 0px;}
.topInsertLeft {
margin: 0px 0px 20px; float: left;}
.topInsertRight {
margin: 0px 0px 20px; float: right;}
div.contentAccordion div.componentEnd {
background: 0px 0px rgb(208, 222, 240); border: 1px solid rgb(153, 187, 232); border-image: none; margin-bottom: 10px;}
div.contentAccordion div.componentEnd h6 {
font: 11px/17px Verdana, sans-serif; padding: 3px 5px; color: rgb(77, 77, 77); border-top-color: white; border-top-width: 1px; border-top-style: solid; font-size-adjust: none; font-stretch: normal;}
.contentListing {
clear: both;}
.tableSorter {
width: 100%;}
.main table.tableSorter thead tr th {
font-size: 12px;}
.main table.tableSorter tbody tr td {
font-size: 12px;}
.main table.tableSorter thead tr th {
font-weight: bold;}
.main table.tableSorter thead tr th.doc {
width: 262px;}
.main table.tableSorter thead tr th.type {
width: 85px;}
.main table.tableSorter thead tr th.published {
width: 93px;}
.main table.tableSorter thead tr th.header {
background: url(../img/sortarrow.png) no-repeat 11px -85px rgb(77, 77, 79); text-align: left; padding-left: 25px; cursor: pointer;}
.main table.tableSorter thead tr th.headerSortUp {
background: url(../img/sortarrow.png) no-repeat 11px 17px rgb(77, 77, 79);}
.main table.tableSorter thead tr th.headerSortDown {
background: url(../img/sortarrow.png) no-repeat 11px -33px rgb(77, 77, 79);}
.main table.tableSorter tbody tr td.extra-padding {
padding-left: 25px;}
.main table tbody tr td a:hover {
text-decoration: underline;}
.main table.description tbody tr td {
font-weight: bold;}
.main table.tableSorter tbody tr td p {
margin: 0px; font-size: 1em; font-weight: normal;}
.content .article li.editContentListing {
margin: 0px; padding: 0px 0px 10px; list-style-image: none;}
.content .article li.editContentListing p {
font-size: 12px; font-weight: bold; margin-bottom: 0px;}
.content .article li.editContentListing p.editDoc {
width: 280px; float: left;}
.content .article li.editContentListing p.editType {
width: 100px; float: left;}
.content .article li.editContentListing p.editDate {
width: 80px; float: left;}
.content .article li.editContentListing p.editDesc {
width: 287px; clear: both; margin-bottom: 10px;}
.promo ul.themes {
padding-bottom: 17px; margin-top: 6px; margin-bottom: 0px; border-top-color: currentColor; border-bottom-color: rgb(239, 237, 236); border-top-width: 0px; border-bottom-width: 2px; border-top-style: none; border-bottom-style: solid;}
.aside .promo ul.themes li {
background: 0px; padding-left: 0px; margin-bottom: 8px;}
.promo ul.themes li a {
background: url(../img/arrowgrey.png) no-repeat 1px 0px; padding-top: 2px; padding-left: 15px; font-size: 10px; text-decoration: none;}
.promo ul.themes li a:hover {
text-decoration: underline;}
.shuffler {
width: 720px; height: 642px; margin-bottom: 20px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;}
.shuffler .ri-item {
background: rgb(255, 255, 255); border-width: 0px 0px 2px; width: 180px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; float: left; position: relative;}
.shuffler .ri-item img {
position: relative;}
.shuffler .ri-item p {
background: rgb(239, 237, 236); margin: 0px; padding: 0px; left: 0px; color: rgb(51, 51, 51); line-height: 13px; overflow: hidden; font-size: 10px; position: absolute; z-index: 2;}
.shuffler .ri-item h2 {
font: 36px/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; margin: 0px; padding: 0px 10px 0px 0px; left: 0px; top: 25px; color: rgb(255, 255, 255); overflow: hidden; border-left-color: rgb(51, 51, 51); border-left-width: 10px; border-left-style: solid; position: absolute; z-index: 2; font-size-adjust: none; font-stretch: normal;}
.shuffler .ri-item h2 span.headCopy {
padding: 12px 10px 0px 0px; top: 6px; line-height: 1.3em; white-space: pre-wrap; position: relative; background-color: rgb(51, 51, 51);}
.shuffler .ri-item h2 .moreWrap {
position: relative;}
.shuffler .ri-item h2 span.more {
background: url(../img/arrowreadmore.png) no-repeat left rgb(217, 46, 16); padding: 0px; width: 12px; height: 1.31em; right: -20px; bottom: 0px; display: block; position: absolute;}
.shuffler .ri-sorting-container {
background: rgb(239, 237, 236); width: 180px; height: 283px;}
.shuffler .ri-sorting-border {
border: 2px solid rgb(255, 255, 255); border-image: none; width: 166px;}
.shuffler .ri-sorting {
background: rgb(255, 255, 255); padding: 10px; border: 1px solid rgb(210, 210, 210); border-image: none; width: 144px; height: 249px;}
.shuffler .ri-sorting h2 {
font: 20px/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; margin: 0px 0px 8px; padding: 7px 0px 0px; border: 0px currentColor; border-image: none; top: 0px; color: rgb(51, 51, 51); letter-spacing: -1px; position: relative; font-size-adjust: none; font-stretch: normal;}
.shuffler .ri-sorting ul {
margin: 0px; padding: 0px; list-style-type: none;}
.shuffler .ri-sorting ul li {
margin: 0px 0px 3px;}
.shuffler .ri-sorting ul li a {
background: url(../img/sorting.gif) no-repeat 0px -50px; padding: 1px 0px 0px 23px; line-height: 16px; font-size: 12px;}
.shuffler .ri-sorting ul li a:hover {
text-decoration: underline;}
.shuffler .ri-sorting ul li a.selected {
background-position: 0px 0px;}
.shuffler .ri-size2 {
width: 540px; height: 283px;}
.shuffler .ri-size2 img {
width: 540px; height: 283px;}
.shuffler .ri-size2 h2 {
top: 25px;}
.shuffler .ri-size2 p {
top: 11px;}
.shuffler .ri-size3 {
width: 360px; height: 225px;}
.shuffler .ri-size3 img {
width: 359px; height: 188px;}
.shuffler .ri-size3 h2 {
background: rgb(51, 51, 51); font: 12px/12px "CgAquariusNo8", Verdana, Arial, Sans-Serif; border: 0px currentColor; border-image: none; top: 188px; width: 339px; height: 30px; padding-top: 7px; padding-left: 10px; font-size-adjust: none; font-stretch: normal;}
.shuffler .ri-size3 p {
bottom: 37px; min-width: 5%; max-width: 70%;}
.shuffler .ri-size3 h2 span.headCopy {
padding: 0px; top: 0px; line-height: 12px;}
.shuffler .ri-size4 h2 span.headCopy {
padding: 0px; top: 0px; line-height: 12px;}
.shuffler .ri-size3 h2 .moreWrap {
display: none;}
.shuffler .ri-size4 h2 .moreWrap {
display: none;}
.shuffler .ri-size4 {
width: 180px; height: 130px;}
.shuffler .ri-size4 img {
width: 178px; height: 93px;}
.shuffler .ri-size4 h2 {
background: rgb(51, 51, 51); font: 12px/12px "CgAquariusNo8", Verdana, Arial, Sans-Serif; border: 0px currentColor; border-image: none; top: 93px; width: 158px; height: 30px; padding-top: 7px; padding-left: 10px; font-size-adjust: none; font-stretch: normal;}
.shuffler .ri-size4 p {
bottom: 37px; min-width: 25%; max-width: 70%;}
.shuffler .ri-extra-padding img {
margin-left: 1px;}
.shuffler .ri-extra-padding h2 {
margin-left: 1px;}
.shuffler .ri-extra-padding2 img {
margin-left: 2px;}
.shuffler .ri-extra-padding2 h2 {
margin-left: 2px;}
.shuffler .ri-fade {
left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 10; background-color: rgba(174, 174, 174, 0.7);}
.shuffler .ri-hover {
background: rgb(255, 255, 255); padding: 21px 17px; width: 444px; height: 202px; display: none; position: absolute; z-index: 4;}
.shuffler .ri-hover .ri-hover-left {
width: 164px; float: left;}
.shuffler .ri-hover .ri-hover-left img {
width: 164px; height: 86px;}
.shuffler .ri-hover .ri-hover-right {
width: 264px; float: right;}
.shuffler .ri-hover p.ri-hover-article {
margin: 0px; color: rgb(118, 118, 118);}
.shuffler .ri-hover p.ri-hover-edition {
margin: 0px;}
.shuffler .ri-hover p.ri-hover-edition span {
color: rgb(118, 118, 118);}
.shuffler .ri-hover h3 {
color: rgb(51, 51, 51); font-size: 1.4em;}
.shuffler .ri-hover p.ri-hover-author {
color: rgb(118, 118, 118); font-size: 1.1em; margin-top: 2px;}
.shuffler .ri-hover p.ri-hover-description {
color: rgb(51, 51, 51);}
.isotope-item {
z-index: 2;}
.isotope-item.isotope-hidden {
z-index: 1; pointer-events: none;}
.isotope {
transition-duration: 0.8s; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s;}
.isotope .isotope-item {
transition-duration: 0.8s; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s;}
.isotope {
transition-property: height, width; -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width;}
.isotope .isotope-item {
transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity;}
.no-transition.isotope {
transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;}
.no-transition.isotope .isotope-item {
transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;}
.isotope .no-transition.isotope-item {
transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;}
.socialAggregator {
background: rgb(255, 255, 255); margin: 0px 0px 20px; overflow: auto;}
.socialAggregator h2 {
background: rgb(76, 77, 79); margin: 0px; padding: 15px 10px 8px 15px; color: rgb(255, 255, 255); line-height: normal; letter-spacing: -2px; font-family: "CgAquariusNo8",Verdana,Arial,Sans-Serif; font-size: 3em;}
.sa-feed {
clear: both; min-height: 311px;}
.sa-feed {
display: none;}
.sa-tab2 {
display: none;}
.sa-tab3 {
display: none;}
.sa-tab4 {
display: none;}
.authorMode.socialAggregator {
display: block;}
.authorMode .sa-feed {
display: block;}
.authorMode .sa-tab2 {
display: block;}
.authorMode .sa-tab3 {
display: block;}
.authorMode .sa-tab4 {
display: block;}
.sa-twitter {
display: block;}
ul.sa-filter {
margin: 12px 11px 11px; overflow: auto; clear: both;}
ul.sa-filter li {
padding-right: 8px; font-size: 1.2em; float: left;}
ul.sa-filter li.twitter {
background: url(../img/logotwitter.gif) no-repeat 0px 1px; padding-left: 18px;}
ul.sa-filter li a:hover {
text-decoration: underline;}
ul.sa-filter li a.sa-selected {
font-weight: bold;}
ul.sa-subfilter {
overflow: auto; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;}
ul.sa-subfilter li {
font-size: 1em; font-weight: bold; margin-left: 1px; float: left;}
ul.sa-subfilter li.first-tab {
margin-left: 0px;}
ul.sa-subfilter li a {
background: rgb(204, 204, 204); border-width: 2px 2px 0px; border-style: solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentColor; padding: 19px 0px 5px 6px; border-image: none; width: 169px; display: block;}
ul.sa-subfilter li a:hover {
text-decoration: underline;}
ul.sa-subfilter li.first-tab a {
width: 170px;}
ul.sa-subfilter li a.sa-selected {
background: rgb(255, 255, 255);}
div.sa-heading {
padding: 6px 28px 4px; clear: both; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;}
div.sa-heading h3 {
text-transform: none; font-size: 1.5em;}
div.sa-item {
padding: 16px 24px 15px; overflow: auto; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;}
div.sa-item-left {
width: 97px; float: left; min-height: 15px;}
div.sa-item-right {
width: 575px; float: left;}
div.sa-item p {
margin: 0px;}
div.sa-item p.sa-item-time {
color: rgb(51, 51, 51); font-size: 1.1em; font-weight: bold;}
div.sa-item p.sa-item-description {
line-height: 1.2;}
div.sa-item p.sa-item-description a {
text-decoration: underline;}
div.sa-item ul.sa-item-more {
margin: 0px; float: right;}
div.sa-item ul.sa-item-more li {
margin: 0px;}
div.sa-disclaimer {
padding: 5px 24px; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;}
div.sa-disclaimer p {
font-size: 1em;}
div.sa-disclaimer p a {
text-decoration: underline;}
div.rta-main-article {
margin: 0px 0px 20px; width: 720px; height: 378px; position: relative;}
div.rta-main-article img {
width: 720px; height: 377px; position: relative;}
div.rta-main-article h2 {
font: 36px/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; margin: 0px; padding: 0px 10px 0px 0px; left: 0px; top: 42px; width: 80%; color: rgb(255, 255, 255); overflow: hidden; border-left-color: rgb(51, 51, 51); border-left-width: 10px; border-left-style: solid; position: absolute; z-index: 2; font-size-adjust: none; font-stretch: normal;}
div.rta-main-article h2 a {
color: rgb(255, 255, 255);}
div.rta-main-article h2 span.headCopy {
padding: 12px 10px 0px 0px; top: 6px; line-height: 1.3em; white-space: pre-wrap; position: relative; background-color: rgb(51, 51, 51);}
div.rta-main-article h2 .moreWrap {
position: relative;}
div.rta-main-article h2 span.more {
background: url(../img/arrowreadmore.png) no-repeat left rgb(217, 46, 16); padding: 0px; width: 12px; height: 1.35em; right: -20px; bottom: 0px; display: block; position: absolute;}
div.rta-main-article div.rta-main-info {
background: rgba(0, 0, 0, 0.7); left: 0px; top: 281px; width: 720px; height: 97px; display: none; position: absolute; z-index: 3; cursor: pointer;}
div.rta-main-article div.rta-main-info p.rta-author {
margin: 14px 20px 0px; color: rgb(204, 204, 204); font-size: 1.4em;}
div.rta-main-article div.rta-main-info p.rta-description {
margin: 6px 20px 0px; color: rgb(255, 255, 255); font-size: 1.4em;}
div.rta-main-article div.rta-main-info p.rta-description a {
color: rgb(255, 255, 255); text-decoration: underline;}
.rta-sub-article-container {
background: rgb(255, 255, 255); margin: 0px 0px 20px; overflow: auto;}
div.rta-sub-article-wide {
background: rgb(255, 255, 255); margin: 0px 0px 20px; padding: 20px; width: 680px; overflow: auto; clear: both;}
div.rta-sub-article {
background: rgb(255, 255, 255); padding: 20px; width: 310px; border-right-color: rgb(239, 237, 236); border-right-width: 20px; border-right-style: solid; float: left;}
div.rta-sub-article img {
margin: 1px; display: block;}
div.rta-sub-article-wide img {
margin: 1px; display: block;}
div.rta-sub-article-right {
margin-left: -20px; border-right-color: currentColor; border-left-color: rgb(239, 237, 236); border-right-width: 0px; border-left-width: 20px; border-right-style: none; border-left-style: solid;}
div.rta-sub-article-wide div.rta-image {
background: rgb(255, 255, 255); border: 1px solid rgb(192, 190, 188); border-image: none; width: 309px;}
div.rta-sub-article div.rta-image {
background: rgb(255, 255, 255); border: 1px solid rgb(192, 190, 188); border-image: none; width: 309px;}
div.rta-sub-article-wide div.rta-image {
float: left;}
div.rta-sub-article-wide div.rta-article {
width: 340px; margin-left: 25px; float: left;}
div.rta-article h3 {
font-size: 2em; margin-top: 14px;}
div.rta-sub-article-wide div.rta-article h3 {
margin-top: 0px;}
div.rta-article p.rta-author {
color: rgb(118, 118, 118); font-size: 1.1em; margin-top: 1px; margin-bottom: 7px;}
div.rta-article ul.mediaAlternates {
margin-top: 12px;}
.rta-mini-article-container {
background: rgb(255, 255, 255); padding-bottom: 40px; margin-bottom: 20px; border-bottom-color: rgb(227, 227, 226); border-bottom-width: 2px; border-bottom-style: solid;}
.rta-mini-article-container h2 {
background: rgb(76, 77, 79); margin: 0px; padding: 15px 10px 8px 15px; color: rgb(255, 255, 255); line-height: normal; letter-spacing: -2px; font-family: "CgAquariusNo8",Verdana,Arial,Sans-Serif; font-size: 3em;}
.rta-mini-articles {
padding: 20px 20px 0px; border-bottom-color: rgb(227, 227, 226); border-bottom-width: 2px; border-bottom-style: solid;}
.rta-mini-article {
height: 61px; overflow: auto; clear: both;}
.rta-mini-article img {
float: left;}
.rta-mini-article .rta-mini-article-right {
width: 590px; margin-left: 12px; float: left;}
.rta-mini-article p {
margin: 0px;}
.rta-mini-article p.rta-title {
line-height: 1.2em;}
.rta-mini-article p.rta-title a {
font-weight: bold;}
.rta-mini-article p.rta-title a:hover {
text-decoration: underline;}
.rta-mini-article p.rta-description {
line-height: 1.2em;}
.rta-mini-article p.rta-description a {
text-decoration: underline;}
.rta-mini-article p.rta-description a:hover {
color: rgb(217, 46, 16);}
.rta-mini-article-container .linkList {
margin: 10px 10px 10px 0px; float: right;}
div.authorDetails {
margin: 20px 0px 0px; border-top-color: rgb(76, 77, 79); border-top-width: 5px; border-top-style: solid;}
div.authorDetails h4 {
color: rgb(214, 52, 0); letter-spacing: -1px; font-family: "CgAquariusNo8",Verdana,Arial,Sans-Serif; font-size: 1.6em; margin-top: 18px;}
div.authorDetails div.ad-image {
background: rgb(255, 255, 255); margin: 0px 0px 10px; padding: 1px; border: 1px solid rgb(176, 174, 170); border-image: none;}
div.authorDetails div.ad-image img {
display: block;}
div.authorDetails p {
margin: 0px 0px 3px; color: rgb(51, 51, 51);}
div.authorDetails p span {
color: rgb(102, 102, 102);}
div.authorDetails ul.ad-follow {
margin: 11px 0px 0px; height: 19px; color: rgb(102, 102, 102); font-size: 1.2em;}
div.authorDetails ul.ad-follow li {
margin-right: 5px; float: left;}
div.authorDetails ul.ad-follow li.ad-follow-text {
padding-top: 3px; margin-right: 7px;}
div.authorDetails ul.mediaAlternates {
margin-top: 11px;}
div.comment-form-container {
margin: 0px 0px 20px; padding: 31px 0px 0px; border-top-color: rgb(51, 51, 51); border-top-width: 3px; border-top-style: solid;}
div.comment-form-container h3 {
margin: 0px 0px 4px; font-size: 1.9em;}
div.comment-form-container p {
font-size: 1.2em;}
div.comment-form-container p a {
text-decoration: underline;}
div.comment-form {
padding: 20px; margin-top: 10px; background-color: rgb(239, 238, 236);}
div.comment-form label.comment-text-label {
width: 170px; font-size: 1.2em; font-weight: bold; margin-bottom: 5px; float: left; display: block;}
div.comment-form textarea.comment-text {
padding: 2px; border: 1px solid rgb(76, 77, 79); border-image: none; width: 474px; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1.2em;}
div.comment-form p.characters-left {
text-align: right; font-size: 1.2em;}
div.comment-form p.characters-left span {
padding-right: 3px;}
div.comment-form p.characters-left span.error {
color: rgb(204, 0, 0);}
div.comment-form input.comment-text {
padding: 2px; border: 1px solid rgb(51, 51, 51); border-image: none; font-size: 1.2em;}
div.comment-form input.comment-author {
width: 165px; clear: both; margin-bottom: 15px; display: block;}
div.comment-form input.comment-email {
width: 165px; clear: both; margin-bottom: 25px; display: block;}
.comment-error {
color: rgb(204, 0, 0); font-size: 1.2em; font-weight: bold; margin-bottom: 5px; float: left;}
div.comment-form input.submit {
background: url(../img/btnsubmit.png) no-repeat; margin: 0px; padding: 3px 0px 8px; border: 0px currentColor; border-image: none; width: 88px; height: 28px; color: rgb(255, 255, 255); font-size: 1.2em; font-weight: bold; cursor: pointer;}
form#comments-lightbox-form div.comment-block input.submit {
background: url(../img/btnsubmit.png) no-repeat; margin: 0px; padding: 3px 0px 8px; border: 0px currentColor; border-image: none; width: 88px; height: 28px; color: rgb(255, 255, 255); font-size: 1.2em; font-weight: bold; cursor: pointer;}
.articleFilters input.submit {
background: url(../img/btnsubmit.png) no-repeat; margin: 0px; padding: 3px 0px 8px; border: 0px currentColor; border-image: none; width: 88px; height: 28px; color: rgb(255, 255, 255); font-size: 1.2em; font-weight: bold; cursor: pointer;}
div.comment-form input.submit:hover {
background-position: 0px -28px;}
form#comments-lightbox-form div.comment-block input.submit:hover {
background-position: 0px -28px;}
div.comments-list {
padding-bottom: 5px; margin-bottom: 40px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid;}
div.comments-count {
padding: 10px 0px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid;}
form#comments-lightbox-form {
background: rgb(255, 255, 255); padding: 10px; border-radius: 10px; left: 50%; top: 50px; width: 482px; margin-left: -241px; visibility: hidden; position: fixed; z-index: 102; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
form#comments-lightbox-form div.comment-block {
background: rgb(239, 238, 236); padding: 10px 20px;}
form#comments-lightbox-form div.comment-block p {
margin-bottom: 4px;}
form#comments-lightbox-form div.comment-block p.recaptcha-cancel {
text-decoration: underline; margin-top: 24px; margin-bottom: 0px; float: right; cursor: pointer;}
form#comments-lightbox-form div.comment-block input.submit {
margin-top: 10px;}
div.recaptcha-lightbox {
background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 101; opacity: 0.75; -moz-opacity: .75; -khtml-opacity: .75;}
div.comment-moderate {
background: rgb(76, 77, 79); padding: 2px 5px; color: rgb(255, 255, 255); font-size: 1.2em; font-weight: bold;}
div.comment-spam {
background: rgb(76, 77, 79); padding: 2px 5px; color: rgb(255, 255, 255); font-size: 1.2em; font-weight: bold;}
div.commentPosts {
margin: 0px 0px 20px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid;}
div.commentPosts h3 {
margin: 0px 0px 4px; padding: 0px 0px 6px; font-size: 1.6em; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid;}
div.commentPosts h3 span.comment-number {
color: rgb(255, 0, 0);}
div.commentPosts div.comment-post {
border-top-color: rgb(204, 204, 204); border-top-width: 3px; border-top-style: solid;}
div.commentPosts div.comment-first-post {
border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
div.commentPosts div.comment-post p.comment-name {
margin: 0px 0px 2px; padding-top: 16px; font-weight: bold;}
div.commentPosts div.comment-post p.comment-date {
margin: 0px 0px 14px; color: rgb(118, 118, 118); font-size: 1.1em; font-weight: bold;}
div.commentPosts div.comment-post p.comment-text {
margin: 0px 0px 14px; font-size: 1.1em;}
div.commentPosts div.comment-actions {
font-weight: bold;}
div.commentPosts div.comment-actions a {
font-weight: bold; text-decoration: underline;}
div.commentPosts div.comment-actions a:hover {
color: rgb(217, 46, 16);}
div.commentPosts div.comment-actions a.comment-report-link {
font-size: 0.9em; font-weight: normal; float: right;}
div.commentPosts div.comment-post span.comment-acca {
background: url(../img/iconacca.gif) no-repeat; margin: -2px 5px 0px 0px; width: 19px; height: 19px; float: left; display: block;}
.page-comments {
margin: 0px 0px 20px; padding: 31px 0px 0px; border-top-color: rgb(51, 51, 51); border-top-width: 3px; border-top-style: solid;}
.page-comments h3 {
margin: 0px 0px 4px; font-size: 1.9em;}
div.comment-body {
border-top-color: rgb(201, 201, 202); border-top-width: 1px; border-top-style: solid;}
.tree .comment-body {
padding-left: 20px;}
.tree .tree .comment-actions {
padding-left: 20px;}
.tree .tree .comment-body {
padding-left: 20px; margin-left: 20px;}
.tree .tree .tree .comment-actions {
padding-left: 20px; margin-left: 20px;}
.tree .tree .tree .comment-body {
padding-left: 20px; margin-left: 40px;}
.tree .tree .tree .tree .comment-actions {
padding-left: 20px; margin-left: 40px;}
div.comment-form-container {
margin: 0px 0px 20px; padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
div.commentPosts div.comment-post {
border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
div.commentPosts div.comment-first-post {
overflow: hidden; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
p.comment-name span.comment-acca {
background: url(../img/iconacca.gif) no-repeat; margin: -2px 5px 0px 0px; width: 19px; height: 19px; float: left; display: block;}
.articleFilters {
width: 470px;}
.articleFilters legend {
left: -9999px; position: absolute;}
.articleFilters input.submit {
background: url(../img/btnsubmitlrg.png) no-repeat; padding: 5px 3px 6px 0px; width: 100px; height: 28px; text-align: center;}
.articleFilters .subjectArea input.submit {
margin: 10px 0px 0px;}
.articleFilters .international input.submit {
margin-left: 10px;}
.articleFilters .international input.submit {
margin-left: 10px;}
.articleFilters .filterBox input.submit {
margin: 10px 0px 20px;}
.articleFilters span.formElement {
padding: 0px 0px 10px; display: inline-block; min-width: 30%;}
.cpdResults .articleFilters fieldset div span.formElement {
padding: 0px 0px 12px; width: 45%; line-height: 1.5; vertical-align: top;}
.cpdResults .articleFilters fieldset div.international span.formElement {
width: 50%;}
.cpdResults .articleFilters fieldset div span.formElement label {
vertical-align: top; max-width: 75%;}
.articleFilters span.formElementAllTopics {
padding: 0px 0px 20px;}
.articleFilters span.breaker {
display: block;}
.articleFilters .international {
padding: 0px 5px 30px; text-align: right;}
.hasJS .articleFilters .international.updateList {
display: none;}
.articleFilters .subFilters {
border-top-color: rgb(76, 77, 79); border-right-color: rgb(76, 77, 79); border-left-color: rgb(76, 77, 79); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid;}
.articleFilters .filterBox {
padding: 0px 20px;}
.articleFilters .filterBox fieldset {
padding: 20px 0px 0px; clear: both; border-top-color: rgb(230, 227, 225); border-top-width: 1px; border-top-style: solid;}
.articleFilters .subjectArea {
padding: 20px;}
.articleFilters .subjectArea {
margin: 0px 0px 20px; border-top-color: rgb(230, 227, 225); border-bottom-color: rgb(230, 227, 225); border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid;}
.articleFilters .subjectArea span:first-of-type {
padding-bottom: 10px;}
.articleFilters .tabbedContainer {
margin: 0px !important;}
.articleFilters .extraFilters {
top: 1px; position: relative;}
.articleFilters .tabbedContainer li {
background: rgb(204, 204, 204) !important; margin: 0px !important; padding: 20px; display: inline-block;}
.articleFilters .tabbedContainer li.active {
background: rgb(255, 255, 255) !important; border-top-color: rgb(76, 77, 79); border-right-color: rgb(76, 77, 79); border-left-color: rgb(76, 77, 79); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; display: inline-block;}
.articleFilters .extraFilters li.active {
padding-bottom: 21px;}
.articleFilters .tabbedContainer a {
font-size: 1.2em !important; font-weight: bold; text-decoration: none !important;}
.articleFilters .tabbedContainer a:hover {
color: rgb(51, 51, 51);}
.articleFilters th a {
color: rgb(255, 255, 255) !important; font-weight: bold;}
.articleFilters th a:hover {
color: rgb(255, 255, 255); text-decoration: none;}
.articleFilters th a:focus {
color: rgb(255, 255, 255); text-decoration: none;}
.articleFilters th span {
padding-right: 5px; display: inline-block;}
.articleFilters th span.off {
background: url(../img/arrowssort.png) no-repeat 1px -6px; width: 8px; height: 9px; display: inline-block;}
.articleFilters th span.asc {
background: url(../img/arrowssort.png) no-repeat 0px 0px; width: 8px; height: 6px;}
.articleFilters th span.desc {
background: url(../img/arrowssort.png) no-repeat 0px -15px; width: 8px; height: 6px;}
.articleFilters th {
padding: 13px 3px 10px 7px;}
.articleFilters th {
width: 18%; text-align: left;}
.articleFilters td {
width: 18%; text-align: left;}
.articleFilters tbody tr {
border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;}
.articleFilters tbody tr:last-child {
border-bottom-color: rgb(204, 204, 204); border-bottom-width: 2px; border-bottom-style: solid;}
.articleFilters th.title {
width: 37%;}
.articleFilters td.title {
width: 37%;}
.articleFilters td.title a {
text-decoration: underline;}
.articleFilters input {
font-size: 1.2em; display: inline-block;}
.articleFilters label {
font-size: 1.2em; display: inline-block;}
.articleFilters label.disabled {
color: rgb(143, 143, 143);}
.articleFilters input.updateList {
float: right;}
.articleFilters .filterBox p {
font-weight: bold; margin-bottom: 20px;}
.articleFilters .subjectArea p {
font-weight: bold; margin-bottom: 20px;}
.articleFilters ul.tabbed-container li h2 {
display: inline-block;}
.articleFilters ul.tabbed-container li h2 {
display: inline-block;}
.js .articleFilters .sectionHeading {
font-size: 1.2em;}
.toggleFilters {
margin: 15px 0px; font-size: 1.2em; font-weight: bold; float: right;}
.toggleFilters span {
background: url(../img/arrowfilter.png) no-repeat 0px 0px; width: 13px; height: 9px; display: inline-block;}
.toggleFilters span.toggleFiltersClosed {
background: url(../img/arrowfilter.png) no-repeat 0px -10px; width: 13px; height: 9px;}
.articleFilters .articlePagination {
padding: 15px 0px 0px; border: 0px currentColor; border-image: none; width: 100%; height: 80px;}
.articleFilters .articlePagination .topRow {
width: 470px; height: 30px; float: none;}
.articleFilters .filterPagination .active {
border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;}
.articleFilters .filterPagination a:hover {
border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;}
.articleFilters .ofPagination {
float: none !important;}
.articleFilters .filterPagination {
float: none !important;}
.articleFilters .ofPagination span {
margin-right: 4px;}
.articleFilters .filterPagination span {
margin-right: 4px;}
.articleFilters .pagination {
float: right !important;}
.articleFilters .pagination li a {
padding: 4px 5px;}
.hasJS .resultTooltipWrapper {
top: -75px; right: -280px; position: absolute; z-index: 1;}
.hasJS .resultTooltipWrapper > span {
background: url(../img/tooltip.png) no-repeat; width: 26px; height: 192px; float: left; display: inline-block;}
.hasJS .resultTooltip {
background: white; padding: 10px; width: 237px; height: 170px; line-height: 1.3; font-size: 1.3em; border-top-color: rgb(219, 219, 219); border-right-color: rgb(219, 219, 219); border-bottom-color: rgb(219, 219, 219); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; float: left; box-shadow: 5px 1px 10px #dbdbdb; -webkit-box-shadow: 5px 1px 10px #dbdbdb; -moz-box-shadow: 5px 1px 10px #dbdbdb;}
.hasJS .resultTooltip div {
background: rgb(216, 45, 13); margin: 0px 0px 15px;}
.hasJS .resultTooltip h3 {
padding: 20px; color: rgb(255, 255, 255); font-size: 1.23em;}
.hasJS .resultTooltipContainer {
position: relative;}
.recentlyAdded img {
width: auto; height: auto; float: left; max-width: 100%;}
.tableHolder img {
width: auto; height: auto; float: left; max-width: 100%;}
.recentlyAdded {
background: rgb(255, 255, 255); margin: 0px 5px; width: 230px; color: rgb(51, 51, 51);}
.recentlyAddedHeader {
background: rgb(123, 118, 113); width: 100%; height: 48px; color: rgb(255, 255, 255);}
.recentlyAddedHeader h2 {
padding: 10px 0px 0px 14px; width: 150px; line-height: 1.4em; font-size: 1.2em; font-weight: bold;}
.recentlyAddedList {
padding: 0px 10px;}
.recentlyAddedProperties {
width: 109px; font-size: 1.2em; margin-left: 15px; float: right;}
.recentlyAddedProperties span:first-child {
padding: 0px 3px 0px 0px; font-weight: bold;}
.recentlyAddedList > li {
margin: 0px 0px 10px; padding: 0px 0px 15px; height: 100px; border-bottom-color: rgb(224, 220, 218); border-bottom-width: 1px; border-bottom-style: solid;}
.recentlyAddedList > li:last-child {
border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;}
.recentlyAdded a {
padding: 15px 0px 20px; clear: both; font-size: 1.4em; display: block;}
.recentlyAdded a span {
background: url(../img/arrowred_8png.png) no-repeat 0px 0px; margin: 0px 5px 0px 0px; width: 5px; height: 9px; display: inline-block;}
.recentlyAdded img {
width: auto; height: auto; float: left; max-width: 40%;}
.cpdResults .articlePagination .pagination li {
margin-left: 0px; list-style-image: none; position: static;}
.cpdResults .main table thead tr th {
padding: 13px 5px 10px;}
.cpdResults .tableHolder img {
max-width: 95%;}
.promoTriple {
width: 720px; padding-bottom: 10px;}
.promoTriple h2 {
font: 18px/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin: 15px; text-align: center; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;}
.promoTriple p {
font: 12px/normal Helvetica, Arial, sans-serif; font-size-adjust: none; font-stretch: normal;}
.promoTripleOne {
width: 238px; margin-right: 2px; float: left; background-color: rgb(217, 46, 16);}
.promoTripleTwo {
width: 240px; margin-right: 2px; float: left; background-color: rgb(228, 134, 0);}
.promoTripleThree {
width: 238px; float: left; background-color: rgb(244, 164, 5);}
.promoTriple .contentBg {
padding: 5px 24px; overflow: auto; background-color: rgb(255, 255, 255);}
#underlineHolder {
width: 720px;}
#promoTripleOneUnderline {
width: 238px; height: 3px; margin-right: 2px; float: left; background-color: rgb(217, 46, 16);}
#promoTripleTwoUnderline {
width: 240px; height: 3px; margin-right: 2px; float: left; background-color: rgb(228, 134, 0);}
#promoTripleThreeUnderline {
width: 238px; height: 3px; float: left; background-color: rgb(244, 164, 5);}
.promoTripleOne .btnApply {
font: 12px/normal Helvetica, Arial, sans-serif; font-size-adjust: none; font-stretch: normal; background-color: rgb(217, 46, 16);}
.promoTripleOne a.btnApply:hover {
background: rgb(189, 40, 14);}
.promoTripleTwo .btnApply {
font: 12px/normal Helvetica, Arial, sans-serif; font-size-adjust: none; font-stretch: normal; background-color: rgb(228, 134, 0);}
.promoTripleTwo a.btnApply:hover {
background: rgb(200, 117, 0);}
.promoTripleThree .btnApply {
font: 12px/normal Helvetica, Arial, sans-serif; font-size-adjust: none; font-stretch: normal; background-color: rgb(244, 164, 5);}
.promoTripleThree a.btnApply:hover {
background: rgb(214, 144, 4);}
.promoTriple ul.linkList li {
font: 12px/normal Helvetica, Arial, sans-serif; font-size-adjust: none; font-stretch: normal;}
.nationalSites {
background: rgb(255, 255, 255); border: 2px solid rgb(51, 51, 51); border-image: none; top: 24px; width: 640px; height: 615px; right: 0px; overflow: hidden; position: absolute; z-index: 50;}
.flyoutTitle {
margin: 15px 0px 5px 10px; color: rgb(51, 51, 51); font-family: "AvenirLT55Roman",\5FAE\8F6F\96C5\9ED1; font-size: 1.2em; font-weight: bold; display: block;}
.flyoutRegion {
border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid;}
.flyoutCol {
width: 23%; padding-left: 10px; margin-top: 10px; float: left;}
.flyoutFlag {
width: 25px; height: 24px; margin-right: 5px; float: left; z-index: 999999999;}
div#australiaFlag {
background: url(../img/flags.png) 0px 0px;}
div#canadaFlag {
background: url(../img/flags.png) 0px -34px;}
div#carribeanFlag {
background: url(../img/flags.png) 0px -68px;}
div#czechRepublicFlag {
background: url(../img/flags.png) 0px -102px;}
div#hongKongFlag {
background: url(../img/flags.png) 0px -136px;}
div#hungaryFlag {
background: url(../img/flags.png) 0px -170px;}
div#indiaFlag {
background: url(../img/flags.png) 0px -204px;}
div#irelandFlag {
background: url(../img/flags.png) 0px -238px;}
div#middleEastFlag {
background: url(../img/flags.png) 0px -272px;}
div#newZealandFlag {
background: url(../img/flags.png) 0px -306px;}
div#pakistanFlag {
background: url(../img/flags.png) 0px -340px;}
div#scotlandFlag {
background: url(../img/flags.png) 0px -374px;}
div#singaporeFlag {
background: url(../img/flags.png) 0px -408px;}
div#slovakiaFlag {
background: url(../img/flags.png) 0px -442px;}
div#southAfricaFlag {
background: url(../img/flags.png) 0px -476px;}
div#sriLankaFlag {
background: url(../img/flags.png) 0px -510px;}
div#ukFlag {
background: url(../img/flags.png) 0px -544px;}
div#ukraineFlag {
background: url(../img/flags.png) 0px -578px;}
div#usaFlag {
background: url(../img/flags.png) 0px -612px;}
div#walesFlag {
background: url(../img/flags.png) 0px -646px;}
div#zimbabweFlag {
background: url(../img/flags.png) 0px -680px;}
div#armeniaFlag {
background: url(../img/flags.png) 0px -714px;}
div#azerbaijanFlag {
background: url(../img/flags.png) 0px -748px;}
div#belarusFlag {
background: url(../img/flags.png) 0px -782px;}
div#chinaFlag {
background: url(../img/flags.png) 0px -816px;}
div#estoniaFlag {
background: url(../img/flags.png) 0px -850px;}
div#georgiaFlag {
background: url(../img/flags.png) 0px -884px;}
div#latviaFlag {
background: url(../img/flags.png) 0px -918px;}
div#lithuaniaFlag {
background: url(../img/flags.png) 0px -952px;}
div#malaysiaFlag {
background: url(../img/flags.png) 0px -986px;}
div#nigeriaFlag {
background: url(../img/flags.png) 0px -1020px;}
div#polandFlag {
background: url(../img/flags.png) 0px -1054px;}
div#russiaFlag {
background: url(../img/flags.png) 0px -1088px;}
div#vietnamFlag {
background: url(../img/flags.png) 0px -1122px;}
div#zambiaFlag {
background: url(../img/flags.png) 0px -1156px;}
ul#servicesNav .flyoutLink a {
margin: 10px 10px 0px 0px; padding: 0px; height: 24px; color: rgb(51, 51, 51); font-family: "AvenirLT55Roman",\5FAE\8F6F\96C5\9ED1; font-size: 1.2em; font-weight: bold;}
ul#servicesNav .flyoutLink a:hover {
margin: 10px 10px 0px 0px; padding: 0px; height: 24px; color: rgb(217, 46, 16); font-family: "AvenirLT55Roman",\5FAE\8F6F\96C5\9ED1; font-size: 1.2em; font-weight: bold;}
#flyoutLine {
height: 27px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
#flyoutHeading {
padding: 5px 0px 5px 10px; width: 82%; font-size: 1.3em; font-weight: bold; float: left;}
#flyoutGlobal {
float: left;}
#flyoutGlobalAcca {
margin-right: 3px; float: left;}
ul#servicesNav li #flyoutGlobalLink {
float: left;}
ul#servicesNav li #flyoutGlobalLink a {
padding: 8px 0px 5px; color: rgb(51, 51, 51); font-size: 1.1em; font-weight: bold;}
form .form_row {
color: rgb(102, 102, 102); line-height: 24px; clear: both; font-size: 13px; display: block;}
form .form_leftcolmark {
color: rgb(255, 0, 0);}
form .form_leftcollabel {
font-weight: bold; float: left;}
form .form_leftcolmark {
padding-left: 2px; font-weight: bold; float: left;}
form .form_leftcolnobr {
margin-bottom: 15px; float: left;}
form .form_rightcol {
clear: both;}
form .form_rightcolnobr {
clear: none; margin-bottom: 15px; float: right;}
form .form_error {
color: rgb(255, 0, 0);}
form .form_rightcol form_error {
color: rgb(255, 0, 0);}
.carousel {
line-height: 1; margin-bottom: 10px; position: relative;}
.carousel-inner {
width: 100%; overflow: hidden; position: relative;}
.carousel-inner > .item {
transition:left 0.6s ease-in-out; display: none; position: relative; -webkit-transition: .6s ease-in-out left; -moz-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left;}
.carousel-inner > .item > img {
line-height: 1; display: block;}
.carousel-inner > .item > a > img {
line-height: 1; display: block;}
.carousel-inner > .active {
display: block;}
.carousel-inner > .next {
display: block;}
.carousel-inner > .prev {
display: block;}
.carousel-inner > .active {
left: 0px;}
.carousel-inner > .next {
top: 0px; width: 100%; position: absolute;}
.carousel-inner > .prev {
top: 0px; width: 100%; position: absolute;}
.carousel-inner > .next {
left: 100%;}
.carousel-inner > .prev {
left: -100%;}
.carousel-inner > .left.next {
left: 0px;}
.carousel-inner > .right.prev {
left: 0px;}
.carousel-inner > .left.active {
left: -100%;}
.carousel-inner > .right.active {
left: 100%;}
.carousel-control {
background: rgb(34, 34, 34); border-radius: 23px; border: 3px solid rgb(255, 255, 255); border-image: none; left: 15px; top: 40%; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 60px; font-weight: 100; margin-top: -20px; position: absolute; opacity: 0.5; -moz-border-radius: 23px; -webkit-border-radius: 23px;}
.right.carousel-control {
left: auto; right: 15px;}
.carousel-control:hover {
color: rgb(255, 255, 255); text-decoration: none; opacity: 0.5;}
.carousel-control:focus {
color: rgb(255, 255, 255); text-decoration: none; opacity: 0.5;}
.carousel-indicators {
list-style: none; margin: 0px; top: 15px; right: 24px; position: absolute; z-index: 75;}
.carousel-indicators li {
border: 1px solid rgb(218, 216, 211); border-image: none; width: 30px; height: 10px; text-indent: -999px; margin-top: 310px; margin-left: 5px; float: left; display: block; cursor: pointer; background-color: rgba(255, 255, 255, 0.75);}
.carousel-indicators .active {
background-color: rgb(228, 134, 0);}
.carousel-caption {
padding: 40px 0px 0px 24px; left: 0px; top: 0px; width: 50%; right: 0px; bottom: 0px; position: absolute;}
.carousel-caption h2 {
color: rgb(255, 255, 255); font-size: 24px; font-weight: bold;}
.carousel-caption h4 {
font: bold 2.4em/30px "AvenirLT55Roman", Verdana, Arial, Sans-Serif; color: rgb(255, 255, 255); margin-bottom: 5px; font-size-adjust: none; font-stretch: normal;}
.carousel-caption p {
font: 1.8em/24px helvetica, Arial, Sans-Serif; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;}
.carousel-caption h4 {
margin: 0px;}
.carousel-caption p {
margin-bottom: 0px;}
.carousel-caption ul li a {
background: url(../img/arrowwhite_transparent.png) no-repeat 0px 0.25em; color: rgb(255, 255, 255); line-height: 20px; padding-left: 15px; font-size: 1.4em; margin-bottom: 5px;}
.carousel-caption ul li a:hover {
text-decoration: underline;}
.hubTabsWrap {
width: 720px; height: 380px; padding-bottom: 10px; background-color: rgb(239, 237, 236);}
.hubTabsCol1 {
width: 516px; height: 380px; float: left; background-color: rgb(255, 255, 255);}
.hubTabsCol2 .hubTabImage {
width: 204px; height: 380px; float: left;}
.hubTabsCol2 .hubTabImage img {
width: 100%; height: 100%;}
.hubTabsMenu {
padding: 22px 0px 0px; width: 515px; height: 40px; border-top-color: rgb(190, 185, 178); border-left-color: rgb(190, 185, 178); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;}
.hubTabsMenu ul {
display: inline;}
.hubTabsMenu ul li {
background: url(../img/tabborder.gif) no-repeat left top; padding: 0px 15px; height: 40px; float: left;}
.hubTabsMenu ul li.tabs3 {
width: 27%;}
.hubTabsMenu ul li.tabs4 {
width: 19%;}
.hubTabsMenu ul li.tabs5 {
width: 14%;}
.hubTabsMenu ul li.first {
background: 0px;}
.hubTabsMenu li a {
font: 1.1em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; width: 100%; height: 100%; text-align: center; color: rgb(51, 51, 51); text-decoration: none; display: block; font-size-adjust: none; font-stretch: normal;}
.hubTabsMenu ul li.on a:link {
color: rgb(228, 134, 0);}
.hubTabsMenu li a:link {
color: rgb(51, 51, 51);}
.hubTabsMenu li a:visited {
color: rgb(51, 51, 51);}
.hubTabsMenu li a:active {
color: rgb(51, 51, 51);}
.hubTabsMenu li a:hover {
background: url(../img/orange-arrow.gif) no-repeat bottom; color: rgb(228, 134, 0);}
.hubTabsMenu ul a.on {
background: url(../img/orange-arrow.gif) no-repeat bottom; color: rgb(228, 134, 0);}
.hubTabsContentWrap {
padding: 0px 15px; width: 486px; height: 317px; background-color: rgb(228, 134, 0);}
.hubTabsContent {
padding: 20px 0px 15px; width: 486px; height: 222px; color: rgb(255, 255, 255); clear: both;}
.hubTabsContent h2 {
line-height: 1; font-size: 2.4em; font-weight: normal;}
.hubTabsContent p {
font-size: 1.4em;}
.hubTabsContent p.introTop {
padding: 5px 0px;}
.hubTabsContent p.introBottom {
padding: 10px 0px; clear: both; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;}
.hubTabsContent .btnApply {
margin: 10px 0px 15px; font-size: 0.85em;}
.hubTabsLinks {
width: 486px; height: 45px;}
.hubTabsLinks a.seeMore {
background: url(../img/arrowwhite-transparent5.png) no-repeat 0px 0.28em; color: rgb(255, 255, 255); font-size: 1.2em; text-decoration: none; display: inline;}
.hubTabsLinks a.seeMore:hover {
background: url(../img/arrowwhite-transparent5.png) no-repeat 0px 0.28em; color: rgb(255, 255, 255); text-decoration: underline;}
.singleEventPromo h4 {
text-transform: none; font-weight: bold; text-decoration: none; margin-top: 10px; margin-bottom: 10px;}
.singleEventContentWrap {
padding: 0px 15px; width: 430px; height: 100px; background-color: rgb(228, 134, 0);}
.singleEventLinks {
width: 486px; height: 45px;}
.singleEventLinks a.seeMore {
color: rgb(255, 255, 255); text-decoration: none;}
.singleEventOutLinks {
background: url(../img/arrowred_8png.png) no-repeat 0px 0.25em; width: 486px; height: 45px; padding-left: 15px; margin-top: 10px; margin-bottom: 5px;}
.singleEventContent {
padding: 20px 0px 15px; width: 486px; height: 222px; color: rgb(255, 255, 255); clear: both;}
.singleEventContent h3 {
line-height: 1; font-family: "CgAquariusNo8",Verdana,Arial,Sans-Serif; font-size: 2.6em; font-weight: normal;}
.singleEventContent p.introTop {
font: 1.8em/1.2 "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding: 5px 0px; font-size-adjust: none; font-stretch: normal;}
#eventTable thead tr th {
padding: 13px 0px 10px 20px;}
#eventTable tbody tr:first-child {
background-color: rgb(255, 255, 255);}
#eventTable tbody tr:nth-child(2n+1) {
background-color: rgb(255, 255, 255);}
#eventTable tbody tr {
border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid;}
#eventTable {
border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.eventsTable {
width: 460px;}
.eventsTable h2 {
font-size: 2em; margin-top: 10px;}
.eventsTable .tabs {
width: 460px; margin-top: 12px;}
.eventsTable .tabs a {
height: 21px; font-size: 0.8em; text-decoration: none;}
.eventsTable .tabs li a:hover {
color: rgb(228, 134, 0); text-decoration: none;}
#filterFree {
width: 156px;}
.eventsTable .tabs li.tabs1 a:hover {
color: rgb(51, 51, 51); text-decoration: none; cursor: default;}
.eventsTable .tabs .tabs1 a {
width: 451px; background-color: rgb(204, 204, 204);}
.eventsTable .tabs .tabs2 a {
width: 209px;}
.eventsTable .tabs .tabs3 a {
width: 133px;}
.eventsTable .tabs .tabs4 a {
width: 94px;}
.eventsTable table {
margin: 10px 0px 7.5px; width: 100%;}
.eventsTable table thead tr th {
text-align: left; font-weight: bold;}
.eventsTable table thead tr th.first {
width: 20%;}
.eventsTable table thead tr th {
width: 55%;}
.eventsTable table thead tr th.last {
width: 35%;}
.eventsTable table thead tr th {
font-size: 1.2em;}
.eventsTable table tbody tr td {
font-size: 1.2em;}
.eventsTable table tbody tr a {
font-size: 1em; font-weight: bold; text-decoration: underline;}
.eventsTable table tbody tr a:hover {
color: rgb(217, 46, 16);}
.eventsTable p a {
line-height: 1.1; font-size: 1.2em; text-decoration: none; display: inline;}
.eventsTable table.visible {
display: table;}
.eventsTable table.hidden {
display: none;}
.sorting {
background: url(../img/sort_both.png) no-repeat left;}
.sorting_asc {
background: url(../img/sort_asc.png) no-repeat left;}
.sorting_desc {
background: url(../img/sort_desc.png) no-repeat left;}
.sorting_asc_disabled {
background: url(../img/sort_asc_disabled.png) no-repeat right;}
.sorting_desc_disabled {
background: url(../img/sort_desc_disabled.png) no-repeat right;}
.info {
margin: 15px 0px; padding: 15px 10px; border: 1px solid currentColor; border-image: none;}
.success {
margin: 15px 0px; padding: 15px 10px; border: 1px solid currentColor; border-image: none;}
.warning {
margin: 15px 0px; padding: 15px 10px; border: 1px solid currentColor; border-image: none;}
.error {
margin: 15px 0px; padding: 15px 10px; border: 1px solid currentColor; border-image: none;}
.validation {
margin: 15px 0px; padding: 15px 10px; border: 1px solid currentColor; border-image: none;}
.warning {
color: rgb(159, 96, 0); background-color: rgb(254, 239, 179);}
.csHubPromo {
width: 460px;}
.csHubPromoLinkContainer {
width: 460px;}
.csHubPromoImgContainer {
width: 460px;}
.csHubPromoImgContainer {
clear: both; margin-top: 12px;}
.csHubPromo h2 {
font-size: 2em; margin-top: 10px;}
.csHubPromo .csHubPromoImg {
height: 95px; float: left;}
.csHubPromo .csHubPromoImgLast {
height: 95px; float: left;}
.csHubPromo .csHubPromoImg {
width: 152px; margin-right: 2px;}
.csHubPromo .csHubPromoImgLast {
width: 152px;}
.csHubPromo .csHubPromoLink {
height: 32px; float: left; background-color: rgb(76, 77, 79);}
.csHubPromo .csHubPromoLinkLast {
height: 32px; float: left; background-color: rgb(76, 77, 79);}
.csHubPromo .csHubPromoLink {
width: 152px; margin-right: 2px;}
.csHubPromo .csHubPromoLinkLast {
width: 152px;}
.csHubPromo .csHubPromoLink a {
padding: 9px; width: 132px; height: 12px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; display: block;}
.csHubPromo .csHubPromoLinkLast a {
padding: 9px; width: 132px; height: 12px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; display: block;}
.csHubPromo .csHubPromoLink a:hover {
background-color: rgb(51, 51, 51);}
.csHubPromo .csHubPromoLinkLast a:hover {
background-color: rgb(51, 51, 51);}
.segFilter {
border: 1px solid rgb(239, 237, 236); border-image: none; width: 715px; padding-left: 10px; background-color: rgb(255, 255, 255);}
.strap {
font: 1.5em/normal Arial, Helvetica, sans-serif; padding: 0px 0px 10px; margin-top: 10px; font-size-adjust: none; font-stretch: normal;}
.segBox {
margin: 0px 10px 10px 0px; border: 1px solid rgb(239, 237, 236); border-image: none; width: 220px; float: left;}
.boxSide {
width: 5px; height: 50px; float: left;}
.boxHead {
font: 1.4em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; width: 98%; height: 24px; color: rgb(255, 255, 255); margin-top: 8px; margin-left: -1px; font-size-adjust: none; font-stretch: normal; background-color: rgb(101, 95, 88);}
.segSelected.boxHead {
background-color: rgb(217, 45, 13);}
.boxTitle {
padding: 6px 0px 0px;}
.segFilter ul {
list-style: none; margin: 10px 0px 10px 20px;}
.segFilter li {
margin-bottom: 5px;}
.segFilter a {
font: 1.3em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding: 0px 0px 0px 10px; width: 94px; height: 21px; color: rgb(101, 95, 88); text-decoration: none; font-size-adjust: none; font-stretch: normal;}
.segFilter li a:hover {
background: url(../img/arrowred-transparent.png) no-repeat left top; font: 1.3em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; color: rgb(217, 46, 16); text-decoration: underline; font-size-adjust: none; font-stretch: normal;}
.segFilter li a.segFilterSelected {
background: url(../img/arrowred-transparent.png) no-repeat left top; font: 1.3em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; color: rgb(217, 46, 16); text-decoration: underline; font-size-adjust: none; font-stretch: normal;}
.clear {
clear: both; display: block;}
#eventTable .sorting {
color: white; background-color: rgb(77, 77, 79);}
#eventTable .sorting_asc {
color: white; background-color: rgb(77, 77, 79);}
#eventTable .sorting_desc {
color: white; background-color: rgb(77, 77, 79);}
#eventTable .sorting_asc_disabled {
background: url(../../8032/etc/designs/acca/img/sort_asc_disabled.png) no-repeat right rgb(77, 77, 79); color: white;}
#eventTable .sorting_desc_disabled {
background: url(../../8032/etc/designs/acca/img/sort_desc_disabled.png) no-repeat right rgb(77, 77, 79); color: white;}
.sglEventPromo {
width: 460px; padding-top: 3px; clear: both;}
.sglEventPromo h2 {
font-size: 2em; margin-top: 10px;}
.sglEventPromo h3 {
font: 1.7em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; text-transform: none; text-decoration: none; margin-bottom: 5px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; font-size-adjust: none; font-stretch: normal;}
.sglEventPromo .eventSummary {
padding: 12px 16px; width: 428px; height: 41px; margin-top: -3px; background-color: rgb(228, 134, 0);}
.sglEventPromo .eventSummary p {
color: rgb(255, 255, 255); line-height: 1em; font-size: 1.2em;}
.sglEventPromo .eventSummary p a:link {
color: rgb(255, 255, 255); text-decoration: none;}
.sglEventPromo .eventSummary p a:visited {
color: rgb(255, 255, 255); text-decoration: none;}
.sglEventPromo .eventSummary p a:active {
color: rgb(255, 255, 255); text-decoration: none;}
.sglEventPromo .eventSummary p a:hover {
text-decoration: underline;}
.sglEventPromo p a.seeMore {
line-height: 1.1; font-size: 1.2em; text-decoration: none; display: inline;}
.featuredEvents table tbody tr td a {
font: bold 12px/normal "Helvetica", Arial, sans-serif; margin: 8px 0px 10px; width: auto; height: auto; color: rgb(51, 51, 51); clear: both; text-decoration: none; display: block; font-size-adjust: none; font-stretch: normal;}
.featuredEvents table tbody tr td a:hover {
color: rgb(217, 46, 16); text-decoration: none;}
.featuredEvents {
width: 460px;}
.featuredEventsContainer {
width: 460px;}
.featuredEvents .featuredEventsCol {
width: 215px; padding-right: 15px; margin-bottom: 10px; float: left;}
.featuredEvents h2 {
margin: 10px 0px 2px; padding: 10px 0px 7px; font-size: 2em;}
.featuredEvents h3 {
font: 1.5em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin: 20px 0px 10px; text-transform: none; text-decoration: none; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; font-size-adjust: none; font-stretch: normal;}
.featuredEvents h4 {
font: 1.5em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; text-transform: none; text-decoration: none; font-size-adjust: none; font-stretch: normal;}
.featuredEvents p {
line-height: 0.9em;}
.featuredEvents table tr td h4 {
padding-top: 10px; padding-bottom: 10px; font-size: 1.1em;}
.featuredEvents table tr td p {
font-size: 0.9em;}
.techHeadlines {
width: 675px; background-color: rgb(255, 255, 255);}
.clearSection .techHeadlines {
padding: 10px 0px 0px 10px; width: 710px; clear: both;}
.techHeadlines h2 {
font: 2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin-bottom: 15px; font-size-adjust: none; font-stretch: normal;}
.tech .col h2 {
font: 2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; margin-bottom: 15px; font-size-adjust: none; font-stretch: normal;}
.techHeadlines p.selection {
font-weight: bold;}
.techHeadlines select {
width: 170px;}
.techHeadlines table {
width: 650px; padding-right: 25px;}
.clearSection .techHeadlines table {
width: 680px; padding-right: 25px;}
.techHeadlines table tr td.short {
width: 139px; text-align: right;}
.clearSection .techHeadlines table tr td.short {
width: 144px; text-align: right;}
.techHeadlines table tr td.long {
width: 178px; text-align: left;}
.techHeadlines.clearSection table tr td.long {
width: 183px; text-align: left;}
.techHeadlines table tr td.longLast {
text-align: right;}
.techHeadlines table tr td.longLast a.btnLink p {
font-size: 0.9em;}
.techHeadlines table tr td.longLast a.btnLink {
float: right;}
.techHeadlines table tr td.longLast a.btnLink:hover {
text-decoration: none;}
.techHeadlines table tr td.longLast a.on {
cursor: none; pointer-events: none; background-color: rgb(51, 51, 51);}
.tech .article .newsTeaser {
width: 538px; padding-top: 5px;}
.tech .article .category {
width: 100px;}
.tech .article .category b {
text-transform: none;}
.tech .article .category span {
font-style: italic;}
.tech .article .newsTeaser p a.seeMore {
line-height: 1.1; font-size: 1.3em; text-decoration: none; display: inline;}
.tech .articlePagination {
width: 675px; padding-top: 20px;}
.tech .articlePagination .resourceSelection {
width: 200px; margin-top: 3px; float: left;}
.tech .articlePagination .resourceSelection select {
font-size: 1.1em;}
.tech .articlePagination .techPagination {
width: auto; float: right;}
.tech .articlePagination .techPagination li.prev {
margin-right: 8px;}
.tech .articlePagination .techPagination li.next {
margin-left: 8px;}
.tech .articlePagination .techPagination li.prev a {
background: rgb(255, 255, 255); color: rgb(51, 51, 51);}
.tech .articlePagination .techPagination li.next a {
background: rgb(255, 255, 255); color: rgb(51, 51, 51);}
.tech .articlePagination .techPagination li.prev a:hover {
background: rgb(217, 46, 16); color: rgb(255, 255, 255);}
.tech .articlePagination .techPagination li.next a:hover {
background: rgb(217, 46, 16); color: rgb(255, 255, 255);}
.tech .articlePagination .techPagination li a.on {
background: rgb(217, 46, 16);}
.tech .articlePagination .techPagination li a:hover {
background: rgb(217, 46, 16);}
.tech .articleContent {
width: 460px; padding-top: 10px;}
.tech .articleDetails {
width: 220px; padding-top: 10px; margin-right: 10px; float: right; position: relative;}
.tech .articleContent ul {
margin-left: 20px;}
.tech .articleContent ul li {
font-size: 12px;}
.tech .articleContent .contentIntro ul {
margin-left: 0px;}
.tech .articleContent a:hover {
color: rgb(217, 46, 16);}
.tech .articleContentInfo {
padding: 10px 0px 3px; width: 220px; margin-bottom: 5px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 1px; border-bottom-style: solid;}
.tech .articleContentDownloads {
padding: 10px 0px 3px; width: 220px; margin-bottom: 5px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 1px; border-bottom-style: solid;}
.tech .articleContentInfo h2 {
padding-bottom: 7px; margin-bottom: 10px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.tech .articleContentDownloads h2 {
padding-bottom: 7px; margin-bottom: 10px; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.tech .articleContentInfo p {
line-height: 1.5em;}
.tech .articleContentDownloads p a.seeMore {
color: rgb(3, 1, 252); line-height: 1.1; font-size: 1em; display: inline;}
.tech .articleContentDownloads p span {
font-style: italic;}
.tech .articleContent .relatedDocuments {
width: auto; margin-left: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
.tech .articleContent .relatedDocuments h2 {
font: 1.2em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding: 0px; float: none; font-size-adjust: none; font-stretch: normal;}
.tech .articleContent .relatedDocuments ul {
float: none;}
.tech .articleContent .relatedDocuments ul li {
margin: 0px 120px 10px -20px; padding-top: 5px; font-size: 1em;}
.tech .articleContent .relatedDocuments ul li a {
color: rgb(51, 51, 51); text-decoration: none;}
.tech .articleContent .relatedDocuments ul li a:hover {
color: rgb(217, 46, 16);}
.tech .goToTop {
margin: 0px 10px 10px; clear: both;}
.tech .articleContent h3 {
margin: 30px 0px 10px; padding: 10px 0px 7px; font-size: 1.6em; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.tech .articleContent h2 {
margin: 30px 0px 10px; padding: 10px 0px 7px; font-size: 1.6em; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.tech .articleContent h4 {
margin: 10px 0px 5px; padding-bottom: 5px; font-size: 15px; font-weight: bold;}
.tech .articleContent p {
margin: 0px 0px 10px;}
.leftThemeColumn {
width: 360px; float: left;}
.techThemeTile {
background: rgb(255, 255, 255); padding: 15px; margin-bottom: 10px;}
.techThemeTile h2 {
margin-top: 14px;}
.techThemeTile img {
width: 325px; height: 160px; margin-right: auto; margin-left: auto; display: block;}
.leftThemeColumn .techThemeTile {
margin-right: 5px;}
.rightThemeColumn {
width: 360px; float: right;}
.rightThemeColumn .techThemeTile {
margin-left: 5px;}
.techLinksTile {
background: rgb(255, 255, 255); margin-top: 10px;}
.leftThemeColumn .techLinksTile {
margin-right: 5px;}
.rightThemeColumn .techLinksTile {
margin-left: 5px;}
.techLinksTile #title {
height: 50px; color: white; background-color: rgb(76, 77, 79);}
.techLinksTile #title h2 {
line-height: 50px; font-family: "CgAquariusNo8",Verdana,Arial,Sans-Serif; margin-left: 10px; vertical-align: middle;}
.techLinksTile .linkList {
margin-left: 10px;}
.tlheadlines {
width: 720px; margin-bottom: 20px;}
.tlheadlines .tl-item {
background: rgb(255, 255, 255); border-width: 0px 0px 2px; width: 180px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; float: left; position: relative;}
.tlheadlines .tl-item img {
position: relative;}
.tlheadlines .tl-item a h2 {
font: 36px/normal "CgAquariusNo8", Verdana, Arial, Sans-Serif; margin: 0px; padding: 0px 10px 0px 0px; left: 0px; top: 25px; color: rgb(255, 255, 255); overflow: hidden; border-left-color: rgb(51, 51, 51); border-left-width: 10px; border-left-style: solid; position: absolute; z-index: 2; font-size-adjust: none; font-stretch: normal;}
.tlheadlines .tl-item a h2 span.headCopy {
padding: 12px 10px 0px 0px; top: 1px; line-height: 1.3em; white-space: pre-wrap; position: relative; background-color: rgb(51, 51, 51);}
.tlheadlines .tl-item a h2 .moreWrap {
position: relative;}
.tlheadlines .tl-item a h2 span.more {
background: url(../img/arrowreadmore.png) no-repeat left rgb(217, 46, 16); width: 12px; height: 1.35em; right: -20px; bottom: 0px; display: block; position: absolute;}
.tlheadlines .tl-size1 {
width: 720px; height: 377px;}
.tlheadlines .tl-size1 img {
width: 718px; height: 377px;}
.tlheadlines .tl-size1 h2 {
top: 25px;}
.tlheadlines .tl-size3 {
width: 240px; height: 184px;}
.tlheadlines .tl-size3 img {
width: 238px; height: 147px;}
.tlheadlines .tl-size3 a h2 {
background: rgb(51, 51, 51); font: 12px/12px "CgAquariusNo8", Verdana, Arial, Sans-Serif; border: 0px currentColor; border-image: none; top: 147px; width: 218px; height: 30px; padding-top: 7px; padding-left: 10px; font-size-adjust: none; font-stretch: normal;}
.tlheadlines .tl-size3 a h2 span.headCopy {
padding: 0px; line-height: 12px;}
.tlheadlines .tl-size4 a h2 span.headCopy {
padding: 0px; line-height: 12px;}
.tlheadlines .tl-size3 a h2 .moreWrap {
display: none;}
.tlheadlines .tl-size4 a h2 .moreWrap {
display: none;}
.tlheadlines .tl-size4 {
width: 180px; height: 130px;}
.tlheadlines .tl-size4 img {
width: 178px; height: 93px;}
.tlheadlines .tl-size4 a h2 {
background: rgb(51, 51, 51); font: 12px/12px "CgAquariusNo8", Verdana, Arial, Sans-Serif; border: 0px currentColor; border-image: none; top: 93px; width: 158px; height: 30px; padding-top: 7px; padding-left: 10px; font-size-adjust: none; font-stretch: normal;}
#next-page {
margin: 1px; border: thin solid black; border-image: none; color: rgb(123, 118, 112); cursor: pointer; background-color: white;}
#last-page {
margin: 1px; border: thin solid black; border-image: none; color: rgb(123, 118, 112); cursor: pointer; background-color: white;}
#first-page {
margin: 1px; border: thin solid black; border-image: none; color: rgb(123, 118, 112); cursor: pointer; background-color: white;}
#previous-page {
margin: 1px; border: thin solid black; border-image: none; color: rgb(123, 118, 112); cursor: pointer; background-color: white;}
#main-navigation-container #autocomplete {
border: thin rgb(0, 0, 0); border-image: none; color: white; margin-top: 700px; position: absolute; z-index: 99999999; background-color: rgb(0, 0, 0);}
#main-navigation-container .yui-ac-bd {
clear: both;}
#main-navigation-container .yui-ac-bd ul {
margin: 0px 2px; padding-left: 0px;}
#main-navigation-container .yui-ac-bd ul li {
font: 14px/normal "Arial", Helvetica, Sans Serif; list-style: none; padding: 5px; text-align: left; color: white; font-size-adjust: none; font-stretch: normal; text-shadow: none;}
#main-navigation-container .yui-ac-bd ul li:hover {
color: rgb(255, 255, 255); background-color: rgb(200, 0, 0);}
#main-navigation-container .yui-ac-highlight {
color: rgb(244, 164, 5);}
#main-navigation-container #header-main-right .main-search-form-container #main-search .text {
position: relative;}
.quiz {
padding: 20px;}
#quiz-score p {
display: inline;}
.quiz-questions-list {
padding-bottom: 10px;}
.quiz-question-text {
padding-top: 10px;}
.quiz-option-label {
line-height: 1.6; font-size: 1.2em;}
#quiz-form label {
margin-left: 30px; display: block;}
#quiz-form input {
margin-right: 7px; margin-left: 10px; float: left;}
.content .article .results .cq-searchpromote-result-item .cq-searchpromote-result-detail p a {
text-decoration: none;}
.cq-searchpromote-facet-checkboxlist ul {
padding-bottom: 5px;}
.article .cq-searchpromote-facet-checkboxlist ul li {
font-size: 12px; margin-bottom: 0.25em; margin-left: 0px; display: inline-block;}
.cq-searchpromote-results #results-header {
border-top-color: rgb(239, 237, 236); border-bottom-color: currentColor; border-top-width: 2px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: none;}
.cq-searchpromote-result-item {
width: 700px;}
.cq-searchpromote-result-category {
width: 100px; float: left;}
.cq-searchpromote-result-detail {
width: 600px; float: right;}
.cq-searchpromote-result-detail a {
text-decoration: none;}
.cq-searchpromote-result-item a {
background: url(../img/arrowred-transparent.png) no-repeat 0px 0.25em; color: rgb(217, 46, 16); line-height: 1.1; padding-left: 15px; font-size: 1.3em; text-decoration: none; margin-top: 8px; display: inline;}
.cq-searchpromote-result-item a:hover {
color: rgb(217, 46, 16); text-decoration: underline;}
.cq-searchpromote-result-item a:visited {
color: rgb(123, 118, 113);}
.cq-searchpromote-result-item #results-header {
border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.cq-searchpromote-pagination {
padding-bottom: 5px;}
.cq-searchpromote-pagination span {
background: red; margin: 0px 3px 0px 0px; padding: 1px 4px; border: thin solid rgb(123, 118, 112); border-image: none; text-align: center; color: white; font-size: 100%; vertical-align: baseline; cursor: pointer;}
.cq-searchpromote-pagination a {
background: rgb(123, 118, 112); margin: 0px 3px 0px 0px; padding: 1px 4px; border: thin solid rgb(123, 118, 112); border-image: none; text-align: center; color: white; text-transform: capitalize; font-size: 100%; vertical-align: baseline; cursor: pointer;}
.single-result {
width: auto; overflow: hidden; padding-bottom: 20px; clear: both; margin-right: 20px; border-top-color: rgb(239, 237, 236); border-top-width: 2px; border-top-style: solid; position: relative;}
.result-category {
padding: 10px 0px 0px 2px; width: 100px; float: left;}
.result-detail {
padding: 10px 0px 0px 10px; width: 538px; float: right;}
.footer {
padding: 0px; width: 960px; color: rgb(255, 255, 255); margin-right: auto; margin-left: auto; background-color: rgb(34, 34, 34);}
.footer li ul.webAcca {
margin-left: 0px;}
.inTouchWrapper {
padding-top: 20px; padding-bottom: 20px; padding-left: 20px; border-bottom-color: rgb(200, 0, 0); border-bottom-width: 3px; border-bottom-style: solid;}
.inTouchFooter h2 {
text-transform: capitalize;}
.footer li {
width: 300px; margin-left: 0px;}
.footer li a {
font-size: 1.2em; font-weight: bold;}
.footer li h2 {
text-transform: none; padding-bottom: 5px; font-size: 1.5em;}
.rtl#master .footer li h2 {
font: 1.5em/normal "Arial", Sans-Serif; font-size-adjust: none; font-stretch: normal;}
.footer li.socialAcca {
width: 300px;}
.usefulLinks {
width: 300px;}
.popularLinks {
width: 300px;}
.connect {
padding-right: 20px; padding-left: 20px; float: left;}
.call {
padding-right: 20px; padding-left: 20px; float: left;}
.call span {
top: -10px; font-size: 1.2em; font-weight: bold; position: relative;}
.chat {
padding-right: 20px; padding-left: 20px; float: left;}
.chat span {
top: -10px; font-size: 1.2em; font-weight: bold; position: relative;}
ul.footerToolBar {
margin-top: 0px;}
.footer li {
border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
.footerToolbar {
color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);}
.socialFooter {
height: 80px; padding-top: 20px; border-top-color: rgb(49, 49, 49); border-bottom-color: rgb(18, 18, 18); border-top-width: 1px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid;}
.socialFooter .connect {
width:90%; border-right-color: rgb(10, 10, 10); border-right-width: 0px; border-right-style: solid;}
.socialFooter .connect img {
margin-right: 5px;}
.socialFooter .call {
width: 270px; border-right-color: rgb(10, 10, 10); border-left-color: rgb(41, 41, 41); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;}
.socialFooter .chat {
width: 270px; border-left-color: rgb(41, 41, 41); border-left-width: 1px; border-left-style: solid;}
.socialFooter img {
width: 32px;}
.socialFooter h4 {
text-transform: none; padding-bottom: 10px; font-size: 1.5em;}
.adBanner {
padding-top: 10px; padding-bottom: 10px; background-color: rgb(51, 51, 51);}
.adBanner .promoAdvertising {
margin-right: auto; margin-left: auto;}
.leaderboard-container {
padding: 15px; transition:height 0.2s, padding 0.2s; overflow: hidden; -webkit-transition: height .2s, padding .2s;}
.dark.leaderboard-container {
background: rgb(0, 0, 0);}
.light.leaderboard-container {
background: rgb(248, 248, 248);}
.margin-top.leaderboard-container {
margin-top: 60px;}
.leaderboard-container .leaderboard {
margin: 0px auto; height: 90px; overflow: hidden; max-width: 728px;}
.hero + .leaderboard-container {
margin-top: 30px;}
.hero-reveal-content + .leaderboard-container {
margin-top: 30px;}
body {
background: 0px; font-size:12px;}
.headerToolbar {
border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; background-color: rgb(241, 241, 241);}
.headerToolBar {
width: 100%; color: rgb(102, 102, 102); border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(241, 241, 241);}
.toolbarContainer {
margin: 0px auto; width: 960px;}
.strapline {
padding-top: 6px; font-size: 1.2em; float: left;}
ul#servicesNav li {
font-size: 1.1em; border-right-color: rgb(226, 226, 226); border-left-color: rgb(255, 255, 255); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;}
ul#servicesNav li a {
color: inherit;}
.header {
margin: 0px; background-color: rgb(255, 255, 255);}
.header a img {
width: auto;}
.navigation {
width: 960px; padding-right: 0px; background-color: rgb(255, 255, 255);}
.navigation ul#mainNav {
width: 960px; display: table;}
.navigation ul#mainNavSingle {
width: 960px; display: table;}
#homeLink {
width: 36px;}
ul#mainNavSingle li:hover .mainNavFlyout {
padding-top: 0px; padding-left: 0px;}
ul#mainNav li {
background: rgb(255, 255, 255); font: 1.3em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding-right: 25px; padding-left: 25px; float: none; display: table-cell; font-size-adjust: none; font-stretch: normal;}
ul#mainNavSingle li {
background: rgb(255, 255, 255); font: 1.3em/normal "AvenirLT55Roman", Verdana, Arial, Sans Serif; padding-right: 25px; padding-left: 25px; float: none; display: table-cell; font-size-adjust: none; font-stretch: normal;}
ul#mainNav li a {
width: auto; height: 30px; color: rgb(76, 77, 79); text-transform: none;}
ul#mainNavSingle li a {
width: auto; height: 30px; color: rgb(76, 77, 79); text-transform: none;}
ul#mainNavSingle li a {
padding-left: 0px;}
ul#mainNav li.selected {
border-bottom-color: lightgrey; border-bottom-width: 3px; border-bottom-style: solid;}
ul#mainNav li:hover {
border-bottom-color: lightgrey; border-bottom-width: 3px; border-bottom-style: solid;}
ul#mainNavSingle li.selected {
border-bottom-color: lightgrey; border-bottom-width: 3px; border-bottom-style: solid;}
ul#mainNavSingle li:hover {
border-bottom-color: lightgrey; border-bottom-width: 3px; border-bottom-style: solid;}
ul#mainNav li.selected {
background-color: rgb(255, 255, 255);}
ul#mainNavSingle li.selected {
background-color: rgb(255, 255, 255);}
ul#mainNav li:hover {
border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid;}
ul#mainNavSingle li:hover {
border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid;}
ul#mainNav li.selected:hover {
border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid; background-color: rgb(51, 51, 51);}
ul#mainNavSingle li.selected:hover {
border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid; background-color: rgb(51, 51, 51);}
ul#mainNavSingle .mainNavFlyout {
top: 38px; margin-left: -26px;}
ul#mainNavSingle .mainNavFlyout li {
border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor rgb(51, 51, 51); border-image: none; padding-top: 2px; padding-bottom: 2px; display: block;}
ul#mainNavSingle .mainNavFlyout li a:hover {
color: rgb(255, 255, 255);}
ul#mainNavSingle .mainNavFlyout :last-child {
border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;}
ul#mainNavSingle .mainNavFlyout li a {
padding: 10px 18px; text-transform: capitalize;}
ul#mainNavSingle li:hover a {
color: rgb(255, 255, 255);}
.siteSearch {
padding-top: 25px; float: right;}
#qimage {
margin-top: 8px; margin-left: -275px; position: absolute;}
#accaLogin {
color: rgb(229, 3, 4); font-size: 1.2em; font-weight: bold; text-decoration: underline;}
#accaLoginImage {
width: 36px; height: 36px; padding-right: 5px; padding-left: 5px; float: right;}
.search {
border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) currentColor; border-image: none; width: 80px; height: 34px; color: rgb(87, 87, 87); font-size: 1.5em; margin-right: 30px; box-shadow: inset -1px 0.86px 2px 0px #efedec; text-shadow: -1px 1px 0px #e5e5e5; background-color: rgb(206, 207, 208); -webkit-box-shadow: inset -1px .866px 2px 0 #efedec; -moz-box-shadow: inset -1px .866px 2px 0 #efedec;}
.search:hover {
background-color: rgb(172, 173, 174);}
ul.footerToolBar {
padding-bottom: 25px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
.belowFooter {
padding: 20px 20px 0; text-align:center;}
.belowFooter li {
width: auto; margin-top: 20px;}
.footerToolBar li a {
font-size: 1.2em;}
.footer a {
color: rgb(243, 243, 243);}
.footer a:visited {
color: rgb(227, 228, 228);}
.footer a:hover {
color: rgb(255, 255, 255); opacity: 0.54;}
.footer a:active {
color: rgb(255, 255, 255);}
.footer a:focus {
color: rgb(127, 209, 239);}
.footerToolBar {
border-bottom-color: rgb(199, 3, 4); border-bottom-width: 2px; border-bottom-style: solid;}
#mi :hover {
background-color: rgb(200, 0, 0);}
ul#servicesNav {
color: rgb(85, 85, 85);}
ul#servicesNav li a {
font-size: 1.1em;}
ul#servicesNav li:hover {
background-color: rgb(248, 248, 248);}
ul#servicesNav li :focus {
color: rgb(51, 51, 51); background-color: rgb(89, 195, 235);}
ul#servicesNav li a:hover {
color: rgb(200, 0, 0);}
ul#mainNavSingle li.selected:hover {
background-color: rgb(200, 0, 0);}
ul#mainNavSingle li:hover {
background-color: rgb(200, 0, 0);}
.section.story {
width: inherit; height: inherit; font-size:12px;}
#wrapper {
width: 100%;}
#pageHead {
border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(255, 255, 255);}
.header {
width: 960px; padding-top: 10px; margin-right: auto; margin-left: auto;}
.navigation {
width: 960px; margin-right: auto; margin-left: auto; float: none;}
.main-content {
width: 960px; margin-right: auto; margin-left: auto; background-color: transparent !important;}
.main-content .box-banner {
background-color: transparent !important;}
.hero {
background-color: transparent !important;}
.box {
background-color: rgb(255, 255, 255) !important;}
.storyBox {
background-color: rgb(255, 255, 255) !important;}
.boxFurtherInformation {
background-color: rgb(255, 255, 255) !important;}
#regionDropArrow {
top: 2px; width: 16px; float: right; position: absolute;}
.navigationSeparator {
background: -ms-linear-gradient(rgb(255, 255, 255), rgb(217, 217, 217)); top: 0px; width: 1px; height: 38px; float: left; position: absolute;}
.tweet {
height: 203px;}
.tweet .heading .by img {
float: left;}
.tweet .heading .by .name {
padding-left: 10px; font-size: 1.2em; font-weight: bold; float: left;}
.tweet .heading .by .screenName {
color: gray; padding-left: 5px; font-size: 1.2em; font-weight: bold; float: left;}
.tweet .heading .by .when {
padding-top: 2px; margin-left: 32px; float: left; position: absolute;}
.tweet .status {
padding-top: 10px; float: left;}
.twitterAction {
width: 73px; height: 40px; text-align: center; float: left;}
.reply {
background: url(../etc/designs/acca_homepage/img/icons/icon-reply-57585a-2x.png) no-repeat 28px 12px / 16px 14px rgb(234, 235, 235); bottom: 0px; float: left; display: block; position: absolute;}
.reply:hover {
background: url(../etc/designs/acca_homepage/img/icons/icon-reply-57585a-2x.png) no-repeat 28px 12px / 16px 14px rgb(206, 207, 208); -ms-behavior: url(/etc/designs/acca_homepage/js/backgroundsize.min.htc);}
.reply:active {
background: url(../etc/designs/acca_homepage/img/icons/icon-reply-ffffff-2x.png) no-repeat 28px 12px / 16px 14px rgb(200, 0, 0);}
.reply:focus {
background: url(../etc/designs/acca_homepage/img/icons/icon-reply-404142-2x.png) no-repeat 28px 12px / 16px 14px rgb(89, 195, 235);}
.retweet {
background: url(../etc/designs/acca_homepage/img/icons/icon-retweet-57585a-2x.png) no-repeat 28px 12px / 21px 14px rgb(234, 235, 235); left: 73px; bottom: 0px; float: left; display: block; position: absolute;}
.accaLogin {
background: url(../etc/designs/acca_homepage/img/icons/myacca-btn.png) no-repeat 62px 0px; padding: 18px 0px 0px; width: 104px; color: rgb(200, 0, 0); line-height: 0; font-size: 1.2em; font-weight: bold; text-decoration: underline; float: right; display: block; min-height: 32px;}
.accaLogin:hover {
background: url(../etc/designs/acca_homepage/img/icons/myacca-btn-hover.png) no-repeat 62px 0px; color: rgb(208, 38, 38);}
.accaLogin:active {
background: url(../etc/designs/acca_homepage/img/icons/myacca-btn-active.png) no-repeat 62px 0px; color: rgb(208, 38, 38);}
.accaLogin:focus {
background: url(../etc/designs/acca_homepage/img/icons/myacca-btn-focus.png) no-repeat 62px 0px; color: rgb(51, 51, 51);}
.retweet:hover {
background: url(../etc/designs/acca_homepage/img/icons/icon-retweet-57585a-2x.png) no-repeat 28px 12px / 21px 14px rgb(206, 207, 208);}
.retweet:active {
background: url(../etc/designs/acca_homepage/img/icons/icon-retweet-ffffff-2x.png) no-repeat 28px 12px / 21px 14px rgb(200, 0, 0);}
.retweet:focus {
background: url(../etc/designs/acca_homepage/img/icons/icon-retweet-404142-2x.png) no-repeat 28px 12px / 21px 14px rgb(89, 195, 235);}
.favorite {
background: url(../etc/designs/acca_homepage/img/icons/icon-favourite-57585a-2x.png) no-repeat 28px 12px / 14px 14px rgb(234, 235, 235); left: 146px; bottom: 0px; float: left; display: block; position: absolute;}
.favorite:hover {
background: url(../etc/designs/acca_homepage/img/icons/icon-favourite-57585a-2x.png) no-repeat 28px 12px / 14px 14px rgb(206, 207, 208);}
.favorite:active {
background: url(../etc/designs/acca_homepage/img/icons/icon-favourite-ffffff-2x.png) no-repeat 28px 12px / 14px 14px rgb(200, 0, 0);}
.favorite:focus {
background: url(../etc/designs/acca_homepage/img/icons/icon-favourite-404142-2x.png) no-repeat 28px 12px / 14px 14px rgb(89, 195, 235);}
.twitterAction img {
padding-top: 12px;}
ul#mainNavSingle .mainNavFlyout {
top: 38px; margin-left: -24px;}
@media not all
{
ul#mainNavSingle .mainNavFlyout {
top: 38px; margin-left: -25px;}
}
.studentSupportWrap {
border: 1px solid rgb(224, 220, 218); width: 470px; height: 150px; background-color: rgb(239, 238, 236);}
.studentSupportWrap .studentSupportCol1 {
width: 75%; float: left;}
.studentSupportWrap .studentSupportCol1 h3 {
padding-left: 10px; margin-top: 10px; margin-bottom: 0px; border-bottom-width: 0px;}
.studentSupportWrap .studentSupportCol1 p {
padding-right: 10px; padding-left: 10px;}
.studentSupportWrap .studentSupportCol1 a {
height: 22px; padding-right: 0px; margin-left: 10px;}
.studentSupportWrap .studentSupportCol1 a p {
padding: 3px 10px 1px; border: 1px solid rgb(255, 255, 255); border-image: none; float: left;}
.studentSupportWrap .studentSupportCol2 {
width: 110px; height: 150px; overflow: hidden; padding-left: 7px; float: left;}
.documentDownloadWrap {
width: 470px; background-color: rgb(255, 255, 255);}
.documentDownloadWrap .documentDownloadCol1 .questionsHeader h3 {
border: 0px currentColor; border-image: none; text-align: center; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; background-color: rgb(224, 220, 218);}
.documentDownloadWrap .documentDownloadCol2 .answersHeader h3 {
border: 0px currentColor; border-image: none; text-align: center; margin-top: 0px; margin-bottom: 0px; background-color: rgb(224, 220, 218);}
.documentDownloadWrap .arrow-down {
width: 0px; height: 0px; margin-left: 95px; border-top-color: rgb(224, 220, 218); border-right-color: transparent; border-left-color: transparent; border-top-width: 20px; border-right-width: 20px; border-left-width: 20px; border-top-style: solid; border-right-style: solid; border-left-style: solid;}
.documentDownloadWrap .documentDownloadCol1 {
width: 235px; float: left;}
.documentDownloadWrap .questionCol .question li.pdf {
background: url(../img/icon-pdf-lg.png) no-repeat 0px 0px; list-style: none; padding-bottom: 10px; margin-top: 10px; border-bottom-color: rgb(224, 220, 218); border-bottom-width: 1px; border-bottom-style: solid;}
.documentDownloadWrap .answerCol .answer li.pdf {
background: url(../img/icon-pdf-lg.png) no-repeat 0px 0px; list-style: none; padding-bottom: 10px; margin-top: 10px; border-bottom-color: rgb(224, 220, 218); border-bottom-width: 1px; border-bottom-style: solid;}
.documentDownloadWrap .questionCol .question li p {
font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding-top: 10px; padding-right: 40px; margin-left: 60px; font-size-adjust: none; font-stretch: normal;}
.documentDownloadWrap .answerCol .answer li p {
font: 1.6em/normal "AvenirLT55Roman", Verdana, Arial, Sans-Serif; padding-top: 10px; padding-right: 40px; margin-left: 60px; font-size-adjust: none; font-stretch: normal;}
.documentDownloadWrap .questionCol .question li p a {
color: rgb(51, 51, 51); text-decoration: none;}
.documentDownloadWrap .answerCol .answer li p a {
color: rgb(51, 51, 51); text-decoration: none;}
.documentDownloadWrap .documentDownloadCol2 {
width: 235px; float: left;}
.liveChatWrap {
border: 1px solid rgb(224, 220, 218); width: 468px; height: 150px; background-color: rgb(239, 238, 236);}
.liveChatWrap .liveChatCol1 {
width: 328px; float: left;}
.liveChatWrap .liveChatCol1 h3 {
padding-left: 10px; margin-top: 10px; margin-bottom: 0px; border-bottom-width: 0px;}
.liveChatWrap .liveChatCol1 p {
padding-right: 10px; padding-left: 10px;}
.liveChatWrap .liveChatCol1 a {
height: 22px; padding-right: 0px; margin-left: 10px;}
.liveChatWrap .liveChatCol1 a p {
padding: 3px 10px 1px; border: 1px solid rgb(255, 255, 255); border-image: none; float: left;}
.liveChatWrap .liveChatCol2 {
width: 140px; height: 150px; overflow: hidden; float: left;}
.search {
padding: 0.62rem 1rem; border: 1px solid rgb(204, 204, 204) !important; border-image: none !important; width: 80px; height: 34px; text-align: center; color: rgb(51, 51, 51) !important; line-height: 0.7em !important; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 1.5em; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: 0px 2px 2px rgba(0,0,0,0.06), inset 0px 0px 0px 1px #e3e4e4; text-shadow: -1px 1px 0px #e3e4e4; background-color: rgb(206, 207, 208);}
.search:hover {
color: rgb(255, 255, 255) !important; box-shadow: 0px 2px 2px rgba(0,0,0,0.06), inset 0px 0px 0px 1px #de6666 !important; text-shadow: 1px -1px 0px #b40000; background-color: rgb(200, 0, 0);}
.search:active {
color: rgb(200, 0, 0) !important; box-shadow: 0px 2px 2px rgba(0,0,0,0.06), inset 0px 0px 0px 1px #fff !important; text-shadow: none; background-color: rgb(255, 255, 255);}
.search:focus {
color: rgb(51, 51, 51) !important; box-shadow: 0px 2px 2px rgba(0,0,0,0.06), inset 0px 0px 0px 1px #7fd1ef !important; text-shadow: none; background-color: rgb(89, 195, 235);}
.studyResourceExplainedContainer h2 {
letter-spacing: -1px; padding-top: 10px; padding-bottom: 7px; font-family: "CgAquariusNo8",Verdana,Arial,Sans-Serif; border-bottom-color: rgb(239, 237, 236); border-bottom-width: 2px; border-bottom-style: solid;}
.resourceExplainedItemWrap .resourceExplainedItemCol1 {
width: 34px; height: 34px; vertical-align: middle; display: inline-table;}
.resourceExplainedItemWrap .resourceExplainedItemCol2 {
width: 60%; color: rgb(85, 85, 85); font-family: "AvenirLT55Roman",Verdana,Arial,Sans-Serif; margin-right: 5px; margin-left: 5px; vertical-align: middle; display: inline-table;}
.resourceExplainedItemWrap .resourceExplainedItemCol3 {
background: url(../etc/designs/acca/icons/icon-tooltip-link.png) no-repeat center; width: 25px; height: 34px; vertical-align: middle; display: inline-table;}
.resourceExplainedItemWrap .resourceExplainedItemCol3:hover {
background: url(../etc/designs/acca/icons/icon-tooltip-hover.png) no-repeat center; width: 25px; height: 34px; vertical-align: middle; display: inline-table;}
.resourceExplainedItemWrap .resourceExplainedItemCol3:active {
background: url(../etc/designs/acca/icons/icon-tooltip-active.png) no-repeat center; width: 25px; height: 34px; vertical-align: middle; display: inline-table;}
.studyResourceExplainedContainer {
margin: 0px 0px 16px 10px; padding: 10px; outline: rgb(224, 220, 218) solid 1px; border: 1px solid rgb(239, 237, 236); border-image: none; width: 207px; overflow: visible; float: none; background-color: rgb(224, 220, 218);}
.studyResourceExplainedContainer ul {
list-style: none; margin: 10px 0px 0px; overflow: hidden; display: block;}
.studyResourceExplainedContainer li {
margin: 0px 0px 7px; overflow: hidden; padding-bottom: 7px; clear: both; border-bottom-color: rgb(244, 243, 242); border-bottom-width: 2px; border-bottom-style: solid;}
.tooltipster-default {
border-radius: 0px !important;}
.tooltipster-content {
border-color: rgb(51, 51, 51) !important; color: rgb(255, 255, 255); font-family: "Helvetica",Arial,sans-serif; font-size: 12px !important; background-color: rgb(51, 51, 51) !important;}
.tooltipster-arrow.tooltipster-arrow-top {
left: 135px !important; top: 12px !important;}
.tooltipster-arrow-top .tooltipster-arrow-border {
border-color: rgb(51, 51, 51) !important; margin-bottom: 0px !important; border-top-width: 30px !important; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.tooltipster-arrow-top span {
border-color: rgb(51, 51, 51) !important; margin-bottom: 0px !important; border-top-width: 29px !important; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.fpExpandAll {
top: 68px; right: 50px; text-decoration: underline; position: absolute;}
.fpCountry {
padding-top: 0px !important; padding-bottom: 0px !important; border-bottom-width: 0px !important;}
.fpForm {
border-radius: 3px; width: 250px; font-size: 16px; margin-right: 10px;}
.fpButton {
border-radius: 3px; font-size: 16px;}
.product-variant {
border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; position: relative;}
.product-variant .product-variant-title {
width: 244px; display: inline-block;}
.product-variant .product-variant-title p {
margin: 5px 0px 2px;}
.product-variant .product-variant-regular-price {
width: 110px; text-align: right; display: inline-block;}
.product-variant .product-variant-regular-price p {
margin: 5px 0px 2px;}
.product-variant .product-variant-regular-price b {
margin: 5px 0px 2px; font-size: 1.2em;}
.product-variant .strike.product-variant-regular-price {
text-decoration: line-through;}
.product-variant .price-error.product-variant-regular-price {
color: rgb(200, 0, 0); font-style: italic; font-weight: bold;}
.product-variant .product-variant-todays-price {
width: 110px; text-align: right; color: rgb(200, 0, 0); display: inline-block;}
.product-variant .product-variant-todays-price p {
margin: 5px 0px 2px;}
.product-variant .product-variant-todays-price b {
margin: 5px 0px 2px; font-size: 1.2em;}
.product-variant .price-error.product-variant-todays-price {
color: rgb(200, 0, 0); font-style: italic; font-weight: bold;}
.product {
position: relative;}
.product .product-title-line {
margin: 10px 0px; padding-bottom: 5px;}
.product .product-title-underline.product-title-line {
border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;}
.productWithVariant .product .product-title-line .product-title {
font: 1.4em/normal Helvetica, Verdana, Arial, Sans-Serif; width: auto; display: inline-block; font-size-adjust: none; font-stretch: normal;}
.product .product-title-line .product-title {
font: 1.4em/normal Helvetica, Verdana, Arial, Sans-Serif; width: 244px; display: inline-block; font-size-adjust: none; font-stretch: normal;}
.product .product-title-line .product-title a {
background: url(../img/arrowblack-transparent.png) no-repeat left; padding-left: 20px; text-decoration: underline; display: block;}
.product .product-title-line .product-title a.open {
background: url(../img/arrowblack-transparent-south.png) no-repeat left;}
.product .product-description {
width: 300px; display: none;}
.product .product-regular-price {
width: 110px; text-align: right; display: inline-block;}
.product .product-regular-price p {
margin: 5px 0px 2px;}
.product .product-regular-price b {
margin: 5px 0px 2px; font-size: 1.2em;}
.product .strike.product-regular-price {
text-decoration: line-through;}
.product .price-error.product-regular-price {
color: rgb(200, 0, 0); font-style: italic; font-weight: bold;}
.product .product-todays-price {
width: 110px; text-align: right; color: rgb(200, 0, 0); display: inline-block;}
.product .product-todays-price p {
margin: 5px 0px 2px;}
.product .product-todays-price b {
margin: 5px 0px 2px; font-size: 1.2em;}
.product .price-error.product-todays-price {
color: rgb(200, 0, 0); font-style: italic; font-weight: bold;}
.product-grouping {
position: relative;}
.product-grouping .product-grouping-title {
margin: 10px 0px; display: inline-block;}
.product-grouping .product-grouping-title h3 {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; text-transform: none;}
.product-audience-heading {
position: relative;}
.content .article p.product-grouping-intro {
margin: 15px 0px 0px; color: rgb(51, 51, 51); font-size: 1.4em;}
.product-audience-heading .product-audience-product-heading {
margin: 10px 0px 15px; width: 200px; display: inline-block;}
.product-audience-heading .product-audience-price-heading {
margin: 10px 0px 15px; width: 110px; text-align: right; float: right; display: inline-block;}
.product-audience-heading .product-audience-product-heading h3 {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; color: rgb(200, 0, 0); text-transform: none;}
.product-audience-heading .product-audience-price-heading h3 {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; color: rgb(200, 0, 0); text-transform: none;}
.accordionHeading h2 a.product-audience-head {
text-transform: none;}
.grey-bg.content.main {
padding: 35px 15px; border: 10px solid rgb(255, 255, 255); border-image: none; width: 660px; min-height: 300px; background-color: rgb(249, 249, 249);}
.digital-mentor {
-webkit-font-smoothing: antialiased;}
.digital-mentor .hidden {
display: none !important;}
.digital-mentor h2 {
text-transform: none;}
.digital-mentor .nav {
margin-bottom: 0px;}
.digital-mentor .description-text {
margin: 10px 0px; color: rgb(116, 117, 119); font-size: 1.3em;}
.digital-mentor .form-error-message {
margin: 10px 0px 25px; text-align: right; color: rgb(0, 0, 0);}
.digital-mentor .dm-icon-container {
padding: 7px 0px 7px 40px; font-size: 1.2em; display: inline-block; position: relative; min-height: 30px; box-sizing: border-box;}
.digital-mentor .dm-icon {
background: url(../img/dm-icon-sprite.png) no-repeat 0px 0px; left: 0px; top: 50%; width: 30px; height: 30px; margin-top: -15px; display: block; position: absolute;}
.digital-mentor .paper.dm-icon {
background-position-x: 0px;}
.digital-mentor .computer.dm-icon {
background-position-x: -30px;}
.digital-mentor .mouse.dm-icon {
background-position-x: -60px;}
.digital-mentor .start-again.dm-icon {
background-position-x: -90px;}
.digital-mentor .email.dm-icon {
background-position-x: -120px;}
.digital-mentor .print.dm-icon {
background-position-x: -150px;}
.digital-mentor .computer-keyboard.dm-icon {
background-position-x: -182px;}
.digital-mentor .computer-mouse.dm-icon {
background-position-x: -212px;}
.digital-mentor .exam-expanded-info .dm-icon {
background-position-y: 100%;}
.digital-mentor .dm-icon-white.dm-icon {
background-position-y: 100%;}
.digital-mentor #mainContent {
padding-bottom: 30px;}
.digital-mentor .content.main {
min-height: 300px;}
.digital-mentor .start-page-content {
position: relative;}
.digital-mentor .start-page-content::after {
background: url(../img/start-page-icon.png) no-repeat 0px 0px; top: 0px; width: 84px; height: 64px; right: 0px; position: absolute; content: "";}
.digital-mentor .start-page-content h2 {
line-height: 1.5em; padding-right: 200px; font-size: 2.37em; margin-bottom: 5px;}
.digital-mentor .start-page-content a {
color: rgb(200, 0, 0);}
.digital-mentor .start-page-content a:hover {
text-decoration: underline;}
.digital-mentor .start-page-content p {
margin: 30px 0px; font-size: 1.4em;}
.digital-mentor .start-page-content p.indent {
padding-left: 20px;}
.digital-mentor .start-page-content .small {
font-size: 12px;}
.digital-mentor .start-page-content .dm-list {
list-style: none; margin: 30px 0px; padding: 0px; line-height: normal; font-size: 14px;}
.digital-mentor .start-page-content .dm-list li {
padding-left: 30px; margin-top: 15px; position: relative;}
.digital-mentor .start-page-content .dm-list li::before {
background: url(../img/list-tick-red.png); left: 0px; top: 3px; width: 16px; height: 12px; position: absolute; content: "";}
.digital-mentor .start-page-content .dm-list li.no-list-icon::before {
display: none;}
.digital-mentor .start-page-content .dm-list li:first-child {
margin-top: 0px;}
.digital-mentor .start-page-content .row {
margin: 0px -20px; overflow: hidden;}
.digital-mentor .start-page-content .start-page-main {
padding: 0px 20px; width: 50%; float: left; box-sizing: border-box;}
.digital-mentor .start-page-content .start-page-aside {
padding: 0px 20px; width: 50%; float: left; box-sizing: border-box;}
.digital-mentor .dm-overlay {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1000; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.8);}
.digital-mentor .dm-overlay .container {
padding: 50px; width: 100%; min-height: 300px; box-sizing: border-box;}
.digital-mentor .dm-overlay .box {
background: rgb(255, 255, 255); padding: 40px; position: relative; box-sizing: border-box;}
.digital-mentor .dm-overlay .content {
width: 380px;}
.digital-mentor .dm-overlay h2 {
font-size: 2.2em; margin-bottom: 35px;}
.digital-mentor .dm-overlay p {
margin: 15px 0px; font-size: 1.4em;}
.digital-mentor .dm-overlay p:first-child {
margin-top: 0px;}
.digital-mentor .dm-overlay p:last-child {
margin-bottom: 0px;}
.digital-mentor .dm-overlay .btn-email {
color: rgb(200, 0, 0);}
.digital-mentor .dm-overlay .btn-print {
color: rgb(200, 0, 0);}
.digital-mentor .dm-overlay .btn-email:hover {
text-decoration: underline;}
.digital-mentor .dm-overlay .btn-print:hover {
text-decoration: underline;}
.digital-mentor .dm-overlay .close-button {
background: url(../img/close-button.png); top: 20px; width: 18px; height: 18px; right: 20px; text-indent: -9999px; display: block; position: absolute;}
.digital-mentor .spanTwo.col {
padding: 10px; width: 700px;}
.digital-mentor .spanTwo.col .inner {
background: rgb(249, 249, 249); padding: 0px 20px 40px; width: 660px; height: 100%; min-height: 300px;}
.digital-mentor #question-number {
color: rgb(0, 0, 0); font-size: 1.5em; margin-bottom: 20px;}
.digital-mentor .question-number {
color: rgb(0, 0, 0); font-size: 1.5em; margin-bottom: 20px;}
.digital-mentor .dm-buttons {
overflow: hidden;}
.digital-mentor .button {
padding: 0px 70px 0px 30px; outline: 0px; border: 1px solid rgb(200, 0, 0); border-image: none; height: 41px !important; text-align: center; color: rgb(200, 0, 0) !important; line-height: 41px; font-size: 14px; text-decoration: none !important; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; box-sizing: content-box; background-color: transparent;}
.digital-mentor .small.button {
width: 156px !important; height: 31px !important; line-height: 33px; padding-right: 30px; font-size: 12px;}
.digital-mentor .medium.button {
width: 176px !important; height: 31px !important; line-height: 33px; padding-right: 30px; font-size: 12px;}
.digital-mentor .button-grey.button {
border: 0px currentColor; border-image: none; color: rgb(255, 255, 255) !important;}
.digital-mentor .button-black.button {
border: 0px currentColor; border-image: none; color: rgb(255, 255, 255) !important;}
.digital-mentor .button-grey.button {
background: rgb(116, 118, 120);}
.digital-mentor .button-black.button {
background: rgb(0, 0, 0);}
.digital-mentor .button-white.button {
border-color: rgb(255, 255, 255); color: rgb(255, 255, 255) !important;}
.digital-mentor .button-white.button .icon {
border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid;}
.digital-mentor .button-white.button:hover {
color: rgb(200, 0, 0) !important; background-color: rgb(255, 255, 255) !important;}
.digital-mentor .button:hover {
color: rgb(255, 255, 255) !important; text-decoration: none !important; background-color: rgb(200, 0, 0) !important;}
.digital-mentor .no-icon.button {
padding-right: 30px;}
.digital-mentor .button .icon {
background: url(../img/button-icon.gif) no-repeat center rgb(200, 0, 0); top: 0px; width: 41px; height: 41px; right: 0px; position: absolute;}
.digital-mentor .small.button .icon {
width: 31px; height: 31px;}
.digital-mentor .medium.button .icon {
width: 31px; height: 31px;}
.digital-mentor .button-right.button {
margin-left: 8px; float: right;}
.digital-mentor .button-left.button {
margin-right: 8px; float: left;}
.digital-mentor .disabled.button {
border-color: rgb(224, 224, 224); color: rgb(224, 224, 224) !important; cursor: default; background-color: transparent !important;}
.digital-mentor .disabled.button:hover {
border-color: rgb(224, 224, 224); color: rgb(224, 224, 224) !important; cursor: default; background-color: transparent !important;}
.digital-mentor .disabled.button:focus {
border-color: rgb(224, 224, 224); color: rgb(224, 224, 224) !important; cursor: default; background-color: transparent !important;}
.digital-mentor .disabled.button .icon {
background-color: rgb(224, 224, 224);}
.digital-mentor .disabled.button:hover .icon {
background-color: rgb(224, 224, 224);}
.digital-mentor .disabled.button:focus .icon {
background-color: rgb(224, 224, 224);}
.digital-mentor .cta-box {
background: rgb(200, 0, 0); padding: 18px;}
.digital-mentor .cta-box h3 {
color: rgb(255, 255, 255); text-transform: none; font-size: 2.22em; font-weight: normal; margin-bottom: 20px;}
.digital-mentor .cta-box p {
color: rgb(255, 255, 255); font-size: 1.4em; margin-bottom: 20px;}
.digital-mentor form label {
font-size: 1.4em; cursor: pointer;}
.digital-mentor form input[type='radio'] {
margin-right: 10px;}
.digital-mentor form input[type='checkbox'] {
margin-right: 10px;}
.digital-mentor form .radio label:hover {
color: rgb(200, 0, 0);}
.digital-mentor form .checkbox label:hover {
color: rgb(200, 0, 0);}
.digital-mentor form .select {
margin: 30px 0px 45px;}
.digital-mentor form .select label {
display: block;}
.digital-mentor form .select select {
display: block;}
.digital-mentor form .select label {
padding-bottom: 5px; margin-bottom: 20px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;}
.digital-mentor .select :not(.foo).styled select {
left: 0px; top: 0px; height: 100%; position: absolute; opacity: 0; -webkit-appearance: none;}
.digital-mentor .select :not(.foo).styled .select-text {
display: block;}
.digital-mentor .select .styled {
position: relative;}
.digital-mentor .select .styled select {
width: 100%; display: block; cursor: pointer; max-width: 370px; box-sizing: border-box;}
.digital-mentor .select .styled .select-text {
width: 100%; display: block; cursor: pointer; max-width: 370px; box-sizing: border-box;}
.digital-mentor .select .styled .select-text {
background: rgb(255, 255, 255); padding: 15px 20px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(116, 118, 120); font-size: 1.4em; display: none; position: relative;}
.digital-mentor .select .styled .select-text::after {
background: url(../img/dropdown-arrow.png) no-repeat; top: 50%; width: 12px; height: 6px; right: 15px; margin-top: -3px; position: absolute; content: "";}
.digital-mentor .select .disabled.styled select {
cursor: default;}
.digital-mentor .select .disabled.styled .select-text {
opacity: 0.3;}
.digital-mentor .form-text label {
padding-bottom: 5px; margin-bottom: 15px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
.digital-mentor #form-exam-planner legend {
font-size: 2.4em;}
.digital-mentor #form-exam-planner legend.small {
font-size: 1.4em; margin-bottom: -20px;}
.digital-mentor #form-exam-planner ul {
background: rgb(255, 255, 255); margin: 15px 0px; border: 1px solid rgb(221, 221, 221); border-image: none;}
.digital-mentor #form-exam-planner li {
border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; position: relative;}
.digital-mentor #form-exam-planner li label {
padding: 18px 10px 18px 60px; line-height: 1.2em; font-weight: normal; display: block;}
.digital-mentor #form-exam-planner li input {
left: 30px; top: 50%; margin-top: -7px; position: absolute;}
.digital-mentor #form-exam-planner li:last-child {
border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;}
.digital-mentor #form-exam-planner li.highlight {
background: rgb(116, 118, 120); color: rgb(255, 255, 255);}
.digital-mentor #form-exam-planner li.highlight label {
color: rgb(255, 255, 255); font-weight: bold;}
.digital-mentor #form-exam-planner li.highlight label:hover {
color: rgb(255, 255, 255); font-weight: bold;}
.digital-mentor #form-exam-planner li.highlight label:focus {
color: rgb(255, 255, 255); font-weight: bold;}
.digital-mentor .results {
padding-top: 10px;}
.digital-mentor .results .results-navigation ul {
margin: 0px; padding: 0px 0px 20px; width: 100%; height: 35px; overflow: hidden;}
.digital-mentor .results .results-navigation li {
font-size: 1.4em; vertical-align: middle; float: left; display: block;}
.digital-mentor .results .results-navigation li.start-again {
width: 190px;}
.digital-mentor .results .results-navigation li.book-exams {
width: 190px;}
.digital-mentor .results .results-navigation li.email {
width: 140px;}
.digital-mentor .results .results-navigation li.print {
width: 140px;}
.digital-mentor .results .results-navigation a {
width: 100%; height: 100%; color: rgb(216, 12, 15); line-height: 35px; display: block;}
.digital-mentor .results .results-navigation a:hover {
text-decoration: underline;}
.digital-mentor .results .results-header {
height: 60px; position: relative; z-index: 8;}
.digital-mentor .results .results-header .filter-results {
margin: 0px; padding: 10px 0px 0px; width: 190px; height: 50px; line-height: 50px; font-size: 2.3em; float: left;}
.digital-mentor .results .results-header .results-filter-top {
padding: 10px 15px 0px 20px; width: 435px; height: 50px; float: left;}
.digital-mentor .results .results-header .your-plan {
margin: 0px; height: 50px; line-height: 50px; font-size: 16px; float: left; display: inline-block;}
.digital-mentor .results .results-header .results-tabs {
height: 50px; float: right;}
.digital-mentor .results .results-header .results-tabs li {
border-width: 1px 1px 0px; border-style: solid; border-color: transparent; border-image: none; height: 50px; bottom: 0px; margin-left: 5px; float: left; position: relative;}
.digital-mentor .results .results-header .results-tabs li:first-child {
margin-left: 0px;}
.digital-mentor .results .results-header .results-tabs li a {
padding: 0px 30px; color: rgb(200, 0, 0); line-height: 50px; font-size: 16px; display: block;}
.digital-mentor .results .results-header .results-tabs li a:hover {
background: rgb(255, 255, 255);}
.digital-mentor .results .results-header .results-tabs li.active {
border-color: rgb(221, 221, 221);}
.digital-mentor .results .results-header .results-tabs li:hover {
border-color: rgb(221, 221, 221);}
.digital-mentor .results .results-header .results-tabs li.active a {
background: rgb(255, 255, 255); color: rgb(0, 0, 0);}
.digital-mentor .results .results-header .results-tabs li:hover a {
background: rgb(255, 255, 255); color: rgb(0, 0, 0);}
.digital-mentor .results .results-main {
background: rgb(221, 221, 221); border: 1px solid rgb(221, 221, 221); border-image: none; overflow: hidden; margin-bottom: 30px; position: relative; z-index: 5;}
.digital-mentor .results .results-main .results-filter-side {
padding: 30px 0px; width: 169px; float: left; min-height: 300px; box-sizing: border-box;}
.digital-mentor .results .results-main .results-filter-side fieldset {
padding: 0px 18px 30px 16px; margin-bottom: 20px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;}
.digital-mentor .results .results-main .results-filter-side .results-actions {
padding: 0px 18px 30px 16px; margin-bottom: 20px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;}
.digital-mentor .results .results-main .results-filter-side fieldset:first-child {
margin-top: 0px;}
.digital-mentor .results .results-main .results-filter-side :first-child.results-actions {
margin-top: 0px;}
.digital-mentor .results .results-main .results-filter-side fieldset:first-child legend {
margin: 0px; height: 20px; line-height: 20px; font-size: 1.8em; font-weight: bold;}
.digital-mentor .results .results-main .results-filter-side :first-child.results-actions legend {
margin: 0px; height: 20px; line-height: 20px; font-size: 1.8em; font-weight: bold;}
.digital-mentor .results .results-main .results-filter-side fieldset:last-child {
border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;}
.digital-mentor .results .results-main .results-filter-side :last-child.results-actions {
border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;}
.digital-mentor .results .results-main .results-filter-side fieldset label {
font-size: 1.2em;}
.digital-mentor .results .results-main .results-filter-side .results-actions label {
font-size: 1.2em;}
.digital-mentor .results .results-main .results-filter-side legend {
width: 100%; font-size: 1.47em; margin-bottom: 15px;}
.digital-mentor .results .results-main .results-filter-side .legend {
width: 100%; font-size: 1.47em; margin-bottom: 15px;}
.digital-mentor .results .results-main .results-filter-side .radio {
margin: 10px 0px;}
.digital-mentor .results .results-main .results-filter-side .checkbox {
margin: 10px 0px;}
.digital-mentor .results .results-main .results-filter-side .select {
margin: 10px 0px;}
.digital-mentor .results .results-main .results-filter-side :first-child.radio {
margin-top: 0px;}
.digital-mentor .results .results-main .results-filter-side :first-child.checkbox {
margin-top: 0px;}
.digital-mentor .results .results-main .results-filter-side :first-child.select {
margin-top: 0px;}
.digital-mentor .results .results-main .results-filter-side :last-child.radio {
margin-bottom: 0px;}
.digital-mentor .results .results-main .results-filter-side :last-child.checkbox {
margin-bottom: 0px;}
.digital-mentor .results .results-main .results-filter-side :last-child.select {
margin-bottom: 0px;}
.digital-mentor .results .results-main .main-content {
background: rgb(255, 255, 255) !important; padding: 20px; width: 489px; float: left; position: relative; min-height: 660px; box-sizing: border-box;}
.digital-mentor .results .results-main .date {
padding: 10px 0px; overflow: hidden; margin-right: -26px;}
.digital-mentor .results .results-main .date::before {
display: table; content: "";}
.digital-mentor .results .results-main .exam-date-list::before {
display: table; content: "";}
.digital-mentor .results .results-main .date::after {
display: table; content: "";}
.digital-mentor .results .results-main .exam-date-list::after {
display: table; content: "";}
.digital-mentor .results .results-main .date::after {
clear: both;}
.digital-mentor .results .results-main .exam-date-list::after {
clear: both;}
.digital-mentor .results .results-main .date p {
margin: 0px; padding: 0px 25px 0px 0px; color: rgb(0, 0, 0); font-size: 1.8em; float: right; position: relative;}
.digital-mentor .results .results-main .date .marker {
background: rgb(160, 161, 163); border-radius: 6px; top: 50%; width: 11px; height: 11px; right: 0px; margin-top: -6px; position: absolute; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.digital-mentor .results .results-main .exam-list > li {
margin: 10px 0px; padding: 20px; border: 1px solid rgb(221, 221, 221); border-image: none; box-sizing: border-box;}
.digital-mentor .results .results-main .exam-list > li h3 {
font-family: Arial,sans-serif; font-size: 1.57em; font-weight: bold; margin-bottom: 5px;}
.digital-mentor .results .results-main .exam-list > li h3.city-name {
color: rgb(116, 118, 120); margin-bottom: 17px;}
.digital-mentor .results .results-main .exam-list > li p {
margin: 5px 0px; font-size: 1.2em;}
.digital-mentor .results .results-main .exam-list > li .deadline {
color: rgb(116, 118, 120); margin-bottom: 30px;}
.digital-mentor .results .results-main .exam-date-list {
padding: 15px 0px 8px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;}
.digital-mentor .results .results-main .exam-date-list li {
width: 95px; margin-left: 9px; float: left; position: relative;}
.digital-mentor .results .results-main .exam-date-list li:first-child {
margin-left: 0px;}
.digital-mentor .results .results-main .exam-date-list li::after {
border-width: 0px 6px 6px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); transition:0.2s 0.25s; left: 50%; width: 0px; height: 0px; bottom: -14px; margin-left: -6px; position: absolute; content: "";}
.digital-mentor .results .results-main .exam-date-list li .exam-list-trigger {
padding: 0px 30px 0px 10px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 35px; text-align: center; line-height: 35px; font-size: 1.2em; display: block; position: relative; cursor: pointer; box-sizing: border-box;}
.digital-mentor .results .results-main .exam-date-list li .exam-list-trigger::after {
border-width: 4px 4px 0px; border-style: solid; border-color: rgb(51, 51, 51) transparent transparent; top: 50%; width: 0px; height: 0px; right: 13px; margin-top: -2px; position: absolute; content: "";}
.digital-mentor .results .results-main .exam-date-list li.selected {
background: rgb(51, 51, 51); border-color: rgb(51, 51, 51); color: rgb(255, 255, 255);}
.digital-mentor .results .results-main .exam-date-list li.selected .exam-list-trigger::after {
border-color: rgb(255, 255, 255) transparent transparent;}
.digital-mentor .results .results-main .exam-date-list li.selected::after {
border-color: transparent transparent rgb(51, 51, 51); bottom: -8px;}
.digital-mentor .results .results-main .exam-date-list li.unavailable .exam-list-trigger {
border-color: rgb(243, 243, 243); color: rgb(178, 178, 178); cursor: default;}
.digital-mentor .results .results-main .exam-date-list li.unavailable:hover .exam-list-trigger {
border-color: rgb(243, 243, 243); color: rgb(178, 178, 178); cursor: default;}
.digital-mentor .results .results-main .exam-date-list li.unavailable .exam-list-trigger::after {
border-color: rgb(178, 178, 178) transparent transparent;}
.digital-mentor .results .results-main .exam-date-list li.unavailable:hover .exam-list-trigger::after {
border-color: rgb(178, 178, 178) transparent transparent;}
.digital-mentor .results .results-main .exam-date-list li .icon {
background: url(../img/exam-date-button-sprite.png) no-repeat left; left: 10px; top: 50%; width: 12px; height: 12px; margin-top: -6px; display: block; position: absolute;}
.digital-mentor .results .results-main .exam-date-list li.unavailable .icon {
background-position: right;}
.digital-mentor .results .results-main .exam-expanded-info {
background: rgb(51, 51, 51); margin: 0px -20px -20px; padding: 12px 20px; color: rgb(255, 255, 255); display: none; position: relative;}
.digital-mentor .results .results-main .inline-exam-expanded-info.exam-expanded-info {
display: block;}
.digital-mentor .results .results-main .exam-expanded-info h5 {
text-transform: none; padding-top: 7px; font-size: 1.3em; font-weight: bold; margin-bottom: 8px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;}
.digital-mentor .results .results-main .entry-dates {
width: 100%;}
.digital-mentor .results .results-main .entry-dates td {
padding: 12px 10px 10px; border: 1px solid rgb(255, 255, 255); border-image: none; text-align: center;}
.digital-mentor .results .results-main .entry-dates small {
line-height: 1em; font-size: 0.9em;}
.digital-mentor .results .results-main .entry-dates strong {
display: block;}
.digital-mentor .form-alert {
padding: 5px 20px; border: 1px solid rgb(0, 163, 224); border-image: none; color: rgb(0, 163, 224); margin-bottom: 20px; position: relative;}
.digital-mentor .form-alert p {
font-size: 1.45em;}
.digital-mentor .form-alert-icon.form-alert {
padding-left: 60px;}
.digital-mentor .form-alert-icon.form-alert::before {
background: url(../img/form-alert-icon.png); left: 18px; top: 11px; width: 24px; height: 25px; position: absolute; content: "";}
.digital-mentor .city-item-list {
font-size: 1.2em;}
.digital-mentor .city-item-list li {
height: 16px; text-transform: capitalize; margin-bottom: 14px; position: relative;}
.digital-mentor .city-item-list .remove-city {
background: url(../img/close-button-red.png) no-repeat 50% 50%; top: 50%; width: 16px; height: 16px; right: 0px; margin-top: -8px; position: absolute; cursor: pointer;}
.digital-mentor .loading {
background: url(../img/loading-animation.gif) no-repeat 50% 130px rgba(255, 255, 255, 0.9); left: 0px; top: 100px; right: 0px; bottom: 0px; position: absolute;}
.digital-mentor .examPlannerForm .question-3 .select {
clear: both; margin-bottom: 20px;}
.digital-mentor .examPlannerForm .question-3 .select label {
padding: 15px 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; float: left;}
.digital-mentor .examPlannerForm .question-3 .select .styled {
float: right; min-width: 350px;}
.digital-mentor .content.main a {
color: rgb(200, 0, 0); text-decoration: underline;}
.digital-mentor #form-exam-planner li#li-checkbox-f3-financial-accounting {
border-bottom-color: rgb(229, 229, 229); border-bottom-width: 2px; border-bottom-style: solid;}
.digital-mentor #form-exam-planner li#li-checkbox-f9-financial-management {
border-bottom-color: rgb(229, 229, 229); border-bottom-width: 2px; border-bottom-style: solid;}
.digital-mentor #form-exam-planner li#li-checkbox-ma1-management-information {
border-bottom-color: rgb(229, 229, 229); border-bottom-width: 2px; border-bottom-style: solid;}
.digital-mentor #form-exam-planner li#li-checkbox-ma2-managing-costs-and-finance {
border-bottom-color: rgb(229, 229, 229); border-bottom-width: 2px; border-bottom-style: solid;}
.digital-mentor #form-exam-planner li#li-checkbox-fma-management-accounting {
border-bottom-color: rgb(229, 229, 229); border-bottom-width: 2px; border-bottom-style: solid;}
.content .article p.description {
margin-bottom: 20px;}
.content .article h3.result-title {
text-transform: none; line-height: 1.1; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 1em; font-weight: bold; margin-top: 0px; margin-bottom: 0px; border-bottom-width: 0px;}
.cq-searchpromote-result-item.result-container .row .col-md-6 .date {
display: none;}
.cq-searchpromote-result-item.result-container .row .result-type-list.col-md-offset-3.col-md-3 {
display: none;}
ul.cq-searchpromote-pagination.pagination-list li {
margin-left: 5px; float: left; list-style-image: none;}
ul.cq-searchpromote-pagination.pagination-list {
margin-bottom: 10px;}
ul.cq-searchpromote-pagination.pagination-list li a {}
ul.cq-searchpromote-pagination.pagination-list li a.active {
background-color: rgb(217, 46, 16);}
.wizard .question {
display: none;}
.wizard .answer {
display: none;}
.wizard .active {
display: inherit;}
.section.wizard {
margin: 10px; padding: 35px 15px; background-color: rgb(249, 249, 249);}
.wizard .question {
font-size: 2.4em;}
.wizard .answer {
background: rgb(255, 255, 255); margin: 15px 0px; border: 1px solid rgb(221, 221, 221); border-image: none;}
.wizard .option {
padding: 18px 10px; line-height: 1.2em; font-size: 1.8em; font-weight: normal; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; cursor: pointer;}
.wizard .option:hover {
transition:background-color 1s; background-color: rgb(249, 249, 249); -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-color 1s ease;}
.wizard .goBack {
padding: 0px 30px 0px 70px; outline: 0px; border: 1px solid rgb(200, 0, 0); border-image: none; height: 41px !important; text-align: center; color: rgb(200, 0, 0) !important; line-height: 41px; font-size: 14px; text-decoration: none !important; vertical-align: middle; float: left; display: inline-block; position: relative; cursor: pointer; box-sizing: content-box; background-color: transparent;}
.wizard .goBack:hover {
color: rgb(255, 255, 255) !important; text-decoration: none !important; background-color: rgb(200, 0, 0) !important;}
.wizard .startOver {
padding: 0px 15px; outline: 0px; border: 1px solid rgb(200, 0, 0); border-image: none; height: 41px !important; text-align: center; color: rgb(255, 255, 255) !important; line-height: 41px; font-size: 14px; text-decoration: none !important; margin-left: 20px; vertical-align: middle; float: left; display: inline-block; position: relative; cursor: pointer; box-sizing: content-box; background-color: rgb(0, 0, 0);}
.wizard .startOver:hover {
color: rgb(255, 255, 255) !important; text-decoration: none !important; background-color: rgb(200, 0, 0) !important;}
.wizard .goBack span {
background: url(../etc/designs/acca/img/button-icon-left.gif) no-repeat center rgb(200, 0, 0); left: 0px; top: 0px; width: 41px; height: 41px; position: absolute;}
ul#mainNavSingle .mainNavFlyout li.mb-nav-item {
padding-top: 12px; background-color: rgb(255, 255, 255);}
ul#mainNavSingle .mainNavFlyout li.mb-nav-item a {
color: rgb(89, 89, 89); line-height: 2em; padding-top: 6px;}
ul#mainNavSingle .mainNavFlyout li.mb-nav-item a strong {
color: rgb(0, 0, 0); letter-spacing: -0.5px; font-size: 1.28em;}
ul#mainNavSingle .mainNavFlyout li.mb-nav-item::before {
background: rgb(200, 0, 0); left: 0px; top: 12px; width: 4px; height: 36px; position: absolute; content: "";}
ul#mainNavSingle .mainNavFlyout li.mb-nav-item::after {
background: url(../etc/designs/acca/img/members-beta-banner/mb-external-icon.png) no-repeat; top: 30px; width: 24px; height: 24px; right: 12px; position: absolute; content: "";}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
ul#mainNavSingle .mainNavFlyout li.mb-nav-item::after {
background-image: url(../etc/designs/acca/img/members-beta-banner/mb-external-icon@2x.png); background-size: contain;}
}
#members-beta-reminder {
left: 30px; width: 200px; height: 60px; bottom: 34px; position: fixed; cursor: pointer; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);}
#members-beta-reminder h1 {
margin: 21px 57px; color: rgb(116, 118, 120); font-size: 11px;}
#members-beta-reminder h2 {
margin: 21px 57px; color: rgb(116, 118, 120); font-size: 11px;}
#members-beta-reminder h3 {
margin: 21px 57px; color: rgb(116, 118, 120); font-size: 11px;}
#members-beta-reminder h4 {
margin: 21px 57px; color: rgb(116, 118, 120); font-size: 11px;}
#members-beta-reminder h5 {
margin: 21px 57px; color: rgb(116, 118, 120); font-size: 11px;}
#members-beta-reminder h6 {
margin: 21px 57px; color: rgb(116, 118, 120); font-size: 11px;}
#members-beta-reminder::before {
background: url(../etc/designs/acca/img/members-beta-banner/mb-reminder-icon.png) no-repeat; left: 15px; top: 18px; width: 30px; height: 24px; position: absolute; content: "";}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#members-beta-reminder::before {
background-image: url(../etc/designs/acca/img/members-beta-banner/mb-reminder-icon@2x.png); background-size: contain;}
}
#members-beta-reminder::after {
background: url(../etc/designs/acca/img/members-beta-banner/mb-reminder-arrow.png) no-repeat; top: 27px; width: 14px; height: 7px; right: 14px; position: absolute; content: "";}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#members-beta-reminder::after {
background-image: url(../etc/designs/acca/img/members-beta-banner/mb-reminder-arrow@2x.png); background-size: contain;}
}
#members-beta-banner {
padding: 30px 30px 100px; left: 50%; top: 50%; width: 390px; height: 350px; margin-top: -240px; margin-left: -215px; position: fixed; z-index: 9999; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);}
#members-beta-banner h1 {
color: rgb(0, 0, 0); text-transform: none; line-height: 1.5em; padding-right: 30px; font-size: 38px; margin-top: 0px; margin-bottom: 24px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;}
#members-beta-banner h2 {
color: rgb(0, 0, 0); text-transform: none; line-height: 1.5em; padding-right: 30px; font-size: 38px; margin-top: 0px; margin-bottom: 24px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;}
#members-beta-banner h3 {
color: rgb(0, 0, 0); text-transform: none; line-height: 1.5em; padding-right: 30px; font-size: 38px; margin-top: 0px; margin-bottom: 24px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;}
#members-beta-banner h4 {
color: rgb(0, 0, 0); text-transform: none; line-height: 1.5em; padding-right: 30px; font-size: 38px; margin-top: 0px; margin-bottom: 24px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;}
#members-beta-banner h5 {
color: rgb(0, 0, 0); text-transform: none; line-height: 1.5em; padding-right: 30px; font-size: 38px; margin-top: 0px; margin-bottom: 24px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;}
#members-beta-banner h6 {
color: rgb(0, 0, 0); text-transform: none; line-height: 1.5em; padding-right: 30px; font-size: 38px; margin-top: 0px; margin-bottom: 24px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;}
#members-beta-banner p {
line-height: 24px; font-size: 14px; margin-top: 18px; margin-bottom: 0px;}
#members-beta-banner .mb-btn-decline {
padding: 12px; bottom: 30px; color: rgb(200, 0, 0); font-size: 14px; display: inline-block; position: absolute; cursor: pointer;}
#members-beta-banner .mb-btn-decline:hover {
text-decoration: underline;}
#members-beta-banner .mb-btn {
border: 1px solid rgb(200, 0, 0); border-image: none; left: 30px; height: 46px; bottom: 80px; color: rgb(200, 0, 0); line-height: 46px; padding-right: 64px; padding-left: 18px; font-size: 14px; display: inline-block; position: absolute; background-color: rgb(255, 255, 255);}
#members-beta-banner .mb-btn:hover {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#members-beta-banner .mb-btn:hover .mb-btn-icon {
border-color: rgb(236, 104, 108);}
#members-beta-banner .mb-btn:hover .mb-btn-icon::before {
left: 15px;}
#members-beta-banner .mb-btn .mb-btn-icon {
top: 0px; width: 46px; height: 46px; right: 0px; overflow: hidden; border-left-color: rgb(200, 0, 0); border-left-width: 1px; border-left-style: solid; position: absolute;}
#members-beta-banner .mb-btn .mb-btn-icon::before {
background: url(../etc/designs/acca/img/members-beta-banner/mb-btn-icon.png) no-repeat center; transition:left 200ms; left: -19px; top: 50%; width: 54px; height: 11px; margin-top: -5px; display: block; position: absolute; content: "";}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#members-beta-banner .mb-btn .mb-btn-icon::before {
background-image: url(../etc/designs/acca/img/members-beta-banner/mb-btn-icon@2x.png); background-size: contain;}
}
#members-beta-banner .mb-btn-close {
background: url(../etc/designs/acca/img/members-beta-banner/mb-btn-close.png) no-repeat center; top: 30px; width: 11px; height: 11px; right: 30px; display: block; position: absolute; cursor: pointer;}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#members-beta-banner .mb-btn-close {
background-image: url(../etc/designs/acca/img/members-beta-banner/mb-btn-close@2x.png); background-size: contain;}
}
#members-beta-overlay {
background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 9998; cursor: pointer;}
@media only screen and (max-width:450px)
{
#members-beta-banner {
padding: 6vmin 6vmin 40vmin; left: 50%; width: auto; height: auto; bottom: auto; margin-top: -40vmin; margin-left: -50vw; max-width: 100vw;}
#members-beta-banner h1 {
line-height: 1.2em; padding-right: 6vmin; font-size: 6vmin;}
#members-beta-banner h2 {
line-height: 1.2em; padding-right: 6vmin; font-size: 6vmin;}
#members-beta-banner h3 {
line-height: 1.2em; padding-right: 6vmin; font-size: 6vmin;}
#members-beta-banner h4 {
line-height: 1.2em; padding-right: 6vmin; font-size: 6vmin;}
#members-beta-banner h5 {
line-height: 1.2em; padding-right: 6vmin; font-size: 6vmin;}
#members-beta-banner h6 {
line-height: 1.2em; padding-right: 6vmin; font-size: 6vmin;}
#members-beta-banner p {
line-height: 1.4em; font-size: 4.5vmin;}
#members-beta-banner .mb-btn-decline {
bottom: 4vmin; font-size: 4.5vmin;}
#members-beta-banner .mb-btn {
border-width: 0.3vmin; left: 6vmin; height: 8vmin; bottom: 18vmin; line-height: 8vmin; padding-right: 11vmin; padding-left: 3vmin; font-size: 4.5vmin;}
#members-beta-banner .mb-btn:hover .mb-btn-icon::before {
left: 50%;}
#members-beta-banner .mb-btn .mb-btn-icon {
border-width: 0.3vmin; width: 8vmin; height: 8vmin;}
#members-beta-banner .mb-btn .mb-btn-icon::before {
background: url(../etc/designs/acca/img/members-beta-banner/mb-btn-icon-arrow.png) no-repeat center / contain; transition:none; left: 50%; top: 50%; width: 3vmin; height: 3vmin; margin-top: -1.5vmin; margin-left: -1.5vmin;}
}
@media not all, not all, not all, not all, only screen and (max-width:450px) and (min-resolution:192dpi), not all
{
#members-beta-banner .mb-btn .mb-btn-icon::before {
background-image: url(../etc/designs/acca/img/members-beta-banner/mb-btn-icon-arrow@2x.png);}
}
@media only screen and (max-width:450px)
{
#members-beta-banner .mb-btn-close {
top: 6vmin; width: 3vmin; height: 3vmin; right: 6vmin; background-size: contain;}
}
.specimen-exam-thumbnail {
font-size: 1.3em; text-decoration: underline;}
.specimen-exam-thumbnail:hover {
color: rgb(217, 46, 16);}
.specimen-exam-thumbnail .icon {
margin: auto; vertical-align: middle; display: inline-block;}
.section.specimenPaper {
display: inline-flex; align-items: center;}
#main-navigation-container {
font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
#main-navigation-container body {
margin: 0px;}
#main-navigation-container article {
display: block;}
#main-navigation-container aside {
display: block;}
#main-navigation-container details {
display: block;}
#main-navigation-container figcaption {
display: block;}
#main-navigation-container figure {
display: block;}
#main-navigation-container footer {
display: block;}
#main-navigation-container header {
display: block;}
#main-navigation-container hgroup {
display: block;}
#main-navigation-container main {
display: block;}
#main-navigation-container menu {
display: block;}
#main-navigation-container nav {
display: block;}
#main-navigation-container section {
display: block;}
#main-navigation-container summary {
display: block;}
#main-navigation-container audio {
vertical-align: baseline; display: inline-block;}
#main-navigation-container canvas {
vertical-align: baseline; display: inline-block;}
#main-navigation-container progress {
vertical-align: baseline; display: inline-block;}
#main-navigation-container video {
vertical-align: baseline; display: inline-block;}
#main-navigation-container audio:not([controls]) {
height: 0px; display: none;}
#main-navigation-container [hidden] {
display: none;}
#main-navigation-container template {
display: none;}
#main-navigation-container a {
background-color: transparent;}
#main-navigation-container a:active {
outline: 0px;}
#main-navigation-container a:hover {
outline: 0px;}
#main-navigation-container abbr[title] {
border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: dotted;}
#main-navigation-container b {
font-weight: bold;}
#main-navigation-container strong {
font-weight: bold;}
#main-navigation-container dfn {
font-style: italic;}
#main-navigation-container h1 {
margin: 0.67em 0px; font-size: 2em;}
#main-navigation-container mark {
background: rgb(255, 255, 0); color: rgb(0, 0, 0);}
#main-navigation-container small {
font-size: 80%;}
#main-navigation-container sub {
line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;}
#main-navigation-container sup {
line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;}
#main-navigation-container sup {
top: -0.5em;}
#main-navigation-container sub {
bottom: -0.25em;}
#main-navigation-container img {
border: 0px currentColor; border-image: none;}
#main-navigation-container svg:not(:root) {
overflow: hidden;}
#main-navigation-container figure {
margin: 1em 40px;}
#main-navigation-container hr {
height: 0px; box-sizing: content-box; -moz-box-sizing: content-box;}
#main-navigation-container pre {
overflow: auto;}
#main-navigation-container code {
font-family: monospace,monospace; font-size: 1em;}
#main-navigation-container kbd {
font-family: monospace,monospace; font-size: 1em;}
#main-navigation-container pre {
font-family: monospace,monospace; font-size: 1em;}
#main-navigation-container samp {
font-family: monospace,monospace; font-size: 1em;}
#main-navigation-container button {
font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;}
#main-navigation-container input {
font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;}
#main-navigation-container optgroup {
font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;}
#main-navigation-container select {
font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;}
#main-navigation-container textarea {
font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;}
#main-navigation-container button {
overflow: visible;}
#main-navigation-container button {
text-transform: none;}
#main-navigation-container select {
text-transform: none;}
#main-navigation-container button {
cursor: pointer; -webkit-appearance: button;}
#main-navigation-container html input[type='button'] {
cursor: pointer; -webkit-appearance: button;}
#main-navigation-container input[type='reset'] {
cursor: pointer; -webkit-appearance: button;}
#main-navigation-container input[type='submit'] {
cursor: pointer; -webkit-appearance: button;}
#main-navigation-container button[disabled] {
cursor: default;}
#main-navigation-container html input[disabled] {
cursor: default;}
#main-navigation-container input {
line-height: normal;}
#main-navigation-container input[type='checkbox'] {
padding: 0px; box-sizing: border-box;}
#main-navigation-container input[type='radio'] {
padding: 0px; box-sizing: border-box;}
#main-navigation-container input[type='search'] {
box-sizing: content-box; -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
#main-navigation-container fieldset {
margin: 0px 2px; padding: 0.35em 0.62em 0.75em; border: 1px solid rgb(192, 192, 192); border-image: none;}
#main-navigation-container legend {
padding: 0px; border: 0px currentColor; border-image: none;}
#main-navigation-container textarea {
overflow: auto;}
#main-navigation-container optgroup {
font-weight: bold;}
#main-navigation-container table {
border-collapse: collapse; border-spacing: 0;}
#main-navigation-container td {
padding: 0px;}
#main-navigation-container th {
padding: 0px;}
#main-navigation-container [class^='icon-'] {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container [class*=' icon-'] {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-flip-horizontal {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-home::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e900"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-search::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e901"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-external-link::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e902"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-internal-link::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e903"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-down::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e904"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-up::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e905"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-left::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e906"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-right::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e907"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-refresh::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e908"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-sign-out::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e909"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-to-bottom::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e90a"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-to-top::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e90b"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-to-left::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e90c"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-to-right::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e90d"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-chevron-down::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e90e"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-chevron-up::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e90f"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-chevron-left::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e910"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-chevron-right::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e911"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-arrow-down::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e912"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-arrow-up::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e913"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-menu::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e914"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-section::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e915"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-sub-section::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e916"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-close::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e917"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-recent::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e918"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-calendar::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e919"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-help::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e91a"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-info::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e91b"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-my-order::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e91c"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-pin-hollow::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e91d"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-pin::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e91e"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-terms-conditions::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e91f"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-trending::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e920"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-goal::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e921"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-idea::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e922"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-related-link::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e923"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-alarm::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e924"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-approved::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e925"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-confirm::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e926"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-delete::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e927"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-loading::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e928"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-locked::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e929"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-unlocked::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e92a"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-warning::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e92b"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-comment::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e92c"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-webchat::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e92d"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-community::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e92e"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-email::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e92f"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-group::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e930"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-share::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e931"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-print::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e932"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-copy-to-clipboard::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e933"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-call-us::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e934"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-contact-form::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e935"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-social-linkedin::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e936"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-social-facebook::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e937"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-social-twitter::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e938"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-social-youtube::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e939"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-social-linkedin-inverted::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e93a"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-social-facebook-inverted::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e93b"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-social-twitter-inverted::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e93c"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-social-youtube-inverted::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e93d"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-image::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e93e"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-news::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e93f"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-notes::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e940"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-report::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e941"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-video::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e942"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-audio::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e943"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-document::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e944"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-download::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e945"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-e-zine::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e946"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-event::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e947"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-upload::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e948"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-library::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e949"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-related-document::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e94a"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-article::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e94b"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-ab-magazine::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e94c"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-interview::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e94d"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-quote::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e94e"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-desktop::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e94f"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-tablet::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e950"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-mobile::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e951"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-expand::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e952"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-reduce::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e953"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-grid-view::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e954"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-list-view::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e955"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-zoom-in::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e956"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-zoom-out::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e957"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-certificate::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e958"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-find-a-tutor::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e959"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-mentor::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e95a"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-recruitment::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e95b"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-seminar::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e95c"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-paper-book-exam::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e95d"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-paper-exam-change::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e95e"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-paper-result-service::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e95f"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-paper-session-based::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e960"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-search-resources::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e961"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-computer-book-exam::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e962"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-computer-exam-change::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e963"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-computer-result-service::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e964"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-computer-on-demand::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e965"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-computer-session-based::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e966"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-student::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e967"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-members::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e968"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-employers::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e969"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-education-providers::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e96a"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-prospects::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e96b"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-cpd-article::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e96c"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-cpd-event::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e96d"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-cpd-search-activities::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e96e"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-tick-fixed::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e96f"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container .icon-person::after {
text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; display: inline-block; content: "\e970"; -webkit-font-smoothing: antialiased; speak: none; -moz-osx-font-smoothing: grayscale;}
#main-navigation-container body {
font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container h1 {
margin-top: 30px; margin-bottom: 0px;}
#main-navigation-container h2 {
margin-top: 30px; margin-bottom: 0px;}
#main-navigation-container h3 {
margin-top: 30px; margin-bottom: 0px;}
#main-navigation-container h4 {
margin-top: 30px; margin-bottom: 0px;}
#main-navigation-container h5 {
margin-top: 30px; margin-bottom: 0px;}
#main-navigation-container h6 {
margin-top: 30px; margin-bottom: 0px;}
#main-navigation-container h1 {
font-family: "Avenir W01",Helvetica,sans-serif !important; font-weight: 500;}
#main-navigation-container h2 {
font-family: "Avenir W01",Helvetica,sans-serif !important; font-weight: 500;}
#main-navigation-container h3 {
font-family: "Avenir W01",Helvetica,sans-serif !important; font-weight: 500;}
#main-navigation-container h4 {
font-family: "Avenir W01",Helvetica,sans-serif !important; font-weight: 500;}
#main-navigation-container h5 {
font-family: "Avenir W01",Helvetica,sans-serif !important; font-weight: 500;}
#main-navigation-container h1 {
line-height: 60px; font-size: 38px; font-weight: 200;}
#main-navigation-container h2 {
line-height: 54px; font-family: "PMN Caecilia W01",serif !important; font-size: 34px;}
#main-navigation-container h3 {
line-height: 42px; font-size: 26px;}
#main-navigation-container h3 + h4 {
margin-top: 24px;}
#main-navigation-container h3 + h4 + p {
margin-top: 30px;}
#main-navigation-container h4 {
line-height: 36px; font-size: 22px;}
#main-navigation-container h5 {
line-height: 30px; font-size: 18px;}
#main-navigation-container h6 {
padding: 35px 30px; color: rgb(0, 0, 0); line-height: 24px; font-family: Arial,Helvetica,sans-serif !important; font-size: 16px; font-weight: normal; background-color: rgb(248, 248, 248);}
#main-navigation-container p {
margin: 12px 0px 24px; color: rgb(89, 89, 89); line-height: 24px;}
#main-navigation-container p small {
line-height: 20px; font-size: 0.81em; margin-top: 0.8em; display: block;}
#main-navigation-container .font-default {
font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container .serif {
font-family: "PMN Caecilia W01",serif !important;}
#main-navigation-container .font-serif {
font-family: "PMN Caecilia W01",serif !important;}
#main-navigation-container .sans-serif {
font-family: "Avenir W01",Helvetica,sans-serif !important;}
#main-navigation-container .font-sans-serif {
font-family: "Avenir W01",Helvetica,sans-serif !important;}
#main-navigation-container a {
transition:color 0.2s, background-color 0.2s; color: rgb(200, 0, 0); text-decoration: none; -webkit-transition: color .2s, background-color .2s;}
#main-navigation-container a:hover {
color: rgb(211, 51, 51); text-decoration: underline;}
#main-navigation-container ul {
color: rgb(89, 89, 89); line-height: 24px; padding-left: 45px; margin-top: 30px; margin-bottom: 30px;}
#main-navigation-container ol {
color: rgb(89, 89, 89); line-height: 24px; padding-left: 45px; margin-top: 30px; margin-bottom: 30px;}
#main-navigation-container ul > li > ul {
margin-top: 0px; margin-bottom: 0px;}
#main-navigation-container ol > li > ul {
margin-top: 0px; margin-bottom: 0px;}
#main-navigation-container ul > li > ol {
margin-top: 0px; margin-bottom: 0px;}
#main-navigation-container ol > li > ol {
margin-top: 0px; margin-bottom: 0px;}
#main-navigation-container .textSection ul {
list-style-type: none;}
#main-navigation-container .textSection ul > li {
position: relative;}
#main-navigation-container .textSection ul > li::before {
background: url(../img/icons/red-dot-2.png); left: -22px; top: 11px; width: 4px; height: 4px; color: rgb(200, 0, 0); margin-top: -2px; position: absolute; content: "";}
#main-navigation-container blockquote {
margin: 30px 0px; color: rgb(0, 0, 0); font-family: "PMN Caecilia W01",serif !important; position: relative;}
#main-navigation-container blockquote::before {
left: -48px; top: -8px; color: rgb(243, 243, 243); line-height: 1em; font-size: 12.6em; position: absolute; z-index: 1; content: "\0201C";}
#main-navigation-container blockquote p {
color: rgb(0, 0, 0); line-height: 1.5em; font-size: 1.37em; position: relative; z-index: 2;}
#main-navigation-container blockquote cite {
color: rgb(89, 89, 89); line-height: 18px; font-family: Arial,Helvetica,sans-serif !important; font-size: 0.81em; font-style: normal; margin-top: -10px; display: block; position: relative; z-index: 2;}
#main-navigation-container .article-content-side blockquote {
margin-left: 0px;}
#main-navigation-container .article-content-side blockquote::before {
display: none;}
#main-navigation-container .article-content-side blockquote p {
font-size: 1.12em;}
#main-navigation-container .article-page .section-article-content.content-section .article-content-main p:first-child {
margin-top: 0px;}
#main-navigation-container .article-page .section-article-content.content-section .article-content-main p:last-child {
margin-bottom: 0px;}
#main-navigation-container .no-matching-events {
margin: 0px; line-height: 58px; font-size: 36px; font-weight: 300;}
@media only screen and (max-width:599px)
{
#main-navigation-container blockquote {
margin: 20px 0px; padding-left: 0px;}
#main-navigation-container blockquote::before {
content: none;}
#main-navigation-container .article-page .section-article-content.content-section .article-content-main h3 {
margin: 20px 0px; font-size: 1.37em;}
#main-navigation-container .article-page .section-article-content.content-section .article-content-main p {
margin: 20px 0px; line-height: 1.5em; font-size: 0.87em;}
}
#main-navigation-container p.btn {
font-size: 0.87em !important;}
#main-navigation-container .btn-container {
font-size: 0.87em !important;}
#main-navigation-container p.col-sm-12.btn {
margin-top: 30px; margin-bottom: 30px;}
#main-navigation-container .col-sm-12.btn-container {
margin-top: 30px; margin-bottom: 30px;}
@media only screen and (max-width:599px)
{
#main-navigation-container p.col-sm-12.btn {
margin-right: -5px; margin-left: -5px;}
#main-navigation-container .col-sm-12.btn-container {
margin-right: -5px; margin-left: -5px;}
}
#main-navigation-container .btn {
background: rgb(200, 0, 0); padding: 8px 15px; border: 0px currentColor; transition:background 0.2s, border-color 0.2s, color 0.2s; border-image: none; text-align: center; color: rgb(255, 255, 255); line-height: normal; display: inline-block; position: relative; -webkit-transition: background .2s, border-color .2s, color .2s;}
#main-navigation-container input[type=submit] {
background: rgb(200, 0, 0); padding: 8px 15px; border: 0px currentColor; transition:background 0.2s, border-color 0.2s, color 0.2s; border-image: none; text-align: center; color: rgb(255, 255, 255); line-height: normal; display: inline-block; position: relative; -webkit-transition: background .2s, border-color .2s, color .2s;}
#main-navigation-container button {
background: rgb(200, 0, 0); padding: 8px 15px; border: 0px currentColor; transition:background 0.2s, border-color 0.2s, color 0.2s; border-image: none; text-align: center; color: rgb(255, 255, 255); line-height: normal; display: inline-block; position: relative; -webkit-transition: background .2s, border-color .2s, color .2s;}
#main-navigation-container .btn:hover {
background: rgb(211, 51, 51); color: rgb(255, 255, 255); text-decoration: none;}
#main-navigation-container input[type=submit]:hover {
background: rgb(211, 51, 51); color: rgb(255, 255, 255); text-decoration: none;}
#main-navigation-container button:hover {
background: rgb(211, 51, 51); color: rgb(255, 255, 255); text-decoration: none;}
#main-navigation-container .btn:active {
background: rgb(160, 0, 0);}
#main-navigation-container input[type=submit]:active {
background: rgb(160, 0, 0);}
#main-navigation-container button:active {
background: rgb(160, 0, 0);}
#main-navigation-container [disabled].btn {
background: rgb(229, 229, 229) !important; cursor: default !important;}
#main-navigation-container input[type=submit][disabled] {
background: rgb(229, 229, 229) !important; cursor: default !important;}
#main-navigation-container button[disabled] {
background: rgb(229, 229, 229) !important; cursor: default !important;}
#main-navigation-container .disabled.btn {
background: rgb(229, 229, 229) !important; cursor: default !important;}
#main-navigation-container input[type=submit].disabled {
background: rgb(229, 229, 229) !important; cursor: default !important;}
#main-navigation-container button.disabled {
background: rgb(229, 229, 229) !important; cursor: default !important;}
#main-navigation-container .btn-lg.btn {
padding: 15px 40px; font-size: 14px;}
#main-navigation-container input[type=submit].btn-lg {
padding: 15px 40px; font-size: 14px;}
#main-navigation-container button.btn-lg {
padding: 15px 40px; font-size: 14px;}
#main-navigation-container .btn-black.btn {
background: rgb(0, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container input[type=submit].btn-black {
background: rgb(0, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container button.btn-black {
background: rgb(0, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container .btn-black.btn:hover {
background: rgb(51, 51, 51);}
#main-navigation-container input[type=submit].btn-black:hover {
background: rgb(51, 51, 51);}
#main-navigation-container button.btn-black:hover {
background: rgb(51, 51, 51);}
#main-navigation-container .btn-black.btn:active {
background: rgb(40, 25, 25);}
#main-navigation-container input[type=submit].btn-black:active {
background: rgb(40, 25, 25);}
#main-navigation-container button.btn-black:active {
background: rgb(40, 25, 25);}
#main-navigation-container .btn-full-width.btn {
width: 100%;}
#main-navigation-container input[type=submit].btn-full-width {
width: 100%;}
#main-navigation-container button.btn-full-width {
width: 100%;}
#main-navigation-container .btn-hollow.btn {
background: none; border: 1px solid rgb(200, 0, 0); border-image: none; color: rgb(200, 0, 0); font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container input[type=submit].btn-hollow {
background: none; border: 1px solid rgb(200, 0, 0); border-image: none; color: rgb(200, 0, 0); font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container button.btn-hollow {
background: none; border: 1px solid rgb(200, 0, 0); border-image: none; color: rgb(200, 0, 0); font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container .btn-hollow.btn:hover {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container input[type=submit].btn-hollow:hover {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container button.btn-hollow:hover {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container .btn-hollow.btn:active {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container input[type=submit].btn-hollow:active {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container button.btn-hollow:active {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container [disabled].btn-hollow.btn {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container input[type=submit][disabled].btn-hollow {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container button[disabled].btn-hollow {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container .disabled.btn-hollow.btn {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container input[type=submit].disabled.btn-hollow {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container button.disabled.btn-hollow {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container .btn-arrow.btn {
background: rgb(255, 255, 255); padding: 0px 55px 0px 20px; border: 1px solid rgb(200, 0, 0); border-image: none; height: 35px; color: rgb(200, 0, 0); line-height: 35px; font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container input[type=submit].btn-arrow {
background: rgb(255, 255, 255); padding: 0px 55px 0px 20px; border: 1px solid rgb(200, 0, 0); border-image: none; height: 35px; color: rgb(200, 0, 0); line-height: 35px; font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container button.btn-arrow {
background: rgb(255, 255, 255); padding: 0px 55px 0px 20px; border: 1px solid rgb(200, 0, 0); border-image: none; height: 35px; color: rgb(200, 0, 0); line-height: 35px; font-family: Arial,Helvetica,sans-serif !important;}
#main-navigation-container .btn-arrow.btn:hover {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container input[type=submit].btn-arrow:hover {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container button.btn-arrow:hover {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container .btn-arrow.btn:hover .fa-icon-container {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container input[type=submit].btn-arrow:hover .fa-icon-container {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container button.btn-arrow:hover .fa-icon-container {
border-color: rgb(236, 104, 108); color: rgb(236, 104, 108);}
#main-navigation-container .btn-arrow.btn:active {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container input[type=submit].btn-arrow:active {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container button.btn-arrow:active {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container .btn-arrow.btn:active .fa-icon-container {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container input[type=submit].btn-arrow:active .fa-icon-container {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container button.btn-arrow:active .fa-icon-container {
border-color: rgb(160, 0, 0); color: rgb(160, 0, 0);}
#main-navigation-container [disabled].btn-arrow.btn {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container input[type=submit][disabled].btn-arrow {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container button[disabled].btn-arrow {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container .disabled.btn-arrow.btn {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container input[type=submit].disabled.btn-arrow {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container button.disabled.btn-arrow {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container [disabled].btn-arrow.btn .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container input[type=submit][disabled].btn-arrow .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container button[disabled].btn-arrow .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container .disabled.btn-arrow.btn .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container input[type=submit].disabled.btn-arrow .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container button.disabled.btn-arrow .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container .btn-slide-animation.btn-arrow.btn .fa-icon-container {
overflow: hidden;}
#main-navigation-container input[type=submit].btn-slide-animation.btn-arrow .fa-icon-container {
overflow: hidden;}
#main-navigation-container button.btn-slide-animation.btn-arrow .fa-icon-container {
overflow: hidden;}
#main-navigation-container .btn-slide-animation.btn-arrow.btn .icon-slide-container {
transition:margin 200ms; width: 60px; height: 11px; overflow: hidden; margin-top: 11px; margin-left: -36px; display: block;}
#main-navigation-container input[type=submit].btn-slide-animation.btn-arrow .icon-slide-container {
transition:margin 200ms; width: 60px; height: 11px; overflow: hidden; margin-top: 11px; margin-left: -36px; display: block;}
#main-navigation-container button.btn-slide-animation.btn-arrow .icon-slide-container {
transition:margin 200ms; width: 60px; height: 11px; overflow: hidden; margin-top: 11px; margin-left: -36px; display: block;}
#main-navigation-container .btn-slide-animation.btn-arrow.btn .icon-slide-container span[class^='icon-'] {
width: auto; height: auto; font-size: 12.25px; position: static;}
#main-navigation-container input[type=submit].btn-slide-animation.btn-arrow .icon-slide-container span[class^='icon-'] {
width: auto; height: auto; font-size: 12.25px; position: static;}
#main-navigation-container button.btn-slide-animation.btn-arrow .icon-slide-container span[class^='icon-'] {
width: auto; height: auto; font-size: 12.25px; position: static;}
#main-navigation-container :not(.disabled).btn-slide-animation.btn-arrow.btn:hover .icon-slide-container {
margin-left: 9px;}
#main-navigation-container input[type=submit]:not(.disabled).btn-slide-animation.btn-arrow:hover .icon-slide-container {
margin-left: 9px;}
#main-navigation-container button:not(.disabled).btn-slide-animation.btn-arrow:hover .icon-slide-container {
margin-left: 9px;}
#main-navigation-container .btn-arrow.btn .fa-icon-container {
background: rgb(255, 255, 255); border-width: 0px 0px 0px 1px; border-style: solid; border-color: rgb(200, 0, 0); margin: 0px; transition:background 0.2s, border-color 0.2s, color 0.2s; top: 0px; width: 35px; height: 33px; text-align: center; right: 0px; color: rgb(200, 0, 0); line-height: 37px; display: block; position: absolute; -webkit-transition: background .2s, border-color .2s, color .2s;}
#main-navigation-container input[type=submit].btn-arrow .fa-icon-container {
background: rgb(255, 255, 255); border-width: 0px 0px 0px 1px; border-style: solid; border-color: rgb(200, 0, 0); margin: 0px; transition:background 0.2s, border-color 0.2s, color 0.2s; top: 0px; width: 35px; height: 33px; text-align: center; right: 0px; color: rgb(200, 0, 0); line-height: 37px; display: block; position: absolute; -webkit-transition: background .2s, border-color .2s, color .2s;}
#main-navigation-container button.btn-arrow .fa-icon-container {
background: rgb(255, 255, 255); border-width: 0px 0px 0px 1px; border-style: solid; border-color: rgb(200, 0, 0); margin: 0px; transition:background 0.2s, border-color 0.2s, color 0.2s; top: 0px; width: 35px; height: 33px; text-align: center; right: 0px; color: rgb(200, 0, 0); line-height: 37px; display: block; position: absolute; -webkit-transition: background .2s, border-color .2s, color .2s;}
#main-navigation-container .btn-red.btn-arrow.btn {
background: rgb(200, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container input[type=submit].btn-red.btn-arrow {
background: rgb(200, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container button.btn-red.btn-arrow {
background: rgb(200, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container .btn-red.btn-arrow.btn .fa-icon-container {
background: rgb(200, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container input[type=submit].btn-red.btn-arrow .fa-icon-container {
background: rgb(200, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container button.btn-red.btn-arrow .fa-icon-container {
background: rgb(200, 0, 0); color: rgb(255, 255, 255);}
#main-navigation-container .btn-red.btn-arrow.btn .fa-icon-container {
border-color: rgb(255, 255, 255);}
#main-navigation-container input[type=submit].btn-red.btn-arrow .fa-icon-container {
border-color: rgb(255, 255, 255);}
#main-navigation-container button.btn-red.btn-arrow .fa-icon-container {
border-color: rgb(255, 255, 255);}
#main-navigation-container .btn-red.btn-arrow.btn:hover {
background: rgb(211, 51, 51);}
#main-navigation-container input[type=submit].btn-red.btn-arrow:hover {
background: rgb(211, 51, 51);}
#main-navigation-container button.btn-red.btn-arrow:hover {
background: rgb(211, 51, 51);}
#main-navigation-container .btn-red.btn-arrow.btn:hover .fa-icon-container {
background: rgb(211, 51, 51);}
#main-navigation-container input[type=submit].btn-red.btn-arrow:hover .fa-icon-container {
background: rgb(211, 51, 51);}
#main-navigation-container button.btn-red.btn-arrow:hover .fa-icon-container {
background: rgb(211, 51, 51);}
#main-navigation-container .btn-red.btn-arrow.btn:active {
background: rgb(160, 0, 0);}
#main-navigation-container input[type=submit].btn-red.btn-arrow:active {
background: rgb(160, 0, 0);}
#main-navigation-container button.btn-red.btn-arrow:active {
background: rgb(160, 0, 0);}
#main-navigation-container .btn-red.btn-arrow.btn:active .fa-icon-container {
background: rgb(160, 0, 0);}
#main-navigation-container input[type=submit].btn-red.btn-arrow:active .fa-icon-container {
background: rgb(160, 0, 0);}
#main-navigation-container button.btn-red.btn-arrow:active .fa-icon-container {
background: rgb(160, 0, 0);}
#main-navigation-container [disabled].btn-red.btn-arrow.btn {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container input[type=submit][disabled].btn-red.btn-arrow {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container button[disabled].btn-red.btn-arrow {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container .disabled.btn-red.btn-arrow.btn {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container input[type=submit].disabled.btn-red.btn-arrow {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container button.disabled.btn-red.btn-arrow {
background: rgb(229, 229, 229) !important; border-color: rgb(229, 229, 229) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container [disabled].btn-red.btn-arrow.btn .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container input[type=submit][disabled].btn-red.btn-arrow .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container button[disabled].btn-red.btn-arrow .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container .disabled.btn-red.btn-arrow.btn .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container input[type=submit].disabled.btn-red.btn-arrow .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container button.disabled.btn-red.btn-arrow .fa-icon-container {
background: rgb(229, 229, 229) !important; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
#main-navigation-container .btn-white.btn-arrow.btn {
background: rgb(255, 255, 255); color: rgb(200, 0, 0);}
#main-navigation-container input[type=submit].btn-white.btn-arrow {
background: rgb(255, 255, 255); color: rgb(200, 0, 0);}
#main-navigation-container button.btn-white.btn-arrow {
background: rgb(255, 255, 255); color: rgb(200, 0, 0);}
#main-navigation-container .btn-white.btn-arrow.btn .fa-icon-container {
background: rgb(255, 255, 255); margin: 0px; height: 33px; color: rgb(200, 0, 0); line-height: 35px;}
#main-navigation-container input[type=submit].btn-white.btn-arrow .fa-icon-container {
background: rgb(255, 255, 255); margin: 0px; height: 33px; color: rgb(200, 0, 0); line-height: 35px;}
#main-navigation-container button.btn-white.btn-arrow .fa-icon-container {
background: rgb(255, 255, 255); margin: 0px; height: 33px; color: rgb(200, 0, 0); line-height: 35px;}
#main-navigation-container .btn-white.btn-arrow.btn:hover {
border-color: rgb(211, 51, 51); color: rgb(211, 51, 51);}
#main-navigation-container input[type=submit].btn-white.btn-arrow:hover {
border-color: rgb(211, 51, 51); color: rgb(211, 51, 51);}
#main-navigation-container button.btn-white.btn-arrow:hover {
border-color: rgb(211, 51, 51); color: rgb(211, 51, 51);}
#main-navigation-container .btn-white.btn-arrow.btn:hover .fa-icon-container {
border-color: rgb(211, 51, 51); color: rgb(211, 51, 51);}
#main-navigation-container input[type=submit].btn-white.btn-arrow:hover .fa-icon-container {
border-color: rgb(211, 51, 51); color: rgb(211, 51, 51);}
#main-navigation-container button.btn-white.btn-arrow:hover .fa-icon-container {
border-color: rgb(211, 51, 51); color: rgb(211, 51, 51);}
#main-navigation-container .btn-white.btn-arrow.btn:active {
border-color: rgb(160, 0, 0);}
#main-navigation-container input[type=submit].btn-white.btn-arrow:active {
border-color: rgb(160, 0, 0);}
#main-navigation-container button.btn-white.btn-arrow:active {
border-color: rgb(160, 0, 0);}
#main-navigation-container [disabled].btn-white.btn-arrow.btn .fa-icon-container {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container input[type=submit][disabled].btn-white.btn-arrow .fa-icon-container {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container button[disabled].btn-white.btn-arrow .fa-icon-container {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container .disabled.btn-white.btn-arrow.btn .fa-icon-container {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container input[type=submit].disabled.btn-white.btn-arrow .fa-icon-container {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container button.disabled.btn-white.btn-arrow .fa-icon-container {
background: rgb(255, 255, 255) !important; border-color: rgb(229, 229, 229) !important; color: rgb(229, 229, 229) !important;}
#main-navigation-container .btn-transparent.btn-white.btn-arrow.btn {
background: none; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);}
#main-navigation-container input[type=submit].btn-transparent.btn-white.btn-arrow {
background: none; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);}
#main-navigation-container button.btn-transparent.btn-white.btn-arrow {
background: none; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);}
#main-navigation-container .btn-transparent.btn-white.btn-arrow.btn .fa-icon-container {
background: none; color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid;}
#main-navigation-container input[type=submit].btn-transparent.btn-white.btn-arrow .fa-icon-container {
background: none; color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid;}
#main-navigation-container button.btn-transparent.btn-white.btn-arrow .fa-icon-container {
background: none; color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid;}
#main-navigation-container .btn-transparent.btn-white.btn-arrow.btn:hover {
background: rgb(255, 255, 255); color: rgb(200, 0, 0);}
#main-navigation-container input[type=submit].btn-transparent.btn-white.btn-arrow:hover {
background: rgb(255, 255, 255); color: rgb(200, 0, 0);}
#main-navigation-container button.btn-transparent.btn-white.btn-arrow:hover {
background: rgb(255, 255, 255); color: rgb(200, 0, 0);}
#main-navigation-container .btn-transparent.btn-white.btn-arrow.btn:hover .fa-icon-container {
color: rgb(200, 0, 0);}
#main-navigation-container input[type=submit].btn-transparent.btn-white.btn-arrow:hover .fa-icon-container {
color: rgb(200, 0, 0);}
#main-navigation-container button.btn-transparent.btn-white.btn-arrow:hover .fa-icon-container {
color: rgb(200, 0, 0);}
#main-navigation-container .btn-transparent.btn-arrow.btn {
background: none;}
#main-navigation-container input[type=submit].btn-transparent.btn-arrow {
background: none;}
#main-navigation-container button.btn-transparent.btn-arrow {
background: none;}
#main-navigation-container input {
border-radius: 0px;}
#main-navigation-container textarea {
border-radius: 0px;}
#main-navigation-container input:-ms-input-placeholder:focus {
color: transparent;}
#main-navigation-container textarea:-ms-input-placeholder:focus {
color: transparent;}
#main-navigation-container form.form-styled label {
font-family: "Avenir W01",Helvetica,sans-serif !important;}
#main-navigation-container form.form-styled input[type=text] {
border: 1px solid rgb(229, 229, 229); border-image: none; width: 100%; font-size: 0.87em; display: block; -webkit-appearance: none;}
#main-navigation-container form.form-styled textarea {
border: 1px solid rgb(229, 229, 229); border-image: none; width: 100%; font-size: 0.87em; display: block; -webkit-appearance: none;}
#main-navigation-container form.form-styled input[type=text][disabled] {
background-color: rgb(229, 229, 229);}
#main-navigation-container form.form-styled textarea[disabled] {
background-color: rgb(229, 229, 229);}
#main-navigation-container form.form-styled input[type=text].success {
border-color: rgb(139, 195, 74);}
#main-navigation-container form.form-styled textarea.success {
border-color: rgb(139, 195, 74);}
#main-navigation-container form.form-styled input[type=text].error {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled textarea.error {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled input[type=text] {
padding: 0px 20px; height: 50px;}
#main-navigation-container form.form-styled textarea {
padding: 20px;}
#main-navigation-container form.form-styled fieldset {
margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}
#main-navigation-container form.form-styled fieldset h4 {
margin: 15px 0px;}
#main-navigation-container form.form-styled fieldset p.fieldset-description {
color: rgb(116, 118, 120); font-size: 0.75em;}
#main-navigation-container form.form-styled .question-list {
list-style: none; margin: 0px; padding: 0px;}
#main-navigation-container form.form-styled .question-list li {
margin: 60px 0px;}
#main-navigation-container form.form-styled .question-list .legend {
line-height: normal;}
#main-navigation-container form.form-styled hr {
border: 0px currentColor; border-image: none; height: 1px; margin-bottom: 30px; background-color: rgb(229, 229, 229);}
#main-navigation-container form.form-styled .form-element {
margin: 15px 0px 25px;}
#main-navigation-container form.form-styled .text.form-element label {
margin-bottom: 15px; display: block; cursor: pointer;}
#main-navigation-container form.form-styled .textarea.form-element label {
margin-bottom: 15px; display: block; cursor: pointer;}
#main-navigation-container form.form-styled .checkbox.form-element {
position: relative;}
#main-navigation-container form.form-styled .radio.form-element {
position: relative;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox] {
left: 0px; top: 50%; margin-top: -7px; position: absolute;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox] {
left: 0px; top: 50%; margin-top: -7px; position: absolute;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio] {
left: 0px; top: 50%; margin-top: -7px; position: absolute;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio] {
left: 0px; top: 50%; margin-top: -7px; position: absolute;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:not(:checked) {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:not(:checked) {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:not(:checked) {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:not(:checked) {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:checked {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:checked {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:checked {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:checked {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:not(:checked) + label .icon {
background-position: 20px 20px; border: 1px solid rgb(229, 229, 229); transition:border 0.2s, background 0.2s; border-image: none; left: 0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; background-image: url(../img/icons/check-radio-tick.png); background-repeat: no-repeat; background-color: rgb(229, 229, 229); -webkit-transition: border .2s, background .2s;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:not(:checked) + label .icon {
background-position: 20px 20px; border: 1px solid rgb(229, 229, 229); transition:border 0.2s, background 0.2s; border-image: none; left: 0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; background-image: url(../img/icons/check-radio-tick.png); background-repeat: no-repeat; background-color: rgb(229, 229, 229); -webkit-transition: border .2s, background .2s;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:not(:checked) + label .icon {
background-position: 20px 20px; border: 1px solid rgb(229, 229, 229); transition:border 0.2s, background 0.2s; border-image: none; left: 0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; background-image: url(../img/icons/check-radio-tick.png); background-repeat: no-repeat; background-color: rgb(229, 229, 229); -webkit-transition: border .2s, background .2s;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:not(:checked) + label .icon {
background-position: 20px 20px; border: 1px solid rgb(229, 229, 229); transition:border 0.2s, background 0.2s; border-image: none; left: 0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; background-image: url(../img/icons/check-radio-tick.png); background-repeat: no-repeat; background-color: rgb(229, 229, 229); -webkit-transition: border .2s, background .2s;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:checked + label .icon {
background-position: 20px 20px; border: 1px solid rgb(229, 229, 229); transition:border 0.2s, background 0.2s; border-image: none; left: 0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; background-image: url(../img/icons/check-radio-tick.png); background-repeat: no-repeat; background-color: rgb(229, 229, 229); -webkit-transition: border .2s, background .2s;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:checked + label .icon {
background-position: 20px 20px; border: 1px solid rgb(229, 229, 229); transition:border 0.2s, background 0.2s; border-image: none; left: 0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; background-image: url(../img/icons/check-radio-tick.png); background-repeat: no-repeat; background-color: rgb(229, 229, 229); -webkit-transition: border .2s, background .2s;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:checked + label .icon {
background-position: 20px 20px; border: 1px solid rgb(229, 229, 229); transition:border 0.2s, background 0.2s; border-image: none; left: 0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; background-image: url(../img/icons/check-radio-tick.png); background-repeat: no-repeat; background-color: rgb(229, 229, 229); -webkit-transition: border .2s, background .2s;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:checked + label .icon {
background-position: 20px 20px; border: 1px solid rgb(229, 229, 229); transition:border 0.2s, background 0.2s; border-image: none; left: 0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; background-image: url(../img/icons/check-radio-tick.png); background-repeat: no-repeat; background-color: rgb(229, 229, 229); -webkit-transition: border .2s, background .2s;}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:not(:checked) + label .icon {
background-image: url(../img/icons/check-radio-tick@2x.png); background-size: 20px 20px;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:not(:checked) + label .icon {
background-image: url(../img/icons/check-radio-tick@2x.png); background-size: 20px 20px;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:not(:checked) + label .icon {
background-image: url(../img/icons/check-radio-tick@2x.png); background-size: 20px 20px;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:not(:checked) + label .icon {
background-image: url(../img/icons/check-radio-tick@2x.png); background-size: 20px 20px;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:checked + label .icon {
background-image: url(../img/icons/check-radio-tick@2x.png); background-size: 20px 20px;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:checked + label .icon {
background-image: url(../img/icons/check-radio-tick@2x.png); background-size: 20px 20px;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:checked + label .icon {
background-image: url(../img/icons/check-radio-tick@2x.png); background-size: 20px 20px;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:checked + label .icon {
background-image: url(../img/icons/check-radio-tick@2x.png); background-size: 20px 20px;}
}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:not(:checked) + label:hover .icon {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:not(:checked) + label:hover .icon {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:not(:checked) + label:hover .icon {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:not(:checked) + label:hover .icon {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:checked + label:hover .icon {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:checked + label:hover .icon {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:checked + label:hover .icon {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:checked + label:hover .icon {
border-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:disabled:not(:checked) + label {
color: rgb(153, 153, 153); cursor: default;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:disabled:not(:checked) + label {
color: rgb(153, 153, 153); cursor: default;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:disabled:not(:checked) + label {
color: rgb(153, 153, 153); cursor: default;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:disabled:not(:checked) + label {
color: rgb(153, 153, 153); cursor: default;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:disabled:checked + label {
color: rgb(153, 153, 153); cursor: default;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:disabled:checked + label {
color: rgb(153, 153, 153); cursor: default;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:disabled:checked + label {
color: rgb(153, 153, 153); cursor: default;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:disabled:checked + label {
color: rgb(153, 153, 153); cursor: default;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:disabled:not(:checked) + label .icon {
border: 0px currentColor; border-image: none; background-color: rgb(246, 246, 246) !important;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:disabled:not(:checked) + label .icon {
border: 0px currentColor; border-image: none; background-color: rgb(246, 246, 246) !important;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:disabled:not(:checked) + label .icon {
border: 0px currentColor; border-image: none; background-color: rgb(246, 246, 246) !important;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:disabled:not(:checked) + label .icon {
border: 0px currentColor; border-image: none; background-color: rgb(246, 246, 246) !important;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:disabled:checked + label .icon {
border: 0px currentColor; border-image: none; background-color: rgb(246, 246, 246) !important;}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:disabled:checked + label .icon {
border: 0px currentColor; border-image: none; background-color: rgb(246, 246, 246) !important;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:disabled:checked + label .icon {
border: 0px currentColor; border-image: none; background-color: rgb(246, 246, 246) !important;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:disabled:checked + label .icon {
border: 0px currentColor; border-image: none; background-color: rgb(246, 246, 246) !important;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:checked + label {
color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:checked + label {
color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:checked + label {
color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:checked + label {
color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=checkbox]:checked + label .icon {
background-position: center; border-color: rgb(200, 0, 0); background-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element input[type=checkbox]:checked + label .icon {
background-position: center; border-color: rgb(200, 0, 0); background-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:checked + label .icon {
background-position: center; border-color: rgb(200, 0, 0); background-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:checked + label .icon {
background-position: center; border-color: rgb(200, 0, 0); background-color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:not(:checked) + label .icon {
border-radius: 10px;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:not(:checked) + label .icon {
border-radius: 10px;}
#main-navigation-container form.form-styled .checkbox.form-element input[type=radio]:checked + label .icon {
border-radius: 10px;}
#main-navigation-container form.form-styled .radio.form-element input[type=radio]:checked + label .icon {
border-radius: 10px;}
#main-navigation-container form.form-styled .checkbox.form-element label {
transition:color 0.2s; padding-left: 40px; font-size: 0.87em; display: block; cursor: pointer;}
#main-navigation-container form.form-styled .radio.form-element label {
transition:color 0.2s; padding-left: 40px; font-size: 0.87em; display: block; cursor: pointer;}
#main-navigation-container form.form-styled .checkbox.form-element label:hover {
color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .radio.form-element label:hover {
color: rgb(200, 0, 0);}
#main-navigation-container form.form-styled .select.form-element {
text-align: center; position: relative;}
#main-navigation-container form.form-styled .styled.select.form-element {
padding: 0px 20px; border: 1px solid rgb(229, 229, 229); transition:background 0.2s, border 0.2s, color 0.2s; border-image: none; text-align: left; color: rgb(89, 89, 89); line-height: 50px; z-index: 1; background-color: rgb(255, 255, 255); -webkit-transition: background .2s, border .2s, color .2s;}
#main-navigation-container form.form-styled .styled.select.form-element:hover {
color: rgb(0, 0, 0); background-color: rgb(220, 221, 221);}
#main-navigation-container form.form-styled .focus.styled.select.form-element {
color: rgb(0, 0, 0); background-color: rgb(220, 221, 221);}
#main-navigation-container form.form-styled .styled.select.form-element:hover .icon-container {
border-color: rgb(248, 248, 248);}
#main-navigation-container form.form-styled .focus.styled.select.form-element .icon-container {
border-color: rgb(248, 248, 248);}
#main-navigation-container form.form-styled .focus.styled.select.form-element {
outline-width: 5px; outline-color: rgb(59, 153, 252); outline-offset: -2px;}
#main-navigation-container form.form-styled .styled.select.form-element select {
left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; color: rgb(0, 0, 0); display: block; position: absolute; cursor: pointer; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-appearance: none;}
#main-navigation-container form.form-styled .styled.select.form-element .select-text {
font-size: 0.87em;}
#main-navigation-container form.form-styled .styled.select.form-element .icon-container {
top: 0px; width: 50px; height: 50px; text-align: center; right: 0px; line-height: 50px; font-size: 0.5em; display: block; position: absolute;}
#main-navigation-container form.form-styled .separator.styled.select.form-element .icon-container {
border-left-color: rgb(229, 229, 229); border-left-width: 2px; border-left-style: solid;}
#main-navigation-container form.form-styled .form-error.form-element .error-title {
padding: 18px 20px 18px 55px; color: rgb(0, 0, 0); font-size: 1em; position: relative; background-color: rgb(242, 222, 222);}
#main-navigation-container form.form-styled .form-error.form-element .error-title i {
left: 20px; top: 15px; color: rgb(200, 0, 0); font-size: 1.75em; position: absolute;}
#main-navigation-container form.form-styled .form-error.form-element .error-description {
border-width: 0px 1px 1px; border-style: solid; border-color: rgb(229, 229, 229); padding: 20px; border-image: none; color: rgb(89, 89, 89); font-size: 0.87em;}
#main-navigation-container form.form-styled .form-info.form-element {
padding: 30px 20px 30px 70px; font-size: 0.87em; position: relative; background-color: rgb(220, 240, 250);}
#main-navigation-container form.form-styled .form-info.form-element i {
background: url(../img/icons/info.png) no-repeat; left: 20px; top: 20px; width: 32px; height: 32px; display: block; position: absolute;}
#main-navigation-container form.max-width.form-styled input[type=text] {
max-width: 370px;}
#main-navigation-container form.max-width.form-styled textarea {
max-width: 370px;}
#main-navigation-container form.max-width.form-styled .select.form-element {
max-width: 370px;}
#main-navigation-container form.max-width.form-styled .form-error.form-element {
max-width: 370px;}
#main-navigation-container .styled.select .icon-container {
line-height: 50px; font-size: 0.5em;}
#main-navigation-container #main form h2.legend {
width: 100%; font-size: 1.12em; margin-top: 0px; margin-bottom: 20px; display: block;}
#main-navigation-container #main form h3.legend {
width: 100%; font-size: 1.12em; margin-top: 0px; margin-bottom: 20px; display: block;}
#main-navigation-container #main form legend {
width: 100%; font-size: 1.12em; margin-top: 0px; margin-bottom: 20px; display: block;}
#main-navigation-container .article-page form.form-styled fieldset legend {
color: rgb(97, 97, 97);}
#main-navigation-container .article-page form.form-styled label {
color: rgb(97, 97, 97);}
#main-navigation-container .form-request-certificate h4 {
font-size: 1.07em;}
#main-navigation-container .form-request-certificate h5 {
margin: 0px 0px 10px; color: rgb(89, 89, 89); line-height: 1.5em; font-family: Arial,Helvetica,sans-serif; font-size: 0.87em;}
#main-navigation-container .form-request-certificate fieldset {
width: 70%;}
#main-navigation-container .form-request-certificate fieldset input[type='submit'] {
margin: 5px 0px 0px; float: right;}
#main-navigation-container p .error {
color: rgb(200, 0, 0) !important;}
#main-navigation-container a .error {
color: rgb(200, 0, 0) !important;}
#main-navigation-container .submit-success-message {
margin: 30px 0px !important;}
#main-navigation-container .submit-error-message {
margin: 30px 0px !important;}
@media only screen and (max-width:599px)
{
#main-navigation-container form.form-styled fieldset legend {
font-size: 1em;}
}
#main-navigation-container #header * {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #main * {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #footer * {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #feedback-banner * {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container .feedback-form * {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #header *::before {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #main *::before {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #footer *::before {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #feedback-banner *::before {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container .feedback-form *::before {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #header *::after {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #main *::after {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #footer *::after {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container #feedback-banner *::after {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container .feedback-form *::after {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#main-navigation-container body {
position: relative;}
#main-navigation-container #main {
background: rgb(255, 255, 255); transition:background-color 200ms;}
#main-navigation-container .grey#main {
background: rgb(243, 243, 243);}
#main-navigation-container .inner {
margin: 0px auto; padding: 0px 15px; max-width: 1200px;}
#main #main-navigation-container .inner {
position: relative;}
#main .home-banner.content-section #main-navigation-container .inner {
position: static;}
#main-navigation-container hr {
border-width: 1px 0px 0px medium; border-style: solid none none; border-color: rgb(229, 229, 229) currentColor currentColor; margin: 15px 0px;}
#main-navigation-container .navigation {
position: static;}
#main-navigation-container .sr-only {
margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);}
#main-navigation-container .hide {
display: none !important;}
#main-navigation-container .show {
display: block !important;}
#main-navigation-container .invisible {
visibility: hidden;}
#main-navigation-container .text-hide {
font: 0px/0 a; border: 0px currentColor; border-image: none; color: transparent; font-size-adjust: none; font-stretch: normal; text-shadow: none; background-color: transparent;}
#main-navigation-container .text-left {
text-align: left;}
#main-navigation-container .text-center {
text-align: center;}
#main-navigation-container .text-right {
text-align: right;}
#main-navigation-container .hidden {
display: none !important; visibility: hidden !important;}
#main-navigation-container .img-responsive {
height: auto; display: block; table-layout: fixed; max-width: 100%;}
#main-navigation-container .full-width.img-responsive {
width: 100%;}
#main-navigation-container .top {
text-align: right; padding-bottom: 25px;}
#main-navigation-container .top a {
height: 35px; line-height: 35px; text-decoration: none;}
#main-navigation-container .top a .text {
color: rgb(200, 0, 0); font-size: 0.87em; text-decoration: underline; margin-right: 10px; vertical-align: top; display: inline-block;}
#main-navigation-container .top a .arrow-up {
background-position: center; width: 35px; height: 35px; display: inline-block; background-image: url(../img/icons/arrow-up.png); background-repeat: no-repeat; background-color: rgb(200, 0, 0);}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#main-navigation-container .top a .arrow-up {
background-image: url(../img/icons/arrow-up@2x.png); background-size: 11px 14px;}
}
#main-navigation-container .top a:hover {
color: rgb(211, 51, 51); text-decoration: none;}
#main-navigation-container .top a:hover .arrow-up {
background-color: rgb(211, 51, 51);}
#main-navigation-container .top a:active {
color: rgb(160, 0, 0); text-decoration: none;}
#main-navigation-container .top a:active .arrow-up {
background-color: rgb(160, 0, 0);}
#main-navigation-container .background-position-top {
background-position: top !important;}
#main-navigation-container .background-position-right {
background-position: right !important;}
#main-navigation-container .background-position-bottom {
background-position: bottom !important;}
#main-navigation-container .background-position-left {
background-position: left !important;}
#main-navigation-container .background-position-center {
background-position: center !important;}
#main-navigation-container .left-border {
position: relative;}
#main-navigation-container .left-border::before {
left: -15px; top: 0px; height: 100%; border-left-color: rgb(229, 229, 229); border-left-width: 1px; border-left-style: solid; position: absolute; content: "";}
#main-navigation-container .right-border {
position: relative;}
#main-navigation-container .right-border::after {
top: 0px; height: 100%; right: 0px; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; position: absolute; content: "";}
#main-navigation-container .right-border-centered::after {
right: 20px;}
#main-navigation-container .sidebar-divider.right-border::after {
right: -4.16%;}
#main-navigation-container .small-image {
margin: 0.5em 2em 2em 0px; float: left;}
#main-navigation-container .small-image figure {
margin: 0px;}
#main-navigation-container .small-image img {
display: block;}
#main-navigation-container #main .content-header {
background-position: center; color: rgb(255, 255, 255); line-height: 1.5; font-size: 16px; position: relative; background-repeat: no-repeat; background-size: cover; background-color: rgb(243, 243, 243);}
#main-navigation-container #main .ab-magazine.content-header > .inner {
padding-bottom: 80px; position: relative;}
#main-navigation-container #main .ab-magazine.content-header .panel-ab-magazine {
background-position: center; width: 350px; height: 310px; right: 15px; bottom: 0px; position: absolute; z-index: 1; background-repeat: no-repeat; background-size: cover;}
#main-navigation-container #main .ab-magazine.content-header .panel-ab-magazine::before {
background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%); left: 0px; width: 100%; height: 40px; right: 0px; bottom: 0px; position: absolute; content: "";}
#main-navigation-container #main .ab-magazine.content-header .links {
margin-top: 40px;}
#main-navigation-container #main .ab-magazine.content-header .links .arrow-cta {
font-family: Arial,Helvetica,sans-serif !important; margin-top: 10px; display: inline-block;}
#main-navigation-container #main .ab-magazine.content-header .links :last-child.arrow-cta {
margin-right: 10px;}
#main-navigation-container #main .ab-magazine.content-header .links :last-child.arrow-cta:hover {
margin-right: 0px;}
#main-navigation-container #main .ab-magazine.content-header h2 {
font-weight: 300;}
#main-navigation-container #main .ab-magazine.content-header .breadcrumb-container {
bottom: 0px; position: absolute;}
#main-navigation-container #main .content-header > .inner {
padding-top: 60px; padding-bottom: 60px; font-family: "Avenir W01",Helvetica,sans-serif !important; font-weight: 200;}
#main-navigation-container #main .content-header h2 {
margin: 0px; line-height: 48px; font-family: "Avenir W01",Helvetica,sans-serif !important; font-size: 38px;}
#main-navigation-container #main .content-header h2 + p {
margin-top: 30px;}
#main-navigation-container #main .content-header p {
color: rgb(255, 255, 255); margin-bottom: 0px;}
#main-navigation-container #main .content-main {
padding-top: 30px; padding-bottom: 30px;}
#main-navigation-container #main .content-main blockquote::before {
left: -33px;}
#main-navigation-container #main .content-primary {
padding-right: 60px; padding-left: 30px;}
#main-navigation-container #main .cp-infographic.content-primary {
padding-right: 0px;}
#main-navigation-container #main .cp-infographic.content-primary h2 {
color: rgb(0, 0, 0); line-height: 42px; font-family: "Avenir W01",Helvetica,sans-serif !important; font-size: 26px;}
#main-navigation-container #main .cp-infographic.content-primary .intro-header {
line-height: 36px; font-family: "PMN Caecilia W01",serif !important; font-size: 22px;}
#main-navigation-container #main .padding-bottom.content-primary {
padding-bottom: 60px;}
#main-navigation-container #main .content-primary blockquote::before {
left: -48px;}
#main-navigation-container #main .content-secondary {
margin-left: -1px;}
#main-navigation-container #main .content-sidebar {
padding-left: 8.33%; background-color: rgb(255, 255, 255);}
#main-navigation-container #main .content-sidebar .hero {
padding-right: 10%; margin-top: 20px;}
@media only screen and (max-width:960px)
{
#main-navigation-container .sidebar-divider.right-border::after {
right: 20px;}
#main-navigation-container #main .content-sidebar {
padding-left: 15px; margin-left: -1px;}
#main-navigation-container #main .content-sidebar::before {
left: -20px; top: 0px; height: 100%; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; position: absolute; content: "";}
}
@media only screen and (max-width:959px)
{
#main-navigation-container #main .content-main {
padding-top: 0px;}
#main-navigation-container #main .cp-infographic.content-primary {
padding-right: 0px; padding-left: 0px;}
#main-navigation-container .sidebar-divider.right-border::after {
right: 20px;}
}
@media only screen and (max-width:599px)
{
#main-navigation-container #main .content-header > .inner {
text-align: center; padding-top: 30px; padding-bottom: 30px; background-color: rgba(0, 0, 0, 0.5);}
.ie8 #main-navigation-container #main .content-header > .inner {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgqAcAAIIAgLO2btEAAAAASUVORK5CYII=");}
#main-navigation-container #main .ab-magazine.content-header > .inner {
text-align: left; padding-bottom: 340px;}
#main-navigation-container #main .ab-magazine.content-header .panel-ab-magazine {
background-position: bottom; left: 50%; width: 280px; height: 250px; bottom: 43px; margin-left: -140px; background-size: contain;}
#main-navigation-container #main .ab-magazine.content-header .links {
margin-top: 30px;}
#main-navigation-container #main .ab-magazine.content-header .breadcrumb-container {
border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(255, 255, 255);}
#main-navigation-container #main .ab-magazine.content-header .breadcrumb-container .breadcrumb-nav li::before {
color: rgb(89, 89, 89);}
#main-navigation-container #main .ab-magazine.content-header .breadcrumb-container .breadcrumb-nav li a {
color: rgb(89, 89, 89);}
#main-navigation-container #main .ab-magazine.content-header .breadcrumb-container .breadcrumb-nav li span {
color: rgb(89, 89, 89);}
#main-navigation-container #main .ab-magazine.content-header h2 {
font-size: 29px;}
#main-navigation-container #main .ab-magazine.content-header p {
font-size: 14px;}
#main-navigation-container #main .content-header h2 + p {
margin-top: 15px;}
#main-navigation-container .inner {
padding: 0px 20px;}
#main-navigation-container #main .content-primary {
padding-right: 15px; padding-left: 15px;}
#main-navigation-container #main .cp-infographic.content-primary .intro-header {
line-height: 32px; font-size: 20px;}
#main-navigation-container #main .cp-infographic.content-primary h2 {
line-height: 36px; font-size: 22px;}
#main-navigation-container .left-border::before {
content: none;}
#main-navigation-container .right-border::after {
content: none;}
}
#main-navigation-container .non-responsive#header-container .inner {
width: 960px; padding-right: 0px; padding-left: 0px; max-width: none;}
#main-navigation-container .non-responsive#header-container #header-mini-right > ul > li {
padding-right: 10px; padding-left: 10px; font-size: 13px;}
#main-navigation-container .non-responsive#header-container #main-navigation {
font-size: 13px;}
#main-navigation-container .non-responsive#header-container #main-navigation a {
font-size: 13px;}
#main-navigation-container #header {
background: rgb(255, 255, 255); font-size: 14px; position: relative; z-index: 3;}
#main-navigation-container #header-main {
height: 138px; padding-top: 50px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;}
#main-navigation-container #header-main .inner {
overflow: hidden;}
#main-navigation-container #header-main-left {
float: left;}
#main-navigation-container #header-main-left #header-logo h1 {
margin: 0px; padding: 0px;}
#main-navigation-container #header-main-left #header-logo a {
background-position: center; width: 181px; height: 88px; text-indent: -9999px; display: block; background-image: url(../img/logo-primary.png); background-repeat: no-repeat;}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#main-navigation-container #header-main-left #header-logo a {
background-image: url(../img/logo-primary2x.png); background-size: 181px 60px;}
}
#main-navigation-container #header-main-right {
height: 88px; float: right; display: table;}
#main-navigation-container #header-main-right .main-search-form-container {
padding-right: 30px; vertical-align: middle; display: table-cell;}
#main-navigation-container #header-main-right .main-search-form-container #main-search .text input {
padding: 11px 35px 10px 18px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 370px; height: 35px; font-size: 14px;}
#main-navigation-container #header-main-right .main-search-form-container #main-search button {
padding: 0px 5px; top: 1px; height: 33px; right: 1px; line-height: 33px; position: absolute; background-color: transparent;}
#main-navigation-container #header-main-right .main-search-form-container #main-search button .icon-search {
color: rgb(200, 0, 0); line-height: 33px; font-size: 20px;}
#main-navigation-container #header-main-right .btn-container {
vertical-align: middle; display: table-cell;}
#main-navigation-container #header-mini {
background: rgb(248, 248, 248); top: 0px; width: 100%; height: 50px; position: absolute;}
#main-navigation-container .header-button-container {
display: none;}
#main-navigation-container #header-mini-left > ul {
list-style: none; margin: 0px; padding: 0px; display: inline-block;}
#main-navigation-container #header-mini-right > ul {
list-style: none; margin: 0px; padding: 0px; display: inline-block;}
#main-navigation-container #header-mini-left > ul > li {
height: 50px; line-height: 50px; padding-left: 25px; float: left;}
#main-navigation-container #header-mini-right > ul > li {
height: 50px; line-height: 50px; padding-left: 25px; float: left;}
#main-navigation-container #header-mini-left > ul > li:first-child {
padding-left: 0px;}
#main-navigation-container #header-mini-right > ul > li:first-child {
padding-left: 0px;}
#main-navigation-container #header-mini-left > ul {
float: left;}
#main-navigation-container #header-mini-left > ul li.site-section {
color: rgb(200, 0, 0);}
#main-navigation-container #header-mini-right {
color: rgb(89, 89, 89);}
#main-navigation-container #header-mini-right a {
color: rgb(89, 89, 89);}
#main-navigation-container #header-mini-right a:hover {
color: rgb(200, 0, 0); text-decoration: none;}
#main-navigation-container #header-mini-right > ul {
float: right;}
#main-navigation-container #header-mini-right > ul > li {
transition:padding 200ms, font-size 200ms; padding-right: 20px; padding-left: 20px;}
#main-navigation-container #header-mini-right li.region-selector {
position: relative;}
#main-navigation-container #header-mini-right li.region-selector .select.form-element {
text-align: center;}
#main-navigation-container #header-mini-right li.region-selector .styled.select.form-element {
transition:color 0.2s; -webkit-transition: color .2s;}
#main-navigation-container #header-mini-right li.region-selector .styled.select.form-element:hover {
color: rgb(200, 0, 0);}
#main-navigation-container #header-mini-right li.region-selector .styled.select.form-element select {
left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; color: rgb(0, 0, 0) !important; display: block; position: absolute; z-index: 1; cursor: pointer; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-appearance: none;}
#main-navigation-container #header-mini-right li.region-selector .styled.select.form-element i[class^='icon-'] {
margin-left: 5px;}
#main-navigation-container #header-mini-mobile {
display: none;}
#main-navigation-container #header-mini-search-mobile {
display: none;}
@media only screen and (max-width:1199px)
{
#main-navigation-container #header-mini-right > ul > li {
padding-right: 10px; padding-left: 10px; font-size: 13px;}
}
@media only screen and (max-width:959px)
{
#main-navigation-container :not(.non-responsive)#header-container #header-mini-left .tag-line {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-left .site-section {
padding-left: 0px;}
#main-navigation-container :not(.non-responsive)#header-container #header-main-right .main-search-form-container #main-search .text input {
width: 170px;}
}
@media only screen and (max-width:650px)
{
#main-navigation-container :not(.non-responsive)#header-container {
height: 70px;}
#main-navigation-container :not(.non-responsive)#header-container #header {
position: relative;}
#main-navigation-container :not(.non-responsive)#header-container #header .inner {
padding: 0px;}
#main-navigation-container :not(.non-responsive)#header-container #header-main {
background: rgb(255, 255, 255); padding: 0px; border: 0px currentColor; border-image: none; height: 70px;}
#main-navigation-container :not(.non-responsive)#header-container #header-main .inner {
padding: 15px 20px;}
#main-navigation-container :not(.non-responsive)#header-container .fixed#header {
background: rgb(248, 248, 248); left: 0px; top: 0px; right: 0px; position: fixed; z-index: 3;}
#main-navigation-container :not(.non-responsive)#header-container #header-main-left #header-logo a {
width: 121px; height: 40px; background-size: 121px 40px;}
#main-navigation-container :not(.non-responsive)#header-container #header-main-right {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini {
background: none; top: auto; width: auto; height: auto; overflow: auto; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; position: static;}
#main-navigation-container :not(.non-responsive)#header-container .header-button-container {
top: 0px; right: 0px; display: inline-block; position: absolute;}
#main-navigation-container :not(.non-responsive)#header-container .header-button-container .header-button {
padding: 15px 20px; transition:background-color 0.2s; height: 70px; display: inline-block;}
#main-navigation-container :not(.non-responsive)#header-container .header-button-container #menu-button {
min-width: 105px;}
#main-navigation-container :not(.non-responsive)#header-container .header-button-container .button-separator-container {
padding: 20px 0px; display: inline-block;}
#main-navigation-container :not(.non-responsive)#header-container .header-button-container .button-separator-container .separator {
width: 2px; height: 30px; border-right-color: rgb(243, 243, 243); border-right-width: 2px; border-right-style: solid; position: absolute;}
#main-navigation-container :not(.non-responsive)#header-container #menu-open {
margin: 0px; color: rgb(200, 0, 0); line-height: 40px;}
#main-navigation-container :not(.non-responsive)#header-container #menu-close {
margin: 0px; color: rgb(200, 0, 0); line-height: 40px;}
#main-navigation-container :not(.non-responsive)#header-container #search-open {
margin: 0px; color: rgb(200, 0, 0); line-height: 40px;}
#main-navigation-container :not(.non-responsive)#header-container #search-close {
margin: 0px; color: rgb(200, 0, 0); line-height: 40px;}
#main-navigation-container :not(.non-responsive)#header-container #menu-open i[class^='icon-'] {
margin-left: 10px;}
#main-navigation-container :not(.non-responsive)#header-container #menu-close span[class^='icon-'] {
margin-left: 10px;}
#main-navigation-container :not(.non-responsive)#header-container #menu-close {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container #search-close {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-left {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-right {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile {
background: rgb(255, 255, 255); transition:max-height 0.2s; overflow: hidden; display: none; -webkit-transition: max-height .2s;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile .header-mini-mobile-section {
width: 100%; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: table;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile .header-mini-mobile-section li {
vertical-align: middle; display: table-cell;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile .header-mini-mobile-section li a {
color: rgb(116, 118, 120); border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul {
list-style: none; margin: 0px; padding: 0px; display: block;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li {
height: auto; line-height: normal;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li {
padding: 0px 10px;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li:first-child {
padding: 0px 10px;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li a {
padding: 20px 0px; text-align: center; color: rgb(0, 0, 0); font-size: 12px; text-decoration: none; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li a:hover {
color: rgb(200, 0, 0);}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.country-selector {
width: 50%; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.region-selector {
width: 50%; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.my-acca {
width: 50%; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.country-selector a {
border: 0px currentColor; border-image: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.region-selector a {
border: 0px currentColor; border-image: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.my-acca a {
border: 0px currentColor; border-image: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.region-selector {
padding-left: 20px; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; float: left; position: relative;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.region-selector .select.form-element {
text-align: center; line-height: 80px;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.region-selector .styled.select.form-element {
transition:color 0.2s; -webkit-transition: color .2s;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.region-selector .styled.select.form-element:hover {
color: rgb(200, 0, 0);}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.region-selector .styled.select.form-element select {
left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; color: rgb(0, 0, 0); display: block; position: absolute; cursor: pointer; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-appearance: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.region-selector .styled.select.form-element i[class^='icon-'] {
margin-left: 5px;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.my-acca {
padding-right: 20px; float: right;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile > ul li.my-acca a {
color: rgb(200, 0, 0);}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-mobile .fa-long-arrow-left.fa {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-search-mobile {
background: rgb(248, 248, 248); padding: 25px 32px;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-search-mobile form {
position: relative;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-search-mobile .text input {
padding: 22px 65px 18px 30px; border: 0px currentColor; border-image: none; width: 100%; height: 50px;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-search-mobile button {
padding: 0px 30px 0px 10px; top: 1px; height: 48px; right: 1px; line-height: 48px; position: absolute; background-color: transparent;}
#main-navigation-container :not(.non-responsive)#header-container #header-mini-search-mobile button .icon-search {
color: rgb(200, 0, 0); line-height: 48px; font-size: 20px;}
#main-navigation-container :not(.non-responsive)#header-container .menu-active#header #menu-button #menu-open {
display: none;}
.no-js #main-navigation-container :not(.non-responsive)#header-container #header:hover #menu-button #menu-open {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container .menu-active#header #menu-button #menu-close {
display: block;}
.no-js #main-navigation-container :not(.non-responsive)#header-container #header:hover #menu-button #menu-close {
display: block;}
#main-navigation-container :not(.non-responsive)#header-container .menu-active#header #header-mini-mobile {
display: block;}
.no-js #main-navigation-container :not(.non-responsive)#header-container #header:hover #header-mini-mobile {
display: block;}
#main-navigation-container :not(.non-responsive)#header-container .search-active#header #search-button #search-open {
display: none;}
.no-js #main-navigation-container :not(.non-responsive)#header-container #header:hover #search-button #search-open {
display: none;}
#main-navigation-container :not(.non-responsive)#header-container .search-active#header #search-button #search-close {
display: block;}
.no-js #main-navigation-container :not(.non-responsive)#header-container #header:hover #search-button #search-close {
display: block;}
#main-navigation-container :not(.non-responsive)#header-container .search-active#header #header-mini-search-mobile {
display: block;}
.no-js #main-navigation-container :not(.non-responsive)#header-container #header:hover #header-mini-search-mobile {
display: block;}
.no-js #main-navigation-container :not(.non-responsive)#header-container #header:hover #search-button {
display: none;}
.js #main-navigation-container :not(.non-responsive)#header-container .header-button {
cursor: pointer;}
}
#main-navigation-container .search {
background: none !important; display: inline-block; box-shadow: none !important;}
#main-navigation-container .search {
border: currentColor !important; border-image: none !important; color: rgb(0, 0, 0) !important;}
#main-navigation-container .search:hover {
border: currentColor !important; border-image: none !important; color: rgb(0, 0, 0) !important;}
#main-navigation-container .search:active {
border: currentColor !important; border-image: none !important; color: rgb(0, 0, 0) !important;}
#main-navigation-container #header-mini-right .country-selector .global-message a {
color: rgb(200, 0, 0);}
#main-navigation-container #header-mini-right .country-selector .global-message a:hover {
text-decoration: underline;}
#header-mini-right .country-selector {
transition:background-color 200ms; padding-right: 25px; position: relative; z-index: 3; max-width: 150px;}
#header-mini-right .open.country-selector .country-selector-container {
display: block; opacity: 0;}
#header-mini-right .active.open.country-selector {
background-color: rgb(255, 255, 255);}
#header-mini-right .active.open.country-selector .country-selector-container {
opacity: 1;}
#header-mini-right .country-selector .selected-country {
transition:padding-right 200ms; height: 50px; overflow: hidden; padding-right: 30px; display: block;}
#header-mini-right .country-selector .selected-country .country {
overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;}
#header-mini-right .country-selector .selected-country .icon-container {
top: 0px; right: 20px; line-height: 50px; font-size: 0.5em; position: absolute;}
#header-mini-right .country-selector .country-selector-container {
transition:opacity 200ms; top: 100%; width: 815px; right: 0px; display: none; position: absolute; background-color: rgb(255, 255, 255);}
#header-mini-right .country-selector .global-message {
padding: 20px 30px; width: 100%; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: table; position: relative; min-height: 80px;}
#header-mini-right .country-selector .global-message::before {
background-position: center; left: 30px; top: 50%; width: 22px; height: 32px; margin-top: -16px; position: absolute; content: ""; background-image: url(../etc/designs/acca/img/icons/pin.png); background-repeat: no-repeat;}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#header-mini-right .country-selector .global-message::before {
background-image: url(../etc/designs/acca/img/icons/pin@2x.png); background-size: 22px 32px;}
}
#header-mini-right .country-selector .global-message p {
margin: 0px; padding: 0px 0px 0px 50px; line-height: 24px; vertical-align: middle; display: table-cell;}
#header-mini-right .country-selector .global-message a {
color: rgb(200, 0, 0);}
#header-mini-right .country-selector .global-message a:hover {
text-decoration: underline;}
#header-mini-right .country-selector .regions {
margin: 0px; padding: 0px; width: 100%; height: 80px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: table; table-layout: fixed;}
#header-mini-right .country-selector .regions > li {
list-style: none; text-align: center; vertical-align: middle; display: table-cell;}
#header-mini-right .country-selector .regions > li.selected a {
color: rgb(0, 0, 0) !important; font-weight: bold; cursor: default;}
#header-mini-right .country-selector .regions > li.selected a::after {
background-position: center; left: 50%; width: 36px; height: 17px; bottom: -1px; margin-left: -18px; display: block; position: absolute; content: ""; background-image: url(../img/layout/header/regions-arrow.png); background-repeat: no-repeat;}
@media not all, not all, not all, not all, only screen and (min-resolution:192dpi), not all
{
#header-mini-right .country-selector .regions > li.selected a::after {
background-image: url(../img/layout/header/regions-arrow@2x.png); background-size: 36px 17px;}
}
#header-mini-right .country-selector .regions a {
outline: 0px; border: 0px currentColor; border-image: none; line-height: 80px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; display: block; position: relative;}
#header-mini-right .country-selector .countries {
margin: 0px; padding: 30px 0px; width: 100%; display: none; table-layout: fixed;}
#header-mini-right .country-selector .current.countries {
display: table;}
#header-mini-right .country-selector .countries ul {
padding: 0px 30px; border-left-color: rgb(229, 229, 229); border-left-width: 1px; border-left-style: solid; display: table-cell;}
#header-mini-right .country-selector .countries ul:first-child {
border-left-color: currentColor; border-left-width: medium; border-left-style: none;}
#header-mini-right .country-selector .countries ul > li {
list-style: none; line-height: normal;}
#header-mini-right .country-selector .countries ul > li a {
padding: 5px 0px; color: rgb(89, 89, 89); line-height: 22px; display: block;}
#header-mini-right .country-selector .countries ul > li a span {
transition:color 200ms; color: rgb(185, 186, 187);}
#header-mini-right .country-selector .countries ul > li a:hover {
color: rgb(200, 0, 0);}
#header-mini-right .country-selector .countries ul > li a:hover span {
color: rgb(200, 0, 0);}
.country-selector-overlay {
transition:opacity 200ms, top 200ms; left: 0px; top: 120px; right: 0px; bottom: 0px; position: absolute; z-index: 2; cursor: pointer; opacity: 0; background-color: rgb(0, 0, 0); -webkit-transition: opacity 200ms, top 200ms;}
.active.country-selector-overlay {
opacity: 0.3;}
#header .country-selector-overlay {
top: 0px;}
@media only screen and (max-width:1199px)
{
:not(.non-responsive)#header-container #header-mini-right .country-selector {
padding-right: 10px;}
:not(.non-responsive)#header-container #header-mini-right .country-selector .selected-country {
padding-right: 15px;}
:not(.non-responsive)#header-container #header-mini-right .country-selector .selected-country .icon-container {
right: 10px;}
}
@media only screen and (max-width:959px)
{
:not(.non-responsive)#header-container #header-mini-right .country-selector .country-selector-container {
width: 570px;}
}
@media only screen and (max-width:650px)
{
:not(.non-responsive)#header-container #header-mini-right .country-selector-overlay {
top: 90px;}
:not(.non-responsive)#header-container #header-mini-mobile .country-selector-container::before {
display: table; content: " ";}
:not(.non-responsive)#header-container #header-mini-mobile .country-selector-container::after {
display: table; content: " ";}
:not(.non-responsive)#header-container #header-mini-mobile .country-selector-container::after {
clear: both;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.country-selector {
padding: 0px; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; float: left; position: static;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.country-selector .icon-container {
font-size: 0.5em;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.country-selector .selected-country {
padding: 20px 10px 20px 20px;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.country-selector .selected-country i {
transition:transform 200ms; transform: rotate(0deg); -webkit-transition: transform 200ms; -webkit-transform: rotate(0deg);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.country-selector .country-selector-container {
display: none;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector {
background-color: rgb(0, 0, 0);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .selected-country {
color: rgb(255, 255, 255);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .selected-country i {
transform: rotate(180deg); -webkit-transform: rotate(180deg);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container {
background: rgb(0, 0, 0); left: 0px; width: 100%; margin-top: -1px; display: block; position: absolute; z-index: 3;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container {
text-align: left; color: rgb(255, 255, 255);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container a {
text-align: left; color: rgb(255, 255, 255);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container ul {
margin: 0px; padding: 0px;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container li {
list-style: none; padding: 0px; text-align: left;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .global-message {
padding: 30px 40px 30px 80px; position: relative;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .global-message::before {
background-position: center; left: 40px; top: 50%; width: 17px; height: 24px; margin-top: -12px; display: block; position: absolute; content: ""; background-image: url(../etc/designs/acca/img/icons/pin-mobile.png); background-repeat: no-repeat;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .global-message p {
margin: 0px; color: rgb(255, 255, 255); line-height: normal; font-size: 12px;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .global-message p.grey {
color: rgb(116, 118, 120);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .global-message p.grey a {
color: rgb(229, 229, 229);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .global-message a {
padding: 0px; text-decoration: underline; display: inline;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .global-message a:hover {
text-decoration: none;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .regions a {
padding: 20px 40px;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .countries a {
padding: 20px 40px;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .regions {
font-size: 14px;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .regions li {
border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .regions li:first-child {
border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .regions li.selected .countries {
display: block;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .regions li.selected i {
margin-top: -5px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .regions a {
position: relative;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .regions a i {
transition:transform 200ms, margin 200ms; top: 50%; right: 40px; font-size: 14px; margin-top: -7px; position: absolute; transform: rotate(0deg); -webkit-transition: transform 200ms, margin 200ms; -webkit-transform: rotate(0deg);}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .countries {
font-size: 12px; border-top-color: rgb(76, 76, 76); border-top-width: 1px; border-top-style: solid; display: none;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .countries li {
border: 0px currentColor; border-image: none;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .countries li:first-child {
border: 0px currentColor; border-image: none;}
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .countries a span {
color: rgb(116, 118, 120);}
}
@media not all, not all, not all, not all, not all, not all
{
:not(.non-responsive)#header-container #header-mini-mobile > ul li.open.country-selector .country-selector-container .global-message::before {
background-image: url(../etc/designs/acca/img/icons/pin-mobile@2x.png); background-size: 17px 24px;}
}
#main-navigation {
transition:font-size 200ms; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;}
#main-navigation {
line-height: 18px; font-size: 14px;}
#main-navigation a {
line-height: 18px; font-size: 14px;}
#main-navigation .inner > ul {
list-style: none; margin: 0px; padding: 0px; width: 100%; display: table;}
#main-navigation .inner > ul > li {
transition:background-color 200ms; height: 50px; text-align: center; display: table-cell; position: relative; background-color: rgb(255, 255, 255);}
#main-navigation .inner > ul > li:hover {
background-color: rgb(243, 243, 243);}
.touch #main-navigation .inner > ul > li:hover .navigation-sub-menu {
display: none !important;}
#main-navigation .inner > ul > li:hover .navigation-sub-menu {
padding: 20px 30px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; max-height: none; opacity: 1;}
#main-navigation .inner > ul > li.current {
background-color: rgb(243, 243, 243);}
#main-navigation .inner > ul > li:first-child a {
border-left-color: rgb(229, 229, 229); border-left-width: 1px; border-left-style: solid;}
#main-navigation .inner > ul > li > a {
padding: 0px 10px; left: 0px; top: 0px; width: 100%; height: 50px; right: 0px; bottom: 0px; color: rgb(0, 0, 0); vertical-align: middle; border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid; display: table; position: absolute;}
#main-navigation .inner > ul > li > a:hover {
text-decoration: none;}
#main-navigation .inner > ul > li > a span {
vertical-align: middle; display: table-cell;}
.touch #main-navigation .navigation-sub-menu {
display: none !important;}
#main-navigation .navigation-sub-menu {
list-style: none; margin: 0px; padding: 0px 30px; transition:opacity 200ms; left: 0px; top: 50px; height: auto; text-align: left; right: -75%; color: rgb(255, 255, 255); overflow: hidden; position: absolute; max-height: 0px; opacity: 0; background-color: rgb(0, 0, 0);}
#main-navigation .navigation-sub-menu a {
padding: 10px 0px; color: rgb(255, 255, 255); display: block;}
#main-navigation .navigation-sub-menu a:hover {
text-decoration: underline;}
.js .main-navigation-overlay {
transition:opacity 200ms; left: 0px; top: 120px; right: 0px; bottom: 0px; position: absolute; z-index: 2; opacity: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNg8AEAAE8ATQl3kQIAAAAASUVORK5CYII="); -webkit-transition: opacity 200ms;}
.js .active.main-navigation-overlay {
opacity: 1;}
.js .mobile.main-navigation-overlay {
display: none !important;}
.touch .main-navigation-overlay {
display: none !important;}
@media only screen and (max-width:1450px)
{
#main-navigation .inner > ul > li:last-child .navigation-sub-menu {
left: -75%; right: 0px;}
}
@media only screen and (max-width:959px)
{
:not(.non-responsive)#header-container #main-navigation {
line-height: 17px; font-size: 12px;}
:not(.non-responsive)#header-container #main-navigation a {
line-height: 17px; font-size: 12px;}
}
@media only screen and (max-width:650px)
{
:not(.non-responsive)#header-container .menu-active #main-navigation {
display: block;}
.no-js :not(.non-responsive)#header-container #header:hover #main-navigation {
display: block;}
:not(.non-responsive)#header-container #main-navigation {
line-height: 20px; font-size: 14px; border-top-color: rgb(229, 229, 229); border-bottom-color: currentColor; border-top-width: 1px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: none; display: none;}
:not(.non-responsive)#header-container #main-navigation .inner {
padding-right: 15px; padding-left: 15px;}
:not(.non-responsive)#header-container #main-navigation .inner > ul {
margin-top: -1px; display: block;}
:not(.non-responsive)#header-container #main-navigation .inner > ul > li {
border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; display: block;}
:not(.non-responsive)#header-container #main-navigation .inner > ul > li:hover {
background-color: transparent;}
:not(.non-responsive)#header-container #main-navigation .inner > ul > li.current {
background-color: transparent;}
:not(.non-responsive)#header-container #main-navigation .inner > ul > li.home {
display: none;}
:not(.non-responsive)#header-container #main-navigation .inner > ul > li a {
border-right-color: currentColor; border-left-color: currentColor; border-right-width: 0px; border-left-width: medium; border-right-style: none; border-left-style: none;}
:not(.non-responsive)#header-container #main-navigation .inner > ul > li a:hover {
color: rgb(200, 0, 0);}
:not(.non-responsive)#header-container #main-navigation .navigation-sub-menu {
display: none;}
.js .main-navigation-overlay {
display: none !important;}
.js .mobile.main-navigation-overlay {
display: none !important;}
}
html {
height: auto !important;}
body {
height: auto !important;}
body {
position: relative !important;}
.hidden {
display: none !important;}
.pull-left {
float: left;}
.pull-right {
float: right;}
.examTransitionContainer {
border: 2px solid black; border-image: none; text-align: center;}
.examTransitionContainer h3.examTransitionHeader {
margin: 10px; text-align: left; padding-top: 15px;}
.standardBookingCTA h3.bookingHeader {
margin: 10px; text-align: left; padding-top: 15px;}
.examTransitionContainer p.locationsHeader {
margin: 10px; text-align: center; padding-top: 15px;}
.examTransitionContainer div.examTransitionText {
margin: 10px 10px 15px; text-align: left;}
.standardBookingCTA div.bookingText {
margin: 10px 10px 15px; text-align: left;}
.examTransitionContainer .locationButtons label {
text-decoration: underline;}
.examTransitionContainer .leftButtons {
float: left; display: block; position: relative;}
.examTransitionContainer .rightButtons {
float: right; display: block; position: relative;}
.examTransitionContainer .locationButtons input[type=radio] {
margin: 5px; vertical-align: sub;}
.examTransitionContainer a {
color: rgb(200, 0, 0); text-decoration: underline;}
.examTransitionContainer a:hover {
color: rgb(211, 51, 51) !important;}
.examTransitionContainer .locations {
position: relative;}
.examTransitionContainer .locations .leftLocations {
margin-bottom: 15px; float: left; display: block; position: relative;}
.examTransitionContainer .locations .leftLocations ul li {
list-style: none; line-height: 1.4; font-size: 1.2em; margin-top: 5px; margin-bottom: 5px; margin-left: 0px;}
.examTransitionContainer .locations .rightLocations ul li {
list-style: none; line-height: 1.4; font-size: 1.2em; margin-top: 5px; margin-bottom: 5px; margin-left: 0px;}
.examTransitionContainer .locations .rightLocations {
margin-bottom: 15px; float: right; display: block; position: relative;}
.examTransitionContainer .examPromo {
margin: 10px; color: rgb(255, 255, 255); padding-bottom: 10px; background-color: rgb(116, 118, 120);}
.examTransitionContainer .examPromo a {
color: rgb(255, 255, 255) !important;}
.examTransitionContainer .examPromo a:hover {
opacity: 0.54;}
.examTransitionContainer .bookingCBEButton {
padding: 5px 15px; border-radius: 0px; border: 0px currentColor; border-image: none; text-align: center; color: rgb(255, 255, 255); margin-top: 10px; margin-bottom: 10px; position: relative; cursor: pointer; background-color: rgb(200, 0, 0); -webkit-transition: background .2s, border-color .2s, color .2s; -webkit-appearance: button;}
.standardBookingCTA .bookingButton {
padding: 5px 15px; border-radius: 0px; border: 0px currentColor; border-image: none; text-align: center; color: rgb(255, 255, 255); margin-top: 10px; margin-bottom: 10px; position: relative; cursor: pointer; background-color: rgb(200, 0, 0); -webkit-transition: background .2s, border-color .2s, color .2s; -webkit-appearance: button;}
.examTransitionContainer .bookingCBEButton:hover {
background: rgb(211, 51, 51); text-decoration: underline;}
.standardBookingCTA .bookingButton:hover {
background: rgb(211, 51, 51); text-decoration: underline;}
.examTransitionContainer .bookingCBEButton:active {
background: rgb(160, 0, 0); text-decoration: underline;}
.standardBookingCTA .bookingButton:active {
background: rgb(160, 0, 0); text-decoration: underline;}
.examTransitionContainer :disabled.bookingCBEButton {
background: rgb(229, 229, 229);}
.standardBookingCTA :disabled.bookingButton {
background: rgb(229, 229, 229);}
.standardBookingCTA {
text-align: center; color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 5px; margin-bottom: 20px; background-color: rgb(116, 118, 120);}
.content .standardBookingCTA a {
color: rgb(255, 255, 255) !important;}
.content .standardBookingCTA a:hover {
opacity: 0.54;}
.examTransitionContainer table {
margin: 0px auto; width: 50%; text-align: left;}
.examTransitionContainer table tbody tr {
background-color: rgb(255, 255, 255) !important;}
.examTransitionContainer table tbody tr td {
padding: 0px 0px 0px 10px;}
.examTransitionDuo {
background-color: rgb(116, 118, 120);}
.examTransitionDuo .standardBookingCTA {
margin-bottom: 0px;}