/* FILE <basic.css> */ html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0;} textarea, input, button, select{font-family: inherit; font-size: inherit;} h3, h2{font-size: small;} h2{margin: 0 0 2px !important;} div.control iframe{margin: 3px 0 0 !important;  width: 429px !important;} iframe.ux_basic_xhtml_rprts{height: 800px;} body{line-height: 1;} ol, ul{list-style-position:inside;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: none;} :focus{outline: 0;} ins{text-decoration: none;} del{text-decoration: line-through;} table{border-collapse: collapse; border-spacing: 0;} h4{clear: both; font-size: 14px; font-weight: 400; color: #898989; line-height: 14px; margin: 25px 0 10px 0px; padding: 0 0 10px 0; border-bottom: #898989 dotted 1px; width: 890px;} h5{font-size: 12px; font-weight: bold; color: #363636; line-height: 23px; margin: 1px 0 5px 10px;} .hSectionBtm, .hSectionBtmInd, .hSection{clear: both; display: block; padding: 0 0 10px 0; overflow: hidden;} .hSectionBtm{margin: 0 0 10px 0;} .hSectionBtmInd{display: inline-block; margin: 0 0 10px 25px; border-bottom: #898989 dotted 1px;} .hSectionTopInd{clear: both; display: block; padding: 25px 0 0 0; border-top: #898989 dotted 1px; width:890px;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{display: inline-block;} * html .clearfix{height: 1%;} .clearfix{display: block;} .tenAfter{clear: both; height: 10px; margin: 0 0 10px 0;} .cb{clear:both;} .example{color: #f00; font-size: 12px; line-height: 15px; font-weight: bold; margin: 10px 0 10px 15px;} #viewHomePageOfAnother{height: 64px; width: 700px; margin-bottom: 10px; padding: 0 0 0 8px; background: transparent url(../images/homePage/view-home-as-another-user.png) 0 0 no-repeat; font-size: 10px; font-weight: normal; line-height: 27px;} #viewHomePageOfAnother a{background: transparent url(../images/homePage/homeIcon.png) 0 0 no-repeat; padding: 0 0 0 25px;} #aliasYourselfAs{height: 83px; width: 700px; margin: 10px 0 20px 0; padding: 0 0 0 10px; background: transparent url(../images/administration/alias-another-user.png) 0 0 no-repeat; font-size: 12px; font-weight: normal; line-height: 27px;} #aliasYourselfAsButton{height: 17px; vertical-align: middle; line-height: 19px; margin: 10px 0 0; padding: 4px 8px 8px 8px;} #aliasedAs{clear: both; display: block; margin: 0 0 0 28px; padding-top: 5px;} .genericError{width: 452px !important; border: 1px solid; padding: 20px 10px 20px 55px; margin-bottom: 10px; background-repeat: no-repeat; background-position: 10px center; background-color: #feefb3; background-image: url(../images/icons/attention_32x32.png); color: #000;} .genericRequest{width: 452px !important; padding: 0px; margin-bottom: 10px; color: #898989; font-weight: 400; font-size: 14px;} TABLE.goalWeightTable TR TD{line-height: 20px; vertical-align: center !IMPORTANT; font-weight: bold; padding-right: 10px;} #licenseCount .old_license_count{width : 50px; padding-left:10px;} #licenseCount .new_license_count{width : 60px; height: 26px; padding-left:10px;} #licenseCount .alphaleft{width: 290px; display : block;} #licenseCount .alpharight{display : block;} #licenseCount div.newLclabel{width : 250px;} #licenseCount div.label{height : 30px; padding-top : 6px;} .upArrow{background-image: url(../images/lic_tool/up.png); background-repeat : no-repeat; background-size : 15px auto; height : 21px; cursor : pointer;} .downArrow{background-image: url(../images/lic_tool/down.png); background-repeat : no-repeat; background-size : 15px auto; height : 21px; cursor : pointer; margin-top : -4px;} .arrowSection{width : 15px; display: inline-block; position: absolute; height: 32px; right: 0; overflow: hidden; background-color : #F1EFF0; top:0px;} .form_column .success{background:#efffb9 none repeat scroll 0 0; color:#333; padding:5px 20px; width:300px;font-weight:bold;} .form_column .fail{background:#fccac2 none repeat scroll 0 0;color:#333;padding:5px 20px; width:300px;font-weight:bold;} .hisAppSaveBtn{width : 50px !important; background-color: #005a9e; color : #EDFEE9 !important;} #advanceAnalyticsDiv{background:#F0FCFF; height:50px; padding-left:10px;border : 1px solid #CCCCCC;} #advanceAnalyticsDiv #advanceAnalyticsButton{width:125px; height: 17px; vertical-align: middle; line-height: 19px; margin: 10px 0 0; padding: 4px 8px 8px 8px;} .normalFontRed{color:red; font-weight:normal !important;} .heading{background: #EFE4B0; border-radius: 15px; padding: 10px 10px 10px 30px; line-height : 20px; font-weight:bold; color: #7f7f7f;} .uploadFileHeader{width : 100%; color : #636363; font-weight: bold; font-size: 16px; padding:10px; margin-top : 15px;} .fullWidthFromLeftFile{position:absolute; left: 0px; width: 50% !important; height: 25px !important;} .changeUsername{display : inline-block; width: 100%; position: relative;} .blackFont{color: #000;} .submitForm{margin-top: 15px !important; height:25px !important; margin-right: 50% !important;} .submitFormImport{margin-top: 5px !important; height:25px !important; margin-right: 50% !important;} .viewImportFileLink{float: right; text-align: left; width: 49%;} .noUnderLine{text-decoration: none !important;} .changeuserNameError{margin: 5px 5px 5px 25%; padding: 10px; text-align: center; width: 50%; color:#FF0000;} .changeuserNamesuccess{margin: 5px 5px 5px 25%; padding: 10px; text-align: center; width: 50%;} .multiappraiserMessage{width: 40% !important; line-height: 20px !important; height: auto !important; border: 1px solid rgb(150, 150, 150) !important; padding: 10px !important;} #advanceAnalyticsDiv{background:#F0FCFF; height:50px; padding-left:10px;border : 1px solid #CCCCCC;} #advanceAnalyticsDiv #advanceAnalyticsButton{width:125px; height: 17px; vertical-align: middle; line-height: 19px; margin: 10px 0 0; padding: 4px 8px 8px 8px;} .appHisInfoMain{display:inline-block; width:100%; padding-top:4px;} .appHisInfoLeft{width:25%; font-weight:bold; float:left;} .appHisInfoRight{width:75%; float:right;} .labelWithTopPadding{padding-top:8px;} .errorWidget{font-weight : bold;color : #FF0000 !important;} .errorAppraisalState{background: #FFFF00;} .setHeight{height:20px !important;} .statusRightButtonAdmin{width : auto !important; height : auto !important; padding : 4px !important;} .disableUnRfmButton{background-color:#a7a7a7 !important; cursor:text !important;}  .no-border-blank{background: #FFFFFF !important; border-left : 1px solid #b6b4b4; border-right : 1px solid #b6b4b4; border-top : 1px solid #fff !important; border-bottom : 1px solid #fff !important; width:1px;} .matrix-table table{text-align: center;} .matrix-table table tr td{border: 1px solid #CCC;} .matrix-table{width: 100%; margin-top: 15px; margin-bottom: 25px;} .float-l{float: left;} .matrix-table table td{vertical-align: middle; padding: 5px;} #num-columns{width: 150px !important;} .merit-selector div.control{width: 30% !important;} .merit-selector div.label{width: 36% !important;} .addCoreValue{float: left;} .widgetBox{width: 300px; height: 300; overflow-x: auto; overflow-y: hidden}  .leftMenuOverlay{height: 800px; width: 210px; background-color: rgb(204, 204, 204); opacity: 0.8; z-index: 50; top: 103px; position: fixed;}  .topMenuOverlay{height: 103px; width: 100%; background-color: rgb(204, 204, 204); opacity: 0.8; z-index: 51; position: fixed;}  #rightNavigation{float: right;}  #addhocAlertUser{width: 80%; float:left;}  .recurrenceTime{float: left; width: 100%;}  #leftRecurrDivMsgOnce{line-height : 1.5em;}  #concAppHisTable{margin-top : 40px;}  .save_cancel{width:50%; position: absolute; margin-top: 250px;}  .concAppDiv{float:right;}  .setMarginRightTo7{margin-right: 2px !important;}  .concAppLabel{float:left; padding: 8px; font-weight: bold;}  .concAppSel{border:1px solid #ddd; width:100%;}  .concAppSelDiv{float : left; max-width: 150px;}  .inactiveDelete{opacity: 0.4;}  #selectEmployeeRows{height:373px !important; float: left; min-width: 300px; display:block; overflow-y : auto; border-collapse : inherit; margin : 0px !important; border : 1px solid #b6b4b4 !important; width : calc(100% - 2px) !important;}  .newclass{float: right;}  .highlighted{background: orange; background-color: orange;} .transferselection{width:25px !important; float:left ; margin-left:15px; margin-top: 110px;} #rightBlock{width: 100%; height: 378px !important; margin-top: 0px;} .activeselectiondiv{width: 25% !important;} .inactiveselectiondiv{width: 70% !important; float: left;} div.activeselectiondiv div.xfer_chooser_title, div.inactiveselectiondiv div.leftHeaderConcApp{height: 14px; background-repeat: repeat-x; background-position: bottom; text-align: center; font-weight: 600; color: #555; border: 1px solid #dfdcd7; padding: 8px;} .divAssignPos{width: 100%; float: right;} #selectEmployeeRows tr.selected{background-image : none; background-color : #f39335 !important; color : #fff;} #selectEmployeeRows tr td{border : 0px !important;} .noBorder{border : 0px !important;} #rightBlock option{width : 100%; height : 1.5em; padding : 1px 0 3px 2px;} div.divAssignPos a.disableUnRfmButton{pointer-events: none; cursor: default;} .labelCustom{float:left; padding-top: 4px;} .inputCustom{float : right;} #popupProcessTblId{width:97% !important; white-space : normal;} .assign_to_emp .grid_1{width : 85px !important;} #assign_to_emp .grid_1{width : 15% !important;} #assign_to_emp .grid_1:first-child{width : 50px !important;} #assign_to_emp .grid_1 span.dateAreaOutline input{width: 50px !important;} #assign_to_emp table .calendarInside{width: 100% !important;} #assign_to_emp table .checkbox{display: inline-block; min-width: 16px; float: right; margin-top: -2px;} table#popupProcessTblId.tableSelector tbody tr td{padding: 12px 2px;} #assign_to_emp .calendarInside{min-width: 121px !important;} #my_library_form select{height : 25px;} .readonlyClassForaAppraisal{color: black; background-color: #dedede !important; cursor: not-allowed;} .pctc{width : 100px !important; text-align:center;} .redflag{color:red; width : 40px !important; text-align:center;} .greenflag{color : green; width : 40px !important; text-align:center;} .core_value_up{float:left; cursor: pointer; margin-top:8px; width:50%;} .core_value_down{float:right; cursor: pointer; margin-top:8px; width:42%;} #coreValue-table th{text-align:justify;} .tdwidth40{line-height : 40px !important;} .coreValEdit{padding-left: 6px !important;} .coreValCopy{padding-left: 23px !important;} .coreValDelete{padding-left: 10px !important;} #concAppSettingForm div div div div:nth-child(2) div div.field, #Appraisal_Process_Form div div div div:nth-child(2) div div.field{display: inline-block;} .google-visualization-tooltip{width:275px; display: block;} #ConfirmTable > TABLE.validationTable TH{padding-right: 4px;} .inactiveselectiondiv #selectEmployeeRows #tbody_selectEmployeeRows{overflow-y:auto;} .adjust-merit-info{width: 40%; float: right; padding: 10px 0px;} .adjust-merit-info input[readonly]{margin: 0px 0px 0px 0px;} .merit-table{max-width: 100%; width: 100%; white-space: normal !important; text-align: center; border: 0px;} .merit-table tbody{overflow-y: auto; max-height: 450px;} .merit-table tr td, .merit-table tr th{border: 1px solid #AAA;} .merit-table td, .merit-table th{vertical-align: middle; padding: 6px;} .merit-switch{cursor: pointer;} .merit-table input[readonly]{margin:0px;} .merit-table tbody tr td .tallener{display:none;} .merit-table tbody td:nth-child(2), .merit-table thead th:nth-child(2){background-color: #e1efd8;} .merit-table tbody td:nth-child(3), .merit-table tbody td:nth-child(4), .merit-table tbody td:nth-child(5), .merit-table tbody td:nth-child(6), .merit-table thead tr:nth-child(1) th:nth-child(3), .merit-table thead tr:nth-child(2) th:nth-child(3), .merit-table thead tr:nth-child(2) th:nth-child(4), .merit-table thead tr:nth-child(2) th:nth-child(5), .merit-table thead tr:nth-child(2) th:nth-child(6){background-color: #deeaf6;} .merit-table tbody td:nth-child(7), .merit-table tbody td:nth-child(8), .merit-table thead tr:nth-child(1) th:nth-child(4), .merit-table thead tr:nth-child(2) th:nth-child(7), .merit-table thead tr:nth-child(2) th:nth-child(8){background-color: #fef2cc;} .merit-table td:nth-child(1){width: 200px;} .target-bgt-field{width: 49.2%; float:right;} #Evaluation .deactivatedArea{width:100%; float: left; margin: 0px; padding: 5px 10px 5px 30px; text-align: left;} .target-bgt-field .label{font-size: 12px; margin-right: 15px;} .merit_padding_2{color: #000088; padding-left: 20px;} .merit_padding_4{color: #008800; padding-left: 40px;} .merit_padding_6{color: #880000; padding-left: 60px;} .merit_padding_8{color: #880000; padding-left: 80px;} .merit-selector div.full_container{width: 50%;} .export-merit{margin-left: 45%; margin-top:15%; float:left;} .export-merit-image{width: 50px; margin-left: 40px; margin-right: -66px; cursor: pointer;} .merit-calculator>span:first-child{font-size:13px; float:left;} .range-message{margin-bottom: 25px; clear: both;} .matrix-table input[readonly]{margin:0 0 0 0;} #LevelConfigGoalLevels.label{font-size: 3em;} .multiappraiser th{text-align: center !important;} table#concAppHisTable thead tr th{text-align: left;} table#concAppHisTable thead tr th:nth-last-child(2){text-align: center;} table#concAppHisTable tbody tr td:nth-last-child(2){text-align: center;} table#concAppHisTable thead tr > th:last-child, table#concAppHisTable tbody tr > td:last-child{width: 100px; text-align: center;} table#concAppHisTable tbody tr > td:last-child i{margin-right: 4px;} table#selectEmployeeRows tbody#tbody_selectEmployeeRows tr{background-color: rgba(0, 0, 0, 0.05);} #cumuRangeWidth div div.boldText{text-align: center; padding-right : 15px;} table#selectEmployeeRows tbody#tbody_selectEmployeeRows tr.alt_row{background-color: #fff;} #oldLicenseInput{width: 60px !important;} #licenseCount #licenseOldLeft .field .label{height: auto;} #licenseCount .instructions{font-style: normal; width: 525px; line-height: 1.5em;} #my_library_form #selectEmployeeRows{white-space : inherit;} #my_library_form #selectEmployeeRows tr td,#my_library_form #selectEmployeeRows tr th{max-width: 110px; width:110px;} #my_library_form .inactiveselectiondiv #selectEmployeeRows{max-width: 100%; width: 100%; white-space: normal !important; text-align: left; border: 0px; word-break: inherit; table-layout: fixed; overflow: hidden;} #my_library_form .inactiveselectiondiv #selectEmployeeRows thead, #my_library_form .inactiveselectiondiv #selectEmployeeRows tbody{display: block; padding-top: 0px; height: 70px;} #my_library_form .inactiveselectiondiv #selectEmployeeRows tbody{margin-top: 0px; height:275px; overflow-x: hidden;} #my_library_form .inactiveselectiondiv #selectEmployeeRows thead th{width : 70px !important; min-width : 70px !important; max-width : 70px !important;} #my_library_form .inactiveselectiondiv #selectEmployeeRows thead th:last-child{width : 90px !important; min-width : 90px !important; max-width : 90px !important;} #my_library_form .inactiveselectiondiv #selectEmployeeRows tbody td{width : 71px !important; min-width : 71px !important; max-width : 71px !important;} #my_library_form .inactiveselectiondiv #selectEmployeeRows tbody td:last-child{width : 80px !important; min-width : 80px !important; max-width : 80px !important;} #my_library_form div.form_column.row-break{width: 100%;} #my_library_form .grid_10.alpha.form_column.business-goal-radio{margin-left: 20px;} #my_library_form .grid_10.alpha.form_column.business-goal-radio, #my_library_form .grid_10.alpha.form_column.period-type-radio{float: left; width: 35%; border: solid 1px #eeeeee; padding: 10px;} #my_library_form div.business-goal-radio div.radio, #my_library_form div.period-type-radio div.radio{position: relative; top: -2px; width: 10px;} #concAppSettingForm .segment div div div .inactiveselectiondiv #selectEmployeeRows{max-width: 100%; width: 100%; white-space: normal !important; text-align: left; border: 0px; word-break: inherit; table-layout: fixed; overflow: hidden;} #concAppSettingForm .segment div div div .inactiveselectiondiv #selectEmployeeRows thead, #concAppSettingForm .segment div div div .inactiveselectiondiv #selectEmployeeRows tbody{display: block; padding-top: 0px; height: auto;} #concAppSettingForm .segment div div div .inactiveselectiondiv #selectEmployeeRows tbody{margin-top: 0px; height:auto;} #concAppSettingForm .segment div div div .inactiveselectiondiv #selectEmployeeRows thead th{width : 95px !important; min-width : 95px !important; max-width : 95px !important;} #concAppSettingForm .segment div div div .inactiveselectiondiv #selectEmployeeRows thead th:last-child{width : 114px !important; min-width : 114px !important; max-width : 114px !important;} #concAppSettingForm .segment div div div .inactiveselectiondiv #selectEmployeeRows tbody td{width : 96px !important; min-width : 96px !important; max-width : 96px !important;} #start_date_label{margin-left: 325px; font-weight: bold;} #column_right_div{margin-left: 200px;} #end_date , #to_span{margin-left: 0px;} #end_date_label{margin-left: 100px;font-weight: bold;} .paragraph{margin-top: 15px; margin-bottom: 10px; margin-left: 60px; margin-right: 60px; border: 1px solid; font-size:10pt; line-height: 10pt;} #concAppHisTable tr td:nth-child(3){text-align: center;} #concurrentAppTable thead th, #concurrentAppTable tbody td{text-align: center;} #cumulativeLogTable thead th, #cumulativeLogTable tbody td{text-align: center;} #cumulativeLogTable tbody td a{text-decoration : none;} .downloadCsvForCum{margin-left : 20px; margin-top:0px;} #concAppSettingForm .segment div div div .inactiveselectiondiv #selectEmployeeRows tbody td:last-child{width : 102px !important; min-width : 102px !important; max-width : 102px !important;} div.webform #concAppSettingForm div.master.field > div.label{width: 80px; padding-top: 4px; font-weight: bold; font-size: small; margin-left: -2px;} .description-widget-header{margin-bottom: 0.5em; padding: 8px 8px 10px 0; color: #555; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #dddddd;} #Appraisal_Process_Form select, #Appraisal_Process_Form .dateAreaOutline{width: 223px;} #Appraisal_Process_Form .dateAreaOutline input{width: 170px !important;} #ConfirmTable table.validationTable{width: 100%;} .bottomSpacing{margin-bottom: 12px;} .AppraisalProcessDatesModal{width: 100%;} .sum_appraisal_process{float: right;} .acsua{padding-top: 10px; padding-bottom: 10px;} #adjMeritPayTotal{border : 1px solid #b6b4b4; line-height : 1.5; white-space : nowrap; clear : both;} .merit_message_section{clear : both; width: 100%;} .setPwdText{font-size:13px; line-height: 2;} ul.setPwdList >li{font-size:13px; line-height: 1.5;} .setPwdBtn{margin: 8px 0 0 calc(100% - 260px) !important; width: 115px!important;} .form-control{margin: 10px 0px 10px 0px;} .errorsubdomain{padding : 5px; font-weight : bold; color : #FF0000;} ul.setPwdList, li{margin:0; padding:0; line-height: 17px;} .fpwdLink-bls{font-size: 12px; height: 37px; color: #2ea6dc; margin: 8px 11px 0 calc(100% - 55px); width: 150px; padding-top: 15px;} .fpwdLink-bls a{text-decoration: none; color: #2ea6dc;} ul.setPwdList >li:before{content: "*"; padding-right: 10px; position: relative; top: 4px; font-size: medium;} #AppraisalRightPaneView #PerfPro3_LC_Right_Panel{top : 158px; position: absolute;} #CompanySettingsForm div.Lc-field.self-appraisal{clear:both;} #goalMyLibraryEdit .listcontrol_content{height: 350px; overflow-y: auto;} #factorAdd .inner .listcontrol_content{height: 350px; overflow-y: auto;} .welcome_float_left{float: left !important; clear: both;} .git-container{position : absolute;  width : 200px;  right : 45px;  color : #F00;} .appraiser2_id{clear : both;} #PerfPro3_LC_Right_Panel .View .roundContent form .tableSelector{width : 100%; display:block; overflow:hidden;} #PerfPro3_LC_Right_Panel .View .roundContent form .tableSelector tbody tr td:nth-child(1){max-width: 40px; padding: 10px;} div.notes_goal_tool div div.listcontrol_content, div.notes_goal_tool div.inner div div.listcontrol_content{overflow: auto; height: 350px;} div.goal-section-err-no-process{margin-top: 40px;} form.completion_past_due div.label{width: 80px !important;} .merit-fscSection{margin-left: 0px !important;} .merit-fscSection .ans{margin-left: 0px !important;} #pf_history_table{display: block; overflow: auto;} .rating-block{cursor : pointer; border : 1px solid #A6D0D4; display : inline-block; height : 20px; margin : 2px; text-align : center; padding-top : 10px; padding-bottom : 5px; font-weight: bold; width: 9%;} .rating-block-text{display : inline-block; height : 20px; margin : 2px; text-align : center; font-weight: bold; width: 9%;} .rating-block-5, .rating-block-text-5{width: 17%;} .rating-block-selected{background-color: #205FA0; color: #FFFFFF;} #nps_form .rating-block-text{border: 1px solid #FFF;} #ActionStepView select{text-overflow : ellipsis; width : 200px;} @media print{height: auto;} .adbannercontainer, .adbannersuccesscontainer{text-align: center; position: fixed; width: 975px; background-color: #393939; bottom: 0; left: 257px; height: 60px; z-index: 99999; display: inline-flex; flex-direction: row; justify-content: space-between; align-items: center;} .adbannercontainer span, .adbannersuccesscontainer span{display: block;} .adbannersuccesscontainerblock{display:none;} .sysintergratationtxt{background: url(adbannerbg.svg); height: 60px; text-align: left; padding-left: 15px; padding-top: 0px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; padding-right: 20px; min-width: 505px;} .sysnotification{color: #FFFAF6; font-size: 13px; line-height: 23px; letter-spacing: 0.01px; position: relative; animation: text 3s 1;} .integratedlearningmng{font-size: 20px; color: #FFFAF6; letter-spacing: 0.02px;} .clickheretolearnmorebtn a{color: #231657; background-color: #ffffff; font-size: 11px; box-shadow: 0px 2px 4px #000000; border-radius: 14px; animation-name: example; animation-duration: 4s; animation-iteration-count: infinite; padding: 10px 25px; border-radius: 35px; cursor: pointer;} .donotshowagainbtn{color: #FFFBF9; background-color: #242424; padding: 8px 25px; font-size: 10px; margin-right: 20px; border-radius: 35px; cursor: pointer;} .appHisInfoMain{display: flex;} .appHisInfoMain .appHisInfoLeft{width: 30%; word-break: break-word;} .appHisInfoMain .appHisInfoRight{width: 65%; word-break: break-word;} #pf_history_table th:nth-child(1), #pf_history_table th:nth-child(2), #pf_history_table td:nth-child(1), #pf_history_table td:nth-child(2){max-width: 60px;} #pf_history_table th:nth-child(3), #pf_history_table td:nth-child(3),  #pf_history_table th:nth-child(6), #pf_history_table td:nth-child(6),  #pf_history_table th:nth-child(7), #pf_history_table td:nth-child(7){max-width: 65px;} #pf_history_table th:nth-child(4), #pf_history_table td:nth-child(4){max-width: 50px;} #pf_history_table th:nth-child(5), #pf_history_table td:nth-child(5){max-width: 80px;} #pf_history_table th:nth-child(8), #pf_history_table td:nth-child(8),  #pf_history_table th:nth-child(9), #pf_history_table td:nth-child(9){max-width: 40px;} #pf_history_table th:nth-child(10), #pf_history_table td:nth-child(10),  #pf_history_table th:nth-child(11), #pf_history_table td:nth-child(11){max-width: 45px;} #pf_history_table th, #pf_history_table td{word-wrap : break-word;} #popupBox .addGoal-button{margin-left: 0px !important;} #popupBox .add-external-recipients{margin-top: -2px;} #popupBox .addCustomFormOption{display:inline-block; width:100%;} #popupBox .addCustomFormOption .addCustomFormOptionArea{max-height:200px; overflow-y:auto;} #popupBox .addCustomFormOption .customFormOption{width : 200px; float : left; padding : 5px !important;} #popupBox .addCustomFormOption .field a{padding : 5px; display: inline-block; margin-left : 15px;} #popupBox .addCustomFormOption .field{display: inline-block; width: 100%; clear: both;} #popupBox .addCustomFormOption .label{width: 100%;} .action_step_tool .listcontrol_content{display: block; overflow-y: auto; height: 355px;} #fieldHeaderSortable li{cursor: pointer;} .ui-sortable-helper{display: table !important;} .disable-click{pointer-events:none;} .Lc-field.view-appraisal-history .Lc-label-right,  #CompanySettingsForm .Lc-section:nth-child(7) .collapseableContent .subsections .subsection:nth-child(3) .Lc-label-right, #CompanySettingsForm .Lc-section:nth-child(6) .collapseableContent .subsections .subsection:nth-child(2) .Lc-label-right, #CompanySettingsForm .Lc-section:nth-child(7) .collapseableContent .subsections .subsection:nth-child(2) .Lc-label-right, #CompanySettingsForm .Lc-section:nth-child(5) .collapseableContent .subsections .subsection:nth-child(4) .Lc-label-right{width: calc(100% - 25px);} .scale-wraper-disabled{width: 425px;} .scale-wraper-disabled .rating-block{height: 10px; padding-top: 6px; padding-bottom: 8px; margin: 0px; width: 40px; cursor: auto;} .scale-wraper-disabled .scale-wraper-message .rating-block{width: 39px; margin: 0px !important;} .scale-wraper-message .rating-block{border: 0px #FFF; margin : 2px;} .ignore-control-width{width: 100% !important;} .assigned-form-guest{padding : 10px;} .assigned-form-guest .form-heading, .assigned-form-guest .full_container{border : 1px solid #000; display: table; width: 90%; padding : 10px; margin : auto; float: none; margin-top:10px;} .assigned-form-guest .form-heading{text-align : center;} .assigned-form-guest .form-heading .right-container{width: 125px; float : right;} .assigned-form-guest .form-heading .left-container{width: calc(100% - 125px); float : left;} .no-bottom .popupBottom{margin: 0px !important;} #CompanySettingsForm .share_note .Lc-label-right{width: calc(100% - 25px);} #CompanySettingsForm .share_note .Lc-label-right{width: calc(100% - 25px);} .your-form-container{display: block; float: left; width: 100px; padding: 10px; cursor: pointer;} .your-form-info-box{display: inline-block; width: 100%; text-align: center; background-image: url('../images/folder-icon.png'); background-repeat : no-repeat; height: 70px; line-height: 70px; font-weight: bold; font-size: 15px; background-position: center;} .your-form-label-box{display: inline-block; text-align : center; font-weight : bold; padding : 10px; height: 80px; overflow-y: hidden; word-break: break-word;} .your-forms-list tbody td:nth-child(2), .your-forms-list tbody td:nth-child(3){text-align: center;} #CompanySettingsForm .share_note .Lc-label-right{width: calc(100% - 25px);} .disabled-custom-form .disable-click .rating-block-selected{color : #FFF !important; background: #205fa08a !important;} .disabled-custom-form .disable-click .scale-wraper-message,  .disabled-custom-form .disable-click .rating-block:not(.rating-block-selected){color : #888888 !important;} .disabled-custom-form .control div.ersatz_richtext, .disabled-custom-form .control select{color : #888888 !important; background: #f5f5f5 !important;} .EmailAlerts td{word-wrap : break-word; word-break : break-all;} .billing-container{padding : 25px; display: inline-table;} .billing-container .billing-container-left{float: left; width: calc(100% - 100px);} .billing-container .billing-container-right{float: right; width: 100px; display:inline-block;} .billing-container .field{display:inline-block; width: 100%;} .billing-container .field .label{width: 150px; float: left;} .billing-container .field .control{width: calc(100% - 200px); float: left;} .your-form-sent-date-box{display : block; margin-top : 10px;} .your-form-sent-date-box-label{display : block; font-size : 13px;} #belowTabs .assigned-form-guest .form-heading{border : 0px !important;} #belowTabs .assigned-form-guest .form-heading h2{color: #000 !important; border-bottom : 0px;} .appraisal_link #appraisal_link{width: 150px;} div.privileges-class div.subsections div.subsection:nth-child(3) div.Lc-field:nth-child(1) .Lc-label-above{height: 20px;} .employee_qlik_access_level_label{position:relative; top:50px; float: left; font-style:italic;} @keyframes text{0%{color: black; margin-bottom: -40px;} 30%{letter-spacing: 25px; margin-bottom: -40px;} 85%{letter-spacing: 8px; margin-bottom: -40px;}} @keyframes example{0%{color: red;} 25%{color: yellow;} 50%{color: blue;} 100%{color: #231657;}} #ContentImport div.left{width: 100%;} #ContentImport div.full-width{width:100%; padding:15px;} #ContentImport form#upload_form{display: inline-block; width: 80%;} #ContentImport div.full-width-information{color: #FF0000; padding:15px;} #popupBox .contentImportTD{padding-left: 20px;} #contentErrorDiv{color: #FF0000; display: none;} .padding-20{padding-top:20px; padding-bottom:20px;} .w-110px{width: 110px;} .viewAppraisalContainer h5.ct_heading{margin: 5px 0 0 0;} .newUiClass{padding-top : 10px; padding-bottom : 10px; color : #0000FF; font-weight: bold;} img.user_image{width:inherit; height:inherit; display:inline-flex; max-width:100%; border-style:none; box-sizing:border-box; background-repeat:no-repeat;} .old-avatar, .selector_avatar, .chat-block .user-icon, p .user-icon{align-items: center; border-radius: 50%; display: inline-flex; justify-content: center; line-height: normal; position: relative; text-align: center; vertical-align: middle; overflow: hidden;} #ma_table input.weight.readonly{margin:auto;} .goal_tool_message{padding-bottom : 10px; font-weight : normal; color : #FF0000 !important; line-height : normal;} h2:has(.goal_tool_message){border : 0px !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:none; background:#FFF;} .enabled_slider.goalslider_cursor_area{cursor:pointer;} .historical_appraisal_right_side{overflow-x : auto;}
/* FILE <screen.css> */body{font-size: 12px; font-family: Open Sans,sans-serif; background-color: #e6e6e6; color: #555555;} .colorPaletteAreaBox{padding: 2px; display: inline-block; border: 1px solid #999; margin-right: 8px; margin-bottom: 2px;} .colorPaletteBox{margin-left: 2px; display: inline-block; width: 16px; height: 16px;} .colorPaletteAreaBox > .colorPaletteBox:first-child{margin-left: 0;} .grid_7_5 .webform{width: 445px;} #forgottenPassword p{text-align: center;} #forgottenPassword send_btn{height: 29px; position: absolute; right: 18px; top: 18px; width: 83px;} #forgottenPassword div label{margin-left: 25px; text-align: right !important;} #forgottenPassword input{width: 185px !important; padding-left: 3px; margin-left:25px;} #forgottenPassword div{text-align: right !important; width: 75% !important;} #gridLayer{display: none; text-align: right; width: 1260px; height: 825px; position: fixed; top: 0; left: 0; z-index: 100; background-image: url(../images/16_col.gif); background-repeat: repeat;} #gridLayer a{border: 0; text-decoration: none; color: #000;} #toolbarStatus{z-index: 100; position: relative; background-color: #fff; border: 1px solid #000; width: 390px; height: 20px; margin: 12px 150px 12px 150px; padding: 5px; text-align: center; font-size: 1.4em; font-weight: bold; display: none;} #header{float: left; margin: 143px 0 0; height: 105px; border-bottom: 1px solid #d4d4d4; background-color: #fff;} #header h1{color: #898989; margin-top: 5px; font-size: 24px; font-weight: bold;} #header .grid_11 h1{font-size: 24px; font-weight: bold; color: #898989; margin-top: 5px;} #loggedInAs{width: 280px; padding: 6px 0 0; margin: 0;} #loggedInAsWrapper{clear:both;} .role_admin{height: 80px; background: url('../images/viewAs/logged_in_as_shape_05_280x85.png') 0 0 no-repeat;} .role_normal{height: 50px; background: url('../images/viewAs/logged_in_as_shape_02_280x56.png') 0 0 no-repeat;} #loggedInAsTitle{width: 274px; padding: 0 0 3px 6px; margin: 0;} #loggedInAsContent{border-top: 1px solid #aaa; width: 280px; padding: 5px 0 0; margin: 0;} #loggedInAsContent DIV{padding: 1px 6px 1px 12px; margin: 0;} #loggedInAsContent SELECT{font: 12px; vertical-align: middle; width: 200px;} #roleSelector{} .collapsingErrorAlias{display: none;} #header .logo{float: left; width: 200px; height: 85px; margin: 10px;} #header .breadcrumb{color: #959595; font-size: 12px; padding-top: 25px; font-weight: bold;} #header .grid_11 .breadcrumb{color: #959595; font-size: 12px; font-weight: bold; padding-top: 25px;} #nav{width: 220px;} .hidden{display: none !important;} .floatRight38{float: right; width: 38%; margin-right: 5px;} .req_chg_pwd{width: 100%; margin: 0 auto;} ul.pagination{list-style: none;} ul.pagination li{border: 1px solid #ccc; min-width: 15px; float: left; text-align: center; padding: 2px 3px; margin: 0 2px;} ul.pagination li a{text-decoration: none; color: #000;} ul.pagination li.selected{background-color: #ccc; color: #fff;} A.alink{text-decoration: underline; color: navy;} .menuBackground{background-color: #343d46; color: #a0b9d2;} .menuBackground a{color: #a0b9d2;} .menuBackgroundSub{background-color: #42474d;} .menuBackgroundHighlight{background-color: #303030; color: #e0e0e0;} .menuBackgroundHighlight a{color: #e0e0e0;} .menuBackgroundSubHighlight{background-color: #f5696c; color: #fcdede;} .menuBackgroundSubHighlight a{color: #fcdede;} .menuBackgroundCalendarHeader{background-color: #9bd6d7;} .menuBackgroundCalendarWeek{background-color: #405a63;} .pp3Header{background-color: #22a6de; color: #ffffff;} .pp3ContentBackground{background-color: #e6e6e6;} .colorPaletteAreaBox{padding: 2px; display: inline-block; border: 1px solid #999; margin-right: 8px; margin-bottom: 1px; height: 13px; border-radius: 4px; background-color: #fff;} .colorPaletteBox{margin-left: 2px; display: inline-block; width: 13px; height: 13px;} .colorPaletteThemeText{padding-bottom: 2px; display: inline-block; height: 13px;} .colorPaletteAreaBox > .colorPaletteBox:first-child{margin-left: 0;} .selectArea{cursor: pointer; border: 1px solid #e6e6e6; display: flex; margin-bottom: 2px; margin-right: 8px; padding: 2px; padding-left: 8px; border-radius: 4px; background-color: #005a9e; color: #fff;} .selectArea:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);} .selectArea .dropdownArea{flex: 1;} .selectArea .selectAreaDropDownArrow{display: none; border-left: 1px solid #e6e6e6; text-align: center; width: 24px; margin: -3px;} .selectArea .selectAreaDropDownArrow img{height: 16px; margin-top: 8px;} .demoPreviewDisplay{position: absolute; display: none; background-color: white; width: 525px;} .demoPreviewDisplay .demoPreview{display: flex; padding: 4px; border: 1px solid #e6e6e6; border-top: 0; height: 245px;} .demoPreviewDisplay .demoPreview .themes{flex: 1; overflow-y: auto;} .demoPreviewDisplay .demoPreview .preview{background-color: #e6e6e6; flex: 1; padding: 8px;} .demoPreviewDisplay .demoPreview .preview .demoHeader{font-weight: bold; font-size: 1.4em; text-align: center; padding-bottom: 8px;} .demoPreviewDisplay .demoPreview .menu{flex: 1;} .demoPreviewDisplay .demoPreview .menu ul{list-style: none; padding: 0; margin-left: 8px; background-color: #343d46; color: #a0b9d2;} .demoPreviewDisplay .demoPreview .menu ul li{padding: 8px;} .demoPreviewDisplay .demoPreview .menu ul li.selected{background-color: #303030; color: #e0e0e0;} .demoPreviewDisplay .demoPreview .menu ul li.selected ul{margin: 0 -8px; background-color: #343d46; color: #a0b9d2;} .demoPreviewDisplay .demoPreview .menu ul li ul li.selected, .demoPreview .menu ul li.selected ul li.selected{background-color: #f5696c; color: #fcdede;} .demoPreviewDisplay .demoPreview .section{padding: 16px;} .demoPreviewDisplay .demoPreview .card{border: 1px solid #666; padding: 8px; background-color: #fff;} .demoPreviewDisplay .demoPreview .card .titleHeader{margin: -8px -8px 8px -8px; padding: 8px; font-size: 1.4em; background-color: #22a6de; color: #ffffff;} .selectArea .clickable, .demoPreview .clickable, .clickable{cursor: pointer;} .selectArea .clickable:hover, .demoPreview .clickable:hover{background-color: #e6e6e6;} #PerfPro3_LC_Card{margin: 116px 16px 16px 244px; background-color: #fff; padding: 16px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 948px; overflow: hidden; height: auto;} #PerfPro3_LC_Card:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);} #PerfPro3_LC_Card div#upperTabs3_4.tabs{width: calc(100% - 40px);} #PerfPro3_LC_Card #PerfPro3_LC_Card_Header{margin: -16px -16px 16px -16px !important; padding: 10px 20px 8px; height: 24px; width: auto; float: none; font-family: Open Sans,sans-serif;} #PerfPro3_LC_Below_Card{display: flex; margin: 0 0 16px 240px; width: 982px;} #PerfPro3_LC_Below_Card .PerfPro3_LC_Below_Card_actionable_items{flex: 1;} #PerfPro3_LC_Below_Card .PerfPro3_LC_Below_Card_actionable_items a, .PerfPro3_LC_Buttons a{display: inline-block; padding: 8px 16px; font-size: 1.2em; font-weight: bold; text-decoration: none; float: none !important;} #PerfPro3_LC_Below_Card .PerfPro3_LC_Below_Card_Logo{width: 800px;} #PerfPro3_LC_Below_Card .PerfPro3_LC_Below_Card_Logo form{margin-right: 24px;} #PerfPro3_LC_Below_Card .PerfPro3_LC_Below_Card_Logo img{width: 150px; margin-top: 16px; float: right;} #PerfPro3_LC_Right_Panel{width: 200px; background-color: #fbfafa; border-left: 1px solid #cccccc; padding: 8px;} .rrHeader{font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #464646; margin: 0 0 0 10px;} #PerfPro3_LC_Right_Panel .PerfPro3_LC_Right_Panel_SubHeader{border-bottom: 1px solid #cccccc; margin: 24px -8px 8px -8px; padding: 8px; font-size: 1.1em;} #aliasYourselfAs .PerfPro3_LC_Buttons{margin-top: 8px;} #PerfPro3_LC_Right_Panel .PerfPro3_LC_Right_Panel_SubHeader:first-child{margin-top: 32px;} .greenDashHeader{color: #22c064; background-color: #fff; border-radius: 25px; border: 1px solid #22c064; padding: 0; margin-left: 8px; font-size: 1.2em; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);} .onePtFive{font-size: 1.5em;} .hiddenForNow{display: none;} .headerFaIcon{color: #514e4e;} #displaySelectorArrows{width: 193px; margin-left: 51px; display: flex;} #displaySelectorArrows.noAvatar{margin-left: 7px;} #displaySelectorArrows .left{flex: 1; text-align: left;} #displaySelectorArrows .right{flex: 1; text-align: right;} #displaySelectorArrows .left a, #displaySelectorArrows .right a{color: #22a6de;} #EmailAlert .field .control .checkbox, #routingSetup .field .control .checkbox{min-width: 12px; float: left; margin-top: -4px;} .headerText{margin-top: 16px; padding-bottom: 8px; margin-bottom: 8px; width: 100%; color: #555555; font-size: 1.3em; font-weight: bold;} .headerText span{font-weight: bold; font-size: 1.1em;} .headerText span.addGoal-button{font-weight: bold; font-family: Open Sans,sans-serif; font-size: 12px;} .table tbody td a{text-decoration: none; color: #3f8acb;} .table tbody td a.button{color: #fff;} .columnHeader{width: calc(100% - 25px); height: 15px; font-weight: bold; padding: 15px 10px 10px 10px; color: #000; background-color: #fafafa; margin-top: 8px; border: 1px solid #e6e6e6;} div > .columnHeader ul.goalHeader{list-style: none;} div > .columnHeader ul.goalHeader li{width: 130px; float: left; text-align: right; padding-bottom: 4px;} div > .columnHeader ul.goalHeader li a{color: #fff; text-decoration: none; font-size: 0.8em !important;} div > .columnHeader ul.goalHeader li a i{margin-right: 4px;} div > .columnHeader ul.goalHeader > li:first-child{width: calc(100% - 260px); text-align: left; font-size: 1.4em; font-weight: 600; padding-bottom: 0;} div > .columnHeader:first-child{margin-top: 0;} .columnHeader .collapser{float: right; min-width: 8px; font-size: 1em; cursor: pointer;} div.collapseableContent{min-height: 215px; width: calc(100% - 15px); padding: 5px; margin-bottom: 10px; background-color: #fff; border-radius: 0; border: 1px solid #e6e6e6; border-top: 0;} .appraiserWeight{} .grid_6 a.overrideFloats{float: none; margin-left: 0; margin-top: 21px; display: inline-block;} #coreValue-table .actions{padding-top: calc(1% + 3px);} #tbody_comment_coaching .category_id, #tbody_comment_coaching .control{padding-bottom: 45px;} #tbody_comment_coaching .control{padding-right: 0;} #tbody_comment_coaching td.fullWidth textarea{width: 95%;} table#factor_assign thead#thead_factor_assign tr th{padding-left: 14px;} table#factor_assign tbody#tbody_factor_assign tr td{padding-left: 14px;} table#factor_assign tbody#tbody_factor_assign tr#summary td:first-child{padding-left: 14px;} #thead_comment_coaching tr th, #tbody_comment_coaching tr td{padding-left: 24px;} table#factor_assign thead#thead_factor_assign tr th:last-child, table#factor_assign tbody#tbody_factor_assign tr td:first-child, table#factor_assign tbody#tbody_factor_assign tr td:last-child, #thead_comment_coaching tr th:first-child, #thead_comment_coaching tr th:last-child, #tbody_comment_coaching tr td:first-child, #tbody_comment_coaching tr td:last-child{padding-left: 0;} table#factor_assign tbody#tbody_factor_assign tr td.weight{float: left;} table#factor_assign tbody#tbody_factor_assign td.actions.control{width: 160px; padding-right: 0;} table#factor_assign tbody#tbody_factor_assign td.actions.control div.action_buttons{width: 75px; margin-left: calc(75% - 75px);} table#factor_assign tbody#tbody_factor_assign td.actions div > div{width: 60%; float: right;} #factorAdd .fauxLabel{display: inline-block; float: left; padding-bottom: 15px;} #factorAdd textarea#description{width: 227px;} #Evaluation H1.sliderTitle{height : 30px; word-break : break-word;} 
/* FILE <buttons.css> */ #actionBtns{margin: 50x 0px 0px 0px; vertial-align: bottom;} #blobs, .history_edit_button{width: 915px;  height: 23px;  margin: 10px 0 0 10px;  padding: 0;} #blobs li, .history_edit_button li{margin: 0; padding: 0; list-style: none; vertical-align: bottom;} #blobs LABEL{float: left; width: 100%;} #blobs A{margin: 22px 0px 10px 4px; display: block; text-align: center; padding: 2px;} #blob_d a,#blob_e a{background: transparent url(../images/btn/btn_sprite.png) 0 0 no-repeat; display: block; height: 23px; text-align: center; line-height: 23px; font-size: 10px; color: #363636;} .history_edit_button #blob_e{position: absolute; left: 103px; top: 0px;} #blobs li{min-width: 40px; float: left;} #addNewBtnDiv{position: relative; display: block; height: 45px; margin: 0; padding: 0; line-height: 30px; vertical-align: middle;} #addNewBtnDiv a.button{float: none; margin: 10px 0 0; width: 70px; text-align: center; padding-bottom: 4px;} #blob1{width: 150px;} #appraisalViewBlobDropDownForm, .appraisalViewBlobDropDownForm{vertical-align: bottom; margin-top: 8px;} SELECT#appraisalViewBlobDropDown, SELECT#appraisalViewJumpTo{width: 100%; margin: 0px; padding: 0px; border: 1px solid #888 !IMPORTANT; border-radius: 0;} .buttonAboveColumnHeader a.add_goal_button{display: inline-block; min-width: 50px; float: right; margin-left: 8px; margin-bottom: 8px; color: #fff; font-size: 0.8em !important; padding-top: 8px; padding-bottom: 0;} .buttonAboveColumnHeader a.add_goal_button i{margin-right: 4px;} td.control .action_buttons a i{margin-left: 4px; margin-right: 4px;}
/* FILE <perfpro.css> */#loader{display: none; position: fixed; z-index: 999; height: 14px; width: 128px; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; color: #24609e; font-weight: bold; padding: 12px 23px 20px 23px; text-align: center; border-radius: 5px; font-size: 2em; border: 1px solid #343d46; background-color: #f2f2f2;} #loader .color1{color: #f29335;} #loader .color2{color: #2fa7dc;} #loader .color3{color: #24609e;} #loader.loading{display: block;} BODY#perfpro_body{min-width: 1185px;} .left45{width: 45%;} .m2{margin: 2px !important;} .bp{padding-bottom: 10px;} .mb{margin-bottom: 10px;} .size0{width: 31px !important;} .size1{width: 37px !important;} .size2{width: 43px !important;} .size3{width: 49px !important;} .size4{width: 55px !important;} .size5{width: 61px !important;} .size6{width: 67px !important;} .size7{width: 73px !important;} .size8{width: 79px !important;} .size9{width: 80px !important;} .size10{width: 90px !important;} .size11{width: 97px !important;} .size12{width: 103px !important;} .size13{width: 109px !important;} .size14{width: 115px !important;} .size15{width: 121px !important;} .size16{width: 127px !important;} .size28{width: 199px !important;} .size30{width: 211px !important;} .size45{width: 295px !important;} .size50{width: 331px !important;} .size60{width: 391px !important;} .size70{width: 451px !important;} .smallerText{font-size: 0.6em; display: inline;} .pointer{cursor: pointer;} .right_align{text-align: right;} .rowOdd{background-color: #fff; color: #006; cursor: pointer; padding: 3px;} .rowEven{background-color: #006; color: #fff; cursor: pointer; padding: 3px;} .rowOver{background-color: #99f; color: #006; cursor: pointer; padding: 3px;} .History{font-size: 10px; overflow: auto; width: 100%; height: 82px;} .checkMe{color: #f00; font-weight: bold; text-decoration: underline;} .checkMeG{color: #00f; font-weight: bold; text-decoration: underline;} h1{margin: 0px 3px 5px 0px; font-size: 12px; font-weight: bold;} .breadcrumb_nav{width: 600px; float: left; margin-top: 10px;} .breadcrumb{font-size: 15px;} H1#screen_name{font-size: 18px; margin-bottom: 30px;} img{border: 0px; vertical-align: bottom;} textarea{margin: 2px 0px 1px 0px; padding-top: 0.12rem !important; padding-right: 0.50rem !important; padding-bottom: 0.10rem !important; padding-left: 0.50rem !important; border: 1px solid #ced4da; color: black; font-size: 12px;} input{margin: 0px 0px 1px 0px; padding-top: 0.12rem !important; padding-right: 0.75rem !important; padding-bottom: 0.10rem !important; padding-left: 0.75rem !important; border: 1px solid #ced4da; color: #555; font-size: 12px;} input[type='file']{height: 18px; padding: 6px; margin: 0px; border: 0;} input:focus{background-color: #FC9;} input:disabled{background-color: #ededed;} input[readonly]{border: 1px solid #ced4da; margin: 2px 0 0 14px;} input[type='submit']{border: none;} input[type='checkbox']{border: 0; margin-right: 4px; top: 1px;} input[type='radio']{border: 0; margin-right: 4px; top: 1px;} .backgroundHighLight{background-color: #FC9;} label{margin: 2px 15px 1px 0px;} #content label{color: #000; width: 125px; float: left; margin: 2px 0px 1px 0px;} legend{padding: 2px 5px 2px 5px; border: 1px solid #000;} #content legend{color: #000; padding: 2px 5px 2px 5px; border: 1px solid #000;} select{margin: 2px 0px 1px 0px;} select:focus{background-color: #FC9;} table{border-collapse: collapse;} table tr[onclick $=';']{cursor: pointer;} table tr.rowOdd{background-color: #fff; color: #006;} table tr.rowEven{background-color: #006; color: #fff;} table tr.rowOver{background-color: #99f; color: #006;} form.import{text-align: left;} form.import table{width: 100%;} form.import table td{border: 1px solid #000;} form.import table th{text-align: left;} div.import{margin: 15px; padding: 5px;} textarea{margin: 2px 0px 1px 0px; font: 12px; resize: none;} textarea:focus{background-color: #FC9;} #belowTabs{width: 100%; padding-left: 5px;} #belowTabs strong.topRight{float: right; display: block; width: 5px; height: 5px; background-position: top right; background-repeat: no-repeat; margin-top: -1px; margin-right: -1px;} #belowTabs strong.topLeft{float: left; display: block; width: 5px; height: 5px; background-position: top left; background-repeat: no-repeat; margin-top: -1px; margin-left: -1px;} #belowTabs .innerArea{padding: 10px 0px;} #container{color: #006; width: 920px; border: 1px solid #000; margin: 10px auto 0px auto; padding: 20px; background-color: #fff;} #floatingLayer{display: none; color: #fff; position: absolute; top: 25px; left: 25px; width: 350px; height: 150px; padding: 25px; background-color: #99f; border: 1px solid #030; z-index: 25;} #floatingLayer h1{width: 75%; margin: 3px; font-size: 1.8em; padding: 0px;} #languageReader{color: #fff; border: 1px solid #030; margin: 1px; float: right; z-index: 40; position: relative; text-align: right;} #languageReader a{color: #fff; text-decoration: none;} #securityLoginForm{width: 500px; margin: 0px auto 0px auto; background-image: url(../images/logo.png); background-position: top left; background-repeat: no-repeat; padding: 5px 0px 15px 0px;} #securityLoginForm .clientDeactivated{width: 350px; margin: 0px auto 0px auto; text-align: center;} #securityLoginForm fieldset{width: 350px; border: 0; margin: 25px auto 0px auto;} #securityLoginForm fieldset legend{border: 0; font-weight: bold; font-size: 1.2em; text-align: center; margin: 5px 0 0;} #securityLoginForm label{float: left; width: 125px; text-align: right; margin-right: 5px;} #spellingCheckButtons{float: right; width: 125px; border-left: 1px solid #ccc; text-align: center;} #spellingCheckButtons button{width: 85%;} #spellingCheckCount{display: inline;} #spellingCheckSecondsIncrement{background-image: url('../images/ajax-loader.gif'); background-repeat: no-repeat; background-position: center; width: 18px; height: 18px; padding: 7px; margin: 5px auto 5px auto;} .center100{width: 100%; text-align: center;} .center100 img{border: 0px; margin: 5px;} .floatLeft33{width: 33%; float: left;} .floatRight20{width: 20%; float: right; text-align: right;} .floatRight20m{min-width: 20%; float: right; text-align: right;} .floatRight20p{width: 20px; float: right; margin-right: 5px; text-align: right;} .floatRight15{width: 15%; float: right; margin-right: 5px; border: 1px solid #000;} .floatRight60p{width: 60px; float: right; margin-right: 5px;} .floatRight33{width: 33%; float: right; text-align: right;} .reportRedirect{margin-bottom: 3px;} .reportRedirect a, .widget .innerWidget .reportRedirect a{background-image: url(/images/icons/png/16X16/tables.png); background-repeat: no-repeat; background-position: 5px 0; padding-left: 25px; text-decoration: none; color: #000; width: 100px; float:right; margin-bottom: 5px;} .crossLogos{margin-top: 15px;} .crossLogos a{text-decoration: none; margin-left: 8px;} .crossLogos > a:first-child{margin-left: 0px;} .crossLogos a img{border: 0;} div a{cursor: pointer;} ul.noBullets{margin: 8px 0px 0px 8px; padding: 0px; list-style: none;} ul.noBullets li ul{margin: 0px 0px 10px 8px; padding: 0px; list-style: none;} .instructions{font-style: italic; font-size: 1.1em;} .redBG{background-color: #f00;} #popup, #help{display: none; position: fixed; top: 100px; left: 50%; width: 500px; height: 400px; margin-left: -250px; background-color: #088; background-color: #f00; z-index: 40;} #popup legend{background-color: #fff; color: #000; border: 1px solid #000;} #popup .close, #help .close{text-align: right;} #popup #popup_container, #help #help_container{margin: 5px; width: 490px; height: 390px;} #popup_text, #help_text{margin: 10px; width: 460px; height: 340px; background-color: white; color: black; overflow: auto; padding: 5px;} #popup_text A IMG, #help_text A IMG{border: 0px;} #popup_text H1, #help_text H1{font: large ; color: black;} #popup_text H2, #help_text H2{font: medium; color: black; margin-bottom: 4px; font-style: italic;} #popup_text .search_form, #help_text .search_form{font-size: x-small; background-color: #cc0; padding: 2px 10px; text-align: right;} #popup_text legend{background-color: #088; color: #fff; border: 1px solid #000;} table.floatRight33{text-align: center; font-size: 0.8em; font-weight: normal; color: #000; border: 0px;} table.floatRight33 tbody > tr:first-child{font-weight: bold; font-size: 1.2em; background-color: #ccc !important;} table.floatRight33 th{text-align: center;} table.floatRight33 th a{color: #00f; text-decoration: none;} table.floatRight33 th a:hover{text-decoration: underline;} SPAN.no_xlat{background-color: yellow; color: blue;} fieldset.key{padding: 2px 3px 2px 3px; margin: 1px; font-size: 0.8em; font-weight: normal; height: 125px; text-align: left;} fieldset.key.p{padding: 0px; margin: 0px;} ul.instructionArea{padding-left: 15px; margin: 0px;} DIV.joblinks{margin: 0px 0px 0px 10px; font: small "Verdana", sans-serif; padding-bottom: 10px; color: #888;} DIV.joblinks A{text-decoration: none; color: #888;} DIV.joblinks SPAN.selected A{color: black; font-weight: bold;} FORM DIV.status_bar{width: 100%; height: 1.25em; font: x-small "Verdana", sans-serif; text-align: right; color: black;} FORM DIV.over{color: red;} .dms_template{display: none;} #rolesel{margin-top: 3px; padding-top: 3px;} #spellingCheckViewer{width: 395px; height: 150px; overflow: auto; padding: 5px; border: 1px solid #000; background-color:#eee;} #spellCheckForm h1{margin: 3px 0px 5px 0px; padding: 0px 0px 0px 5px; font-size: 1.2em; font-weight: bold; color: #666; letter-spacing: 1px; width: 400px;} .spellCheckHighlight{background-color: #f99; border: 1px solid #f00;} .languageCheckHighlight{background-color: #99f; border: 1px solid #00f;} #spellingCheckViewer.checkMe{color: #f00; font-weight: bold; text-decoration: underline;} .skype_name_highlight_online{display: none !IMPORTANT;} .resources{margin: 10px;} .resources h1{margin-bottom: 5px; font-size: 160%;} .resources h2{margin-bottom: 5px; font-size: 140%;} .resources ul li{list-style-type: none; padding: 4px 20px; background-image: url('/images/icons/pdf.gif'); background-repeat: no-repeat;} .resources ul li a{text-decoration: none; color: black;} #globalPageContainer{margin-left: 0; padding: 0 10px 10px; width: calc(100% - 220px);} #repTabContainer{position: relative; margin-top: 20px;} div.repTabs{float: left; width: 100%; background: transparent url("../images/icons/bg.gif") center bottom repeat-x; font-size: 100%; line-height: normal; margin-left: 2px;} div.repTabs ul{margin: 0 0 0 12px; padding: 10px 10px 0 0; list-style: none;} div.repTabs li{height: 24px; text-align: center; line-height: 24px; float:left; background: transparent url("../images/icons/left.gif") left top no-repeat; margin: 0px 5px 0px 0px; padding: 0 0 0 9px;} div.repTabs a{height: 24px; float: left; display: block; background: transparent url("../images/icons/right.gif") right top no-repeat; padding: 0 15px 0 6px; text-decoration: none; font-weight: bold; color: #765;} div.repTabs a{float:none;} div.repTabs a:hover{color:#333;} div.repTabs .selected{height: 25px; text-align: center; line-height: 25px; background-image:url("../images/icons/left_on.gif");} div.repTabs .selected a{height: 25px; text-align: center; line-height: 25px; background-image: url("../images/icons/right_on.gif"); color: #333; padding: 0 15px 0 6px;} div.grid_16.alpha.omega.webform div.full_container.dropsel{margin-bottom: 10px;} DIV.readonly{height: 15px; text-align: center; background-repeat: repeat-x; border-left: 1px solid #aaa; border-right: 1px solid #aaa; font-weight: bold; font-size: 1.4em; color: #e00; padding: 4px 0px;} table#HelpEditorList.tableSelector thead th{width: 10%;} table#HelpEditorList.tableSelector thead th:first-child{width: 50%;} table#HelpEditorList.tableSelector tbody td{text-align: center;} table#HelpEditorList.tableSelector tbody td:first-child{text-align: left;} .displayEmail{margin: 3px; padding: 5px; width: 85%; border: 1px solid #333; line-height: 1.5em;} .displayEmail .header, .displayEmail .meta, .displayEmail .to, .displayEmail .subject, .displayEmail .body{margin: 3px 3px 3px 8px;} .displayEmail .meta span.label, .displayEmail .to span.label, .displayEmail .subject span.label, .displayEmail .body span.label{font-weight: bold;} .displayEmail .header{font-weight: bold; font-size: 1.3em; margin-bottom: 8px;} .displayEmail .meta{background-color: #ccc; padding: 4px; font-size: 0.8em;} #google-visualization-errors-0{display:none;} IMG.avatar_large{width: 65px;} IMG.avatar_small{width: 45px;} IMG.avatar_tiny{width: 30px;} .employee_search{width: 250px; float: right; height: 45px;} .selector_avatar{width: 45px; float: left;} .selector_name{color: #555; text-decoration: none;} .selector_bar{display: block; float: right; width: 185px; line-height: 18px; height: 18px; padding: 5px; margin: 3px 0px 6px 5px; background-color: #f1eff0;} A.selector_name{display: block; float: left;} .selector_search{float: right;} .dl_level_1{color: #000088;} .dl_level_2{color: #008800;} .dl_level_3{color: #880000;} TR.current_appraisal_link TD{color: #25629e;} DIV.field DIV.control IMG{margin-bottom: 1px;} DIV.field DIV.control a img[src="/images/icons/pop_calendar.png"]{margin-bottom: 3px;} DIV.field DIV.control a img[src="/images/icons/pop_calendar_lc.png"]{margin-bottom: 5px;} #search_form TABLE{width: 940px;} #headerExtraBox{float: right; text-align: right; width: 100%; margin-bottom: 8px;} #headerExtraBox #lblViewAs{margin-right: 8px;} h1.routeTitle{font: 16px, "Arial"; color: #636363; font-weight: bold; margin-bottom: 10px;} .floatRightOfText{width: 20px; margin-right: 5px; margin-left: 5px; display: inline;} SPAN#show_dr, SPAN#show_all{float: right; margin-bottom: 5px;} .lineHeight{line-height: 1.5em;} strong.warning, i.warning{color: #f00;} strong.primary, i.primary{color: #228B22;} div.formAddedForCheckboxArea{margin-top: 16px;} div.formAddedForCheckboxArea input{margin-top: 12px; min-width: 12px; float: left;} div.formAddedForCheckboxArea span.text{display: block; margin-top: 12px; min-width: 150px; max-width: 550px; float: left;} div.webform div.control .dateAreaOutline, #filterForm .dateAreaOutline, #search_form .dateAreaOutline, .Lc-col-3 .collapseableContent .Lc-field .Lc-control .dateAreaOutline{border: 1px solid #dddddd; margin-top: 1px; display: inline-block; padding: 0;} div.webform div.control .dateAreaOutline input, #filterForm .dateAreaOutline input, #search_form .dateAreaOutline input, .Lc-col-3 .collapseableContent .Lc-field .Lc-control .dateAreaOutline input{border: 0; border-right: 1px solid #e9e7e8; border-radius: 0;} div.webform div.control .dateAreaOutline a img{margin: 4px;} #filterForm .dateAreaOutline a img, #search_form .dateAreaOutline a img, .Lc-col-3 .collapseableContent .Lc-field .Lc-control .dateAreaOutline a img{margin: 4px 4px 0 0px;} .statusAlert{border: 1px solid #ccc; border-radius: 5px; padding: 4px; background-color: #ccc; margin: 4px; color: #fff; display: inline-block; min-width: 150px; text-align: center; text-transform: uppercase;} .statusAlert.greenStatus{border-color: #22c064; background-color: #22c064;} .statusAlert.blueStatus{border-color: #3f8acb; background-color: #3f8acb; margin: 0;} .statusAlert.grayStatus{border-color: #e5e5e5; background-color: #e5e5e5; color: #333; margin: 0;} .statusAlert.greenStatus{border-color: #22c064; background-color: #22c064; color: #fff; margin: 0;} .paddForButtons{padding: 4px; display: block;} .paddForButtons.alignCtr{text-align: center;} .basicFloatLeft{float: left; min-width: 150px;} .basicFloatLeft:first-child{margin-left: 0;} .basicFloatLeft .basicDateRangeHeader{font-weight: bold; font-size: 1.2em; margin-bottom: 6px;} .basicFloatLeft label{min-width: 75px; margin-right: 16px;} .basicFloatLeft.dateRange{min-width: 400px;} .basicFloatLeft.dateRange .dateRangeTo{margin-left: 8px; margin-right: 8px;} .basicFloatLeft.largerInput input{} .cke .cke_contents, div.control .cke iframe{width: 100% !important;} .newPerfPro3LoginLogo{max-width: 225px;} .flex{display: flex; flex-wrap: wrap;} .f1{flex: 1;} .f2{flex: 2;} .f3{flex: 3;} .f4{flex: 4;} .f5{flex: 5;} .paddingTop20{padding-top: 20px;} .textAlignRight{text-align: right;} .marginBottom8{margin-bottom: 8px;} #goalProgressArea .f1{width: 250px; margin-bottom: 8px; margin-right: 8px;} #goalProgressArea .f4 .flex .f1{min-width: 250px;} #goalProgressArea.noButtonSoFill .f4 .flex .f1{min-width: 350px;} #goalProgressArea.noButtonSoFill .f1{width: 375px; min-width: 375px; margin-bottom: 8px; margin-right: 8px;} #goalProgressArea > .flex > .f1{min-width: 0; max-width: none; margin-bottom: 4px; margin-right: 4px;} #goalProgressArea .f1 .flex > .f1 div{white-space: nowrap;} #goalProgressArea .f1 .goalPercentageLabel{min-width: 0; max-width: none; margin-bottom: 4px; margin-right: 4px; padding-top: 8px;} #goalProgressArea .f1 .goalPercentageInput{width: 50px; min-width: 0; max-width: none; margin-bottom: 4px; margin-right: 4px;} .dateAreaOutline{border: 1px solid #dddddd; padding: 5px 3px;} #EmployeeDataForm .dateAreaOutline{width: 273px;} #EmployeeDataForm .Lc-field{margin-top: 4px;} #EmployeeDataForm .Lc-label-above{margin-bottom: 4px;} #EmployeeDataForm .Lc-label-right{margin-top: 6px;} #EmployeeDataForm input{height: 25px;} #EmployeeDataForm select{height: 29px; background-color: #fff;} #EmployeeDataForm .dateAreaOutline input{height: 21px;} .dateAreaOutline input{border: 0; border-right: 1px solid #e9e7e8; border-radius: 0;}  .dateAreaOutline a img{margin: 4px;} .dateAreaOutline a img{margin: 4px 4px 0 0px;} .alertsLogFilterForm{width: 75%;} .alertsLogFilterForm .dateRangeText{width: 75px; margin-top: 8px;} .alertsLogFilterForm .toText{width: 25px; margin-top: 8px;} .alertsLogFilterForm .optionBoxes{width: 270px;} .marginBottom16{margin-bottom: 16px;} .lineHeight1_5{line-height: 1.5em;} .marginTop2em{margin-top: 2em;} #PerfPro3_LC_Card #belowTabs,  #PerfPro3_LC_Card .innerArea{background-color: #fff;} #from_1, #to_1, #from_2, #to_2, #from_3, #to_3, #from_4, #to_4, #from_5, #to_5{width: 40px; padding-left: 4px !important; padding-right: 4px !important; margin-right: 2px; text-align: center;} #actionBtns #blobs A{padding: 6px 16px 6px 16px;} .addSpaceAbove{margin-top: 16px;} .marginBottom{margin-bottom: 16px;} .uppercasetext{text-transform: uppercase;} #PDFbutton .button{height: 22px;} #PDFbutton .button:focus{background-color: #22c064;} #assign_to_emp .grid_10{width: 100%;} #EmployeeDataForm input[disabled='disabled'], #EmployeeDataForm textarea[disabled='disabled'], #EmployeeDataForm select[disabled='disabled']{background-color: #ccc !important; cursor: auto;} #EmployeeSalaryDataForm input[disabled='disabled'], #EmployeeSalaryDataForm textarea[disabled='disabled'], #EmployeeSalaryDataForm select[disabled='disabled']{background-color: #ccc !important; cursor: auto;} #EmployeeSalaryDataForm select{width: 275px !important;} .appraisalProcessDropDown{text-align: right;} .appraisalProcessDropDown .appraisalProcessTitle{display: inline-block; margin-right: 4px; margin-top: 10px;} .dateAreaOutline input[readonly]{background-color: white; border: 1px solid #888; margin: 0px 0px 0px 0px;} 
/* FILE <webform.css> */DIV.field{padding-bottom: 5px;} #spellCheckForm fieldset{border: 0;} #spellCheckForm select{width: 275px;} #spellCheckForm input{width: 275px;} div.webform{float: none;} div.webform div.grid_16.alpha.omega{clear: both; position: relative;} div.column_container{width: 920px;} div.column_container > div.column_container_top{padding: 7px 0 15px; margin-top: 25px; clear: both; overflow: hidden;} div.column_container div.form_column{float: left; width: 428px; padding: 0 10px 1200px; margin: 0 10px -1200px 0; background-color: white;} div.form_column div.bottom_padding{padding: 5px 0;} div.form_column div.full_width{width: 100%;} div.column_container div.form_column + div.form_column{margin: 0 0 -1200px 10px;} div.column_container_footer{float: left; width: 920px; height: 7px; margin-bottom: 10px; clear: both;} div.column_full_footer{float: left; width: 920px; height: 7px; margin-bottom: 10px; clear: both;} div.full_container{float: left; width: 920px; padding: 0; clear: both;} div.full_container > div.full_container_top{padding: 7px 0 0;} div.full_container div.form_column{width: 898px; margin-top: -3px; padding: 0 10px; background-color: white;} div.webform h2, H2{float: left; clear: both; color: #555; margin: 30px 0 15px; padding: 5px 0 2px; font: 16px; font-weight: bold; width: 100%;} div.bottom_padding > h2:first-child{margin-bottom: 5px !IMPORTANT;} #CustomTermsForm h2{margin-top: 24px !important;} #CustomTermsForm h2:first-child{margin-top: 0 !important;} #CustomTermsForm div.grid_16:last-child h2:first-child{margin-top: -24px !important;} div.webform div.field{clear: both; margin: 8px 0;} div.fauxLabel{color: #555; margin: 0px 0 -10px 3px; padding-top: 16px; height: 21px; font-size: 13px; clear: both;} div.field.fullWidth div.control, div.field.fullWidth div.control .status_bar, div.field.fullWidth div.control textarea, div.full_container_top div.form_column div.bottom_padding div.field.fullWidth div.control, div.full_container_top div.form_column div.bottom_padding div.field.fullWidth div.control .status_bar, div.full_container_top div.form_column div.bottom_padding div.field.fullWidth div.control textarea{width: 100%;} div.webform div.field > div.label{color: #555; float: left; margin: 3px 0 0 3px; width: 200px; height: 21px; font-size: 12px;} div.webform div.field > div.control{color: #555; float: left;} div.full_container_top div.form_column div.bottom_padding div.control{width: 500px; margin-top: 3px;} div.webform div.control input{margin: 0; padding: 4px 0px; height: 18px; border: 1px solid #ddd;} #leftSideBorder div.webform div.control input[type $='checkbox']{width: 15px;} div.summary_comment div.field div.control textarea{width: 325px;} div.summary_comment div.field div.control input{width: 258px;} div.summary_comment div.field div.control select{width: 260px;} div.webform div.control input[type="checkbox"], div.webform div.control input[type="radio"]{border: none;} div.webform div.control select{margin-bottom: 3px;} div.full_container div.webform div.control select{border: 1px solid #DDD; width: 700px;} div.webform div.control input, div.control textarea, div.webform div.control select{} div.webform select, div.webform select > option{font-size: 1em; width: 250px;} div.webform select.autowidth, div.webform select > option{width: auto;} input.large[type ^='file']{width: 240px;} div.bottom_padding div.status_bar, input#rfm_email_notification_subject, textarea#rfm_email_notification_message, textarea#ack_appraisal, textarea#ack_form{width: 500px;} .fullWidth input#rfm_email_notification_subject, .fullWidth textarea#rfm_email_notification_message, .fullWidth textarea#ack_appraisal, .fullWidth textarea#ack_form, .fullWidth .tallener{width: 100%;} div.webform div.full_container textarea{height: 90px; overflow: auto; position: relative; width: 100%;} div.webform div.full_container textarea.richtext{width: 800px; height: 250px;} div.webform div.field > div.control input.text{width: 235px;} div.webform div.field > div.control input.text[type="file"]{width: 240px;} div.webform div.field > div.control select[name="elan_threshold"]{width: 237px;} div.webform div.field > div.control select[name="scale"], div.webform div.field > div.control select[name="action_step_scale"], div.webform div.field > div.control select[name="sub_competancy_scale"]{width: 260px;} div.webform div.column_container textarea{width: 220px; height: 90px; overflow: auto;} div.webform div.column_container textarea#options[class|="show"]{height: 48px;} div.webform div.column_container textarea.richtext{height: 250px; width: 428px; margin: 3px 0;} div.webform div.grid_8 div.field{width: 428px; margin: 3px 0;} div.webform div.grid_8 div.field > div.control{display: inline;} div.webform div.grid_8 div.field > div.hidden{display: none;} div.webform div.hidden > div{color: #aaa !IMPORTANT;} div.webform input.readonly, div.webform TEXTAREA.readonly{color: #888 !IMPORTANT;} div.webform div.required span{margin-right: 5px; color: #96160f;} div.webform TEXTAREA{font-size: 12px; resize: none;} div.webform div.validate_instructions{float: right; line-height: 1.2; width: 52%;} div.webform form[action="?mode=mAdmin&job=addNewUserSubmit"] div.control{float: none;} div.webform div.validate_instructions span.pinpoint_error{font-weight: bold; color: black;} div.webform a.buttonInActive, a.buttonInActive, input.buttonInActive{float: right; background-color: #f1eff0; margin: 0px; padding: 5px 16px; font: 12px; color: #8dc769; text-decoration: none; font-weight: bold; margin: 2px 0px 2px 5px; border: 1px solid #8dc769; cursor: auto;} div.webform a.button, div.webform a.floating_button, a.button, input.button{float: right; background-color: #005a9e; margin: 0px; padding: 6px 16px 4px 16px; color: white; text-decoration: none; margin: 2px 0px 2px 5px;} a.autobutton{float: right; background-color: #8dc769; margin: 0px; padding: 5px 16px; font: 11px "Verdana"; color: white; text-decoration: none; font-weight: bold; margin: 2px 0px 2px 5px;} a.autobutton{float: right; background-color: #8dc769; height: 16px; margin: 0px; padding: 5px 16px; font: 11px "Verdana"; color: white; text-decoration: none; font-weight: bold; margin: 2px 0px 2px 5px;} #print_form a.button{width: 50px;} div.FormContainer #print_form a.button{width: auto !important; text-align: center;} A.inline_button{float: left; background-color: #8dc769; padding: 5px 16px; font: 12px; color: black; text-decoration: none; font-weight: bold;} A.inline_button.disabled{background-color: #f1eff0;} body#perfpro_body.container_16 div#globalPageContainer.grid_16 div#belowTabs.grid_16 div.innerArea div a.button{margin-bottom: 10px;} body#perfpro_body.container_16 div#globalPageContainer.grid_16 div#belowTabs.grid_16 div.innerArea div a.button[onclick="addFormSelector()"]{margin-bottom: 0;} body#perfpro_body.container_16 div#globalPageContainer.grid_16 div#belowTabs.grid_16 div.innerArea a.button[onclick~="r=makeBlankRow($('range_table'));"]{margin: 10px 0;} .floating_button_ma{margin: 0 30px 0 -18px !important;} div.webform a.button{background-color: #005a9e; margin: 10px;} div.webform a.disabled{color: #888 !IMPORTANT;} span.in_tabset{float: right; margin: -45px 0 0; padding: 0; height: 65px;} span.in_tabset a.addl_button{margin-left: 5px;} div.xfer{float: left; width: 900px;} DIV.field > DIV.xfer{margin-top: 16px;} div.xfer div.xfer_chooser{float: left; width: 420px;} div.xfer div.xfer_chooser select{float: left; width: 420px !IMPORTANT; border: 1px solid #dfdcd7; margin: 0; padding: 0;} div.xfer div.xfer_chooser select:focus{background-color: white;} div.xfer div.xfer_chooser div.xfer_chooser_title{height: 22px; background-color: #fff; padding: 4px 0 0 8px; background-repeat: repeat-x; background-position: bottom; text-align: left; font: small; font-weight: 600; color: #555; border: 1px solid #bce8f1; border-style: solid solid none solid;} div.xfer div.xfer_control{float: left; width: 20px; margin: 40px 20px 0 20px;} div.xfer div.xfer_chooser select option{width: 420px; height: 1.5em; padding: 1px 0 3px 2px;} div.xferButton{margin-bottom: 5px; width: 20px; height: 20px; float: left; background-image: url('../images/icons/dirSelectorsAll.png');} div.xferInstructions{width: calc(100% - 16px); margin: 16px 0 0 0; padding: 8px;} div.xferInstructions div{margin-bottom: 8px;} div.allRight{background-position: 20px 0;} div.oneRight{background-position: 40px 0;} div.allLeft{background-position: 0 0;} div.oneLeft{background-position: 60px 0;} div.allRightOver{background-position: 20px 20px;} div.oneRightOver{background-position: 40px 20px;} div.allLeftOver{background-position: 0 20px;} div.oneLeftOver{background-position: 60px 20px;} div.allRight, div.allRightOver{margin-top: 20px;} div.xfer_help{margin: 0 2px 5px 2px; width: 20px; height: 20px; float: left;} .arrows{margin: 0 auto;} a.up_button, a.down_button{width: 16px; height: 21px; background-repeat: no-repeat;} a.up_button{background-image: url('../images/icons/up-arrow.png'); float: left; margin-left: 5px;} a.down_button{background-image: url('../images/icons/down-arrow.png'); float: right; margin-right: 20px;} a.down_button_over{background-position: 16px 16px; margin: 0 17px 0 2px;} div#assigner{float: left; width: 780px;} div#assigner div.row{float: left; width: 780px; padding: 0; margin: 0;} div#assigner div.row > div.label{float: left; color: #555; width: 160px;} div#assigner div.row > div.field{float: left; width: 500px;} textarea.summaryComments{width: 325px; height: 100px;} .tallener{background-color: #eee; background-image: url('../images/criteriaLevelsExpander.png'); background-position: center center; background-repeat: no-repeat; border: 1px solid #ddd; border-top: none; cursor: pointer; height: 9px; margin-bottom: 3px; border-top: 1px solid #c0c0c0;} p.description div.tallener{margin: 0 115px 0 120px;} .jig{display: none;} .alert{color: red;} input.name{width: 400px;} input.weight, input.range_low, input.range_high{text-align: right; width: 40px;} TABLE TR TD.weight{text-align: right;} table TR TD.confidential{width: 100px;} table TR TD.confidential, table TR TH.confidential{text-align: center !IMPORTANT;} input.pct{width: 24px !important; text-align: center;} input.pct[readonly]{margin: 0;} input.tiny{width: 40px !important;} div.dropsel{background-position: bottom; padding-bottom: 7px;} div.dropsel div.form_column{border-bottom: none; background-color: white;} div.dropsel div.form_left{float: left; width: 560px; margin: 0; padding: 0;} div.dropsel div.form_right{float: right; width: 250px; margin: 0; padding: 0;} div.dropsel select{width: 360px;} div.dropsel a.button{float: left; margin: 0 5px 0 0;} div.dropsel div.field > div.control{float: left; width: 430px;} div.listcontrol{float: left; width: 428px; background-color: white; margin: 20px 0px 5px 0;} div#popupBox div.listcontrol_wide{width: 610px;} div.listcontrol img.structural{float: left; margin: 0; padding: 0;} div.listcontrol div.inner{width: 428px; padding: 0px;} div.listcontrol div.collapser a{font-size: 12px; font-weight: bold; text-decoration: none; color: black;} div.listcontrol div.listcontrol_content{margin: 5px 0 0;} div.listcontrol div.listcontrol_content a.button{float: right; display: block !IMPORTANT; margin: -20px 0px 5px 5px !important;} div.listcontrol div.listcontrol_content .boxcontrols .button{margin: 0px 0px 5px 0px !IMPORTANT;} div#popupBox div.listcontrol_content{width: 200px;} span.overunder{color: #b82837; font-weight: bold;} .goalRow{border-bottom:solid black 1px !important; margin-bottom:5px !important;} .actionStepRow{padding-left:20px !important; margin-left:20px !important; background-color:blue; border-style:none !important;} div.view_default_levels a.button{position: absolute; right: 30px; top: 50px; z-index: 1000; margin-top: 2px !important;} form#selector_form .form_left div.field{width: 640px;} form#selector_form .form_left div.field .label{width: 200px; float: left;} form#selector_form .form_left div.field .control select, form#selector_form .form_left div.field .control input, form#selector_form .form_left div.field .control textarea{width: 360px;} form[action="?mode=mCustomFields&job=update"] input[name="is_required"]{margin-left: -5px !important;} div.listcontrol_content a[onclick~="setOrg();"], div.webform a.button[onclick="addCoachingComment()"]{position: relative;} .f4{font-weight:bolder;} .fa-plus-circle::before{content: "\f055";} div.webform a.button[onclick~="if(ma_count<"]{position: relative; right: -10px;} div.innerArea div#saveWeightButton{position: absolute; top: 144px; right: 20px;} div.innerArea div#saveWeightButton a[onclick~="saveOverallWeights()"]{position: relative; top: -10px; left: -270px;} div.webform div.padding_bottom div.field > div.control{margin-left: -15px; float: none;} div.form_properties_panel h3{font-size: 13px;} div.webform div.grid_8 div.field.richtext{width: 429px; margin: 3px 0;} div.webform div.grid_8 div.field.richtext div.control{width: 99%;} div.field.form_builder div.label{margin-bottom: 2px;} div.webform a.button[href="?mode=mGoalSetup&job=edit&id=0"], div.webform a.button[onclick~="lib=0;"]{margin: 10px 0 0 10px;} input#gol-ReminderSubject, input#OverdueSubject, input#esig-OverdueSubject{width: 427px;} select[name="status"], select[name="pay_basis"], select[name="pay_frequency"], select[name="access_id"]{width: 237px !important;} .required span.asterisk{color: red !important;} table#factor_assign TD.assign_id input[name~="assign_id_name[]"]{width: 500px; margin-top: 2px; padding: 0px 2px;} table#factor_assign TD.weight input[onchange~="verifyWeight(this)"]{margin-top: 2px;} table#factor_assign TR.summary TD.assign_id STRONG{float: left; margin-top: 3px;} table#factor_assign TR.summary TD.assign_id a.floating_button{margin: 0;} div.grid_8.omega.form_column div.bottom_padding div.field div.label, div.grid_8.alpha.form_column div.bottom_padding div.field div.label{margin-bottom: 5px; width: 200px;} div.grid_8.omega.form_column div.bottom_padding div.field div.control select, div.grid_8.alpha.form_column div.bottom_padding div.field div.control select{font-size: 13px; width: 195px;} div.grid_8.omega.form_column div.bottom_padding div.field div.control input[type="text"], div.grid_8.alpha.form_column div.bottom_padding div.field div.control input[type="text"]{padding: 0px 2px; font-size: 12px; width: 195px;} div.control select[name="core_value_duty"], div.control select[name="factor_duty"], div.control select[name="goal_duty"]{width: 240px !important;} div.webform div.grid_16 div.column_container div.column_container_top div.grid_8 div.bottom_padding div.field div.label{width: 180px;} div.field.fullWidth textarea#description_1.small, div.field.fullWidth textarea#description_2.small, div.field.fullWidth textarea#description_3.small, div.field.fullWidth textarea#description_4.small, div.field.fullWidth textarea#description_5.small{width: 100%;} textarea#description_1.small, textarea#description_2.small, textarea#description_3.small, textarea#description_4.small, textarea#description_5.small{width: 497px;} textarea#description, textarea#description_1, textarea#description_2, textarea#description_3, textarea#description_4, textarea#description_5{width: 225px;} div.field.fullWidth textarea#description_1.small, div.field.fullWidth textarea#description_2.small, div.field.fullWidth textarea#description_3.small, div.field.fullWidth textarea#description_4.small, div.field.fullWidth textarea#description_5.small, div.field.fullWidth textarea#description, div.field.fullWidth textarea#description_1, div.field.fullWidth textarea#description_2, div.field.fullWidth textarea#description_3, div.field.fullWidth textarea#description_4, div.field.fullWidth textarea#description_5, td.fullWidth textarea{width: 100%;} #factorAdd div.field.fullWidth textarea#description_1, #factorAdd div.field.fullWidth textarea#description_2, #factorAdd div.field.fullWidth textarea#description_3, #factorAdd div.field.fullWidth textarea#description_4, #factorAdd div.field.fullWidth textarea#description_5{width: calc(100% - 16px);} textarea.description_doc{width: 497px !IMPORTANT;} div.control input#name.required{width: 217px;} #factorAdd div.control input#name.required, #factorAdd div.field.fullWidth textarea#description{width: 216px;} div.control input#name.required[value="No Goals Required"]{width: 197px;} div.control select.required[name="category_id"]{width: 242px !important;} #position div.control select.required[name="category_id"]{width: 360px !important;} #position div.control input.required[name="name"]{width: 334px !important;} form#EmailAlert.EmailAlert div.grid_16 div.column_container div.column_container_top div.grid_8 div.bottom_padding div.field div.label{width: 75px;} form.EmailAlert div.full_container div.full_container_top div.form_column input#appraiser-ReminderSubject.spec2, form.EmailAlert div.full_container div.full_container_top div.form_column input#appraiser-OverdueSubject.spec2{left: -140px; width: 364px; position: relative;} form#EmailAlert.EmailAlert .field .label{width: 72px; margin-top: -1px !important;} div.grid_8.alpha.form_column div.bottom_padding div.field div.control input.spec1, div.grid_8.omega.form_column div.bottom_padding div.field div.control input.spec1{width: 25px !important; position: relative; top: -20px; left: 20px;} div.grid_8.alpha.form_column div.bottom_padding div.field div.control input.spec2, div.grid_8.omega.form_column div.bottom_padding div.field div.control input.spec2{width: 348px;} .spec3{width: 25px !important; position: relative; top: -23px; height: 12px; left: 60px;} a.statusButtonLong[onclick~="unsetChanged();"], a.statusButtonLongOver[onclick~="unsetChanged();"]{margin-bottom: 10px;} a[onclick~="popSelector"]{position: relative; top: -2px;} a img[src="/images/icons/all.png"]{margin: 0 2px;} div#storage_file_area form#recent_storage_file.skip-change-warning table.tableSelector{} .statusButton, .statusButtonOver, .statusButtonLong, .statusButtonLongOver, .statusRightButton, .statusRightButtonOver, .statusRightButtonLong, .statusRightButtonLongOver, .statusCenterButton, .statusCenterButtonOver, .storageButtonLong, .storageButtonLongOver, .statusCompButton, .statusCompButtonOver{height: 13px; padding: 8px; font-weight: bold; cursor: pointer; text-align: center; text-decoration: none; color: #898989;} .statusButton, .statusButtonOver, .statusRightButton, .statusRightButtonOver, .statusCenterButton, .statusCenterButtonOver, .statusCompButton, .statusCompButtonOver{width: 79px;} .statusButton, .statusRightButton, .statusCenterButton, .statusCompButton{} .statusButtonOver, .statusRightButtonOver, .statusCenterButtonOver, .statusCompButtonOver{} .statusButtonLong, .statusButtonLongOver, .statusRightButtonLong, .statusRightButtonLongOver, .storageButtonLong, .storageButtonLongOver{width: 148px;} .statusButtonLong, .statusRightButtonLong, .storageButtonLong{} .statusButtonLongOver, .statusRightButtonLongOver, .storageButtonLongOver{} .statusButton, .statusButtonOver, .statusButtonLong, .statusButtonLongOver{border: 1px solid #888; display: block; float: none; margin-bottom: 5px;} .statusRightButton, .statusRightButtonOver, .statusRightButtonLong, .statusRightButtonLongOver{float: right; margin-left: 10px; text-decoration: none !important;} .statusCenterButton, .statusCenterButtonOver{display: block; margin: 5px 0;} .storageButtonLong, .storageButtonLongOver{clear: both; display: block; float: left; margin-left: 8px;} .button .statusRightButtonDisabled{cursor: auto; color: #ccc; background-color: #ccc;} .statusButton[onclick="uploadStorage();"]{float: none;} div.radio, div.webform div.control div.checkbox, div.webform div.control div.checkbox input[type="checkbox"], .checkbox input[type="checkbox"], div.radio, div.webform div.control div.radio, div.webform div.control div.radio input[type="radio"], .radio input[type="radio"]{margin-top: 3px;} #CompanyUnitAssign .radio input[type="radio"]{float: left; clear: both;} #CompanyUnitAssign .radio label{margin: 10px 0 1px 0; display: inline-block;} .compressRadio div.radio, div.compressRadio div.webform div.control div.radio, div.compressRadio div.webform div.control div.radio input[type="radio"], .compressRadio .radio input[type="radio"]{margin: -5px 0;} .compressCheckbox div.checkbox, div.compressCheckbox div.webform div.control div.checkbox, div.compressCheckbox div.webform div.control div.checkbox input[type="checkbox"], .compressCheckbox .checkbox input[type="checkbox"]{display: inline;} INPUT.required_init{background-color: yellow;} .form_action{margin-bottom: 12px;} .form_submit_button{height: 28px !IMPORTANT; margin: 2px 0 2px 5px !IMPORTANT; padding: 5px 16px !IMPORTANT; cursor: pointer !IMPORTANT;} .vc_icon IMG{height: 16px; padding-bottom: 4px;} div.emailAlertIndividualSettingSection{border: 1px solid #25629e; width: 45%; padding: 0 8px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; float: left; margin-left: 2px; margin-right: 3px; margin-bottom: 5px;} div.emailAlertIndividualSettingSection h2{font-size: 1em;} div.emailAlertIndividualSettingSection h1{background-color: #25629e; color: #fff; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin: 0 -8px;} div.emailAlertIndividualSettingSection div.webform div.field > div.label{width: 100px;} div.emailAlertIndividualSettingSection div.field div.control div.checkbox{display: inline;} div.emailAlertIndividualSettingSection div.field div.control div.cke{width: 420px; margin-top: 5px;} div.field .label, div.field{margin-top: 8px !important;} select option.alt_row{background-color: rgba(0, 0, 0, 0.05); border-top: 1px solid #dee2e6;} #factorAdd div.control div.checkbox{margin-top: 0;} #MASetupForm .bottom_padding h2{font-size: 14px;} #MASetupForm .bottom_padding h2:first-child{font-size: 16px;} #maProfileGetForm div.control input#name.required{width: 213px;} #EmailAlert h2{margin-bottom: 16px !important;} form#multiappraiser tr#summary td.profile_id{text-align: right;} form#multiappraiser tr#summary td.profile_id a{margin-right: 0 !important;} #mJobDescriptionForm div.control select.required[name="category_id"]{width: 360px !important;} #mJobDescriptionForm div.control input#name.required, #mJobDescriptionForm div.field > div.control input.text[type="file"]{width: 334px !important;} #selector_form div.form_left{margin-top: -10px;} #concAppSettingForm div.control input#name.required{width: 215px;} #concAppSettingForm div.grid_16 div.column_container div.column_container_top div.grid_8 div.bottom_padding div.field div.label{width: 150px;} #cumuRangeWidth{width: 550px;} #cumuRangeWidth .flex{margin-bottom: 8px;} #cumuRangeWidth .boldText{font-weight: bold; margin-left: 12px;} #cumuRangeWidth .text{padding-top: 8px;} #cumuRangeWidth .to{width: 20px;} #adminGetCompanyPasswordForm .formAddedForCheckboxArea, #getResetPasswordForm .formAddedForCheckboxArea{margin-top: 32px;} #adminAddNewUser select{width: 260px !important;} #adminEditUser select{width: 260px !important;} #adminGetAccessLevelForm .field .label{width: 100px;} .minWidth50{width: 520px;} #customFormEditForm input, #goalMyLibraryEdit input, #CriterionGetForm input{max-width: 215px;} #customFormEditForm textarea, #goalMyLibraryEdit textarea, #CriterionGetForm textarea{max-width: 221px;} #goalMyLibraryEdit textarea{margin-bottom:8px;} img.alarmIcon{margin-left: 8px; width: 18px;} .displayNone{display: none;} a.notificationBell{color: #000; font-size: 1.2em; width: 25px; margin-left: 9px;} .manual_path_selection_eligible{margin-left: 25px !important; margin-top: -2px !important;} .manual_path_selection_eligible_label div{margin-top:-8px;} #Assigned_Form_History thead tr th, #Assigned_Form_Notes thead tr th{padding: 12px; text-align: center;} .readonly_textarea{background-image: url('../images/readonly_textarea.png') !important;} .displayIconLi{display: block !important;} .displayIconUl{padding: 4px; margin-top: 0px !important;} .showIcons{display: block !important; width: 250px; position: absolute; right:0px; top:90px; background: #FFFFFF; height: 30px; border: 1px solid #e6e6e6;} .assignPosition{margin-bottom: 10px !important; float: right !important; margin-right: 88px !important;} .assignProcessSaveBtn{margin-right: 24px; top: -270px; position: relative; float: right;} 
/* FILE <popCalendar.css> */ #pop_calendar{display: none; width: 210px; height: 220px; position: absolute; background-color: #f1eff0; z-index: 9999 !important;} #pop_calendar TABLE.cal_table{width: 210px; height: 220px; padding: 2px; border: 1px solid #aaa;} #pop_calendar TABLE TR.panel TD A.button{float: none !IMPORTANT; padding: 5px 6px; margin: 5px;} #pop_calendar DIV.this_month{font: small "Verdana", "Helvitica", sans-serif; color: white; text-align: center;} #pop_calendar TR.cal_head{background-color: #b6b4b4; color: white !IMPORTANT;} #pop_calendar TR.cal_head A{color: white !IMPORTANT;} #pop_calendar A{cursor: pointer;} #pop_calendar TABLE.cal_table TR TD.date A, #pop_calendar TABLE.cal_table TR TD.other_month SPAN{border: none; padding: 0px 3px; cursor: pointer; text-align: center; color: black;} #pop_calendar TABLE.cal_table TR TD.date{margin: 2px;} #pop_calendar TABLE.cal_table TR TD.other_month SPAN{color: #aaa;} #pop_calendar TR TD DIV.sel_date{margin: 2px; background-color: white; padding: 4px 2px;} #pop_calendar TABLE.cal_table TR TH{font: .9em "Verdana", sans-serif; text-align: center !IMPORTANT; color: black; height: 17px;} #pop_calendar TABLE.cal_table TR TD.date{font: .9em "Verdana", sans-serif; text-align: right; width: 30px !IMPORTANT; padding: 0px !IMPORTANT; height: 25px;} #pop_calendar TABLE TR.panel > TD{text-align: center !IMPORTANT; font: small "Verdana", "Helvitica", sans-serif; border-top: 1px solid #aaa; height: 30px; background: #aaa;} #pop_calendar TABLE.cal_table TR TD.today A,  #pop_calendar TABLE.cal_table TR TD.today SPAN, #pop_calendar TABLE.month_selector TABLE TR TD A.selected{border: 1px solid black; color: white !IMPORTANT; background-color: #aaa;} #pop_calendar .next, #pop_calendar .prev,  #pop_calendar .next_over, #pop_calendar .prev_over{margin: 3px;} #pop_calendar TABLE.month_selector TABLE{height: 100%; padding: 10px; border-right: 1px solid black;} #pop_calendar TABLE.month_selector TABLE TR TD{max-height: 30px; padding: 3px 5px; width: 40px; min-height:auto;}
/* FILE <popupBox.css> */div#popupBox, div#popupBox_alt{position: fixed; top: 130px; left: 50%; margin-left: -237px; display: none; z-index: 40; background-color: white; overflow: visible; float: left; width: 500px; background-position: bottom; border: 1px solid black;} div#popupBox .popupHeader, div#popupBox_alt .popupHeader_alt{background: transparent; height: 52px; width: 458px; float: left;} div#popupBox.alertPop .popupHeader, div#popupBox_alt.alertPop .popupHeader_alt{background: transparent; height: 28px; width: 474px; float: left; color:#fff;} div#popupTitle, div#popupTitle_alt{color: #898989; font-size: 16px !important;} div#popupBox .popupHeader, div#popupBox_alt .popupHeader_alt{margin-left: 21px; margin-right: 21px; border-bottom: 1px solid #eee;} div#popupBox .popupHeader #popupTitle, div#popupBox_alt .popupHeader_alt #popupTitle_alt{background-color: white; padding: 6px 0 0 10px; font-size: 16px; color: #000; width: 393px; height: 28px; float: left; cursor: move; margin-top: 11px; font-weight: bold;} div#popupBox .popupHeader .popupClose{text-align: right; color: black; width: 20px; padding: 0 10px 0 0; float: right; font-size: 1.3em; margin-top: 18px;} .modal-open{overflow: hidden !important;} div#popupBox_alt .popupHeader_alt .popupClose_alt{text-align: right; color: black; width: 20px; padding: 0 10px 0 0; float: right; font-size: 1.3em; margin-top: 18px;} div#popupBox .popupBody, div#popupBox_alt .popupBody_alt{float: left; margin-left: 21px; margin-right: 21px; width: 458px; background: white; border-width: 0 1px; border-color: #bfbab0; background-position: bottom;} div#popupBox #popupContent, div#popupBox_alt #popupContent_alt{width: 430px; max-height: 600px; overflow-y: auto; overflow-x: auto; padding: 10px; float: left; background-color: white; margin: 10px 10px 0;} div#popupBox #popupContent .popupSideIcon, div#popupBox_alt #popupContent_alt .popupSideIcon_alt{width: 24px; padding: 0 3px; float: left;} div#popupBox #popupContent .popupText, div#popupBox_alt #popupContent_alt .popupText_alt{float: left; margin: 0 0 0 20px; width: 384px;} div#popupBox #popupFooter, div#popupBox_alt #popupFooter_alt{float: left; width: 468px; clear: both; padding: 16px; min-height: 1px; margin-top: 16px; border-top: 1px solid #e7ecf1; background-color: #f5f5f5;} div#popupBox .statusRightButton, div#popupBox .statusRightButtonOver, div#popupBox .statusRightButtonLong, div#popupBox .statusRightButtonLongOver{margin: 0 8px !important;} div#popupBox .popupBottom, div#popupBox_alt .popupBottom_alt{float: left; width: 474px; height: 0px;} div#popupBox.alertPop .popupBottom, div#popupBox_alt.alertPop .popupBottom_alt{float: left; width: 474px; height: 5px; background: transparent url('/images/form/popup_footer_alert.png') no-repeat;} div#popupBox a.button, div#popupBox_alt a.button{float: right; background: #005a9e; padding: 5px 16px; font: 12px; margin: 0 4px; color: white; text-decoration: none;} div#popupBox a.button.secondarySelector, div#popupBox_alt a.button.secondarySelector{background-color: #e1e5ec !important; color: #000 !important;} div#popupBox a.disabled{color: #aaa !important;} div.modal{display: block; width: 100%; height: 200%; position: fixed; top: 0; left: 0; z-index: 30; background-color: #000; opacity: .50; filter: alpha(opacity=50);} div.modalTrans{display: none; width: 100%; height: 200%; position: absolute; top: 0; left: 0; z-index: 70; background-color: #000; opacity: .00; filter: alpha(opacity=00);} div.nonmodal{display: none; width: 0; height: 0;} div#popupBox form.search, div#popupBox_alt form.search{background: white; background-position: bottom;} div#popupBox input[type="text"]{width: 95%;} div#popupBox input#searchByEmployeeID{width: 86%;} div#popupBox input:focus, div#popupBox select:focus, div#popupBox_alt input:focus, div#popupBox_alt select:focus{color: #333; background-color: white !important;} div#popupBox p, div#popupBox_alt p{margin: 0 0 10px; padding: 0;} div#popupBox form.popupSelector, div#popupBox table, div#popupBox_alt form.popupSelector, div#popupBox_alt table{padding: 0; border: 1px solid transparent; width: 434px;} div#popupBox form.popupSelector div.selector_row, div#popupBox_alt form.popupSelector div.selector_row{margin: 0; padding: 2px 3px; background-color: white;} div#popupBox div.popupBox_SELECT, div#popupBox_alt div.popupBox_SELECT{width: 434px; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; border: 1px solid #b7babc; height: 440px;} div#popupBox div.popupBox_SELECT .popupBox_OPTION, div#popupBox_alt div.popupBox_SELECT .popupBox_OPTION{padding: 4px;} div#popupBox div.popupBox_SELECT .alt_row, div#popupBox_alt div.popupBox_SELECT .alt_row{background-color: #e6e6e6;} div#popupBox .listcontrol div.popupBox_SELECT, div#popupBox .listcontrol div.popupBox_OPTION, div#popupBox_alt .listcontrol div.popupBox_SELECT, div#popupBox_alt .listcontrol div.popupBox_OPTION{width: 175px !important;} div#popupBox div.popupBox_OPTION, div#popupBox_alt div.popupBox_OPTION{margin: 0; width: 434px; height: 22px;} div#popupBox div.popupBox_OPTION a, div#popupBox_alt div.popupBox_OPTION a{margin: 3px; float: left;} div#popupBox div.default, div#popupBox_alt div.default{background-color: #A7D6DF;} div#popupBox div.selected, div#popupBox_alt div.selected{background-color: #7fceff !IMPORTANT;} div#popupBox div.selected a, div#popupBox_alt div.selected a{color: white;} div#popupBox div.popupBox_OPTGROUP, div#popupBox_alt div.popupBox_OPTGROUP{margin: 6px 0 0; color: #898989; font-weight: bold;} div#popupBox form{margin: 0; padding: 0;} div#popupBox form.popupForm{overflow: hidden;} div#popupBox form.popupForm div.field{float: left; clear: both;} div#popupBox form.popupForm div.field div.label{padding-right: 5px ; min-width: 100px; float: left; text-align: left;} div#popupBox form.popupForm div.field div.control{margin: 0; padding: 0; width: 255px; float: right; display: inline;} div#popupBox form.popupForm div.field div.control input{width: 99%; border: 1px solid #ddd;} div#popupBox form.popupForm div.field div.control input[type="checkbox"]{width: 16px;} div#popupBox form.popupForm div.field div.control textarea{border: 1px solid #ddd; width: 99%; height: 100px;} div#popupBox form.popupForm div.field div.control textarea.richtext{height: 200px !important;} div#popupBox form.popupForm div.field div.control input.date{width: 100px;} div#popupBox form.popupForm div.field div.control input.scInputText{width: 99% !important;} div#popupBox form.popupForm .validate_instructions{color: red;} div#popupBox form.popupForm div.field div.control input.pct{width: 26px !important;} div#popupBox form.popupForm h2{margin: 0; padding: 0;} div#popupBox.wide{margin-left: -325px; width: 666px;} div#popupBox.wide .popupHeader{width: 623px;} div#popupBox.wide .popupBody{width: 587px; background: white; height:50vh;} div#popupBox.wide #popupContent{width: 615px; overflow-y: auto; height: 100%;} div#popupBox.wide .popupHeader #popupTitle{width: 568px;} div#popupBox.wide #popupContent .popupText{width: 560px;} div#popupBox.wide #popupContent table{width: 610px;} div#popupBox.wide #popupFooter{width: 634px;} div#popupBox.wide .popupBottom{width: 634px;} div#popupBox.wide .popupBody form div.full_container{width: 587px;} div#popupBox.wide .popupBody form div.full_container_top{width: 587px;} div#popupBox.wide .popupBody form div.full_container_top div.form_column{width: 587px;} div#popupBox.wide .popupBody form .grid_16.alpha.omega{width: 587px;} div#popupBox.wide .popupBody form#NoteForm label{width: 200px;} div#popupBox.wide .popupBody form#NoteForm .control{width: 350px;} div#popupBox.super_wide{top: 125px !important; margin-left: 275px; width: calc(100vw*3/4) !important; left: 0% !important; height: calc(100vh - 125px); overflow-y : auto;} div#popupBox.super_wide .popupHeader{width: 96%;} div#popupBox.super_wide .popupBody{width: 96%; background: white;} div#popupBox.super_wide #popupContent{width: 96%; min-width: 1000px;} div#popupBox.super_wide .popupHeader #popupTitle{width: 70%;}div#popupBox.super_wide .popupHeader .popupClose{width: 20%;} div#popupBox.super_wide #popupContent .popupText{width: 99%;} div#popupBox.super_wide #popupContent table{width:96%;} div#popupBox.super_wide #popupFooter{width: 96%;} div#popupBox.super_wide .popupBottom{width: 99%;} div#popupBox div#field_properties_editor .field .label{float: left; line-height: 17px; position: relative; top: 3px;} div#popupBox div#field_properties_editor .field:first-child .label{float: none;} div#popupBox div#field_properties_editor .field .control{margin: 6px 0;} div.checkboxselectorset > div.boxset{float: left; width: 468px; height: auto; max-height: 250px; min-height: 100px; padding: 5px; border: 1px solid#bfbab0; overflow: auto;} div.checkboxselectorset > div.boxset input[type='checkbox']{position: static;} div.checkbox_control{display: block; padding-bottom: 5px;} div.checkboxselectorset > div.boxcontrols{float: left; width: 80px; height: 100px; padding: 5px; text-align: left;} div.checkboxselectorset > div.boxcontrols a{float: left !important; margin-bottom: 10px !important; width: 70px !important; text-align: center;} div#popupBox ul#emailAlertsPerfProInfo{list-style: none; margin-top: 10px;} div#popupBox ul#emailAlertsPerfProInfo li{margin-bottom: 3px; padding: 3px;} div#popupBox ul#emailAlertsPerfProInfo li.alt_row{background-color: #7fceff;} div#popupBox ul#emailAlertsPerfProInfo li a{text-decoration: none; border-bottom: 0; color: #000;} p.checker{margin: 5px 0 3px !important;} p.checker_option{margin: 0 0 0 10px !important;} div#popupBox input#search{width: 77%; margin-right: 5px;} div.company_copy{width: 500px;} #renamed_filename{margin-top: -1px !important; display: inline; float: right; width: 82% !important;} form[name="import_file_name"] label{margin-top: 3px; float: left;} #pname{width: 99%;} #drawSlider-1Text, #drawSlider0Text, #drawSlider1Text, #drawSlider2Text, #drawSlider3Text, #drawSlider4Text, #drawSlider5Text, #drawSlider6Text, #drawSlider7Text, #drawSlider8Text, #drawSlider9Text, #drawSlider10Text, #drawSlider11Text, #drawSlider12Text, #drawSlider13Text, #drawSlider14Text, #drawSlider15Text{left: 0 !important; margin: 0 auto !important; margin: 5px 0 !important;} div.goalInformation{margin-left: 5px; margin-right: 5px;} div.goalInformation h2{padding: 2px 5px; margin-top: 10px !important; margin-left: 0px; margin-bottom: 5px; font-weight: bold; color: white; background: #22a6de;} div.goalInformation > h2:first-child{margin-top: 0 !important;} div.goalInformation h3{margin-left: 5px; font-size: 0.95em; margin-top: 0;} div.goalInformation table{margin-left: 5px; width: 75%;} div.goalInformation .noNotes{padding-left: 10px; margin-top: 4px; margin-bottom: 4px; display: block;} div#popupBox .advanceSearchPopup{width:100%; text-align : right; cursor : pointer; margin-bottom : 10px; text-decoration: none;} div#popupBox .advanceSearchPopup a{text-decoration: none;} div#popupBox .empSearchDownline{display: block; overflow: hidden; width: 100%;} div#popupBox div#EmployeeSearchFilters{overflow: hidden; width: 100%;} div#popupBox div#EmployeeSearchFilters .advSearchAppraiser, .advSearchDepartment, .advSearchDivision{width:45%; float:left; margin: 8px 0;} div#popupBox div#EmployeeSearchFilters .advSearchPosition, .advSearchLocation, .advSearchRoutingGroup{width:45%; float:right; margin: 8px 0;} div#popupBox div#EmployeeSearchFilters select{width : 100%;} div#popupBox div.resetSearchForm{overflow: hidden; width: 100%; margin-bottom:2px;} #selectorContainer .popupBox_SELECT{min-height : 25px;} div#popupBox #employeeSelector form.popupForm div.field div.label{float: none;} div#popupBox #employeeSelector form.popupForm div.field div.control{float: none;} div#popupBox #employeeSelector form.popupForm div.field div.control div.searchOuterLayer{border: 1px solid #c2cad8; margin-top: 4px;} div#popupBox #employeeSelector form.popupForm div.field div.control div.searchOuterLayer .fa-search{position: relative; right: 0;} div#popupBox #employeeSelector form.popupForm div.field div.control div.searchOuterLayer input{width: calc(100% - 42px); border: 0;} div#popupBox #employeeSelector .field .label, div#popupBox_alt #employeeSelector .field .label, div#popupBox #employeeSelector .label, div#popupBox_alt #employeeSelector .label{color: #999999 !important;} #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks{margin-bottom: 8px;} #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks .fl1{display: inline; text-align: left; border-left: 1px solid #22a6de; padding: 1px 8px 2px 8px;} #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks .fl1 a{color: #22a6de; text-decoration: none;} #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks .fl1:first-child{border-left: 0;} #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks #advanceSearch i{margin-right: 4px;} #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks #advanceSearch .fa-plus, #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks #advanceSearch.open .fa-minus{display: inline-block;} #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks #advanceSearch .fa-minus, #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks #advanceSearch.open .fa-plus{display: none;} #employeeSelector #PerfPro3_LC_Employee_Selector_TopLinks SPAN#show_dr{float: none;} #employeeSelector #selectorContainer .popupBox_SELECT a span.dl_level_1{color: #000088;} #employeeSelector #selectorContainer .popupBox_SELECT a span.dl_level_0{color:#000;} #employeeSelector #selectorContainer .popupBox_SELECT a span.dl_level_2{color: #008800;} #employeeSelector #selectorContainer .popupBox_SELECT a span.dl_level_3{color: #880000;} #employeeSelector #selectorContainer #fauxSelect div.popupBox_SELECT{background-color: #fff;} #employeeSelector #selectorContainer #fauxSelect div.popupBox_OPTION.alt_row{background-color: #eeeeee;} #employeeSelector #EmployeeSearchFilters .resetSearchForm{padding-top: 8px; padding-bottom: 8px;} form#assign_to_emp{min-height: 350px;} div#popupBox .listcontrol div.popupBox_OPTION{background-color: #fff; border-top: 1px solid #dee2e6;} div#popupBox .listcontrol div.popupBox_OPTION.alt_row{background-color: #f2f2f2;} .search-by-employee-id{border: 1px solid #ddd !important; margin-bottom: 15px; width: 98% !important;} 
/* FILE <formBuilder.css> */ .buttons{padding: 3px 0px 0px 3px; text-align: right;} .hidden A{display: none;} .visible A{display: inline;} .editor_section > .buttons{background-color: #88f;} .editor_column > .buttons{background-color: #ccc;} .editor_field > .buttons{background-color: #eee;} .editor_top > .buttons{background-color: #aaa;} .editor_field{border: 1px solid #eee; margin: 5px; color: black;} .editor_field P{margin: 0px; padding: 3px 0px 6px 0px; font-size: small;} SPAN.required{color: #96160f; font-weight: bold;} .editor_column{border: 1px solid #ccc; margin: 10px 0px 5px 5px; float: left; padding: 0px; width: 455px;} .editor_section{border: 1px solid #88f; width: 920px; margin: 0px; float: left; clear: both;} .editor_section H2{margin: 0px; padding: 0px; font: large "Georgia", serif;} .editor_top{margin: 5px;} .editor_top > .buttons{height: 20px !IMPORTANT;} .editor_selection > .editor_field{width: 915px;} .editor_column > .editor_field{width: 435px;} .question{float: left; margin: 0px 0px 3px 5px; width: 200px;} .answer{float: left; margin: 3px 0px 5px 5px; clear: right;} BR.break{clear: both;} .edit_field P{margin: 0px; padding: 0px;} .edit_field H2{margin: 0px 0px 4px 0px; padding: 0px;} .edit_field H2:first-letter{text-transform: uppercase;} .edit_field FORM DIV{margin: 2px; padding: 2px; width: 420px; float: left;} .edit_field FORM DIV P{font-weight: bold; vertical-align: bottom;} .edit_field FORM SELECT{font-size: small; color: #444;} .edit_field FORM INPUT{font-size: small; color: #444;} .editor_field{padding: 16px 0px 0px 0px;} .summary_comment div div.control TEXTAREA{width: 325px;} .form_builder TEXTAREA{font-size: 12px; width: 600px; height: 170px;} .form_builder .richtext{width:100%; height: 170px; background-image: url('/images/richtext.png'); background-repeat: no-repeat; padding: 30px 5px 0px 5px;} .active{background-color: #ddd;} .form_properties_panel A.button{margin: 0px 0px 0px 10px !IMPORTANT;} .form_properties_panel H3{margin: 0px;} #field_properties{width: 428px; margin: 0px; float:right;} .formBuilder{float: left; width: 408px; margin: 0px 0px 5px 0px; clear: both;} .formBuilder .label{width: 100px; float: left;} .formBuilder .control{width: 508px; float: left;} .formBuilder .control TEXTAREA{width: 600px !IMPORTANT; height: 100px !IMPORTANT;} .formBuilder .option_col{width: 350px; float: left;} #sample_field{width:45%; margin:0px 20px 0px 0px; float: left;} #sample_field TEXTAREA{height: 175px !IMPORTANT;} #sample_field .required SPAN.asterisk, .editor_field .required SPAN.asterisk{font-weight: bold; color: red; margin-right: 5px;} .editor_field .required a.cke_combo_button SPAN{color: black;} span.field.instructions{margin-left: 5px; color: #5d5d5d; font-weight: normal; font-size: 1em;} #sample_field TABLE.matrix{width: 500px !IMPORTANT;} #field_properties_editor TEXTAREA{height: 40px; float: left; clear: right; resize: none;} .ersatz_richtext{width: 600px; border: 1px solid black; height: 175px; overflow-y: scroll;} div#sample_field .field .control .ersatz_richtext{width: auto;} #form_editor .field, #form_editor H3{padding-top: 10px; margin-left: 5px;} #field_properties_editor .field .label, #field_properties_editor .field .control{float: left; clear: both;} #field_properties{height: 450px; width: 200px; overflow-y: auto; overflow-x: hidden;} #changesAssignedFormDataHistory tr td a{text-decoration: none; color: #005a9e;} .changeHistoryShort{} .changeHistoryLong{display: none;} .changeHistoryLong a.subscript, .changeHistoryShort a.subscript{font-size: 0.8em;} a.formBuilderOptions{margin-left: 4px;} a.formBuilderOptions i{color: #555;} div.radioInput{display: inline-block; margin-right: 4px; vertical-align: middle;} div.radioText{display: inline-block;} div#popupBox form#formbuildLabelsWider div.field div.label{min-width: 140px;} div#popupBox form#formbuildLabelsWider div.field div.control{width: 232px;} .formbuilderCheckboxPositioning{margin-top: 12px;} div#popupBox form#formbuildLabelsWider span.formFieldHint{font-style: italic;} .fillDataBy{font-style: italic; margin-left: 5px;} .add-custom-form{float : left !important; margin-left : 0px !important; margin-bottom : 5px !important;} .fullSizePopup, .halfSizePopup{top : 100px !important; left:480px !important;} .fullSizePopup{width: 990px !important;} .fullSizePopup .popupHeader, .fullSizePopup .popupBody, .halfSizePopup .popupHeader, .halfSizePopup .popupBody{width: 95% !important;} .fullSizePopup .popupBody{max-height: calc(100vh - 200px);} .fullSizePopup .popupHeader #popupTitle, .fullSizePopup .popupBody #popupContent , .fullSizePopup .popupBottom,  .halfSizePopup .popupHeader #popupTitle, .halfSizePopup .popupBody #popupContent , .halfSizePopup .popupBottom{width: calc(100% - 40px) !important;} .fullSizePopup #popupFooter, .halfSizePopup #popupFooter{width: calc(100% - 32px) !important; position:absolute; bottom: 0px; height: 25px;} .halfSizePopup .popupBody #popupContent{min-height: 200px !important; max-height: calc(100vh - 300px) !important;} .fullSizePopup .popupBody #popupContent{min-height: 200px !important; max-height: calc(100vh - 250px) !important;} .halfSizePopup{top : 100px !important; left: 600px !important; width: 600px !important; max-height: calc(100vh - 125px) !important;} .leftFix{left: 650px !important;} #customFormProperties{width: 100%;} .fullSizePopup #sample_field, .fullSizePopup #field_properties{width: 100%; height: auto;} .halfSizePopup .popupBox_OPTION{width: 100% !important;} .halfSizePopup #fauxSelect{height: auto !important; width: 100% !important;} .halfSizePopup #popupFooter, .fullSizePopup #popupFooter{position: relative;} .custom_form_action_div{float: right; width: 20%;} .custom_form_action_div_before{width: 75%; height: 100%; float: left;} .custom_form_action_div_action_icons{width:20px !important; float: right !important;} #popupBox .table{width: 100%;} #popupBox .table td:nth-child(1), #popupBox .table th:nth-child(1){width: 20%;} #popupBox #customFormProperties #field_properties .listcontrol{width: 49%;} #popupBox #customFormProperties #field_properties .listcontrol .listcontrol_content, #popupBox #customFormProperties #field_properties .listcontrol .listcontrol_content{width : 100%;} .fieldHeader, .fieldHeaderSortable, .optionSortable{list-style-type: none; margin: 0; padding: 0; width: 100%; display: table;} .fieldHeader li, .fieldHeaderSortable li, .optionSortable li{list-style-type: none; margin: 0; padding: 0; width: 100%; height: 18px; display: table-row;} .fieldHeader li span:nth-child(1), .fieldHeaderSortable li span:nth-child(1){width: 20%; display: table-cell;} .fieldHeader li span:nth-child(3), .fieldHeaderSortable li span:nth-child(3){width: 10%; display: table-cell; text-align: center;} .fieldHeader li span:nth-child(2), .fieldHeaderSortable li span:nth-child(2){width: 70%; display: table-cell;} .fieldHeader li span, .fieldHeaderSortable li span{text-align:left; padding: 12px;  font-size:13px; line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd;} .fieldHeader li span{text-transform:uppercase;font-weight : bold;} .external-recipient-disabled{background:#a7a7a7 !important; cursor:text !important; border:1px solid #a7a7a7 !important;} .error-input{display:none;width:100%;display:inline-block;color:#F00;font-style:italic;} .error-input-field{border:1px solid #F00;} .payAdjustmentField, .payRangeAdjustmentField{border: solid 1px #d0ebf5; padding: 2px 0px 2px 10px; margin: 0px 5px;} .payAdjustmentField{width: 600px !important;} .payRangeAdjustmentField{width: 668px !important;} .payAdjustmentField input, .payRangeAdjustmentField input{width: 65px; margin: 5px 0px;} .payAdjustmentField label, .payRangeAdjustmentField label{margin: 0px; margin-left: 10px;} div#sample_field .payAdjustmentField, div#sample_field .payRangeAdjustmentField{width: 150px !important;} div#sample_field .payAdjustmentField input, div#sample_field .payRangeAdjustmentField input{display: block; width:50px} div.tableField table td{border: solid 1px #ced4da !important; background: #FFFFFF; vertical-align: top;} div.tableField label.v-label{position: relative !important; margin: 0px 5px 0px 0px;} div.editCell .cell-setting{margin-top: 5px; background: #f1f1f1; padding: 2px; border-radius: 0px;} div.editCell .cell-setting select{margin-right: 25px;} div.editCell .cell-setting input[type='checkbox']{top: 2px; position: relative;} div.editCell .cell-setting span.final-value i.fa.fa-question-circle{color: #42a7e0;} div.tableField div.num-rows, div.tableField div.num-cols{display: inline-block; margin: 2px;} div.editCell .cell-setting.heading{background: none;} div.editCell p.cell-setting.allowed-formulas{padding: 2px !important; margin: 0px !important; font-style: italic;} div.tableField p.row-column-warning{color: red; font-weight: 600; font-style: italic; background: yellow; padding: 2px !important;} div.tableField{width: 878px; overflow: auto;} div.print_form_value div.tableField.form_view_mode{overflow: visible;} div.tableField.tablefield_edit_mode{width: 770px; border: solid 2px #27a6de61; padding: 2px;} div.tablefield_edit_mode table td.finalValue div{border: 2px solid #00000080;} div.tableField table td div div{line-height: 1.1; padding: 2px;} div.tableField table td div input{border: none; width: 60px !important; margin: 0px; padding: 2px !important;} div.tableField div.v-input input{width: 30px; padding: 1px !important;} div.tableField table td div input[type="number"]{text-align: center;} div.tableField table td div input:disabled{background-color: #fff;} div.tableField table td.super div input, div.tableField table td.super div.tableFieldText{width: 400px !important;} div.tableField table td.large div input, div.tableField table td.large div.tableFieldText{width: 200px !important;} div.tableField table td.medium div input, div.tableField table td.medium div.tableFieldText{width: 100px !important;} div.tableField table td.small div input, div.tableField table td.small div.tableFieldText{width: 50px !important;} div.tableField table td.tiny div input, div.tableField table td.tiny div.tableFieldText{width: 25px !important;} div.tableField table .header, div.tableField table td div input.header{color: #FFFFFF; background: #42a7e0;}   div.tableField table .bold{font-weight: bold;} div.tableField table div.commentsDivDisabled{pointer-events: none; color:gray;} div.tableField table td.bold input{font-weight: bold;} div.tablefield_edit_mode table input:focus-within, div.tableField table input:focus-within:read-write, div.tableField table td.active{border: solid 2px #4aa7e0 !important;} div.tableField table td input.data-input{background: #ffffc8;} 
/* FILE <viewappraisal.css> */ div.viewAppraisalContainer{margin-right: 8px;} div.viewAppraisalContainer #print_form a.button{width: auto !important;} .lb{} .rb{} .empInfoWrapper{margin-left: 10px;} .empInfoWrapper1 #showHideEmployee{margin-left: 10px;} .empInfoWrapper1 h4 a, .empInfoWrapper1 .chevronToggle, .chevronToggleArea .chevronToggle{text-decoration: none; color: #898989;} .empInfoWrapper1 .chevronToggle, .chevronToggleArea .chevronToggle{font-size: 14px; font-weight: 600;} .empInfoTbl{font-size: 10px; line-height: 24px; width: 840px;} .empSummaryRow1{width: 890px; height: 24px; margin: 10px 0 0 10px;  border-top: #ececeb solid 1px;} .empSummaryRow2{width: 890px;  height: 24px;  margin: 0 0 0 10px;  border-top: #ececeb solid 1px;} .empSummaryRow3{width: 890px;  height: 24px;  margin: 0 0 0 10px;  border-top: #ececeb solid 1px;  border-bottom: #ececeb solid 1px;} .empSummary280{float:left;  clear: left;  width: 280px;  background: #fff url(images/smmry/summary_bg.gif) 0 0 no-repeat;} .empSummary300{float:left;  width: 300px;  background: #fff url(images/smmry/summary_bg.gif) 0 0 no-repeat;} .empSummary350{float:left;  width: 350px;  background: #fff url(images/smmry/summary_bg.gif) 0 0 no-repeat;} .esInfoDivBold{background: #fff url(images/smmry/summary_bg.gif) 0 0 no-repeat; font-weight: bold; margin: 0 0 0 0;} .esInfoDivBold, .esInfoDivReg{font-size: 10px; line-height: 24px;} .empSummaryOf{overflow: auto;} #emp01, #emp07, #emp14{position: absolute;  width: 120px;  height: 24px;  background-color: transparent;  text-indent: 7px;} #emp02, #emp04, #emp08, #emp15{position: relative;  left: 120px;  width: 193px;  height: 24px;  background-color: transparent;} #emp09, #emp16{float: left;  width: 120px;  height: 24px;  background-color: transparent;  border-left: #ececeb solid 1px;  text-indent: 7px;} #emp10, #emp17{float: left;  width: 140px;  height: 24px;  background-color: transparent;} #emp11, #emp18{float: left;  width: 30px;  height: 24px;  background-color: transparent;} #emp03, #emp05, #emp12, #emp19{position: absolute;  width: 120px;  height: 24px;  background-color: transparent;  text-indent: 7px;  border-left: #ececeb solid 1px;} #emp06, #emp13, #emp20{position: relative;  left: 120px;  width: 193px;  height: 24px;  background-color: transparent;  text-indent: 1px;} .eitTop td, .eitFirst td, .eitApps td, .eitMulti td{} .eitTop td{} .tdb{font-weight: bold;} table#empInfoTable caption{font-weight: bold;} .leftColumnGoalsFacs{width: 405px; float: left; margin: 0 0 0 10px; clear: both;} .rightColumnGoalsFacs{float: right;  width: 448px;} .rightColumnGoalsFacs .table{border: 1px solid #dddddd;} .overviewContainer{width: 890px;} .bothHalves{margin-left: 10px;} .leftHalf{float: left; width: 440px;} .rightHalf{float: right;  width: 439px;} .leftHalf h5, .rightHalf h5{margin-left: 0;} .pfSummaryTable, .pgSummaryTable{border: #ececeb solid 1px; line-height: 23px; margin: 0;} .pfSummaryTable{width: 403px;} .pgSummaryTable{width: 702px;} .pfRow, .pfRowAlt{height: 23px;} .pfRow{background-color: #fff;} .pfRowAlt{background-color: #f7f7f7;} .pfTdOne, .pfTdOneAlt, .pfTdTwo, .pfTdTwoAlt{text-indent: 7px;} .pfTdOne{background-color: #fff; width: 420px; height: 23px; text-indent: 0; padding-left: 10px;} .pfTdTwo{background-color: #fff; height: 23px; width: 50px;} .pfTdOneAlt{background-color: #f7f7f7; width: 420px; height: 23px; text-indent: 0; padding-left: 10px;} .pfTdTwoAlt{background-color: #f7f7f7; height: 23px;} table.pfSummary, table.pgSummary{width: 100%; border: #ececeb solid 1px; line-height: 23px; margin: 0;} .pfsThRow, .pgsThRow{background-color: #f7f7f7;} .pfSummary th, .pgSummary th{background-color: #f7f7f7; padding: 0 1.5em 0 0.45em; text-align: left; line-height: 23px; color: #303030;} th.pgsThOne, th.pfsThOne{padding: 0 1.5em 0 0.45em;} .pfsThOne, .pgsThOne{background: #f7f7f7 none; height: 23px; text-align: left; width: 52%;} .pfsThTwo, .pgsThTwo{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; height: 23px; text-align: left; padding: 2px 7px; width: 12%;} .pfsThThree, .pgsThThree{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; height: 23px; text-align: left; width: 12%;} .pfsThFour, .pgsThFour{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; height: 23px; text-align: left;} .pfsRow, .pfsRowAlt, .pgsRow, .pgsRowAlt{height: 23px;} .pfsRow, .pgsRow{background-color: #fff;} .pfsRowAlt, .pgsRowAlt{background-color: #f7f7f7;} .pfsTdOne, .pfsTdOneAlt, .pfsTdTwo, .pfsTdTwoAlt, .pfsTdThree, .pfsTdThreeAlt, .pfsTdFour, .pfsTdFourAlt, .pgsTdOne, .pgsTdOneAlt, .pgsTdTwo, .pgsTdTwoAlt, .pgsTdThree, .pgsTdThreeAlt, .pgsTdFour, .pgsTdFourAlt{padding: 3px 7px 2px 7px;} .pfsTdOne, .pfsTdOneTotal, .pgsTdOne, .pgsTdOneTotal{background-color: #fff; padding-left: 10px;} .pfsTdTwo, .pgsTdTwo, .pfsTdThree, .pgsTdThree{background: #fff url(../images/tbl/pfsSep_2x66.png) 0 0 repeat-y;} .pfsTdFour, .pfsTdFour, .pgsTdFour, .pgsTdFour{background: #fff url(../images/tbl/pfsSep_2x66.png) 0 0 repeat-y;} .pfsTdOneTotal, .pfsTdTwoTotal, .pfsTdThreeTotal, .pgsTdOneTotal, .pgsTdTwoTotal, .pgsTdThreeTotal{color: #303030; font-weight: bold; padding: 3px 7px 2px 7px;} .pfsTdOneAlt, .pfsTdOneAltTotal, .pgsTdOneAlt, .pgsTdOneAltTotal{background-color: #f7f7f7; padding-left: 10px;} .pfsTdTwoAlt, .pfsTdTwoAltTotal, .pgsTdTwoAlt, .pgsTdTwoAltTotal{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 repeat-y;} .pfsTdThreeAlt, .pfsTdThreeAltTotal, .pfsTdFourAlt, .pgsTdThreeAlt, .pgsTdThreeAltTotal, .pgsTdFourAlt{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 repeat-y;} .pfsTdOneAltTotal, .pfsTdTwoAltTotal, .pfsTdThreeAltTotal, .pgsTdOneAltTotal, .pgsTdTwoAltTotal, .pgsTdThreeAltTotal{color: #303030; font-weight: bold; padding: 3px 7px 2px 7px;} .pfsTdFourAltTotal, .pgsTdFourAltTotal{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 repeat-y; color: #303030; font-weight: bold; padding: 3px 7px 2px 7px;} table.fsCalculation{border: #ececeb solid 1px; margin: 4px 0 0 0;} .fscThRow{background-color: #f7f7f7;} .fscSummary th{background-color: #f7f7f7; padding: 0 0.5em; text-align: left; line-height: 22px; color: #303030;} .fscThOne{background-color: #f7f7f7; font-weight: bold; height: 22px; border-bottom: #e4e4e4 dotted 1px;} .fscThTwo, .fscThThree, .fscThFour{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; border-bottom: #e4e4e4 dotted 1px; vertical-align: middle !important;} .fscRow{background-color: #fff;} .fscRowAlt{background-color: #f7f7f7;} .fscTdOne, .fscTdOneAlt, .fscTdTwo, .fscTdTwoAlt, .fscTdThree, .fscTdThreeAlt, .fscTdFourAlt{text-indent: 7px;} .fscTdOne{font-weight: bold; line-height: 38px; background-color: #fff; width: 430px; border-bottom: #e4e4e4 dotted 1px;} .fscTdTwo, .fscTdThree{background: #fff url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; width: 145px; width: 75px; text-align: center; border-bottom: #e4e4e4 dotted 1px;} .fscTdFour{background: #fff url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; width: 150px; text-align: center; border-bottom: #e4e4e4 dotted 1px;} .fscTdOneAlt, .fscTdOneAltTotal{font-weight: bold; line-height: 38px; background-color: #f7f7f7; width: 181px;} .fscTdTwoAlt, .fscTdTwoAltTotal{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; text-align: center;} .fscTdThreeAlt, .fscTdThreeAltTotal{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; text-align: center;} .fscTdFourAlt, .fscTdFourAltTotal{background: #f7f7f7 url(../images/tbl/pfsSep_2x66.png) 0 0 no-repeat; text-indent: 0; text-align: center;} .fscTdOneAltTotal, .fscTdTwoAltTotal, .fscTdThreeAltTotal, .fscTdFourAltTotal{line-height: 38px; color: #303030; font-weight: bold; text-align: center;} .grRectTop{height: 2px; background: blue;} .grRect{width: 392px; min-height: 18px; background: #22a6de; font-weight: bold; color: white; padding: 9px 0 0 10px;} .grRectBottom{} .grRectNoComSec{width: 95%; min-height: 18px; font-weight: bold; padding: 9px 0 0 10px;} .fullWidthGoal{width: 95%; min-height: 18px; font-weight: bold; padding: 9px 0 0 10px;} .pfsCopySmallNoBold{font-weight: normal; line-height: 17px; padding: 5px 0 9px 9px; width: 392px; font-size: 10px; text-align: left;} leftColumnGoalsFacsClass{width: 100%; float: left; margin: 0 0 0 10px; clear: both;} .grPercentage{padding-right: 10px; float: right; text-align: left;} .pfsFrd, .pgsFrd, .pgsGrd{width: 402px; font-weight: normal; line-height: 11px; padding: 5px 0 9px 9px; margin-left: 10px;} .pfsCopy, .pfsCopySmall{width: 387px; font-weight: normal; line-height: 17px; padding: 5px 0 9px 9px;} .pfsCopySmall{width: 392px; font-size: 10px; text-align: left; font-weight: bold;} .pfsFrdIcon{margin: 0 10px 0 0; vertical-align: middle;} .pfutgsFrd{font-weight: normal; line-height: 11px; padding: 5px 0 9px;} .ratingDetails, .commentDetails{width: 850px; margin: -5px 1px 10px 30px; padding: 0;} .ratingDetails p, .commentDetails p{font-weight: normal; line-height: 15px; padding-right: 20px;} #firstRating, #firstComment{margin: 0; padding: 0;} .commentRow{margin: 0; padding: 5px 20px 12px 10px; border-top: #898989 dotted 1px;} .commentRowAlt{margin: 0; padding: 5px 20px 12px 10px; border-top: #898989 dotted 1px;} .commentRow{background-color: #fff;} .commentRowAlt{background-color: #f7f7f7;} .commentOwner{font-weight: bold;} .ratingBox{float: left; position: relative; width: 293px; margin: 0 10px 15px 0; padding: 0; font-weight: normal; line-height: 15px; background: #f1f1f1 url(/images/rtngs/rtngs_bot.png) bottom center no-repeat; height: 100%;} .ratingBoxes{position: relative;} .ratingBoxesRow{display: inline-block;  overflow: hidden; margin-bottom: 9px; background-color: #f1f1f1;} .ratingDetailsTbl{height: auto;} .ratingBoxesBufferRow{height: 5px;} .ratingBg{width: 293px; background: #f1f1f1 url(../images/rtngs/rtngs_bot.png) bottom center no-repeat; vertical-align: top;} .ratingBgBlank{background-color: #fff;} .ratingBuffer{width: 5px;} .ratingHeader{margin: 3px 9px 0 9px; font-weight: bold; line-height: 15px;} .ratingCopy{margin: 3px 9px 10px 9px; background: transparent; font-weight: normal;} .rBoxTop{background: transparent url(../images/rtngs/rtngs_top.png) top left no-repeat; width: 280px; height: 3px;} .rBoxMid{display: inline-block; background: #f1f1f1 url(../images/rtngs/rtngs_mid.png) top left no-repeat; width: 293px;} .rBoxBtm{display: inline-block; background: #fff url(../images/rtngs/rtngs_bot.png) top left no-repeat; width: 293px; height: 3px;} .infoWrap{clear: both;  display: block;  padding: 0;} .goalActionSteps{margin: 0 0 20px 30px; width: 908px;} .futureGoalActionSteps{margin: 0 0 20px;} .gaStep, .gaStepAlt{clear: both; display: inline-block; position: relative; margin: 0; width: 820px; border-top: #898989 dotted 1px; padding: 5px 20px 12px 10px;} .gaStepAlt, .futureGaStepAlt{background-color: #f7f7f7;} .futureGaStep, .futureGaStepAlt{clear: both; position: relative; margin: 0; border-top: #898989 dotted 1px; padding: 5px 20px 12px 10px;} .gaTitle, .gaDueDate, .gaCopy, .futureGaTitle, .futureGaDueDate, .futureGaCopy{font-weight: bold; line-height: 17px; padding: 5px 0 7px 9px; margin: 0 0 0 20px;} .gaTitle{width: 570px;} .gaScores{width: 200px;} .gaDueDate{width: 70px;} .futureGaDueDate{padding: 0 !important; margin-right: -20px;} .futureGaTitle{position: relative; font-weight: normal; padding: 0 0 1px 0; margin: 0; width: 100%;} .gaTitle span, .futureGaTitle span{font-weight: bold;} .gaDueDate, .futureGaDueDate{padding: 0; float: right; position: relative; white-space: nowrap; font-weight: normal;} .gaCopy{font-weight: normal; margin: 0; padding: 1px 0 5px 0;} .futureGaCopy{clear: both; position: relative; display: inline-block; font-weight: normal; margin: 0; padding: 1px 0 5px;} .ttlScore{position: relative; height:29px; width: 890px; margin-left: 10px;} div.ttlScore.blueRoundBorder div.roundContent{margin: 0; padding: 0;} .ttlScoreLeft{height: 29px; width: 840px; margin: 0; text-indent: 9px; font-weight: bold; line-height: 29px;} .ttlScoreRight{position: absolute; top: 0; right: 0; width: 360px; padding: 0 10px 0 0; text-align: center;} .sectionStart, .sectionBreak{} .sectionStartFinal{width: 890px;} .leftColumnTotalScore{float: left; width: 568px; margin: 0;} .rightColumnTotalScore{float: right;  width: 312px;} .fscSection{padding: 0 0 10px; width: 890px; height: 150px; margin-left: 10px;} .fscBox{position: relative; width: 312px; margin: 0 auto; height: 110px;} div.rightColumnTotalScore .fscBox{overflow: hidden;} div.rightColumnTotalScore .fscBoxFullHeight{height: 150px;} div.rightColumnTotalScore .fscBoxhalfHeight{height: 100px;} .fscBoxLeft{position: absolute; left: 0; width: 16px; height: 110px;} .fscBoxRight{position: absolute; left: 301px; width: 11px; height: 110px;} .fscBoxMiddle{position: absolute; left: 16px; width: 285px; height: 150px; margin: 0; font-weight: bold; text-align: center; background: #f69525; color: white;} .fscInnerHeader{display: inline-block; margin: 8px 0 0 0;} .fscInnerScore{font-size: 2em; margin: 25px 0 0 0;} .fscInnerLevel{margin: 12px 0 0 0;} .sigColRight{float: left;  width: 420px;} .sigBox{position: relative; line-height: 12px;} .sigBoxTop{width: 400px; height: 9px; margin: 0; padding: 0; background: transparent url(../images/sigs/sig_top.png) 0 0 no-repeat;} .sigBoxMid{width: 400px; margin: 0; padding: 0; min-height: 100px; background: transparent url(../images/sigs/sig_mid.png) 0 0 repeat-y;} .sigBoxMid p{line-height: 14px; margin: 0; padding: 0 15px 10px 15px;} .sigBoxBot{position: relative; width: 400px; height: 9px; margin: 0; padding: 0; background: transparent url(../images/sigs/sig_bot.png) 0 0 no-repeat;} .sigCheckBoxDiv{padding: 10px 20px 20px 12px; overflow: hidden; width: 100%;} #sigCheckBox{width: 40px; float: left;} #sigCheckBoxTxt{line-height: 14px; margin-left: 40px; width: 330px;} .scWrap{line-height: 15px; width:890px;} .scSeparator{clear: both; display: block; height: 1px; border-bottom: #848484 dotted 1px;} .scClear{clear: both; display: block; width: 100%; height: 1px;} .scName{font-weight: bold; margin: 0 0 15px 11px; border: #eee dotted 1px; padding: 5px; background-color: #f7f7f7;} .scOwner{font-weight: normal;} .scInputSubHdr{font-weight: bold; margin: 23px 0 7px;} .scSimpleTxt, .scText, .scRadioBtn, .scCheckBox, .scDateField, .scDropDown{width: 100%; overflow: auto;} .scSimpleTxt{margin: 15px 0 0;} .scCheckBox, .scDateField, .scDropDown{margin: 15px 0 0 0;} .scRadioBtnDiv, .scCheckBoxDiv, .scDateFieldDiv, .scDropDownDiv, .scDateFieldDiv{margin: 7px 0 5px 15px; vertical-align: middle;} .scRadioLabel, .scCheckBoxLabel{display: block; height: 13px; line-height: 13px; margin: 0 0 10px;} .scDateFieldLabel{height: 15px;} .scRadioBtnInput{margin: 0 5px 0 0; padding: 4px 0 0; vertical-align: middle;} .scCheckBoxInput{margin: 0 5px 0 0; padding: 4px 0 0; vertical-align: middle;} .scInputTwoCols{padding: 0; overflow: hidden; width: 100%;} .scInputTwoColsLg{display: block; margin: 5px 0 15px 15px; padding: 0; overflow: hidden; width: 900px;} .scInputLeft{width: 50%; float: left;} .scInputRight{margin-left: 50%; width: 48%;} .scInputTwoColsSm{overflow: hidden; padding: 0; margin: 1px 0 5px 15px; vertical-align: middle;} .scInputLeftSm{width: 16%; float: left; margin-top: 5px;} .scInputRightSm{margin-left: 16%; width: 68%;} .scInputRightSm p.ans{margin: 5px 0 0;} .scDropDownField{line-height: 15px;} .scDateFieldInput{height: 15px; line-height: 15px;} .scDateFieldPicker{height: 15px; vertical-align: middle; margin: 0 0 2px;} .que{margin: 0 0 5px 15px; font-weight: bold;} .ans{margin: 0 0 10px 15px; padding: 0 0 12px;} .ansSimple{margin: 0 0 1px 15px; padding: 0 0 5px;} body[onload~="changeFontSize(0,"]{margin-left: 10px;} body[onload~="changeFontSize(0,"] div.viewAppraisalContainer table[style~="margin-left:"] td{width: 20%; text-align: center; margin: 0 50px;} div.viewAppraisalContainer .hSection, div.viewAppraisalContainer .hSectionTopInd, div.viewAppraisalContainer .hSectionBtm{margin-left: 5px; width: 900px;} div.ttlScore.blueRoundBorder div.roundContent{height: 29px;} div.rightColumnTotalScore .fscBoxhalfHeight .fscBoxMiddle .fscInnerScore{font-size : 16px; margin : 5px 0 0 0;} div.rightColumnTotalScore .fscBoxhalfHeight .fscBoxMiddle .fscInnerLevel{margin : 5px 0 0 0;} #AppraisalOverview table.table td, #AppraisalOverview table.table th{padding: 10px 8px 0 8px;} div.appraisalComplete{width: 100%; float: left; margin-top: 5px;}
/* FILE <Import.css> */.label_width{width: 60%; float: left;} .addnew_import_template{margin-right: 5px; margin-bottom: 5px; float: right;} .last_modified{width: 150px;} .noDisplay{display: none;} #importErrorMessage{display: none; color: #f00; font-weight: bold; padding: 0px; margin: 5px 0px 0px 0px; text-align: center;} .importUploadError{width: 65%; border: 1px solid; margin-right: 60px; padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 5px center; background-color: #feefb3; background-image: url(../images/icons/attention_32x32.png); float: right; color: #000;} hr.templateSaveResponseLeft{width: 180px; margin-right: 5px; float: left;} #importTemplateEditTable{width: 550px;} hr.templateSaveResponseRight{width: 180px; margin-left: 5px; float: right;} #save_as_name{margin-top: 5px;} tr.dup{background-image: url(../images/highlighted_column.png); background-repeat: repeat-x;} tr.alt_row_dup{background-image: url(../images/highlighted_column.png); background-repeat: repeat-x;} #licenseInfo{border: 1px solid #8b8b8b;} #licenseInfo .header{color: #8b8b8b; font-weight: bold; font-size: 1.1em; padding: 5px 5px 5px 0px; border-bottom: 1px solid #8b8b8b;} #licenseInfo .header img{margin: 0px 5px 0px 6px;} #licenseInfo .section{color: #000; padding: 5px 5px 10px 20px; font-weight: normal; font-size: 1.1em; margin-top: -1px;} #licenseInfo .section h1{color: #600; font-weight: bold; font-size: 0.9em; margin: 3px 3px 3px 0px;} #licenseFailure{border: 2px solid #c00;} #licenseFailure strong.tr{float: right; display: block; width: 4px; height: 4px; background-image: url(../images/border_red_tr.png); background-position: top right; background-repeat: no-repeat; margin-top: -2px; margin-right: -2px;} #licenseFailure strong.tl{float: left; display: block; width: 4px; height: 4px; background-image: url(../images/border_red_tl.png); background-position: top left; background-repeat: no-repeat; margin-top: -2px; margin-left: -2px;} #licenseFailure strong.bl{float: left; display: block; width: 7px; height: 7px; background-image: url(../images/border_red_bl.png); background-position: bottom left; background-repeat: no-repeat; margin-left: -2px; margin-bottom: -2px; margin-top: 3px;} #licenseFailure strong.br{float: right; display: block; width: 4px; height: 4px; background-image: url(../images/border_red_br.png); background-position: bottom right; background-repeat: no-repeat; margin-right: -2px; margin-bottom: -2px; margin-top: 6px;} #licenseFailure .roundContent{background-image: url(../images/red_star.png); background-repeat: no-repeat; background-position: 10px 5px; padding: 5px 5px 5px 30px;} #assigner input[readonly $='readonly']{cursor: pointer;} .importOutput{border: 1px solid #000; width: 450px; padding: 5px; margin: 15px 0px 5px 0px;} #assigner_template{display: none;} #assigner_template_options{display: none;} #import_template_area{width: 600px;} #import_template_area .label{width: 125px; float: left;} #import_template_area .label input{text-align: right;} #import_template_area .floatRight50{width: 50px; float: right;} ul.importFileList{list-style: none; width: 600px; margin: 0px 0px 0px 5px; padding: 0px;} ul.importFileList .floatRight50{width: 50%; float: right; text-align: right;} ul.importFileList li.ULHeader{font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #000; margin-bottom: 5px;} ul.importStatus{padding: 0px 0px 0px 175px; list-style: none; text-align: center;} ul.importStatus li{margin: 5px; text-align: center; width: 70px; float: left;} .importStatusSquare{width: 32px; height: 32px; border: 0px; margin: 0px auto 0px auto;} .importKey{width: 12px; height: 8px; float: right; border: 2px solid #000; margin-left: 5px;} .importTemplateColumn{background-color: #ccf !important; border-bottom: 1px dotted #333; border-right: 1px dotted #333; padding: 3px 5px 3px 5px;} .importHeaderColumn{background-color: #cfc !important; border-bottom: 1px dotted #333; border-right: 1px dotted #333; padding: 3px 5px 3px 5px;} .importDataColumn{background-color: #fcc !important; border-bottom: 1px dotted #333; border-right: 1px dotted #333; padding: 3px 5px 3px 5px;} .importConflictColumn{background-color: #f00 !important; border-bottom: 1px dotted #333; border-right: 1px dotted #333; padding: 3px 5px 3px 5px;} .importFloatLeft33{float: left; width: 33%; text-align: right;} #importUpload div.label{display: block; margin-bottom: 5px; float: none; width: 150px;} #importScreenField div.webform{width: 450px; float: left;} #importTemplate{padding: 5px;} #importTemplate label{width: 50%; float: left;} #importSummaryInfo .roundContent{padding: 5px 0px 5px 0px;} #importTemplateInfo .roundContent{padding: 5px 0px 5px 0px;} .lPadding5{margin-left: 5px;} #importSummaryInfo{border: 1px solid #8b8b8b; padding: 0px; text-align: left;} #importSummaryInfo div.section div{display: inline; font-weight: bold;} #importTemplateInfo{border: 1px solid #8b8b8b; padding: 0px; text-align: left;} #importLicenseInfo{padding: 0px; float: right; text-align: left;} #importLicenseInfo div h3{display: inline; float: left; text-align: right; font-size: 98%;} #importSummaryInfo .header{color: #8b8b8b; font-weight: bold; font-size: 1.1em; padding: 3px 5px 3px 0px; border-bottom: 1px solid #8b8b8b;} #importTemplateInfo .header{color: #8b8b8b; font-weight: bold; font-size: 1.1em; padding: 3px 5px 3px 0px; border-bottom: 1px solid #8b8b8b;} #importLicenseInfo .header{color: #8b8b8b; font-weight: bold; font-size: 1.1em; padding: 3px 5px 3px 0px; border-bottom: 1px solid #8b8b8b;} #importSummaryInfo .header img{margin: 0px 5px 0px 6px;} #importTemplateInfo .header img{margin: 0px 5px 0px 6px;} #importLicenseInfo .header img{margin: 0px 5px 0px 6px;} #importSummaryInfo .section{color: #000; padding: 2px 5px 3px 20px; font-weight: normal; font-size: 1.1em; margin-top: 0px; text-align: right;} #importTemplateInfo .section{color: #000; padding: 2px 5px 3px 20px; font-weight: normal; font-size: 1.1em; margin-top: 0px; text-align: right;} #importLicenseInfo .section{color: #000; padding: 2px 5px 3px 20px; font-weight: normal; font-size: 1.1em; margin-top: 0px; text-align: right;} #importSummaryInfo .section h1{color: #790000; font-weight: bold; font-size: 0.9em; margin: 3px 3px 0px 0px; float: left; text-align: left;} #importTemplateInfo .section h1{color: #790000; font-weight: bold; font-size: 0.9em; margin: 3px 3px 0px 0px; float: left; text-align: left;} #importLicenseInfo .section h1{color: #790000; font-weight: bold; font-size: 0.9em; margin: 3px 3px 0px 0px; float: left; text-align: left;} #recent_import_file{margin-top: 10px;} #recent_import_file .tableSelector{margin-top: 10px; margin-bottom: 10px;} table.importTest{width: 100%;} table.importTest td{border: 1px solid #000;} table.importTest th{text-align: left;} div.importTest{margin: 15px; padding: 5px;} #importSuccess{border: 2px solid #7FD2A8; padding: 5px 5px 5px 35px; background-image: url(../images/check_icon_15x15.png); background-repeat: no-repeat; background-position: 5px 25px; width: 400px;} #importSuccess h3{font-size: small; padding-bottom: 5px;} #importFail{border: 2px solid #B82837; padding: 5px 5px 5px 35px; background-image: url(../images/homescreen_unavailable.png); background-repeat: no-repeat; background-position: 5px 5px; width: 400px;} #importSuccess h1{font-size: 1em;} .templateFloatRight{float: right; width: 65%; margin-top: 15px; text-align: center;} .templateFloatLeft{width: 25%; float: left; text-align: center; margin-top: 15px;} .templateCenter{width: 100%; text-align: center; margin-top: 10px; padding-top: 10px;} .importCentered{width: 100%; text-align: center;} INPUT.create_input{width: 250px;} form#recent_import_file td{padding-top: 2px; vertical-align: middle;} form#recent_import_file input[type="checkbox"]{float: left; margin: -2px 0 0 -2px; display: inline;} .statusRightButtonImport{background-image: url(../images/status_button_bg_off.png); background-repeat: no-repeat; width: 79px; height: 13px; padding: 8px; float: right; font-weight: bold; text-align: center; cursor: pointer; margin-left: 40px; margin-right: -26px; text-decoration: none; color: #898989;} .statusRightButtonImportOver{background-image: url(../images/status_button_bg_on.png); background-repeat: no-repeat; width: 79px; height: 13px; padding: 8px; float: right; font-weight: bold; color: #f79f34; cursor: pointer; text-align: center; margin-left: 40px; margin-right: -26px; text-decoration: none; color: #898989;} 
/* FILE <main_menu.css> */ 
/* FILE <border.css> */#box{color: #252525;} #tlc, #trc, #blc, #brc{background-color: transparent; background-repeat: no-repeat;} #tlc{background-image:url(../images/tlc.gif); background-position: 0% 0%;} #trc{background-image:url(../images/trc.gif); background-position: 100% 0%;} #blc{background-image:url(../images/blc.gif); background-position: 0% 100%;} #brc{background-image:url(../images/brc.gif); background-position: 100% 100%;} #tb, #bb{background-color: transparent; background-repeat: repeat-x;} #tb{background-image:url(../images/tb.gif); background-position: 0% 0%;} #bb{background-image:url(../images/bb.gif); background-position: 50% 100%;} #rb{background-image:url(../images/r.gif); background-position: 100% 0%; background-repeat: repeat-y;} #lb{background-color: #eee; background-image:url(../images/l.gif); background-position: 0% 100%; background-repeat: repeat-y;}
/* FILE <toolbar.css> */ .downline_level_1{color: black;} .downline_level_2{color: #369;} .downline_level_3{color: #390;} .downline_level_4{color: #9e0b0f;} #toolbar{overflow: hidden; top: 0; left: 0; height: 62px; position: fixed; min-width: 800px; width: 100%; padding: 0 0 0 16px; background-image: url(../images/toolbar_bg.gif); background-repeat: repeat-x; z-index: 20;} #toolbar ul{list-style: none; padding: 0px; margin: 0px; font-size: 0.9em;} #toolbar ul > li:first-child > ul:first-child > li:first-child{border: 0; margin-left: 10px; width: 40px; float: left; text-align: center;} #toolbar ul li{height: 59px; float: left;} #toolbar ul li ul{list-style: none; padding: 0px 0px 1px 0px; margin: 0px;} #toolbar ul li ul li{border: 0; margin-left: 20px; float: left; text-align: center; white-space: nowrap;} #toolbar ul li ul li select{width: 250px; margin-left: 5px;} #toolbar ul li ul li .empSelectorOptions{width: 250px; margin: 5px 0px 0px 5px;} #toolbar ul li ul li .empSelectorRight1{margin-left: 5px; width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 20px 0px; float: right;} #toolbar ul li ul li .empSelectorRight2{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 40px 0px; float: right;} #toolbar ul li ul li .empSelectorCenter{width: 160px; float: right; overflow: hidden; text-align: center;} #toolbar ul li ul li .empSelectorLeft1{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 0px 0px; float: left;} #toolbar ul li ul li .empSelectorLeft2{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 60px 0px; margin-left: 5px; float: left;} #toolbar ul li ul li .empSelectorRightOver1{margin-left: 5px; width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 20px 20px; float: right;} #toolbar ul li ul li .empSelectorRightOver2{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 40px 20px; float: right;} #toolbar ul li ul li .empSelectorLeftOver1{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 0px 20px; float: left;} #toolbar ul li ul li .empSelectorLeftOver2{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 60px 20px; margin-left: 5px; float: left;} #toolbar ul li ul li.iconX0{display: none;} #toolbar ul li ul li.iconX2{width: 100px;} #toolbar ul li ul li.iconX3{width: 160px;} #toolbar ul li ul li.iconX4{width: 220px;} #toolbar ul li ul li.iconX5{width: 265px; text-align: left; margin-left: 10px; margin-top: 3px;} #toolbar ul li ul li.toolbarFloatRight{float: right;} #toolbar ul li ul li a{text-decoration: none; color: #252525;} #toolbar ul li ul li a img{border: 0;} #toolBarToolTipImage{display: none; position: fixed; padding: 0px; width: 500px; z-index: 21; top: 63px; left: 300px;} #toolBarToolTipTop{width: 500px; height: 65px;} #toolBarToolTipTop .floatRight33{float: right; width: 33%; text-align: right; margin: 35px 5px 0px;} #toolBarToolTipTop .floatRight33 a{font-size: 0.7em; text-align: center; float: right; width: 32px; text-decoration: none; cursor: pointer;} #saveButtonWithinWidgetToolTip, #applyButtonWithinWidgetToolTip{display: none;} #toolBarToolTipBottom{width: 500px; height: 18px;} #toolBarToolTip{margin: 0px; width: 470px; height: 100px; overflow: auto; padding: 0px 15px;} #toolBarToolTip table{width: 100%;} #toolTip{margin: 15px 15px 15px 45px; width: 455px; height: 220px; overflow: auto;} #toolTip h1{font-size: 18px; font-weight: bold; margin: 3px; color: #006;} #toolTip ul{list-style: none; margin: 0px; padding: 0px; background-color: #fff; border: 0px;} #toolTip ul li{margin: 2px 5px 2px 5px; background-color:#fff; width: 90%; border: 0px;} #toolTip ul li.rowOdd{background-color: #fff; color: #006; padding: 3px;} #toolTip ul li.rowEven{background-color: #006; color: #fff; padding: 3px;} #toolTip ul li.rowOver{background-color: #99f; color: #006; padding: 3px;} #toolbar div.floatRight0{display: none;} #toolbarStatus{display: none;} div.toolbarActiveLink{margin: 0px; padding: 10px 5px 5px 5px; height: 42px; background-color: transparent; background-image: url(../images/tb_slice_bg.png); background-repeat: repeat-x; background-position: top;} a.toolbarButton div{margin: 0px; padding: 10px 5px 5px 5px; height: 42px; background-color: transparent; background-image: url(../images/tb_slice_bg.png); background-repeat: repeat-x; background-position: top;} .toolbarRightHalf{display: inline-block; width: 500px; margin: 0px; padding-left: 0px; padding-right: 0px;} .hasSeparator1, .hasSeparator2{display: inline-block; padding: 0 0 0 16px; background: transparent url(../images/tb_separator.png) center top no-repeat;} .hasSeparator2{padding: 0; background: transparent url(../images/tb_separator.png) right top no-repeat;} .hasSeparatorXit{position: absolute; right: 70px; background: transparent url(../images/tb_separator.png) left top no-repeat;} ul>li #toolbutton_exit{position: absolute; right: 20px;} ul>li #toolbutton_languagecheck{display: inline-block; width: 100px;} #empsel select{font-size: 12px; letter-spacing: 0.025em;} #empsel select option{padding: 0 0 2px 0;} #toolbar.notRunningLiveDB{background-image: url(../images/template/runningLocalDB.png);} .support_number{float: left; padding: 10px 0px 0px 100px; font-size: 12px;} .toolbar-restrict{display: block; word-break: break-word;}
/* FILE <9601.css> */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_7_5,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display: inline; float: left; margin-left: 10px; margin-right: 10px} .alpha{margin-left: 0;} .omega{margin-right:0;} .container_16 .grid_1{width:40px;} .container_16 .grid_2{width:100px;} .container_16 .grid_3{width:160px;} .container_16 .grid_3_5{width:200px;} .container_16 .grid_4{width: 220px;} .container_16 .grid_5{width:280px;} .container_16 .grid_6{width:340px;} .container_16 .grid_7{width:400px;} .container_16 .grid_7_5{width:445px;} .container_16 .grid_8{width:460px;} .container_16 .grid_9{width:520px;} .container_16 .grid_10{width:580px;} .container_16 .grid_11{width:640px;} .container_16 .grid_12{width:700px;} .container_16 .grid_13{width:760px;} .container_16 .grid_14{width:820px;} .container_16 .grid_15{width:880px;} .container_16 .grid_16{width:940px;} .container_16 .prefix_4{padding-left:240px;} .container_16 .prefix_8{padding-left:480px;} .container_16 .prefix_12{padding-left:720px;} .container_16 .prefix_1{padding-left:60px;} .container_16 .prefix_2{padding-left:120px;} .container_16 .prefix_3{padding-left:180px;} .container_16 .prefix_5{padding-left:300px;} .container_16 .prefix_6{padding-left:360px;} .container_16 .prefix_7{padding-left:420px;} .container_16 .prefix_9{padding-left:540px;} .container_16 .prefix_10{padding-left:600px;} .container_16 .prefix_11{padding-left:660px;} .container_16 .prefix_13{padding-left:780px;} .container_16 .prefix_14{padding-left:840px;} .container_16 .prefix_15{padding-left:900px;} .container_16 .suffix_4{padding-right:240px;} .container_16 .suffix_8{padding-right:480px;} .container_16 .suffix_12{padding-right:720px;} .container_16 .suffix_1{padding-right:60px;} .container_16 .suffix_2{padding-right:120px;} .container_16 .suffix_3{padding-right:180px;} .container_16 .suffix_5{padding-right:300px;} .container_16 .suffix_6{padding-right:360px;} .container_16 .suffix_7{padding-right:420px;} .container_16 .suffix_9{padding-right:540px;} .container_16 .suffix_10{padding-right:600px;} .container_16 .suffix_11{padding-right:660px;} .container_16 .suffix_13{padding-right:780px;} .container_16 .suffix_14{padding-right:840px;} .container_16 .suffix_15{padding-right:900px;} .clear960{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .clearfix:after{clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0} .clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* FILE <tableSelector.css> */table{border-collapse: collapse;} table{width: 100%; max-width: 100%; background-color: transparent;} .table th, .table td{padding: 15px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;} .viewAppraisalContainer .table th, .viewAppraisalContainer .table td{padding: 11px;} .table thead th{padding: 15px;  line-height: 1.42857143;  vertical-align: top;  border-top: 1px solid #ddd;  text-transform: uppercase;} .table tbody + tbody{border-top: 2px solid #dee2e6;} .table .table{background-color: #fff;} .table-sm th, .table-sm td{padding: 0.3rem;} .table-bordered{border: 1px solid #dee2e6;} .table-bordered th, .table-bordered td{border: 1px solid #dee2e6;} .table-bordered thead th, .table-bordered thead td{border-bottom-width: 2px;} .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody{border: 0;} .table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.05);} .table-hover tbody tr:hover{background-color: rgba(0, 0, 0, 0.075);} .table-primary, .table-primary > th, .table-primary > td{background-color: #b8daff;} .table-hover .table-primary:hover{background-color: #9fcdff;} .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th{background-color: #9fcdff;} .table-secondary, .table-secondary > th, .table-secondary > td{background-color: #d6d8db;} .table-hover .table-secondary:hover{background-color: #c8cbcf;} .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th{background-color: #c8cbcf;} .table-success, .table-success > th, .table-success > td{background-color: #c3e6cb;} .table-hover .table-success:hover{background-color: #b1dfbb;} .table-hover .table-success:hover > td, .table-hover .table-success:hover > th{background-color: #b1dfbb;} .table-info, .table-info > th, .table-info > td{background-color: #bee5eb;} .table-hover .table-info:hover{background-color: #abdde5;} .table-hover .table-info:hover > td, .table-hover .table-info:hover > th{background-color: #abdde5;} .table-warning, .table-warning > th, .table-warning > td{background-color: #ffeeba;} .table-hover .table-warning:hover{background-color: #ffe8a1;} .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th{background-color: #ffe8a1;} .table-danger, .table-danger > th, .table-danger > td{background-color: #f5c6cb;} .table-hover .table-danger:hover{background-color: #f1b0b7;} .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th{background-color: #f1b0b7;} .table-light, .table-light > th, .table-light > td{background-color: #fdfdfe;} .table-hover .table-light:hover{background-color: #ececf6;} .table-hover .table-light:hover > td, .table-hover .table-light:hover > th{background-color: #ececf6;} .table-dark, .table-dark > th, .table-dark > td{background-color: #c6c8ca;} .table-hover .table-dark:hover{background-color: #b9bbbe;} .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th{background-color: #b9bbbe;} .table-active, .table-active > th, .table-active > td{background-color: rgba(0, 0, 0, 0.075);} .table-hover .table-active:hover{background-color: rgba(0, 0, 0, 0.075);} .table-hover .table-active:hover > td, .table-hover .table-active:hover > th{background-color: rgba(0, 0, 0, 0.075);} .table .thead-dark th{color: #fff; background-color: #212529; border-color: #32383e;} .table .thead-light th{color: #495057; background-color: #e9ecef; border-color: #dee2e6;} .table-dark{color: #fff; background-color: #212529;} .table-dark th, .table-dark td, .table-dark thead th{border-color: #32383e;} .table-dark.table-bordered{border: 0;} .table-dark.table-striped tbody tr:nth-of-type(odd){background-color: rgba(255, 255, 255, 0.05);} .table-dark.table-hover tbody tr:hover{background-color: rgba(255, 255, 255, 0.075);} @media(max-width: 575.98px){.table-responsive-sm{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive-sm > .table-bordered{border: 0;}} @media(max-width: 767.98px){.table-responsive-md{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive-md > .table-bordered{border: 0;}} @media(max-width: 991.98px){.table-responsive-lg{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive-lg > .table-bordered{border: 0;}} @media(max-width: 1199.98px){.table-responsive-xl{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive-xl > .table-bordered{border: 0;}} .table-responsive{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-responsive > .table-bordered{border: 0;} TH.table-th-sort SPAN.table-th-sort-span{margin-top: 0px !important;} table.tableSelector{margin-left: 8px;} table.tableSelector tbody{height: 14px; overflow: auto;} table.tableSelector tbody tr.alt_row{background-color: #f5f5f5; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;} table.tableSelector tbody tr.alt_row.yellow, table.tableSelector tbody tr.yellow{background-color: #fffd5b;} table.tableSelector tbody tr.current_appraisal_link{cursor: pointer;} table.tableSelector tbody tr td{padding: 12px;} table.tableSelector tbody tr td .genericError{width: auto !important;} table.tableSelector thead tr th{text-align: left; text-transform: uppercase; font-weight: bold; font-size: 13px;} #finalScoresAndRangesForm table#range_table.tableSelector thead tr th{padding-left: 12px;} #finalScoresAndRangesForm table#range_table.tableSelector thead tr th.range_high{padding-left: 26px;} table.tableSelector tbody tr td div.anchor{width: 100%; height: 100%; color: #2eabdc; padding-left: 20px; cursor: pointer;} table.tableSelector tbody tr.selected td{background-color: #2eabdc; color: white;} table.tableSelector tbody tr.completed > td:first-child div{background-image: url('../../images/check_icon_15x15.png'); background-repeat: no-repeat; font-weight: bold;} table.tableSelector tbody tr.selected td a{text-decoration: none; color: #0000FF;} #CriteriaTableView div table.tableSelector tbody tr:hover{background-color: #2eabdc !IMPORTANT;} #CriteriaTableView div table.tableSelector tbody tr:hover td, #CriteriaTableView div table.tableSelector tbody tr:hover td DIV.anchor, table.criteriaTable tbody tr:hover td div.anchor{color: white !IMPORTANT;} table.tableSelector thead tr th.control, table.tableSelector tbody tr td.control, td.control{width: 64px; text-align: center;} table.tableSelector thead tr th.double_control, table.tableSelector tbody tr td.double_control{width: 128px; text-align: center;} table.tableSelector thead tr th.triple_control, table.tableSelector tbody tr td.triple_control{width: 196px; text-align: center;} td.control a .faicon, .actions a .faicon, .actions span .faicon{margin-left: 4px;} td.control > a:first-child .faicon, .actions > a:first-child .faicon, .actions > span:first-child .faicon{margin-left: 0;} td.control a.green .faicon, .xfer_control .green{color: #138713;} .xfer_control .green{width: 16px; text-align: center; margin-bottom: 8px; cursor: pointer;} td.control a.green:hover .faicon, .xfer_control .green:hover{color: #000;} .AdhocAlerts thead tr th{padding-left: 8px !important;} table.tableSelector tbody#tbody_ma_table tr td.weight{width: 75px;} table.tableSelector tbody#tbody_ma_table tr td.weight input{width: 25px;} table#steps_table thead tr th{padding-left: 11px;} table#steps_table thead tr th:first-child, table#steps_table tbody tr td:first-child{text-align: center; padding-left: 0;} table#steps_table thead tr th.control{padding-left: 0;} table#steps_table .action_buttons .arrows{min-width: 16px; float: left; margin-right: 4px;} table#steps_table .action_buttons .arrows a{margin-right: 2px;} table thead tr th, table#currentGoalForm thead tr th, table#filesTable thead tr th, table#peerFeedbackTable thead tr th, table#formsTable thead tr th, table#noteTable thead tr th, table#definition_list thead tr th{text-align: left;} table thead tr th.control, table#currentGoalForm thead tr th.control, table#noteTable thead tr th.control, table#peerFeedbackTable thead tr th.control, table#filesTable thead tr th.control, table#formsTable thead tr th.control, table#definition_list thead tr th.control, table#concurrentAppTable thead tr th.control{text-align: center;} div.webform #routingSetup div.field > div.label{width: 164px;} div.webform #routingSetup div.field > div.control{padding-top: 8px;} div.webform #routingSetup div.field > div.control select, div.webform #routingSetup div.field > div.control input[type="text"]{margin-top: -8px;} div.webform #routingSetup div.field > div.control input{margin-right: 4px;} #systemInfo{width: 40%;} concurrentAppTable thead tr th{text-align: center;} table.stip-mbo-form{background-color: transparent; border: 1px solid #ccc; width: 100%; line-height: 1.5; color: #000; white-space: nowrap; clear: both;} table.stip-mbo-form thead{width: 100%; color: white; height: 23px; border-bottom: 1px solid white;} table.stip-mbo-form thead tr th{height: 25px; line-height: 25px; background: #808080; background-position: bottom; border-right: 1px solid #808080; border-bottom: 1px solid #808080; text-align: left; padding: 5px 5px; font-size: 11px; text-align: center;} tr.redBGColor, .widget-content table.table tbody tr.redBGColor td a{color: red !important;} tr.strongFont{font-weight: bold;} #RouteHistory .table thead th, #RouteNotes .table thead th{text-align: center;} .dayOn, .dayOff{padding: 6px 3px; font-size :10px; font-family: Courier; margin-right:3px;} .dayOn{border:1px outset #bbb; background-color: #777; color: #fff;} .dayOff{border:1px inset #fff; background-color: #bbb; color: #777;} .thisDay{background-color: #0d0; color: #000;}
/* FILE <subtab.css> */ DIV.subtab_set{margin: 8px -10px 10px 0; width: 940px; height: 36px; border-bottom: 1px solid #f1eff0; text-align: center;} DIV.subtab_set A{float: left; font-weight: 600; font-size: 1.2em; padding: 10px 16px; text-decoration: none; color: #58442d; border-top: 2px solid #fff;} DIV.subtab_set A.selected{color: #32aede; display: inline-block; border: 1px solid #f1eff0; border-top: 2px solid #f1eff0; border-bottom: 1px solid #fff;} DIV.subtab_set DIV.subtab_separator{float: left; height: 30px; width: 3px; margin: 0px 10px; padding: 0px;} DIV.subtab_set > DIV.subtab_separator:first-child{border-left: 0;}
/* FILE <lite_appraisal_form.css> */ DIV.LT_appraiser{padding: 10px; border: 1px solid #ccc; width: 425px; float: left; margin: 0px 5px 10px 5px;} DIV.LT_appraiser H1{font-size: 16px;} DIV.LT_appraiser H2{font-size: 14px;}
/* FILE <homeScreen.css> */div.overall_rating div.overall_report_left_text{width: 45px; float: left; margin-top: 60px; text-align: center;} #routeProgression .floatR{float: right; width: 160px; margin-right: 5px; text-align: right; margin-top: 42px;} div.overall_rating div.overall_report_left{width: 45px; margin-top: 5px; border: 1px solid #acacac; padding: 3px;} div.overall_rating div.overall_report_right_background{width: 240px; float: right; border: 2px solid #545454; height: 150px;} div.overall_rating div.overall_report_right_under{width: 247px; float: right;} div.overall_rating div.overall_report_right_under div.backgroundColor{width: 10px; text-align: left; float: left;} div.overall_rating div.grayShade{background-color: #f7f8f4;} div.overall_rating div.whiteShade{background-color: #fff;} div.overall_rating div.overall_report_right_background div.backgroundColor{height: 100%; width: 1px; border-left: 1px solid #c4c5bd; float: left;} div.overall_rating div.overall_report_right_background > div.backgroundColor:first-child{border-left: 0;} div.overall_rating1 div.overall_report_left_text{width: 45px; float: left; margin-top: 20px; text-align: center;} div.overall_rating1 div.overall_report_left_text div.oneGridSpacer{margin-top: 30px;} div.overall_rating1 div.overall_report_left{width: 45px; margin-top: 5px; border: 1px solid #acacac; padding: 3px;} div.overall_rating1 div.overall_report_right_background{width: 240px; float: right; border: 2px solid #545454; height: 150px;} div.overall_rating1 div.overall_report_right_under{width: 247px; float: right;} div.overall_rating1 div.overall_report_right_under div.backgroundColor{width: 10px; text-align: left; float: left;} div.overall_rating1 div.overall_report_right_background div.classExtension1Blue{background-color: #B5DBF8;} div.overall_rating1 div.grayShade{background-color: #f7f8f4;} div.overall_rating1 div.whiteShade{background-color: #fff;} div.overall_rating1 div.overall_report_right_background div.backgroundColor{height: 100%; width: 1px; border-left: 1px solid #c4c5bd; float: left;} div.overall_rating1 div.overall_report_right_background > div.backgroundColor:first-child{border-left: 0;} div.overall_rating2{margin-top: 10px;} div.overall_rating2:first-child{margin-top: 0;} div.overall_rating2 div.overall_report_left_text{width: 45px; float: left; margin-top: 25px; text-align: center;} div.overall_rating2 div.overall_report_left{width: 45px; margin-top: 5px; border: 1px solid #acacac; padding: 3px;} div.overall_rating2 div.overall_report_right_background{width: 240px; float: right; border: 2px solid #545454; height: 75px;} div.overall_rating2 div.overall_report_right_under{width: 247px; float: right;} div.overall_rating2 div.overall_report_right_under div.backgroundColor{width: 10px; text-align: left; float: left;} div.overall_rating2 div.grayShade{background-color: #f7f8f4;} div.overall_rating2 div.whiteShade{background-color: #fff;} div.overall_rating2 div.overall_report_right_background div.backgroundColor{height: 100%; width: 1px; border-left: 1px solid #c4c5bd; float: left;} div.overall_rating2 div.overall_report_right_background > div.backgroundColor:first-child{border-left: 0;} .left{margin-top: -2px;} .noMargin{margin-left: 0; margin-right: 0;} #required_buttons{margin-left: 8px; margin-top: 5px;} #required_buttons a{margin-bottom: 5px;} width:179px;} #homeScreenRepo_repo ul.repo{list-style: none; width: 179px; margin-left: -1px;} #homeScreenRepo ul.repo li{padding: 0;} #homeScreenRepo ul.repo li a{display: block; text-decoration: none; width: 188px; height: 20px; background-image: url(../images/home_screen_repo_header.png); background-repeat: repeat-x; font-weight: bold; padding: 4px 0 0 12px; color: #5d5d5d;} #homeScreenRepo ul.repo li a img{text-decoration: none; width: 8px; float: right; margin-right: 12px; margin-top: 3px;} #homeScreenRepo ul.repo li ul{list-style: none; margin: 0; padding: 0;} #homeScreenRepo ul.repo li ul li{padding: 0; margin: 0;} #homeScreenRepo ul.repo li ul li{color: #898989; padding: 4px 0; width: 177px;} #homeScreenRepo ul.repo li ul li.row_even{background-color: #fff;} #homeScreenRepo ul.repo li ul li.row_odd{background-color: #f9f9f9;} #homeScreenRepo ul.repo li a{display: block; text-decoration: none; width: 166px; height: 20px; background-image: url(../images/home_screen_repo_header.png); background-repeat: repeat-x; font-weight: bold; color: #5d5d5d;} #homeScreenRepo ul.repo li ul li div.homescreen_line_icon{float: left; width: 24px; height: 16px; background-image: url(../images/homescreen_arrow_to_drag.gif); background-repeat: no-repeat; background-position: 10px 3px; cursor: pointer;} #homeScreenRepo ul.repo li ul li div.placed{background-image: url(../images/homescreen_arrow_to_drag.gif); background-repeat: no-repeat; background-position: 8px 2px;} #homeScreenRepo ul.repo li ul li div.placed_locked{background-image: url(../images/icons/png/16X16/lock.png); background-repeat: no-repeat; background-position: 6px 0;} #homeScreenRepo ul.repo li ul li div.placed_required{background-image: url(../images/icons/png/16X16/asterisk.png); background-repeat: no-repeat; background-position: 5px 0;} #homeScreenRepo ul.repo li ul li div.unavailable{background-image: url(../images/homescreen_unavailable.png); background-repeat: no-repeat; background-position: 6px 0;} #homeScreenRepo ul.repo li ul li div.optional{background-image: url(../images/homescreen_optional.png); background-repeat: no-repeat; background-position: 6px 0;} #homeScreenRepo ul.repo li ul li div.homescreen_dropdown_icon{cursor: pointer; padding: 3px 0; float: right; width: 16px; margin-right: 10px;} #homeScreenRepo ul.repo li ul li div.homescreen_repo_actuallink{margin-right: 0; margin-left: 0; cursor: move;} #homeScreenRepo_repo ul.repo{border-bottom: 1px solid #B7B7B7; border-left: 1px solid #B7B7B7;} #homeScreenRepo_repo ul li a[href~="javascript:expandInRepo('Alerts');"]{margin-top: 0;} #home_screen_repo_xml{display: none;} ul.homescreen_option_list, ul.homescreen_widget_direction_list, ul.homescreen_move_list{display: none; position: absolute; top: 0; left: 0; z-index: 16; border: 1px solid #bbb; list-style: none; margin: 0; padding: 0;} ul.homescreen_move_list{border: none; border-top: 1px solid #bbb;} ul.homescreen_move_list li{background-color: #fff; border: 1px solid #b7b7b7; border-top: none; width: 126px; padding: 3px 10px !important; cursor: pointer;} ul.homescreen_move_list li.row_over{background-color: #f0f0ff;} ul.homescreen_widget_direction_list li{width: 126px; padding: 3px 10px !important; cursor: pointer; border-top: 1px solid #bbb;} ul.homescreen_widget_direction_list > li:first-child{border-top: 0;} ul.homescreen_widget_direction_list li.row_even, ul.homescreen_option_list li.row_even{background-color: #fff;} ul.homescreen_widget_direction_list li.row_odd, ul.homescreen_option_list li.row_odd{background-color: #bfe6ff;} ul.homescreen_widget_direction_list li.row_over, ul.homescreen_option_list li.row_over{background-color: #99f;} ul.homescreen_option_list > li:first-child{border-top: 0; background-image: url(../images/homescreen_optional.png); background-repeat: no-repeat; background-position: 120px 2px;} ul.homescreen_option_list li{background-color: #fff; border-top: 1px solid #bbb; width: 126px; padding: 3px 10px 3px 10px !important; background-image: url(../images/homescreen_unavailable.png); background-repeat: no-repeat; background-position: 120px 2px; cursor: pointer;} .widget{border-right: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; margin-bottom: 10px;} .widget div.header{height: 20px; background-image: url(../images/home_screen_repo_header.png); background-repeat: repeat-x; font-weight: bold; padding-top: 1px; border-bottom: 1px solid #b7b7b7; cursor: move;} .widget div.header div.roundContent a{margin-top: 0px;} .widget .roundContent{padding-left: 12px;} .widget .widgetHeaderButtons{width: 126px; float: right;} .widget .widgetHeaderButtons a{text-decoration: none; float: right; width: 20px; height: 20px; border-left: 1px solid #b7b7b7;} .widget .widgetHeaderButtons a img{text-decoration: none; margin: 3px;} .widget .innerWidget{padding: 5px 10px 10px 10px; max-height: 175px; overflow: auto;} .widget .innerWidget a{color: blue;} .widget div.button{height: 35px; background-color: #F7F7F7; padding: 2px 9px 0 2px; margin: 3px -10px -10px; text-align: right;} .transparent_widget{border: 3px dashed #ccc; margin-bottom: 10px;} .makeMeGreen{background-color: #0f0; padding: 50px;} .faux_widget{border: 2px dashed #F60; margin-bottom: 10px;} .draggableHeader{display: block; margin-left: -10px; padding-left: 10px; cursor: move;} .draggableHeaderIE{width: 60%; cursor: move;} */ div.overall_rating2 div.overall_report_inner_bar{border: 1px solid #999; height: 45px; background-color: #8EC733; position: relative; left: 0; margin-top: 15px; z-index: 2;} div.overall_rating1 div.overall_report_inner_bar{border: 1px solid #999; height: 45px; background-color: #8EC733; position: relative; margin-top: 19px; left: 0; z-index: 2;} div.overall_rating div.overall_report_inner_bar{margin-top: 50px; border: 1px solid #999; height: 50px; background-color: #B5DBF8; position: relative; left: 0; z-index: 1;} div.overall_rating2:first-child div.overall_report_inner_bar{background-color: #B5DBF8;} div.overall_rating2 div.overall_report_inner_bar_ie{border: 1px solid #999; height: 45px; background-color: #8EC733; position: relative; left: 0; top: -75px; margin-top: 15px; z-index: 2;} div.overall_rating1 div.overall_report_inner_bar_ie{border: 1px solid #999; height: 45px; background-color: #8EC733; position: relative; margin-top: 19px; left: 0; top: -145px; z-index: 2;} div.overall_rating div.overall_report_inner_bar_ie{margin-top: 45px; border: 1px solid #999; height: 50px; background-color: #B5DBF8; position: relative; left: 0; z-index: 1;} div.overall_rating2:first-child div.overall_report_inner_bar_ie{background-color: #B5DBF8;}
/* FILE <WidgetBrowser.css> */#widget_admin input[type='text']{width: 235px;} .webform .field input.tm-input{display: block;} .webform .field span.tm-tag{border: 1px solid #666; margin: 3px 3px 3px 0; padding: 3px; background-color: #ccc; cursor: pointer;} .webform .field span.tm-tag:hover{background-color: #d6f0fb;} .webform .field span.tm-tag a{color: #f59939; text-decoration: none; margin-left: 3px; font-weight: bold;} .widgetBarChart{width: 240px; height: 150px;} .leftOfTextInForm{width: 75px; margin-right: 5px; float: left;} .fixedHeightInWidgetForm{height: 150px;} #WidgetAdminList td.control{text-align: center;} #WidgetAdminList td.disabled{text-align: center; color: #800; font-weight: bold; font-style: italic; margin: 3px;} #tagCorral{margin: 15px 15px 15px 0;} .grid_3.statusButtonLong, .statusButtonLongOver, .statusRightButtonLong, .statusRightButtonLongOver, .storageButtonLong, .storageButtonLongOver{width: 142px;} #WidgetPreview{width: 980px; height: 400px; bottom: 251px; left: 200px; background-color: #fff; z-index: 15; position: fixed; filter:alpha(opacity=100);  border: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; border-radius: 0; color: #000;} #WidgetPreview .widgetPreviewExample{width: 40%; float: left; padding-left: 12px; padding-top: 12px;} #WidgetPreview .widgetPreviewExamplePreview{background-color: #fff; padding: 8px;} #WidgetPreview .widgetPreviewExampleTag{color: #fff; padding: 8px;} #WidgetPreview .placeOnDash{width: 205px; height: 15px; padding: 10px; text-align: center; cursor: pointer; border: 1px solid #fff; color: #fff; font-weight: bold; text-decoration: none; display: block; margin-left: 75px; margin-bottom: 5px; border-radius: 0; background-color: #005a9e;} #WidgetPreview .addButton{background-color: #005a9e;} #WidgetPreview .removeButton{background-color: #d40000;} #WidgetPreview .addExtraButton{background-color: #d80;} #WidgetPreview .settingsFormField{margin-top: 5px; margin-bottom: 10px;} #WidgetPreview .widgetPreviewDescription{width: 40%; padding-right: 12px; margin-left: 50%; padding-left: 12px; padding-top: 12px; line-height: 1.3em; font-size: 1.1em;} #WidgetPreview .settingsFormField .field label{width: 125px; float: left; color: #555;} #WidgetPreview .widgetPreviewExample .settingsFormField .field{} #WidgetPreview .widgetPreviewExample .settingsFormField .field INPUT[type="text"]{width: 180px;} #WidgetPreview .widgetPreviewExample .settingsFormField .field INPUT[type="radio"]{} #WidgetPreview .widgetPreviewExample .settingsFormField .field div.radio, #WidgetPreview .widgetPreviewExample .settingsFormField .field div.checkbox{margin-bottom: 3px; margin-left: 45%;} #WidgetPreview .widgetPreviewExample .settingsFormField .field INPUT.widgetDateCal{width: 140px;} #WidgetPreview .widgetPreviewExample .settingsFormField .field INPUT[type="checkbox"]{} #WidgetPreview .widgetPreviewExample .settingsFormField .field SELECT{width: 185px;} #WidgetPreview .widgetPreviewExample .settingsFormField .field TEXTAREA{width: 99%; height: 60px; margin-top: 5px;} #WidgetPreview .widgetPreviewExample .settingsFormField .field a.calendarSelector img{border: 0px; margin-left: 5px; margin-bottom: 3px; cursor: pointer;} #WidgetPreview .widgetPreviewExample .settingsFormField .field div.cke{margin-top: 5px;} #WidgetPreview .close{width: 16px; height: 16px; float: right; margin: 0 12px 0 0; cursor: pointer;} #WidgetPreview .headerSection{height: 38px; border: 1px solid #b6b6b6; padding-left: 25px; padding-top: 12px; font-weight: bold; font-size: 1.3em;} #WidgetBrowser{width: 100%; height: 215px; bottom: 0; background-color: #fff; z-index: 10; position: absolute; filter:alpha(opacity=90);  border: 1px solid #b6b6b6;} #WidgetBrowserDivForm{background-color: #fafafa} #WidgetBrowser .close{width: 16px; height: 16px; float: right; margin: 0 12px 0 0; cursor: pointer; font-weight: bold; font-size: 1.3em;} #WidgetBrowser .filterSection{height: 38px; border-bottom: 1px solid #c6c6c6; padding-left: 25px; padding-top: 12px;} #WidgetBrowser .filterSection form input{width: 50px; float: left; margin-left: 15px; padding: 2px;} #WidgetBrowser .filterSection form#WidgetBrowserFilterForm input.button{width: 65px; height: 25px; background-color: #005a9e; cursor: pointer;} #WidgetBrowser .filterSection form input[type="text"]{width: 250px; padding: 3px;} #WidgetBrowser .WidgetArea{height: 150px; margin-left: 40px; overflow: hidden;} #WidgetBrowser .WidgetArea ul{list-style: none; overflow: hidden; background-color: #fafafa;} #WidgetBrowser .WidgetArea ul li{width: 150px; height: 134px; margin-right: 10px; padding: 3px; float: left; border: 1px solid #c6c6c6; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;  margin-top: 8px;} #WidgetBrowser .WidgetArea ul li div{cursor: pointer; margin: 4px;} #WidgetBrowser .WidgetArea ul li span.widgetThumbHeader{color: #000; font-size: 1.0em; font-weight: bold; text-transform: uppercase;} #WidgetBrowser .WidgetArea ul li span.widgetThumbHeader .widgetPlacement{width: 16px; height: 16px; margin-right: 5px; float: left;} #WidgetBrowser .WidgetArea ul li span.widgetThumbHeader .notApplied{width: 16px; height: 16px; margin-right: 5px; display: none;} #WidgetBrowser .WidgetArea ul li span.widgetThumbHeader .oneApplied{display: inline-block;} #WidgetBrowser .WidgetArea ul li span.widgetThumbHeader .multipleApplied{background-image: url(../images/icons/png/16X16/ball_green_text.png); background-repeat: no-repeat; width: 9px; height: 10px; padding: 3px 3px 3px 4px; font-weight: bold;} #WidgetBrowser .WidgetArea ul li div img{text-decoration: none; margin-top: 8px; max-width: 112px; max-height: 101px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;} #WidgetBrowser .green{color: #138713;} #WidgetBrowser .circleBlue{-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; background-color: #0da3e2; color: #fff; width: 23px; padding: 2px 0 2px 3px; margin-left: calc(50% - 8px); margin-top: 64px; font-size: 2em; text-align: center;} #WidgetBrowser .leftArrow{width: 40px; height: 150px; float: left;} #WidgetBrowser .leftArrow .circleBlue{padding-left: 0px; width: 26px;} #WidgetBrowser .rightArrow{width: 40px; height: 150px; float: right;} #WidgetBrowser .noPointer, #WidgetPreview .noPointer{cursor: auto;} .roundedCornersCSS{-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;} .roundedCornersCSSSmall{-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #sortableArea .imageCursor{cursor: pointer;} #sortableArea .columnHeader ul{list-style: none;} #sortableArea .columnHeader ul li{min-width: 15px; float: left; margin-left: 5px;} #sortableArea .columnHeader ul li.title{font-size: 1.2em; font-weight: bold;} #sortableArea .columnHeader ul li.message{font-size: 0.8em; font-weight: normal; padding-left: 50px; padding-top: 5px;} #sortableArea .columnHeader ul > li:first-child{margin-left: 0px;} #changeDashboard{width: 152px; background-color: #ccc; border: 1px solid #666; padding: 5px; margin-bottom: 10px; text-align: center;} .clientMessagesList .message{background-color: #d6effb; border: #5b6970; padding: 8px; line-height: 1.5em; margin-bottom: 10px;} #SyncToRolesView{background-color: #d6effb; border: #5b6970; padding: 5px 5px 5px 12px; margin-top: 5px; margin-bottom: 4px; width: 148px;} #SyncToRolesView h2{color: #f7941d; padding-bottom: 8px;} #SyncToRolesView h2 a{text-decoration: none; color: #f7941d; font-size: 0.7em;} #SyncToRolesView .field{text-align: left;} #SyncToRolesView .field span.label{float: right; width: 85%; text-align: center;} #DashButtonView .roundBorder{border: 0;} #widget_admin .widgetPreviewExample .ui-widget-header, #widget_admin .widgetPreviewExample .widget-header{background: #fff none repeat scroll 0 0; border: 0 none; color: #555; font-size: 1.1em; font-weight: bold;} #widget_admin .widgetPreviewExample .widget-header{margin-bottom: 0.5em; padding: 0.2em 0.3em; position: relative;} #widget_admin .widget{border: 0;} #widget_admin .widget a{cursor: auto;}
/* FILE <wCalendar.css> */#pop_calendar{z-index: 9999;} #widgetCalendar table, #widgetCalendarTable{border-collapse: collapse; border-spacing: 0;} #widgetCalendarTable, #widgetCalendar table{width: 177px; border-spacing: 10px;} #widgetCalendarTable thead{vertical-align: middle; line-height: 15px; color: #363636; height: 25px;} #widgetCalendarTable .subhead td{background: transparent url(../images/calendar_subhead.png) repeat-x;} #widgetCalendarTable thead th{vertical-align: middle; line-height: 15px; font-weight: normal; font-size: 10px; background: transparent url(../images/calendar-top-slice.gif) 0 0 repeat-x;} #monthContainer{vertical-align: middle; line-height: 15px;} #widgetCalendar table > tr:first-child{height: 25px; color: red;} #widgetCalendarTable td{text-align: center; width: 25px; height: 20px;} #widgetCalendarTable td.diffMonth{color: #aaa;} #widgetCalendarTable td.today{font-weight: bold;} #widgetCalendarTable .calendarPrevMonth{width: 17px; height: 17px; background: transparent url(../images/wCalendarBack.png) 0 0 no-repeat; cursor: pointer; margin: 4px;} #widgetCalendarTable .calendarNextMonth{width: 17px; height: 17px; background: transparent url(../images/wCalendarNext.png) 0 0 no-repeat; cursor: pointer; float:right; margin: 4px;} .calendarLegend{float: left; background: transparent url(../images/calendar-bottom-slice.gif) 0 0 repeat-x; font-size: 10px; color: #363636; border: #b7babc solid 1px; margin: 0; margin-left: -1px; width: 167px; padding: 7px 5px 5px;} .calendarHeaderDate{color: #f00; float: right; width: 100%; font-size: 1.4em;} #calendarDueDateAndAlerts{margin-top: 10px; border: 1px solid #aaa; width: 98%; min-height: 150px; overflow: auto;} #calendarDueDateAndAlerts div{padding: 5px;} #calendarDueDateAndAlerts .row_over{background-color: #f7f7f7;} #addCustomCalendarWidget1{display: none;} #widgetCalendar{background-color: #fff; width: 177px; margin: 10px 0px 0px 12px; border: 1px solid #b7babc;} #widgetCalendar .calendarLegendAppr{width: 10px; height: 10px; background-color: #c30000; border: 1px solid #7e0000; float: left; margin: 0px 5px 5px 0px;} #widgetCalendar .calendarLegendAlert{width: 10px; height: 10px; background-color: #4e7a38; border: 1px solid #3a5a29; float: left; margin: 0px 5px 5px 0px;} #widgetCalendar .calendarLegendToday{width: 10px; height: 10px; background-color: #ff0; border: 1px solid #C93; float: left; margin: 0px 5px 5px 0px;} #widgetCalendar table tbody > tr:first-child{background-image: url(../images/calendar_subhead.png); background-repeat: repeat-x; color: #000;} #widgetCalendar table tbody > tr:first-child td{font-weight: normal; padding: 2px 0px 8px 0px; margin: 0px;} #widgetCalendar table tbody td div.alert{background-color: #4e7a38; border: 1px solid #3a5a29; color: #fff; padding: 2px 0px 2px 0px; cursor: pointer;} #widgetCalendar table tbody td div.appraisal{background-color: #c30000; border: 1px solid #7e0000; color: #fff; padding: 2px 0px 2px 0px; cursor: pointer;} #widgetCalDatePicker .floatRight50{float: right; width: 49%; border-left: 1px solid #b7babc; margin-right: 0px;} #widgetCalDatePicker .header{width: 100%; border-bottom: 1px solid #b7babc; height: 28px;} #widgetCalDatePicker .footer{width: 100%; border-bottom: 1px solid #b7babc; background-image: url(../images/date_picker_footer_background.png); background-repeat: repeat-x; padding: 3px 0px 3px 0px; text-align: right; height: 24px;} #widgetCalDatePicker .footer button{margin-right: 5px; padding: 3px 0 1px;} #widgetCalDatePicker .floatRight25{float: right; width: 50%;} #widgetCalDatePicker .pointerOver{cursor: pointer; width: 99%; text-align: center; padding: 5px 0; background-color: #7c94a3; color: #fff;} #widgetCalDatePicker .left50{width: 49%;} #widgetCalDatePicker .prevYear{margin: 2px 3px 2px 10px; width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); float: left; background-position: 60px 0px;} #widgetCalDatePicker .nextYear{margin: 2px 10px 2px 3px; width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 40px 0px; float:right;} #widgetCalDatePicker .prevYearOver{margin: 2px 3px 2px 10px; width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); float: left; background-position: 60px 20px; cursor: pointer;} #widgetCalDatePicker .nextYearOver{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 40px 20px; float:right; cursor: pointer; margin: 2px 10px 2px 3px;}
/* FILE <esignature.css> */.EsignatureContainer{padding: 10px; width: 890px;} #esignature_general_block_manual{margin: 20px 0; line-height: 1.3em;} #esignature_general_block{margin-bottom: 20px; width: 400px !IMPORTANT;} #esignature_block{margin-bottom: 20px;} #esignature_block table tbody tr td{vertical-align:text-top;} #esignature_manual_block{margin: 0 0 20px 5px;} #esignature_manual_block table{width: 880px;} #esignature_manual_block table tbody tr td{vertical-align:text-top;} #esignature_manual_block table tbody tr td:first-child{width: 70%;} #esignature_manual_block table tbody tr td.signature{border-bottom: 1px solid #000; height: 25px;} #esignature_manual_block table tbody tr td.signatureName{padding-top: 3px;} #esignature_manual_block table tbody tr td.short{width: 3%;} #esignature_manual_block table tbody tr.signature_group td{font-weight: bold; padding-top: 10px;} .esignature_name{font-weight: bold; font-size: 0.8em; padding-bottom: 20px;} .esignature_instructions{width: 887px !important;} .esignature_signature_area{width: 65%; float: right;} .esign_signed{padding: 5px; text-align: center;} td.esigDate{width:150px;} .doubleEsigAckWidth .roundContent{width: 500px;} #esign_comment_box{width: 100%; height: 125px;} .signatureLineBox{position: relative; height: 70px; color: #363636; line-height: 15px;} .signatureLineBoxLeft{position: absolute; top: 0; left: 0; width: 400px;} .signatureLineBoxRight{position: absolute; top: 0; left: 400px; width: 100px;} .signatureLine{width: 380px; border-top: #dadad8 solid 1px; padding: 5px 0 0 0; margin: 24px 0 0 0;} .dateLine{width: 100px; border-top: #dadad8 solid 1px; padding: 5px 0 0 0; margin: 24px 0 0 0;} .signatureType, .dateHeader{font-weight: bold;} div.blueRoundBorder.esignature_instructions div.roundContent{padding-left: 8px; padding-bottom: 8px;} div#esignature_signature_area{margin-top: 10px;} .esignature_instructions{width : auto !important;} .EsignatureContainer{padding:0px !important; width : auto !important;}
/* FILE <managerResources.css> */ .manager_resource_content{line-height: 200%; color: #333; padding: 0 25px 15px 0;} .manager_resource_content h1{font-size: 16px; color: #333;} .manager_resource_content p{padding-bottom: 4px;} .manager_resource_content li p{padding: 0 0 4px 15px;} .manager_resource_content ul{list-style: none;} .manager_resources_open{color: #333; padding: 0 25px 15px 0;} .manager_resources_open h1{font-size: 16px; margin-bottom: 5px; color: #333;} .manager_resources_open h2{font-size: 16px; margin-bottom: 5px; color: #333;} .manager_resources_open ul li ul{display: block;} .manager_resources ul, .manager_resources_open ul{margin: 0px; padding: 3px 0 0; list-style: none; background: transparent;} .manager_resources ul li, .manager_resources_open ul li{padding: 3px 16px;} .manager_resources ul li a{text-decoration: none; cursor: pointer; color: #333; padding: 0 20px;} .manager_resources_open ul li a{color: #3777a4; text-decoration: none; cursor: pointer;  padding: 0 20px;} ul li.mgr_category a, ul li.mgr_category.mgr_selected ul li a, ul li ul li.mgr_category.mgr_selected ul li a{text-decoration: none; font-weight: normal; cursor: pointer;  padding: 0; color: #3777a4;} ul li.mgr_category.mgr_selected a, ul li ul li.mgr_category.mgr_selected a{text-decoration: none; cursor: pointer; color: #000; padding: 0;} ul li.mgr_category a i.fa-chevron-right, ul li.mgr_category.mgr_selected a i.fa-chevron-down, ul li.mgr_category.mgr_selected ul li a i.fa-chevron-right, ul li.mgr_category.mgr_selected ul li.mgr_selected a i.fa-chevron-down{display: inline-block; color: #000; margin-right: 4px;} ul li.mgr_category a i.fa-chevron-down, ul li.mgr_category.mgr_selected a i.fa-chevron-right, ul li.mgr_category.mgr_selected ul li a i.fa-chevron-down, ul li.mgr_category.mgr_selected ul li.mgr_selected a i.fa-chevron-right{display: none; margin-right: 0;} .no_expand a{background: transparent !important;} .manager_resources ul li ul{display: none;} .mgr_resource_currently_viewing{font-style: italic; text-decoration: underline;}
/* FILE <storage.css> */#storageUpload.roundBorder .roundContent{padding: 10px; background-image: url(../images/slider_gradiant.png); background-repeat: repeat-x; background-position: left -125px;} #storage_file_area .statusButtonLong,#storage_file_area .statusButtonLongOver{display: block; float: none;} div#storage_file_area form#recent_storage_file a.storageButtonLong, div#storage_file_area form#recent_storage_file a.storageButtonLongOver{margin: 25px 0 0; float: left;} .convertedRoundBorder .roundContent{margin-top: 10px;} .floatRightDate50{width: 47%; float: right; text-align: right; margin-right: 3%;}
/* FILE <reports.css> */ .goalHeader, .employeeHeader{width: 100%; color: #898989; height: 23px; border: transparent none 0; line-height: 23px; text-align: left; padding-left: 5px; cursor: pointer;} .landing-area{width: 680px; min-height: 450px; float: left;} p.landing-area{border:1px solid black;} .history-area{width: 25%; padding: 10px; background-color: #FAFAFA; float: right; line-height: 1.5; border: 1px solid #EFEFEF;} p a.active-report{float:left; clear:both; padding-left:20px; border:none; text-decoration:none; font-size:1em; font-weight:bold; color:#898989;} .active-report img{border:none; padding-right:10px;} .invisible_clear_both{height: 0; clear:both;} .reports_description{padding:10px; padding-left:20px; text-align:left; height:130px;} a.active-report{text-decoration: underline; color: #008E8F;} a.active-report-img{float:left; padding-left:20px; padding-right:10px;} span.inactive-report{text-decoration: none; color: #F00;} .appraisals, .goal, .employee, .company{width: 250px; float: left; margin: 15px 30px; background-color: #FAFAFA; text-align: left; border: 1px solid #dFdFdF; height: 170px;} .other{width: 250px; margin: 15px auto; background-color: #EFEFEF; text-align: center;} .report_setup_page_instructions{min-height: 100px; padding: 11px 15px 15px 11px; font-size: 12px; border: 1px solid #bce8f1; color: #3a87ad; background-color: #d9edf7;} #rep_inst_div1.report_setup_page_instructions1{padding: 11px 15px 15px 11px; font-size: 12px; border: 1px solid #bce8f1; color: #3a87ad; background-color: #d9edf7; margin-bottom: 8px;} #rep_rb_top{width: 100%; height: 8px; background: transparent; margin-bottom: 0; padding-bottom: 0; border: none;} #rep_rb{display: inline-block; width: 100%; background: #fff; margin-top: 0; padding-top: 0; padding-bottom: 20px;} #rep_spn{font-size: 12px; font-weight: bold; margin-top: 16px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #e6e6e6; width: 100%; color: #555555;} .report_setup_page_paramaters input{padding: 2px;} #rep_inst_div{} #rep_inst_first_line{font-weight: bold; min-height: 20px;} #rep_inst_num_steps li{line-height: 20px;} #rep_rb_bot{width: 600px; height: 53px; background: transparent; padding-top: 10px;} .report_setup_page_buttons{width: 600px; border: none; padding: 0;} .report_setup_page_prev_next_holder{width:260px; float:right; text-align:center; padding-right:150px;} #rep_nav_btns_tbl{width: 580px; margin-top: 5px; margin-left: 20px;} #rep_nav_btns_tbl tr{height: 29px;} .report_setup_page_save{width: 25%; cursor: pointer;} #btn_save{display: inline-block; width: 119px; height: 29px; text-align: center; line-height: 25px; vertical-align: middle;} .report_setup_page_save_up{background: transparent url(../images/reports/rprt_save_btn_bg_119x29.png) left center no-repeat;} .report_setup_page_save_over{background: transparent url(../images/reports/rprt_save_btn_bg_over_119x29.png) left center no-repeat;} #btn_prev, #btn_next, #btn_done{display: inline-block; width: 76px; height: 29px; text-align: center; line-height: 25px; vertical-align: middle;} .report_setup_page_prev{width: 25%; text-align: right; cursor: pointer;} .report_setup_page_pn_up{background: transparent url(../images/reports/rprt_pn_btn_bg_76x29.png) right center no-repeat;} .report_setup_page_pn_over{background: transparent url(../images/reports/rprt_pn_btn_bg_over_76x29.png) right center no-repeat;} .report_setup_page_next{width: 25%; text-align: left; cursor: pointer;} .report_setup_page_done{width: 25%; text-align: right; padding-right: 20px; cursor: pointer;} .report-setup-navbar{width: 100%; height: 32px; background-color: #FFF;} .report-setup-navbar-select, .report-setup-navbar-view, .report-setup-navbar-export{width:60px; background-color:#F8F8F8; border: 1px solid #8FF; float:right;} .report-setup-navbar-view, .report-setup-navbar-export{margin-left: 2px;} .report-setup-body{width: 100%; height: 290px;} .report-setup-footer{width: 100%; height: 50px;} .report-setup-footer-reset, .report-setup-footer-next, .report-setup-footer-back, .report-setup-footer-done{width:60px; background-color:#E8F8F8; border: 1px solid #8FF; float: left;} .report-setup-footer-next{margin-left: 15px;} .report-setup-footer-back{margin-left: 150px;} .report-setup-footer-done, .results_per_page{float: right;} .date_range{float: left;} .filter_group .group_group{padding-left:5px;} .filter_group{padding-top: 20px;} .filter_group th, .group_group th{border-top:solid #CCDBE5 1px; color:black;} .filter_header{margin-bottom:5px; padding: 10px; height: 15px; font-weight: bold; color: #000; background-color: #efefef; margin-top: 8px; border: 1px solid #e6e6e6;} .group_header{margin-bottom:5px; font-size:15px; padding: 5px;} .downline_box{border: 2px solid black; margin-left:10px;} .downline_header_1{color:blue;} .downline_header_2{color:green;} .downline_header_3{color:red;} DIV.report_xfer{float: left; width: 600px;} DIV.report_xfer DIV.report_xfer_chooser{float: left; width: 265px;} DIV.report_xfer DIV.report_xfer_chooser SELECT{float: left; width: 265px !IMPORTANT; border: 1px solid #dfdcd7; margin: 0; padding: 0;} DIV.report_xfer DIV.report_xfer_chooser SELECT:focus{background-color: white;} DIV.report_xfer DIV.report_xfer_chooser DIV.report_xfer_chooser_title{height: 22px; background: #eaeaea; background-repeat: repeat-x; background-position: bottom; text-align: left; font: small "Verdana", sans-serif; font-weight: bold; color: #898989; border: 1px solid #dfdcd7; border-style: solid solid none solid;} DIV.report_xfer DIV.report_xfer_control{float: left; width: 20px; margin: 40px 20px 0 20px;} DIV.report_xfer DIV.report_xfer_chooser SELECT OPTION{width: 420px; height: 1em; padding: 1px 0 3px 2px;} DIV.report_xferButton{margin-bottom: 5px; width: 20px; height: 20px; float: left; background-image: url('../images/icons/dirSelectorsAll.png');} DIV.report_xferInstructions{width: 420px; float: left; clear: both; margin: 10px 0 0; padding: 0;} .nf{clear: both; border: transparent none 1px; overflow: hidden; height: 0; width: 100%;} #xferTbl{width: 560px; float: none;} #leftXferTd{vertical-align: top; width: 254px !important; border: #b7babc solid 1px; margin: 0; padding: 0;} #midXferTd{vertical-align: top; text-align: center; margin: 0; padding: 0;} #rightXferTd{vertical-align: top; width: 254px !important; border: #b7babc solid 1px; margin: 0; padding: 0;} div.report_xfer{float: left; width: 560px; clear:both;} div.report_xfer{float: none; width: 560px; clear: both;} div.report_xfer div.report_xfer_chooser{float: left; width: 265px;} div.report_xfer div.report_xfer_chooser div.report_xfer_chooser_title{width: 254px; height: 22px; background: #eaeaea; background-repeat: repeat-x; background-position: bottom; text-align: left; font: small "Verdana", sans-serif; font-weight: bold; color: #898989; border: 1px solid #dfdcd7; border-style: solid solid none solid;} #report_xfer_chooser_title_inactive, #report_xfer_chooser_title_active{height: 21px; background: #eaeaea url(../images/form/xfer/title_bar_bg_1x22.png) center bottom repeat-x; font-size: 12px; font-weight: bold; color: #898989; margin: 0; padding: 0 0 0 4px;} #report_xfer_chooser_title_inactive p, #report_xfer_chooser_title_active p{margin: 0; line-height: 21px;} div.report_xfer div.report_xfer_chooser select{float: left; width: 254px !IMPORTANT; border: 1px solid #dfdcd7; margin: 0; padding: 0;} #leftXferSel, #rightXferSel{position: relative; overflow: hidden; width: 252px !IMPORTANT; font-size: 12px; color: #363636; margin: 0; padding: 0;} #leftXferSel select, #rightXferSel select{width: 258px !important; border-color: #dfdcd7; margin: 0; padding: 0; margin-left: -2px; margin-top: -2px; padding-top: 0;} #leftXferSel select option, #rightXferSel select option{height: 14px; font-size: 12px; border: transparent solid 3px; border-top: transparent solid 5px;} .xfer_lh{font-size: 12px;} #leftXferSel select:focus, #rightXferSel select:focus{background-color: white;} div.report_xfer div.report_xfer_control{float: left; width: 20px; margin: 40px 20px 0 20px;} .report_xfer_control_rev{display: block; width: 20px; margin: 0; padding: 0;} #smallInst{font-size: 10px; line-height: 14px; padding-top: 10px;} #mOneRight{display: block; margin-top: 25px; margin-bottom: 5px; margin-right: auto; margin-left: auto; width: 20px; height: 20px; background-image: url('../images/icons/dirSelectorsAll.png');} #mOneLeft{display: block; margin-bottom: 5px; margin-right: auto; margin-left: auto; width: 20px; height: 20px; background-image: url('../images/icons/dirSelectorsAll.png');} #mAllRight{display: block; margin-bottom: 5px; margin-right: auto; margin-left: auto; width: 20px; height: 20px; background-image: url('../images/icons/dirSelectorsAll.png');} #mAllLeft{display: block; margin-bottom: 5px; margin-right: auto; margin-left: auto; width: 20px; height: 20px; background-image: url('../images/icons/dirSelectorsAll.png');} div.report_xferinstructions{width: 420px; float: left; clear: both; margin: 10px 0 0; padding: 0;} .gap_score_box{width:90%; height: 11px; border: 1px solid #ddd; margin: 3px 0 3px 0;} .final_box{height:11px; background-image: url(../images/gap_analasys_sprite.png); background-position: 0 0; background-repeat: repeat-x;} .self_box{height:11px; background-image: url(../images/gap_analasys_sprite.png); background-position: 0 -11px; background-repeat: repeat-x;} .pos_gap_box{height:11px; background-image: url(../images/gap_analasys_sprite.png); background-position: 0 -33px; background-repeat: repeat-x;} .neg_gap_box{height:11px; background-image: url(../images/gap_analasys_sprite.png); background-position: 0 -22px; background-repeat: repeat-x;} .gap_analysis_key table{float:right; margin-top:10px; margin-bottom:10px;} .floatRightGap{float: right; width: 225px; margin: 5px 5px 0 0;} .floatRightGap .floatRight50{text-align: left; width: 50%;} .floatRightGap .final_box, .floatRightGap .self_box, .floatRightGap .pos_gap_box, .floatRightGap .neg_gap_box{margin: 3px 0 3px 0;} #pp_button{position: absolute; top: 0; left: 820px; width: 119px; height: 29px; margin-top: 10px; padding: 0; background: transparent url(../images/reports/rprt_save_btn_bg_119x29.png) left center no-repeat; cursor: pointer;} .ppbutton{display: block; width: 119px; height: 29px; padding: 0; text-align: center; line-height: 29px; vertical-align: middle; margin: auto 0; font-size: 12px; font-weight: normal;} #pp_button a:link{color: #000; text-decoration: none;} #pp_button a:visited{color: #000; text-decoration: none;} #pp_button a:hover{color: #000; text-decoration: none; background: transparent url(../images/reports/rprt_save_btn_bg_over_119x29.png) left center no-repeat;} #pp_button a:active{color: #000; text-decoration: none;} #report_pagination_buttons{padding: 12px 0 10px 0; text-align: right;} #report_pagination_buttons .report_pagination_text{float: left; min-width: 150px;} #report_pagination_buttons_ul{margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; font-size: 100% !important; vertical-align: baseline !important; background: transparent !important;} #report_pagination_buttons_ul li{display: inline !important; list-style: none !important; background-color: #fff; padding: 0;} #report_pagination_buttons_ul li a{padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #aad; text-decoration: none; color: #009;} #report_pagination_buttons_ul li a:hover, div#report_pagination_buttons a:active{border: 1px solid #009; color: #000;} #report_pagination_buttons_ul li span.current{padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #009; font-weight: bold; background-color: #009; color: #fff;} #report_pagination_buttons_ul li span.disabled{padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; background-color: transparent; color: #DDD;} #noReportResults{width: 500px;} #rresults th.control{padding-right: 5px !important; padding-left: 5px !important;} #reportLoader{display: none; position: absolute; top: 0; left: -20px; text-align: center; margin: 0 auto; width: 965px; height: 100%; background: transparent url(../images/quartTransparent_10x10.png);} #reportLoaderProgress{width: 280px; height: 85px; background: #fff url(../images/viewAs/logged_in_as_shape_05_280x85.png) 0 0 no-repeat; text-align: center; margin: 100px auto;} #reportLoaderProgress p{line-height: 14px;} #rprtLdrPrgWrapper{padding: 10px;} .dateAreaOutline{border: 1px solid #dddddd; padding: 5px 3px;} .dateAreaOutline input{border: 0; border-right: 1px solid #e9e7e8; border-radius: 0;}  .dateAreaOutline a img{margin: 4px;} .dateAreaOutline a img{margin: 4px 4px 5px 0px;} .rightPanelItem{margin-bottom: 4px;} #reportTable tr td p{max-width: 275px;}
/* FILE <log_in.css> */html, body{min-height: 100%;} body{} #perfpro_body.loginPage{width: 100%; background-color: #eee;} #perfpro_body.loginPage .toolbarNew{height: 113px;} #loginBody{padding: 32px;} #resetPasswordBody{width: 600px; margin: 0 auto; padding-top: 125px; text-align: center; background-color: #fff;} #resetPasswordBody legend{color: #2ea6dc;} #resetPasswordBody input{padding: 2px;} #resetPasswordBody #log_in_btn{width: 125px; margin-top: 15px;} #login_container{width: 100%;} #securityLogin{} #login_header{padding-bottom: 15px; color: #888; background-color: transparent;} #login_header h1{margin: 0; padding: 0; font-weight: normal; text-align: center; text-indent: -987654321px;} #log_in_tb{width: 252px; padding: 18px 0 0 0; height: 5px; margin: 0 auto; text-align: left;} #log_in_tb .text{font-weight: bold; color: #2ea6dc; font-size: 1.2em; text-align: center;} #shadedBox{} .mflex{display: flex;} .fl1{flex: 1;} #fieldBox{display: flex;} #securityLoginForgotten h1{margin-top: 120px; margin-bottom: 16px;} #securityLoginForgotten #innerFieldBox > div label{width: 150px; text-align: right; margin-right: 8px;} #securityLoginForgotten #innerFieldBox > div input{border: 1px solid #eaeaea; width: 200px; height: 26px; padding: 4px; margin-left: 0; margin-bottom:4px;} #securityLoginForgotten #innerFieldBox > div:first-child{margin-left: 0;} #securityLoginForgotten #log_in_btn{margin-left: 162px;} .userInputTop, .userInput{flex: 1;} #fieldBox .userInputTop input{margin-left: 0; margin-right: 16px; width: calc(100% - 16px); border-top: 0; border-left: 0; border-right: 0;} #fieldBox .userInput input{margin-left: 16px; margin-right: 0; width: calc(100% - 16px); border-top: 0; border-left: 0; border-right: 0;} #securityLoginForgotten{} .userInput label, .userInputTop label{display: inline-block; font-size: 12px; width: 160px; text-align: left;} .userInput input, .userInputTop input{width: 200px; padding: 2px;} .userSettings, .userSettingsTop{font-size: 12px; margin: 0 0 5px 10px;} .userSettingsTop{padding: 8px 0 0 0; color: #888;} .userSettings label, .userSettingsTop label{display: inline-block; color: #888; height: 15px; line-height: 13px;} #unField, #pwField{background: #fff;} .fpwdLink{font-size: 12px; height: 37px; color: #2ea6dc; margin: 8px 11px 0 calc(100% - 95px); width: 150px;} .fpwdLink a{text-decoration: none; color: #2ea6dc;} #optionsBox{text-align: left;} #optionsBoxBtm{margin: 0 auto; width: 252px; height: 7px;} #log_in_btn{margin: 8px 0 0 calc(100% - 91px); height: 29px; width: 83px; background: #8dc769 none repeat scroll 0 0;} #log_in_btn .statusButton,#log_in_btn .statusButtonOver{background: #8dc769 none repeat scroll 0 0; border: 0; color: #fff; font-weight: normal;} .clearfix:after{content: " "; clear: both; visibility: hidden; display: block; height: 0;} * html .clearfix{height: 1%;} .clearfix{display: inline-block;} .clearfix{display: block;} .clear{clear: both; visibility: hidden; display: block; height: 0;} .loginBoxOuter{margin: 32px 32px 0 50px;} .loginBoxOuter p.welcomeText{color: #a0a9b4; font-size: 15px; line-height: 22px; margin: 20px 0; font-family: "Open Sans", sans-serif;} .loginBoxOuter h1{font-size: 30px; font-weight: 300; color: #4e5a64; font-family: "Open Sans", sans-serif; margin-top: 26%;} #visuals{width: 255px; margin-top: 35px; position: relative; text-align: center; margin-left: auto; margin-right: auto;} #hrn_logo{float: left; text-align: center; margin-top: 5px;} #security_seal{text-align: center; margin-left: 15px; margin-right: -23px;} #smallprint{text-align: center; font-size: 10px; margin-top: 45px;} .smallprintlinks{text-align: center; margin: 0 auto;} .copyright{text-align: center; padding: 10px;} .checkboxPadding{min-width:15px; float: left; margin-top: 0px;} .formattedPasswordRequirements{color: #888;} .formattedPasswordRequirements ul{margin-left: 20px;} .userInputSmall{margin: 3px 0 3px 0;} .userInputSmall LABEL.placeHolderReplacement, .userInput LABEL.placeHolderReplacement, .userInputTop LABEL.placeHolderReplacement{width: 205px; font-weight: bold; color: #888;} #shadedBox .userInputTop LABEL.placeHolderReplacement{margin-left: 12px;} #shadedBox .userInput LABEL.placeHolderReplacement{margin-left: 28px} #securityLoginMessage{color: #f00; text-align:center; font-weight: bold; height: auto; margin: 0 auto; width: 451px; display: none;} #securityLoginForm .userInputSmall LABEL.placeHolderReplacement{width: 125px; float: left; text-align: left; margin-left: 108px;} .mainFlex{display: flex; height: 100vh;} .mainFlex .flex1{flex: 1; height: 100vh;} .mainFlex > .flex1:first-child{background-color: #fff;} .mainFlex .flex1 img.homeImage{width: 100%; height: 100%;} 
/* FILE <jquery.notifyBar.css> */ .jquery-notify-bar{width:100%; position:fixed; top:0; left:0; z-index:32768; background-color:#efefef; font-size:18px; color:#000; text-align:center; padding:20px 0px; border-bottom:1px solid #bbb;} .jquery-notify-bar.error{color:#f00; background-color:#fdd;} .jquery-notify-bar.success{color:#060; background-color:#BBFFB6;} .notify-bar-close{position:absolute; left:95%; font-size:12px;}
/* FILE <Tag.css> */.tagStorageContainer{width: 95%; min-height: 50px; margin: 5px;} .visualTag{min-width: 50px; float: left; margin: 3px;} .visualTag .roundContent{padding-right: 8px; word-wrap: keep-all;} .tagAnchor{width: 16px; float: right; margin-top: 3px; text-decoration: none; border: 0;} .tagAnchor img{border: 0;} .visualTag .tagRemoveAnchor{width: 16px; float: right; margin-top: -3px; margin-left: 4px; text-decoration: none; border: 0;} .visualTag .tagRemoveAnchor img{border: 0;}
/* FILE <header3_4.css> */#toolbarNew{width: 100%; margin: 0; overflow: hidden; top: 0; left: 0; height: 103px; position: fixed; font-size: 14px; z-index: 20; background-color: #fff;} #toolbarNew img.logOnLogo{height: 52px;} #toolbarNew .toolbarSupport, #toolbarSupport{postion: absolute; background-color: #fff; top: 91px; left: 0; border: 1px solid #e6e6e6; width: 250px; z-index: 250; display: none; line-height: 1.3em; padding: 8px;} #toolbarSupport p{margin-bottom: 15px;} #toolbarSupport p a{text-decoration: none; color: #24629e;} #toolbarNew .ppHeader{height: 65px; width: 100%;} #toolbarNew .ppToolbar{height: 33px; width: 100%; background-color: #24629e;} #toolbarNew .ppToolbarHighlight{height: 5px; width: 100%; background-color: #f28d2c;} #toolbarNew .ppHeader .ppLogo img{margin-left: 30px; margin-top: 5px;} #toolbarNew .ppHeader .extraHTML{width: 400px; float: right;} #toolbarNew .ppHeader .extraHTML ul{list-style: none;} #toolbarNew .ppHeader .extraHTML ul li{min-width: 75px; float: left;} #toolbarNew .ppHeader .extraHTML ul li a.toolbarButton div{margin: 0px; background-color: transparent; background-image: none; background-repeat: repeat-x; background-position: top; font-size: 0.8em; height: 0; padding: 4px;} #toolbarNew ul li ul#client_select li .empSelectorOptions{width: 250px; margin: 5px 0px 0px 5px;} #toolbarNew ul li ul#client_select li .empSelectorRight1{margin-left: 5px; width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 20px 0px; float: right;} #toolbarNew ul li ul#client_select li .empSelectorRight2{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 40px 0px; float: right;} #toolbarNew ul li ul#client_select li .empSelectorCenter{width: 160px; float: right; overflow: hidden; text-align: center;} #toolbarNew ul li ul#client_select li .empSelectorLeft1{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 0px 0px; float: left;} #toolbarNew ul li ul#client_select li .empSelectorLeft2{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 60px 0px; margin-left: 5px; float: left;} #toolbarNew ul li ul#client_select li .empSelectorRightOver1{margin-left: 5px; width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 20px 20px; float: right;} #toolbar ul li ul#client_select li .empSelectorRightOver2{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 40px 20px; float: right;} #toolbarNew ul li ul#client_select li .empSelectorLeftOver1{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 0px 20px; float: left;} #toolbarNew ul li ul#client_select li .empSelectorLeftOver2{width: 20px; height: 20px; background-image: url(../images/icons/dirSelectors.png); background-position: 60px 20px; margin-left: 5px; float: left;} #client_select .empSelectorOptions .empSelectorCenter{font-size: 0.8em;} #toolbarNew .ppHeader .userImage{margin-top: 5px; float: right; margin-left: 20px;} #toolbarNew .ppHeader .userImage img{height: 55px; width: 55px; margin-top: 0; margin-right: 3px;} #toolbarNew .ppHeader .userImageAbsent{margin-left: 8px;} #toolbarNew .ppHeader .userContent{text-align: right; color: #737573; float: right; width: 55%;} #toolbarNew .ppHeader .ppUser{width: 99.5%;} #toolbarNew .ppHeader .userContent .welcome{margin-top: 5px; font-size: 1em; float: right; width: 55%; height : 14px; overflow: hidden;} #toolbarNew .ppHeader .userContent .companytitle{font-style: italic; margin-top: 3px; margin-bottom: 2px; font-size: 0.9em; float: right; width: 55%; height : 14px; overflow: hidden;} #toolbarNew .ppHeader .userContent .role{margin-top: 5px;} #toolbarNew .ppHeader .userContent #roleSel3_4{display: inline;} #toolbarNew .ppHeader .userContent #roleSel3_4 .new_role3_4 option{font-size: 0.7em; background-color: #24629e; color: #fff; padding: 3px;} #toolbarNew .ppHeader .userContent .userRoleDiv{width: 100%; float: right;} #toolbarNew .ppHeader .userContent .clearLink{background-color: #4ca2fc; color: #fff; display: block; float: left; font-size: 0.7em; margin-left: 10px; margin-right: 5px; margin-top: 2px; padding: 4px; text-align: center; text-decoration: none; width: 75px; float : right;} #toolbarNew .ppToolbar ul.leftSide > li:first-child{margin-left: 25px;} #toolbarNew .ppToolbar ul.leftSide li #empSel3_4 select{margin-top: 8px; margin-left: 10px;} #toolbarNew .ppToolbar ul.leftSide,#toolbarNew .ppToolbar ul.rightSide{margin: 0; margin-right: 10px; padding: 0; list-style-type: none;} #toolbarNew .ppToolbar ul li{min-width: 50px; cursor: pointer; font-size: 0.8em;} #toolbarNew .ppToolbar ul li a{display: block; color: #fff; text-decoration: none; padding: 10px 6px 6px 6px; cursor: pointer;} #toolbarNew .ppToolbar ul.leftSide li{float: left; margin-right: 8px;} #toolbarNew .ppToolbar ul.rightSide li{float: right; margin-left: 8px; text-align: right;} #toolbarNew .ppToolbar ul li.toolbarSaveIcon{background-color: #2ea6dc; margin-top: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; text-align:center;} #toolbarNew .ppToolbar ul li.toolbarSaveIcon a{color: #fff; font-weight: bold; padding: 8px 6px;} #toolbarNew .ppToolbar ul li.toolbarLanguageIcon{padding-left: 21px; background-image: url(../images/new_icons/language-icon.png); background-position: 0 2px; background-repeat: no-repeat;} #toolbarNew .ppToolbar ul li.toolbarSpellIcon{padding-left: 24px; background-image: url(../images/new_icons/spell-icon.png); background-position: 0 2px; background-repeat: no-repeat;} #toolbarNew .ppToolbar ul li.toolbarBackIcon{padding-left: 13px; background-image: url(../images/new_icons/back-arrow_1.png); background-position: 0 4px; background-repeat: no-repeat;} #toolbarNew .ppToolbar ul li.toolbarHelpIcon{background-color: #a8c674; color: #24629e; margin-top: 4px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} #toolbarSupport .floatRight{width: 20px; float: right; text-align: right; font-weight: bold; color: #aaa;} .userContent .productList{width: 40%; float: left;} .userContent .clearAlias{width: 40%; float: left;} .userContent .accessRole{margin : 0px; float: right; width: 55%; overflow: hidden;} .userContent .productList .crossLogos{margin-top: 3px;} .userContent .productList .floatRight33{width: 20%;} .toolbarNew .displayCss{display:inline-block;} .toolbarNew .leftSection{width : 40%; float : left;} .toolbarNew .rightSection{width : 55% !important; float : right;} .toolbarNew .userContent #new_role{height : 20px; width : 100%;} .toolbarNew .subSection{width : 100%;} 
/* FILE <menu3_4.css> */#menu_area3_4{margin-top: 113px;} #menu_area3_4 .menuLogo{margin-left: 20px;} #menu_area3_4 .menuLogo img{width: 174px;} #menu_area3_4 DIV#leftMenuDiv{width: 160px; height: 100%; margin-left: 20px; margin-top: 6px;} #menu_area3_4 DIV#leftMenuDiv UL#navigation{float: left; padding: 0px; margin: 10px 0px 0px 0px !IMPORTANT;} #menu_area3_4 DIV#leftMenuDiv UL#navigation, #menu_area3_4 DIV#leftMenuDiv UL#navigation UL{float: left; clear: both; margin: 0px; padding: 0px;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI{float: left; clear: both; list-style-type: none; margin: 0px; padding: 11px 8px 0 8px; width: 160px; background-color: #25629e; border-top: 1px solid #fff; color: #fff; margin-bottom: 0;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI a{color: #fff; text-decoration: none; font-weight: normal; display: block; width: 100%; height: 100%; margin-bottom: 11px; font-size: 1.1em;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI:hover{background-color: #2ea6dc;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI UL{margin-top: 0px; display: none; margin-left: -8px; width: 176px; background-color: #fff; color: #25629e;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI UL LI{padding-top: 6px; width: 160px; background-color: #f1eff0; color: #25629e;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI UL LI.selected{background-image: none; background-color: #f39335; color: #fff;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI UL LI.selected a{color: #fff;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI UL LI a{margin-left: 8px; margin-bottom: 8px; font-weight: normal; font-size: 1.1em; color: #666;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI ul li:hover, #menu_area3_4 DIV#leftMenuDiv UL#navigation LI ul li.selected:hover{background-image: none; background-color: #f39335; color: #fff;} #menu_area3_4 DIV#leftMenuDiv UL#navigation LI ul li:hover a , #menu_area3_4 DIV#leftMenuDiv UL#navigation LI ul li.selected:hover a{color: #fff;} div#upperTabs3_4.tabs{border-bottom: 1px solid #25629e; padding-top: 10px; width: 100%;} div#upperTabs3_4.tabs ul#upperTabs{} div#upperTabs3_4.tabs ul#pageLevelTabs ul{list-style: none; margin: 0; padding: 0;} div#upperTabs3_4.tabs ul#pageLevelTabs li{min-width: 75px; float: left; list-style-type: none; background-color: #f1eff0; padding: 7px 8px; font-size: 1.1em; margin-right: 1px; text-align: center;} div#upperTabs3_4.tabs ul#pageLevelTabs li:hover{background-color: #f39335;} div#upperTabs3_4.tabs ul#pageLevelTabs li:hover a{color: #fff;} div#upperTabs3_4.tabs ul#pageLevelTabs a{text-decoration: none; color: #666;} div#upperTabs3_4.tabs ul#pageLevelTabs .selected{background-color: #f39335;} div#upperTabs3_4.tabs ul#pageLevelTabs .selected a, div#upperTabs3_4.tabs ul#pageLevelTabs .selected:hover a{color: #fff;} 
/* FILE <wCalendar3_4.css> */#widgetCalendar3_4{margin-top: 10px; width: 177px;} table#widgetCalendarTable3_4{background-color: #f1eff0; width: 177px;} table#widgetCalendarTable3_4 thead{background-color: #b6b4b4; width: 177px;} table#widgetCalendarTable3_4 thead tr th#monthContainer div{color: #fff; font-weight: normal; padding-top: 2px; padding-bottom: 2px; height: 16px;} table#widgetCalendarTable3_4 thead tr th .calendarPrevMonth{padding-top: 2px; padding-bottom: 2px; height: 16px; font-size: 0.9em; color: #f1eff0; margin-top: 3px;} table#widgetCalendarTable3_4 thead tr th .calendarNextMonth{padding-top: 2px; padding-bottom: 2px; height: 16px; font-size: 0.9em; color: #f1eff0;} table#widgetCalendarTable3_4 tbody tr.subhead td{background-color: #f1eff0; text-align: center; font-size: 0.6em; padding-top: 4px;} table#widgetCalendarTable3_4 tbody tr td{font-size: 0.7em;} table#widgetCalendarTable3_4 tbody tr td div.calendarCellSpacer{margin: 2px; padding: 4px 2px; font-size: 0.9em; text-align:center; background-color: #fff;} table#widgetCalendarTable3_4 tbody tr td.diffMonth div.calendarCellSpacer{color: #f1eff0;} table#widgetCalendarTable3_4 tbody tr td.alert,table#widgetCalendarTable3_4 tbody tr td.alert div.calendarCellSpacer, table#widgetCalendarTable3_4 tbody tr td.alert div.calendarCellSpacer div.alert{background-color: #8dc769; color: #fff; cursor: pointer;} table#widgetCalendarTable3_4 tbody tr td.appraisal,table#widgetCalendarTable3_4 tbody tr td.appraisal div.calendarCellSpacer,table#widgetCalendarTable3_4 tbody tr td.appraisal div.calendarCellSpacer div.appraisal{background-color: #f39335; color: #fff; cursor: pointer;} #calendarLegendContainer3_4{} #calendarLegendContainer3_4.calendarLegend{background: 0; border: 1px solid #f1eff0; margin-bottom: 15px;} #calendarLegendContainer3_4.calendarLegend .calendarLegendAppr{background-color: #f39335; border: 1px solid #f39335; float: left; height: 10px; margin: 0 5px 5px 0; width: 10px;} #calendarLegendContainer3_4.calendarLegend .calendarLegendAlert{background-color: #8dc769; border: 1px solid #8dc769; float: left; height: 10px; margin: 0 5px 5px 0; width: 10px;} table#widgetCalendarTable3_4 .calendarPrevMonth{cursor: pointer;} table#widgetCalendarTable3_4 .calendarNextMonth{cursor: pointer;} #widgetCalDatePicker{display: none; position: absolute; top: 500px; left: 28px; width: 155px; z-index: 60; background-color: #fff; border: 1px solid #b7babc; color: #15428b;} #widgetCalDatePicker .pointer{cursor: pointer; text-align: center; padding: 5px 0;} #widgetCalDatePicker .selected{border: 1px solid #445159; background-color: #7c94a3; color: #fff; height: 8px;} 
/* FILE <header_perfpro3_lc.css> */.PerfPro3_LC_Header{width: 100%; height: 91px; display: flex; background-color: #fff; box-shadow: 0px 0px 2px 0px #bbb; position: fixed; top: 0; z-index: 1000;} .PerfPro3_LC_Header .PerfPro3_LC_Logo{width: 235px; text-align: center;} .PerfPro3_LC_Header .PerfPro3_LC_Logo img{max-width: 195px; max-height: 66px; margin-top: 22px; margin-left: 20px; margin-right: 20px;} .PerfPro3_LC_Header .PerfPro3_LC_Main{flex: 1 1 auto; display: flex;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector{flex: 1 1 auto;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search_area{margin-top: 27px; background-color: #f2f2f2; color: #646464; border: 1px solid #c2cad8; height: 52px; padding: 8px 8px 0 8px; width: 369px;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search{float: none; margin-top: 6px; margin-left: 12px; width: 312px; display: inline-block;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search a{min-width: 16px; display: block;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .left-text{margin-left: 57px;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .avatarNotExists .left-text{margin-left: 13px;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search_area.avatarNotExists{width: 325px;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search a.arrow{padding: 4px; padding-top: 7px; float: left; text-align: center; background-color: #f2f2f2; color: #646464; border: 1px solid #c2cad8; border-left: 0; margin-top: 0; height: 17px;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search a.arrow-left{border-left: 1px solid #c2cad8;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search a.selector_name{border-top: 1px solid #c2cad8; border-right: 1px solid #c2cad8; border-bottom: 1px solid #c2cad8;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search a.selector_name .selector_bar{margin: 0; background-color: #fff;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Selector .employee_search a.selector_name .selector_bar .selector_search{margin: -5px -5px 0 0; font-size: 1.35em; background-color: #f2f2f2; padding: 6px; border-left: 1px solid #c2cad8;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Icons{flex: 1 1 auto;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Icons ul{list-style: none; margin-top: 66px;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Icons ul li{width: 32px; float: right; text-align: center; margin-left: 8px; cursor: pointer;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Icons ul li.compeaseLink{margin-top: -23px; margin-right: 16px;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Icons ul li.clearLink{width: 110px; margin-top: -5px;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Icons ul li i{color: #aaa; font-size: 1.7em;} .PerfPro3_LC_Header .PerfPro3_LC_Main .PerfPro3_LC_Main_Icons ul li i.selected{color: #f7656e;} .PerfPro3_LC_Header .PerfPro3_LC_User{width: auto; padding: 16px 0 0 8px; display: flex; max-width: 400px;} .PerfPro3_LC_User_company_title{height: auto !important;  min-height: 14px !important; max-height: 30px !important;} .PerfPro3_LC_Header .PerfPro3_LC_User .visualRole{display: inline; margin-right:10px; width: 100px; font-weight: 300; font-size: 13px; color: #555;} .PerfPro3_LC_Header .PerfPro3_LC_User .PerfPro3_LC_User_Avatar{width: 65px; margin-right: 4px;} .PerfPro3_LC_Header .PerfPro3_LC_User .PerfPro3_LC_User_Content{flex: 1 1 auto;} .PerfPro3_LC_Header .PerfPro3_LC_User .PerfPro3_LC_User_Content > div{margin-bottom: 4px;} .PerfPro3_LC_Header .PerfPro3_LC_User .PerfPro3_LC_User_Employee{font-weight: 300; font-size: 13px; text-align: left; padding-top: 3px;  color: #555;} .PerfPro3_LC_Header .PerfPro3_LC_User .PerfPro3_LC_User_company_title{font-style: italic; font-size: 13px; font-weight: 300; text-align: left; padding-top: 3px; padding-bottom: 3px; height: 14px; color: #555;} .PerfPro3_LC_Header .PerfPro3_LC_User .PerfPro3_LC_User_ClearAlias a{text-decoration: none; color: #000; display: inline-block; border: 1px solid #eee; padding: 4px; cursor: pointer;} #roleSelLC select{border: 0; width: 100%;} #toolbarSupport .fa-caret-up{margin-top: -20px; margin-left: calc(50% - 14px); color: #e6e6e6; font-size: 1.5em;} #PerfPro3_LC_Role_Selector{postion: absolute; background-color: #fff; top: 91px; left: 0; border: 1px solid #e6e6e6; width: 250px; z-index: 250; display: none; line-height: 1.3em;} #PerfPro3_LC_Role_Selector .fa-caret-up{margin-top: -12px; margin-left: calc(75% - 10px); color: #e6e6e6; font-size: 1.5em;} #PerfPro3_LC_Role_Selector .floatRight{width: 20px; float: right; margin-right: 8px; margin-top: 8px; text-align: right; font-weight: bold; color: #aaa;} #PerfPro3_LC_Role_Selector ul{list-style: none; margin: 16px 0 0; padding: 0;} #PerfPro3_LC_Role_Selector ul li{display: block; float: none; width: calc(100% - 16px); padding: 8px; margin: 0; text-align: left; cursor: pointer;} #PerfPro3_LC_Role_Selector ul li:hover{background-color: #e6e6e6; color: #fff;} #PerfPro3_LC_Role_Selector ul li.divider{background-color: #e5e5e5; height: 1px; padding: 0;} #PerfPro3_LC_Role_Selector ul li i{margin-right: 8px;} #PerfPro3_LC_Role_Selector ul li:hover i{color: #fff;} #PerfPro3_LC_Role_Selector ul li i.fa-circle, #PerfPro3_LC_Role_Selector ul li.selected i.fa-check-circle{display: inline-block;} #PerfPro3_LC_Role_Selector ul li i.fa-check-circle, #PerfPro3_LC_Role_Selector ul li.selected i.fa-circle{display: none;} #loadRoleIcon{color: #000; cursor: pointer;} #loadRoleIcon .fa-chevron-left, #loadRoleIcon.selected .fa-chevron-down{display: none;} #loadRoleIcon.selected .fa-chevron-left, #loadRoleIcon .fa-chevron-down{display: inline-block; font-size: 13px; color: #555;} .removeEmptyLink{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;} 
/* FILE <menu_perfpro3_lc.css> */#menu_area_lc{width: 251px; margin-right: 0; height: calc(100vh - 91px); position: fixed;  top: 91px; left: 0; z-index: 1000; overflow-y: scroll;} .PerfPro3_LC_Menu{border-right: 1px solid #a7aaae; position: relative; min-height:100%;} #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar:hover{background-color: #343d46;} #menu_area_lc .PerfPro3_LC_Menu #widgetCalendarTable3_4{width: 100%; background-color: #343d46;} #menu_area_lc .PerfPro3_LC_Menu #widgetCalendarTable3_4 thead tr,  #menu_area_lc .PerfPro3_LC_Menu #widgetCalendarTable3_4 thead tr th, #menu_area_lc .PerfPro3_LC_Menu #widgetCalendarTable3_4 thead tr th .calendarPrevMonth, #menu_area_lc .PerfPro3_LC_Menu #widgetCalendarTable3_4 thead tr th #monthContainerA, #menu_area_lc .PerfPro3_LC_Menu #widgetCalendarTable3_4 thead tr th .calendarNextMonth{background-color: #9dd6d6; color: #39454d; text-align: center;}  #menu_area_lc .PerfPro3_LC_Menu #widgetCalendarTable3_4 thead tr th .calendarNextMonth{padding-top: 5px;} #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #widgetCalendarTable3_4 tbody#calendarTBody tr, #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #widgetCalendarTable3_4 tbody#calendarTBody tr td, #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #widgetCalendarTable3_4 tbody#calendarTBody tr td .calendarCellSpacer{background-color: #343d46; padding: 4px 0; color: #858296;} #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #widgetCalendarTable3_4 tbody#calendarTBody tr td .appraisal{background-color: #f39335; padding: 8px 0;} #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #widgetCalendarTable3_4 tbody#calendarTBody tr td .alert{background-color: #8dc769;} #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #widgetCalendarTable3_4 tbody#calendarTBody tr.subhead, #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #widgetCalendarTable3_4 tbody#calendarTBody tr.subhead td{background-color: #415a62; padding: 4px; color: #749d9a;} #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #calendarLegendContainer3_4.calendarLegend{border: 0; color: #a7aaae; display: flex;} #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #calendarLegendContainer3_4.calendarLegend .fl3{flex: 3;} #menu_area_lc .PerfPro3_LC_Menu #appraisalCalendar #calendarLegendContainer3_4.calendarLegend .fl1{flex: 1;} .PerfPro3_LC_Menu ul{list-style: none; padding: 32px 0 0 0; margin: 0;} .PerfPro3_LC_Menu ul li{cursor: pointer; border-bottom: 1px solid #777777;} .PerfPro3_LC_Menu ul li table tbody tr td .calendarCellSpacer .alert{max-width: 15px; border-radius: 0; text-align: center; margin:0; padding: 5px;} .PerfPro3_LC_Menu ul li ul > li:last-child{border-bottom: 0;} .PerfPro3_LC_Menu ul li i.selectorDown, .PerfPro3_LC_Menu ul li i.selectorLeft, .PerfPro3_LC_Menu ul li i.selector{color: #777777; font-size: 13px; padding-top: 0; margin-top: 1px; position: absolute; left: 215px;} .PerfPro3_LC_Menu ul li i.selectorLeft{display: none; left: 215px; margin-top: 5px;} .PerfPro3_LC_Menu ul li i.selector{display: none; font-size: 1.5em; left: 189px; color: #e6e6e6; margin-top: -1px;} .PerfPro3_LC_Menu ul li.menuBackgroundHighlight > .menuItemContainer:first-child{border-bottom: 1px solid #4d4d4d;} .PerfPro3_LC_Menu ul li.menuBackgroundHighlight i.selectorLeft{display: inline-block;} .PerfPro3_LC_Menu ul li.menuBackgroundHighlight i.selectorDown{display: none;} .PerfPro3_LC_Menu ul li.menuBackgroundSubHighlight i.selector{display: none;} .PerfPro3_LC_Menu ul li.menuBackground i.selector{display: none;} .PerfPro3_LC_Menu ul li.menuBackgroundHighlight i.selector{display: inline-block; position: absolute; left: 228px;} .PerfPro3_LC_Menu ul li a{text-decoration: none;} .PerfPro3_LC_Menu ul li .menuLCIcon{display: inline-block; margin-right: 8px; text-align: center; width: 16px;} .PerfPro3_LC_Menu ul li ul{padding-top: 0; line-height: 1.42857143; border-bottom: 1px solid #5c5c5c;} .PerfPro3_LC_Menu ul li ul li{padding: 8px 15px 8px 34px; cursor: pointer; font-size: 13px; color: #bdbdbd; background-color: #42474d;} .PerfPro3_LC_Menu ul li ul li:hover{color: #fff; background-color: #575757;} .PerfPro3_LC_Menu ul li ul#subMenuLC0000000-9999999 li{padding-left: 12px;} .PerfPro3_LC_Menu .menuBackgroundSub{display: none;} .PerfPro3_LC_Menu .menuBackgroundHighlight .menuBackgroundSub{display: block;} ul#subMenuLC0000000-9999998{list-style: none; margin: 0 0 0 -30px; padding:0; display: block;} .PerfPro3_LC_Menu ul li#menuLC0000000-9999998 i.selectorLeft{display: inline-block;} ul#subMenuLC0000000-9999998 li.toolbarEmpSearch{margin: 0;} ul#subMenuLC0000000-9999998 li.toolbarEmpSearch ul#client_select{border-bottom: 0;} ul#subMenuLC0000000-9999998 li.toolbarEmpSearch ul#client_select li.iconX5{padding: 0; width: 230px;} ul#subMenuLC0000000-9999998 li.toolbarEmpSearch ul#client_select li.iconX5 select.selector{width: 208px; overflow: hidden; margin-right: 3px;} ul#subMenuLC0000000-9999998 li.toolbarEmpSearch ul#client_select li.iconX5 span.empSelectorSearch{} ul.PerfPro3_LC_Tabs{list-style: none; border-bottom: 1px solid #dddddd; color: #555555; width: calc(100% + 11px);} ul.PerfPro3_LC_Tabs li.tab{cursor: pointer; text-align: center; float: left; width: 115px; height: 64px; margin-right: 0; padding: 20px 0 0 0; font-weight: 600; border: 1px solid #dddddd; background-color: #efefef; color: #555555; margin-bottom: -1px; margin-left: 0; font-size: 1.2em; display: table-cell; vertical-align: middle;} ul.PerfPro3_LC_Tabs li.selected{border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #fff; border-top: 4px solid #32aede; background-color: #fff; color: #63bae2; padding-top: 17px;} .PerfPro3_LC_Menu .menuItemContainer{padding: 15px; font-size: 14px; font-weight: 300; line-height: 1.42857143; font-family: Open Sans,sans-serif;} #PerfPro3_LC_Card_Header .PerfPro3_LC_Header_Section{margin-left: 8px; overflow: hidden; width: 70%; white-space: nowrap; text-overflow: ellipsis; height: 20px; font-weight: normal; font-size: 0.85em; line-height: 18px; margin: 0; padding: 0; margin-bottom: 8px;} #PerfPro3_LC_Card_Header #screen_name.PerfPro3_LC_Header_Section{font-size: 18px; font-weight: 600; margin-left: 12px;} li#dev_revision{margin-top: 16px; border: 1px solid #ff0; padding: 4px; line-height: 1.2em; text-align: right;} 
/* FILE <alerts.css> */.alert{padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem;} .alert-heading{color: inherit;} .alert-heading-inline{display: inline; font-weight: bold; font-size: 1.3em; margin: 0 16px 0 0;} .alert-link{font-weight: 700;} .alert-dismissible{padding-right: 4rem;} .alert-extra-padding{padding: 8px; line-height: 1.6em;} .alert-dismissible .close{position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit;} .alert-primary{color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1;} .alert-primary hr{border-top-color: #9fcdff;} .alert-primary .alert-link, .alert-primary a{color: #002752;} .alert-secondary{color: #383d41; background-color: #e2e3e5; border-color: #d6d8db;} .alert-secondary hr{border-top-color: #c8cbcf;} .alert-secondary .alert-link, .alert-secondary a{color: #202326;} .alert-success{color: #468847; background-color: #dff0d8; border-color: #d6e9c6;} .alert-success hr{border-top-color: #b1dfbb;} .alert-success .alert-link, .alert-success a{color: #0b2e13;} .alert-info{color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;} .alert-info hr{border-top-color: #abdde5;} .alert-info .alert-link, .alert-info a{color: #062c33;} .alert-warning{color: #856404; background-color: #fff3cd; border-color: #ffeeba;} .alert-warning hr{border-top-color: #ffe8a1;} .alert-warning .alert-link, .alert-warning a{color: #533f03;} .alert-danger{color: #b94a48; background-color: #f2dede; border-color: #eed3d7;} .alert-danger hr{border-top-color: #f1b0b7;} .alert-danger .alert-link{color: #491217;} .alert-light{color: #818182; background-color: #fefefe; border-color: #fdfdfe;} .alert-light hr{border-top-color: #ececf6;} .alert-light .alert-link{color: #686868;} .alert-dark{color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca;} .alert-dark hr{border-top-color: #b9bbbe;} .alert-dark .alert-link{color: #040505;} 
/* FILE <lingchi_progress_bar.css> */.progress{vertical-align: baseline;} @-webkit-keyframes progress-bar-stripes{from{background-position: 1rem 0;} to{background-position: 0 0;}} @keyframes progress-bar-stripes{from{background-position: 1rem 0;} to{background-position: 0 0;}} .progress{display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem;} .progress-bar{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease;} @media screen and(prefers-reduced-motion: reduce){.progress-bar{transition: none;}} .progress-bar-striped{background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem;} .progress-bar-animated{-webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite;} 
/* FILE <lingchi_goal_tool.css> */.weight_header{border-bottom: 1px solid #dddddd; padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; font-size: 12px; font-weight: bold; color: #383737 !important;} .title_employee_goal_tool{font-weight: bold; font-size: 14px; padding-right: 10px; font-size: 12px; font-weight: bold; color: #383737 !important;} .goal-tools-table{margin-top: 15px;} .goal-tools-table .control{width: 15%;} .goal-tools-table th:first-child, .goal-tools-table td:first-child{width: 40%;} .goal-tools-table .fa-copy{padding-left: 10px;} .goal-tools-table .fa-trash{padding-left: 10px;} .current-vs-future, .individual-vs-business{float: left; margin-left: 20px; border: solid 1px #eeeeee; padding: 10px;} .current-vs-future input, .individual-vs-business input{cursor: pointer;} .current-vs-future label, .individual-vs-business label{cursor: pointer; position: relative; top: -2px;} .green-plus-icon{color: green;} .green-plus-button{color: white;} .save-weight-button{font: 12px !important; margin-left: 10px; font-family: "Open Sans", sans-serif !important;} .save_overall_goal_toal_button:hover{box-shadow: 0 8px 16px 0 #e5e5e5;} .goal_tool_input{width: 40px !important;} .goal_toal_buttons{float: right; background-color: #005a9e; margin: 0px; padding: 5px 16px; font: 12px; color: white; text-decoration: none; font-weight: bold; margin: 2px 0px 2px 5px;} .save_overall_goal_toal_button{float: right; margin: 0px; padding: 5px 16px; font: 12px; text-decoration: none; font-weight: bold; margin: 2px 0px 2px 5px; border: 1px solid #dddddd;} .add_goal_button{margin: 0px; padding: 5px 16px; text-decoration: none; font-weight: bold; margin: 2px 0px 2px 5px; border: 1px solid #22c064; border-radius: .25rem; background:#22c064; font-size: .7em !important;} .bottomPadding4{padding-bottom: 4px !important; padding-top: 4px !important;} .add_goal_button .green-plus-icon{color: #fff;} .listcontrol .add_goal_button{display: inline-block; padding-top: 8px;} .addGoal-button{font-size: 12px; margin-left: 10px; font-family: Open Sans,sans-serif;} .goal_tool_collapser{float: right; width: 100%;} .goal_tool_collapser .f1{text-align: right;} div.listcontrol, div.listcontrol div.inner{width: 100%;} .listcontrol.goal_tool_collapser{width: 100%; float: none;} .listcontrol .goal_tool_collapser span.assign-list-title{font-weight: bold; text-align: left;} .listcontrol.goal_tool_collapser div.f4{font-weight: 600; font-size: 1.2em;} .listcontrol.goal_tool_collapser span{display: inline-block; text-align: right; width: 100%;} #action_step_list{margin-top: 20px; border-top: 1px solid #dddddd; padding-top: 10px} #thead_action_step_list{border-bottom: 1px solid #dddddd; line-height:30px} #goal_note_list{margin-top: 20px; border-top: 1px solid #dddddd; padding-top: 10px} #thead_goal_note_list{border-bottom: 1px solid #dddddd; line-height:30px} .notes_goal_tool{margin-top: 30px !important;} .action_step_tool{} .fa-edit{color: #777777;} .fa-trash{color: #777777;} .fa-copy{color: #777777;} .print_tool_bar{margin-bottom: 30px; background-color:#005a9e; height: 40px;} .print_bar_text{width: 310px; float: left; color: white; padding-top: 10px; padding-left: 5px;} .print_bar_form{float: right; width: 400px; padding-top: 7px;} #print_form a.button{width: 10px !important;} .welcome_message_textArea .tallener{width: calc(100% + 14px) !important} .goal_tool .tallener{display: none;} #LevelConfigGoalLevels .goal_tool .tallener{display: block; width: 101.8%;} .bottom_padding h2{color: #898a8b !important; border-bottom: 1px solid #eeeaea;} .action-steps-title{font-weight: bolder;} .goalToolScreenHeader{background-color: rgba(0, 0, 0, 0.05); height: 25px; padding: 10px; margin-top:30px;} .goalLibraryHeader{font-size:15px;} #factorAdd textarea#description{margin-bottom:10px;} .notes_goal_tool table#goal_note_list tbody tr td:nth-child(4), .notes_goal_tool table#goal_note_list tbody tr td:nth-child(5){text-align: center;} #assign_list i.individual-goal, #assign_list i.business-goal, #assign_list i.current-goal, #assign_list i.future-goal{color: #1e8bbb;} 
/* FILE <lingchi_admin.css> */.storge_folder_title{margin: 0px 3px 5px 0px; font-size: 12px; font-weight: bold; padding-right: 5px;} #StorageFolderTable{margin-top: 15px;} .storage_actions{padding: 10px;} .checkbox_space{width: 20px;} .actions_padding{padding: 6px 6px 4px 6px; color: #777777;} .upload_area{width: 350px; margin-left: 360px;} #StorageFolders{margin-top: 27px;} .icon_column{text-align: right;} .fa-trash{} .deleter{top: 5px !important; position: relative;} #storage_file{border: 0; margin-top: 20px} #upload_submit{margin-top: 28px;} #deleteSelected{background-color: #205fa0; color: #fff; border: 1 solid #205fa0;} .delete_button{float: right; margin: 0px; padding: 5px 16px; font: 12px; text-decoration: none; font-weight: bold; margin: 2px 0px 2px 5px; border: 1px solid #dddddd;} .delete_button li{padding-top: 3px;} .welcome_message_textArea{width: 950px;} .licensing_header{border-bottom: 0px !important;} .force_password_change_checkbox{height: 11px !important; margin-top: 10px;} .align_checkbox{height: 11px !important;} .defaultPreferences .fas{margin: 8px 8px 8px -19px; color: #8e8e8e;} .roundContent h1{font-weight: bold !important;} #notBold{font-weight: normal !important;} 
/* FILE <lingchi_button.css> */a.button, a.goal_toal_buttons, a.save_overall_goal_toal_button,a.floating_button{font-weight: normal !important; padding-top: 6px; padding-bottom: 6px;} a.button:hover, a.goal_toal_buttons:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);} a.button.disabled{background-color: #f1eff0 !important; color: #000; cursor: initial;} a.button.disabled:hover{box-shadow: none;} .text-color-white{color: #fff !important;} div.divGenerateApp a.statusRightButton{float: right; margin-left: 10px; text-decoration: none !important; display: inline-block !important; width: auto; height: 13px; padding: 8px; font-weight: bold; cursor: pointer; text-align: center; text-decoration: none; color: white; background-color: #25629e;} div.FormContainer #print_form a.button{width: auto !important; text-align: center;}
/* FILE <Engage.css> */#EngageSection{position: fixed; float: right; width:auto; max-height: 520; overflow-y: auto; bottom: 65px; right: 20px; z-index: 9999;} #EngageSectionButton{width: 60px;} .engage-wrapper{position:relative; padding:30px; font-family:'Montserrat', sans-serif; font-weight:400;} .engage-icon{width:50px; height:50px; text-align:center; background:#1FA3E1; border:2px solid #ffffff; border-radius:55px; position:relative; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75); margin-top: 5px; float: right; cursor: pointer; padding:0px; margin-right: -27px; margin-bottom: 2px;} .engage-icon img{width:24px; height:24px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .intercom-launcher-frame{bottom : 2px !important;} .chat-container{background:#F9F7F8; width:380px; height:485px; overflow:hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius:4px;} .chat-header{background:#CED4E0; -webkit-border-radius: 4px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; height:80px; -webkit-box-shadow: 0px 0px 5px 0px rgba(208,212,221,1); -moz-box-shadow: 0px 0px 5px 0px rgba(208,212,221,1); box-shadow: 0px 0px 5px 0px rgba(208,212,221,1); position:relative;} .chat-header.logo-head{height:122px;} .single-conversation{font-size:14px; text-align:center; color:#464F5E; padding:17px 0px;} .single-conversation p.engage-logo{padding:0; margin:0 0 10px 0;  font-weight:600; position:relative;} .chat-content{margin:0 10px; width:auto; height:calc(485px - 80px); overflow:auto;} .chat-content.logo-content{height:calc(485px - 172px);} .chat-add-new-conversation{height:20px; text-align:center; background:#1FA3E1; border-radius:65px; position:relative; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75); cursor: pointer; margin : 2px 100px 0px 100px; padding : 10px; font-size:13px; color: #FFFFFF; font-family:'Montserrat', sans-serif; font-weight:400;} .chat-block{width:auto; background:#ffffff; padding:20px; position:relative; overflow:hidden;} .chat-block .user-icon{width:35px; height:35px; float:left; margin-right:15px; position: relative; margin-top: 5px;} .chat-block .content{width:calc(100% - 50px); float:left; font-size:13px; color:#B3B4B6; cursor: pointer;} .chat-block .content p.head{color:#5499B6; margin-top:2px; position:relative; margin-bottom: 2px;} .chat-block .content p.head span.when{position:absolute; top:0; right:0; color:#B3B4B6;} .black-text{color:#000000!important;} .gray-text{color: #464F5E !important;} .borderB{border-bottom:1px solid #F4F4F4;} .img-responsive{width:100%; display:block; height:auto;} .canvasImg{background-image: url('/images/engage/chat-icon.png'); background-repeat: no-repeat; z-index: 2147483000; float: right; width: 60px; height: 60px; border-radius: 50%; animation: 250ms ease 0s 1 normal none running animation-bhegco; transition: opacity 0.3s ease 0s; background-size: 80% 80%; background-position-x: center; background-position-y: center; cursor: pointer;} .morecontent span{display: none;} .morelink{display: block;} .morelink{display: inline; text-decoration: none;} .user-one{width: 23px; position: absolute; left: -5px; bottom:0; z-index:2; border:2px solid #ffffff; border-radius:30px;} .user-two{width: 23px; position: absolute; left:50%; top:-5px; transform:translate(-50%,0); z-index:1; border:2px solid #ffffff; border-radius:30px;} .user-three{width: 23px; position: absolute; right: -5px; bottom:0; border:2px solid #ffffff; border-radius:30px;} .chat-header.logo-head.engagePanel{height:150px;} .single-conversation p.head{padding:0; margin:0 0 10px 0;  font-weight:600; position:relative;} .engage-user{max-width:75%; overflow:hidden; margin:0 auto 15px;} .user-list{width:33.33%; float:left; background: none; padding: 0px; cursor:pointer;} .user-list div{display:block; margin:0 7px; font-size:13px; text-align: center;} .user-list .img-responsive{margin-left: 60%;} .back-arrow{position:absolute; top:2px; left:50px; cursor: pointer;} .user-icon-O2O-header{width:60px; height:60px; float:left; margin-left:65px; position: relative; margin-top: 14px;} .user-icon-O2O-header-div{width:calc(380px - 130px); text-align: left; height:60px; float:right; position: relative; margin-top: 25px;} .back-arrow-margin{top : 40px; position:absolute; left:50px; cursor: pointer;} .chat-search-area{width : auto; background : #ffffff; padding : 10px 20px; position : relative; overflow : hidden;} .chat-search-area input{padding : 10px 0; border : 0 none; width : 100%;} .chat-footer{background:#ffffff; height:50px; overflow:hidden; position:relative;} .chat-footer .emot-icon, .chat-footer .attachment-icon{position:absolute; width:18px; height:18px; top:15px;} .chat-footer .emot-icon{right:45px;} .chat-footer .attachment-icon{right:15px;} .chat-footer input{padding:10px 75px 10px 18px; border:0 none; width:100%; box-sizing:border-box; line-height:20px; color:#464F5E;} .chat-content-list{width:auto; height:calc(485px - 210px); overflow:auto; position:relative;} .chat-home{top : 2px; position:absolute; left:20px; cursor: pointer; width : 15px; height: 15px;} .chat-home-margin{top : 40px; position:absolute; left:20px; cursor: pointer; width : 15px; height: 15px;} .user-icon-O2M-header{width:50px; float:left; margin-left:65px; position: absolute; top: 33px;  left: 2px;} .user-icon-O2M-header-div{width:calc(380px - 140px); text-align: left; float:right; position: absolute; font-weight: initial; top : 48px; left : 140px;} .user-one-gp{width: 23px; position: absolute; z-index:2; border:2px solid #ffffff; border-radius:30px;} .user-two-gp{width: 23px; position: absolute; left:75%; transform:translate(-75%,0); z-index:1; border:2px solid #ffffff; border-radius:30px;} .user-one-gp-left{width: 23px; position: absolute; z-index:2; border:2px solid #ffffff; border-radius:30px; left:-5px;} .user-two-gp-right{width: 23px; position: absolute; right:-25px; transform:translate(-75%,0); z-index:1; border:2px solid #ffffff; border-radius:30px;} .user-icon-O2O-header-div-GC{width:calc(380px - 140px); text-align: left; float:right; left: 140px; position: absolute; top : 35px;} .img-responsive1{width:30px; display:block; height:auto;} .chat_other{clear : both; border : 1px solid #005E9A; background : #005E9A; color : #ffffff; display : inline-block; padding : 10px; margin : 5px 0 0 40px; border-radius : 5px; float: left;} .chat_self{clear : both; border : 1px solid #EFF3F6; background : #EFF3F6; color : #6D787F; text-align : right; float : right; display : inline-block; padding : 10px; border-radius : 5px;} .chat_other p img{position : absolute; left : 0px;} .smiley-div{position : absolute; top : 470px; background : #FFF; left: 31px; width: 315px; height: 44px; overflow-y: auto;} .chat-smiley-icon-image{width : 25px; height : 25px; padding : 2px; cursor: pointer;} .unreadMessages{position: absolute; top : 0px; right : 0px; padding : 5px 10px; border-radius : 50%; background : red; color : white; font-weight: bold;} #dragMessage{position: fixed; z-index: 10000;} div.user-icon .nomargin{margin: 0px !important;} div.center-align-content{display : inline-block; float: unset !important;} div.center-align-content-parent{text-align: center;} .EmailAlerts tbody tr td:nth-child(5){word-break: break-word;} .intercom-lightweight-app-launcher{bottom: 1px !important;}