/* businessSmartFromTest.css */ /*------------------------------------------*/ /* style overwrites */ html, body { background: #fff; } /* L0 styles */ .l0Bg { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/l0Bg-1700x35.jpg') top left no-repeat #0abee1; } /* login box overwrites */ .fullWidthL0 .loginBox { background-color: #39b68e; } .fullWidthL0 .loginTabOn .loginTab { background-color: #39b68e; } /* Footer overwrites to SEO footer */ /*-----------------------------------*/ .xf { width: 984px; } .xf .xf_top, .xf .xf_base { display: none; } .xf .xf_c { background: none; padding: 25px 0px 0px 90px; } .xf .xf_c div { } .xf .xf_c .c1 { margin-left: 0px; width: 129px; } .xf .xf_c .c2 { margin-left: 34px; width: 145px; } .xf .xf_c .c3 { margin-left: 37px; width: 120px; } .xf .xf_c .c4 { margin-left: 10px; width: 145px; } .xf .xf_c .c5 { margin-left: 44px; width: 145px; } .xf .xf_c .bucketIcon { display: none; } .xf .xf_c .sectionHeader { color: #999; } .xf .xf_c a { color: #306b9b; } /* remove the newCareGivers section until further notice */ #providerProfile { display: none; } /* layout and common styles */ .businessSmartFormVhp { margin: 0px auto; position: relative; } .businessSmartFormVhp a { text-decoration: none; } .businessSmartFormVhp .marketplacePdf { cursor: pointer; } .businessSmartFormVhp a:hover { text-decoration: underline; } .businessSmartFormVhp .contentWidth { width: 1050px; } .businessSmartFormVhp .vhpBg { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/vhpBg-1409x704.jpg') no-repeat top right #fff; border-bottom: 9px solid #ccc; margin-bottom: 40px; } .businessSmartFormVhp .vhpContainer { margin: 0px auto; padding: 20px 0px 0px; position: relative; } .businessSmartFormVhp .vhpContainer .header h1 { height: 0px; margin: 0px; padding: 0px; text-indent: -9999px; } .businessSmartFormVhp .vhpContainer .careLogoForBusiness { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/careForBusinessLogo-467x88.png') 0px 0px no-repeat; height: 88px; width: 467px;float:left; } .businessSmartFormVhp .vhpContainer .preloader { background: url('/img/cms/web/landingPage/vhpMultiVerticalSeries/preloader-128x128.gif') no-repeat 0px 0px; height: 128px; left: 411px; margin: 0px auto; position: absolute; top: 240px; width: 128px; z-index: 20; } .businessSmartFormVhp .verticalTabs { visibility: hidden; position: relative; margin:25px 0px 50px;} .businessSmartFormVhp .vhpContainer .businessContact { color: #666; float: left; font: bold 18px arial; padding: 23px 0 0 20px; } /* form styles */ .businessSmartFormVhp .businessForms .smbSmartFormWrapper { display: block; background: #eee; border-radius: 17px 17px 17px 17px / 22px 22px 22px 22px; -moz-border-radius: 17px 17px 17px 17px / 22px 22px 22px 22px; -webkit-border-radius: 17px 17px 17px 17px / 22px 22px 22px 22px; min-height: 490px; padding: 20px 30px; position: absolute; right: 0px; top: -40px; width: 280px; z-index: 18; } .businessSmartFormVhp .businessForms .smbSmartFormContainer {} .businessSmartFormVhp .businessForms .smbSmartFormHdr {display: none;} .businessSmartFormVhp .businessForms .smbSmartFormHdr .smbCta { font: bold 26px arial; margin: 5px 0px 13px; } .businessSmartFormVhp .businessForms .scrSmartFormWrapper { display: none; background: #eee; border-radius: 17px 17px 17px 17px / 22px 22px 22px 22px; -moz-border-radius: 17px 17px 17px 17px / 22px 22px 22px 22px; -webkit-border-radius: 17px 17px 17px 17px / 22px 22px 22px 22px; min-height: 490px; padding: 20px 30px; position: absolute; right: 0px; top: -40px; width: 280px; z-index: 19; } .businessSmartFormVhp .businessForms .scrFormWrapperModify { padding: 35px 10px !important; width: 320px !important; } .businessSmartFormVhp .businessForms .scrSmartFormContainer {} .businessSmartFormVhp .businessForms .scrSmartFormHdr { text-align: center;display: none; } .businessSmartFormVhp .businessForms .scrSmartFormHdr .scrCta { font: bold 16px arial; margin: 6px 0px 15px; } .businessSmartFormVhp .businessForms .scrSmartFormHdr .scrCta .scrNum { font: bold 28px arial; } .businessSmartFormVhp .businessForms .scrSmartFormHdr .orImg { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/orTreatment-306x23.png') no-repeat 0px 0px; height: 23px; margin: 5px 0px 15px; width: 280px; } .businessSmartFormVhp .businessForms .workplaceSmartFormHdr { text-align: center; } .businessSmartFormVhp .businessForms .workplaceSmartFormHdr .workplaceCta { font: bold 16px arial; margin: 6px 0px 15px; } .businessSmartFormVhp .businessForms .workplaceSmartFormHdr .workplaceCta .workplaceNum { font: bold 28px arial; } .businessSmartFormVhp .businessForms .workplaceSmartFormHdr .orImg { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/orTreatment-306x23.png') no-repeat 0px 0px; height: 23px; margin: 5px 0px 15px; width: 280px; } .businessSmartFormVhp .businessForms .smartForm .submit input { background: url('/img/headTerm/button-arrow-white-lrg.png?v=1') no-repeat 200px 15px #F15C22; } .businessSmartFormVhp .businessForms .smartForm .submit input:hover { background: url('/img/headTerm/button-arrow-white-lrg.png?v=1') no-repeat 200px 15px #F47D4E; } .businessSmartFormVhp .businessForms .confirmationWrapper { } .businessSmartFormVhp .businessForms .confirmationCt { text-align: left; } .businessSmartFormVhp .businessForms .confirmationCt .confirmationSep { background: url("/img/cms/web/landingPage/businessMultiVerticalSeries/seperator.png") no-repeat scroll left top #0ABEE1; width: 313px; height: 6px; } .businessSmartFormVhp .businessForms .confirmationCt .confirmationHeader { font:36px/45px Marydale Bold; color: #999; padding: 10px 20px; } .businessSmartFormVhp .businessForms .confirmationCt .confirmationMsg { font: 16px arial; padding: 0 20px;} .businessSmartFormVhp .businessForms .confirmationCt .confirmationMsg .msgOne { padding: 30px 0 15px 0; } .businessSmartFormVhp .businessForms .confirmationCt .confirmationMsg .msgTwo { } .businessSmartFormVhp .businessForms .confirmationCt .confirmationMsg .msgTwo .num { font: bold 18px arial; } /* navigation */ .businessSmartFormVhp .tabVerticals { float: left; text-indent: -9999px; width: 216px; } .businessSmartFormVhp .tabVerticals .tabNode { border: 1px solid #e9e9e9; height: 63px; padding: 12px 0px 0px 25px; position: relative; width: 190px; z-index: 17; } .businessSmartFormVhp .tabVerticals .tabNode .tabLabel { height: 50px; width: 156px; } .businessSmartFormVhp .tabVerticals .tabNode .navArrow { border: none; height: 75px; position: absolute; right: -22px; top: 0px; width: 22px; } .businessSmartFormVhp .tabVerticals .tabNode-on .navArrow { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/navPointer-22x73.png') no-repeat 0px 0px; } .businessSmartFormVhp .tabVerticals .tabNode-off .navArrow { display: none !important; } .businessSmartFormVhp .tabVerticals .first { border-top-left-radius: 17px 22px; -moz-border-radius-topleft: 17px 22px; -webkit-border-top-left-radius: 17px 22px; } .businessSmartFormVhp .tabVerticals .last { border-bottom: none; border-bottom-left-radius: 17px 22px; -moz-border-radius-bottomleft: 17px 22px; -webkit-border-bottom-left-radius: 17px 22px; } /* vertical specific tab styles */ /*---------------------------------------*/ .businessSmartFormVhp .tabVerticals .tab1{ height: 60px; padding: 15px 0px 0px 25px; width: 190px; } .businessSmartFormVhp .tabVerticals .tab1.tabNode-on { background-color: #39b68e; cursor: default; } .businessSmartFormVhp .tabVerticals .tab1.tabNode-on .tabLabel { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/vhp-Delta-BIZ_sprite-white.png') no-repeat 0 2px; } .businessSmartFormVhp .tabVerticals .tab1.tabNode-off { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/navArrow-20x27.png') no-repeat 190px 25px #cccccc; } .businessSmartFormVhp .tabVerticals .tab1.tabNode-off:hover { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/navArrowHover-20x27.png') no-repeat 190px 25px #e6e6e6; } .businessSmartFormVhp .tabVerticals .tab1.tabNode-off .tabLabel { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/vhp-Delta-BIZ_sprite.png') no-repeat 0 2px; } .businessSmartFormVhp .tabVerticals .tab2.tabNode-on { background-color: #39b68e; cursor: default; } .businessSmartFormVhp .tabVerticals .tab2.tabNode-on .tabLabel { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/vhp-Delta-BIZ_sprite-white.png') no-repeat 0 -75px; } .businessSmartFormVhp .tabVerticals .tab2.tabNode-off { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/navArrow-20x27.png') no-repeat 190px 25px #cccccc; } .businessSmartFormVhp .tabVerticals .tab2.tabNode-off:hover { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/navArrowHover-20x27.png') no-repeat 190px 25px #e6e6e6; } .businessSmartFormVhp .tabVerticals .tab2.tabNode-off .tabLabel { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/vhp-Delta-BIZ_sprite.png') no-repeat 0 -75px; } .businessSmartFormVhp .tabVerticals .tab3.tabNode-on { background-color: #39b68e; cursor: default; } .businessSmartFormVhp .tabVerticals .tab3.tabNode-on .tabLabel { width:156px; background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/vhp-Delta-BIZ_sprite-white.png') no-repeat 0px -150px; } .businessSmartFormVhp .tabVerticals .tab3.tabNode-off { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/navArrow-20x27.png') no-repeat 190px 25px #cccccc; } .businessSmartFormVhp .tabVerticals .tab3.tabNode-off:hover { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/navArrowHover-20x27.png') no-repeat 190px 25px #e6e6e6; } .businessSmartFormVhp .tabVerticals .tab3.tabNode-off .tabLabel { width:156px; background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/vhp-Delta-BIZ_sprite.png') no-repeat 0px -150px; } /* contentNodes */ .businessSmartFormVhp .verticalContent { background-color: #fff; border-radius: 0px 17px 17px 17px / 0px 22px 22px 22px; -moz-border-radius: 0px 17px 17px 17px / 0px 22px 22px 22px; -webkit-border-radius: 0px 17px 17px 17px / 0px 22px 22px 22px; float: left; width: 780px; border:solid white; border-width: 4px; min-height: 490px; } .businessSmartFormVhp .videoContent { display: none; } .businessSmartFormVhp .verticalOne { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/housekeeper-green-shirt.jpg') no-repeat 0px 0px; } .businessSmartFormVhp .verticalTwo { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/recruit-hair-up-woman.jpg') no-repeat 0px 0px; } .businessSmartFormVhp .verticalThree { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/employee-blue-shirt.jpg') no-repeat 0px 0px; } .businessSmartFormVhp .contentNode { display: none; height: 447px; position: relative; padding: 18px 0 25px 35px;} .businessSmartFormVhp .contentNode .verticalName { height: 0px; margin: 0px; padding: 0px; text-indent: -9999px; } .businessSmartFormVhp .contentNode .headline { color: #39b68e; font: normal 35px/47px Marydale Bold; margin: 0px; width: 440px; } .businessSmartFormVhp .contentNode .featureList { color: #666; font: normal 18px arial; margin: 23px 0px 0px; } .businessSmartFormVhp .contentNode .featureList li { margin: 0px 0px 10px 15px; } .businessSmartFormVhp .contentNode .videoPromo { background: #fff; box-shadow: 2px 2px 2px 0px #ccc; -webkit-box-shadow: 2px 2px 2px 0px #ccc; bottom: 160px; border-radius: 10px; opacity: 0.8; padding: 10px 15px; height: 60px; left: 20px; position: absolute; width: 255px; } .businessSmartFormVhp .contentNode .videoPromo .playBtn { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/videoBtn-48x48.png') no-repeat 0px 0px; cursor: pointer; float: left; height: 48px; margin-top: 3px; width: 48px; } .businessSmartFormVhp .contentNode .videoPromo .promoCta { padding-left: 60px; } .businessSmartFormVhp .contentNode .videoPromo .promoCta a { color: #00bce4; } .businessSmartFormVhp .contentNode .videoPromo .promoCta .hdr { font: bold 18px arial; } .businessSmartFormVhp .contentNode .videoPromo .promoCta p { color: #666; font: normal 14px arial; margin: 0px; } .businessSmartFormVhp .contentNode .videoPromo .promoCta p a { font: normal 14px arial; } .businessSmartFormVhp .contentNode .videoPromo .promoLink { color: #00bce4; } .businessSmartFormVhp .contentNode .brochurePromo { background: #fff; box-shadow: 2px 2px 2px 0px #ccc; -webkit-box-shadow: 2px 2px 2px 0px #ccc; bottom: 160px; border-radius: 10px; opacity: 0.8; padding: 10px 15px; height: 60px; left: 25px; position: absolute; width: 270px; } .businessSmartFormVhp .contentNode .brochurePromo .pdfIcon{ background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/pdf-icon.png') no-repeat 0px 5px; border: none; float: left; height: 35px; width: 25px; } .businessSmartFormVhp .contentNode .brochurePromo .promoCta { } .businessSmartFormVhp .contentNode .brochurePromo .brochureSubHeading { color: #666;font: bold 16px arial;padding: 10px 0 0 35px; } .businessSmartFormVhp .contentNode .brochurePromo .promoCta a { color: #00bce4; font: bold 18px arial; } .businessSmartFormVhp .contentNode .workPlacePromo { background: #fff; bottom: 160px; border-radius: 10px; box-shadow: 2px 2px 2px 0px #ccc; -webkit-box-shadow: 2px 2px 2px 0px #ccc; opacity: 0.8; padding: 10px 15px; height: 50px; left: 25px; position: absolute; width: 275px; } .businessSmartFormVhp .contentNode .workPlacePromo .workPlacePromoCta { } .businessSmartFormVhp .contentNode .workPlacePromo .workPlaceSubHeading { color: #666;font: 18px arial;padding-top: 5px; } .businessSmartFormVhp .contentNode .workPlacePromo .workPlacePromoCta a { color: #00bce4; font: bold 18px arial; } .businessSmartFormVhp .contentNode .contentFooter { color: #fff; background: #39b68e; border-radius: 0px 0px 17px 17px / 0px 0px 22px 22px; -moz-border-radius: 0px 0px 17px 17px / 0px 0px 22px 22px; -webkit-border-radius: 0px 0px 17px 17px / 0px 0px 22px 22px; border-top: 2px solid #fdef42; bottom: 0px; height: 40px; left: 0px; padding: 15px 0px 0px 9px; position: absolute; width: 710px; } .businessSmartFormVhp .contentNode .contentFooter .optionsList { margin: 0px; } .businessSmartFormVhp .contentNode .contentFooter .optionsList li.first { background: none; padding: 0px; } .businessSmartFormVhp .contentNode .contentFooter .optionsList li { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/bullet-7x5.png') no-repeat 0px 11px; float: left; font: normal 20px Marydale Bold; list-style: none; margin-right: 5px; padding-left: 22px; } /* vertical specific contentNode styles */ .businessSmartFormVhp .verticalTwo .featureList { margin: 17px 0px 0px; } .businessSmartFormVhp .verticalThree .headline { font: normal 33px/45px Marydale Bold; color: #00cccc; } .businessSmartFormVhp .verticalOne .headline { color: #00cccc; } .businessSmartFormVhp .verticalThree .contentFooter { padding: 15px 0px 0px 7px; width: 600px; } .businessSmartFormVhp .verticalOne .contentFooter .optionsList li, .businessSmartFormVhp .verticalTwo .contentFooter .optionsList li { font: normal 14px Marydale Bold; margin-right: 0px;padding-left: 16px; } .businessSmartFormVhp .verticalThree .contentFooter .optionsList li{ padding-left: 10px; font-size: 16px; margin-right: 0;} .businessSmartFormVhp .contentNode .recruitBrochurePromo { bottom: 130px; } .smartForm .membershipHeader { margin-bottom: 5px !important; } .smartForm .memberShipType .required { margin-right: 5px !important; } .businessSmartFormVhp .termsLink { text-decoration: underline; } /* additional content section */ .businessSmartFormVhp .additionalContent { border-bottom: 1px solid #d6d6d5; margin: 20px auto 10px; padding: 0px 0px 45px; } .businessSmartFormVhp .additionalContent .promoSection { margin: 20px 0px 25px; } .businessSmartFormVhp .additionalContent .promoSection .promo { float: left; margin: 0px 40px 0px 0px; width: 315px; } .businessSmartFormVhp .additionalContent .promoSection .promo .headline { border-bottom: 1px solid #cccccc; color: #009999; font: normal 24px arial; margin: 0px 0px; padding: 0px 0px 8px; } .businessSmartFormVhp .additionalContent .promoSection .promo .headline a, .businessSmartFormVhp .additionalContent .promoSection .promo .headline a:hover { color: #009999; text-decoration: none; } .businessSmartFormVhp .additionalContent .promoSection .promo p a { background: url('/img/cms/web/landingPage/vhpMultiVerticalSeries/blueRtArrowSprite-16x55.png') no-repeat scroll right -32px transparent; color: #0066CC; font: normal 12px/20px arial; display: inline-block; height: 26px; padding-right: 22px; text-decoration: none; } .businessSmartFormVhp .additionalContent .promoSection .promo p a:hover { background: url('/img/cms/web/landingPage/vhpMultiVerticalSeries/blueRtArrowSprite-16x55.png') no-repeat right 2px; text-decoration: underline; } .businessSmartFormVhp .additionalContent .promoSection .promo .bulletItems { color: #666; font: normal 12px arial; margin: 17px 0px 10px; padding: 0px; } .businessSmartFormVhp .additionalContent .promoSection .promo .bulletItems li { margin: 0px 0px 8px 15px; padding: 0px; } .businessSmartFormVhp .additionalContent .promoSection .contactNum { background: url('/img/cms/web/landingPage/businessMultiVerticalSeries/contactPromoBg-300x150.jpg') no-repeat 0px 0px; float: right; height: 150px; margin: 0px; width: 300px; } .businessSmartFormVhp .additionalContent .promoSection .contactNum .cta { color: #009999; font: normal 21px arial; margin: 20px 0px 15px 20px; width: 180px; } .businessSmartFormVhp .additionalContent .promoSection .contactNum .contactPhone { color: #666; font: bold 28px arial; margin: 0px 0px 0px 20px; } .businessSmartFormVhp .additionalContent .asFeaturedByct { margin: 0 64px 0 190px; float: left; } .businessSmartFormVhp .additionalContent .asFeaturedBylogo { height: 140px;width: 443px; } .businessSmartFormVhp .additionalContent .asFeaturedByct .asFeaturedByHeader { color: #009999; width: 160px; font: 24px arial; border-bottom: 1px solid #ccc; margin: 0 0 10px 15px; padding: 0 0 8px; } .businessSmartFormVhp .additionalContent .promoSection .govtAndMilt { margin-right:35px; margin-left: 190px; } .businessSmartFormVhp .additionalContent .promoSection .recruitment { margin:0; width:345px;} /* video cloud styles */ .videoCloud .careDialog .top .close { background: url('/img/cloud-close.png') no-repeat 0px 0px; height: 28px; overflow: hidden; padding: 0px; right: 10px; text-indent: 100px; top: 15px; width: 28px; } .videoCloud .careDialog { padding: 20px;} .videoCloud .careDialog .top {background-image:none} .videoCloud .careDialog .base {background-image:none} .videoCloud .careDialog .c {background-color:#fff; border:7px solid #efefef; border:7px solid rgba(204, 204, 204, 0.3); -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background-clip:padding-box; height: 450px; padding: 30px; width: 700px;} .videoCloud .careDialog h2 {color: #00BCE4; font: bold 24px arial; text-align: center;} .videoCloud .careDialog .c .videoPlayer { margin: 0px auto; width: 600px; } .businessSmartFormVhp .verticalThree .videoPromo {bottom:185px;left:35px;}