@media screen, all 
{
	
/* tables - current - 14/02/2010 mab */
table.oDataGrid th, table.oDataGrid td { vertical-align: top; padding: 3px 7px 3px 7px; }
table.oDataGrid th { border: 1px solid #736273; color: #ffffff; background: #666666; }
table.oDataGrid th a:link, table.oDataGrid th a:visited { color: #ffffff; text-decoration: none; }
table.oDataGrid th a:hover, table.oDataGrid th a:active { color: #ffffff; text-decoration: underline; }

table.oDataGrid td { }
table.oDataGrid td a:link, table.oDataGrid td a:visited { } 
table.oDataGrid td a:hover, td.DataHeader a:active { } 

a.oDataGridHeaderLinkSortAsc, a.oDataGridHeaderLinkSortAsc:link, a.oDataGridHeaderLinkSortAsc:visited { background: url(/EasySiteWeb/EasySite/SupportFiles/Images/icons/asc.gif) right no-repeat; padding-right: 15px; }
a.oDataGridHeaderLinkSortAsc:hover, a.oDataGridHeaderLinkSortAsc:active { background: url(/EasySiteWeb/EasySite/SupportFiles/Images/icons/asc.gif) right no-repeat; padding-right: 15px; }

a.oDataGridHeaderLinkSortDesc, a.oDataGridHeaderLinkSortDesc:link, a.oDataGridHeaderLinkSortDesc:visited { background: url(/EasySiteWeb/EasySite/SupportFiles/Images/icons/desc.gif) right no-repeat; padding-right: 15px; }
a.oDataGridHeaderLinkSortDesc:hover, a.oDataGridHeaderLinkSortDesc:active { background: url(/EasySiteWeb/EasySite/SupportFiles/Images/icons/desc.gif) right no-repeat; padding-right: 15px; }

/* grids */
.grid-outer { margin-bottom: 1em; }
.grid-inner {}

table.oDataGrid { border: 0; font-size: .95em; empty-cells: show; width: 97%; min-width: 97%; margin-bottom: 10px; }
table.oDataGrid thead { background: #663366; }
table td, table th, table.oDataGrid th, table.oDataGrid td { text-align: left; vertical-align: top; }

tr.table-row-background-alpha { background: #f7f2f7; }
tr.table-row-background-beta { background: #faf7fa; }

table.oDataGrid th { border: 1px solid #736273; padding: 1px 8px 2px 8px; color: #ffffff; background: #A68DA6; }
table.oDataGrid th a { color: #fff; display: block; }
table.oDataGrid td { padding: 1px 8px 2px 8px; color: #4B414B; border: 1px solid #CECFCE; }

/* handling old tables in grid container */
.grid-outer table.oDataGrid { margin-top: 0 !important; font-size: 11px !important; }
.grid-outer table.oDataGrid th { font-weight: normal !important; } 

/* grid table */
.mode-browse table, table.grid { background: #fff; width: 100%; border: 1px solid #e5e5e5; }

table.grid col.ico {  width: 22px; }
table.grid col.security {  width: 75px; }
table.grid col.title { }
table.grid col.type { }
table.grid col.text {  }
table.grid col.sites { }
table.grid col.size { text-align: right; width: 30px; }
table.grid col.date { width: 75px; }
table.grid col.status { width: 55px; }
table.grid col.select { width: 27px; }

table.grid th { font-weight: normal; text-transform: lowercase; padding: 3px 6px 5px 6px; color: #fff; background: #912c68 url("/EasySiteWeb/EasySite/SupportFiles/images/Console/bg_purple_grad.gif") repeat-x bottom left; }
table.grid th {}
table.grid td { padding: 3px 5px 4px 6px; font-size: 0.94em; }
table.grid td.select, table.grid th.select-all, table.grid td.ico { text-align: center; padding: 2px; }
table.grid td.ico { padding: 2px 0 0 0; }
table.grid td.date, table.grid td.num { text-align: right; padding-top: 3px; }

table.grid tr.grid-row-alpha td { background: #f7f7f7; }
table.grid tr.grid-row-beta td { background: #f2f2f2; }

/*
table.grid tr:hover td { background: #912c68; color: #fff; }
table.grid tr:hover td.ico { background: #912c68; }
table.grid tr:hover td { background: #912c68; color: #fff; }
table.grid tr:hover td a { color: #fff; }
need to figure out icons with anti-aliasing; main choice will be to have invisible button; with background for cell
table.grid tr:hover td.ico { background: #912c68 url("/EasySiteWeb/EasySite/SupportFiles/images/Console/icoSm_tag_hover.gif") no-repeat 9px 4px; }
table.grid tr:hover td.ico input { display: none; }
*/

table.grid th a:link, table.grid th a:visited { display: block; color: #fff; text-decoration: none; }
table.grid th a:hover, table.grid th a:active { color: #fff; text-decoration: none; }

table.grid th.order a:link, table.grid th.order a:visited { padding-right: 14px; text-decoration: none; background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/ico_col_order.gif") no-repeat top right; }
table.grid th.order a:hover, table.grid th.order a:active { background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/ico_col_order_out.gif") no-repeat top right; }
table.grid td a:link, table.grid td a:visited { display: block; color: #0033cc; text-decoration: none; }
table.grid td a:hover, table.grid td a:active { color: #990066; text-decoration: none; }


table.grid th.order-asc a:link, table.grid th.order-asc a:visited { background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/ico_col_order_asc.gif") no-repeat top right; }

/*
table.grid th.order-asc a:hover, table.grid th.order-asc a:active { background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/ico_col_order_out.gif") no-repeat top right; }

table.grid th.order-desc a:link, table.grid th.order-desc a:visited { background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/ico_col_order_asc.gif") no-repeat top right; }
table.grid th.order-desc a:hover, table.grid th.order-desc a:active { background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/ico_col_order_out.gif") no-repeat top right; }

*/

/*
table.grid th a, table.grid th span, table td a, table.grid td span, table.grid td img { display: block; }
*/
/* table and form elements */
table.grid input[type=image], table.grid img { vertical-align: middle; }
table.grid th label { display: block; }
table.grid th .select-all label { display: inline; padding-left: 2px; }

/* matches */

/* pagination - goes to generic */

/* search vignette */
table.grid tr.popper {}
table.grid tr.popper-hidden { display: none; }
table.grid tr.popper .search-preview { float: left; padding: 0 15px 10px 0;  }
table.grid tr.popper .search-details { float: left; width: 70%; }
table.grid tr.popper .search-details table { width: 98%; }

table.grid tr.warning-reported td { border-top: 1px red dashed; border-bottom: 1px red dashed; }

}