/* start general*/ .style2BG{ background-color: #EEF3FA; width: 100%; } #style2Wrapper{ width: 100%; margin: 0px auto 0 auto; background-color: #0F8FF; } #style2Header{ height: 15px; background-color: #6495ED; margin-bottom: 1px solid white; } #style2Logo{ padding-top: 20px; padding-bottom: 10px; } #style2Footer{ /* margin-top: 20px; */ /* height: 30px; */ /* width: 100%; */ width:auto; margin: auto; border: 1px solid white; background-color: white; padding: 15px 0 15px 0px; } /* Shantanu New */ .circularDiv { /* background: url("../images/common/login_box_bg.png") repeat-x scroll 0 0 #E6F0FC; */ background-color: #E6F0FC; border: 2px solid white; border-radius: 10px 10px 10px 10px; margin: 40px auto 20px; padding-top: 10px; text-align: center; /* width: 469px; */ } .circularInput{ border: 0 none; font-size: 11px; height: 34px; line-height: 34px; /* margin: 20px auto 0; */ padding-left: 116px; width: 326px; } .rightAlignBlock{ text-align: right; width: 326px; margin: auto; } /* Shantanu New - End */ /*End General*/ /* Forget Password */ #emailAddressID { background: url("../images/common/mail_address.jpg") no-repeat; height: 34px; width: 320px; padding-left: 116px; margin-top: 8px; } #phoneNumberID { background: url("../images/common/mobile_number.jpg") no-repeat; height: 34px; width: 320px; padding-left: 116px; margin-top: 8px; } #usernameTextInp{ background: url("../images/common/username.png") no-repeat; margin-top: 20px; } #emailTextInp{ background: url("../images/common/mail_address.jpg") no-repeat; } #mobileTextInp{ background: url("../images/common/mobile_number.jpg") no-repeat; } /* Login Page */ /* Ximran's Change start*/ #loginContent{ margin: 2% auto; } /* Ximran's Change end*/ #loginTable{ width: 900px; border: 0; margin: auto; } #loginTable tr td{ text-align: center; } #commercialTD{ width: 350px; } #commercialTD a{ border: 0; } #commercialTD img{ margin-top: 5px; border: 0; } #seperatorTD{ width: 100px; } #loginTD{ width: 450px; } /* Ximran's Change start*/ #loginBox{ border: 2px solid white; background: url("../images/common/login_box_bg.png") repeat-x #E6F0FC; padding-top: 10px; height: 300px; border-radius: 10px; -moz-border-radius: 10px; margin-top: 15px; } /* Ximran's Change end*/ #languageSel{ margin: 10px 40px 10px 0px; text-align: right; } #languageSel select{ background-color: #D2E6FF; border: 1px solid #AEC0D4; padding: 1px; color: #4A535C; font-weight: bold; font-size: 10px; } /* Ximran's Change Start*/ .inpFields{ margin: 20px auto 0 auto; border: 0px; line-height: 34px; padding-left: 116px; } /* Ximran's Change End*/ .inpFields:FOCUS{ outline: none; } #inpUserName{ background: url("../images/common/username.png") no-repeat; height: 34px; } #inpPassword{ background: url("../images/common/password.png") no-repeat; height: 34px; } #userNameID { background: url("../images/common/username.png") no-repeat; height: 34px; width: 320px; padding-left: 116px; margin-top: 8px; } #passwordID { background: url("../images/common/password.png") no-repeat; height: 34px; width: 320px; padding-left: 116px; margin-top: 8px; } /* --------------------------------- */ /* Existing Input Styles */ /*#inpUserName {*/ /* background: url("../images/common/username.png") no-repeat;*/ /* height: 34px;*/ /* padding-left: 36px; !* Adjust padding for icon visibility *!*/ /* border: 1px solid #AEC0D4; !* Optional: Add border *!*/ /*}*/ /*!* For the password input field *!*/ /*#inpPassword {*/ /* background: url("../images/common/password.png") no-repeat;*/ /* height: 34px;*/ /* padding-left: 36px; !* Adjust padding for icon visibility *!*/ /* border: 1px solid #AEC0D4; !* Optional: Add border *!*/ /*}*/ /*!* Maintain the background on focus for username *!*/ /*#inpUserName:focus {*/ /* background: url("../images/common/username.png") no-repeat; !* Keep username background *!*/ /* outline: none; !* Optional: Removes the default focus outline *!*/ /*}*/ /*!* Maintain the background on focus for password *!*/ /*#inpPassword:focus {*/ /* background: url("../images/common/password.png") no-repeat; !* Keep password background *!*/ /* outline: none; !* Optional: Removes the default focus outline *!*/ /*}*/ /*!* Use the :focus-within pseudo-class to keep background images on parent hover *!*/ /*.inpFields:focus-within {*/ /* background: transparent; !* Ensure the input retains its background *!*/ /*}*/ /*!* Adding opacity to ensure visibility *!*/ /*#inpUserName,*/ /*#inpPassword {*/ /* opacity: 1; !* Ensures the inputs are fully visible *!*/ /*}*/ /*!* Style for when input has a value *!*/ /*input:not(:placeholder-shown) {*/ /* background: inherit; !* Maintain background when value is present *!*/ /*}*/ /*!* Reset background when input is not empty (to prevent overrides) *!*/ /*#inpUserName:not(:placeholder-shown),*/ /*#inpPassword:not(:placeholder-shown) {*/ /* background: inherit; !* Keep the background image *!*/ /*}*/ /*!* Optional: To enhance visibility on focus *!*/ /*input:focus {*/ /* border-color: #6495ED; !* Change border color on focus for better visibility *!*/ /*}*/ /* --------------------------------- */ #errorBlock{ margin:10px 0 0 60px; font-size: 11px; text-align: left; min-height: 13px; } #forgotPassword{ margin: 15px 40px 10px auto; text-align: right; } #forgotPassword a{ color: #4A535C; font-size: 11px; text-decoration: none; } #submitBlock{ margin: 30px 40px 20px auto; text-align: right; } #sbmtLogin{ background-image: url("../images/common/login_btn.png"); width: 99px; height: 30px; border: 0; cursor: pointer; } #sbmtResetPasswd{ background-image: url("../images/common/forgotPassword.png"); width: 99px; height: 30px; border: 0; cursor: pointer; } /*Start OTP */ #mainContent{ margin: 0px auto 0px auto; } #secDeviceImg{ margin: 3px auto 3px auto; } #secDeviceBannerImg{ margin: 3px auto 3px auto; display:block; } #otpDiv{ width: 469px; background: url("../images/common/login_box_bg.png") repeat-x scroll 0 0 #E6F0FC; //border: 2px solid white; border-radius: 10px 10px 10px 10px; padding-top: 10px; text-align: center; margin: 40px auto 20px auto; } #otpTextInp{ background: url("../images/otpTextInput.jpg") no-repeat; border: 0 none; font-size: 11px; height: 34px; line-height: 34px; /* margin: 20px auto 0; */ padding-left: 116px; width: 326px; margin-top: 20px; } #buttonContainer{ width: 326px; text-align: right; margin: 20px auto 20px auto; } #buttonContainer input{ border: 0 none; cursor: pointer; height: 30px; width: 99px; } #resetBtn{ background-image: url("../images/clear-btn.png"); } #submitBtn{ background-image: url("../images/submit_btn.png"); } #resendBtn{ background-image: url("../images/resend-btn.png"); }