.gridView {
    clear:both;width:100%;border-top:2px solid #87a8a9;border-collapse:collapse;table-layout:auto;margin-top:10px;
}

.gridView td  {
    padding:7px 2px;border:1px solid #dfe0e1;
}

.gridView th {
    background-color:#f8f8f8;border:1px solid #b9cccd;padding:10px 0;letter-spacing:-1px;line-height:16px;
}


.subGridView {
    clear:both;width:100%;border-top:2px solid #87a8a9;border-collapse:collapse;table-layout:auto;
}

.subGridView td  {
    padding:7px 2px;border:1px solid #dfe0e1;
}

.subGridView th {
    background-color:#f8f8f8;border:1px solid #b9cccd;padding:10px 0;letter-spacing:-1px;line-height:16px;
}



.gridViewHeader {
    background-color:#f8f8f8;border:1px solid #b9cccd;padding:10px 0;letter-spacing:-1px;line-height:16px;font-weight:bold;
}

.gridViewFooter {
    background-color:#f8f8f8;border:1px solid #b9cccd;padding:10px 0;line-height:16px;font-weight:bold;
}

.gridViewRow {
    padding:7px 0;border-bottom:1px solid #dfe0e1;
}

.gridViewAltRow {
    padding:7px 0;border-bottom:1px solid #dfe0e1;
}

.gridViewSelectedRow {
    background-color: #EEF1F1;
    color: #666666;
}

/* Of course, this doesn't work with IE6. Works fine with Firefox, though. */
.gridview tr.gridViewRow:hover td, .gridview tr.gridViewAltRow:hover td {
    background-color: #CCCCCC;
    color: #000000; 
}

.gridViewPager 
{
    background-color: #0066CC;
    color: #FFFFFF;
    text-align: left;
}

.gridViewPager td  {
    padding: 3px;
}

.gridViewPager td a {
    color: #FFFFFF;
    text-decoration: none;
}

.gridViewPager td a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/* The currently selected page number is rendered by ASP.NET in a span tag in the td. */
.gridViewPager span {
    color: #000000;
}


#divGridView {
    margin-top: 1.5em;
}


.PagerStyle2 table
{
    text-align:center;
    margin:auto;
}
.PagerStyle2 table td
{
    border:0px;
    padding:5px;
}
.PagerStyle2 td
{
    border-top: #91a7b4 1px solid;
}
.PagerStyle2 a
{
    color:#16387c;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #91a7b4;
    border-bottom:solid 1px #91a7b4;
    border-left:solid 1px #fff;
}
.PagerStyle2 span
{
    font-weight:bold;
    color:#16387c;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}


.detailView {
    clear:both;width:100%;border-top:2px solid #87a8a9;border-collapse:collapse;table-layout:auto;margin-top:10px;
}

.detailView td  {
    padding:7px 2px;border:1px solid #dfe0e1;
}

.detailView th {
    background-color:#f8f8f8;border:1px solid #b9cccd;padding:10px 0;letter-spacing:-1px;line-height:16px;
}

.detailViewHeader {
    background-color:#f8f8f8;border:1px solid #b9cccd;padding:10px 0;letter-spacing:-1px;line-height:16px;font-weight:bold;
}

.detailViewFieldHeader {
    background-color:#f8f8f8;border:1px solid #b9cccd;padding:10px 0;letter-spacing:-1px;line-height:16px;font-weight:bold;text-align:center;
}

.detailViewFooter {
    background-color:#f8f8f8;border:1px solid #b9cccd;padding:10px 0;letter-spacing:-1px;line-height:16px;font-weight:bold;
}

.detailViewRow {
    padding:7px 0;border-bottom:1px solid #dfe0e1;
}

.detailViewAltRow {
    padding:7px 0;border-bottom:1px solid #dfe0e1;
}

.detailViewSelectedRow {
    background-color: #EEF1F1;
    color: #666666;
}

.detailViewEditRow {
    background-color: #EEF1F1;
    color: #666666;
}

/* Of course, this doesn't work with IE6. Works fine with Firefox, though. */
.detailview tr.detailViewRow:hover td, .detailview tr.detailViewAltRow:hover td {
    background-color: #CCCCCC;
    color: #000000; 
}

.detailViewPager 
{
    background-color: #0066CC;
    color: #FFFFFF;
    text-align: left;
}

.detailViewPager td  {
    padding: 3px;
}

.detailViewPager td a {
    color: #FFFFFF;
    text-decoration: none;
}

.detailViewPager td a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/* The currently selected page number is rendered by ASP.NET in a span tag in the td. */
.detailViewPager span {
    color: #000000;
}