/* Not Just a Grid v1.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* ---------------------------------------------------------------------------- */
/* Plain Table ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

caption {
font-weight: bold;
text-transform:uppercase;
text-align:left;
margin:0px 10px 0px 0px;
padding:5px;
padding-top:8px;
color:#333;
caption-side: top;
background:#cfcfcf;
text-shadow: 0 1px 1px #fff;
color:#333;
width:20%;
}


table.plain {
color:#000;
font: 11px;
/*border-spacing:1px;*/
border-collapse:collapse;
}

table.plain caption {
/*font-weight: bold;
text-transform:uppercase;
text-align:left;
margin:0px 10px 0px 0px;
padding:3px;
color:#333;
caption-side: top;*/
}
table.plain td, table.plain th {
padding:4px 6px 4px 6px;
border:1px solid #cfcfcf;
}
/* ----- */
/* thead */
/* ----- */
table.plain thead {
color:#333;
/*font-size:12px;*/
font-weight:bold;
text-transform:capitalize;
text-shadow: 0 1px 1px #fff;

}
table.plain thead th, table.plain thead td {
padding:6px;
}
table.plain thead tr {
background:#0098cf /*url(../images/notjustagrid/misc/transoverlay-mattesoft.png) repeat-x*/;
}
/* ----- */
/* tfoot */
/* ----- */
table.plain tfoot tr th {
text-align:left;
font-weight:bold;
font-size:125%;
background:#0098cf /*url(../images/notjustagrid/misc/transoverlay-mattesoft.png) repeat-x*/;
}
table.plain tfoot {
/*font-size: 10px;*/
}
/* ----- */
/* tbody */
/* ----- */
table.plain tbody tr th {
text-align:left;
font-weight:bold;
font-size:125%;
background:#0098cf url(../images/notjustagrid/misc/greycorner-even.gif) top left no-repeat;
}

table.plain.marginbottom, table.datalist.marginbottom{
margin-bottom:10px;
}

table.plain.margintop, table.datalist.margintop{
margin-top:10px;
}

/* ---------------------------------------------------------------------------- */
/* Datalist Table ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
table.datalist {
color:#000;
font: 11px;
/**/
border-spacing:1px;
border-collapse:collapse;
}

table.datalist caption {
/*font-weight: bold;
font-style:italic;
text-transform:uppercase;
text-align:right;
margin:0px 10px 0px 0px;
padding:0px;
color:#333;
caption-side: bottom;*/
}
table.datalist td, table.datalist th {
padding:4px 6px 4px 6px;
border:1px solid #cfcfcf;
}
/* ----- */
/* thead */
/* ----- */
table.datalist thead {
color:#000;
font-size:130%;
font-weight:bold;
text-align:left;
text-transform:uppercase;
text-shadow: 0px 1px 1px #fff;
}
table.datalist thead th,table.datalist thead td  {
padding:6px;
}
table.datalist thead tr {
background:#ccc url('../Images/notjustagrid/misc/transoverlay-glossy.png');
}
/* ----- */
/* tfoot */
/* ----- */
table.datalist tfoot tr {
background:#ccc url('../Images/notjustagrid/misc/transoverlay-glossy.png');
}
table.datalist tfoot td {
/*font-size: 10px;*/
}

table.datalist tfoot th {
text-align:left;
font-size:135%;
text-transform:capitalize;
text-shadow: 0 1px 1px #fff;
background:#ccc url('../Images/notjustagrid/misc/transoverlay-glossy.png');
}
/* ----- */
/* tbody */
/* ----- */
table.datalist tbody tr th {
text-align:left;
font-size:135%;
text-transform:capitalize;
text-shadow: 0 1px 1px #fff;
background:#ccc url('../Images/notjustagrid/misc/transoverlay-glossy.png');
 /* Background image for browser which don't support nth-child */}

table.datalist tbody tr:hover {
background-color:#dcdcdc;
} /* Hover colour for Internet Explorer and other browsers which don't support nth-child */
table.datalist tbody tr:nth-child(odd) {
background-color:#eeeeee;
}
table.datalist tbody tr:nth-child(even) {
background-color:#f7f7f7;
}
table.datalist tbody tr:nth-child(odd):hover {
background-color:#f7f7f7;
}
table.datalist tbody tr:nth-child(even):hover {
background-color:#eeeeee;
}
table.datalist tbody tr:nth-child(odd) th {
/*background:#ccc url('../Images/notjustagrid/misc/transoverlay-glossy.png');*/
}
table.datalist tbody tr:nth-child(even) th {
/*background:#ccc url('../Images/notjustagrid/misc/transoverlay-glossy.png');*/
}

table.datalist.scrolling 
{
	max-height:500px;
	overflow:scroll;
}

table.datalist tbody td a[disabled='disabled']
{
	color:GrayText;
}