/* Psycruit Skin */

/* Common Basic */
h2.BlueHeading {
    border-top: 1px solid #000000 !important;
}

/* Black On Yellow */
body {
    background-color: #FFFF99 !important;
    color: transparent;
}

h1 {
    color: #000000 !important;
}

h2 {
    color: #000000 !important;
}

h3 {
    color: #000000 !important;
}

p {
    color: #000000 !important;
}

span {
    color: #000000 !important;
}

a {
    color: #000000 !important;
}

div {
    color: #000000 !important;
}

ul li {
    list-style-image: url(/images/default/bulletpointblack.png);
}
/*ul li::before         {color:#000000 !important;}*/
label {
    color: #000000 !important;
}

.Red {
    color: #000000 !important;
}

input.Radio {
    border: none !important;
}

.Radio input {
    border: none !important;
}

.Radio2 input {
    border: none !important;
}

.CheckBox input {
    border: none !important;
}

select {
    background-color: #FFFF99 !important;
    border: solid 1px #000000 !important;
    color: #000000 !important
}

textarea {
    background-color: #FFFF99 !important;
    border: solid 1px #000000 !important;
    color: #000000 !important
}

/* Buttons */
.StdBlueLrgBtn {
    background-color: #000000 !important;
    color: #FFFF99 !important;
    box-shadow: none;
    border: 1px solid #000000 !important;
    text-shadow: none !important;
}

    .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
        text-decoration: none !important;
    }

.StdLightBlueLrgBtn {
    background-color: #000000 !important;
    color: #FFFF99 !important;
    box-shadow: none;
    border: 1px solid #000000 !important;
    text-shadow: none !important;
}

    .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
        text-decoration: none !important;
    }

.StdWhiteLrgBtn {
    background-color: #000000 !important;
    color: #FFFF99 !important;
    box-shadow: none;
    border: 1px solid #000000 !important;
    text-shadow: none !important;
}

    .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
        text-decoration: none !important;
    }

.InfoIconSm {
    background: url(/Images/Default/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.InfoIconLrg {
    background: url(/Images/Default/InfoIcon2Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.TimerIconSm {
    background: url(/Images/Default/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.TimerIconLrg {
    background: url(/Images/Default/TimerIcon2Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Dividers */
.DividerBlue {
    background-color: #000000 !important;
}

.DividerGrey {
    background-color: #000000 !important;
}

/*Structure*/
.SiteContainer .SiteHeader {
    border-bottom: 1px solid #000000 !important;
    background-color: #FFFF99 !important;
}

    .SiteContainer .SiteHeader .Logo {
        background: url(/Images/Default/Logo_Black.png) center center no-repeat !important;
        background-size: 100% !important;
    }
/*.SiteContainer .SiteHeader .SecondLogoLg                                                {background:url(/Images/Default/Logo2_Black.png) center center no-repeat !important; background-size:100% !important;}*/
.SiteContainer .SiteFooter {
    background-color: #FFFF99 !important;
}

    .SiteContainer .SiteFooter .FtrLayoutTable {
        border-top: 1px solid #000000 !important;
    }

        .SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .AccessLogo {
            background: url(/images/default/access-logo-black.gif) center center no-repeat !important;
        }

.SiteContainer .SiteHeader .MobileMenuIcon {
    background: url(/Images/Default/Icon_BtnMobileMenuBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.SiteContainer .SiteFooter .SiteFooterContainer {
    border-top: 1px solid #000000 !important;
}

.SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .AccessLink:hover {
    text-decoration: none !important;
}

.SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .AccessLink:hover .AccessText {
    text-decoration: underline !important;
}

.SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .AccessText {
    color: #FFFF99 !important;
}

.SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
    background: url(/Images/Clevry/clevry-logo-small-black.png?c=6) center center no-repeat !important;
    background-size: contain !important;
}

.MobileSlidePanel {
    background-color: #FFFF99 !important;
}

    .MobileSlidePanel .SecondLogoSm {
        background: url(/Images/Default/Logo2_Black.png) center center no-repeat !important;
        background-size: 100% !important;
    }

/* Pop-up Boxes */
.Positioning .CloseForm {
    background: url(/Images/Default/Icon_CrossBlack.png) center center no-repeat !important;
    background-size: 28px 28px !important;
    background-repeat: no-repeat !important;
}

.Positioning .PopupContent {
    background-color: #FFFF99 !important;
    border: 1px solid #FFFF99;
}

/* Landing Page */
.LandingPage {
    background: none;
}

    .LandingPage .LandingIntro {
        background: none;
        border: none;
    }

    .LandingPage .BtnDownArow {
        background: url(/Images/Default/Icon_Home_DownArrow_Black.png) center no-repeat !important;
        background-size: cover !important;
        border: 1px solid #000000 !important;
    }

.BtmBannerImg {
    background: url(/Images/Default/Img_Home_01_Black.png) center no-repeat !important;
    background-size: contain !important;
}

.LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Default/Img_Home_02_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.LandingPageBanners .BannerTable.FirstRow {
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

.LandingPageBanners .BannerTable .TakeTestImg1 {
    background: url(/Images/Default/Img_Home_03_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.LandingPageBanners .BannerTable .TakeTestImg2 {
    background: url(/Images/Default/Img_Home_04_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.LandingPageBanners .BannerTable .TakeTestImg3 {
    background: url(/Images/Default/Img_Home_05_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.LandingPageBanners .BannerTable .TestListLg .TestBlock p {
    background-color: #FFFF99 !important;
}

/* Register / Log In / Update Details / Start Activity */
.FormLayout {
    border: 1px solid #000000 !important;
    background-color: #FFFF99 !important;
}

    .FormLayout .ui-selectmenu-button {
        border: 1px solid #000000 !important;
        background-color: #FFFF99 !important;
    }

/* Test Taking Pages */
.TestTakeBlocks .LeftBlock {
    border-color: #000000 !important;
}

/* Respondent Instructions */
.InstructionBtns {
    border-top: 1px solid #000000 !important;
}

.TestInfoSmContainer .swiper-button-prev {
    background-image: url(/Images/Default/leftswiperbtnblack.png) !important;
    left: 0px !important;
}

.TestInfoSmContainer .swiper-button-next {
    background-image: url(/Images/Default/rightswiperbtnblack.png) !important;
    right: 0px !important;
}

.InfoTick {
    background: url(/Images/Tests/checking/checking_tick_black.gif) center center no-repeat !important;
    background-size: 100% !important;
}

.DVDIcon {
    background: url(/Images/Tests/checking/checking_dvd_black.png) center center no-repeat;
    background-size: 100%;
}

.PhoneIcon {
    background: url(/Images/Tests/checking/checking_phone_black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.PencilIcon {
    background: url(/Images/Tests/checking/checking_pencil_black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CDIcon {
    background: url(/Images/Tests/checking/checking_cd_black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.VinylIcon {
    background: url(/Images/Tests/checking/checking_vinyl_black.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Assesment Questions */
.QuestionGroup .GroupQuestion .QuestionNumber .Number span {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

.QuestionGroup .GroupQuestion .QuestionNumber .Trail {
    background: #000000 !important;
}

.QuestionGroup .GroupQuestion .Answers .AnswerSet .Answer {
    border-right: 1px dashed #000000 !important;
}

    .QuestionGroup .GroupQuestion .Answers .AnswerSet .Answer:last-child {
        border-right: none !important;
    }

.QuestionGroup .GroupQuestion.Highlighted .QuestionNumber .Number span {
    background-color: #000000 !important;
    color: #FFFF99 !important;
}

.QuestionGroup .GroupQuestion.Highlighted .QuestionNumber .Trail {
    background-color: #000000 !important;
}

.QuestionGroup.Centrica .GroupQuestion .QuestionDetails {
    border-bottom: 1px solid #000000 !important;
}

.QuestionGroup.Centrica .GroupQuestion.ErrorMsg .QuestionDetails {
    border-bottom: none !important;
}

.QuestionGroup.Centrica .GroupQuestion.ErrorMsg .QuestionTable {
    border: 1px solid #000000 !important;
}

.QuestionSwiperSmall .swiper-slide {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

    .QuestionSwiperSmall .swiper-slide p {
        color: #000000 !important;
    }

    .QuestionSwiperSmall .swiper-slide.Highlight {
        background-color: #000000 !important;
    }

        .QuestionSwiperSmall .swiper-slide.Highlight p {
            color: #FFFF99 !important;
        }

.QuestionGroup.Utopia .GroupQuestion .Answers {
    border-bottom: 1px solid #000000 !important;
}

.QuestionGroup.Utopia div:last-child .GroupQuestion .Answers {
    border-bottom: none !important;
}

.QuestionGroup.TopRowAnswers .GroupQuestion .QuestionDetails {
    border-bottom: 1px solid #000000 !important;
}

.QuestionGroup.Practice .GroupQuestion:last-child .Answers {
    border-bottom: none !important;
}

.QuestionGroup.PQ .AnswerSetSlider .AnswerSlider .ImgBack {
    background: url(/Images/Default/Img_Curve_Shape_Contrast_2.png) center center no-repeat;
    background-size: 100% 104%;
}

/* jQueryUI SelectMenu */
.ui-widget.ui-widget-content  {
  background-color: #FFFF99 !important;
  border-color: #000000 !important;
}

.ui-menu .ui-menu-item-wrapper {
  background-color: #FFFF99 !important;
  border-color: #000000 !important;
}

.ui-menu-item-wrapper.ui-state-active  {
  background-color: #000000 !important;
  color: #FFFF99 !important;
  border-color: #000000 !important;
}

.ui-selectmenu-button.ui-button {
  background-color: #FFFF99 !important;
  border-color: #000000 !important;
}

/* iCheck plugin */
.icheckbox_square, .iradio_square {
    display: inline-block !important;
    *display: inline !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 41px !important;
    height: 43px !important;
    background: url(/Images/Default/squareblack.png) no-repeat !important;
    border: none !important;
    cursor: pointer !important;
}

.icheckbox_square {
    background-position: -14px 0 !important;
}

    .icheckbox_square.hover {
        background-position: -55px 0 !important;
    }

    .icheckbox_square.checked {
        background-position: -96px 0 !important;
    }

    .icheckbox_square.disabled {
        background-position: -137px 0 !important;
        cursor: default !important;
    }

    .icheckbox_square.checked.disabled {
        background-position: -178px 0 !important;
    }

.iradio_square {
    background-position: -220px 0 !important;
}

    .iradio_square.hover {
        background-position: -264px 0 !important;
    }

    .iradio_square.checked {
        background-position: -308px 0 !important;
    }

    .iradio_square.disabled {
        background-position: -352px 0 !important;
        cursor: default !important;
    }

    .iradio_square.checked.disabled {
        background-position: -396px 0 !important;
    }

.icheckbox_assess, .iradio_assess {
    display: inline-block !important;
    *display: inline !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 18px !important;
    height: 18px !important;
    background: url(/Images/Default/assesscheckblack.png) no-repeat !important;
    border: none !important;
    cursor: pointer !important;
}

.icheckbox_assess {
    background-position: -15px 0 !important;
}

    .icheckbox_assess.hover {
        background-position: -15px 0 !important;
    }

    .icheckbox_assess.checked {
        background-position: -57px 0 !important;
    }

    .icheckbox_assess.disabled {
        background-position: -78px 0 !important;
        cursor: default !important;
    }

    .icheckbox_assess.checked.disabled {
        background-position: -99px 0 !important;
    }

.iradio_assess {
    background-position: -120px 0 !important;
}

    .iradio_assess.hover {
        background-position: -120px 0 !important;
    }

    .iradio_assess.checked {
        background-position: -164px 0 !important;
    }

    .iradio_assess.disabled {
        background-position: -186px 0 !important;
        cursor: default !important;
    }

    .iradio_assess.checked.disabled {
        background-position: -208px 0 !important;
    }

/* Answer Option Blocks */
.AnsOptInfoList .AnsOptionInfo .Incorrect {
    background-image: url(/images/default/cross-black.gif) !important;
    background-position: 0px 6px !important;
}

.AnsOptInfoList .AnsOptionInfo .Correct {
    background-image: url(/images/default/tick-black.gif) !important;
    background-position: 0px 6px !important;
}

.WrongOrRightAnw .WrongAnsw .Incorrect {
    background-image: url(/images/default/cross-black.gif) !important;
    background-position: 0px 6px !important;
}

.WrongOrRightAnw .RightAnsw .Correct {
    background-image: url(/images/default/tick-black.gif) !important;
    background-position: 0px 6px !important;
}

/* Error 404 Page */
.ErrorSymbol {
    background: url(/Images/Default/Icon_WarningBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Dashboard */
.UserIntroHeader {
    border-bottom: 1px solid #000000 !important;
}

.DashAssessListLg .AssessIntroItem {
    border: 1px solid #000000 !important;
}

    .DashAssessListLg .AssessIntroItem .AssessPanelCenter .ct-series-a .ct-slice-donut {
        stroke: #000000 !important;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelCenter .ct-series-b .ct-slice-donut {
        stroke: #FFFF99 !important;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelCenter.OrangeStroke .ct-series-a .ct-slice-donut {
        stroke: #000000 !important;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelCenter.YellowStroke .ct-series-a .ct-slice-donut {
        stroke: #000000 !important;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelCenter.GreenStroke .ct-series-a .ct-slice-donut {
        stroke: #000000 !important;
    }

    .DashAssessListLg .AssessIntroItem.Complete .StdLightBlueLrgBtn {
        border: none !important;
    }

    .DashAssessListLg .AssessIntroItem.WithInfoIcon .InfoIcon {
        background: url(/Images/Default/Icon_Info_Dash_Black.png) center center no-repeat !important;
        background-size: 100% !important;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Icons .Item .HoverToolTip {
        background-color: #FFFF99 !important;
        border: 1px solid #000000 !important;
        color: #000000 !important;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Icons .Item.Desktop {
        background: url(/Images/Default/Icon_Desktop_Black.svg) center center no-repeat;
        background-size: contain;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Icons .Item.Phone {
        background: url(/Images/Default/Icon_Phone_Black.svg) center center no-repeat;
        background-size: contain;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Icons .Item.Feedback {
        background: url(/Images/Default/Icon_Feedback_Black.svg) center center no-repeat;
        background-size: contain;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Icons .Item.Timeline {
        background: url(/Images/Default/Icon_Timeline_Black.svg) center center no-repeat;
        background-size: contain;
    }

    .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Icons .Item.Calculator {
        background: url(/Images/Default/Icon_Calculator_Black.svg) center center no-repeat;
        background-size: contain;
    }

.Guide {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

    .Guide .List .Item .Icon.Desktop {
        background: url(/Images/Default/Icon_Desktop_Black.svg) center center no-repeat;
        background-size: contain;
        background-position: top;
    }

    .Guide .List .Item .Icon.Phone {
        background: url(/Images/Default/Icon_Phone_Black.svg) center center no-repeat;
        background-size: contain;
        background-position: top;
    }

    .Guide .List .Item .Icon.Feedback {
        background: url(/Images/Default/Icon_Feedback_Black.svg) center center no-repeat;
        background-size: contain;
        background-position: top;
    }

    .Guide .List .Item .Icon.Timeline {
        background: url(/Images/Default/Icon_Timeline_Black.svg) center center no-repeat;
        background-size: contain;
        background-position: top;
    }

    .Guide .List .Item .Icon.Calculator {
        background: url(/Images/Default/Icon_Calculator_Black.svg) center center no-repeat;
        background-size: contain;
        background-position: top;
    }

    .Guide .List .Item .Icon.Webcam {
        background: url(/Images/Default/Icon_Webcam_Black.svg) center center no-repeat;
        background-size: contain;
        background-position: top;
    }

    .Guide .List .Item .Icon.Microphone {
        background: url(/Images/Default/Icon_Microphone_Black.svg) center center no-repeat;
        background-size: contain;
        background-position: top;
    }




/* Question Information */
.QuestionInfoMob  {
  background-color: #000000 !important;
  border: none !important;
}

.QuestionInfoMob .Icon  {
  color: #FFFF99 !important;
}

.QuestionInfo {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

    .QuestionInfo.CloneContainer {
        background-color: #FFFF99 !important;
        border-top: none !important;
        border-left: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

.QInfoHeader .PinIcon {
    background: url(/Images/Default/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.QInfoHeader .ExpandIcon {
    background: url(/Images/Default/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.QInfoHeader .CollapseIcon {
    background: url(/Images/Default/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.InfoContainer.CloneContainer {
    background-color: #FFFF99 !important;
}

/* Tests */
.TestTimer .TestTimerContainer {
    background-color: #FFFF99 !important;
    border-left: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
}

.AssessQuestionTracker {
    border-bottom: 1px solid #000000 !important;
}

    .AssessQuestionTracker .TestPercentage .ct-series-b .ct-slice-donut {
        stroke: #FFFF99 !important;
    }

    .AssessQuestionTracker .TestPercentage.OrangeStroke .ct-series-a .ct-slice-donut {
        stroke: #000000 !important;
    }

    .AssessQuestionTracker .TestPercentage.YellowStroke .ct-series-a .ct-slice-donut {
        stroke: #000000 !important;
    }

    .AssessQuestionTracker .TestPercentage.GreenStroke .ct-series-a .ct-slice-donut {
        stroke: #000000 !important;
    }

.Option .OptionBottom {
    border: 1px solid #000000 !important;
    border-top: none !important;
}

/*Forms*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  -webkit-text-fill-color: #000000 !important;
  -webkit-box-shadow: 0 0 0 30px #FFFF99 inset !important;
}

.FileUploadBtn {
    background: url(/Images/Default/choose_file_black.png) left center no-repeat !important;
}

.FormField .EditBoxW1 {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
}

    .FormField .EditBoxW1::-webkit-input-placeholder {
        color: #000000 !important;
        opacity: 0.5;
    }

    .FormField .EditBoxW1::-moz-placeholder {
        color: #000000 !important;
        opacity: 0.5;
    }

    .FormField .EditBoxW1::-ms-placeholder {
        color: #000000 !important;
        opacity: 0.5;
    }

    .FormField .EditBoxW1::placeholder {
        color: #000000 !important;
        opacity: 0.5;
    }

.FormField .sbHolder {
    background-color: #FFFF99 !important;
    border-left: 1px solid #000000 !important;
    border-top: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
}

    .FormField .sbHolder a {
        font-weight: normal !important;
    }

        .FormField .sbHolder a:hover {
            text-decoration: none !important;
        }

.FormField .sbOptions {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

    .FormField .sbOptions li {
        border-bottom: 1px solid #000000;
    }

        .FormField .sbOptions li:hover {
            background-color: #000000 !important;
        }

        .FormField .sbOptions li a:hover {
            color: #FFFF99 !important;
        }

.FormField .sbToggle {
    background: url(/images/default/black_arrow.png) no-repeat center center !important;
}

.FormField .sbSelector {
    border-bottom: 1px solid #000000 !important;
}

.FormBox.DropdownError .sbHolder {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

    .FormBox.DropdownError .sbHolder a {
        background-color: #FFFF99 !important;
    }

.FormBox.DropdownError .sbSelector {
    border-bottom: none !important;
}

.FormBox.DropdownError .sbHolder li a:hover {
    background-color: #000000 !important;
    color: #FFFF99 !important;
}

.FormBox .FormField.FormInfoPopUp.Dropdown .PopUpIcon .QuestionMark {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
}

.FormBox .FormField.FormInfoPopUp.Field .HoverToolTip {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

.FormBox .FormField.FormInfoPopUp.Field .PopUpIcon .QuestionMark {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
}

.FormBox .FormField.FormInfoPopUp.Dropdown .HoverToolTip {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

.FormBox.DropdownError .FormField.FormInfoPopUp.Dropdown .PopUpIcon .QuestionMark {
    background-color: #FFFF99 !important;
}

.FormBox.DropdownError .ui-selectmenu-button {
    border-color: #000000 !important;
    background-color: #FFFF99 !important;
}

.FormBox.DropdownError .ui-selectmenu-text {
    color: #000000 !important;
}

/* Tour pages */
.TourSlideLink:hover {
    text-decoration: underline !important;
}

table.Type1 {
    border-bottom: solid 1px #000000 !important;
    border-right: solid 1px #000000 !important;
}

    table.Type1 th {
        background-color: #000000 !important;
        color: #FFFF99 !important;
        border-top: solid 1px #000000 !important;
        border-left: solid 1px #000000 !important;
    }

    table.Type1 td {
        background-color: #FFFF99 !important;
        border-top: solid 1px #000000 !important;
        border-left: solid 1px #000000 !important;
        color: #000000 !important;
    }

/* Admin */
.JQHiddenField input {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
}

/* Validation */
.ValidationHighlighted .GroupQuestion .Answers {
    border: 1px solid #000000 !important;
    background-color: #FFFF99 !important;
}

.QuestionGroup.TopRowAnswers .GroupQuestion .Answers .AnswerSet .Answer label.ValidationHighlighted {
    border: 1px solid #000000 !important;
    background-color: #FFFF99 !important;
}

.QuestionGroup .GroupQuestion.PQValidationHighlighted .QuestionDetails {
    border: 1px solid #000000 !important;
    background-color: #FFFF99 !important;
}

.QuestionGroup.Centrica .PQValidationHighlighted .GroupQuestion .QuestionDetails {
    border: 1px solid #000000 !important;
    background-color: #FFFF99 !important;
}

.QuestionGroup.Utopia div.ValidationHighlighted:last-child .GroupQuestion:last-child .Answers {
    border-bottom: 1px solid #000000 !important;
}

/* Test Tables */
.NumericalTest {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

    .NumericalTest th {
        background-color: #000000 !important;
        color: #FFFF99 !important;
        border: 1px solid #000000 !important;
    }

        .NumericalTest th.BorderTopLight {
            border-top: 1px solid #000000 !important;
        }

    .NumericalTest td {
        border-bottom: 1px solid #000000 !important;
    }

        .NumericalTest td.BorderLeft {
            border-left: 1px solid #000000 !important;
        }

        .NumericalTest td.BorderRight {
            border-right: 1px solid #000000 !important;
        }

        .NumericalTest td.BorderSides {
            border-left: 1px solid #000000 !important;
            border-right: 1px solid #000000 !important;
        }

        .NumericalTest td.BorderTop {
            border-top: 1px solid #000000 !important;
        }

.JSTTable {
    border: 1px solid #000000 !important;
}

    .JSTTable th {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

.NumericalTestTableV2 {
    border-top: 1px solid #000000 !important;
    border-left: 1px solid #000000 !important;
}

    .NumericalTestTableV2 th {
        border-right: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .NumericalTestTableV2 td {
        border-right: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
    }

.NumericalTestTableV2Green {
    border-top: solid 1px #000000 !important;
    border-left: solid 1px #000000 !important;
}

    .NumericalTestTableV2Green th {
        border-right: solid 1px #000000 !important;
        border-bottom: solid 1px #000000 !important;
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .NumericalTestTableV2Green td {
        border-right: solid 1px #000000 !important;
    }

/* Abstract reasoning */
.AbstractTestValidationHighlight .GroupQuestion .Answers {
    border: 1px solid #000000 !important;
    background-color: #FFFF99 !important;
}

.QuestionGroup.Utopia div:last-child.AbstractTestValidationHighlight .GroupQuestion .Answers {
    border-bottom: 1px solid #000000 !important;
}

/* Self-Assessment */
.SelfAssessment .Header {
    background-color: #FFFF99 !important;
    border-bottom: 1px solid #000000 !important;
}

.SelfAssessment .HeaderBar .BackBtn {
    background: url(/Images/ASDA/backbtnarrowblack.png) no-repeat !important;
    background-size: 100% !important;
}

.SelfAssessment .HeaderBar .InfoBtn {
    background: url(/Images/ASDA/AssessInfoIconBlack.png) no-repeat !important;
    background-size: 100% !important;
}

.SelfAssessment .SpeechBubble {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

    .SelfAssessment .SpeechBubble .BubbleEnd {
        display: none !important;
    }

    .SelfAssessment .SpeechBubble.Faded {
        background-color: #FFFF99 !important;
    }

    .SelfAssessment .SpeechBubble.Reply {
        background-color: #FFFF99 !important;
    }

.SelfAssessment .BtmButton .Btn {
    max-width: inherit !important;
}

.SelfAssessment .AnswerRow {
    border-top: 1px solid #000000 !important;
}

    .SelfAssessment .AnswerRow:last-child {
        border-bottom: 1px solid #000000 !important;
    }

/* Results Page */
.ResultsContainer {
    border-color: #000000 !important;
}

    .ResultsContainer .Results .ResultBox.CorrectAnswers {
        background-color: #FFFF99 !important;
        border: 1px solid #000000 !important;
    }

    .ResultsContainer .Results .ResultBox.IncorrectAnswers {
        background-color: #FFFF99 !important;
        border: 1px solid #000000 !important;
    }

/* Session Timeout Pop-up */
.base-timer__path-remaining {
  stroke: #000000 !important;
}

/* Video Interview */
.btn-myinterview.btn-darkblue, form .btn-myinterview.btn-darkblue {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}



/* Media Queries */

/* Pop-up Boxes */
@media only screen and (max-width:600px) {
    .Positioning .CloseForm {
        background-size: 20px 20px !important;
    }
}

/* Assesment Questions */
@media only screen and (max-width:1024px) {
    .QuestionGroup.Utopia .GroupQuestion .Answers .AnswerSet .Answer {
        border-right: none !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .TestTimer .TestTimerContainer {
        border: none !important;
    }
}

/* Application */
@media only screen and (max-width:768px) {
    .QualifyRow {
        border-bottom: 1px solid #000000 !important;
    }
}





/* Iceland Skin */

body.Iceland {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

/* Common Basic */
.Iceland h1 {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

.Iceland h2 {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

/* Buttons */
.Iceland .StdBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

    .Iceland .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Iceland .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Iceland .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Iceland .StdLightBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

    .Iceland .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Iceland .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Iceland .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Iceland .StdWhiteLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    text-transform: uppercase !important;
}

    .Iceland .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Iceland .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Iceland .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Iceland .InfoIconLrg {
    background: url(/Images/Iceland/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Iceland .InfoIconSm {
    background: url(/Images/Iceland/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.Iceland .TimerIconSm {
    background: url(/Images/Iceland/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Iceland .TimerIconLrg {
    background: url(/Images/Iceland/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.Iceland .SiteContainer .SiteHeader .Logo {
    width: 130px !important;
    height: 60px !important;
    background: url(/Images/Iceland/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.Iceland .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.Iceland .Positioning .CloseForm {
    background-image: url(/Images/Iceland/Icon_Cross_Black.png) !important;
}

.Iceland .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.Iceland .LandingPage .LandingIntro {
    margin: 0px 55px 175px 55px !important;
}

    .Iceland .LandingPage .LandingIntro .LandingHdr {
        font-family: 'Nunito', sans-serif !important;
    }

.Iceland .LandingPageBanners .BannerTable h2 {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.Iceland .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Iceland/Img_Home_Panel_02_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Error 404 Page */
.Iceland .ErrorSymbol {
    background: url(/Images/Iceland/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.Iceland .QInfoHeader .PinIcon {
    background: url(/Images/Iceland/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Iceland .QInfoHeader .ExpandIcon {
    background: url(/Images/Iceland/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Iceland .QInfoHeader .CollapseIcon {
    background: url(/Images/Iceland/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.Iceland .TestTimer .TestTimerContainer {
    font-family: 'Nunito', sans-serif;
}

    .Iceland .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
        font-weight: 700;
    }

    .Iceland .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
        font-weight: 700;
    }



/* Media Queries */

/* Buttons */
@media only screen and (max-width:768px) {
    .Iceland .StdBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .Iceland .StdLightBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .Iceland .StdWhiteLrgBtn {
        font-size: 1.4em !important;
    }
}

@media only screen and (max-width:480px) {
    .Iceland .StdBlueLrgBtn {
        max-width: none !important;
    }

        .Iceland .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Iceland .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .Iceland .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Iceland .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .Iceland .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .Iceland .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .Iceland .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .Iceland .LandingPage .LandingIntro {
        margin: 0px 20px 20px 20px !important;
    }

    .Iceland .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .Iceland .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* JDW Skin */

/* Common Basic */
.JDW h1 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 700;
}

.JDW h2 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 700;
}

    .JDW h2.BlueHeading {
        border-top: 2px solid #000000 !important;
    }

/* Buttons */
.JDW .StdBlueLrgBtn {
    font-size: 2em !important;
    font-family: 'Architects Daughter', cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .JDW .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .JDW .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .JDW .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.JDW .StdLightBlueLrgBtn {
    font-size: 2em !important;
    font-family: 'Architects Daughter', cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .JDW .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .JDW .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .JDW .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.JDW .StdWhiteLrgBtn {
    font-size: 2em !important;
    font-family: 'Architects Daughter', cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: none !important;
}

    .JDW .StdWhiteLrgBtn:hover {
        background-color: transparent !important;
        text-decoration: underline !important;
    }

    .JDW .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .JDW .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.JDW .InfoIconLrg {
    background: url(/Images/JDW/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.JDW .InfoIconSm {
    background: url(/Images/JDW/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.JDW .TimerIconSm {
    background: url(/Images/JDW/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.JDW .TimerIconLrg {
    background: url(/Images/JDW/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.JDW .SiteContainer .SiteHeader .Logo {
    width: 180px !important;
    height: 60px !important;
    background: url(/Images/JDW/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.JDW .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.JDW .Positioning .CloseForm {
    background-image: url(/Images/JDW/Icon_Cross_Black.png) !important;
}

.JDW .PopupContent .StdBlueLrgBtn {
    padding: 17px 10px !important;
}

.JDW .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.JDW .LandingPage .LandingIntro {
    margin: 0px 55px 175px 55px !important;
}

    .JDW .LandingPage .LandingIntro .LandingHdr {
        font-family: 'Roboto Slab', serif !important;
    }

.JDW .LandingPageBanners .BannerTable h2 {
    font-family: 'Roboto Slab', serif !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.JDW .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/JDW/Img_Home_Panel_02.png) center center no-repeat !important;
    background-size: 100% !important;
}

.JDW .LandingPageBanners .BannerTable.FirstRow {
    border-top: 2px solid #000000 !important;
    border-bottom: 2px solid #000000 !important;
}

/* Respondent Instructions */
.JDW .InstructionBtns {
    border-top: 2px solid #000000 !important;
}

/* Error 404 Page */
.JDW .ErrorSymbol {
    background: url(/Images/JDW/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.JDW .QInfoHeader .PinIcon {
    background: url(/Images/JDW/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.JDW .QInfoHeader .ExpandIcon {
    background: url(/Images/JDW/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.JDW .QInfoHeader .CollapseIcon {
    background: url(/Images/JDW/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.JDW .TestTimer .TestTimerContainer {
    font-family: 'Nunito', sans-serif;
}

    .JDW .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
        font-weight: 700;
    }

    .JDW .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
        font-weight: 700;
    }

/* Test Tables */
.JDW .NumericalTest td {
    background-color: #FFFF99;
}

.JDW .JSTTable td {
    background-color: #FFFF99;
}

.JDW .NumericalTestTableV2 td {
    background-color: #FFFF99;
}

.JDW .NumericalTestTableV2Green td {
    background-color: #FFFF99;
}

/* Tour pages */
.JDW table.Type1 td {
    background-color: #FFFF99;
}



/* Media Queries */

@media only screen and (max-width:480px) {
    .JDW .StdBlueLrgBtn {
        max-width: none !important;
    }

        .JDW .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .JDW .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .JDW .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .JDW .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .JDW .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .JDW .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .JDW .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .JDW .LandingPage .LandingIntro {
        margin: 0px 20px 175px 20px !important;
    }

    .JDW .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .JDW .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* Capita Skin */

body.Capita {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

/* Buttons */
.Capita .StdBlueLrgBtn {
    font-weight: 500 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .Capita .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Capita .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Capita .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Capita .StdLightBlueLrgBtn {
    font-weight: 500 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .Capita .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Capita .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Capita .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Capita .StdWhiteLrgBtn {
    font-weight: 500 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
}

    .Capita .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Capita .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Capita .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Capita .InfoIconLrg {
    background: url(/Images/Capita/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Capita .InfoIconSm {
    background: url(/Images/Capita/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.Capita .TimerIconSm {
    background: url(/Images/Capita/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Capita .TimerIconLrg {
    background: url(/Images/Capita/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.Capita .SiteContainer .SiteHeader .Logo {
    width: 120px !important;
    height: 60px !important;
    background: url(/Images/Capita/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.Capita .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.Capita .Positioning .CloseForm {
    background-image: url(/Images/Capita/Icon_Cross_Black.png) !important;
    background-size: 40px 40px !important;
    top: 6px !important;
    right: 21px !important;
    width: 55px !important;
    height: 55px !important;
}

.Capita .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.Capita .LandingPage .LandingIntro {
    margin: 0px 55px 82px 55px !important;
}

.Capita .LandingPageBanners .BannerTable h2 {
    color: #000000 !important;
}

.Capita .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Capita/Img_Home_Panel_02.png) center center no-repeat !important;
    background-size: 100% !important;
    max-width: initial !important;
    width: 100% !important;
    height: 400px !important;
}

/* Error 404 Page */
.Capita .ErrorSymbol {
    background: url(/Images/Capita/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.Capita .QInfoHeader .PinIcon {
    background: url(/Images/Capita/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Capita .QInfoHeader .ExpandIcon {
    background: url(/Images/Capita/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Capita .QInfoHeader .CollapseIcon {
    background: url(/Images/Capita/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.Capita .TestTimer .TestTimerContainer {
    border-left: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-radius: 0px;
}

    .Capita .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em !important;
    }

    .Capita .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em !important;
    }

/* Media Queries */

/* Buttons */
@media only screen and (max-width:768px) {
    .Capita .StdBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .Capita .StdLightBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .Capita .StdWhiteLrgBtn {
        font-size: 1.4em !important;
    }
}

@media only screen and (max-width:480px) {
    .Capita .StdBlueLrgBtn {
        max-width: none !important;
    }

        .Capita .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Capita .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .Capita .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Capita .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .Capita .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .Capita .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 200px !important;
        width: 100% !important;
        max-width: 400px;
    }
}

@media only screen and (max-width:600px) {
    .Capita .Positioning .CloseForm {
        width: 20px !important;
        top: -4px !important;
        right: 15px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .Capita .LandingPage .LandingIntro {
        margin: 0px 20px 20px 20px !important;
    }

    .Capita .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .Capita .TestTimer .TestTimerContainer {
        border: none !important;
    }

        .Capita .TestTimer .TestTimerContainer .Timer {
            font-size: 2em !important;
            border: none !important;
        }
}

/* Tests */
@media only screen and (max-width:768px) {
    .Capita .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* Civil Courts Skin */

/* Common Basic */
.CivilCourts a:hover {
    text-decoration: none !important;
}

/* Buttons */
.CivilCourts .StdBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .CivilCourts .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .CivilCourts .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .CivilCourts .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.CivilCourts .StdLightBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .CivilCourts .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .CivilCourts .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .CivilCourts .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.CivilCourts .StdWhiteLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
}

    .CivilCourts .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .CivilCourts .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .CivilCourts .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.CivilCourts .InfoIconLrg {
    background: url(/Images/CivilCourts/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CivilCourts .InfoIconSm {
    background: url(/Images/CivilCourts/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.CivilCourts .TimerIconSm {
    background: url(/Images/CivilCourts/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CivilCourts .TimerIconLrg {
    background: url(/Images/CivilCourts/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.CivilCourts .SiteContainer .SiteHeader .Logo {
    width: 90px !important;
    height: 60px !important;
    background: url(/Images/CivilCourts/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.CivilCourts .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.CivilCourts .Positioning .CloseForm {
    background-image: url(/Images/CivilCourts/Icon_Cross_Black.png) !important;
}

.CivilCourts .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.CivilCourts .LandingPage .LandingIntro {
    margin: 0px 55px 82px 55px !important;
}

.CivilCourts .LandingPageBanners .BannerTable h2 {
    color: #000000 !important;
}

.CivilCourts .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/CivilCourts/Img_Home_Panel_02_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Error 404 Page */
.CivilCourts .ErrorSymbol {
    background: url(/Images/CivilCourts/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.CivilCourts .QInfoHeader .PinIcon {
    background: url(/Images/CivilCourts/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CivilCourts .QInfoHeader .ExpandIcon {
    background: url(/Images/CivilCourts/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CivilCourts .QInfoHeader .CollapseIcon {
    background: url(/Images/CivilCourts/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.CivilCourts .TourSlideLink:hover {
    text-decoration: none !important;
}

.CivilCourts .TestTimer .TestTimerContainer .TimeHdr {
    font-size: 1.6em;
    font-weight: 700;
}

.CivilCourts .TestTimer .TestTimerContainer .Timer {
    font-size: 3.5em;
    font-weight: 700;
}



/* Media Queries */

@media only screen and (max-width:480px) {
    .CivilCourts .StdBlueLrgBtn {
        max-width: none !important;
    }

        .CivilCourts .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .CivilCourts .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .CivilCourts .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .CivilCourts .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .CivilCourts .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .CivilCourts .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .CivilCourts .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .CivilCourts .LandingPage .LandingIntro {
        margin: 0px 20px 20px 20px !important;
    }

    .CivilCourts .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .CivilCourts .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* RBI360 Skin */

body.RBI360 {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

/* Buttons */
.RBI360 .StdBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .RBI360 .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .RBI360 .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .RBI360 .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.RBI360 .StdLightBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .RBI360 .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .RBI360 .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .RBI360 .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.RBI360 .StdWhiteLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    color: #FFFF99 !important;
}

    .RBI360 .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .RBI360 .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .RBI360 .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.RBI360 .InfoIconLrg {
    background: url(/Images/RBI360/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.RBI360 .InfoIconSm {
    background: url(/Images/RBI360/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.RBI360 .TimerIconSm {
    background: url(/Images/RBI360/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.RBI360 .TimerIconLrg {
    background: url(/Images/RBI360/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.RBI360 .SiteContainer .SiteHeader .Logo {
    width: 220px !important;
    height: 60px !important;
    background: url(/Images/RBI360/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.RBI360 .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.RBI360 .Positioning .CloseForm {
    background-image: url(/Images/RBI360/Icon_Cross_Black.png) !important;
}

.RBI360 .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.RBI360 .LandingPage .LandingIntro {
    margin: 0px 55px 82px 55px !important;
}

.RBI360 .LandingPageBanners .BannerTable h2 {
    color: #000000 !important;
}

.RBI360 .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/RBI360/Img_Home_Panel_02_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Error 404 Page */
.RBI360 .ErrorSymbol {
    background: url(/Images/RBI360/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.RBI360 .QInfoHeader .PinIcon {
    background: url(/Images/RBI360/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.RBI360 .QInfoHeader .ExpandIcon {
    background: url(/Images/RBI360/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.RBI360 .QInfoHeader .CollapseIcon {
    background: url(/Images/RBI360/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.RBI360 .TestTimer .TestTimerContainer {
    font-family: 'Nunito', sans-serif;
}

    .RBI360 .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
        font-weight: 700;
    }

    .RBI360 .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
        font-weight: 700;
    }



/* Media Queries */

@media only screen and (max-width:480px) {
    .RBI360 .StdBlueLrgBtn {
        max-width: none !important;
    }

        .RBI360 .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .RBI360 .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .RBI360 .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .RBI360 .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .RBI360 .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .RBI360 .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .RBI360 .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .RBI360 .LandingPage .LandingIntro {
        margin: 0px 20px 20px 20px !important;
    }

    .RBI360 .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .RBI360 .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* Scottish Courts Skin */

/* Buttons */
.ScottishCourts .StdBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .ScottishCourts .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .ScottishCourts .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .ScottishCourts .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.ScottishCourts .StdLightBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .ScottishCourts .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .ScottishCourts .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .ScottishCourts .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.ScottishCourts .StdWhiteLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
}

    .ScottishCourts .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .ScottishCourts .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .ScottishCourts .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.ScottishCourts .InfoIconLrg {
    background: url(/Images/ScottishCourts/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.ScottishCourts .InfoIconSm {
    background: url(/Images/ScottishCourts/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.ScottishCourts .TimerIconSm {
    background: url(/Images/ScottishCourts/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.ScottishCourts .TimerIconLrg {
    background: url(/Images/ScottishCourts/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.ScottishCourts .SiteContainer .SiteHeader .Logo {
    width: 120px !important;
    height: 60px !important;
    background: url(/Images/ScottishCourts/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.ScottishCourts .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.ScottishCourts .Positioning .CloseForm {
    background-image: url(/Images/ScottishCourts/Icon_Cross_Black.png) !important;
}

.ScottishCourts .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.ScottishCourts .LandingPage .LandingIntro {
    margin: 0px 55px 82px 55px !important;
}

.ScottishCourts .LandingPageBanners .BannerTable h2 {
    color: #000000 !important;
}

.ScottishCourts .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/ScottishCourts/Img_Home_Panel_02_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Error 404 Page */
.ScottishCourts .ErrorSymbol {
    background: url(/Images/ScottishCourts/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.ScottishCourts .QInfoHeader .PinIcon {
    background: url(/Images/ScottishCourts/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.ScottishCourts .QInfoHeader .ExpandIcon {
    background: url(/Images/ScottishCourts/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.ScottishCourts .QInfoHeader .CollapseIcon {
    background: url(/Images/ScottishCourts/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.ScottishCourts .TestTimer .TestTimerContainer {
}

    .ScottishCourts .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
        font-weight: 700;
    }

    .ScottishCourts .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
        font-weight: 700;
    }

/* Test Tables */
.ScottishCourts .NumericalTest td {
    background-color: #FFFF99 !important;
}

.ScottishCourts .JSTTable td {
    background-color: #FFFF99 !important;
}

.ScottishCourts .NumericalTestTableV2 td {
    background-color: #FFFF99 !important;
}

.ScottishCourts .NumericalTestTableV2Green td {
    background-color: #FFFF99 !important;
}

/* Tour pages */
.ScottishCourts table.Type1 td {
    background-color: #FFFF99 !important;
}



/* Media Queries */
@media only screen and (max-width:480px) {
    .ScottishCourts .StdBlueLrgBtn {
        max-width: none !important;
    }

        .ScottishCourts .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .ScottishCourts .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .ScottishCourts .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .ScottishCourts .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .ScottishCourts .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .ScottishCourts .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .ScottishCourts .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .ScottishCourts .LandingPage .LandingIntro {
        margin: 0px 20px 20px 20px !important;
    }

    .ScottishCourts .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .ScottishCourts .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* Green Park Skin */

/* Buttons */
.GreenPark .StdBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

    .GreenPark .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .GreenPark .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .GreenPark .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.GreenPark .StdLightBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

    .GreenPark .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .GreenPark .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .GreenPark .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.GreenPark .StdWhiteLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    text-transform: uppercase !important;
}

    .GreenPark .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .GreenPark .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .GreenPark .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.GreenPark .InfoIconLrg {
    background: url(/Images/GreenPark/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.GreenPark .InfoIconSm {
    background: url(/Images/GreenPark/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.GreenPark .TimerIconSm {
    background: url(/Images/GreenPark/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.GreenPark .TimerIconLrg {
    background: url(/Images/GreenPark/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.GreenPark .SiteContainer .SiteHeader .Logo {
    width: 140px !important;
    height: 60px !important;
    background: url(/Images/GreenPark/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.GreenPark .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.GreenPark .Positioning .CloseForm {
    background-image: url(/Images/GreenPark/Icon_Cross_Black.png) !important;
}

.GreenPark .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.GreenPark .LandingPage .LandingIntro {
    margin: 0px 55px 82px 55px !important;
}

.GreenPark .LandingPageBanners .BannerTable h2 {
    font-weight: 700 !important;
    color: #000000 !important;
}

.GreenPark .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/GreenPark/Img_Home_Panel_02.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Error 404 Page */
.GreenPark .ErrorSymbol {
    background: url(/Images/GreenPark/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.GreenPark .QInfoHeader .PinIcon {
    background: url(/Images/GreenPark/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.GreenPark .QInfoHeader .ExpandIcon {
    background: url(/Images/GreenPark/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.GreenPark .QInfoHeader .CollapseIcon {
    background: url(/Images/GreenPark/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.GreenPark .TestTimer .TestTimerContainer .TimeHdr {
    font-size: 1.6em;
    font-weight: 700;
}

.GreenPark .TestTimer .TestTimerContainer .Timer {
    font-size: 3.5em;
    font-weight: 700;
}

/* Test Tables */
.GreenPark .NumericalTest {
    border: 1px solid #000000 !important;
}

    .GreenPark .NumericalTest th {
        color: #FFFF99 !important;
    }

    .GreenPark .NumericalTest td {
        color: #000000 !important;
        background-color: #FFFF99 !important;
    }

.GreenPark .JSTTable {
    border: 1px solid #000000 !important;
}

    .GreenPark .JSTTable th {
        color: #FFFF99 !important;
    }

    .GreenPark .JSTTable td {
        color: #000000 !important;
        background-color: #FFFF99 !important;
    }

.GreenPark .NumericalTestTableV2 {
    border: 1px solid #000000 !important;
}

    .GreenPark .NumericalTestTableV2 th {
        color: #FFFF99 !important;
    }

    .GreenPark .NumericalTestTableV2 td {
        color: #000000 !important;
        background-color: #FFFF99 !important;
    }

.GreenPark .NumericalTestTableV2Green {
    border: 1px solid #000000 !important;
}

    .GreenPark .NumericalTestTableV2Green th {
        color: #FFFF99 !important;
    }

    .GreenPark .NumericalTestTableV2Green td {
        color: #000000 !important;
        background-color: #FFFF99 !important;
    }

/* Tour pages */
table.Type1 th {
    color: #000000;
}



/* Media Queries */
@media only screen and (max-width:480px) {
    .GreenPark .StdBlueLrgBtn {
        max-width: none !important;
    }

        .GreenPark .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .GreenPark .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .GreenPark .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .GreenPark .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .GreenPark .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .GreenPark .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 200px !important;
        width: 100% !important;
        max-width: 400px;
    }
}

@media only screen and (max-width:600px) {
    .GreenPark .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .GreenPark .LandingPage .LandingIntro {
        margin: 0px 20px 20px 20px !important;
    }

    .GreenPark .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .GreenPark .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* Next Skin */

/* Structure */
.Next .SiteContainer .SiteHeader .Logo  {
    background: url(/Images/Next/logo_black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Next .BtmBannerImg {
  background: none !important;
}

.Next .LandingPageBanners .BannerTable .TakeTestImg1  {
  background: url(/Images/Next/Img_Home_Panel_03_01.jpg) center no-repeat !important;
  background-size: cover !important;
}

.Next .LandingPageBanners .BannerTable .TakeTestImg2  {
  background: url(/Images/Next/Img_Home_Panel_03_02.jpg) center no-repeat !important;
  background-size: cover !important;
}

.Next .LandingPageBanners .BannerTable .TakeTestImg3  {
  background: url(/Images/Next/Img_Home_Panel_03_03.jpg) center no-repeat !important;
  background-size: cover !important;
}

.Next .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
  background: url(/Images/Next/Img_Home_Panel_02.jpg) center no-repeat !important;
  background-size: 100% !important;
}

.Next .SiteContainer .SiteFooter  {
  border-top: 1px solid #000000 !important;
}

.Next .SiteContainer .SiteFooter .FtrLayoutTable  {
  border-top: none !important;
}

.Next .SiteContainer .NextFooter  {
  background-color: #FFFF99 !important;
  border-top: 1px solid #000000 !important;
}

.Next .SiteContainer .NextFooter .NextMediaIcons .IconBox img {
  display: none !important;
}

.Next .SiteContainer .NextFooter .NextMediaIcons .IconBox.LinkedIn  {
  background: url(/Images/Next/next_linkedin_black.png) center no-repeat !important;
  background-size: 100% !important;
}

.Next .SiteContainer .NextFooter .NextMediaIcons .IconBox.Facebook  {
  background: url(/Images/Next/next_facebook_black.png) center no-repeat !important;
  background-size: 100% !important;
}

.Next .SiteContainer .NextFooter .NextMediaIcons .IconBox.Twitter  {
  background: url(/Images/Next/next_twitter_black.png) center no-repeat !important;
  background-size: 100% !important;
}

.Next .DELogo {
    background: url(/Images/Next/de-logo-black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Next .ui-button .ui-icon,
.Next .ui-state-hover .ui-icon,
.Next .ui-state-focus .ui-icon,
.Next .ui-button:hover .ui-icon,
.Next .ui-button:focus .ui-icon {
  background-image: url("/images/Next/black_arrow.png");
  background-position: center center;
}

.Next .InfoIconSm {
  background: url(/Images/Next/Icon_Info_Black.png) center center no-repeat !important;
  background-size: 100% !important;
}

.Next .InfoIconLrg  {
  background: url(/Images/Next/Icon_Info_Black.png) center center no-repeat !important;
  background-size: 100% !important;
}

.Next .TimerIconSm {
  background: url(/Images/Next/Icon_Time_Black.png) center center no-repeat !important;
  background-size: 100% !important;
}

.Next .TimerIconLrg {
  background: url(/Images/Next/Icon_Time_Black.png) center center no-repeat !important;
  background-size: 100% !important;
}

.Next .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
  background: url(/Images/Clevry/clevry-logo-small-black.png) center center no-repeat !important;
  background-size: contain !important;
}





/* Asda Skin */

body.Asda {
    font-family: 'Montserrat', sans-serif !important;
}

/* Common Basic */
.Asda h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.Asda h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.Asda h3 {
    font-weight: 700;
}

/* Buttons */
.Asda .StdBlueLrgBtn {
    max-width: 180px !important;
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 8px !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .Asda .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Asda .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Asda .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Asda .StdLightBlueLrgBtn {
    max-width: 180px !important;
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 8px !important;
    color: #FFFF99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .Asda .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Asda .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Asda .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Asda .StdWhiteLrgBtn {
    max-width: 180px !important;
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 8px !important;
    color: #FFFF99 !important;
}

    .Asda .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Asda .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Asda .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Asda .InfoIconLrg {
    background: url(/Images/Asda/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Asda .InfoIconSm {
    background: url(/Images/Asda/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.Asda .TimerIconSm {
    background: url(/Images/Asda/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Asda .TimerIconLrg {
    background: url(/Images/Asda/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.Asda .SiteContainer .SiteHeader .Logo {
    width: 100px !important;
    height: 60px !important;
    background: url(/Images/Asda/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.Asda .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.Asda .Positioning .CloseForm {
    background-image: url(/Images/Asda/Icon_Cross_Black.png) !important;
    background-size: 35px 35px !important;
}

.Asda .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.Asda .LandingPage .LandingIntro {
    margin: 0px 55px 175px 55px !important;
}

    .Asda .LandingPage .LandingIntro .LandingHdr {
        font-family: 'Montserrat', sans-serif !important;
    }

.Asda .LandingPageBanners .BannerTable h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.Asda .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: none !important;
}

/* Error 404 Page */
.Asda .ErrorSymbol {
    background: url(/Images/Asda/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.Asda .QInfoHeader .PinIcon {
    background: url(/Images/Asda/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Asda .QInfoHeader .ExpandIcon {
    background: url(/Images/Asda/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Asda .QInfoHeader .CollapseIcon {
    background: url(/Images/Asda/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.Asda .TestTimer .TestTimerContainer {
    font-family: 'Montserrat', sans-serif;
}

    .Asda .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
        font-weight: 700;
    }

    .Asda .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
        font-weight: 700;
    }

/* Test Tables */
.Asda .NumericalTest {
    border-left: none;
    border-right: none;
}

    .Asda .NumericalTest th {
        color: #FFFF99 !important;
    }

    .Asda .NumericalTest td {
        color: #000000 !important;
    }

.Asda .JSTTable th {
    color: #FFFF99 !important;
}

.Asda .JSTTable td {
    color: #000000 !important;
}

.Asda .NumericalTestTableV2 th {
    color: #FFFF99 !important;
}

.Asda .NumericalTestTableV2 td {
    color: #000000 !important;
}

.Asda .NumericalTestTableV2Green th {
    color: #FFFF99 !important;
}

.Asda .NumericalTestTableV2Green td {
    color: #000000 !important;
}

/* Tour pages */
.Asda table.Type1 th {
    color: #FFFF99 !important;
}

.Asda table.Type1 td {
    color: #000000 !important;
}



/* Media Queries */
@media only screen and (max-width:480px) {
    .Asda .StdBlueLrgBtn {
        max-width: none !important;
    }

        .Asda .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Asda .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .Asda .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Asda .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .Asda .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}


/* Landing Page */
@media only screen and (max-width:768px) {
    .Asda .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }

    .Asda .LandingPageBanners .BannerTable.FirstRow .BannerCellSm {
        display: none;
    }
}

@media only screen and (max-width:600px) {
    .Asda .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .Asda .LandingPage .LandingIntro {
        margin: 0px 20px 175px 20px !important;
    }

    .Asda .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .Asda .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* Dunelm Skin */

/* Structure */
.Dunelm .SiteContainer .SiteHeader .Logo {
    width: 100px !important;
    height: 60px !important;
    background: url(/Images/Dunelm/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.Dunelm .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
  background: url(/Images/Clevry/clevry-logo-small-black.png) center center no-repeat !important;
  background-size: contain !important;
}





/* Innocent Skin */
.Innocent .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
  background: url(/Images/Clevry/clevry-logo-small-black.png) center center no-repeat !important;
  background-size: contain !important;
}





/* MOJ Skin */
.MOJ .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
  background: url(/Images/Clevry/clevry-logo-small-black.png) center center no-repeat !important;
  background-size: contain !important;
}





/* Home Office Skin */
.HomeOffice .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
  background: url(/Images/Clevry/clevry-logo-small-black.png) center center no-repeat !important;
  background-size: contain !important;
}





/* Help Page */
.HelpPanels .HPBlock .BlockInfo {
    border-color: #000000 !important;
    background: #FFFF99 !important;
}





/* MandS Skin */
.MandS .BtmBannerImg  {
  background: none !important;
}

.MandS .SiteContainer .SiteHeader .HdrLayoutTable .LogoCell .Logo {
    background: url(/Images/MandS/Logo_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.MandS .LandingPageBanners .BannerTable .TakeTestImg1 {
    background: url(/Images/MandS/Img_Home_Panel_03_01.jpg) center no-repeat !important;
    background-size: cover !important;
}

.MandS .LandingPageBanners .BannerTable .TakeTestImg2 {
    background: url(/Images/MandS/Img_Home_Panel_03_02.jpg) center no-repeat !important;
    background-size: cover !important;
}

.MandS .LandingPageBanners .BannerTable .TakeTestImg3 {
    background: url(/Images/MandS/Img_Home_Panel_03_03.jpg) center no-repeat !important;
    background-size: cover !important;
}

.MandS .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/MandS/Img_Home_Panel_02.jpg) center center no-repeat !important;
    background-size: cover !important;
}

.MandS .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
  background: url(/Images/Clevry/clevry-logo-small-black.png) center center no-repeat !important;
  background-size: contain !important;
}





/* Clevry Skin */
.Clevry .BtmBannerImg {
    background: url(/Images/Clevry/Img_Home_01.png) center no-repeat !important;
    background-size: contain !important;
}

.Clevry .LandingPageBanners .BannerTable .TakeTestImg1 {
    background: url(/Images/Clevry/Img_Home_Panel_03_01.png) center center no-repeat !important;
    background-size: 60% !important;
}

.Clevry .LandingPageBanners .BannerTable .TakeTestImg2 {
    background: url(/Images/Clevry/Img_Home_Panel_03_02.png) center center no-repeat !important;
    background-size: contain !important;
}

.Clevry .LandingPageBanners .BannerTable .TakeTestImg3 {
    background: url(/Images/Clevry/Img_Home_Panel_03_03.png) center center no-repeat !important;
    background-size: 57% !important;
}

.Clevry .SiteContainer .SiteHeader .Logo {
    background: url(/Images/Clevry/clevry-logo-small-black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Clevry .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
    background: url(/Images/Clevry/clevry-logo-small-black.png?c=5) center center no-repeat !important;
    background-size: contain !important;
}

.Clevry .ui-selectmenu-button {
    background-color: #FFFF99 !important;
    border-color: #000000 !important;
}

.Clevry .ui-widget.ui-widget-content {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

.Clevry .ui-menu-item-wrapper {
    background-color: #FFFF99 !important;
    border-bottom: 1px solid #000000;
}

.Clevry .ui-menu-item-wrapper.ui-state-active {
    border-top: 1px solid #000000 !important;
}

.Clevry .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Clevry/Img_Home_Panel_02.png) center center no-repeat !important;
    background-size: cover !important;
}

body.Clevry,
.Clevry h1,
.Clevry h2,
.Clevry h3,
.Clevry b,
.Clevry strong,
.Clevry .StdBlueLrgBtn,
.Clevry .StdLightBlueLrgBtn,
.Clevry .StdWhiteLrgBtn,
.Clevry #ForJSPasswordResult,
.Clevry #ForJSPasswordResult span,
.Clevry .ui-selectmenu-text,
.Clevry .ui-menu-item-wrapper,
.Clevry .PopupContent h2,
.Clevry .LandingPage .LandingIntro .LandingHdr,
.Clevry .LandingPage .LandingIntro .IntroSignIn a,
.Clevry .LandingPageBanners .BannerTable h2,
.Clevry .FormText .Intro,
.Clevry .FormText .Title,
.Clevry .FormField .EditBoxW1,
.Clevry .FormField .DropDownW1,
.Clevry .FormField .TextAreaW6,
.Clevry .FormField .sbHolder,
.Clevry .Guide .Title,
.Clevry .Guide .List .Item .Desc strong,
.Clevry .QInfoHeader .InfoName h1,
.Clevry .QInfoHeader .InfoName h2,
.Clevry .AssessQuestionTracker .TestPercentage .Labels,
.Clevry .JQHiddenField input  {
  font-family: 'Montserrat', Arial, sans-serif;
}




/* Royal Mail Skin */
.RoyalMail .BtmBannerImg {
    background: url(/Images/RoyalMail/Img_Home_01.png) center no-repeat !important;
    background-size: contain !important;
}

.RoyalMail .LandingPageBanners .BannerTable .TakeTestImg1 {
    background: url(/Images/RoyalMail/Img_Home_02.jpg) center center no-repeat !important;
    background-size: cover !important;
}

.RoyalMail .LandingPageBanners .BannerTable .TakeTestImg2 {
    background: url(/Images/RoyalMail/Img_Home_03.jpg) center center no-repeat !important;
    background-size: cover !important;
}

.RoyalMail .LandingPageBanners .BannerTable .TakeTestImg3 {
    background: url(/Images/RoyalMail/Img_Home_04.jpg) center center no-repeat !important;
    background-size: cover !important;
}

.RoyalMail .SiteContainer .SiteHeader .Logo {
    background: url(/Images/RoyalMail/Logo.png) center no-repeat !important;
    background-size: contain !important;
    height: 50px !important;
    width: 110px !important;
    margin-top: 4px !important;
}

.RoyalMail .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
    background: url(/Images/Clevry/clevry-logo-small-black.png?c=5) center center no-repeat !important;
    background-size: contain !important;
}

.RoyalMail .ui-selectmenu-button {
    background-color: #FFFF99 !important;
    border-color: #000000 !important;
}

.RoyalMail .ui-widget.ui-widget-content {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

.RoyalMail .ui-menu-item-wrapper {
    background-color: #FFFF99 !important;
    border-bottom: 1px solid #000000 !important;
}

    .RoyalMail .ui-menu-item-wrapper.ui-state-active {
        border-top: 1px solid #000000 !important;
    }

.RoyalMail .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/RoyalMail/Img_Home_05.jpg) center center no-repeat !important;
    background-size: cover !important;
}

.RoyalMail .InfoIconLrg {
    background: url(/Images/RoyalMail/Icon_Info_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.RoyalMail .Positioning .CloseForm {
    background: url(/Images/RoyalMail/Icon_Cross_Black.png) center center no-repeat !important;
    background-size: 28px 28px !important;
}

.RoyalMail .SiteContainer .SiteFooterContainer {
    background-color: #FFFF99 !important;
}

.RoyalMail .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
    background: url(/Images/RoyalMail/powered-by-psycruit-black.png?c=4) center center no-repeat !important;
    background-size: contain !important;
    margin-top: 4px !important;
}

.RoyalMail .TimerIconLrg {
    background: url(/Images/RoyalMail/Icon_Time_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Media Queries */
@media only screen and (max-width:768px) {
    .RoyalMail .Positioning .CloseForm {
        background-size: 20px 20px !important;
    }
}




/* Hazard Perception Test */
#HazardPerceptionContainer .MouseClickQBlock .AnswerOpts .OptBlock {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}

#HazardPerceptionContainer .MouseClickQBlock .NoHazardBtn {
    background-color: #FFFF99 !important;
    border: 1px solid #000000 !important;
}




/* Santander Skin */
.Santander .InfoIconLrg {
    background: url(/Images/Santander/Icon_Info_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Santander .InfoIconSm {
    background: url(/Images/Santander/Icon_Info_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Santander .TimerIconSm {
    background: url(/Images/Santander/Icon_Time_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Santander .TimerIconLrg {
    background: url(/Images/Santander/Icon_Time_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Structure */
.Santander .BtmBannerImg {
    background: url(/Images/Santander/Img_Home_01.jpg) center no-repeat !important;
    background-size: contain !important;
}

.Santander .LandingPageBanners .BannerTable .TakeTestImg1  {
    background: url(/Images/Santander/Img_Home_Panel_03_01.png) center center no-repeat !important;
    background-size: cover !important;
}

.Santander .LandingPageBanners .BannerTable .TakeTestImg2  {
    background: url(/Images/Santander/Img_Home_Panel_03_02.png) center center no-repeat !important;
    background-position:-20px -8px !important;
    background-size: cover !important;
    background-color: #ffffff !important;
}

.Santander .LandingPageBanners .BannerTable .TakeTestImg3  {
    background: url(/Images/Santander/Img_Home_Panel_03_03.png) center center no-repeat !important;
    background-size: cover !important;
    background-position: center 4px !important;
    background-color: #ffffff !important;
}

.Santander .SiteContainer .SiteHeader .Logo {
    background: url(/Images/Santander/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.Santander .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
  background: url(/Images/Clevry/clevry-logo-small-black.png) center center no-repeat !important;
  background-size: contain !important;
}


/* Pop-up Boxes */
.Santander .Positioning .CloseForm {
    background-image: url(/Images/Santander/Icon_Cross_Black.png) !important;
}


/* Landing Page */
.Santander .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Santander/Img_Home_Panel_02_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Error 404 Page */
.Santander .ErrorSymbol {
    background: url(/Images/Santander/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.Santander .QInfoHeader .PinIcon {
    background: url(/Images/Default/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Santander .QInfoHeader .ExpandIcon {
    background: url(/Images/Default/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Santander .QInfoHeader .CollapseIcon {
    background: url(/Images/Default/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* iCheck plugin */
.Santander .icheckbox_square, .Santander .iradio_square  {
  display: inline-block !important;
  *display: inline !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 41px !important;
  height: 43px !important;
  background: url(/Images/Santander/squareblack.png) no-repeat !important;
  border: none !important;
  cursor: pointer !important;
}

.Santander .icheckbox_square  {
  background-position: -14px 0 !important;
}

.Santander .icheckbox_square.hover  {
  background-position: -55px 0 !important;
}

.Santander .icheckbox_square.checked  {
  background-position: -96px 0 !important;
}

.Santander .icheckbox_square.disabled {
  background-position: -137px 0 !important;
  cursor: default !important;
}
.Santander .icheckbox_square.checked.disabled {
  background-position: -178px 0 !important;
}

.Santander .iradio_square {
  background-position: -220px 0 !important;
}

.Santander .iradio_square.hover {
  background-position: -264px 0 !important;
}

.Santander .iradio_square.checked {
  background-position: -308px 0 !important;
}

.Santander .iradio_square.disabled  {
  background-position: -352px 0 !important; 
  cursor: default !important;
}

.Santander .iradio_square.checked.disabled  {
  background-position: -396px 0 !important;
}

/* Forms */
.Santander .FormField .EditBoxW1:focus {
  outline: none !important;
  border-radius: 0px;
}

.Santander .FormField .DropDownW1  {
  outline: none !important;
  border-radius: 0px;
}

.Santander .FormField .TextAreaW6  {
  outline: none !important;
  border-radius: 0px;
}

/* FAQ page */
.Santander .FAQQuestions .QPanelIcon.Open {
  background-image: url('/Images/Santander/expandiconblack.png');
}

.Santander .FAQQuestions .QPanelIcon.Close {
  background-image: url('/Images/Santander/collapseiconblack.png');
}



/* CSE Skin */
.CSE ul li,
.CSE ol li  {
  color: #000000 !important;
}

.CSE .InfoIconLrg {
    background: url(/Images/CSE/Icon_Info_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CSE .InfoIconSm {
    background: url(/Images/CSE/Icon_Info_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CSE .TimerIconSm {
    background: url(/Images/CSE/Icon_Time_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CSE .TimerIconLrg {
    background: url(/Images/CSE/Icon_Time_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Structure */
.CSE .BtmBannerImg {
    background: url(/Images/CSE/Img_Home_01.jpg) center no-repeat !important;
    background-size: contain !important;
}

.CSE .SiteContainer .SiteHeader .Logo {
    background: url(/Images/CSE/Logo_1_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.CSE.French .SiteContainer .SiteHeader .Logo {
    background: url(/Images/CSE/Logo_2_Black.png) center no-repeat !important;
    background-size: 100% !important;
}


/* Pop-up Boxes */
.CSE .Positioning .CloseForm {
    background-image: url(/Images/CSE/Icon_Cross_Black.png) !important;
}


/* Landing Page */
.CSE .BtmBannerImg {
    background: url(/Images/CSE/Img_Home_01.jpg) center no-repeat !important;
    background-size: contain !important;
}

.CSE .LandingPageBanners .BannerTable .TakeTestImg1 {
    background: url(/Images/CSE/Img_Home_Panel_03_01.jpg) center center no-repeat !important;
    background-size: cover !important;
}

.CSE .LandingPageBanners .BannerTable .TakeTestImg2 {
    background: url(/Images/CSE/Img_Home_Panel_03_02.jpg) center center no-repeat !important;
    background-size: cover !important;
}

.CSE .LandingPageBanners .BannerTable .TakeTestImg3 {
    background: url(/Images/CSE/Img_Home_Panel_03_03.jpg) center center no-repeat !important;
    background-size: cover !important;
}

.CSE .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/CSE/Img_Home_Panel_02.jpg) center center no-repeat !important;
    background-size: 100% !important;
}


/* Footer */
.CSE .SiteContainer .SiteFooter .FtrLayoutTable .AdditionalLogo .ALBlock  {
    background: url(/Images/CSE/CSE-FIP_canada-black_black.png?) center center no-repeat;
    background-size: contain;
}


/* Error 404 Page */
.CSE .ErrorSymbol {
    background: url(/Images/CSE/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.CSE .QInfoHeader .PinIcon {
    background: url(/Images/Default/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CSE .QInfoHeader .ExpandIcon {
    background: url(/Images/Default/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.CSE .QInfoHeader .CollapseIcon {
    background: url(/Images/Default/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Forms */
.CSE .FormField .EditBoxW1:focus {
  outline: none !important;
  border-radius: 0px;
}

.CSE .FormField .DropDownW1  {
  outline: none !important;
  border-radius: 0px;
}

.CSE .FormField .TextAreaW6  {
  outline: none !important;
  border-radius: 0px;
}

/* FAQ page */
.CSE .FAQQuestions .QPanelIcon.Open {
  background-image: url('/Images/CSE/expandiconblack.png');
}

.CSE .FAQQuestions .QPanelIcon.Close {
  background-image: url('/Images/CSE/collapseiconblack.png');
}





/* Epicenter Skin */

body.Epicenter {
    font-family:'DIN-Pro-Regular', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

/* Common Basic */
.Epicenter h1 {
    font-family:'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

.Epicenter h2 {
    font-family:'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

.Epicenter h3 {
    font-family:'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

/* Buttons */
.Epicenter .StdBlueLrgBtn {
    background-color: #000000 !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

    .Epicenter .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Epicenter .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Epicenter .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Epicenter .StdLightBlueLrgBtn {
    background-color: #000000 !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

    .Epicenter .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Epicenter .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Epicenter .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Epicenter .StdWhiteLrgBtn {
    background-color: #000000 !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    text-transform: uppercase !important;
}

    .Epicenter .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Epicenter .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Epicenter .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Epicenter .InfoIconLrg {
    background: url(/Images/Epicenter/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Epicenter .InfoIconSm {
    background: url(/Images/Epicenter//InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.Epicenter .TimerIconSm {
    background: url(/Images/Epicenter/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Epicenter .TimerIconLrg {
    background: url(/Images/Epicenter/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.Epicenter .SiteContainer .SiteHeader .Logo {
    background: url(/Images/Epicenter/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.Epicenter .MobileSlidePanel .SecondLogoSm {
    display: none;
}

.Epicenter .SiteContainer .SiteContent  {
  background: none !important;
}

/* Pop-up Boxes */
.Epicenter .Positioning .CloseForm {
    background-image: url(/Images/Epicenter/Icon_Cross_Black.png) !important;
}

.Epicenter .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.Epicenter .BtmBannerImg  {
    background: none !important;
    background-size: contain !important;
    height: 500px !important;
    margin-bottom: 60px !important;
}

.Epicenter .LandingPage .LandingIntro {
    margin: 0px 55px 175px 55px !important;
}

.Epicenter .LandingPage .LandingIntro .LandingHdr {
    font-family: 'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif;
}

.Epicenter .LandingPageBanners .BannerTable h2 {
    font-family: 'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #000000 !important;
}

.Epicenter .LandingPageBanners .BannerTable .TakeTestImg1 {
    background: url(/Images/Epicenter/Img_Home_Panel_03_01.png) center no-repeat !important;
    background-size: cover !important;
}

.Epicenter .LandingPageBanners .BannerTable .TakeTestImg2 {
    background: url(/Images/Epicenter/Img_Home_Panel_03_02.png) center no-repeat !important;
    background-size: cover !important;
}

.Epicenter .LandingPageBanners .BannerTable .TakeTestImg3 {
    background: url(/Images/Epicenter/Img_Home_Panel_03_03.png) center no-repeat !important;
    background-size: cover !important;
}

.Epicenter .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Epicenter/Img_Home_Panel_02_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Epicenter .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
    background: url(/Images/Clevry/clevry-logo-small-black.png?c=5) center center no-repeat !important;
    background-size: contain !important;
}

/* Error 404 Page */
.Epicenter .ErrorSymbol {
    background: url(/Images/Epicenter/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.Epicenter .QInfoHeader .PinIcon {
    background: url(/Images/Epicenter/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Epicenter .QInfoHeader .ExpandIcon {
    background: url(/Images/Epicenter/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Epicenter .QInfoHeader .CollapseIcon {
    background: url(/Images/Epicenter/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.Epicenter .TestTimer .TestTimerContainer {
    font-family: 'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif;
}

    .Epicenter .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
    }

    .Epicenter .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
    }



/* Media Queries */

/* Buttons */
@media only screen and (max-width:768px) {
    .Epicenter .StdBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .Epicenter .StdLightBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .Epicenter .StdWhiteLrgBtn {
        font-size: 1.4em !important;
    }
}

@media only screen and (max-width:480px) {
    .Epicenter .StdBlueLrgBtn {
        max-width: none !important;
    }

        .Epicenter .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Epicenter .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .Epicenter .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Epicenter .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .Epicenter .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .Epicenter .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .Epicenter .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .Epicenter .LandingPage .LandingIntro {
        margin: 0px 20px 20px 20px !important;
    }

    .Epicenter .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .Epicenter .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* Epicenter Skin */

body.Culina {
    font-family:'DIN-Pro-Regular', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

/* Common Basic */
.Culina h1 {
    font-family:'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

.Culina h2 {
    font-family:'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

.Culina h3 {
    font-family:'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

/* Buttons */
.Culina .StdBlueLrgBtn {
    background-color: #000000 !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

.Culina .StdBlueLrgBtn:hover {
    background-color: #000000 !important;
    color: #FFFF99 !important;
}

.Culina .StdBlueLrgBtn.FullWidth {
    width: 100% !important;
    max-width: none !important;
}

.Culina .StdBlueLrgBtn.TextWidth {
    width: auto !important;
    max-width: none !important;
}

.Culina .StdLightBlueLrgBtn {
    background-color: #000000 !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

.Culina .StdLightBlueLrgBtn:hover {
    background-color: #000000 !important;
    color: #FFFF99 !important;
}

.Culina .StdLightBlueLrgBtn.FullWidth {
    width: 100% !important;
    max-width: none !important;
}

.Culina .StdLightBlueLrgBtn.TextWidth {
    width: auto !important;
    max-width: none !important;
}

.Culina .StdWhiteLrgBtn {
    max-width: 180px !important;
    background-color: #000000 !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    text-transform: uppercase !important;
}

.Culina .StdWhiteLrgBtn:hover {
    background-color: #000000 !important;
    color: #FFFF99 !important;
}

.Culina .StdWhiteLrgBtn.FullWidth {
    width: 100% !important;
    max-width: none !important;
}

.Culina .StdWhiteLrgBtn.TextWidth {
    width: auto !important;
    max-width: none !important;
}

.Culina .InfoIconLrg {
    background: url(/Images/Culina/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Culina .InfoIconSm {
    background: url(/Images/Culina/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.Culina .TimerIconSm {
    background: url(/Images/Culina/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Culina .TimerIconLrg {
    background: url(/Images/Culina/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.Culina .SiteContainer .SiteHeader .Logo {
    background: url(/Images/Culina/Logo_Black.png) center no-repeat !important;
    background-size: 100% !important;
}

.Culina .MobileSlidePanel .SecondLogoSm {
    display: none;
}

.Culina .SiteContainer .SiteContent  {
  background: none !important;
}

/* Pop-up Boxes */
.Culina .Positioning .CloseForm {
    background-image: url(/Images/Culina/Icon_Cross_Black.png) !important;
}

.Culina .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.Culina .BtmBannerImg  {
    background: none !important;
    background-size: contain !important;
    height: 500px !important;
    margin-bottom: 60px !important;
}

.Culina .LandingPage .LandingIntro {
    margin: 0px 55px 175px 55px !important;
}

.Culina .LandingPage .LandingIntro .LandingHdr {
    font-family: 'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif;
}

.Culina .LandingPageBanners .BannerTable h2 {
    font-family: 'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #000000 !important;
}

.Culina .LandingPageBanners .BannerTable .TakeTestImg1 {
    background: url(/Images/Culina/Img_Home_Panel_03_01.jpg) center no-repeat !important;
    background-size: cover !important;
}

.Culina .LandingPageBanners .BannerTable .TakeTestImg2 {
    background: url(/Images/Culina/Img_Home_Panel_03_02.jpg) center no-repeat !important;
    background-size: cover !important;
}

.Culina .LandingPageBanners .BannerTable .TakeTestImg3 {
    background: url(/Images/Culina/Img_Home_Panel_03_03.jpg) center no-repeat !important;
    background-size: cover !important;
}

.Culina .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Culina/Img_Home_Panel_02.jpg) center center no-repeat !important;
    background-size: 100% !important;
}

.Culina .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {
    background: url(/Images/Clevry/clevry-logo-small-black.png?c=5) center center no-repeat !important;
    background-size: contain !important;
}

/* Error 404 Page */
.Culina .ErrorSymbol {
    background: url(/Images/Culina/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.Culina .QInfoHeader .PinIcon {
    background: url(/Images/Culina/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Culina .QInfoHeader .ExpandIcon {
    background: url(/Images/Culina/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Culina .QInfoHeader .CollapseIcon {
    background: url(/Images/Culina/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.Culina .TestTimer .TestTimerContainer {
    font-family: 'Franklin-Gothic-Cond-Regular', Arial, Helvetica Neue, Helvetica, sans-serif;
}

.Culina .TestTimer .TestTimerContainer .TimeHdr {
    font-size: 1.6em;
}

.Culina .TestTimer .TestTimerContainer .Timer {
    font-size: 3.5em;
}

/* Test Tables */
.Culina .NumericalTest th {
    color: #FFFF99 !important;
}

.Culina .NumericalTest td {
    color: #000000 !important;
}

.Culina .JSTTable th {
    color: #000000 !important;
}

.Culina .JSTTable td {
    color: #000000 !important;
}

.Culina .NumericalTestTableV2 th {
    color: #000000 !important;
}

.Culina .NumericalTestTableV2 td {
    color: #000000 !important;
}

.Culina .NumericalTestTableV2Green th {
    color: #000000 !important;
}

.Culina .NumericalTestTableV2Green td {
    color: #000000 !important;
}

/* Tour pages */
.Culina table.Type1 th {
    color: #000000 !important;
}

.Culina table.Type1 td {
    color: #000000 !important;
}



/* Media Queries */

/* Buttons */
@media only screen and (max-width:768px) {
    .Culina .StdBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .Culina .StdLightBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .Culina .StdWhiteLrgBtn {
        font-size: 1.4em !important;
    }
}

@media only screen and (max-width:480px) {
    .Culina .StdBlueLrgBtn {
        max-width: none !important;
    }

    .Culina .StdBlueLrgBtn.TextWidth {
        width: 100% !important;
    }

    .Culina .StdLightBlueLrgBtn {
        max-width: none !important;
    }

    .Culina .StdLightBlueLrgBtn.TextWidth {
        width: 100% !important;
    }

    .Culina .StdWhiteLrgBtn {
        max-width: none !important;
    }

    .Culina .StdWhiteLrgBtn.TextWidth {
        width: 100% !important;
    }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .Culina .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .Culina .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .Culina .LandingPage .LandingIntro {
        margin: 0px 20px 175px 20px !important;
    }

    .Culina .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .Culina .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* YTK Skin */

body.YTK {
    font-family:"Noto Sans", sans-serif !important;
}

/* Common Basic */
.YTK h1 {
    font-family:"Noto Sans", sans-serif !important;
    font-weight: 700;
}

.YTK h2 {
    font-family:"Noto Sans", sans-serif !important;
    font-weight: 700;
}

/* Buttons */
.YTK .StdBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}

    .YTK .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .YTK .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .YTK .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.YTK .StdLightBlueLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 50px !important;
}

    .YTK .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .YTK .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .YTK .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.YTK .StdWhiteLrgBtn {
    font-weight: 600 !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border-bottom: 3px solid #000000 !important;
    border-radius: 50px !important;
}

    .YTK .StdWhiteLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .YTK .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .YTK .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.YTK .InfoIconLrg {
    background: url(/Images/YTK/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.YTK .InfoIconSm {
    background: url(/Images/YTK/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.YTK .TimerIconSm {
    background: url(/Images/YTK/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.YTK .TimerIconLrg {
    background: url(/Images/YTK/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.YTK .SiteContainer .SiteHeader .Logo {
    width: 130px !important;
    height: 60px !important;
    background: url(/Images/YTK/Logo_Black.png) left center no-repeat !important;
    background-size: 38% !important;
}

.YTK .BtmBannerImg {
  background: none !important;
}

.YTK .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.YTK .Positioning .CloseForm {
    background-image: url(/Images/YTK/Icon_Cross_Black.png) !important;
}

.YTK .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.YTK .LandingPage .LandingIntro {
    margin: 0px 55px 175px 55px !important;
}

    .YTK .LandingPage .LandingIntro .LandingHdr {
        font-family:"Noto Sans", sans-serif !important;
    }

.YTK .LandingPageBanners .BannerTable h2 {
    font-family:"Noto Sans", sans-serif !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.YTK .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/YTK/Img_Home_Panel_02_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}

.YTK .LandingPageBanners .BannerTable .TakeTestImg1 {
    display: none !important;
}

.YTK .LandingPageBanners .BannerTable .TakeTestImg2 {
    display: none !important;
}

.YTK .LandingPageBanners .BannerTable .TakeTestImg3 {
    display: none !important;
}

/* Error 404 Page */
.YTK .ErrorSymbol {
    background: url(/Images/YTK/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.YTK .QuestionInfoMob  {
    background: url(/Images/YTK/mobile-test-popup-yellow.png) #000000 center center no-repeat !important;
    background-size: 100% !important;
}

.YTK .QuestionInfoMob img {
    display: none;
}

.YTK .QInfoHeader .PinIcon {
    background: url(/Images/YTK/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.YTK .QInfoHeader .ExpandIcon {
    background: url(/Images/YTK/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.YTK .QInfoHeader .CollapseIcon {
    background: url(/Images/YTK/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.YTK .TestTimer .TestTimerContainer {
    font-family:"Noto Sans", sans-serif !important;
}

    .YTK .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
        font-weight: 700;
    }

    .YTK .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
        font-weight: 700;
    }



/* Media Queries */

/* Buttons */
@media only screen and (max-width:768px) {
    .YTK .StdBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .YTK .StdLightBlueLrgBtn {
        font-size: 1.4em !important;
    }

    .YTK .StdWhiteLrgBtn {
        font-size: 1.4em !important;
    }
}

@media only screen and (max-width:480px) {
    .YTK .StdBlueLrgBtn {
        max-width: none !important;
    }

        .YTK .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .YTK .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .YTK .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .YTK .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .YTK .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Structure */
@media only screen and (max-width:768px) {
    .YTK .SiteContainer .SiteHeader .Logo {
      background: url(/Images/YTK/Logo_Black.png) center no-repeat !important;
      background-size: 30% !important;
    }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .YTK .LandingPage .LandingIntro {
        margin: 0px !important;
    }

    .YTK .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }

    .YTK .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {
      height: 60px;
    }
}

@media only screen and (max-width:600px) {
    .YTK .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .YTK .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .YTK .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* S-ryhma Skin */

/* Structure */
.S-ryhma .BtmBannerImg  {
  background: url(/Images/Rocco/Img_Home_01.jpg) center no-repeat !important; 
  background-size: contain !important;
}

.S-ryhma .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
  background:url(/Images/Rocco/Img_Home_Panel_02.jpg) center center no-repeat !important; 
  background-size:100% !important;
}

.S-ryhma .LandingPageBanners .BannerTable .TakeTestImg1 {
  background:url(/Images/Rocco/Img_Home_Panel_03_01.jpg) center center no-repeat !important; 
  background-size:cover !important; 
  height:160px !important; 
  width:100% !important;
}

.S-ryhma .LandingPageBanners .BannerTable .TakeTestImg2 {
  background:url(/Images/Rocco/Img_Home_Panel_03_02.jpg) center center no-repeat !important; 
  background-size:cover !important; 
  height:160px !important; 
  width:100% !important;
}

.S-ryhma .LandingPageBanners .BannerTable .TakeTestImg3 {
  background:url(/Images/Rocco/Img_Home_Panel_03_03.jpg) center center no-repeat !important; 
  background-size:cover !important; 
  height:160px !important; 
  width:100% !important;
}

/* Common Basic */
.S-ryhma h1 {
    font-family: 'SBonusDisplay-Regular', sans-serif;
    font-weight: 700;
}

.S-ryhma h2 {
    font-family: 'SBonusDisplay-Regular', sans-serif;
    font-weight: 700;
}

    .S-ryhma h2.BlueHeading {
        border-top: 2px solid #000000 !important;
    }

/* Buttons */
.S-ryhma .StdBlueLrgBtn {
    font-size: 2em !important;
    font-family: 'SBonusUXWEB-Regular', cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .S-ryhma .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .S-ryhma .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .S-ryhma .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.S-ryhma .StdLightBlueLrgBtn {
    font-size: 2em !important;
    font-family: 'SBonusUXWEB-Regular', cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .S-ryhma .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .S-ryhma .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .S-ryhma .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.S-ryhma .StdWhiteLrgBtn {
    font-size: 2em !important;
    font-family: 'SBonusUXWEB-Regular', cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: none !important;
}

    .S-ryhma .StdWhiteLrgBtn:hover {
        background-color: transparent !important;
        text-decoration: underline !important;
    }

    .S-ryhma .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .S-ryhma .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.S-ryhma .InfoIconLrg {
    background: url(/Images/Rocco/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.S-ryhma .InfoIconSm {
    background: url(/Images/Rocco/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.S-ryhma .TimerIconSm {
    background: url(/Images/Rocco/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.S-ryhma .TimerIconLrg {
    background: url(/Images/Rocco/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.S-ryhma .SiteContainer .SiteHeader .Logo {
    width: 180px !important;
    height: 60px !important;
    background: url(/Images/Rocco/Logo_Black.png) center no-repeat !important;
    background-size: contain !important;
    background-position: left center !important;
}

.S-ryhma .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.S-ryhma .Positioning .CloseForm {
    background-image: url(/Images/Rocco/Icon_Cross_Black.png) !important;
}

.S-ryhma .PopupContent .StdBlueLrgBtn {
    padding: 17px 10px !important;
}

.S-ryhma .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.S-ryhma .LandingPage .LandingIntro {
    margin: 0px 55px 175px 55px !important;
}

    .S-ryhma .LandingPage .LandingIntro .LandingHdr {
        font-family: 'SBonusDisplay-Regular', serif !important;
    }

.S-ryhma .LandingPageBanners .BannerTable h2 {
    font-family: 'SBonusDisplay-Regular', serif !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.S-ryhma .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Rocco/Img_Home_Panel_02.png) center center no-repeat !important;
    background-size: 100% !important;
}

.S-ryhma .LandingPageBanners .BannerTable.FirstRow {
    border-top: 2px solid #000000 !important;
    border-bottom: 2px solid #000000 !important;
}

/* Respondent Instructions */
.S-ryhma .InstructionBtns {
    border-top: 2px solid #000000 !important;
}

/* Error 404 Page */
.S-ryhma .ErrorSymbol {
    background: url(/Images/Rocco/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.S-ryhma .QInfoHeader .PinIcon {
    background: url(/Images/Rocco/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.S-ryhma .QInfoHeader .ExpandIcon {
    background: url(/Images/Rocco/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.S-ryhma .QInfoHeader .CollapseIcon {
    background: url(/Images/Rocco/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.S-ryhma .TestTimer .TestTimerContainer {
    font-family: 'Nunito', sans-serif;
}

    .S-ryhma .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
        font-weight: 700;
    }

    .S-ryhma .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
        font-weight: 700;
    }

/* Test Tables */
.S-ryhma .NumericalTest td {
    background-color: #FFFF99;
}

.S-ryhma .JSTTable td {
    background-color: #FFFF99;
}

.S-ryhma .NumericalTestTableV2 td {
    background-color: #FFFF99;
}

.S-ryhma .NumericalTestTableV2Green td {
    background-color: #FFFF99;
}

/* Tour pages */
.S-ryhma table.Type1 td {
    background-color: #FFFF99;
}



/* Media Queries */

@media only screen and (max-width:480px) {
    .S-ryhma .StdBlueLrgBtn {
        max-width: none !important;
    }

        .S-ryhma .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .S-ryhma .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .S-ryhma .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .S-ryhma .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .S-ryhma .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Structure */
@media only screen and (max-width:768px) {
  .S-ryhma .SiteContainer .SiteHeader .Logo {
      background-position: center !important;
  }

  .S-ryhma .LandingPageBanners .BannerTable .TakeTestImg1 {
    height:100px !important; 
    width:160px !important;
  }

  .S-ryhma .LandingPageBanners .BannerTable .TakeTestImg2 {
    height:100px !important; 
    width:160px !important;
  }

  .S-ryhma .LandingPageBanners .BannerTable .TakeTestImg3 {
    height:100px !important; 
    width:160px !important;
  }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .S-ryhma .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .S-ryhma .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .S-ryhma .LandingPage .LandingIntro {
        margin: 0px 20px 175px 20px !important;
    }

    .S-ryhma .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .S-ryhma .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}





/* Rocco Skin */

/* Structure */
.Rocco .BtmBannerImg  {
  background: url(/Images/Rocco/Img_Home_01.jpg) center no-repeat !important; 
  background-size: contain !important;
}

.Rocco .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
  background:url(/Images/Rocco/Img_Home_Panel_02.jpg) center center no-repeat !important; 
  background-size:100% !important;
}

.Rocco .LandingPageBanners .BannerTable .TakeTestImg1 {
  background:url(/Images/Rocco/Img_Home_Panel_03_01.jpg) center center no-repeat !important; 
  background-size:cover !important; 
  height:160px !important; 
  width:100% !important;
}

.Rocco .LandingPageBanners .BannerTable .TakeTestImg2 {
  background:url(/Images/Rocco/Img_Home_Panel_03_02.jpg) center center no-repeat !important; 
  background-size:cover !important; 
  height:160px !important; 
  width:100% !important;
}

.Rocco .LandingPageBanners .BannerTable .TakeTestImg3 {
  background:url(/Images/Rocco/Img_Home_Panel_03_03.jpg) center center no-repeat !important; 
  background-size:cover !important; 
  height:160px !important; 
  width:100% !important;
}

/* Common Basic */
.Rocco h1 {
    font-family: 'Aldus-Roman', sans-serif;
    font-weight: 700;
}

.Rocco h2 {
    font-family: 'Aldus-Roman', sans-serif;
    font-weight: 700;
}

    .Rocco h2.BlueHeading {
        border-top: 2px solid #000000 !important;
    }

/* Buttons */
.Rocco .StdBlueLrgBtn {
    font-family: 'Aldus-Roman', sans-serif, cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .Rocco .StdBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Rocco .StdBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Rocco .StdBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Rocco .StdLightBlueLrgBtn {
    font-family: 'Aldus-Roman', sans-serif, cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: 3px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .Rocco .StdLightBlueLrgBtn:hover {
        background-color: #000000 !important;
        color: #FFFF99 !important;
    }

    .Rocco .StdLightBlueLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Rocco .StdLightBlueLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Rocco .StdWhiteLrgBtn {
    font-family: 'Aldus-Roman', sans-serif, cursive !important;
    background-color: #000000 !important;
    border-radius: 0px !important;
    color: #FFFF99 !important;
    border: none !important;
}

    .Rocco .StdWhiteLrgBtn:hover {
        background-color: transparent !important;
        text-decoration: underline !important;
    }

    .Rocco .StdWhiteLrgBtn.FullWidth {
        width: 100% !important;
        max-width: none !important;
    }

    .Rocco .StdWhiteLrgBtn.TextWidth {
        width: auto !important;
        max-width: none !important;
    }

.Rocco .InfoIconLrg {
    background: url(/Images/Rocco/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Rocco .InfoIconSm {
    background: url(/Images/Rocco/InfoIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
    margin-top: 8px;
}

.Rocco .TimerIconSm {
    background: url(/Images/Rocco/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Rocco .TimerIconLrg {
    background: url(/Images/Rocco/TimerIconBlack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Structure */
.Rocco .SiteContainer .SiteHeader .Logo {
    width: 150px !important;
    height: 60px !important;
    background: url(/Images/Rocco/Logo_Black.png) center no-repeat !important;
    background-size: contain !important;
    background-position: left center !important;
}

.Rocco .MobileSlidePanel .SecondLogoSm {
    display: none;
}

/* Pop-up Boxes */
.Rocco .Positioning .CloseForm {
    background-image: url(/Images/Rocco/Icon_Cross_Black.png) !important;
}

.Rocco .PopupContent .StdBlueLrgBtn {
    padding: 17px 10px !important;
}

.Rocco .PopupContent h2 {
    color: #000000 !important;
}

/* Landing Page */
.Rocco .LandingPage .LandingIntro {
    margin: 0px 55px 175px 55px !important;
}

    .Rocco .LandingPage .LandingIntro .LandingHdr {
        font-family: 'Aldus-Roman', sans-serif !important;
    }

.Rocco .LandingPageBanners .BannerTable h2 {
    font-family: 'Aldus-Roman', sans-serif !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

.Rocco .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
    background: url(/Images/Rocco/Img_Home_Panel_02.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Rocco .LandingPageBanners .BannerTable.FirstRow {
    border-top: 2px solid #000000 !important;
    border-bottom: 2px solid #000000 !important;
}

/* Respondent Instructions */
.Rocco .InstructionBtns {
    border-top: 2px solid #000000 !important;
}

/* Error 404 Page */
.Rocco .ErrorSymbol {
    background: url(/Images/Rocco/Icon_Warning_Black.png) center center no-repeat !important;
    background-size: 100% !important;
}


/* Question Information */
.Rocco .QInfoHeader .PinIcon {
    background: url(/Images/Rocco/piniconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.Rocco .QInfoHeader .ExpandIcon {
    background: url(/Images/Rocco/expandiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

.S-ryhma .QInfoHeader .CollapseIcon {
    background: url(/Images/Rocco/collapseiconblack.png) center center no-repeat !important;
    background-size: 100% !important;
}

/* Tests */
.Rocco .TestTimer .TestTimerContainer {
    font-family: 'Aldus-Roman', sans-serif;
}

    .Rocco .TestTimer .TestTimerContainer .TimeHdr {
        font-size: 1.6em;
        font-weight: 700;
    }

    .Rocco .TestTimer .TestTimerContainer .Timer {
        font-size: 3.5em;
        font-weight: 700;
    }

/* Test Tables */
.Rocco .NumericalTest td {
    background-color: #FFFF99;
}

.Rocco .JSTTable td {
    background-color: #FFFF99;
}

.Rocco .NumericalTestTableV2 td {
    background-color: #FFFF99;
}

.Rocco .NumericalTestTableV2Green td {
    background-color: #FFFF99;
}

/* Tour pages */
.Rocco table.Type1 td {
    background-color: #FFFF99;
}



/* Media Queries */

@media only screen and (max-width:480px) {
    .Rocco .StdBlueLrgBtn {
        max-width: none !important;
    }

        .Rocco .StdBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Rocco .StdLightBlueLrgBtn {
        max-width: none !important;
    }

        .Rocco .StdLightBlueLrgBtn.TextWidth {
            width: 100% !important;
        }

    .Rocco .StdWhiteLrgBtn {
        max-width: none !important;
    }

        .Rocco .StdWhiteLrgBtn.TextWidth {
            width: 100% !important;
        }
}

/* Structure */
@media only screen and (max-width:768px) {
  .Rocco .SiteContainer .SiteHeader .Logo {
      background-position: center !important;
  }

  .Rocco .LandingPageBanners .BannerTable .TakeTestImg1 {
    height:100px !important; 
    width:160px !important;
  }

  .Rocco .LandingPageBanners .BannerTable .TakeTestImg2 {
    height:100px !important; 
    width:160px !important;
  }

  .Rocco .LandingPageBanners .BannerTable .TakeTestImg3 {
    height:100px !important; 
    width:160px !important;
  }
}

/* Landing Page */
@media only screen and (max-width:768px) {
    .Rocco .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {
        height: 180px !important;
        width: 166.5px !important;
        margin: 30px auto 0px auto !important;
    }
}

@media only screen and (max-width:600px) {
    .Rocco .Positioning .CloseForm {
        width: 20px !important;
        top: 15px !important;
        right: 23px !important;
        background-size: 20px 20px !important;
    }
}

@media only screen and (max-width:480px) {
    .Rocco .LandingPage .LandingIntro {
        margin: 0px 20px 175px 20px !important;
    }

    .Rocco .LandingPage .StdBlueLrgBtn {
        max-width: 220px !important;
    }
}


/* Tests */
@media only screen and (max-width:768px) {
    .Rocco .TestTimer .TestTimerContainer .Timer {
        font-size: 2em !important;
    }
}