﻿.tableView {  border-spacing: 1px; background-color: #ffffff; color: #000000; border: 1px solid #fff }
.tableView caption { font-weight: bold; background: #50adea url (images/corner.gif) no-repeat right top; border-bottom: 2px solid #1975d7; color: #FFF; text-transform: uppercase; padding: 10px; }
.tableView td, .tableView th { padding: 1px; color: #000; font-size: 11px; font-family: Tahoma, Arial; }
.tableView td a { font-size: 11px; font-family: Tahoma, Arial; }
.tableViewHeader th { background: #222; color: #fff; border: 1px solid #fff; text-transform: uppercase; font-weight: bold; }


/*
.tableViewFooter{
background-color:#5D7B9D;
color:White;
font-weight:bold;
}
*/
.tableView th.tableHeaderUp { background: url(images/asc-white.gif) #666666 no-repeat right 50%; }
.tableView th.tableHeaderDown { background: url(images/desc-white.gif) #666666 no-repeat right 50%; }

.tableView th.tableHeaderUp a, .tableView th.tableHeaderDown a, .tableViewHeader th a {
	font-size: 11px; color: #ffffff; text-decoration: none
}

.tableView th.tableHeaderUp a:hover, .tableView th.tableHeaderDown a:hover, .tableViewHeader th a:hover  {
	font-size: 11px; color: #ffffff; text-decoration: underline
}

.tableViewRow, .tableViewRowHover { background-color: #FFF;  }
.tableViewAlternatingRow, .tableViewAlternatingRowHover { background-color: #f0f0f0;  }

.tableViewRow td { background-color: #FFF; border-spacing: 1px;  }
.tableViewAlternatingRow td { background-color: #f0f0f0; border-spacing: 1px }

.tableView tr.tableViewRowHover:hover, .tableView tr.tableViewAlternatingRowHover:hover, .tableView tr.tableViewRowHover:hover .totalColumn, .tableView tr.tableViewAlternatingRowHover:hover .totalColumn, .tableView tr.grandTotalRow:hover, .tableView tr.grandTotalRow:hover td.totalCell, .tableView tr.totalRow:hover , .tableView td.subTotalCell:hover, .tableView td.subTotalCell2:hover, .tableView tr.grandTotalRow:hover
{
   cursor:pointer;
   background-color: #F0E68C ;
   color: black;
   font-weight: bold;
}

.tableView tr.grandTotalRow,.tableView tr.grandTotalRow {background-color: #B0E0E6; font-weight: bold; }
.tableView td.totalColumn, .tableView tr.totalRow {background-color: #DDDDDD; font-weight: bold;}
.tableView td.subTotalCell {background-color: #E0FFFF; font-weight: bold;}
.tableView td.subTotalCell2 {background-color: #FFFFCC; font-weight: bold;}
.tableView td.totalCell {background-color: #708090; font-weight: bold; color: #fff}


.tableViewSelectedRow { background-color: #E2DED6; font-weight: bold; color: #000000; }

.tableViewPager { background-color: #e5e5e5; color: #000000; text-align: left; }
.tableEmptyDataRow { background-color: #FFF; text-align: left; font: 14px Tahoma, Arial; color: #666666; font-weight: bold; border: 1px solid #fff;}

.tableHeaderDown{}
.tableHeaderUp{}

.detailsView { border-spacing: 1px; font-size: 10px; font-family: Tahoma, Arial; background-color: #FFFFFF; color: #000000; border: 1px solid #e5e5e5 }
.detailsView td, th { padding: 3px; }

.detailsViewEmptyDataRow { background-color: #FFFFFF; border: 1px solid #FFF }
.detailsViewFieldHeader { width: 150px; white-space: nowrap; background-color: #f0f0f0;  text-align: left; color: #000000; font-weight: bold }
.detailsViewHeader td { text-align: left; background: #555555; color: #fff; border: 1px solid #cccccc; text-transform: uppercase; font-weight: bold}


/* NEW dataGrid STYLES */

/*.dataGrid {  border-spacing: 1px; background-color: #ffffff; color: #000000; border: 1px solid #fff }*/
/*.dataGrid caption { font-weight: bold; background: #50adea url (images/corner.gif) no-repeat right top; border-bottom: 2px solid #1975d7; color: #FFF; text-transform: uppercase; padding: 10px; }*/
.dataGrid th, .dataGridHeader th { background: #fff url(GridThemes/vista-bg-grey.png) repeat-x; border-right: 1px solid #ddd; font: normal 11px Tahoma, Arial; color: #000}
.dataGrid td a { font-size: 11px; font-family: Tahoma, Arial; }
.dataGrid td {border-right:1px solid #ddd; padding: .1em 0 .1em .2em; border-bottom:1px solid #f9f9f9}


/*
.tableViewFooter{
background-color:#5D7B9D;
color:White;
font-weight:bold;
}
*/
.dataGrid th.tableHeaderUp { background: url(images/asc-white.gif) #666666 no-repeat right 50%; }
.dataGrid th.tableHeaderDown { background: url(images/desc-white.gif) #666666 no-repeat right 50%; }

.dataGrid th.tableHeaderUp a, .dataGrid th.tableHeaderDown a, .dataGridHeader th a {
	font-size: 11px; color: #000; text-decoration: none
}

.dataGrid th.tableHeaderUp a:hover, .dataGrid th.tableHeaderDown a:hover, .dataGridHeader th a:hover  {
	font-size: 11px; color: #000; text-decoration: underline
}

.dataGridRow {background: #fff; border-right:1px solid #ddd; padding: .1em 0 .1em .2em; border-bottom:1px solid #f9f9f9}
.dataGridAltRow { background-color: #fbfbfb; text-align: left; }

.dataGridRow td { background-color: #FFF; border-spacing: 1px }
.dataGridAltRow td { background-color: #fbfbfb; border-spacing: 1px }
.dataGridSelectedRow { background-color: #E2DED6; font-weight: bold; color: #000000; }

.dataGridPager { background-color: #e5e5e5; color: #000000; text-align: left; }
.dataGridEmptyDataRow { background-color: #FFF; text-align: left; font: 14px Tahoma, Arial; color: #666666; font-weight: bold; border: 1px solid #fff;}

.tableHeaderDown{}
.tableHeaderUp{}
