/******************* Lesson.aspx ***********************************/ .progressComplete { color: Green; } .progressInProgress { color: Gray; } .progressStuck { color: Red; } /******************* End of Lesson.aspx ****************************/ /* DEFAULTS ----------------------------------------------------------*/ @font-face { font-family: 'titles-font'; src: url('narkisshulamit-regular-webfont.eot'); src: url('narkisshulamit-regular-webfont.eot?#iefix') format('embedded-opentype'), url('narkisshulamit-regular-webfont.ttf') format('truetype'), url('narkisshulamit-regular-webfont.svg#NarkisShulamitMFMedium') format('svg'); font-weight: normal; font-style: normal; } body { direction: rtl; background: #ffffff; font-size: .80em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #696969; overflow-x: hidden; } p { margin-bottom: 10px; line-height: 1.6em; } /* HEADINGS ----------------------------------------------------------*/ h1 { font-family: titles-font; font-size: 36px; color: #141414; font-weight: normal; margin: 0; } h1 a { color: #169FC9; text-decoration: none; } h1 a:hover { color: #41879b; text-decoration: underline; } h2 { font-weight: bold; font-family: Arial; font-size: 15px; color: #333333; margin-bottom: 5px; } hr { margin: 0; color: #3d3d3d; } /*h1, h2, h3, h4, h5, h6{font-size: 1.5em;color: #666666;font-variant: small-caps;text-transform: none;font-weight: 200;margin-bottom: 0px;} h1{font-size: 1.6em;padding-bottom: 0px;margin-bottom: 0px;} h2{font-size: 1.5em;font-weight: 600;} h3{font-size: 1.2em;} h4{font-size: 1.1em;} h5, h6{font-size: 1em;} /* this rule styles

and

tags that are the first child of the left and right table columns */ /*.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2{ margin-top: 0px;}*/ .hidden { display: none; } .coachesPermissionsLst option:checked { color: white; } /*Home_Page*/ .footerBottomInner a { text-decoration: none; color: #696969; } /*.siteByFooterLink:hover{}*/ .askUs { background-image: url('../images/CutButtons_He.png'); background-position: -406px -20px; position: absolute; right: 0px; top: 150px; width: 40px; height: 166px; } .askUs:hover { background-image: url('../images/CutButtons_He.png'); background-position: -465px -20px; position: absolute; right: 0px; top: 150px; width: 40px; height: 166px; cursor: pointer; } .feedback { background-image: url('../images/CutButtons_He.png'); background-position: -406px -191px; position: absolute; right: 0px; top: 320px; width: 41px; height: 114px; } .feedback:hover { background-image: url('../images/CutButtons_He.png'); background-position: -465px -191px; position: absolute; right: 0px; top: 320px; width: 41px; height: 114px; cursor: pointer; } /*Top Header*/ .topContainer { width: 980px; height: 130px; position: relative; margin: auto; } .topLogo { border: none; position: absolute; right: 7px; top: 8px; z-index: 0; } .topLogo img { text-decoration: none; border: none; } .topNavBar { position: absolute; left: 0px; top: 0px; z-index: 1; } .headerNav { height: 33px; background-color: #f2f2f2; float: left; padding: 0px 12px; direction: ltr; } .headerNav td { text-decoration: none; padding: 0px; white-space: nowrap; } .headerNav td:hover .headerNavButtonLeft, .saveChangesDiv:hover .headerNavButtonLeft { background-image: url('../images/CutButtons_He.png'); background-position: -31px -44px; height: 16px; width: 3px; float: left; cursor: pointer; } .headerNav td:hover .headerNavButtonMiddle, .saveChangesDiv:hover .headerNavButtonMiddle { background-image: url('../images/CutButtons_He.png'); background-position: -36px -44px; height: 16px; padding: 0px 4px 0px 4px; float: left; color: #ffffff; font-weight: bold; line-height: 13px; cursor: pointer; } .headerNav td:hover .headerNavButtonRight, .saveChangesDiv:hover .headerNavButtonRight { background-image: url('../images/CutButtons_He.png'); background-position: -365px -44px; height: 16px; width: 3px; float: left; cursor: pointer; } .headerNav a:hover { color: Black; } .headerNavRight { height: 25px; background-color: #f2f2f2; float: left; padding: 8px 12px 0px 0px; } .headerNavFaceBook { height: 25px; background-color: #f2f2f2; float: left; padding: 6px 10px 2px 0px; } .headerNavFaceBook img { border: none; } .headerNavLink { font-size: small; text-decoration: none; color: #696969; padding-left: 9px; margin-right: 9px; border-left: 1px solid #c4c4c4; } .headerNavLinkLeft { font-size: small; text-decoration: none; color: #696969; padding-left: 9px; margin-right: 9px; } .headerHelpBtn { text-decoration: none; position: absolute; left: 105px; top: 8px; } .headerNavButtonLeft { background-image: url('../images/CutButtons_He.png'); background-position: -31px -20px; height: 16px; width: 3px; float: left; } .headerNavButtonMiddle { background-image: url('../images/CutButtons_He.png'); background-position: -36px -20px; height: 16px; padding: 0px 4px 0px 4px; float: left; color: #ffffff; font-weight: bold; line-height: 13px; } .headerNavButtonRight { background-image: url('../images/CutButtons_He.png'); background-position: -365px -20px; height: 16px; width: 3px; float: left; } .headerNavButtonLeftHover { background-image: url('../images/CutButtons_He.png'); background-position: -31px -44px; height: 16px; width: 3px; float: left; cursor: pointer; } .headerNavButtonMiddleHover { background-image: url('../images/CutButtons_He.png'); background-position: -36px -44px; height: 16px; padding: 0px 4px 0px 4px; float: left; color: #ffffff; font-weight: bold; line-height: 13px; cursor: pointer; } .headerNavButtonRightHover { background-image: url('../images/CutButtons_He.png'); background-position: -365px -44px; height: 16px; width: 3px; float: left; margin-right: 4px; cursor: pointer; } .mainNav { padding-top: 8px; height: 32px; position: absolute; bottom: 0px; left: 0px; } .mainNav a { font-size: medium; font-weight: bold; text-decoration: none; color: #404040; padding-left: 9px; } .mainNav a:hover { font-size: medium; font-weight: bold; text-decoration: none; color: black; padding-left: 9px; } .phoneUs { position: absolute; left: 0px; top: 60px; font-size: 18px; color: #404040; direction: ltr; font-family: arial; } .phoneUs img { margin: 0px 7px; } /*Main*/ /*Home Page Slides*/ #container { width: 980px; padding: 0px; margin: 0 auto; position: relative; z-index: 0; } #example { width: 978px; height: 363px; position: relative; border: 1px solid #c4c4c4; } #slides { z-index: 100; width: 976px; height: 361px; border: 1px solid #ffffff; } .slides_container { width: 976px; height: 361px; } .slides_container div.slide { width: 976px; height: 361px; display: block; } #slides .next, #slides .prev, #slides .nextDisabled, #slides .prevDisabled { position: absolute; top: 160px; width: 42px; height: 42px; display: block; z-index: 101; } #slides .next { background-image: url('../images/CutButtons_He.png'); background-position: -35px -76px; left: -20px; } #slides .prev { background-image: url('../images/CutButtons_He.png'); background-position: -85px -76px; right: -20px; } #slides .nextDisabled { background-image: url('../images/CutButtons_He.png'); background-position: -240px -76px; left: -20px; } #slides .prevDisabled { background-image: url('../images/CutButtons_He.png'); background-position: -290px -76px; right: -20px; } #slides .next:Hover { background-image: url('../images/CutButtons_He.png'); background-position: -138px -76px; left: -20px; cursor: pointer; } #slides .prev:Hover { background-image: url('../images/CutButtons_He.png'); background-position: -188px -76px; right: -20px; cursor: pointer; } .pagination { margin: 5px auto 0px auto; width: 984px; padding: 0; } .pagination li { float: right; margin-left: 4px; list-style: none; width: 242px; height: 31px; } .pagination li a { display: block; width: 242px; height: 31px; background-color: #595b5d; float: left; color: #ffffff; display: block; } .pagination li.current a { background-color: #75afc7; color: #ffffff; } .caption { z-index: 500; position: absolute; bottom: 8px; left: 20px; height: 348px; padding: 0px 20px 0 10px; width: 570px; font-size: 1.3em; line-height: 1.33; text-shadow: none; } .mainContainer { width: 980px; position: relative; margin: auto; font-family: Arial; padding: 0px 20px 0px 20px; text-align: right; } .mainContainerTop { width: 980px; height: 400px; display: block; position: relative; margin: auto; } .mainContainerBottom { width: 980px; display: block; margin: 0px 20px 0px 30px; } .banner { position: relative; width: 976px; height: 363px; background-image: url('../images/Banner01.gif'); background-repeat: no-repeat; margin-bottom: 5px; } .stepBanner { display: block; width: 500px; height: 318px; margin: 35px 45px 0px 25px; position: relative; } .banner a { color: #17a0c7; font-size: medium; text-decoration: none; } .bannerImg { margin: 1px 1px 1px 1px; } .bannerContainer { width: 460px; height: 325; margin-left: 23px; float: left; padding-top: 40px; position: relative; } .bannerHeader { font-family: titles-font; font-size: 36px; line-height: 33px; color: #22191e; } .bannerTxt { font-size: medium; color: #22231e; } .banner .homePageSliderLink a { font-size: smaller; } .selfTestBtn { position: absolute; bottom: 17px; left: 245px; } .selfTestButtonLeft { background-image: url('../images/CutButtons_He.png'); background-position: -16px -135px; width: 18px; height: 65px; float: right; margin-top: 20px; } .selfTestButtonMiddle { background-image: url('../images/CutButtons_He.png'); background-position: -37px -135px; height: 65px; padding: 0px 30px 0px 30px; color: #ffffff; line-height: 65px; float: right; margin-top: 20px; font-size: 23px; font-family: titles-font; } .selfTestButtonRight { background-image: url('../images/CutButtons_He.png'); background-position: -366px -135px; width: 18px; height: 65px; float: right; margin-top: 20px; } .selfTestButtonLeftHover { background-image: url('../images/CutButtons_He.png'); background-position: -16px -215px; width: 18px; height: 65px; float: right; margin-top: 20px; cursor: pointer; } .selfTestButtonMiddleHover { background-image: url('../images/CutButtons_He.png'); background-position: -37px -215px; height: 65px; padding: 0px 30px 0px 30px; color: #ffffff; line-height: 65px; float: right; margin-top: 20px; font-size: 23px; cursor: pointer; font-family: titles-font; } .selfTestButtonRightHover { background-image: url('../images/CutButtons_He.png'); background-position: -366px -215px; width: 18px; height: 65px; float: right; margin-top: 20px; cursor: pointer; } .clear { clear: both; } .free { background-image: url('../images/free_dark.png'); margin: 33px 10px 0px 0px; position: absolute; left: 180px; bottom: 40px; width: 53px; height: 26px; } .linkHeading, .linkComment { text-decoration: none; color: #17a0c7; font-weight: bold; } .linkComment { font-size: small; margin-left: 23px; } .HomePageslideList a { text-decoration: none; } .mainContainerTop ul { padding: 0; width: 984px; position: absolute; right: 0px; bottom: 0px; margin: 0; } .step { width: 241px; height: 31px; text-align: center; background-color: #595b5d; display: block; color: #ffffff; line-height: 31px; font-size: medium; font-weight: 500; float: right; margin-left: 5px; list-style: none; } .current { width: 242px; height: 31px; background-color: #75afc7; float: right; margin-left: 4px; color: #ffffff; font-size: medium; font-weight: 500; line-height: 31px; text-align: center; list-style: none; } .containerRight { width: 430px; margin: 50px 23px 20px 37px; float: right; } .containerRight a { text-decoration: none; color: #17a0c7; float: left; margin-left: 12px; font-size: medium; font-weight: bold; margin-top: 8px; } .startNowLink { margin: 10px 65px 0px 0px; } .startNowLink a { float: none; } .containerHeader { font-family: titles-font; font-size: xx-large; color: #141414; height: 32px; border-bottom: 1px solid #323232; position: relative; padding-bottom: 2px; } .containerHeader a { font-family: Arial; position: absolute; left: 0px; top: 2px; } .containerList { margin-top: 30px; } .listImg { float: right; margin-left: 30px; } .listFirst { border-bottom: 1px solid #d6d6d6; margin-top: 8px; padding-bottom: 15px; } .listSecond { border-bottom: 1px solid #d6d6d6; margin-top: 8px; padding-bottom: 15px; } .listThird { margin-top: 8px; } .listHeader { font-weight: bold; font-size: larger; } .listContent { font-size: small; display: block; margin-right: 67px; } .containerLeft { width: 430px; margin: 50px 37px 20px 23px; float: left; } .containerLeft a { text-decoration: none; color: #17a0c7; float: left; margin-left: 12px; font-size: medium; font-weight: bold; margin-top: 8px; } .leftContent { margin: 30px 0px 0px 0px; height: 110px; padding: 8px 0px 0px 0px; } .leftImg { float: right; padding: 2px 2px 2px 2px; border: 1px solid #d2d2d2; } .leftListImgContainer { height: 110px; float: right; width: 150px; } .leftListImgFrame { float: right; } .LeftlistContent { height: 110px; } .leftLongContent { margin: 30px 0px 0px 0px; padding: 8px 0px 0px 0px; } /*LoginForm*/ .LoginHeaderDiv { height: 82px; font-family: titles-font; font-size: 24px; color: #939393; background-color: #F6F6F6; margin-top: 2px; position: relative; line-height: 82px; text-align: center; } .loginWrraper { width: 976px; min-height: 345px; } .defaultLoginWrapper { width: 976px; padding: 1px; margin-bottom: 1px; border: 1px solid #C4C4C4; } .formBGImage { background: url('/images/LogInBG.gif') no-repeat #B1C15E; } .loginForm { width: 265px; margin-right: 90px; padding-top: 30px; float: right; position: relative; } .registerDiv { float: left; width: 200px; margin-left: 110px; margin-top: 210px; text-align: center; } .noRegisterYet { font-size: 18px; font-weight: bold; color: #414141; } .getFreeTest { font-size: 16px; font-weight: bold; color: #ffffff; } .getFreeTestDiv { margin-right: 10px; margin-top: 5px; } .getFreeTestText { float: right; margin-left: 5px; } .registerLoginBtn { margin-top: 0px; font-weight: bold; } .registerBtnWrapper { margin-top: 10px; } .registerBtnWrapper .subNavSelfTestButtonMiddle { padding: 0px 53px; } .freeRegisterIcon { bottom: 25px; left: 130px; } .loginCouponDiv { background-image: url('../images/Cupon_Frame.png'); width: 377px; height: 44px; margin: 20px auto; display: inline-block; line-height: 47px; } .couponWorthyLblWrapper { margin-right: 40px; color: #4d4d4d; } .registerBtnWrapper .subNavSelfTestButtonRight { margin: 0px; } .registerBtnWrapper .subNavSelfTestButtonLeft { margin: 0px; } .registerBtnWrapper .subNavSelfTestButtonMiddle { margin: 0px; } .registerBtnWrapper .subNavSelfTestButtonRightHover { margin: 0px; } .registerBtnWrapper .subNavSelfTestButtonLeftHover { margin: 0px; } .registerBtnWrapper .subNavSelfTestButtonMiddleHover { margin: 0px; } .ResetValidationIconPasswordHide, .ResetValidationIconPasswordHide.validationIconPasswordShow { left: -30px; top: 70px; background-image: url('../images/Alert_red.png'); background-repeat: no-repeat; width: 40px; height: 40px; visibility: hidden; position: absolute; } .ResetValidationIconPasswordHide.validationIconPasswordShow { visibility: visible; } .ResetValidationIconPasswordVerifyHide, .ResetValidationIconPasswordVerifyHide.validationIconPasswordShow { left: -30px; top: 130px; background-image: url('../images/Alert_red.png'); background-repeat: no-repeat; width: 40px; height: 40px; visibility: hidden; position: absolute; } .ResetValidationIconPasswordVerifyHide.validationIconPasswordShow { visibility: visible; } .ResetValidatorCssPassword { position: absolute; top: 106px; left: -110px; } .ResetValidatorCssPasswordVerify { position: absolute; top: 162px; left: -110px; } .forgetLink { color: #57B9D4; text-decoration: none; float: left; line-height: 30px;} .closePopup, .closePopupHover { position: absolute; background-image: url('../images/CutButtons_He.png'); background-position: -409px -370px; width: 38px; height: 38px; top: -20px; left: -20px; cursor: pointer; } .closePopupHover { background-position: -449px -370px; } .closeMsgWindow { text-decoration: none; color: #56BAD4; } .validatorCssName { position: absolute; top: 105px; left: -140px; } .validatorCssPassword { position: absolute; top: 162px; left: -110px; } .loginRegister { text-decoration: none; color: #55BAD8; } .noRegistration { margin-right: 50px; margin-top: 25px; color: #333333; font-size: medium; margin-bottom: 130px; } .notRegisteredText { float: right; } .validationIconHide, .validationIconShow { left: -57px; top: 108px; background-image: url('../images/Alert_red_flip.png'); background-repeat: no-repeat; width: 40px; height: 40px; visibility: hidden; position: absolute; } .validationIconShow { visibility: visible; } .loginErrorHide, .loginErrorShow { position: absolute; top: 140px; left: -207px; visibility: hidden; color: Red; width: 150px; } .loginErrorShow { visibility: visible; } .validationIconNameHide, .validationIconNameShow { left: -30px; top: 70px; background-image: url('../images/Alert_red.png'); background-repeat: no-repeat; width: 40px; height: 40px; visibility: hidden; position: absolute; } .validationIconNameShow { visibility: visible; } .validationIconPasswordHide, .validationIconPasswordShow { left: -30px; top: 130px; background-image: url('../images/Alert_red.png'); background-repeat: no-repeat; width: 40px; height: 40px; visibility: hidden; position: absolute; } .validationIconPasswordShow { visibility: visible; } .forFreeIcon { background-image: url('../images/LogInFree.gif'); width: 38px; height: 19px; float: right; margin-top: 2px; margin-right: 5px; background-repeat: no-repeat; } .forgatPasswordDiv { padding: 15px 35px; position: relative; display: none; height: 150px; } .forgatPasswordSendBtn { float: left; padding: 20px 0px 0px 40px; color: #FFFFFD; text-decoration: none; } /*Registration*/ .slogan { height: 36px; width: 982px; font-family: titles-font; font-size: 21px; background-color: #C4D56D; color: #403F45; margin: auto; line-height: 39px; text-align: center; } .mainregistrationHRDiv { width: 982px; margin: auto; } .mainRegisterDiv { } .stagesListDiv { height: 108px; font-family: titles-font; font-size: 24px; color: #f3f3f3; background-color: #F6F6F6; margin-top: 2px; position: relative; margin-bottom: 0px; } .stagesListDiv ul { margin: auto; margin-right: 25px; padding: 0px; margin-bottom: 0; } .stagesListDiv li { float: right; position: relative; padding-right: 80px; list-style-type: none; margin-left: 40px; height: 67px; line-height: 108px; margin-top: 19px; } .stagesDiv { position: absolute; right: 0; top: 0; background-image: url('../images/CutButtons_He.png'); width: 66px; height: 68px; margin-left: 12px; } .registrationHR, .endPackagesHR, .endRegistrationHR, .endQuestionnaireHR, loginHR { width: 982px; margin-top: 1px; height: 1px; background-color: #D1D1D1; color: #d1d1d1; border: 0px solid; margin-bottom: 35px; } .loginHR { margin-bottom: 1px; } .endRegistrationHR { margin-top: 45px; margin-bottom: 20px; display: none; } .endQuestionnaireHR { margin-top: 30px; margin-bottom: 20px; } .endPackagesHR { margin-top: 80px; } .clearDiv { clear: right; } .regTbl .regInnerTbl { width: 100%; } .regTbl .regInnerTbl td { position: relative; } .regTbl .formInputs { width: 100px; } .firstStage div { background-position: -550px -22px; } .firstStage div.selected { background-position: -550px -96px; } .secondStage div { background-position: -629px -21px; } .secondStage div.selected { background-position: -629px -96px; } .thirdStage div { background-position: -710px -22px; } .thirdStage div.selected { background-position: -710px -96px; } .selectedStagesDiv { } .notSelectedStagesDiv { } .stagesContextSelected { color: #5292a5; } .stagesContextDefault { color: #a3a3a3; } .forFreeImg { position: absolute; top: 27px; left: 32px; background-image: url('../images/Wizard_free.png'); width: 60px; height: 36px; background-repeat: no-repeat; } .insideElements { margin-right: 25px; } .registerHeader { color: #141414; font-size: 30px; } .forWho { background-image: url('../images/CutButtons_He.png'); width: 150px; height: 116px; float: right; position: relative; cursor: pointer; margin-bottom: 63px; color: White; font-weight: bold; font-size: 18px; text-align: center; line-height: 187px; } .forMe { background-position: -558px -178px; } .forMeHover { background-position: -558px -300px; } .forMeOpacity { background-position: -735px -557px; } .forMeSelected { background-position: -558px -426px; } .forMeInnerText { margin-right: 40px; display: block; } .notForMe { background-position: -734px -178px; width: 151px; } .notForMeHover { background-position: -734px -300px; } .notForMeOpacity { background-position: -734px -698px; } .notForMeSelected { background-position: -734px -426px; } .notForMeInnerText { margin-right: 40px; display: block; } .notForMeExample { font-size: 14px; position: absolute; top: 120px; right: 35px; } #createAcountTitle { visibility: hidden; margin-bottom: 25px; } .testTakerForm { width: 450px; padding-left: 20px; border-left: 1px solid #D1D1D1; float: right; } .contactForm { width: 450px; height: 450px; margin-right: 30px; float: right; } .formInputs { margin-top: 30px; } .textInputs, .textInputsWithValidation, .pairTextInputWithValidation, .pairTextInput { width: 255px; height: 27px; margin-top: 27px; display: block; border: 1px solid #ababab; padding-right: 10px; color: #666666; line-height: 27px; } .textInputsWithValidation { display: inline; } .pairTextInput { margin-top: 5px; } .pairTextInputWithValidation { display: inline; margin-top: 5px; } .contactTextInputs, .contactPairTextInput { width: 255px; } .contactPairTextInput { margin-top: 5px; } .forceLTR, .dateInput { direction: ltr; } .dateInput { width: 70px; padding-left: 5px; height: 27px; margin-top: 30px; border: 1px solid #ababab; margin-left: 10px; } .questionsLists { margin-top: 20px; margin-bottom: 20px; display: block; width: 272px; height: 27px; border: 1px solid #ababab; } .questionsDiv { margin-top: 70px; } .continueDiv, .continueRegistrationDiv, .continueDivdisable { float: left; margin-bottom: 20px; } .continueDiv a { text-decoration: none; } .continueRegistrationDiv { opacity: 0.4; filter: alpha(opacity=40); } #continueDiv { text-align: left; } .continueDivdisable { opacity: 0.4; filter: alpha(opacity=40); } .continueBtn { text-decoration: none; cursor: pointer; } .continueBtnDivs { background-image: url('../images/CutButtons_He.png'); float: left; } .continueBtnM, .continueBtnMOpacity, .continueQuestionnaireBtnM, .continueQuestionnaireBtnMHover { background-position: -37px -537px; height: 46px; padding: 0px 30px 0px 30px; color: #ffffff; font-weight: bold; line-height: 46px; font-size: large; } .continueBtnMOpacity { background-position: -37px -647px; } .continueBtnL, .continueBtnLOpacity { background-position: -21px -537px; height: 46px; width: 13px; } .continueBtnLOpacity { background-position: -21px -647px; } .continueBtnR, .continueBtnROpacity { background-position: -365px -537px; height: 46px; width: 13px; } .continueBtnROpacity { background-position: -366px -647px; } .continueBtnMHover, .continueQuestionnaireBtnMHover { background-position: -37px -592px; height: 46px; text-decoration: none; padding: 0px 30px 0px 30px; color: #ffffff; font-weight: bold; line-height: 46px; font-size: large; } .continueBtnLHover { background-position: -21px -592px; height: 46px; width: 13px; } .continueBtnRHover { background-position: -366px -592px; height: 46px; width: 13px; } .continueComment { font-size: small; } .ClearClass { clear: right; } .commentDiv { margin-top: 10px; color: #acacac; font-size: 13px; } .headerCommentDiv { width: 255px; margin-bottom: 15px; } .hiddenDivs { display: none; } .hiddenPasswordBox { visibility: hidden; display: none; } .iconValidationDiv, .iconValidationDivForPair, .dateIconValidationDiv { background-image: url('../images/Alert_red.png'); background-repeat: no-repeat; width: 40px; height: 40px; display: none; position: absolute; right: 255px; } .validationIcon { position: absolute; top: -25px; left: -25px; display: none; } .detalisDiv { position: relative; } .coachDescriptionTxtBox { width: 400px; height: 100px; border: 1px solid #ABABAB; color: #666; } .multiLineTD { vertical-align: top; } .iconValidationDivForPair { top: -20px; } .dateIconValidationDiv { right: 90px; } .customValidators, .customValidatorsForPair { color: #e45252; float: left; width: 150px; margin-top: 25px; display: block; } .customValidatorsForPair { margin-top: 10px; } .customDateValidator, .dateValidationContextHide, .dateValidationContextshow { color: #e45252; margin-right: 10px; width: 150px; margin-top: 25px; display: inline; } .validationDiv { width: 288px; } .errorIcon { width: 43px; height: 43px; } .userAsMail input { margin-right: 0px; } .hiddenContext, .hiddenContextForUnique { display: none; visibility: hidden; } .showContext, .showContextForUnique { display: inline; visibility: visible; color: #e45252; } .dateValidationContextHide { visibility: hidden; } .dateValidationContextshow { visibility: visible; } /*Questionnaire*/ .questionsSlides { margin: auto; width: 983px; margin-top: 0px; position: relative; top: 0px; } .qDiv, .qDivHover, .qDivSelected { background-position: -558px -543px; background-image: url('../images/CutButtons_He.png'); width: 160px; height: 65px; margin: 10px; float: left; position: relative; color: White; font-weight: bold; font-size: 18px; text-align: center; line-height: 90px; } .qDivHover { background-position: -558px -624px; } .qDivSelected { background-position: -558px -705px; } .answersTextBox { position: absolute; width: 127px; left: 0px; bottom: 0px; text-align: center; height: 41px; line-height: 41px; } .startComment { display: block; width: 500px; margin: auto; margin-top: 40px; } .stratDiv { background-position: -558px -543px; background-image: url('../images/CutButtons_He.png'); width: 128px; height: 65px; color: White; font-weight: bold; font-size: 18px; text-align: center; line-height: 90px; margin: auto; } .startDivHover { background-position: -558px -624px; } .questionnaireStart { width: 100%; text-align: center; font-size: large; top: 50px; } .questionSlide_container { width: 875px; height: 240px; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; margin: auto; } .qNext { position: absolute; top: 110px; left: 10px; text-decoration: none; color: #6d6d6d; font-size: xx-large; font-family: Georgia; font-weight: bold; visibility: hidden; } .qPrev { position: absolute; top: 110px; right: 10px; text-decoration: none; color: #6d6d6d; font-size: xx-large; font-family: Georgia; font-weight: bold; visibility: hidden; } .qNext:hover { color: #3b3b3b; } .qPrev:hover { color: #3b3b3b; } .questionContent { width: 875px; height: 200px; padding: 10px 15px; } .answersDiv { margin: auto; width: 540px; margin-top: 35px; margin-left: 180px; } .questionHeader { text-align: center; } .questionsAmount { width: 100%; text-align: center; } .questionsAmountHide { width: 100%; text-align: center; visibility: hidden; } .continueQuestionnaireBtnM { padding: 0px 50px; color: Black; font-weight: normal; } .QustionnaireSectionsList { list-style:none;margin:0px 0px 40px; padding:0px 0px 30px;border-bottom:1px solid #D1D1D1;text-align:center;text-transform:capitalize;} .QustionnaireSectionsList li { display:inline-block;padding:0px 20px;font-size:20px;font-family:titles-font;color:#000;position:relative;} .QustionnaireSectionsList li:last-child { float:none;clear:left;} .QustionnaireSectionsListWrapper { position:relative;} .QustionnaireSectionsListWrapper .currentSectionArrow { position:absolute;bottom:-32px;background-image:url('../images/CutButtons_en.png');background-position:-416px -421px;width:22px;height:16px;left:50%;margin-left:-11px;display:none;} .QustionnaireSectionsList li.selected { color:#5292a5;} .QustionnaireSectionsList li.selected .currentSectionArrow { display:block;} /*Packages&Prices*/ .packagesHeader { margin-top: 40px; } .packageDiv { margin-right: 25px; border: 1px solid #F9F9F9; width: 209px; padding: 3px; position: relative; } .priceDiv1 { background-color: #5DAFC7; height: 84px; width: 208px; border-bottom: 3px solid #F9F9F9; } .priceDiv2 { background-color: #308AA5; height: 84px; width: 208px; border-bottom: 3px solid #F9F9F9; } .priceDiv3 { background-color: #227087; height: 84px; width: 208px; border-bottom: 3px solid #F9F9F9; } .buyDiv { background-color: #E5F3F6; height: 190px; width: 208px; position: relative; } .packagesTitleHR { width: 500px; margin-bottom: 10px; } .buyDiv ul { margin-top: 0px; } .discountDiv { position: absolute; background-image: url('../images/Discount.png'); width: 65px; height: 52px; top: 0px; left: -20px; visibility: hidden; text-align: center; padding-top: 13px; font-size: 19px; font-weight: bold; color: #ffffff; z-index: 10; } .packageBox { float: right; margin-top: 25px; position: relative; } .packageBox h2 { height: 18px; margin: 0px 25px 5px 0px; } .buyPackageBtn { cursor: pointer; margin: auto; direction: ltr; } .buyPackageBtn a { text-decoration: none; } .buyPackagePromotionList { } .promotionListHeader span { vertical-align: top; line-height: 22px; } .buyPackageFormConfirmation { display: none; padding: 25px 56px; text-align: right; } .buyPackageFormConfirmation .termsOfAgreement { width: 504px; height: 304px; border: 12px solid #ecf6f8; margin: auto; margin-bottom: 25px; } .buyPackageFormConfirmation .termsOfAgreement .termsOfAgreementInner { height: 268px; width: 454px; padding: 18px 25px; border: 1px solid #b8c3c7; overflow-y: scroll; } .buyPackageFormConfirmation .termsOfAgreementBottom { position: relative; width: 435px; right: 94px; } .buyPackageFormConfirmation .buyPackageBtn { left: 0px; top: 0px; } .buyPackageFormConfirmation .termsOfAgreementTxt { width: 301px; display: block; } .buyPackageFormConfirmation .termsOfAgreementTxt a { color: #16a0c7; } .bubbleDiv { background-image: url('../images/Tip_Bubble.png'); width: 225px; height: 166px; position: absolute; top: 0px; left: 0px; } .couponsDiv { position: absolute; top: 340px; left: 0px; width: 225px; text-align: right; font-size: 16px; } .couponsDiv .packageDiv { margin-right: 0; } .couponsDiv input { width: 200px; font-size: 16px; line-height: 24px; margin-right: 2px; } .buyPackageBtn .continueBuyL { background-image: url('../images/CutButtons_He.png'); background-position: -22px -705px; height: 40px; width: 9px; } .buyPackageBtn .continueBuyR { background-image: url('../images/CutButtons_He.png'); background-position: -366px -705px; height: 40px; width: 13px; } .buyPackageBtn .continueBuyM { background-image: url('../images/CutButtons_He.png'); background-position: -37px -705px; height: 40px; padding: 0px 20px; color: #ffffff; font-weight: bold; line-height: 37px; font-size: large; } .buyPackageBtn:hover .continueBuyM { background-position: -37px -755px; } .buyPackageBtn:hover .continueBuyL { background-position: -22px -755px; } .buyPackageBtn:hover .continueBuyR { background-position: -366px -755px; } .packageDataDiv .packageDataHR { margin-right: 0px; margin-left: 74px; height: 1px; color: #A8CCDA; background-color: #A8CCDA; border: 0px solid; width: 108px; } .packageDataDiv { padding: 7px 17px 7px 7px; text-align: right; } .packageText { font-size: 18px; color: #ffffff; } .packageTextHeader { font-size: 36px; color: #ffffff; font-weight: bold; } .buyDiv ul { padding-top: 22px; color: #308BA8; font-size: 18px; text-align: right; } .buyDiv ul span { color: #393D3E; font-size: 16px; } .buyDiv { text-align: center; } .discountText { font-size: 14px; font-weight: normal; line-height: 7px; display: block; } .shadow { -moz-box-shadow: 3px 3px 4px #DFE1E0; -webkit-box-shadow: 3px 3px 4px #DFE1E0; box-shadow: 3px 3px 4px #DFE1E0; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DFE1E0')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DFE1E0'); } .categoryWrapper { height: 160px; width: 100%; margin-bottom: 50px; } .categoryWrapper h2 { font-size: 20px; margin: 0px; } .categoryImgWrapper { float: right; margin-left: 15px; } .categoryImgWrapper img { max-height: 158px; border: 1px solid #C1C1C1; } .categoryContentWrapper a { color: #17a0c7; } .categoryContentWrapper { float: right; height: 100%; position: relative; width: 410px; } .catPriceWrapper { background-image: url('../images/productsCategoriesCuts.png'); background-position: -15px -11px; width: 154px; height: 62px; position: absolute; bottom: 0px; display: block; font-size: 18px; font-weight: bold; } .categoryContentWrapper a.catPriceWrapper { color: White; text-decoration: none; } .catPriceLbl { margin-top: 7px; display: block; margin-right: 30px; } .productTopTextWrapper { margin: 25px 0; } .productTopTextWrapper a, .productTopTextWrapper a:visited { color: #17a0c7; text-decoration: none; } .productsDetailsTbl { width: 100%; margin: auto; } .productsDetailsTbl tr { height: 65px; } .productsDetailsTbl .sepTR { height: 1px; } .productsDetailsTbl td { height: 55px; padding: 5px 0px; vertical-align: middle; border-bottom: 1px solid #E5E5E5; font-weight: bold; } .productsDetailsTbl td div { background-color: #E5F3F6; height: 56px; line-height: 60px; } .productsDetailsTbl .priceTD { width: 150px; text-align: center; vertical-align: middle; padding-right: 5px; } .productsDetailsTbl .lastTD { padding-left: 5px; } .productsDetailsTbl .durationTD div { padding-right: 10px; } .productsDetailsTbl .productsDetailsSimpleTxt { font-weight: normal; } .productsDetailsTbl .columnSep div { padding-left: 15px; } .productInnerContent { padding: 5px; height: 55px; } .productsItemsWrapper { margin: 30px 0 30px; border: 1px solid #E5E5E5; border-bottom: none; } .productItemWrapper { height: 65px; border-bottom: 1px solid #E5E5E5; } .productPriceDivWrapper { background-image: url('../images/productsCategoriesCuts.png'); background-position: -15px -308px; width: 150px; height: 56px; color: White; font-size: 25px; font-weight: bold; } .buttonsWrapper { text-align: center; } .CatPageBtn { background-image: url('../images/productsCategoriesCuts.png'); background-position: -14px -175px; width: 245px; height: 50px; display: inline-block; } .freeTestBtn { background-image: url('../images/productsCategoriesCuts.png'); background-position: -14px -233px; width: 242px; height: 50px; display: inline-block; } .CatPageBtn, .freeTestBtn { color: White; line-height: 50px; font-size: 18px; text-decoration: none; } .ProductContinueLink { color: #17a0c7; text-decoration: none; cursor: pointer; } .catDesc a, .catDesc a:visited { color: #17a0c7; text-decoration: none; } .couponDivWrapper { width: 270px; padding: 3px; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; margin: 25px 0px; -moz-box-shadow: 0px 2px 2px #CBCBCB; -webkit-box-shadow: 0px 2px 2px #CBCBCB; box-shadow: 0px 2px 2px #CBCBCB; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=100, Color='#CBCBCB')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=100, Color='#CBCBCB'); } .couponDivInner { background-color: #E5F3F6; padding: 20px 20px 30px; font-size: 14px; } .couponDivInner h2 { margin-top: 0px; /*text-decoration:line-through*/ } .couponTxt { width: 210px; margin: 20px 0px 10px; height: 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-color: #C7C7C7; } .couponUpdate { background-color: #5496B0; width: 100px; height: 25px; color: White; text-align: center; line-height: 23px; display: inline-block; text-decoration: none; } .tranzila-frame { border: 0px; } /*CoachView*/ .notApproved { color: Silver; } .waitingMessage, .stuckMessage, .NewMessage { width: 48px; height: 40px; background-image: url('../images/Mypage_cuts.png'); background-repeat: no-repeat; } .waitingMessage { background-position: -22px -251px; } .stuckMessage { background-position: -18px -194px; } .NewMessage { background-position: -22px -146px; } #usersTable { margin: auto; margin-top: 15px; overflow-y: auto; direction: rtl; } #usersTable th { vertical-align: top; border-bottom: 1px dashed silver; text-align: right; font-weight: bold; color: #242424; cursor: pointer; } #usersTable th.iconsTitle { width: 40px; } #usersTable td.tableColumnText { width: 115px; } #userDetails { left: 30px; } .dataTables_scrollHeadInner th { vertical-align: top; text-align: right; font-weight: bold; color: #242424; cursor: pointer; } .dataTables_scrollHeadInner th.iconsTitle { width: 40px; } .dataTables_scrollHeadInner .arrowTableTH { border-bottom: 0; } .dataTables_scrollHeadInner { width: 200px; } #usersTable td { width: 20px; height: 27px; border-bottom: 1px dashed silver; } #usersTable .arrowTableTD { border-bottom: 0; } .coachDropDowns { width: 90px; height: 25px; } .replySelect { width: 512px; margin-bottom: 15px; } .addNewUserBtn { margin: 5px auto 30px; float: right; color: White; font-size: large; font-weight: bold; } .addNewUserBtn .addNewUserBtnLeft { background-image: url('../images/CutButtons_He.png'); height: 40px; width: 13px; background-position: -21px -705px; float: left; cursor: pointer; } .addNewUserBtn .addNewUserBtnMiddle { background-image: url('../images/CutButtons_He.png'); height: 40px; background-position: -37px -705px; float: left; padding: 0px 30px; line-height: 40px; cursor: pointer; } .addNewUserBtn .addNewUserBtnRight { background-image: url('../images/CutButtons_He.png'); height: 40px; width: 13px; background-position: -366px -705px; float: left; cursor: pointer; } .addNewUserBtn:hover { } .addNewUserBtn:hover .addNewUserBtnLeft { background-position: -21px -755px; } .addNewUserBtn:hover .addNewUserBtnMiddle { background-position: -37px -755px; } .addNewUserBtn:hover .addNewUserBtnRight { background-position: -366px -755px; } .addNewUserBtn .addNewUserBtnLeftDisabled { background-image: url('../images/CutButtons_He.png'); height: 40px; width: 13px; background-position: -21px -805px; float: left; } .addNewUserBtn .addNewUserBtnMiddleDisabled { background-image: url('../images/CutButtons_He.png'); height: 40px; background-position: -37px -805px; float: left; padding: 0px 30px; line-height: 40px; cursor: default; } .addNewUserBtn .addNewUserBtnRightDisabled { background-image: url('../images/CutButtons_He.png'); height: 40px; width: 13px; background-position: -366px -805px; float: left; } /*#usersTable .arrowTableTH{border-bottom:0;}*/ .dataTables_filter { height: 54px; width: 310px; line-height: 54px; background-color: #F0F0F0; } .dataTables_filter input { width: 265px; height: 25px; margin-right: 10px; margin-top: 10px; color: #BFBFBF; padding-right: 15px; } .tableHeadDiv { border-bottom: 1px solid #323232; width: 310px; } .tableNumbers { list-style-type: none; padding: 10px 0px; margin: 0px; } .tableNumbers li { float: right; color: #4E4E4E; display: inline; padding-right: 24px; position: relative; } .tableNumbers li span { margin-left: 5px; } .msgLi { background-image: url('../images/cut_system.png'); background-position: -45px -70px; background-repeat: no-repeat; width: 20px; height: 13px; margin: 3px 0px; position: absolute; right: 0px; } .stuckLi { background-image: url('../images/cut_system.png'); background-position: -75px -65px; background-repeat: no-repeat; width: 20px; height: 18px; position: absolute; right: 0px; } .waitingLi { background-image: url('../images/cut_system.png'); background-position: -20px -68px; background-repeat: no-repeat; width: 20px; height: 16px; margin: 2px; position: absolute; right: 0px; } .dataTables_wrapper { width: 320px; margin-bottom: 30px; float: right; } .alert { color: #e76163; } .traineesLstDiv { float: right; width: 335px; margin-left: 50px; padding-top: 7px; } .coachesLstDiv { float: right; width: 335px; margin-left: 5px; padding-top: 7px; } .wrapperDiv { width: 982px; margin: auto; position: relative; } .coachFrame { width: 590px; } .wrraperLessonDiv { width: 560px; background-color: #ECF6F8; padding: 15px; } #newLessonBtn { float: left; } .selectedRow { background-image: url('../images/cut_system.png'); background-position: -268px -65px; width: 32px; height: 37px; } /*.waitingIconEnable{margin:auto; background-image:url('../images/cut_system.png');background-position:-20px -68px;background-repeat:no-repeat;width:20px;height:18px;} .waitingIconDisable{margin:auto; background-image:url('../images/cut_system.png');background-position:-20px -94px;background-repeat:no-repeat;width:20px;height:18px;}*/ .lessonStatusAssigned { margin: auto; background-image: url('../images/cut_system.png'); background-position: -440px -77px; background-repeat: no-repeat; width: 22px; height: 18px; } .lessonStatusInProgress { margin: auto; background-image: url('../images/cut_system.png'); background-position: -368px -77px; background-repeat: no-repeat; width: 22px; height: 18px; } .lessonStatusComplete { margin: auto; background-image: url('../images/cut_system.png'); background-position: -404px -77px; background-repeat: no-repeat; width: 22px; height: 18px; } .helpIconEnable { margin: auto; background-image: url('../images/cut_system.png'); background-position: -75px -65px; background-repeat: no-repeat; width: 20px; height: 20px; } .helpIconDisable { margin: auto; background-image: url('../images/cut_system.png'); background-position: -75px -94px; background-repeat: no-repeat; width: 20px; height: 20px; } .messageIconEnable { margin: auto; background-image: url('../images/cut_system.png'); background-position: -45px -70px; background-repeat: no-repeat; width: 20px; height: 13px; position: relative; } .messageIconDisable { margin: auto; background-image: url('../images/cut_system.png'); background-position: -45px -97px; background-repeat: no-repeat; width: 20px; height: 13px; } .messageIconDisable span { display: none; } .innerTabs { width: 980px; height: 40px; background-image: url('../images/Mypage_cuts.png'); z-index: 1; background-position: -11px -18px; } .innerTabs a { text-decoration: none; } .lessonDetalisDiv { width: 550px; margin: auto; border: 1px solid #ADC4CC; border-bottom: 2px solid #D2E1E6; background-color: #FFFFFF; height: 175px; } .innerWarrperDiv { width: 590px; } .personalDetalis { margin-left: 20px; } .personalDetalis h2 a { font-size: 12px; font-weight: normal; color: #169fc9; text-decoration: none; margin-right: 10px; } .personalDetalis h2 a:hover { text-decoration: underline; } .personalDetalis input { width: 200px; height: 27px; margin-top: 5px; display: block; border: 1px solid #ababab; color: #666666; line-height: 27px; padding-right: 10px; } .tableHeadDiv h2 a { font-size: 12px; font-weight: normal; color: #169fc9; text-decoration: none; margin-right: 10px; float: left; cursor: pointer; } .tableHeadDiv h2 a:hover { text-decoration: underline; } .detailsRadioBtns input { width: 13px; display: inline; height: 13px; } .isActiveCheckBox input { width: 13px; height: 13px; display: inline; } .contactPersonDetails .isActiveCheckBox input { width: 13px; height: 13px; display: inline; } .contactPersonDetails input { width: 200px; height: 27px; margin-top: 5px; display: block; border: 1px solid #ababab; color: #666666; line-height: 27px; padding-right: 10px; } .personalDetalis select { width: 200px; height: 27px; margin-top: 5px; display: block; border: 1px solid #ababab; color: #666666; line-height: 27px; padding-right: 10px; } .contactPersonDetails { display: none; } .personalDetalis .borderTD { border-bottom: 1px solid #a3a3a3; } .subjectTextBox { width: 200px; height: 20px; margin-bottom: 5px; margin-top: 5px; display: inline; border: 1px solid #ababab; color: #666666; line-height: 23px; padding-right: 10px; color: #BFBFBF; } .coachMsgBtnShow { display: block; } .coachMsgBtnHide { display: none; } .lessonIconDiv { padding: 15px; } .iconMsgCounter { position: absolute; top: -5px; right: -8px; font-size: 10px; color: #7F9CA2; } .saveChangesDiv { cursor: pointer; float: right; margin-top: 15px; } .saveChangesDiv a:hover { text-decoration: none; } .saveBtn { text-decoration: none; cursor: pointer; } .newUserCancel { float: right; margin: 14px 40px 0px 0px; height: 16px; font-size: 14px; line-height: 16px; color: #3876c7; cursor: pointer; } .newUserCancel:hover { text-decoration: underline; } .filterDiv { height: 35px; width: 300px; margin-bottom: 3px; background-color: #F0F0F0; line-height: 35px; padding: 5px; position: relative; } .filterDiv select { width: 100px; } .firstDropFilter { height: 25px; width: 70px; border: 1px solid #BCBCBC; } .secondDropFilter { height: 25px; width: 150px; border: 1px solid #BCBCBC; } .saveChangesDiv .myPageBlueBtnLeftDisabled { background-image: url('../images/CutButtons_He.png'); height: 40px; width: 13px; background-position: -21px -805px; float: left; } .saveChangesDiv .myPageBlueBtnMiddleDisabled { background-image: url('../images/CutButtons_He.png'); height: 40px; background-position: -37px -805px; float: left; padding: 0px 30px; line-height: 40px; cursor: default; } .saveChangesDiv .myPageBlueBtnRightDisabled { background-image: url('../images/CutButtons_He.png'); height: 40px; width: 13px; background-position: -366px -805px; float: left; } /*datatable jquery plugin*/ .dataTables_scrollBody { direction: rtl; } /*Message control*/ .sendNewMsg { cursor: pointer; float: left; margin-top: 10px; color: #169FC9; } .replayBtn { color: #179FC7; font-weight: bold; margin-right: 10px; } .restoreBtn { color: #179FC7; font-weight: bold; } .msgCtrlLessonDDown { float: left; margin-left: 20px; } /*General*/ .rounded-corners { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .inactivateUser { cursor: pointer; } systemFooter { clear: both; } .decoration { text-decoration: underline; } .headingPromotion { font-family: titles-font; font-weight: bold; font-size: 18px; color: #1f697f; } .generalNav { margin: 70px 0px 30px 30px; width: 310px; position: relative; float: right; } .generalNavBox { width: 284px; background-color: #f2f2f2; margin-bottom: 3px; padding: 15px 0px 15px 0px; position: relative; } .generalNavBox ul { list-style-type: none; padding: 0px; margin: 0px; } .generalNavBox li { height: 37px; display: block; line-height: 37px; padding-right: 23px; } .generalNavBox li:hover { cursor: pointer; } .generalNavBox a { text-decoration: none; color: #595b5d; } .generalNavBarListLink { text-decoration: none; font-size: larger; color: #595b5d; display: block; width: 284px; height: 37px; } .generalNavBarListLink:hover { color: #000000; } .sideNavSocial { margin: 10px 0px 0px; width: 300px; } .sideNavSocialPlugin { float: right; } /*.generalNavBarListLink:hover{ text-decoration:none; font-size:medium; color:Black; display:block; width:284px; height:37px;}*/ .subNavTxtSelected { background-image: url('../images/SubNav_selected.png'); width: 287px; background-repeat: no-repeat; } .subNavTxtSelected:hover a { color: White; } .subNavTxtSelected a { color: White; font-weight: bold; } .findTreatment { font-size: larger; margin-right: 23px; display: block; } .subNavSelfTestButtonLeft { background-image: url('../images/CutButtons_He.png'); background-position: -20px -415px; width: 14px; height: 52px; float: right; margin-top: 15px; } .subNavSelfTestButtonMiddle { background-image: url('../images/CutButtons_He.png'); background-position: -37px -415px; height: 52px; padding: 0px 25px 0px 25px; color: #ffffff; line-height: 52px; float: right; margin-top: 15px; font-size: x-large; font-family: titles-font; } .subNavSelfTestButtonRight { background-image: url('../images/CutButtons_He.png'); background-position: -366px -415px; width: 14px; height: 52px; float: right; margin-top: 15px; margin-right: 23px; } .subNavSelfTestButtonLeftHover { background-image: url('../images/CutButtons_He.png'); background-position: -20px -476px; width: 14px; height: 52px; float: right; margin-top: 15px; cursor: pointer; } .subNavSelfTestButtonMiddleHover { background-image: url('../images/CutButtons_He.png'); background-position: -37px -476px; height: 52px; padding: 0px 25px 0px 25px; color: #ffffff; line-height: 52px; float: right; margin-top: 15px; font-size: x-large; cursor: pointer; font-family: titles-font; } .subNavSelfTestButtonRightHover { background-image: url('../images/CutButtons_He.png'); background-position: -366px -476px; width: 14px; height: 52px; float: right; margin-top: 15px; cursor: pointer; margin-right: 23px; } .generalFree { background-image: url('../images/free_dark.png'); margin: 5px 0px 0px 35px; float: left; width: 53px; height: 26px; } .tourTxt { font-size: larger; margin-right: 23px; } .video { margin-top: 15px; margin-right: 23px; background-image: url('../images/video.gif'); width: 235px; height: 152px; display: block; } .generalMainContent { float: left; width: 585px; margin: 40px 0px 0px 23px; } .generalQuote { font-family: Times New Roman; font-size: 30px; color: #5496af; margin: 35px 35px 15px 35px; } .generalQuoteSmall { font-family: Times New Roman; font-size: medium; color: #5496af; margin-right: 7px; } .generalContent { color: #4e4e4e; font-size: medium; margin: 35px 0px 25px 0px; } .generalContent li { list-style-image: url('../images/bullet.png'); } .generalImg { margin: 25px 0px 10px 0px; } .SideNavHolderWrapper { float: right; width: 310px; } /*Footer*/ .footer { width: 100%; margin-top: 50px; font-family: Arial; } .footerShadow { height: 23px; background-image: url('../images/FooterShadow.gif'); } .footerContainer { background-color: #3c3c3c; } .footerContainerInner { margin: auto; width: 980px; padding-bottom: 10px; } .footerBottom { height: 27px; background-color: #343434; } .footerBottomInner { margin: auto; width: 980px; height: 27px; background-color: #343434; font-size: medium; } .footerBottomInner span { line-height: 27px; } .footerSelfTestBtn { } .footerSelfTestButtonLeft { background-image: url('../images/CutButtons_He.png'); background-position: -16px -298px; width: 16px; height: 42px; float: right; margin-top: 15px; } .footerSelfTestButtonMiddle { background-image: url('../images/CutButtons_He.png'); background-position: -37px -298px; height: 42px; padding: 0px 15px 0px 15px; color: #ffffff; line-height: 38px; float: right; margin-top: 15px; font-size: large; font-family: titles-font; } .footerSelfTestButtonRight { background-image: url('../images/CutButtons_He.png'); background-position: -366px -298px; width: 16px; height: 42px; float: right; margin-top: 15px; } .footerSelfTestButtonLeftHover { background-image: url('../images/CutButtons_He.png'); background-position: -16px -358px; width: 16px; height: 42px; float: right; margin-top: 15px; cursor: pointer; } .footerSelfTestButtonMiddleHover { background-image: url('../images/CutButtons_He.png'); background-position: -37px -358px; height: 42px; padding: 0px 15px 0px 15px; color: #ffffff; line-height: 38px; float: right; margin-top: 15px; font-size: large; cursor: pointer; font-family: titles-font; } .footerSelfTestButtonRightHover { background-image: url('../images/CutButtons_He.png'); background-position: -366px -358px; width: 16px; height: 42px; float: right; margin-top: 15px; cursor: pointer; } .freeWhite { background-image: url('../images/free_light.png'); margin: 22px 3px 0px 0px; float: right; width: 47px; height: 23px; } .footerTbl { width: 100%; } .footerTblRow td { vertical-align: top; } .footerList { color: #8a8a8a; } .footerList ul { list-style-type: none; padding: 0; margin: 10px 0px 0px 0px; } .footerList li { margin-bottom: 3px; } .footerList a { text-decoration: none; color: #8a8a8a; } .footerListHeader { font-size: medium; margin-bottom: 7px; font-weight: bold; } /* Nevatim */ .nevatimTopNav { height: 25px; padding: 8px 12px 0px 12px; position: absolute; top: 0px; left: 0px; background-color: #F2F2F2; } .nevatimBanner { background-image: url('../images/MainBanner.jpg'); width: 976px; height: 361px; } .nevatimLogInContent { width: 330px; margin: 0px 23px 0px 0px; padding: 35px 90px 35px 0px; position: relative; display: none; visibility: hidden; } .nevatimLogInForm { margin: 25px 0px 0px 0px; } .nevatimLogInForm input { width: 223px; height: 36px; margin-top: 2px; display: block; border: 1px solid #ababab; padding-right: 10px; color: #666666; line-height: 27px; font-size: 16px; font-weight: bold; } .nevatimSendBtn { cursor: pointer; position: absolute; left: 94px; margin: 40px 0px 0px 0px; } .nevatimSendBtnRight { background-image: url('../images/CutButtons_He.png'); background-position: -366px -706px; width: 13px; height: 40px; float: right; } .nevatimSendBtnMiddle { background-image: url('../images/CutButtons_He.png'); background-position: -38px -706px; height: 40px; float: right; padding: 0px 25px 0px 25px; line-height: 37px; font-size: 16px; color: #ffffff; font-weight: bold; } .nevatimSendBtnLeft { background-image: url('../images/CutButtons_He.png'); background-position: -21px -706px; width: 13px; height: 40px; float: right; } .nevatimSendBtnRightHover { background-image: url('../images/CutButtons_He.png'); background-position: -366px -756px; width: 13px; height: 40px; float: right; } .nevatimSendBtnMiddleHover { background-image: url('../images/CutButtons_He.png'); background-position: -38px -756px; height: 40px; float: right; padding: 0px 25px 0px 25px; line-height: 37px; font-size: 16px; color: #ffffff; font-weight: bold; } .nevatimSendBtnLeftHover { background-image: url('../images/CutButtons_He.png'); background-position: -21px -756px; width: 13px; height: 40px; float: right; } .nevatimPractice { height: 260px; width: 330px; margin: 0px 23px 0px 0px; padding: 65px 90px 35px 0px; position: relative; display: block; visibility: visible; } .nevatimPracticeContent { font-size: 20px; color: #1e1e1e; margin: 5px 0px 15px 0px; } .nevatimPractice a { text-decoration: none; color: #0f6db2; font-size: 16px; } .nevatimsSelfTestBtn { margin-top: 35px; } /*My Page*/ .systemTopContainer { width: 980px; height: 125px; margin: auto; } .topHeaderCont { position: relative; height: 125px; } .myPageContainerRight { width: 555px; padding: 35px 25px 50px 65px; float: right; position: relative; } .myPageContainerLeft { width: 335px; float: right; padding: 35px 0px 50px 0px; position: relative; } .myPageTopNav { height: 25px; padding: 8px 12px 0px 130px; position: absolute; top: 0px; left: 0px; background-color: #F2F2F2; } .myPageNavBar { width: 980px; height: 40px; margin: auto; background-image: url('../images/Mypage_cuts.png'); z-index: 1; background-position: -11px -18px; } .myPageNavBar a { text-decoration: none; } .myPageNavTab { margin-right: 5px; width: 147px; height: 40px; background-image: url('../images/Mypage_cuts.png'); z-index: 2; background-position: -170px -74px; float: right; line-height: 45px; font-size: 15px; color: #797979; text-align: center; cursor: pointer; } .myPageNavTab:Hover { margin-right: 5px; width: 147px; height: 40px; background-image: url('../images/Mypage_cuts.png'); z-index: 2; background-position: -327px -74px; float: right; line-height: 45px; font-size: 15px; color: #292a24; text-align: center; cursor: pointer; } .myPageNavTabSelected { margin-right: 5px; width: 147px; height: 40px; background-image: url('../images/Mypage_cuts.png'); z-index: 2; background-position: -14px -74px; float: right; line-height: 45px; font-size: 15px; color: #292a24; text-align: center; cursor: pointer; } .myPageClockImg { width: 35px; height: 36px; background-image: url('../images/clock.gif'); position: absolute; left: 0px; bottom: 3px; } .myPageContainerHeader { color: #141414; height: 36px; border-bottom: 1px solid #323232; position: relative; padding-bottom: 2px; } .myPageResultETA { position: absolute; left: 50px; bottom: 3px; font-size: 13px; color: #8a8a8a; } .bold { font-weight: bold; } .myPageBigHeader { font-size: 34px; font-family: titles-font; } .myPageMainRight { border: 18px solid #ecf6f8; margin: 15px 0px 15px 0px; width: 518px; } .myPageMainRightNotSupprted { border: 18px solid #FF3037; margin: 15px 0px 15px 0px; width: 518px; visibility: hidden; display: none; } .notSupportedContainer { margin: 30px 20px 0px 0px; display: none; visibility: hidden; color: #FFFFFF; } .notSupportedContainerStartTest { margin: 0px 20px 20px 0px; display: none; visibility: hidden; color: #FFFFFF; } .leftNotSupported { background: url('../images/AlertLeft.gif'); float: left; height: 61px; width: 11px; } .middleNotSupported { background: url('../images/AlertTile.gif'); height: 61px; font: 15px Arial, Sans-Serif; font-weight: bold; text-align: center; } .rightNotSupported { background: url('../images/AlertRight.gif'); float: right; height: 61px; width: 11px; } .notSupportedText { line-height: 60px; } .ImportantMsgDiv { width: 921px; margin: 20px auto 0px; background-color: #ffe2b0; border: 2px solid #ff9b00; line-height: 25px; padding: 5px 17px; } .importantText { color: #ff9b00; font-size: 18px; font-weight: bold; } .importantMsgText { color: #3c3c3c; font-size: 14px; margin-right: 7px; } .importantMsgBtns { float: left; } .importantMsgBtn { float: left; margin: 0px 10px; } .importantMsgBtn a { background-image: url(../images/Mypage_cuts.png); background-position: -583px -81px; text-decoration: none; height: 28px; display: block; cursor: pointer; text-align: center; } .importantMsgBtn a:hover { background-position: -583px -113px; } .importantMsgBtn a .importantMsgBtnText { background: transparent url(../images/Mypage_cuts.png) no-repeat right -81px; line-height: 28px; display: block; margin-left: 11px; padding: 0px 20px 0px 10px; font-size: 14px; color: #000000; } .importantMsgBtn a:hover .importantMsgBtnText { background: transparent url(../images/Mypage_cuts.png) no-repeat right -113px; } .myPageMainRightInner { border: 1px solid #adc3ce; padding: 10px 17px 15px 17px; width: 482px; color: #333333; position: relative; } .myPageInnerContent { position: relative; width: 448px; } .myPageInnerContent span { color: #4e4e4e; } .myPageInnerContent h2 { margin: 0px 0px 10px 0px; padding: 0px; } .myPageBlueBtn { cursor: pointer; float: right; margin-top: 15px; } .myPageBlueBtn:hover .myPageBlueBtnRight { background-position: -366px -756px; } .myPageBlueBtn:hover .myPageBlueBtnMiddle { background-position: -38px -756px; } .myPageBlueBtn:hover .myPageBlueBtnLeft { background-position: -21px -756px; } .myPageBlueBtnRight { background-image: url('../images/CutButtons_He.png'); background-position: -366px -706px; width: 13px; height: 40px; float: left; } .myPageBlueBtnMiddle { background-image: url('../images/CutButtons_He.png'); background-position: -38px -706px; height: 40px; float: left; padding: 0px 25px 0px 25px; line-height: 37px; font-size: 16px; font-weight: bold; } .myPageBlueBtnMiddle span { color: #ffffff; } .myPageBlueBtnLeft { background-image: url('../images/CutButtons_He.png'); background-position: -21px -706px; width: 13px; height: 40px; float: left; } .myPageInnerContentLink { margin-top: 20px; } .myPageInnerContentLink a { color: #0a9bc8; text-decoration: none; margin-left: 3px; } .myPageMessageBox { width: 555px; margin: 0px 0px 15px 0px; border-top: 1px solid #9d9ea0; } .myPageMessagesHeader { line-height: 42px; } .myPageNewMessagesLine { border-bottom: 1px dashed #b7bcbf; background-color: #f1f9fb; color: #2e3336; cursor: pointer; } .myPageNewMessagesLine span { height: 14px; } .classAttachedMessage { font: 11px Arial; font-style: italic; color: #898F8F; white-space:; } .SystemMessage, .HelpMessage, .NormalMessage, .CoachMessage { float: right; width: 48px; height: 40px; background-image: url('../images/Mypage_cuts.png'); background-repeat: no-repeat; } .SystemMessage { background-position: -22px -251px; } .CoachMessage { background-position: -22px -251px; } .HelpMessage { background-position: -18px -194px; } .NormalMessage { background-position: -22px -146px; } .messageIcon { height: 43px; width: 48px; float: right; padding-top: 7px; } .messageIconRead { width: 48px; float: right; padding-top: 15px; } .messageTitle { font-weight: bold; border-left: 1px solid #707271; padding-left: 5px; } .messageBright { color: #898f8f; margin: 0px 5px 0px 5px; display: inline; } .messageBright span { display: inline; color: #898f8f; } .messageRead, .markAsReadLbl { color: #0a9bc8; float: left; margin: 0px 5px 0px 5px; } .messageReadArrow { float: left; margin: 6px 0px 0px 10px; width: 12px; height: 7px; background-image: url('../images/blueArrow_messages.gif'); } .messageReadArrowUp { float: left; margin: 6px 0px 0px 10px; width: 12px; height: 7px; background-image: url('../images/blueArrow_messages_up.gif'); } .myPageReadMessageLine { border-bottom: 1px dashed #b7bcbf; padding: 0px; color: #2E3336; } .myPageReadMessageLine span { height: 14px; line-height: 14px; } .ReadMessageTop { margin: 18px 3px 0px 0px; width: 500px; min-height: 17px; float: right; } .ReadMessageContent { width: 497px; float: right; } .ReadMessageBottom { margin: 10px 3px 10px 30px; display: block; width: 475px; } .myPageMeBox { margin-top: 40px; } .myPageContainerLeft .myPageBigHeader, .myPageContainerLeft .myPageBigHeader span { color: #8f8f8f; } .myPageMeBoxInner { background-color: #f2f2f2; height: 95px; padding: 10px; border-bottom: 1px dashed #b7bcbf; position: relative; } .myPageProfileImg { height: 81px; width: 85px; } .myPageProfileImgFrame { width: 85px; height: 81px; border: 1px solid #d9d9d9; padding: 5px; float: right; background-color: White; background-repeat: no-repeat; background-position: center; } .myPageProfileStatus { height: 25px; padding-top: 70px; float: right; margin-right: 5px; } .myPageProfileStatus img { position: absolute; right: 185px; bottom: 10px; } .myPageProfileStatus .statusGreen { color: #a6bb3a; /*float:left; */ font-weight: bold; } .myPageProfileStatus .statusRed { color: #e24e4e; float: left; font-weight: bold; } .myStatusLabel { font-weight: bold; float: right; } .myPageProfileStatus a { color: #0a9bc8; text-decoration: none; position: absolute; right: 185px; bottom: 15px; } .myPageProfileLine { height: 30px; border-bottom: 1px dashed #b7bcbf; padding-top: 12px; } .myPageProfileInnerLine .messageBright { color: #898f8f; } .myPageProfileInnerLine .messageBright span { color: #898f8f; } .myPageProfileInnerLine .messageBright a:hover { text-decoration: underline; } .myPageProfileInnerLine span { color: #2E3336; } .myPageProfileInnerLine .myPageBigHeader span { color: #8f8f8f; } .myPageProfileInnerLine a { color: #0a9bc8; text-decoration: none; } .myPageProfileInnerLine #usersTable { width: 100%; } .myPageMyCoachBox { margin: 40px 0px 0px 0px; } .myPageMyCoachBoxInner { background-color: #f2f2f2; padding: 10px; position: relative; } .myPageMyCoachDetails { float: right; margin: 75px 5px 0px 0px; } .myPageMyCoachDetails span { font-weight: bold; } .myPageMyCoachDetails a { color: #0a9bc8; text-decoration: none; cursor: pointer; } .myPageMyCoachDescription { margin-top: 10px; display: none; } .myPageVideoBox { margin: 55px 0px 0px 0px; } .myPageVideoBoxInner { background-color: #f2f2f2; height: 227px; padding: 10px; position: relative; } .myPageVideoFrame { border: 1px solid #ababad; background-image: url('../images/myPageVideo.gif'); height: 176px; margin-bottom: 10px; } .myPageVideoBox a { color: #0a9bc8; text-decoration: none; line-height: 18px; } .statusIconActive, .statusIconInactive, .statusIconNearEnd { float: right; background-image: url('../images/Mypage_cuts.png'); width: 31px; height: 31px; position: relative; bottom: 10px; margin: 0px 5px 0px 2px; } .statusIconActive { background-position: -104px -232px; } .statusIconInactive { background-position: -105px -190px; } .statusIconNearEnd { background-position: -105px -147px; } .newMessageBottom { margin: 0px 50px 10px 30px; display: none; width: 475px; } .myPageNewMessagesLineLong { border-bottom: 1px dashed #b7bcbf; background-color: #f1f9fb; color: #2e3336; cursor: pointer; } .myPageNewMessagesLine span { height: 14px; } /* Reports */ .testResultLessonLine { position: relative; height: 39px; border-bottom: 1px dashed #b7bcbf; background-color: #f1f9fb; color: #2e3336; cursor: pointer; padding: 14px 25px 0px 0px; } .testResultLessonNum { width: 90px; line-height: 16px; float: right; padding-top: 5px; } .testResultLessonNum h2 { padding: 0; margin: 0; border-left: 2px solid #7d7d7d; } .testResultLessonDate { color: #626262; margin: 5px 35px 0px 0px; float: right; display: block; width: 65px; } .testResultScoreBar { width: 205px; margin-right: 30px; float: right; } .testResultScore { width: 33px; height: 24px; float: right; background-color: #2e8faf; color: White; text-align: center; line-height: 24px; font-weight: bold; border-right: 2px solid #f1f9fb; } .testResultScoreRed { width: 33px; height: 24px; float: right; background-color: #d94f4f; color: White; text-align: center; line-height: 24px; font-weight: bold; border-right: 2px solid #f1f9fb; } .testResultBarWrapper { height: 24px; float: right; width: 170px; } .testResultBar { width: 100%; height: 24px; float: right; margin-left: 2px; background-image: url('../images/lessonScoreBar_background.gif'); } .testResultBarFailed { width: 100%; height: 24px; float: right; margin-left: 2px; background-image: url('../images/lessonScoreBar_bgFailed.gif'); } .testResultLessonStatus { width: 17px; height: 17px; background-color: #9ab8c2; position: absolute; left: 50px; top: 14px; margin: 4px 0px 0px 15px; } .testResultOpenLessonLine { float: left; margin-left: 5px; } .openLessonArrowOpen { float: left; width: 8px; height: 12px; background-image: url('../images/cut_system.png'); background-position: -139px -77px; margin: 7px 4px 0px 5px; } .openLessonArrowClose { float: left; width: 12px; height: 7px; background-image: url('../images/cut_system.png'); background-position: -122px -80px; margin: 10px 2px 0px 5px; } .openLessonSpan { color: #0a9bc8; float: left; line-height: 24px; } .closeLessonSpan { color: #0a9bc8; float: left; line-height: 24px; display: none; } .loadingIcon { background-image: url('../images/ajax-loader-lessonLine.gif'); height: 16px; width: 16px; display: none; float: left; margin: 5px 15px; } .testResultLessonContainer { display: none; } .comingSoonResultLine { border-bottom: 1px solid #c1c1c1; color: #2e3336; padding: 12px 25px 0px 0px; } .comingSoonResultLine h3 { } .testSectionLessonLine { position: relative; height: 48px; border-bottom: 1px dashed #b7bcbf; color: #2e3336; padding: 12px 18px 0px 0px; } .testSectionLessonIcon { width: 39px; height: 39px; float: right; margin: 0px 0px 0px 12px; } .testSectionLessonTitle { float: right; display: block; width: 80px; } .testSectionLessonTitle h4 { margin: 10px 0px 0px 0px; padding: 0; } .testSectionLessonDate { color: #a5a5a5; margin: 11px 10px 0px 0px; float: right; display: block; width: 65px; } .testSectionScoreBar { width: 200px; margin: 11px 20px 0px 0px; float: right; } .testSectionScore { width: 30px; height: 15px; float: right; background-color: #b5d3de; color: #114455; text-align: center; line-height: 16px; font-weight: bold; border-right: 2px solid #f1f9fb; font-size: smaller; } .testSectionScoreRed { width: 30px; height: 15px; float: right; background-color: #d94f4f; color: #fff; text-align: center; line-height: 16px; font-weight: bold; border-right: 2px solid #f1f9fb; font-size: smaller; } .testSectionBarWrapper { height: 15px; float: right; width: 168px; } .testSectionBar { width: 100%; height: 15px; float: right; margin-left: 2px; background-image: url('../images/sectionScoreBar_background.gif'); } .testSectionLessonStatusInProgress, .testSectionLessonStatusStuck, .testSectionLessonStatusComplete, .testSectionLessonStatusPending { width: 17px; height: 17px; position: absolute; left: 50px; top: 17px; margin: 1px 0px 0px 15px; background-image: url('../images/cut_system.png'); } .testSectionLessonStatusInProgress { background-position: -21px -19px; } .testSectionLessonStatusStuck { background-position: -77px -67px; } .testSectionLessonStatusComplete { background-position: -47px -19px; } .testSectionLessonStatusPending { background-position: -74px -19px; } .testSectionOpenLessonLine { float: left; margin-left: 5px; margin-top: 6px; } .testExerciseStatusStuck { background-image: url('../images/cut_system.png'); background-position: -77px -67px; width: 17px; height: 17px; display: block; margin: auto; } .openSectionArrowOpen { float: left; width: 7px; height: 12px; background-image: url('../images/blueArrow_messages_side.gif'); margin: 7px 4px 0px 5px; } .openSectionArrowClose { float: left; width: 12px; height: 7px; background-image: url('../images/blueArrow_messages.gif'); margin: 10px 2px 0px 5px; } .openSectionSpan { color: #0a9bc8; float: left; line-height: 24px; } .closeSectionSpan { color: #0a9bc8; float: left; line-height: 24px; display: none; } .sectionIcon { background-image: url('../images/cut_system.png'); height: 36px; width: 36px; } .BlBlSectionIcon { background-position: -319px -12px; } .VmAmSectionIcon { background-position: -169px -12px; } .VmObSectionIcon { background-position: -269px -12px; } .VmCoSectionIcon { background-position: -220px -12px; } .CaCaSectionIcon { background-position: -121px -12px; } .SeSeSectionIcon { background-position: -367px -12px; } .sectionDetailsBox { background-color: #ececec; padding: 15px; display: none; border-bottom: 1px solid #b7bcbf; } .sectionDetailsTopLine { min-height: 30px; } .sectionDetailsTopLine ul { margin: 0px; padding: 0px; } .sectionDetailsTopLine h4 { margin: 10px 0px 0px 0px; padding: 0; } .sectionDetailsTopLineList { float: right; display: block; padding-left: 7px; margin-right: 7px; font-weight: bold; color: #272727; } .sectionListSeparator { float: right; background-color: #bebebe; width: 2px; height: 14px; margin-top: 1px; } .sectionDetailsTbl { border: 1px solid #d5d5d5; } .sectionDetailsTbl table { width: 100%; } .sectionDetailsTbl tr { height: 38px; background-color: #f6f6f6; color: Black; } .sectionDetailsTbl td { border-left: 1px solid #d5d5d5; padding-right: 8px; border-top: 1px solid #d5d5d5; } .sectionDetailsTbl .sectionDetailsTblHeader td { border: none; } .sectionDetailsTbl .sectionDetailsTblHeader { height: 23px; background-color: #5d9bb0; color: White; font-weight: bold; border: none; } .sectionDetailsTblLine { background-color: #f6f6f6; } .sectionDetailsTbl .sectionDetailsTblLastTd { border-left: none; } .sectionDetailsTbl .sectionDetailsTblFirstTd { padding-right: 0px; padding-left: 0px; width: 30px; cursor: pointer; } .sectionDetailsArrowOpen { width: 7px; height: 12px; background-image: url('../images/cut_system.png'); margin: auto; background-position: -140px -77px; } .sectionDetailsArrowClose { width: 12px; height: 7px; background-image: url('../images/cut_system.png'); margin: auto; background-position: -123px -80px; } .sectionDetailsTbl .sectionDetailsTblInnerLine { height: 26px; background-color: White; display: none; } .sectionDetailsTbl .sectionDetailsTblInnerLine .sectionDetailsTblInnerLineFirstTd { padding-right: 0px; padding-left: 0px; width: 30px; } .sectionDetailsExerciseTD { color: #0a9bc8; width: 135px; } .sectionDetailsTblRow { } .sectionAlerts { clear: both; margin-right: 5px; margin-bottom: 5px; } /* Help Form */ .helpBox { margin-top: 30px; } .HelpcontinueDiv { float: left; margin: 10px 0px 10px 114px; } .HelpcontinueDiv a:hover { text-decoration: none; } .helpBodyTxt { width: 455px; height: 200px; margin-top: 15px; border: 1px solid #ababab; padding-right: 10px; color: #666666; } .validationBox { position: relative; height: 47px; } .contentValidationBox { position: relative; } /*.validationBox input{ float:right;}*/ .validationBox span { /*float:right;*/ margin: 11px 30px 0px 0px; } .validationPopUp, .contentValidationPopUp { width: 44px; height: 49px; position: absolute; right: 250px; top: -20px; display: none; background-image: url('../images/Alert_red.png'); } .contentValidationPopUp { right: -30px; top: -15px; background-image: url('../images/Alert_red_flip.png'); } .contentValidationBox { width: 455px; } /*Testimonials*/ .testimonialsTop { background-image: url('../images/CutButtons_He.png'); background-position: -26px -816px; position: relative; right: 0px; top: 0px; width: 600px; height: 11px; } .testimonialsBottom { position: relative; right: 0px; bottom: 0px; color: #d6d6d6; } .tetimonialBubbleStart { float: left; background-image: url('../images/CutButtons_He.png'); background-position: -562px -891px; position: relative; right: 0px; top: -2px; width: 28px; height: 19px; } .testimonialsWriter { float: left; line-height: 45px; padding-right: 10px; } .tetimonialsItem { width: 555px; padding: 0px 0px 15px 30px; border-bottom: 1px solid #d6d6d6; } .testimonialsWrapper { margin-bottom: 10px; } /*Testimonials Home*/ .testimonialsHomeTop { background-image: url('../images/CutButtons_He.png'); background-position: -26px -848px; position: relative; right: 0px; top: 0px; width: 445px; height: 11px; } .testimonialsHomeBottom { position: relative; right: 0px; bottom: 0px; } .tetimonialsHomeItem { width: 400px; padding: 0px 0px 15px 30px; border-bottom: 1px solid #d6d6d6; } /** Exercise Page **/ .exerciseMainTbl { width: 100%; } .exerciseMainTbl .sideTD { width: 1000px; } .exerciseHeader { height: 35px; background-color: #3c3c3c; } .exerciseHeaderCont { padding: 0px 18px; } .exerciseLogo { float: right; border: none 0px; } .exerciseHeaderLinks, .exerciseHeaderLinks a { float: left; color: White; text-decoration: none; line-height: 32px; } .exerciseHeaderLinks span { float: left; color: White; text-decoration: none; margin: 0px 5px; } .exerciseHeaderLinks a:hover { text-decoration: underline; } .exerciseMenu { height: 95px; } .exerciseMenuCont { padding: 58px 8px 0px; } .exerciseMenuCont h1 { font-size: 32px; float: right; padding-top: 3px; } .exerciseMenuLeft { float: left; } .exerciseMenuSkipBtn { float: left; color: White; font-weight: bold; padding-top: 5px; cursor: pointer; } .exerciseMenuSkipBtnL, .exerciseMenuSkipBtnM, .exerciseMenuSkipBtnR { background-image: url('../images/cut_system.png'); height: 30px; float: left; } .exerciseMenuSkipBtn .exerciseMenuSkipBtnL { background-position: -19px -160px; width: 16px; } .exerciseMenuSkipBtn .exerciseMenuSkipBtnM { background-position: -38px -160px; padding: 0px 4px; line-height: 26px; } .exerciseMenuSkipBtn .exerciseMenuSkipBtnR { background-position: -200px -160px; width: 25px; } .exerciseMenuSkipBtn:hover .exerciseMenuSkipBtnL { background-position: -19px -200px; width: 16px; } .exerciseMenuSkipBtn:hover .exerciseMenuSkipBtnM { background-position: -38px -200px; padding: 0px 4px; line-height: 26px; } .exerciseMenuSkipBtn:hover .exerciseMenuSkipBtnR { background-position: -200px -200px; width: 25px; } .exerciseFlashCont, .exerciseFlash { position: relative; } .exerciseMsgSep { background-image: url('../images/traineeMsgTile.png'); height: 9px; position: absolute; top: -9px; width: 100%; z-index: 13; } .noUnreadMsgSep { background-image: url('../images/traineeMsgTile.png'); height: 9px; width: 100%; z-index: 13; position: relative; bottom: 9px; } .exerciseMsgBox { background-color: #ececec; position: absolute; bottom: 0px; width: 100%; z-index: 10; } .msgStatus { display: none; } .exerciseMsgBoxBtn { position: absolute; top: -39px; right: 32px; color: White; font-weight: bold; cursor: pointer; z-index: 10; } .exerciseMsgBoxBtnL, .exerciseMsgBoxBtnM, .exerciseMsgBoxBtnR { background-image: url('../images/cut_system.png'); height: 40px; float: left; } .exerciseMsgBoxBtn .exerciseMsgBoxBtnL { background-position: -26px -343px; width: 10px; } .exerciseMsgBoxBtn .exerciseMsgBoxBtnM { background-position: -41px -343px; padding: 0px 15px; line-height: 40px; } .exerciseMsgBoxBtn .exerciseMsgBoxBtnR { background-position: -260px -343px; width: 10px; } .exerciseMsgBoxBtn:hover .exerciseMsgBoxBtnL { background-position: -26px -416px; width: 10px; } .exerciseMsgBoxBtn:hover .exerciseMsgBoxBtnM { background-position: -41px -416px; padding: 0px 15px; line-height: 40px; } .exerciseMsgBoxBtn:hover .exerciseMsgBoxBtnR { background-position: -260px -416px; width: 10px; } .exerciseMsgInnerBox { border: 1px solid #b8b8b8; position: relative; margin: 45px auto 30px; width: 70%; background-color: White; padding: 10px; height: 88px; display: none; } .exerciseMsgTbl .exerciseMsgIcon { width: 70px; padding-right: 15px; } .exerciseMsgTbl { width: 100%; height: 88px; } .exerciseMsgTbl td { height: 88px; vertical-align: top; } .exerciseMsgHeaderLine { height: 24px; padding-top: 6px; line-height: 15px; } .exerciseMsgArrowNext, .exerciseMsgArrowPrev { background-image: url('../images/cut_system.png'); position: absolute; bottom: 40px; width: 16px; height: 16px; cursor: pointer; } .exerciseMsgArrowNext { background-position: -347px -161px; left: -26px; } .exerciseMsgArrowPrev { background-position: -372px -161px; right: -26px; } .exerciseMsgArrowNext:hover { background-position: -347px -185px; left: -26px; } .exerciseMsgArrowPrev:hover { background-position: -372px -185px; right: -26px; } .exerciseMsgBoxCloser { background-image: url('../images/cut_system.png'); background-position: -410px -165px; left: 10px; top: 10px; position: absolute; width: 12px; height: 10px; cursor: pointer; display: none; z-index: 9999; } .exerciseMsgBoxCloser:hover { background-position: -410px -190px; } .exerciseMsgSliderCount { position: absolute; top: -25px; right: 10px; font-weight: bold; } .exerciseMsgWriter { position: absolute; top: -25px; left: 10px; font-weight: bold; color: #16a0c7; cursor: pointer; } .exerciseMsgEditor { width: 530px; position: absolute; top: 20px; right: 100px; height: 290px; } .exerciseMsgEditorWrapper { position: relative; margin: auto; display: none; height: 290px; width: 700px; } .exerciseMenuList { float: left; margin-left: 17px; height: 29px; padding-top: 11px; } .exerciseMenuList a { text-decoration: none; color: #151515; } .exerciseListItemCurrent, .exerciseListItemPending, .exerciseListItemComplete, .exerciseListItemStuck { float: left; margin-right: 5px; } .exerciseListItemCurrent { border: 2px solid #adc4d2; height: 13px; width: 13px; line-height: 11px; text-align: center; } .exerciseListItemPending { border: 1px solid #adc4d2; height: 15px; width: 15px; line-height: 13px; text-align: center; } .exerciseListItemComplete { background-image: url('../images/cut_system.png'); background-position: -47px -19px; height: 17px; width: 17px; } .exerciseListItemStuck { background-image: url('../images/cut_system.png'); background-position: -78px -67px; height: 17px; width: 17px; } .exerciseSkipPopUp { position: relative; width: 377px; height: 367px; padding: 15px 30px; color: #616161; text-align: right; background-color: #fff; border: 3px solid #aaa; } .popUpCloser { background-image: url('../images/CutButtons_He.png'); background-position: -410px -372px; width: 37px; height: 37px; position: absolute; left: -20px; top: -20px; cursor: pointer; } .popUpCloser:hover { background-position: -450px -372px; } .exercisePopUpIndex { float: left; color: #808080; } .exerciseForm { margin-top: 40px; } .exerciseFromSelectionBox { margin-top: 20px; } .exerciseFormOpenTxt { margin-top: 10px; } .exerciseFormSendBtn { margin-top: 15px; float: left; background-color: #7fbdd6; height: 20px; padding: 0px 20px; color: White; text-decoration: none; font-weight: bold; } .exerciseFormSendBtn:hover { background-color: #5d9ab3; } .exerciseFormLoader { margin: 45%; } /* block ui popup */ .popUpWrapper { display: none; position: absolute; top: 20%; left: 30%; z-index: 100; } .iframePopUpWrapper { display: none; position: absolute; top: 300px; right: 50px; z-index: 100; } .popUpInner { padding: 15px 30px; background-color: White; border: 5px solid #d0d0d0; } .popUpMsgTxt { font-size: 13px; } .iframeBlockUI { height: 100%; width: 100%; z-index: 15; position: absolute; top: 0px; left: 0px; cursor: default; display: none; background-color: #fff; opacity: 0.5; } .blockUI { background-color: #000; width: 100%; z-index: 15; position: absolute; top: 0px; left: 0px; cursor: wait; display: none; } .blockOverlay { opacity: 0.5; } .FormTxtArea { width: 524px; height: 150px; margin-top: 20px; } .exerciseSkipPopUp .successMsg { display: block; margin: 50px auto 30px; text-align: center; font-size: 16px; font-weight: bold; } .exerciseFlashTD, .exerciseFlashBottomTD { border-right: 1px solid #acb8c6; border-left: 1px solid #acb8c6; } .exerciseFlashTD { border-top: 1px solid #acb8c6; } .exerciseFlashBottomTD { height: 40px; background-color: #eff3f7; } .exerciseFlashBottomDiv { background-color: #e5edf0; position: relative; top: -1px; height: 40px; width: 100%; } /* end of block ui popup */ /** Lesson Page **/ .lessonHeaderCont { padding: 0px 18px; width: 936px; margin: auto; } .lessonMainCont { width: 936px; margin: auto; position: relative; color: #444444; } .lessonPageHeader { border-bottom: 1px solid #373737; height: 35px; margin-top: 60px; } .lessonSectionsBox { padding: 15px 10px 45px; } .lessonSectionBoxTopTxt { font-size: 14px; } .lessonSectionListBox { margin: 55px auto 0px; width: 540px; } .lessonSectionBox { border: 3px solid #fff; box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; width: 128px; height: 154px; float: right; margin: 0px 0px 35px 45px; } .lessonSectionName { background-color: #4ca4bc; color: White; font-weight: bold; height: 29px; line-height: 29px; padding-right: 8px; border-bottom: 2px solid #fff; font-size: 14px; } .lessonSectionIcon { background-color: #e6eff4; height: 103px; padding-top: 20px; display: block; } /* Sections Icons */ .VmAm { background-image: url('../images/vmAmounts.gif'); width: 90px; height: 87px; margin: auto; } .VmCo { background-image: url('../images/vmColors.gif'); width: 90px; height: 87px; margin: auto; } .VmOb { background-image: url('../images/vmObjects.gif'); width: 90px; height: 87px; margin: auto; } .CaFi { background-image: url('../images/Carpets.gif'); width: 90px; height: 87px; margin: auto; } .BlBl { background-image: url('../images/Blocks.gif'); width: 90px; height: 87px; margin: auto; } .Se3d { background-image: url('../images/Series.gif'); width: 90px; height: 87px; margin: auto; } /* End of Sections Icons */ .lessonExerciseList { margin-left: 7px; height: 29px; padding-top: 11px; } .lessonExerciseList a { text-decoration: none; color: #151515; } .endLessonMsgBox { text-align: center; font-size: 36px; font-weight: normal; margin: 90px 0px; width: 500px; } .completeLessonCloseBtn { font-size: 18px; color: White; margin: 20px auto 0px; line-height: 38px; cursor: pointer; min-width: 100px; } .completeLessonCloseBtn:hover .myPageBlueBtnRight { background-position: -366px -756px; } .completeLessonCloseBtn:hover .myPageBlueBtnMiddle { background-position: -38px -756px; } .completeLessonCloseBtn:hover .myPageBlueBtnLeft { background-position: -21px -756px; } /** General Popup **/ .popupHeaderCont { background-color: #3c3c3c; width: 100%; height: 35px; } .genPopupLogo { float: right; margin-right: 20px; } .genPopupClose { float: left; margin-left: 20px; color: White; font-size: 22px; font-weight: bold; text-decoration: none; } .genPopupClose:hover { text-decoration: underline; } .genPopupMainContainer { padding: 30px; } .genPopupMainContent { margin-top: 30px; padding: 0px 10px; } /** Collaborators Page **/ .collaboratorsList { list-style: none; padding: 0px 0px 40px 0px; margin: 0px; } .collaboratorsList li { padding: 0px 0px 25px 0px; margin: 30px 0px 0px 0px; } .collImg { float: right; border: 1px solid #b6b6b6; width: 151px; height: 114px; } .collImgInner { margin: 5px; } .collDetails { float: right; padding-right: 25px; width: 405px; } .collTitle { font-size: 17px; font-weight: bold; color: #333333; display: block; margin-bottom: 10px; } .collDescription { display: block; margin-bottom: 12px; } .collLink { color: #5496b0; text-decoration: none; font-weight: bold; } .collLink:hover { text-decoration: underline; } /** Trainee Details DatePicker **/ .closeIcon { position: absolute; top: -20px; left: -20px; background-image: url('../images/Buttons_Calendar.png'); background-position: -270px -52px; width: 40px; height: 40px; z-index: 1; cursor: pointer; } .datepicker { border-collapse: collapse; border: 2px solid #999; position: absolute; width: 190px; z-index: 100; } .datepicker tr.controls th { height: 22px; font-size: 11px; } .datepicker select { font-size: 11px; width: 80px; } .datepicker tr.days th { height: 18px; } .datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; } .datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; } .datepicker th span, .datepicker tfoot td span { font-weight: bold; } .datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; } .datepicker tbody td.date { cursor: pointer; } .datepicker tbody td.date.over { background-color: #99ffff; } .datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; } .socialPlugins { list-style-type: none; direction: ltr; float: right; } .socialPlugins li { float: left; width: 100px; } /** upload pic **/ .uploadPicRight { float: right; width: 150px; } .uploadPicLeft { float: left; width: 390px; min-height: 200px; position: relative; border: 1px solid #D9D9D9; padding: 5px; } .profileImgBigPhoto { max-width: 390px; } .uploadImgSmallImgFrame { overflow: hidden; margin-right: 22px; width: 100px; height: 100px; padding: 0px; } .noUnderline { text-decoration: none; } .uploadProfileImg { width: 100px; height: 100px; } .uploadPicLeftOut { float: left; } .addImageTitle { border-bottom: 1px Solid #000000; color: #000000; font-size: 25px; margin-bottom: 15px; padding: 5px; } .cancelSaveButtons { display: none; } /* coach upload */ .uploadPicBox { position: relative; display: none; } .changePic { cursor: pointer; float: right; margin: 10px 0px; } .coachProfilePic .myPageProfileImgFrame { margin-right: 25px; } .coachProfilePic .myPageProfileImg { width: 100px; height: 100px; } .coachProfilePic .myPageProfileImgFrame { width: 100px; height: 100px; } /*Test Instructions*/ .InstructionsInner { font-size: 16px; background-color: #E5EDF0; border: 1px solid #ACB8C6; margin: 5px 0px; padding: 20px; } .testMainCont { width: 936px; margin: auto; position: relative; color: #444444; padding-top: 50px; } .InstructionsTestLbl { color: #169FC9; } .InstructionsSectionLbl { } /* * imgAreaSelect style to be used with deprecated options */ .imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 { filter: alpha(opacity=50); opacity: 0.5; } .imgareaselect-border1 { border: solid 1px #000; } .imgareaselect-border2 { border: dashed 1px #fff; } .imgareaselect-handle { background-color: #fff; border: solid 1px #000; filter: alpha(opacity=50); opacity: 0.5; } .imgareaselect-outer { background-color: #000; filter: alpha(opacity=40); opacity: 0.4; } .imgareaselect-selection { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } /** News Control **/ .newsList { padding: 0px; margin: 0px; width: 585px; } .newsList li { list-style: none; border-bottom: 1px solid #d4d4d4; padding: 0px 0px 15px 60px; } .newsList li h2 { font-size: 16px; } .newsList li .newsInfo { } .newsList li .newsInfo span { border-right: 1px solid #696969; padding: 0px 5px; } .newsList li .newsInfo span.last { border: none; padding: 0px 0px 0px 5px; } .newsList li .newsSubTitle { font-weight: bold; padding: 15px 0px; } .newsList li .newsContent { padding-bottom: 20px; } .newsList li a { color: #17A0C7; text-decoration: none; font-weight: bold; } .newsList li a:hover { text-decoration: underline; } /** Pager Control **/ .resultNavGeneral { padding: 15px 0px 0px; } .resultNavGeneral .navNumbersTable { margin: auto; } .resultNavGeneral .navNumbersTable a { color: #17A0C7; text-decoration: none; } .resultNavGeneral .navNumbersTable a:hover { text-decoration: underline; } .resultNavGeneral .navNumbersTable .resultNavButton { font-weight: bold; } .resultNavGeneral .navNumbersTable .resultNavButton.disabled, .resultNavGeneral .navNumbersTable .disabled { color: #a1a1a1; cursor: default; } .resultNavGeneral .navNumbersTable .resultNavButton.disabled:hover, .resultNavGeneral .navNumbersTable .disabled:hover { text-decoration: none; } .resultNavGeneral .navNumbersTable td { padding: 0px 3px; } .resultNavGeneral .navNumbersTable .btnTD { padding: 0px 10px; } /** News Letter Registration **/ .nlReg { margin: auto; width: 226px; } .nlReg .nlMiddle { width: 192px; border-right: 2px solid #dbdbdb; border-left: 2px solid #dbdbdb; background-color: #fff; padding: 0px 15px; position: relative; } .nlReg .nlTopFrame, .nlReg .nlBottomFrame { background: url(../images/nlCuts.png) -23px -31px; width: 226px; height: 11px; } .nlReg .nlBottomFrame { background-position: -23px -66px; } .nlReg .nlArrowBox { float: left; border-right: 1px solid #b8b8b8; padding: 0px 13px 0px 3px; margin-top: 4px; } .nlArrowDown { background: url(../images/nlCuts.png) -25px -149px; width: 10px; height: 10px; } .nlArrowUp { background: url(../images/nlCuts.png) -52px -149px; width: 10px; height: 10px; } .joinRegTitle { cursor: pointer; } .joinRegTitle .nlTxt { font-weight: bold; } .nlInput { border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; padding: 12px 0px; margin-top: 12px; } .nlInputClean { border: none; margin-top: 0px; } .nlInputLine { padding-bottom: 8px; } .nlInputLine.last { padding-bottom: 0px; } .nlInputLine input { border: 1px solid #819eb8; outline: none; margin-right: 5px; width: 100px; height: 20px; float: left; padding: 0px 5px; line-height: 20px; } .nlInputLine span { float: left; line-height: 22px; font-size: 12px; } .nlBtn { padding-top: 10px; } .nlBtn a { width: 65px; height: 29px; margin: auto; background-color: #81bed4; color: #fff; display: block; text-align: center; line-height: 29px; font-weight: bold; font-size: 16px; cursor: pointer; } .nlBtn a:hover { background-color: #72b0c4; } .mlSuccess { background: url(../images/nlCuts.png) -90px -100px; width: 70px; height: 70px; margin: auto; padding-bottom: 15px; } .mlFailure { background: url(../images/nlCuts.png) -23px -31px; width: 226px; height: 11px; margin: auto; } .mlFeedBackWrapper { padding-top: 15px; text-align: center; height: 130px; } .mlWrapper { position: absolute; top: -165px; left: 35px; display: none; } .mlWrapperArrow { position: absolute; background: url(../images/nlCuts.png) -23px -109px; width: 18px; height: 18px; top: 165px; left: 60px; } .footerML { position: relative; text-align: left; } .joinMailingList { color: White; font-weight: bold; cursor: pointer; } .mlClose { position: absolute; background: url(../images/nlCuts.png) -20px -177px; width: 32px; height: 32px; top: -15px; right: -15px; cursor: pointer; } .mlClose:hover { background-position: -64px -177px; } .NewsLetterRegistrationOnPage .nlInput { float: right; border-bottom: none; border-top: none; border-left: 1px solid #B8B8B8; padding: 0 0 0 25px; } .NewsLetterRegistrationOnPage .nlBtn { margin-top: 25px; float: left; } /*Coupons landing page*/ .couponsWarpper { margin: 55px auto 90px; position: relative; } .couponDetailsWrapper { position: absolute; width: 295px; background-color: transparent; top: 0px; left: 345px; padding: 2px; } .couponDetails { background-color: transparent; } .couponWordDiv { color: #4F8E9D; width: 220px; height: 30px; border: 1px solid #4F8E9D; margin: 12px auto 17px; background-color: white; padding: 10px 0px; font-size: 30px; } .couponsDetailsInner { color: #010103; font-family: titles-font; padding: 30px 30px; text-align: center; font-size: 20px; } .couponSumDiv { color: #4F8E9D; border-top: 1px solid #4F8E9D; border-bottom: 1px solid #4F8E9D; height: 59px; font-size: 28px; line-height: 65px; font-weight: bold; margin: 15px auto 10px; } .continueBuyBtnMiddle { background-image: url('../images/CutButtons_He.png'); background-position: -37px -415px; height: 52px; padding: 0px 42px; color: white; line-height: 52px; float: right; font-size: x-large; font-family: titles-font; font-weight: bold; } .continueBuyBtnMiddleHover { background-position: -37px -476px; } .continueBuyBtnRight { background-image: url('../images/CutButtons_He.png'); background-position: -366px -415px; width: 14px; height: 52px; float: right; } .continueBuyBtnRightHover { background-position: -366px -476px; } .continueBuyBtnLeft { background-image: url('../images/CutButtons_He.png'); background-position: -20px -415px; width: 14px; height: 52px; float: right; } .continueBuyBtnLeftHover { background-position: -20px -476px; } .continueBuyBtnWrap { margin-top: 35px; cursor: pointer; display: block; } .couponTextWrapper { font-weight: bold; font-size: 15px; line-height: 30px; position: absolute; width: 220px; right: 90px; top: 70px; color: black; } /*Landing page*/ .LandingPageTopBannerWrapper { margin: 10px 0px; } .sideCouponDetails { position: inherit; background-color: #F2F2F2; } .NewsLetterRegistrationOnPage { width: 320px; margin: auto; } .SimpleLandingPageWrapper { float: right; } .innerWarrperDiv .personalDetalis .userDetails_button { width: 100%; cursor: pointer; } .innerWarrperDiv .personalDetalis .passwordHidden { display:none;height:186px; } .personalDetalis .tdpassword { vertical-align: top; padding-top: 5px; } .personalDetalis .passwordHidden span { display: block; margin-top: 8px; } /*Order Page*/ #ordersTbl { border: 1px solid #3d3d3d; width: 100%; } #ordersTbl td, #ordersTbl th { border-left: 1px solid #3d3d3d; padding: 5px; } #ordersTbl tr td:last-child, #ordersTbl tr th:last-child { border-left: none; } #ordersTbl th { background-color: silver; } .OrderGeneralDetails { margin: 10px 0px 20px; } .OrderGeneralDetails .OrderGeneralDetailsDesc { /*text-decoration:underline;*/ } .OrderGeneralDetails .OrderGeneralDetailsTitle { font-weight: bold; display: block; margin-bottom: 5px; } .captchWrapper { width: 269px;margin-top: 10px; } .captchWrapper span { margin: 0px!important;float:right!important; } .captchWrapper img{float:right; margin-left:20px;border: 1px solid gray; } .captchWrapper input{float:right;height: 27px; } .captchaValidation ,.validationError{ color: red; white-space: nowrap; } .alertIcon { background-image: url('../images/Alert_red.png'); background-repeat: no-repeat; width: 40px; height: 40px; display: inline-block; margin-left: -15px; color: red; }