/**
 * The Sonic Center
 * skins2/datatable.css: TSC Data Table CSS.
 * Version: 3.9
 * Created: 2009/04/23 [based on skins2/style.css]
 * Accessibility: Direct.
 */

col.dataside
{
	/* width: 16px; */
}

/* Table decorations */
td.datacorner1, td.datacorner2, td.datacorner3, td.datacorner4
{
	background: no-repeat scroll;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/datacorner.png');*/
}
td.datatop, td.databottom
{
	background: repeat-x scroll;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/datahoriz.png');*/
	/*height: 16px*/
}
td.dataleft, td.dataright
{
	background: repeat-y scroll;
	/*background-image: url('/skins2/[skin]/[style]/[substyle]/images/datavert.png');*/
}

table.data
{
	background-color: #000000; /* [boxcolor]; */
	margin: 1em auto;
}

table.data table
{
	border-collapse: collapse;
	border-style: hidden;
}

table.data table th
{
	border: 1px solid #212421;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

table.data table td
{
	border: 1px solid #212421;
	padding: 2px;
}

/* Table cells */

/* Basic formatting for all table cells. */
td.datatd  a, td.datactd  a, td.datattd a, table.data table th a,
td.datatdS a, td.datactdS a, td.datatdA a, td.datactdA a,
td.datatdB a, td.datactdB a, td.datatdC a, td.datactdC a,
td.datatdD a, td.datactdD a, td.datatdE a, td.datactdE a,
td.datahtd a, td.datahctd a,
/* IE-only stuff */
td.datatdover  a, td.datactdover  a, td.datattdover a, th.datathover   a,
td.datatdSover a, td.datactdSover a, td.datatdAover a, td.datactdAover a,
td.datatdBover a, td.datactdBover a, td.datatdCover a, td.datactdCover a,
td.datatdDover a, td.datactdDover a, td.datatdEover a, td.datactdEover a,
td.datahtdover a, td.datahctdover a
{
	cursor: pointer;
	display: block;
	margin: -2px; /* We'll use only the links's padding so that the whole cell can flash on hover. */
	padding: 2px;
}

/* Link colors [except S-ranked cells] */
td.datatd  a:link, td.datactd  a:link, td.datattd a:link, table.data table th a:link,
td.datatdA a:link, td.datactdA a:link, td.datatdB a:link, td.datactdB a:link,
td.datatdC a:link, td.datactdC a:link, td.datatdD a:link, td.datactdD a:link,
td.datatdE a:link, td.datactdE a:link, td.datahtd a:link, td.datahctd a:link,
/* IE-only stuff */
td.datatdover  a:link, td.datactdover  a:link, td.datattdover a:link, th.datathover   a:link,
td.datatdAover a:link, td.datactdAover a:link, td.datatdBover a:link, td.datactdBover a:link,
td.datatdCover a:link, td.datactdCover a:link, td.datatdDover a:link, td.datactdDover a:link,
td.datatdEover a:link, td.datactdEover a:link, td.datahtdover a:link, td.datahctdover a:link,
/* Visited Link colors [except S-ranked cells] */
td.datatd  a:visited, td.datactd  a:visited, td.datattd a:visited, table.data table th a:visited,
td.datatdA a:visited, td.datactdA a:visited, td.datatdB a:visited, td.datactdB a:visited,
td.datatdC a:visited, td.datactdC a:visited, td.datatdD a:visited, td.datactdD a:visited,
td.datatdE a:visited, td.datactdE a:visited, td.datahtd a:visited, td.datahctd a:visited,
/* IE-only stuff */
td.datatdover  a:visited, td.datactdover  a:visited, td.datattdover a:visited, th.datathover   a:visited,
td.datatdAover a:visited, td.datactdAover a:visited, td.datatdBover a:visited, td.datactdBover a:visited,
td.datatdCover a:visited, td.datactdCover a:visited, td.datatdDover a:visited, td.datactdDover a:visited,
td.datatdEover a:visited, td.datactdEover a:visited, td.datahtdover a:visited, td.datahctdover a:visited
{
	color: #888;
}

/* Link colors [S-ranked cells only] */
td.datatdS a:link, td.datactdS a:link,
/* Visited Link colors [S-ranked cells only] */
td.datatdS a:visited, td.datactdS a:visited
{
	color: #333;
}

/* Centered cells */
table.data table th,      td.datahctd,
td.datactd,  td.datactdS, td.datactdA, td.datactdB,
td.datactdC, td.datactdD, td.datactdE, td.datahctd,
th.datathover,   td.datahctdover,
td.datactdover,  td.datactdSover, td.datactdAover, td.datactdBover,
td.datactdCover, td.datactdDover, td.datactdEover, td.datahctdover
{
	text-align: center;
}

/* TTD cell [not sure what this is] */
td.datattd, td.datattdover
{
	vertical-align: top;
}

/* Link Hover color [except S-ranked cells] */
td.datatd  a:hover, td.datactd  a:hover, td.datattd a:hover, table.data table th a:hover,
td.datatdA a:hover, td.datactdA a:hover, td.datatdB a:hover, td.datactdB a:hover,
td.datatdC a:hover, td.datactdC a:hover, td.datatdD a:hover, td.datactdD a:hover,
td.datatdE a:hover, td.datactdE a:hover, td.datahtd a:hover, td.datahctd a:hover,
/* IE-only stuff */
td.datatdover , td.datactdover , td.datattdover, th.datathover  ,
td.datatdAover, td.datactdAover, td.datatdBover, td.datactdBover,
td.datatdCover, td.datactdCover, td.datatdDover, td.datactdDover,
td.datatdEover, td.datactdEover, td.datahtdover, td.datahctdover,
td.datatdover  a, td.datactdover  a, td.datattdover a, th.datathover   a,
td.datatdAover a, td.datactdAover a, td.datatdBover a, td.datactdBover a,
td.datatdCover a, td.datactdCover a, td.datatdDover a, td.datactdDover a,
td.datatdEover a, td.datactdEover a, td.datahtdover a, td.datahctdover a,
td.datatdover  a:hover, td.datactdover  a:hover, td.datattdover a:hover, th.datathover   a:hover,
td.datatdAover a:hover, td.datactdAover a:hover, td.datatdBover a:hover, td.datactdBover a:hover,
td.datatdCover a:hover, td.datactdCover a:hover, td.datatdDover a:hover, td.datactdDover a:hover,
td.datatdEover a:hover, td.datactdEover a:hover, td.datahtdover a:hover, td.datahctdover a:hover
{
	background-color: #333;
	color: #CCC;
	cursor: pointer;
}

/* Background color for "H" cells */
td.datahtd, td.datahctd
{
	background-color: #333;
}

/* S-ranked cells */
td.datatdS, td.datactdS
{
	color: black;
	background-color: #818181; /* $c="#7777EE"; */
}
td.datatdS a:hover,		td.datactdS a:hover,
td.datatdSover,			td.datactdSover,
td.datatdSover a:link,		td.datactdSover a:link,
td.datatdSover a:visited,	td.datactdSover a:visited,
td.datatdSover a:hover,		td.datactdSover a:hover
{
	background-color: #C1C1C1; /* $c="#7777EE"; */
	color: #666;
	cursor: pointer;
}

/* A-ranked cells */
td.datatdA, td.datactdA
{
	background-color: #771A1A; /* $c="#DD5555"; */
}
td.datatdA a:hover,		td.datactdA a:hover,
td.datatdAover,			td.datactdAover,
td.datatdAover a:link,		td.datactdAover a:link,
td.datatdAover a:visited,	td.datactdAover a:visited,
td.datatdAover a:hover,		td.datactdAover a:hover
{
	background-color: #D55;
	color: #CCC;
	cursor: pointer;
}

/* B-ranked cells */
td.datatdB, td.datactdB
{
	background-color: #773A22; /* $c="#DD7744"; */
}
td.datatdB a:hover,		td.datactdB a:hover,
td.datatdBover,			td.datactdBover,
td.datatdBover a:link,		td.datactdBover a:link,
td.datatdBover a:visited,	td.datactdBover a:visited,
td.datatdBover a:hover,		td.datactdBover a:hover
{
	background-color: #D74;
	color: #CCC;
	cursor: pointer;
}

/* C-ranked cells */
td.datatdC, td.datactdC
{
	background-color: #66662A; /* $c="#CCCC55"; */
}
td.datatdC a:hover,		td.datactdC a:hover,
td.datatdCover,			td.datactdCover,
td.datatdCover a:link,		td.datactdCover a:link,
td.datatdCover a:visited,	td.datactdCover a:visited,
td.datatdCover a:hover,		td.datactdCover a:hover
{
	background-color: #994;
	color: #CCC;
	cursor: pointer;
}

/* D-ranked cells */
td.datatdD, td.datactdD
{
	background-color: #335544; /* $c="#66AA88"; */
}
td.datatdD a:hover,		td.datactdD a:hover,
td.datatdDover,			td.datactdDover,
td.datatdDover a:link,		td.datactdDover a:link,
td.datatdDover a:visited,	td.datactdDover a:visited,
td.datatdDover a:hover,		td.datactdDover a:hover
{
	background-color: #6A8;
	color: #CCC;
	cursor: pointer;
}

/* E-ranked cells */
td.datatdE, td.datactdE
{
	background-color: #3A3A77; /* $c="#7777EE"; */
}
td.datatdE a:hover,		td.datactdE a:hover,
td.datatdEover,			td.datactdEover,
td.datatdEover a:link,		td.datactdEover a:link,
td.datatdEover a:visited,	td.datactdEover a:visited,
td.datatdEover a:hover,		td.datactdEover a:hover
{
	background-color: #5555EE;
	color: #CCC;
	cursor: pointer;
}

/* Comments [except S-ranked cells]*/
span.comment
{
	color: #99C;
	font-style: italic;
}

/* Comments [S-ranked cells only] */
td.datatdS span.comment, td.datactdS span.comment,
td.datatdSover span.comment, td.datactdSover span.comment
{
	color: #447; /* Makes it readable */
}