div.css_table
{
    display: table;
    width: 100%;
    text-align: left;
}

div.css_tr
{
    display: table-row;
    text-align: left;
}

div.css_td
{
    display: table-cell;
    text-align: left;
    border-right: 1px solid #000;
}

div.css_td:last-child
{
    border-right: none;
}

.DataTable
{
    /*border: 1px solid #4A4AFF;*/
    border-collapse: collapse;
    border: 1px solid #fff; /*margin-left: 2px;*/
    margin: 0;
    line-height: 2.2em;
    font-size: 9pt;
    font-family: Verdana, 新細明體;
    background: #333;
    color: black;
    table-layout: fixed;
}

.DataTable tr, .DataTable tr td
{
    border: 1px solid #000;
}

.DataTable tr th
{
    border: 1px solid #f9f9f9;
}

.DataTable tr td
{
    background: #eee;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.DataTable thead
{
    border: 1px solid #fff;
}

.DataTable thead tr
{
    background: #555;
    border-color: #f9f9f9;
}

.DataTable thead tr th
{
    text-align: center; 
    color: white;
    border-color: #f9f9f9;
}

.DataTable thead tr:last-child, .DataTable thead tr:last-child td
{
    border-color: #000;
}

.DataTable tbody
{
    border-color: #000;
}

.DataTable tbody tr, .DataTable tbody tr td
{
    border-color: #000;
}

.DataTable tbody td a
{
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.DataTable tbody td a:hover
{
    color: blue;
    cursor: pointer;
}

.DataTable tbody tr, .DataTable tbody tr td:first-child
{
    border-left-color: #f9f9f9;
}

.DataTable tbody tr, .DataTable tbody tr td:last-child
{
    border-right-color: #f9f9f9;
}

.DataTable tbody tr:last-child, .DataTable tbody tr:last-child td
{
    border-bottom-color: #f9f9f9;
}

.DataTable tbody tr:nth-child(odd) td
{
    background: #FFFFCC;
}

.DataTable tbody tr:hover td
{
    background: #bfc0c0;
}

.DataTable.noHover tbody tr:hover td
{
    background: #cccddd;
    color: Black;
}

.DataTable tfoot
{
    border-color: #fff;
}

.DataTable tfoot tr
{
    line-height: 1.8em;
}

.DataTable tfoot tr:first-child, .DataTable tfoot tr:first-child td
{
    border-top-color: #000;
}

.DataTable tfoot tr:first-child, .DataTable tfoot tr:first-child td
{
}

.DataTable tfoot tr td
{
    font-weight: bolder;
    background: #ffd800;
}

input[type=button].btn_Blue, #btnQuery, #btnAdd, #btnUpdate, #btnSave {
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    background-color: #3d94f6;
    border-radius: 6px;
    border: 1px solid #337fed;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Microsoft JhengHei,PMingLiU,MingLiU, Arial,Verdana;
    font-size: 9pt;
    font-weight: bold;
    padding:  5px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #1570cd;
}

    input[type=button].btn_Blue:hover, #btnAdd:hover, #btnUpdate:hover, #btnSave:hover, #btnQuery:hover {
        background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
        background-color: #1e62d0;
    }

    input[type=button].btn_Blue:active, #btnAdd:active, #btnUpdate:active, #btnSave:active, #btnQuery:active {
        position: relative;
        top: 1px;
    }

input[type=button].btn_Grey, #btnCancel, #btnClearCondition {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666;
    font-family: Microsoft JhengHei,PMingLiU,MingLiU, Arial,Verdana;
    font-size: 9pt;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    input[type=button].btn_Grey:hover, #btnCancel:hover, #btnClearCondition:hover {
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        background-color: #f6f6f6;
    }

    input[type=button].btn_Grey:active, #btnCancel:active, #btnClearCondition:active {
        position: relative;
        top: 1px;
    }

.DataTable td input[type=button].del, .DataTable td input[type=button].cancel {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #ccc;
    border-radius: 6px;
    border: 1px solid red;
    display: inline-block;
    cursor: pointer;
    font-family: Microsoft JhengHei,PMingLiU,MingLiU, Arial, Verdana;
    font-size: 11px;
    padding: 5px 10px;
    text-decoration: none;
    color: red;
}

    .DataTable td input[type=button].del:hover, .DataTable td input[type=button].cancel:hover {
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        background-color: #f6f6f6;
    }

    .DataTable td input[type=button].del:active, .DataTable td input[type=button].cancel:active {
        position: relative;
        top: 1px;
    }