.datatable {
    color: #666;
    border: 2px solid #16538C;
}

.datatable th {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    padding: 2px 4px;
    color: #333333;
    border-bottom: solid 2px #bbd9ee;
}

.datatable th {
    text-decoration: none;
    padding-right: 18px;
    background: url("https://sites.google.com/site/forumsasp/naveenj/tm.gif") repeat scroll 0 0 transparent;
    background-color: #16538C;
    color: #FFFFFF;
}

.datatable .row td {
    font-size: 11px;
    text-align: left;
    padding: 6px 4px;
    border-bottom: solid 1px #bbd9ee;
}

.datatable .row:hover {
    background-color: #fffacd;
    color: #000;
    cursor: pointer;
}

.datatable .row td.first {
    padding-left: 10px;
}

.datatable th.first {
    padding-left: 10px;
}

.datatable .row:hover .first {
    background-image: url("https://sites.google.com/site/forumsasp/naveenj/bullet.gif");
    background-repeat: no-repeat;
}
/* Data Pager Styles */
tr.pager-row td {
    border-top: solid 2px #bbd9ee;
}

.pager {
    font-family: arial,sans-serif;
    text-align: center;
    padding: 6px;
    font-size: 18px;
}

.pager span.command,
.pager span.current,
.pager a.command,
    tr.pager-row td a {
    color: #5a90ce;
    padding: 0px 5px;
    text-decoration: none;
    border: none;
}

.pager a.command:hover,
    tr.pager-row td a:hover {
    border: solid 2px #408BB6;
    background-color: #59A5D1;
    color: #fff;
    padding: 0px 3px;
    text-decoration: none;
}

.pager span.current,
    tr.pager-row td span {
    border: solid 2px #3c3c3c;
    background-color: gray;
    color: #fff;
    font-weight: bold;
    padding: 0px 6px;
}

tr.pager-row td {
    border-top: none;
    text-align: center;
}

tr.pager-row table {
    height: 35px;
    margin: 0 auto 0 auto;
}