.TableWidth
{
    max-width: 800px;
    width: 800px;
}

/* Body Style */
.DocBody
{
    font-family: 標楷體, 新細明體, Arial, Helvetica, sans-serif; 
    font-size: 12px;
}

/* TD Data Text Style */
.TDDataAlign_Date, .TDDataAlign_EnterTime, .TDDataAlign_LeftTime, .TDHeaderAlign_ServerTime
{
    text-align:right;
}

.TDDataAlign_Week, .TDDataAlign_EnterSite, .TDDataAlign_LeftSite, .TDDataAlign_Notes, .TDDataAlign_Review
{
    text-align:left;
}

.TDDataAlign_WorkClass, .TDDataAlign_WorkHours, .TDDataAlign_Empty, .TDDataAlign_LeftTimeAndSite
{
    text-align:center;
}

/* TD Header Width Size */
.TDHeaderWidth_Title{width: 60%}
.TDHeaderWidth_ServerTime{width: 40%}
.TDHeaderWidth_Date{width: 11.2%}
.TDHeaderWidth_EnterTime{width: 20.3%}
.TDHeaderWidth_LeftTime{width: 20.3%}
.TDHeaderWidth_WorkClass{width: 6.3%}
.TDHeaderWidth_WorkHours{width: 7.9%}
.TDHeaderWidth_Notes{width: 17.6%}
.TDHeaderWidth_Review{width: 19.6%}

/* TD Data Width Size */
.TDDataWidth_Date{width: 6.2%}
.TDDataWidth_Week{width: 5%}
.TDDataWidth_EnterTime{width: 9.2%}
.TDDataWidth_EnterSite{width: 9.1%}
.TDDataWidth_LeftTime{width: 9.2%}
.TDDataWidth_LeftSite{width: 9.1%}
.TDDataWidth_LeftTimeAndSite{width: 18.3%}
.TDDataWidth_WorkClass{width: 6.3%}
.TDDataWidth_WorkHours{width: 7.9%}
.TDDataWidth_Notes{width: 17.9%}
.TDDataWidth_Review{width: 19.9%}

.TDDataWidth_Notes_Col1{width: 58%}
.TDDataWidth_Notes_Col2{width: 42%}

/* Table Style */
.TableStyle
{
    border: 1px solid white;
}

/* Table Row Style */
.TRDataRowStyle
{
    vertical-align: center;
    height: 28
}

.TRData_UserInfo
{
    color:white;
    text-align:left;
    background-color:#330066;
    border-bottom: 1px solid black;
}

.TRData_TotalWorkHours
{
    color:white;
    text-align:right;
    background-color:#7C7C7C;
}

.TDHeaderRow
{
    color:white;
    text-align:center;
    background-color:#7C7C7C;
    border-bottom: 1px dashed black;
}

.TRDataColor_EvenRow
{
    background-color:white;
}

.TRDataColor_OddRow
{
    background-color:#CCCCFF;
}

.TRDataBorder_Monday
{
    border-top: 1px dashed #7C7C7C;
}

.TRDataBorder_OtherDay
{
    border-top:1px solid white;
}

@media print
{
    .TableStyle
    {
        border: 1px solid white;
    }

    .TRDataRowStyle
    {
        border-bottom: 1px dashed black;
        vertical-align: center;
        height: 28
    }

    .TRDataBorder_Monday
    {
        border-top: 1px solid black;
    }
        
    .TDHeaderRow
    {
        color:black;
        text-align:center;
        background-color:gray;
        border-top: 1px solid black;
    }
    
    .TRData_UserInfo
    {
        color:black;
        text-align:left;
        background-color:gray;
        vertical-align: center;
        border-bottom: 1px solid;
        height: 25;
    }

    .TRData_TotalWorkHours
    {
        color:black;
        text-align:right;
        background-color:gray;
        vertical-align: center;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    .TRDataColor_EvenRow
    {
        background-color:white;
    }
    
    .TRDataColor_OddRow
    {
        background-color:gray;
    }
}