.holidayCardRosters td.right
{
    text-align: right;
    padding-right:4px;
}

.holidayCardRosters td.left
{
    text-align: left;
    padding-left:6px;
}

.holidayCardRosters td 
{
    color: Black; 
    text-align: center; 
    padding: 3px 1px;
    font-size: 11px;    
    border-color: gray;
}

.holidayCardRosters th 
{
    color: Black; 
    background-color: whitesmoke;
    border-color: gray;
    border-width: 1px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.holidayCardRosters .tRow { font-size: small;}
.holidayCardRosters .aRow { font-size: small;}
.holidayCardRosters .hRow{ text-align: center; font-size: smaller;}
.holidayCardRosters .comments { width:20px; }
.holidayCardRosters .comm1 { float:left; }
.holidayCardRosters .comm { float:left; }

.hcColValue {font-size: smaller;padding-left: 4px;float: right;}


.holidayCardRosters td.hcDay { text-align: right; padding-right:4px; }
.hcWeekend { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgwAGMoRi3ABwAABoqAM1Z7wqiAAAAAElFTkSuQmCC");}
.hcDayNotInMonth { background-color: darkgray; }
.hcValue{ background-color: yellowgreen;}



/* extended table with basic styles*/
.leaveBalanceTable
{
    background-color:White;
}

.leaveBalanceTable td
{    
    white-space: nowrap;
    padding: 1px 2px;
    text-align:left;
    height:30px;
    border-style: solid;
    border-width: 1px;
    text-align: right
}


.leaveBalanceTable th[scope=col]
{
    text-align: center;   
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 130px;
}


.leaveBalanceTable th[scope=row]
{
    text-align: right;
    padding-right: 10px;
}

.colAlighLeftLeft{
    text-align: left;
    background-color: whitesmoke;
    padding-left: 10px;
    padding-right: 10px;
}