/* Iceland skin on the top of General.css*/ body {color:#333333; background-color:initial; font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;} /* Common Basic */ h1 {color:#333333; font-family:'Open Sans', Arial, sans-serif; font-weight:400; font-size:3.5em;} h2 {color:#333333; font-family:'Open Sans', Arial, sans-serif; font-weight:400;} h2.BlueHeading {color:#0f2067; border-top:1px solid #e5e5e5;} h3 {color:#333333; font-weight:400;} a {color:#0f2067;} p {color:#333333;} p b, p strong {font-weight:600;} ul li {margin:2px 0px 10px 0px; list-style-image:url(/images/Centrica/bulletpoint.png);} label {color:#333333;} .DarkBlueText {color:#0f2067;} /* Buttons */ .StdBlueLrgBtn {max-width:180px; font-weight:400; background-color:#0f2067; border-radius:44px; color:#ffffff; border:none; border:1px solid #0f2067; box-shadow:none; text-shadow:none; font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;} .StdBlueLrgBtn:hover, .StdBlueLrgBtn:focus {background-color:#0f2067; border:none; border:1px solid #0f2067; color:#ffffff;} .StdLightBlueLrgBtn {max-width:180px; font-weight:400; background-color:#0f2067; border-radius:44px; color:#ffffff; border:none; border:1px solid #0f2067; box-shadow:none; text-shadow:none; font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;} .StdLightBlueLrgBtn:hover, .StdLightBlueLrgBtn:focus {background-color:#0f2067; border:none; border:1px solid #0f2067; color:#ffffff;} .StdWhiteLrgBtn {max-width:180px; font-weight:400; background-color:#ffffff; border-radius:44px; color:#333333; border:none; border:1px solid #e5e5e5; box-shadow:none; text-shadow:none; font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;} .StdWhiteLrgBtn:hover, .StdWhiteLrgBtn:focus {background-color:#ffffff; border:none; border:1px solid #e5e5e5; color:#333333;} .InfoIconSm {background:url(/Images/Centrica/Icon_Info.png) center center no-repeat; background-size:100%;} .InfoIconLrg {background:url(/Images/Centrica/Icon_Info.png) center center no-repeat; background-size:100%;} .TimerIconSm {background:url(/Images/Centrica/Icon_Time.png) center center no-repeat; background-size:100%; margin-right:10px;} .TimerIconLrg {background:url(/Images/Centrica/Icon_Time.png) center center no-repeat; background-size:100%;} /* Structure */ .SiteContainer .SiteHeader .Logo {background:url(/Images/Centrica/Logo.png) center no-repeat; background-size:contain; width:130px;} .SiteContainer .SiteHeader .SecondLogoLg {display:none;} .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {width:105px; height:55px; margin-top:2px; background:url(/Images/Clevry/clevry-logo-small.png?c=4) center center no-repeat; background-size:contain;} .MobileSlidePanel .SecondLogoSm {display:none;} /* Pop-up Boxes */ .Positioning .CloseForm {background-image:url(/Images/Centrica/Icon_Cross.png); background-size:28px 28px;} .PopupContent h2 {color:#0f2067; font-family:'Open Sans', Arial, sans-serif; font-weight:400;} /* Landing Page */ .LandingPage .LandingIntro .IntroSignIn a {color:#0f2067; font-weight:700;} .BtmBannerImg {background:url(/Images/Centrica/Img_Home_01.png) center no-repeat; background-size:contain;} .LandingPageBanners .BannerTable h2 {color:#333333;} .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {background:url(/Images/Centrica/Img_Home_Panel_02.png) center center no-repeat; background-size:cover; max-width:initial; width:100%; height:200px;} .LandingPageBanners .BannerTable.FirstRow {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .LandingPageBanners .BannerTable .TakeTestImg1 {width:100%; height:160px; background:url(/Images/Centrica/Img_Home_Panel_03_01.png) center no-repeat; background-size:cover;} .LandingPageBanners .BannerTable .TakeTestImg2 {width:100%; height:160px; background:url(/Images/Centrica/Img_Home_Panel_03_02.png) center no-repeat; background-size:cover;} .LandingPageBanners .BannerTable .TakeTestImg3 {width:100%; height:160px; background:url(/Images/Centrica/Img_Home_Panel_03_03.png) center no-repeat; background-size:cover;} .LandingPageBanners .BannerTable .TestListLg .TestBlock {border-radius:0px; box-shadow:none; text-shadow:none; text-align:left; text-decoration:none;} .LandingPageBanners .BannerTable .TestListLg .TestBlock.One .TestBlockContainer {padding:0px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock.Two .TestBlockContainer {padding:0px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock.Three .TestBlockContainer {padding:0px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {margin:0px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock p {padding:20px; margin:0px;} .LandingPageBanners .BannerTable .TestListSm .TestSlideContainer {margin:0px;} /* Register / Log In / Update Details / Start Activity */ .FormText .Intro {font-family:'Open Sans', Arial, sans-serif; font-weight:400; color:#333333;} .FormText .Title {font-family:'Open Sans', Arial, sans-serif; font-weight:400; color:#333333;} /* Respondent Instructions */ .TestInfoSmContainer .swiper-button-prev {background-image:url(/Images/Centrica/leftswiperbtn.png); left:0px;} .TestInfoSmContainer .swiper-button-next {background-image:url(/Images/Centrica/rightswiperbtn.png); right:0px;} /* Assesment Questions */ .QuestionGroup .GroupQuestion .QuestionNumber .Number span {background-color:#ffffff;} /* Forms */ .FormField .EditBoxW1 {font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;} .FormField .DropDownW1 {font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;} .FormField .TextAreaW6 {font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;} .FormField .sbHolder {font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;} /* Error 404 Page */ .ErrorSymbol {background:url(/Images/Centrica/Icon_Warning.png) center center no-repeat; background-size:100%;} /* Dashboard */ .DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessName a {color:#333333;} .DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessName a:hover {color:#333333;} .DashAssessListLg .AssessIntroItem .AssessPanelCenter .Labels .Label1 {color:#333333;} .DashAssessListLg .AssessIntroItem .AssessPanelCenter .Labels .Label2 {color:#333333;} .Guide .Title {font-weight:700;} .Guide .List .Item .Desc strong {font-weight:600;} /* Question Information */ .QuestionInfoMob {background-color:#0f2067;} .QInfoHeader .InfoName h1 {font-size:2.5em; color:#333333; font-weight:400 !important;} .QInfoHeader .InfoName h2 {font-size:2.5em; color:#333333; font-weight:400 !important;} .QInfoHeader .PinIcon {background:url(/Images/Centrica/pinicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .ExpandIcon {background:url(/Images/Centrica/expandicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .CollapseIcon {background:url(/Images/Centrica/collapseicon.png) center center no-repeat; background-size:100%;} .AssessQuestionTracker .MotivationalTextLg .TextMiddle {color:#0f2067;} .AssessQuestionTracker .TestPercentage .Labels {font-family:'Open Sans', Arial, sans-serif;} .AssessQuestionTracker .TestPercentage .Labels .Label1 {color:#333333; font-weight:400;} .MotivationalTextSm .TextMiddle {color:#0f2067;} /* Admin */ .JQHiddenField input {background-color:#ffffff; border:1px solid #e5e5e5; font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; color:#333333;} /* Tour pages */ table.Type1 th {color:#000000;} table.Type1 td {color:#000000;} /* Cookie Policy */ .CookiePolicyBanner p a {color:#ffffff; text-decoration:underline;} /* Media Queries */ /* Buttons */ @media only screen and (max-width:480px) { .StdBlueLrgBtn {max-width:none !important;} .StdBlueLrgBtn.TextWidth {width:100% !important;} .StdLightBlueLrgBtn {max-width:none !important;} .StdLightBlueLrgBtn.TextWidth {width:100% !important;} .StdWhiteLrgBtn {max-width:none !important;} .StdWhiteLrgBtn.TextWidth {width:100% !important;} .LandingPage .StdBlueLrgBtn {max-width:220px !important;} } /* Landing Page */ @media only screen and (max-width:600px) { .Positioning .CloseForm {width:20px; top:15px; right:23px; background-size:20px 20px;} } /* Admin */ @media only screen and (max-width:768px) { .JQHiddenField input {font-size:1.4em;} }