@font-face { font-family: 'timerewards'; src: url('../Fonts/OpenSans-Regular.eot'); src: url('../Fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url(../Fonts/OpenSans-Regular.ttf) format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'roboto'; src: url('../Fonts/Roboto-Thin.eot'); src: url('../Fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url(../Fonts/Roboto-Thin.ttf) format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'sansationl'; src: url('../Fonts/Sansation_Light.eot'); src: url('../Fonts/Sansation_Light.eot?#iefix') format('embedded-opentype'), url(../Fonts/Sansation_Light.ttf) format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Sansation'; src: url('../Fonts/Sansation_Regular.eot'); src: url('../Fonts/Sansation_Regular.eot?#iefix') format('embedded-opentype'), url(../Fonts/Sansation_Regular.ttf) format('truetype'); font-weight: normal; font-style: normal; }

/*#EmployeeContainer * { font-family: timerewards; }*/
body { font-size: .85em; font-family: timerewards; color: #232323; background-color: #fff; margin: 0; padding: 0; overflow-y: scroll; }

header, footer, nav, section { display: block; }

#employeeSearch { background: url("../Images/search-icon.png") no-repeat scroll right center rgba(0, 0, 0, 0); border: 1px solid #cdcdcd; border-radius: 5px !important; padding: 5px; width: 277px; background-size: 25px; }

.field-validation-error { color: #e80c4d; font-weight: bold; /*font-family: opensansregular;*/ font-size: 15px; }

.field-validation-valid { display: none; }

input.input-validation-error { border: 1px solid #e80c4d!important; }

input[type="checkbox"].input-validation-error { border: 0 none; }

.validation-summary-errors { color: #e80c4d; font-weight: bold; font-size: 1.1em; width: 100%!important; }

    .validation-summary-errors ul li { text-align: left!important; width: 100%!important; list-style-type: circle; /*font-family: opensansregular;*/ font-size: 15px; display: block; }

.validation-summary-valid { display: none; }

.healthTbl1 a { text-decoration: underline; color: blue; font-size: 11px; cursor: pointer; }

.boxEffect { border: 1px solid #cdcdcd; box-shadow: 0 0 10px #cdcdcd; margin: 40px; height: 845px; border-radius: 5px; }

.insideDiv1 { margin: 40px 5px; }

.insideDiv2 { background-color: #f5f6fb; color: gray; padding: 10px; text-align: center; }

.insideDiv3 { height: 450px; overflow-y: scroll; overflow-x: hidden; background-color: white; }

.employeeDiv { border: 1px solid #cdcdcd; box-shadow: 0 0 10px #cdcdcd; margin: 5px 10px; padding: 5px; }

    .employeeDiv:hover { cursor: pointer; background-color: #f8e5ae; }

.planDiv { background-color: #f3fdf3; border: 2px solid #8ecb8e; border-radius: 5px; cursor: pointer; font-size: 16px; margin: 10px; padding: 10px; }

    .planDiv:hover { cursor: pointer; background-color: #f8e5ae; }

.selected { background-color: #f8e5ae; }

.healthDiv { border: 1px solid #cdcdcd; margin: 20px; box-shadow: 0 0 12px #999; }

.fullWidth { width: 100%; }

.imgSize { width: 50px; margin: 10px; height: 50px; }

.bold20Font { font-size: 22px; color: gray; }

.bold { font-weight: bold; }

.font25 { font-size: 15px; color: gray; }

.empTable1 { width: 100%; }

    .empTable1 tr td:nth-child(1) { width: 20%; }

    .empTable1 tr td:nth-child(2) { width: 80%; }

.empTable { width: 100%; padding-top: 10px; border-top: 1px solid #cdcdcd; color: gray; }

    .empTable tr td:nth-child(1), .empTable tr td:nth-child(2), .empTable tr td:nth-child(3) { width: 35%; text-align: center; }

.healthTbl { width: 100%; height: 50px; }

    .healthTbl tr td:nth-child(1) { width: 50%; font-size: 36px; padding-top: 20px; color: #6EBCCF; background-color: #F6FAFA; vertical-align: top; }

    .healthTbl tr td:nth-child(2) { width: 25%; font-size: 18px; border-left: 1px solid #c0c0c0; vertical-align: top; background-color: #e0ffe0; }

.healthDiv1 { border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; height: 40px; }

.healthSpan { margin-left: 20px; margin-top: 10px; font-size: 14px; margin-bottom: 10px; }

.search { float: right; margin-right: 10px; }

.marginLeft10 { margin-left: 10px; }

.marginRight10 { margin-right: 10px; }

.healthTbl1 { width: 580px; border: 1px solid #e0e0e0; border-radius: 10px; margin: 20px; }

    .healthTbl1 tr td:nth-child(1) { width: 80%; }

    .healthTbl1 tr td:nth-child(2) { width: 20%; border-left: 1px solid #C0C0C0; background-color: #f5f6fb; text-align: center; cursor: pointer; }

.width370 { width: 330px; padding: 5px; }

.summary { width: 100% !important; font-size: 17px; color: gray; margin: 10px; }

    .summary > span { display: inline-block; margin: 0; padding: 0; margin-top: 12px; vertical-align: top; }

        .summary > span:nth-child(even) { width: 28%; }

        .summary > span:nth-child(odd) { width: 70%; }

.details { font-size: 16px; color: gray; font-weight: normal; margin-left: 10px; margin-top: 30px; }

.btnDetails { border: 1px solid #C0C0C0; border-radius: 5px; padding: 5px 10px; cursor: pointer; }

.btnDoc { border: 1px solid #C0C0C0; border-radius: 5px; padding: 5px 10px; }

.plussize { width: 40px; height: 40px; }

.company { color: gray; font-weight: normal; font-size: 20px; margin-left: 13px; }

.detailSize { height: 22px; vertical-align: text-bottom; }

.docSize { vertical-align: middle; }

.blkt { background-color: #999; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 101; display: none; }

    .blkt > img { position: fixed; top: 47%; left: 47%; }


.backarrowButton { background-image: url("../Images/backarrow.png"); background-repeat: no-repeat; cursor: pointer; height: 31px; /*font-family: helvetica !important;*/ width: 155px; border: 4px solid White !important; background-color: #94ce6a !important; border-width: 0 4px 0 0 !important; }

    .backarrowButton:hover { font-weight: bold; }

.headingSection { border-bottom: 1px solid #F1F0F5; font-size: 18px; margin-bottom: 20px; margin-top: 10px; }

.disabled { }

.planTbl { width: 100%; margin: 20px; }

    .planTbl tr td:nth-child(even) { width: 30%; padding: 10px; }

    .planTbl tr td:nth-child(odd) { width: 20%; padding: 10px; color: gray; }

.headTbl { width: 100%; margin: 20px; }

    .headTbl tr td:nth-child(1), .headTbl tr td:nth-child(3) { width: 20%; }

    .headTbl tr td:nth-child(2) { color: gray; /*font-family: helvetica;*/ font-size: 22px; font-weight: bold; text-align: center; width: 60%; }

.expendCollapseSection { margin: 0 10px 0 10px; cursor: pointer; }

.headingSection .plus { background-image: url('../Images/minusplus.png'); height: 13px; width: 13px; background-position: -8px -7px; }

.headingSection .minus { background-image: url('../Images/minusplus.png'); height: 13px; width: 13px; background-position: -8px -32px; }

.hidden { display: none; }

#divEditPlan { overflow-y: scroll; height: 500px; overflow-x: hidden; margin: 10px; }

.dropDownWidth { width: 179px; }

.fullWidth { width: 100%; }

.halfWidth { width: 50%; }

.alignCenter { text-align: center; }

.alignRight { text-align: right; }

input[type="submit"].buttonLargeBlue, input[type="reset"].buttonLargeBlue, input[type="button"].buttonLargeBlue, button.buttonLargeBlue, a.buttonLargeBlue { height: 43px; font-size: 15px; font-weight: bold; margin: 0; padding: 4px 7px; border-radius: 7px; text-transform: uppercase; float: right; margin-top: 5px; margin-right: 20px; background-color: White; color: #94ce6a; border: 2px solid; }

    input[type="submit"].buttonLargeBlue:hover, input[type="reset"].buttonLargeBlue, input[type="button"].buttonLargeBlue:hover, button.buttonLargeBlue:hover, a.buttonLargeBlue:hover { background-color: #94ce6a; color: white; cursor: pointer; text-shadow: 0 0 1px black; }

    input[type="submit"].buttonLargeBlue:active, input[type="reset"].buttonLargeBlue, input[type="button"].buttonLargeBlue:active, button.buttonLargeBlue:active, a.buttonLargeBlue:active { box-shadow: 0 0 10px #94ce6a; }

.divDesc { height: 755px; }

.divPlan { height: 755px; width: 335px; }

.editImage { width: 18px; }

.floatRight { float: right; }

.floatLeft { float: left; }

.marginLeft10 { margin-left: 10px; }


.tblBorder table, .tblBorder td { border: 1px solid #C0C0C0; border-collapse: collapse; }

.tblBorder td { padding: 5px; }

.planDetailTbl1 { width: 100%; font-size: 18px; padding-top: 10px; margin: 10px; }

    .planDetailTbl1 tr td { width: 50%; font-weight: bold; color: gray; }

.tblFull { width: 100%; }

    .tblFull tr td { width: 50%; vertical-align: top; }

.planDetailTbl2 { width: 100%; }

    .planDetailTbl2 tr td { width: 50%; }


.planDetailTbl21 { width: 100%; }

    .planDetailTbl21 tr td:nth-child(1), .planDetailTbl21 tr td:nth-child(2) { width: 15%; }

.planDetailTbl3 { width: 100%; }

    .planDetailTbl3 tr td { width: 50%; }

.tblBorder { padding: 10px; font-size: 18px; }

.tblHeading { font-size: 20px; padding-bottom: 10px; color: gray; }

colorGray { color: gray; }

.mainMenu { margin-top: 0; padding-top: 10px; }

    .mainMenu li { display: inline; padding-bottom: 12px; padding-top: 17px; margin-right: 1px; }

        .mainMenu li:hover { background-color: #B0E0E6; }

        .mainMenu li a { color: white; font-size: 17px; padding: 0 20px; text-decoration: none; }

        .mainMenu li:hover a { color: #3399FF; }

        .mainMenu li.current { background-color: #B0E0E6; }

            .mainMenu li.current a { color: #3399FF; }

#mainMenu li a:hover { color: black !important; }

.moveBlueDot { right: 81px !important; }


.anchor { cursor: pointer; color: #019EE1; text-decoration: underline; font-weight: normal; font-size: 12px; }

    .anchor:hover { cursor: pointer; color: #019EE1; text-decoration: underline; font-size: 12px; }

.planDetailButton { background-color: #3399FF; color: white; border: 1px solid #3399FF; font-size: 15px; margin-top: 20px; padding: 7px; cursor: pointer; }

    .planDetailButton:hover { text-shadow: 0 0 2px #333; }

    .planDetailButton:active { box-shadow: 0 0 10px #3399FF; }


.continueButton { background-color: #69BB13; color: white; border: 1px solid #69BB13; font-size: 15px; padding: 7px; cursor: pointer; }

    .continueButton:hover { text-shadow: 0 0 2px #333; }

    .continueButton:active { box-shadow: 0 0 10px #69BB13; }


.orangeButton { background-color: #ff9100; color: white; border: 1px solid #ff9100; display: block; font-size: 18px; margin-top: 20px; padding: 7px; width: 100%; cursor: pointer; }

    .orangeButton:hover { text-shadow: 0 0 2px #333; }

    .orangeButton:active { box-shadow: 0 0 10px #ff9100; }


.greenButton { background-color: #008000; color: white; border: 1px solid #008000; display: block; font-size: 18px; margin-top: 20px; padding: 7px; width: 100%; cursor: pointer; }

    .greenButton:hover { text-shadow: 0 0 2px #333,0 0 2px #333; }

    .greenButton:active { box-shadow: 0 0 10px #008000; }

.orangeButto { background-color: #ff9100; min-width: 120px; color: white; border: 1px solid #ff9100; display: block; font-size: 18px; padding: 7px; cursor: pointer; }

    .orangeButto:hover { text-shadow: 0 0 2px #333; }

    .orangeButto:active { box-shadow: 0 0 10px #ff9100; }

.greenButto { background-color: #008000; color: white; border: 1px solid #ff9100; display: block; font-size: 18px; padding: 7px; cursor: pointer; }

    .greenButto:hover { text-shadow: 0 0 2px #333; }

    .greenButto:active { box-shadow: 0 0 10px #ff9100; }

#wizardNavigationDiv { border-bottom: 2px solid #ff9100; height: 50px; margin-top: 20px; text-align: center; }

.editBox { font-size: 0; width: 85% !important; margin: 30px 30px 50px 30px; }

    .editBox > span { color: #999; display: inline-block; font-size: 14px; margin: 12px 0 0; padding: 0; vertical-align: top; }

        .editBox > span:nth-child(2n) { text-align: left; width: 25%; }

            .editBox > span:nth-child(2n) * { border: 1px solid #999; color: #999; }

        .editBox > span:nth-child(2n+1) { margin-right: 15px; text-align: right; width: 20%; }

            .editBox > span:nth-child(2n+1):after { color: red; content: ""; display: inline-block; font-size: 15px; margin-left: 4px; }

        .editBox > span.man:nth-child(2n+1):after { color: red; content: "*"; display: inline-block; font-size: 15px; margin-left: 4px; }

    .editBox select { color: inherit; width: 156px; }

    .editBox input { border-color: #999; }

    .editBox select option { color: inherit; border: none !important; }

h1 { color: #808080; }

h3 { color: #4accfd; display: inline-block; font-size: 26px; margin: 0; font-weight: normal; }

h2 { color: #4accfd; display: inline-block; font-size: 20px; margin: 0; font-weight: normal; }

h1 { color: #4accfd; display: inline-block; font-size: 16px; margin: 0; font-weight: normal; }



#divPlanAssignment * { /*font-family: timerewards;*/ }

.plan { border: 1px solid #4accfd; margin: 10px 0px 20px 20px; padding: 20px; background-color: #fafafa; background-color: #fafafa; }

.floatR { float: right; }

.small { font-size: 10px; }

.normal { font-size: 13px; }

.large { font-size: 16px; }

.xLarge { font-size: 19px; }

.planRxBox > div > span { display: inline-block; width: 215px; }

.planRxBox > div > h1 { display: inline-block; min-width: 165px; }

.divMembers > div { background-color: #EEFAFE; border: 1px solid #4accfd; border-radius: 10px; display: inline-block; margin: 10px 20px; padding: 5px; cursor: pointer; }

    .divMembers > div:hover { border: 1px solid #ff9100; }

    .divMembers > div:active { box-shadow: 0 0 10px #ff9100; }

    .divMembers > div > div:nth-child(2) { text-align: center; }

.divMember > div:nth-child(1), .divMember > div:nth-child(1) * { vertical-align: middle; }

.btnPlanDetails { cursor: pointer; }

#waiveContainer, #waiveContainer * { vertical-align: middle; }

#waiveContainer { background-color: #F3FDF3; color: #4accfd; border: 1px solid #8ECB8E; margin-top: 20px; padding: 20px; }

    #waiveContainer:hover { border: 1px solid #ff9100; }

    #waiveContainer:active { box-shadow: 0 0 10px #ff9100; }

.waiveContainer, .waiveContainer * { vertical-align: middle; }

.waiveContainer { background-color: #F3FDF3; color: #4accfd; border: 1px solid #8ECB8E; margin-top: 20px; padding: 20px; }

    .waiveContainer:hover { border: 1px solid #ff9100; }

    .waiveContainer:active { box-shadow: 0 0 10px #ff9100; }


.minus { background-image: url('../images/minusplus.png'); background-position: -8px -7px; height: 13px; width: 13px; padding: 0px 10px 3px 0; }

.plus { background-image: url('../images/minusplus.png'); height: 13px; width: 13px; background-position: -8px -32px; padding: 0px 10px 3px 0; }

/*.employeeListItem { border: 2px solid #8ecb8e; margin: 5px; border-radius: 5px; background-color: #f3fdf3; }

    .employeeListItem :hover { cursor: pointer; background-color: #f8e5ae; }*/

.checkedImage { background: url("../Images/check.gif") no-repeat; width: 21px; vertical-align: middle; }

.uncheckedImage { background: url("../Images/uncheck.gif") no-repeat; width: 21px; vertical-align: middle; }

.redalertImage { background: url("../Images/redalert.gif") no-repeat; width: 21px; vertical-align: middle; }

/*.redalertImage { background: url("../Images/redalert.gif") no-repeat;width: 21px; vertical-align: middle;}*/

.empTable2 tr td:nth-child(1), .empTable2 tr td:nth-child(2), .empTable2 tr td:nth-child(3) { width: 35%; text-align: center; }

.empTable2 { width: 100%; border-top: 1px solid #cdcdcd; color: gray; }

.dateSelector { background-image: url("../Content/images/calendar.png"); background-position: right center; background-repeat: no-repeat; background-size: auto 24px; }


@media only screen and (max-width: 1360px) {
    #PlanAssignmentView { font-size: 16px; margin: 50px auto 10px auto; width: 1000px; padding-bottom: 30px; }
}

@media only screen and (min-width: 1361px) {
    .PlanAssignmentView { font-size: 16px; left: 50%; margin: 50px 20px 10px -650px; position: absolute; width: 1000px; padding-bottom: 30px; }
}

.tick { background: url('../Images/Submit.gif'); background-size: 16px 16px; height: 16px; width: 16px; }

.headingSection { border-bottom: 1px solid #F1F0F5; color: #6ebccf; font-size: 17px; font-weight: normal; margin-bottom: 10px; }


.noteligible { background: url("../Images/redalert.gif") no-repeat; width: 21px; vertical-align: middle; }

.eligible { background: url("../Images/check.gif") no-repeat; width: 21px; vertical-align: middle; }

/*body * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }*/

.closePopup { cursor: pointer; display: block; float: right; margin-left: 0 !important; margin-right: -10px; margin-top: -25px; position: relative; z-index: 1010; }

#cartFooter { padding: 10px 0; }

    #cartFooter > div { background-color: #4accfd; border-bottom: 1px solid #eee; color: white; font-size: 20px; line-height: 37px; padding: 0 10px; text-align: left; }

        #cartFooter > div:last-child { background-color: #4accfd; border-bottom: none; color: white; font-size: 20px; line-height: 37px; padding: 10px 10px 0 10px; text-align: left; }

#scrollable { border: 1px solid #4accfd; }

    #scrollable h1 { width: 100%; }

        #scrollable h1 span { float: right; color: #666; }

    #scrollable h2 { width: 100%; }

        #scrollable h2 span { float: right; color: #666; }

#cartBenefitsTable { border-collapse: collapse; font-size: 13px; text-align: center; width: 100%; margin: 10px 0; color: #666; }

    #cartBenefitsTable td { padding: 1px 0; }

#cartButtom { background: url("../images/selectedplans.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 170px; position: fixed; right: 0; top: 116px; width: 33px; cursor: pointer; display: none; }

#cartContent { display: none; height: auto; width: 350px; top: 116px; right: 0; position: fixed; background-color: white; }

.PHinCart { border: 1px solid #cdcdcd; color: #666; display: inline-block; font-size: 12px; margin: 10px 5px 0 0; padding: 2px 10px; }

.removeCartItem { color: blue; font-size: 12px; cursor: pointer; float: right; }

.cartItemContainer { background-color: #fafafa; border: 1px solid #4accfd; margin: 15px; padding: 15px; }

#closeCart { left: -15px; position: absolute; top: -15px; cursor: pointer; }

#helpicon { cursor: pointer; display: inline-block; height: 18px; margin-left: 4px; margin-right: -20px; outline: medium none; text-decoration: none; vertical-align: middle; width: 16px; background: url("../images/search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: none; }

.empLogout { z-index: 1; text-shadow: none; background: url('../Images/MenuImg.png') repeat scroll 0 -11px rgba(0, 0, 0, 0); color: #666; cursor: pointer; font-size: 18px; height: 30px; line-height: 28px; position: absolute; right: 50px; text-align: center; text-decoration: none; top: 0; width: 124px; }

    .empLogout:hover { text-shadow: none; background: url('../Images/MenuImg.png') repeat scroll 0 -70px rgba(0, 0, 0, 0); color: white; }

    .empLogout:active { text-shadow: 0 0 1px black; }

/*.empHome { background: url("../Images/MenuImg.png") repeat scroll -40px -129px rgba(0, 0, 0, 0); border: 1px solid #f6f6f6; color: #666; cursor: pointer; display: inline-block; font-size: 18px; height: 33px; margin-bottom: 20px; margin-top: -7px; text-decoration: none; text-shadow: none; top: 0; width: 41px; }
    .empHome:hover { background: url("../Images/MenuImg.png") repeat scroll -40px -157px rgba(0, 0, 0, 0); }
    .empHome:active { box-shadow: 0 0 5px #666; border-radius: 5px; }*/

.empHome { background-color: #4accfd; color: white; font-size: 17px; margin-top: -50px; padding: 9px; position: absolute; text-align: center; text-decoration: none; width: 100px; text-shadow: none; }

    .empHome:hover { background-color: #b0e0e6; color: #39f; text-shadow: none; }

    .empHome:active { text-shadow: 0 0 1px white; }


.ui-widget-overlay { /*background-color: #666 !important;*/ background: none #666 !important; opacity: 0.5; }


.menuRight, .menuRight * { vertical-align: middle; }

.menuRight { color: white; float: right; line-height: 38px; padding: 5px 10px; }

    .menuRight .labelLarge { color: white; cursor: pointer; line-height: 30px; vertical-align: middle; }

    .menuRight .userMenu { background: url("../Images/Option.png") no-repeat scroll 5px 2px white; border: 1px solid transparent; cursor: pointer; display: inline-block; height: 34px; line-height: 30px; margin-left: 10px; width: 48px; }

        .menuRight .userMenu:hover { border: 1px solid #157DD5; }

#userMenuItems { background-color: white; border: 1px solid #9ab4cb; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; box-shadow: 0 5px 5px #9ab4cb; font-size: 14px; padding-bottom: 10px; position: absolute; width: 250px; z-index: 10; }

    #userMenuItems span { background-color: #eee; border-radius: 0; color: #333; display: block; font-size: 13px; line-height: 7px; overflow: hidden; padding: 9px 10px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }

    #userMenuItems a { text-decoration: none; color: #333; border-radius: 0; border-top: 1px solid #eeeeee; display: block; font-size: 15px; overflow: hidden; padding: 7px 10px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }

        #userMenuItems a img { height: 26px; line-height: 26px; margin-right: 7px; vertical-align: middle; width: 20px; }

            #userMenuItems a img#imgSetup { background: url("../images/userimg.png") repeat scroll -24px -46px transparent; }

            #userMenuItems a img#imgWizard { background: url("../images/userimg.png") repeat scroll -24px -238px transparent; }

            #userMenuItems a img#imgFeedback { background: url("../images/userimg.png") repeat scroll -24px -111px transparent; }

            #userMenuItems a img#imgLofOff { background: url("../images/userimg.png") repeat scroll -24px -140px transparent; }

            #userMenuItems a img#imgMyAccount { background: url("../images/userimg.png") repeat scroll -24px -174px transparent; }

            #userMenuItems a img#imgChangePassword { background: url("../images/userimg.png") repeat scroll -24px -205px transparent; }

        #userMenuItems a:hover { background-color: #2aa9e0; color: white; }

#moreMenuOptions a:hover { background-color: #2aa9e0; color: #ffffff; }


.lightbox { display: none; background-color: #666; opacity: 0.7; filter: alpha(opacity=70); position: fixed; top: 0px; left: 0px; min-width: 100%; min-height: 100%; z-index: 200; }

.lightbox-panel { display: none; position: fixed; top: 300px; left: 50%; /*margin-left: -200px;*/ width: 150px; height: 150px; background: url("../Images/loadingTimer.gif") no-repeat scroll 0 0 transparent; padding: 10px 15px 10px 15px; z-index: 1001; }

#AddEmp { background-color: #cc3300; border-radius: 25px; color: white; padding: 10px 20px; margin-left: 10px; cursor: pointer; display: inline-block; }

    #AddEmp:hover { box-shadow: 0 0 10px #cc3300; }

#btnSync { border: 1px solid #cdcdcd; border-radius: 25px; display: inline; padding: 10px 20px; cursor: pointer; }

    #btnSync:hover { box-shadow: 0 0 10px #cdcdcd; }

#btnConnect { border: 1px solid #cdcdcd; border-radius: 25px; display: inline; padding: 10px; cursor: pointer; }

    #btnConnect:hover { box-shadow: 0 0 10px #cdcdcd; }

.ui-draggable-helper { z-index: 5000; }

.divUploadSync { border: 1px solid #cdcdcd; border-radius: 25px; cursor: pointer; display: inline; padding: 10px 20px; }

    .divUploadSync:hover { box-shadow: 0 0 10px #cdcdcd; }


.txtSearchActive, .txtSearchCobra, .txtSearchInactive { background: url("../images/magnifying-glass.gif"); background-repeat: no-repeat; background-position: right center; width: 200px; font-size: 18px; color: #999; border: 1px solid #cdcdcd }

.txtAddFirstName, .txtAddLastName, .txtAddBirthDate{ margin-top:5px; font-size:13px}


#btnConnectSettings { background: url("../Images/connecttoqb.png"); width: 106px; height: 36px; display: inline-block; background-position: 0px 0px; vertical-align: middle }

    #btnConnectSettings:hover { background-position: 0px -39px; }

.adpLogin { height: 25px; background-image: url("../Images/adp-login-sso-button.png"); background-size: cover; width: 100px; display: inline-block; line-height: 25px; float: right }