/***********************************************/
/* overriding                                  */
/***********************************************/
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #222; background-color: #fff; margin: 0px; text-align: left; width: 1440px; margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 2px 5px; }
a { color: #222; text-decoration: none; }
input[type="submit"] { width: 82px; height: 24px; background-color: transparent; background-image: url(/Image/btn_bg.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; }
input[type="file"] { position: relative; opacity: 0; z-index: 2; }
input[type="text"], input[type="password"] { width: 100%; border: 1px solid lightgray; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; width: 100%; padding: 0; border: 1px solid lightgray; resize: none; }
img { border: 0; }
/***********************************************/
/* generic class                               */
/***********************************************/
.fakebutton { width: 82px; height: 24px; background-color: transparent; background-image: url(/Image/btn_bg.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 1; padding-top: 5px; text-align: center; }
.defaultbutton { display: inline-block; width: 82px; height: 24px; background-color: transparent; background-image: url(/Image/btn_bg.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; text-align: center; padding-top: 5px; }
.watermark { color: Gray; }
.error { color: Red; font-size: 24px; vertical-align: middle; padding: 0; margin: 0; }
.errortext { color: Red; padding: 0; margin: 0; }
.tableheader { background-color: #CCC; }
.addbutton, .editbutton, .deletebutton, .savebutton, .cancelbutton { display: inline-block; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.addbutton { background-image: url(/image/btn_add.png); }
.editbutton { background-image: url(/image/btn_edit.png); }
.deletebutton { background-image: url(/image/btn_del.png); }
.savebutton { background-image: url(/image/btn_save.png); }
.cancelbutton { background-image: url(/image/btn_close.png); }
.menuitem { float: left; height: 45px; text-align: center; vertical-align: baseline; margin-left: 10px; margin-right: 10px; }
.mandateStatusButton { margin: 2px; padding: 2px; border: 1px Solid LightGray; cursor: pointer; display: inline-block; }
.pagerButton { text-decoration: underline; }
a.aspNetDisabled { color: Gray; text-decoration: none; }
.performanceBar { display: inline-block; width: 88px; height: 18px; border: 1px Solid LightGray; margin-top: 5px; margin-right: 5px; }
.checkBoxList td { padding: 0 4px; }
/***********************************************/
/* specific                                    */
/***********************************************/
.importantDatesDate { width: 100px; }
.importantDatesInterview { width: 250px; }
.importantDatesSignContract { width: 250px; }
.importantDatesOnBoard { width: 250px; }
.importantDatesExpiry { width: 250px; }
.mandateListCompany { width: 290px; padding: 2px 0; }
.mandateListMandate { width: 250px; padding: 0; }
.mandateListRemarks { display: none; position: absolute; background-color: White; border: 1px Solid Gray; width: 450px; padding: 5px; left: 400px; z-index: 100; }
.mandateListMandate:hover .mandateListRemarks { display: block; }
.mandateListSalary { width: 100px; padding: 0; }
.mandateListCode { width: 50px; padding: 0; }
.mandateListLastNote { width: 330px; padding: 0; }
.mandateListAttachment { width: 90px; padding: 0; }
.mandateListLastUpdate { width: 80px; padding: 0; }
.mandateListOwner { width: 50px; padding: 0; }
.mandateListJobCode { width: 80px; padding: 0; }
.mandateListButtons { width: 50px; padding: 0; }
.candidateSearchAdvance { color: green; font-style: italic; vertical-align: top; }
.clientMiddleColumnWidth { width: 890px; }
.clientContactListDate { width: 70px; }
.clientContactListName { width: 140px; }
.clientContactListTitle { width: 220px; }
.clientContactListTelephone { width: 140px; }
.clientContactListEmail { width: 180px; }
.clientContactListButtons { width: 60px; }
.clientNoteListDate { width: 70px; }
.clientNoteListContent { width: 710px; }
.clientNoteListButtons { width: 60px; }
.clientInvoiceListInvoice { width: 150px; }
.clientInvoiceListJobCode { width: 70px; }
.clientInvoiceListButtons { width: 20px; padding: 0; }
.clientMandateListDate { width: 70px; }
.clientMandateListName { width: 170px; }
.dataEntryWorkingExperienceListEmployer { width: 170px; }
.dataEntryWorkingExperienceListJobDescription { display: none; position: absolute; background-color: White; border: 1px Solid Gray; width: 450px; padding: 5px; left: 370px; z-index: 100; }
.dataEntryWorkingExperienceListTitle { width: 170px; }
.dataEntryWorkingExperienceListTitle:hover .dataEntryWorkingExperienceListJobDescription { display: block; }
.dataEntryWorkingExperienceListFrom { width: 60px; }
.dataEntryWorkingExperienceListTo { width: 60px; }
.dataEntryWorkingExperienceListButtons { width: 50px; padding: 0; }
/***********************************************/
/* for datetime picker                         */
/***********************************************/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }