


/* Datatable 1 - grey */

.datatable1
{
	width: 100%;
}

.datatable1 td, .datatable1 th
{
	padding: 3px;

}
.datatable1 thead
{	
	font-weight: bold;
	background-color: #ccc;
}
.datatable1 thead th.nosort:hover
{	
	background-color: #ccc;
	cursor: auto;
}
.datatable1 thead th:hover
{	
	background-color: #bbb;
	cursor: n-resize;
}

.datatable1 .odd
{
	background-color: #f8f8f8;
}

.datatable1 .even
{
	background-color: #e8e8e8;
}

.datatable1 tbody tr:hover
{
	background-color: #d8d8d8;
}

/* End datatable 1 - grey */










/* Datatable 2 - Purple/blue */

.datatable2
{
	width: 100%;

}

.datatable2 td, .datatable2 th
{
	padding: 3px;
}

.datatable2 thead
{	
	font-weight: bold;
	background-color: #aaaaff;
}

.datatable2 thead th:hover
{	
	background-color: #9090ee;
	cursor: n-resize;
}

.datatable2 thead th.nosort:hover
{	
	background-color: #aaaaff;
	cursor: auto;
}

.datatable2 .odd
{
	background-color: #ddddff;
}

.datatable2 .even
{
	background-color: #eeeeff;
}

.datatable2 tbody tr:hover
{
	background-color: #ffdddd;
}

/* End datatable 2 */

/* Datatable 3 - Purple/blue, no colouring middle */

.datatable3
{
	width: 100%;
	
}

.datatable3 td, .datatable3 th
{
	padding: 3px;
	font-size: 11px;
}

.datatable3 thead
{	
	font-weight: bold;
	background-color: #aaaaff;
}

.datatable3 thead th:hover
{	
	background-color: #9090ee;
	cursor: n-resize;
}

.datatable3 thead th.nosort:hover
{	
	background-color: #aaaaff;
	cursor: auto;
}
/* End datatable 3 */
