table.mark-entry {
    border-spacing: 2px;
    font-size: 1.0em;
    display: inline-block;
    word-wrap: break-word;
}

    table.mark-entry tr td {
        padding: 4px;
        font: 12px Verdana;
        color: #222;
    }

    table.mark-entry input {
        width: 450px;
        height: 20px;
    }

    table.mark-entry select {
        height: 26px;
        border: 1px solid #ccc;
    }

    table.mark-entry table tr > th {
        font: 14px Verdana;
        padding: 12px 8px;
        color: #fff;
        background-color: #104087;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    }

    table.mark-entry table tr > td:nth-child(1) {
        min-width: 20px;
        max-width: 20px;
        font-weight: bold;
        font-size: 0.95em;
        color: #000;
    }

    table.mark-entry table tr > th:nth-child(2),
    table.mark-entry table tr > td:nth-child(2) {
        min-width: 360px;
        max-width: 360px;
    }





.basic-table {
    color: #555;
    font: 11px Verdana;
}

    .basic-table th {
        text-align: left;
        font: 12px Verdana;
        background-color: #333;
        color: #FFF;
        padding: 8px;
    }

    .basic-table td {
        color: #555;
        text-align: left;
        padding: 6px;
    }



.compact-table {
    color: #777;
    font: 10px Verdana;
}

    .compact-table th {
        text-align: left;
        font: bold 11px Verdana;
        color: #FFF;
        background-color: #555;
        padding: 3px 5px;
        text-shadow: none;
    }

    .compact-table td {
        padding: 3px 5px;
    }



.elegant-table tr td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 25px;
}

.elegant-table tr:first-child td {
    border-top: 1px solid #ccc;
}

.elegant-table tr td:first-child {
    border-left: 1px solid #ccc;
}




.default-table {
    line-height: 20px;
    color: #333;
    cursor: pointer;
    font-size: 1.2em;
}

    .default-table th {
        font-weight: normal;
        font-size: 1.1em;
        color: #fff;
        background-color: #104087;
        padding: 8px 12px;
        white-space: nowrap;
        text-align: left;
    }

    .default-table tr th {
        border-color: #555 #555 #555 #555;
        border-style: solid;
        border-width: 0px;
    }

        .default-table tr th a {
            color: #fff;
            font-size: 1em;
        }

    .default-table tr:hover td {
        background-color: #d8d8d8;
    }

    .default-table td {
        background-color: #e3e3e3;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d3d3d3;
        text-shadow: 1px 1px 0 #fff;
        padding: 4px 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .default-table tbody td a {
        font-size: 1em;
    }

.default-table-wrap {
    line-height: 20px;
    color: #333;
    cursor: pointer;
    font-size: 1.2em;
}

    .default-table-wrap th {
        font-weight: normal;
        font-size: 1.1em;
        color: #fff;
        background-color: #104087;
        padding: 8px 12px;
        white-space: nowrap;
        text-align: left;
    }

    .default-table-wrap tr th {
        border-color: #555 #555 #555 #555;
        border-style: solid;
        border-width: 0px;
    }

        .default-table-wrap tr th a {
            color: #fff;
            font-size: 1em;
        }

    .default-table-wrap tr:hover td {
        background-color: #d8d8d8;
    }

    .default-table-wrap td {
        background-color: #e3e3e3;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d3d3d3;
        text-shadow: 1px 1px 0 #fff;
        padding: 4px 8px;
        text-overflow: ellipsis;        
    }

    .default-table-wrap tbody td a {
        font-size: 1em;
    }


.default-table-unselectable {
    line-height: 20px;
    color: #333;
    font-size: 1.2em;
}

    .default-table-unselectable th {
        font-weight: normal;
        font-size: 1.1em;
        color: #fff;
        background-color: #104087;
        padding: 4px 8px;
        white-space: nowrap;
        text-align: left;
    }

    .default-table-unselectable tr th {
        border-color: #555 #555 #555 #555;
        border-style: solid;
        border-width: 0px;
    }

    .default-table-unselectable td {
        background-color: #e3e3e3;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d3d3d3;
        text-shadow: 1px 1px 0 #fff;
        padding: 5px 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.selectable-row td:first-child {
    padding-left: 30px;
    min-width: 100%;
    background-repeat: no-repeat;
    background-position: left 8px center;
}


.horizontal-popup-table {
    line-height: 20px;
    color: #333;
    cursor: default;
    font-size: 1.2em;
}

    .horizontal-popup-table thead th {
        font-weight: normal;
        font-size: 1.1em;
        color: #fff;
        background-color: #104087;
        padding: 2px 20px;
        white-space: nowrap;
        text-align: left;
    }


    .horizontal-popup-table tbody td {
        background-color: #e3e3e3;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d3d3d3;
        text-shadow: 1px 1px 0 #fff;
        padding: 1px 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .horizontal-popup-table tbody td a {
            font-size: 1em;
        }

    .horizontal-popup-table tbody tr th {
        text-align: left;
        float: left;
        cursor: default;
    }


.grey-table thead {
    cursor: pointer;
    font-size: 15px;
    background-color: grey;
}

.grey-table tbody {
    cursor: default;
}

.grey-table thead tr th {
    height: 30px;
    width: 820px;
}