body
{
    background: #0099CC;
    font-family: Arial, Helvetica, sans-serif;
    min-width: 770px;
    margin: 0;
    font-size: 12px;
}
.body-bg
{
    background: #808080;
}
.background
{
    background-color: #0099CC;
}
#page
{
    width: 95%;
    min-width: 740px;
    margin: 0 auto;
    padding: 106px 0 0;
}
img
{
    border: 0;
}
a, 
a:visited
{
    color: #0066D4;
}
a:hover
{
    color: #55A6FF;
}
a.disabled
{
    color: #808080 !important;
}
.pointer
{
    cursor: pointer;
}
/*------------------------------ HEADER ------------------------------*/
#header
{
    width: 100%;
    min-width: 770px;
    border-bottom: 5px solid #c3c3c3;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 98;
}
#header .background
{
    height: 100px;
    border-bottom: 1px solid #b6051c;
}
/** Logo **/
#logo
{
    font-family: 'Arial Black';
    font-size: 28px;
    font-weight: normal;
    /*line-height: 80px;*/
    width: 95%;
    min-width: 740px;
    margin: 0 auto;
    height: 80px;
    overflow: hidden;
}
#logo a
{
    color: #fff;
    text-decoration: none; /** text-transform: uppercase; **/
}
#logo img
{
    margin-top: 15px;
}
/** Language Bar **/
#lang-switcher
{
    width: 93%; 
    position: relative; 
    margin: 0 auto; 
    text-align: right; 
    line-height: 15px; 
    margin-bottom: 5px; 
    margin-top: -20px;
}
#lang-switcher a,
#lang-switcher a:visited
{
    color: #000000;
}
#lang-switcher a:hover
{
    /*color: #484848;*/
    text-decoration: underline;
    cursor: pointer;
}
#lang-switcher .selectedLang
{
    /*text-decoration: underline;*/
}
#clockinout-page #lang-switcher
{
    width: 100%;
    position: inherit;
    margin: inherit;
    text-align: center;
    line-height: normal;
    margin-bottom: inherit;
    margin-top: inherit;
    font-size: 18px;
    color: #ffff80;
}
#clockinout-page #lang-switcher a,
#clockinout-page #lang-switcher a:visited
{
    color: #ffff80;
}
/** Navigation **/
#navigation
{
    background: url(../image/bg-navigation.png);
    height: 47px;
    border: 1px solid #F2CC3D;
    width: 95%;
    min-width: 740px;
    margin: 0 auto;
    position: relative;
    top: 0;
}
#navigation ul
{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0px 10px;
    margin-top: 0px;
}
#navigation li
{
    float: left;
}
#navigation li a
{
    color: #636974;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 46px;
    height: 47px;
    width: 120px;
    border-color: transparent;
    border-style: none solid;
    border-width: 1px;
    text-align: center;
    text-decoration: none; /* text-transform: uppercase; */
    cursor: pointer;
}
#navigation li a:hover, #navigation li.selected a
{
    background-color: #bebcbc;
    color: #2e3a54;
    border-color: #afafaf;
}
#navigation li:hover ul
{
    display: block;
}
#navigation li ul
{
    display: none;
    position: absolute;
    margin-left: -10px;
    margin-top: 0px;
    z-index: 99;
}
#navigation li ul li
{
    float: left;
    clear: left;
    background: url(../image/bg-navigation.png);
    border: 1px solid #F2CC3D;
    border-top: none;
    width: 100%;
}
#navigation li ul li:first-child
{
    border-top: 1px solid #F2CC3D;
}
#navigation li ul li a
{
    width: auto;
    text-align: left;
    padding: 0 20px;
}
#navigation .mnuSelfServices
{
    width: 220px;
}
#navigation .mnuDownloads
{
    width: 200px;
}
#navigation .mnuRoster
{
    width: 230px;
}
#navigation .mnuSettings
{
    width: 230px;
}
/* Date Picker */
.ui-datepicker SELECT.ui-datepicker-year,
.ui-datepicker SELECT.ui-datepicker-month
{
    width: 40%;
}
/*------------------------------ CONTENTS ------------------------------*/
#contents
{
    font-size: 12px;
    background: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    display: inline-block;
    width: 100%;
    margin-left: -1px;
    margin-bottom: 30px;
    padding: 10px 0 0;
    -webkit-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-bottomright: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}
/*
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6
{
    color: #2e3a54;
    font-family: "Arial Black";
    font-size: 36px;
    font-weight: normal;
    margin: 0 0 18px;
}
#contents h2
{
    font-size: 24px;
    line-height: 24px;
}
#contents h3
{
    font-size: 20px;
    line-height: 20px;
}
#contents h4
{
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px;
}
#contents h5
{
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}
#contents h5 a
{
    color: #940315;
    text-decoration: none;
}
#contents h6
{
    font-size: 12px;
    line-height: 24px;
}
*/
#contents p
{
    color: #636974;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 24px;
}
#contents p a
{
    color: #636974;
}
#contents p a:hover
{
    color: #721f29;
}
#contents h5 a:hover
{
    text-decoration: underline;
}
#contents > div:first-child
{
    padding: 24px 10px 0 10px;
    margin-bottom: 20px;
    overflow: auto;
}
.branchlist
{
    max-height: 100px;
    line-height: 22px;
    width: 300px;
    overflow: auto;
    /*border: 1px solid black;*/
}
.msg
{
    color: #CC0000;
    margin-bottom: 20px;
}
.infobar
{
    color: #000099;
    margin-bottom: 30px;
    font-size: 12px;
    width: 100%;
}
.infobar .coinfo
{
    float: left;
    margin-right: 50px;
}
.infobar .eeinfo
{
    float: left;
}
.infobar .systemdate
{
    float: left;
    margin-right: 50px;
}
.menudesc
{
    color: #2e3a54;
    font-family: "Arial Black";
    font-weight: normal;
    margin: 0 0 18px;
    font-size: 20px;
    line-height: 20px;
}
.center
{
    text-align: center;
}
.ui-tooltip-content
{
    font-size: 11px;
}
.clear
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

/** Form **/
.stdform,
.stdform label,
.stdform input,
.stdform select,
.stdform textarea,
.stdform a
{
    font-size: 12px;
    vertical-align: middle;
}
.stdform label
{
    float: left;
    color: #000;
    line-height: 30px;
    width: 110px;
    margin-right: 10px;
    text-align: left;
}
.stdform input[type='radio']
{
    float: left;
    height: 24px;
}
.stdform input[type='text'], 
.stdform input[type='password']
{
    color: #000;
    height: 25px;
    line-height: 25px;
    width: 240px;
    border: 1px solid #d7d7d7;
    margin: 0 0 11px;
    padding: 0 4px;
}
.stdform input[type='file']
{
    color: #000;
    height: 25px;
    line-height: 25px;
    width: 240px;
    margin: 0 0 11px;
    padding: 0 4px;
}
.stdform select
{
    color: #000;
    height: 25px;
    width: 240px;
    border: 1px solid #d7d7d7;
    margin: 0 0 11px;
    padding: 0 4px;
}
.stdform textarea
{
    color: #000;
    height: 95px;
    line-height: 24px;
    width: 342px;
    border: 1px solid #d7d7d7;
    margin: 0 0 4px;
    padding: 0 4px;
    overflow: auto;
    resize: none;
}
.stdform .buttongroup
{
    margin-left: 120px;
}
.stdform .radiogroup
{
    float: none;
    height: 35px;
}
.stdform .radiogroup label
{
    float: none;
    width: auto !important; 
    text-align: left;
}
.stdform .radiogroup input[type='radio']
{
    float: none;
}
.stdform .branchlist
{
    margin-top: 6px;
}

/** Label Size **/
.stdform.label-small label,
.stdform label.label-small
{
    width: 80px;
}
.stdform.label-small .buttongroup,
.stdform .buttongroup.label-small
{
    margin-left: 90px;
}
.stdform.label-large label,
.stdform label.label-large
{
    width: 200px;
}
.stdform.label-large .buttongroup,
.stdform .buttongroup.label-large
{
    margin-left: 210px;
}
.stdform.label-xlarge label,
.stdform label.label-xlarge
{
    width: 260px;
}
.stdform.label-xlarge .buttongroup,
.stdform .buttongroup.label-xlarge
{
    margin-left: 270px;
}
/** Button **/
.stdform input[type='submit'], 
.stdform input[type='button']
{
    font-size: 12px;
    line-height: 0px;
    border-style: solid;
    border-width: 1px;
    background: url(../image/bg-navigation.png);
    height: 33px;
    padding: 10px 16px;
    color: #838996;
    font-weight: bold;
}
.stdform input[type='submit']:hover, 
.stdform input[type='button']:hover
{
    color: #2e3a54;
}
.stdform input[type='submit'][disabled=disabled], 
.stdform input[type='button'][disabled=disabled], 
.stdform input[type='submit']:disabled, 
.stdform input[type='button']:disabled
{
    background-image: none;
    background-color: #EFEFEF;
    color: #C0C0C0;
}
/** Button Size **/
.stdform.button-small input[type='submit'], 
.stdform.button-small input[type='button'],
.stdform .button-small input[type='submit'], 
.stdform .button-small input[type='button'],
.stdform input[type='submit'].button-small, 
.stdform input[type='button'].button-small
{
    font-size: 12px;
    height: 28px;
    padding: 8px 14px;
}
.stdform.button-large input[type='submit'], 
.stdform.button-large input[type='button'],
.stdform .button-large input[type='submit'], 
.stdform .button-large input[type='button'],
.stdform input[type='submit'].button-large, 
.stdform input[type='button'].button-large
{
    font-size: 14px;
    height: 38px;
    padding: 12px 18px;
}
/** Textbox Size **/
.stdform.text-small input[type='text'],
.stdform.text-small input[type='password'],
.stdform.text-small select,
.stdform .text-small input[type='text'],
.stdform .text-small input[type='password'],
.stdform .text-small select,
.stdform input[type='text'].text-small,
.stdform input[type='password'].text-small,
.stdform select.text-small
{
    width: 100px;
}
.stdform.text-large input[type='text'],
.stdform.text-large input[type='password'],
.stdform.text-large select,
.stdform .text-large input[type='text'],
.stdform .text-large input[type='password'],
.stdform .text-large select,
.stdform input[type='text'].text-large,
.stdform input[type='password'].text-large,
.stdform select.text-large
{
    width: 440px;
}
.stdform.text-xlarge input[type='text'],
.stdform.text-xlarge input[type='password'],
.stdform.text-xlarge select,
.stdform .text-xlarge input[type='text'],
.stdform .text-xlarge input[type='password'],
.stdform .text-xlarge select,
.stdform input[type='text'].text-xlarge,
.stdform input[type='password'].text-xlarge,
.stdform select.text-xlarge
{
    width: 600px;
}
/** Table **/
.stdtable
{
    border-spacing: 0;
    border-collapse: collapse;
    border: solid 1px #d6dceb;
}
.stdtable th,
.stdtable td
{
    padding: 4px;
    padding-right: 20px;
    /*border: solid 1px #d6dceb;*/
}
.stdtable th
{
    background-color: #A4D1FF;
}
.stdtable .even td
{
    background-color: #FFFFFF;
}
.stdtable .odd td
{
    background-color: #E8F3FF;
}
/** jQuery Error Msg **/
.stdform label.error
{
    float: none;
    color: #CC0000;
    margin-left: 5px;
}
/** jQuery UI Autocomplete **/
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 300px;
}
/** Login **/

/** Event Enquiry **/


/** User Role Maintenance **/
#page-userrole #userrole-add,
#page-userrole #userrole-change
{
    display: none;
}
#page-userrole ul label
{
    float: none;
    line-height: 0px;
}
#page-userrole ul
{
    margin-left: 0px;
    list-style-type: none;
    padding: 0px;
}
#page-userrole ul ul
{
    list-style-type: disc;
    margin-left: 23px;
}
/** Branch Master **/
#page-branchmaster
{
}
/** User Branch Access Right **/
#page-userbranchaccessright
{
}
/** Roster **/
#page-roster
{
}
#branchcodeErr .error,
#rosterDateErr .error
{
    color: Red;
}
#roster-search
{
}
#roster-search .label,
#roster-search .field
{
    min-height: 30px;
    line-height: 30px;
}
#roster-search .label
{
    clear: left;
    float: left;
    font-weight: bold;
    width: 100px;
}

#roster-search .branchlist
{
}

#roster-entry table,
.specialDutyTableFrame table
{
    font-size: 10px;
    border-spacing: 0;
    border-collapse: collapse;
    width: 710px;
}
.specialDutyTableFrame input
{
    font-family: Arial, Helvetica, sans-serif;
}
#roster-entry.roster-entry_Loreal table,
.specialDutyTableFrame table
{
    width: 1010px;
}
#roster-entry table.rosterSummary
{
    margin-top: 20px;
}
#roster-entry table.rosterSummary_Loreal
{
    margin-top: 20px;
    width: 750px;
}
#roster-entry table.rosterTable
{
    margin-top: 2px;
}
#roster-entry table.rosterTable_Loreal
{
    margin-top: 2px;
    width: 2000px;
}
#roster-entry table.specialDutyTable,
.specialDutyTableFrame table.specialDutyTable
{
    margin-top: 2px;
}
#roster-entry table,
#roster-entry th,
#roster-entry td,
.specialDutyTableFrame table,
.specialDutyTableFrame th,
.specialDutyTableFrame td
{
    border: 1px solid black;
}
#roster-entry.roster-entry_Loreal table,
#roster-entry.roster-entry_Loreal th,
#roster-entry.roster-entry_Loreal td,
.specialDutyTableFrame table,
.specialDutyTableFrame th,
.specialDutyTableFrame td
{
    border: none;
}
#roster-entry .rosterTable_Loreal td.rowDutyCode
{
    border-top: 1px solid black;
}
#roster-entry .rosterTable_Loreal td.rowDutyCode.colDailyRoster,
#roster-entry .rosterTable_Loreal td.rowDutyIn.colDailyRoster,
#roster-entry .rosterTable_Loreal td.rowDutyOut.colDailyRoster,
#roster-entry .rosterTable_Loreal td.rowScheduledHours.colDailyRoster,
#roster-entry .rosterTable_Loreal td.rowActualHours.colDailyRoster,
#roster-entry .rosterTable_Loreal td.rowSpecialDuty.colDailyRoster,
#roster-entry .rosterTable_Loreal td.rowSpecialDutyAdd.colDailyRoster,
#roster-entry .rosterTable_Loreal td.rowDutyNumber.colDailyRoster
{
    border-left: 1px solid #cccccc;
}
#roster-entry .rosterTable_Loreal td.rowDutyCode.colTotal
{
    border-top: none;
}
#roster-entry .rosterTable_Loreal td.rowDutyCode.colFieldName,
#roster-entry .rosterTable_Loreal td.rowDutyIn.colFieldName,
#roster-entry .rosterTable_Loreal td.rowDutyOut.colFieldName,
#roster-entry .rosterTable_Loreal td.rowScheduledHours.colFieldName,
#roster-entry .rosterTable_Loreal td.rowActualHours.colFieldName,
#roster-entry .rosterTable_Loreal td.rowSpecialDuty.colFieldName,
#roster-entry .rosterTable_Loreal td.rowSpecialDutyAdd.colFieldName,
#roster-entry .rosterTable_Loreal td.rowDutyNumber.colFieldName
{
    border-left: 1px solid black;
}
#roster-entry .rosterTable_Loreal td.rowDutyCode.colRosterEnd,
#roster-entry .rosterTable_Loreal td.rowDutyIn.colRosterEnd,
#roster-entry .rosterTable_Loreal td.rowDutyOut.colRosterEnd,
#roster-entry .rosterTable_Loreal td.rowScheduledHours.colRosterEnd,
#roster-entry .rosterTable_Loreal td.rowActualHours.colRosterEnd,
#roster-entry .rosterTable_Loreal td.rowSpecialDuty.colRosterEnd,
#roster-entry .rosterTable_Loreal td.rowSpecialDutyAdd.colRosterEnd,
#roster-entry .rosterTable_Loreal td.rowDutyNumber.colRosterEnd
{
    border-right: 1px solid black;
}
#roster-entry .rosterTable_Loreal .panelShiftCode tr:first-child td.rowShiftCode
{
    border-top: 1px solid black;
}
#roster-entry .rosterTable_Loreal .panelShiftCode tr:first-child td.rowShiftCode.colTotal
{
    border-top: none;
}
#roster-entry .rosterTable_Loreal tr.rowShiftCode,
#roster-entry .rosterTable_Loreal .colShiftCode,
#roster-entry .rosterTable_Loreal .colLeaveCode,
#roster-entry .rosterTable_Loreal .colLeaveBalance
{
    display: none;
}
#roster-entry th,
.specialDutyTableFrame th
{
}
#roster-entry td,
.specialDutyTableFrame td
{
    text-align: center;
}
#roster-entry table input[type=text],
.specialDutyTableFrame table input[type=text]
{
    width: 38px;
    text-align: center;
    border: none;
    font-size: 10px;
}
#roster-entry table input[type=button],
.specialDutyTableFrame table input[type=button]
{
    font-size: 10px;
}
#roster-entry table select,
.specialDutyTableFrame table select
{
    text-align: center;
    border: none;
    font-size: 10px;
}
#roster-entry .colFieldName
{
    text-align: left;
    font-weight: bold;
}
#roster-entry .cellData
{
    padding: 0px;
}
#roster-entry .cellInvisible
{
    background-color: Gray;
}
#roster-entry .cellInvalid
{
    background-color: Red !important; 
}
#roster-entry .pendingLeave
{
    background-color: Yellow;
}
#roster-entry .rosterTable_Loreal .isSpecialDuty
{
    background-color: #bce27a;
}
#roster-entry .rosterTable_Loreal .approvedLeave_Other
{
    background-color: #ff7a00;
}
#roster-entry .rosterTable_Loreal .approvedLeave_AL
{
    background-color: Yellow;
}
#roster-entry .rosterTable_Loreal .approvedLeave_SL
{
    background-color: #ffca99;
}
#roster-entry .rosterTable_Loreal .multiEvent
{
    background-color: #d36bef;
}
#roster-entry .isPastDay,
#roster-entry .isPastDay input
{
    color: Gray;
}

#roster-entry .isSpecialDuty
{
    background-color: #009933;
}

#roster-entry .isSecBranchDuty
{
    background-color: #ff0000;
}

#roster-entry .isLeave,
#roster-entry .isLeave input
{
    background-color: #ffff00;
}

#roster-entry .rosterTable_Loreal .isInclementWeather
{
    color: #ffc64c !important;
}
#roster-entry .rosterTable_Loreal .isHoliday
{
    color: Red;
}
#roster-entry .rowEEHeader
{
    border-top: 3px double black;
    padding: 2px;
}
#roster-entry .rowEEHeader .eename
{
    font-size: 11px;
    float: left;
}
#roster-entry .rowEEHeader .eename .reach418
{
    color: red;
}
#roster-entry .rowDutyCode .notEnoughRestDay,
#roster-entry .rowDutyCode .overMaxWorkDay
{
    color: red;
}
#roster-entry .rowEEHeader .collapse
{
    float: right;
}
#roster-entry .rowEEHeader .eedata-pt,
#roster-entry .rowEEHeader .eedata-ft
{
    float: left;
    clear: both;
    width: 100%;
}
#roster-entry .rowEEHeader .label,
#roster-entry .rowEEHeader .field
{
    float: left;
}
#roster-entry .rowEEHeader .label
{
    font-weight: bold;
}
#roster-entry .rowEEHeader .field
{
    margin-left: 5px;
    margin-right: 20px;
    font-weight: normal;
}
#roster-entry .rowEEHeader .eedata-pt .label
{
    line-height: 16px;
}
#roster-entry .rowEEHeader .eedata-pt .field
{
    margin-right: 0px;
}
#roster-entry .rowEEHeader .eedata-pt input[type=text]
{
    text-align: left;
}
#roster-entry .rowBranchHeader
{
    font-size: 13px;
    padding: 2px;
}
#roster-entry .rowBrandHeader
{
    font-size: 16px;
    padding: 2px;
}
.actualHoursTooltip .colFieldName
{
    text-align: right;
}
.actualHoursTooltip .colIn,
.actualHoursTooltip .colOut,
.actualHoursTooltip .colHours
{
    text-align: center;
}
.actualHoursTooltip a,
.actualHoursTooltip a:visited
{
    color: #0066D4 !important;
}
.actualHoursTooltip a:hover
{
    color: #55A6FF !important;
}
#roster-entry .specialDutyTablePanel
{
    display: none;
}
#roster-entry .specialDutyTable tr.highlightRow,
.specialDutyTableFrame .specialDutyTable tr.highlightRow
{
    background-color: #bcd5ff;
}
#roster-entry .specialDutyTable tr.currentRow,
.specialDutyTableFrame .specialDutyTable tr.currentRow
{
    background-color: #dbdbdb;
}
#roster-entry .specialDutyTable .colDelete,
.specialDutyTableFrame .specialDutyTable .colDelete
{
}
#roster-entry .specialDutyTable .colAttendanceDate,
.specialDutyTableFrame .specialDutyTable .colAttendanceDate
{
    width: 70px;
}
#roster-entry .specialDutyTable .colStaff,
.specialDutyTableFrame .specialDutyTable .colStaff
{
    width: 120px;
}
#roster-entry.roster-entry_Loreal .specialDutyTable .colStaff,
.specialDutyTableFrame .specialDutyTable .colStaff
{
    width: 220px;
}
#roster-entry .specialDutyTable .colDutyDate,
.specialDutyTableFrame .colDutyDate
{
    width: 70px;
}
#roster-entry .specialDutyTable .colStartTime,
#roster-entry .specialDutyTable .colEndTime,
.specialDutyTableFrame .specialDutyTable .colStartTime,
.specialDutyTableFrame .specialDutyTable .colEndTime
{
    width: 45px;
}
#roster-entry .specialDutyTable .colHours,
.specialDutyTableFrame .specialDutyTable .colHours
{
    width: 40px;
}
#roster-entry .specialDutyTable .colType,
.specialDutyTableFrame .specialDutyTable .colType
{
    width: 100px;
}
#roster-entry .specialDutyTable .colDesc,
.specialDutyTableFrame .specialDutyTable .colDesc
{
    width: 120px;
}
#roster-entry .specialDutyTable .colSpecDuty,
.specialDutyTableFrame .specialDutyTable .colSpecDuty
{
    width: 120px;
}
#roster-entry .specialDutyTable .colDelete input,
.specialDutyTableFrame .specialDutyTable .colDelete input
{
    width: 50px;
}
#roster-entry .specialDutyTable .colAttendanceDate input,
.specialDutyTableFrame .specialDutyTable .colAttendanceDate input
{
    width: 60px;
}
#roster-entry .specialDutyTable .colStaff input,
.specialDutyTableFrame .specialDutyTable .colStaff input
{
    width: 110px;
    text-align: left;
}
#roster-entry.roster-entry_Loreal .specialDutyTable .colStaff input,
.specialDutyTableFrame .specialDutyTable .colStaff input
{
    width: 210px;
}
#roster-entry .specialDutyTable .colDutyDate input,
.specialDutyTableFrame .specialDutyTable .colDutyDate input
{
    width: 60px;
}
#roster-entry .specialDutyTable .colStartTime input,
#roster-entry .specialDutyTable .colEndTime input,
.specialDutyTableFrame .specialDutyTable .colStartTime input,
.specialDutyTableFrame .specialDutyTable .colEndTime input
{
    width: 35px;
}
#roster-entry .specialDutyTable .colHours input,
.specialDutyTableFrame .specialDutyTable .colHours input
{
    width: 25px;
}
#roster-entry .specialDutyTable .colType select,
.specialDutyTableFrame .specialDutyTable .colType select
{
    width: 90px;
}
#roster-entry .specialDutyTable .colDesc select,
#roster-entry .specialDutyTable .colDesc input,
.specialDutyTableFrame .specialDutyTable .colDesc select,
.specialDutyTableFrame .specialDutyTable .colDesc input
{
    width: 105px;
}
#roster-entry.roster-entry_Loreal .specialDutyTable .colDesc input,
.specialDutyTableFrame .specialDutyTable .colDesc input
{
    width: 305px;
}

#roster-entry .specialDutyTable .colSpecDuty select,
.specialDutyTableFrame .specialDutyTable .colSpecDuty select
{
    width: 105px;
}
#roster-entry .rosterTable .colDailyRoster,
#roster-entry .rosterTable .colTotal
{
    width: 39px;
}
#roster-entry .rosterTable_Loreal .colDailyRoster,
#roster-entry .rosterTable_Loreal .colTotal
{
    width: 39px;
}
#roster-entry .rosterSummary .colFieldName,
#roster-entry .rosterTable .colFieldName,
#roster-entry .specialDutyTable .colDelete,
.specialDutyTableFrame .specialDutyTable .colDelete
{
    width: 76px;
}
#roster-entry .rosterSummary_Loreal .colFieldName,
#roster-entry .rosterTable_Loreal .colFieldName
{
    width: 120px;
}
#roster-entry .rowEEHeader .colFieldName,
#roster-entry .rosterSummary .rowBranchHeader
{
    width: auto;
}
#roster-entry .rosterSummary_Loreal .rowBranchHeader
{
    width: auto;
}

#page-attendance-edit #gv_OTCalculation .rowTotal
{
    font-weight: bold;
}
#page-attendance-edit #gv_OTCalculation .colHours
{
    text-align: right;
}

#page-LateRpt .branchlist label,
#page-WorkingHourRpt .branchlist label,
#page-WorkingByDeptRpt .branchlist label
{
    float: none;
    line-height: normal;
}

/**UpdateProfile**/
#page-updateprofile #table4 input[type=TEXT]
{
    width: 97%;
}

/** News Maintenance **/
#page-newsmaintenance .stdtable
{
    min-width: 700px;
}
#page-newsmaintenance .stdtable .colEffFrom,
#page-newsmaintenance .stdtable .colEffTo,
#page-newsmaintenance .stdtable .colChange
{
    width: 80px;
    text-align: center;
}
#page-newsmaintenance .morrigan-editor
{
    width: 100% !important;
    max-width: 1000px !important;
    height: 400px !important;
}

/** Welcome **/
#page-welcome #accordion,
#page-news #accordion
{
    max-width: 1000px;
}
#page-welcome .newscontent,
#page-news .newscontent
{
    padding: 0px;
}
#page-welcome .newsLoading,
#page-news .newsLoading
{
    float: left;
    display: none;
}
#page-welcome .newsLoading img,
#page-news .newsLoading img
{
    width: 16px;
}

/** list **/
ul.list
{
    list-style: none;
    width: 600px;
    margin: 0;
    padding: 0;
}
ul.list li h5 + img
{
    float: left;
    margin-right: 20px;
    margin-top: 6px;
}
/*------------------------------ FOOTER ------------------------------*/
#footer
{
    width: 100%;
    min-width: 770px;
    border-top: 5px solid #c3c3c3;
    position: absolute;
    left: 0;
}
#footer .background
{
    border-top: 1px solid #b6051c;
}
#footer .body
{
    width: 95%;
    min-width: 740px;
    margin: 0 auto;
    padding: 20px 0 20px;
}
#footnote
{
    clear: both;
    color: #000000;
    font-size: 12px;
    margin: 0;
    text-align: center;
}
/*--------------------------------- eAlpha Css ---------------------------------*/
.f8table
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 10px;
}
.f9table
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 9px;
}
.f9hlinkblue
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 9px;
    color: #000066 !important;
    text-decoration: none;
}
.f9hlinkpurple
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 9px;
    color: #993366 !important;
    text-decoration: none;
}
.f9hlinkorange
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 9px;
    color: #FF6600 !important;
    text-decoration: none;
}
.f9hlinkgreen
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 9px;
    color: #44C854 !important;
    text-decoration: none;
}
.f9hlinkpurple2
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 9px;
    color: #CC00FF !important;
    text-decoration: none;
}
.f9hlinkred
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 9px;
    color: #FF0000 !important;
    text-decoration: none;
}
.f10table
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 10px;
}
.f11table
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 11px;
}

.checkboxPromise
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}

.stdform table .cellReadonly_AttendanceEdit
{
    color: Gray;
}

#gv_SearchFrame_HFT table input[type=text]
{
    width: 40px;
    text-align: center;
    border: none;
    font-size: 10px;
}

#gv_SearchFrame_HFT table .Input
{
    padding-right: 1px;
    padding-left: 1px;
}

#roster-entry .ActualWorkTable .isHoliday
{
    color: Red;
}