body { font: 0.8em verdana; }

/* Datagrid Table */
table.tbl { width: 100%; border: 2px solid #c3daf9; font-size: 0.9em; clear: both; }
table.tbl1 { width: 100%; font-size: 0.9em; clear: both; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
td.tbl-header { background: url(http://www.areaadmin.co.uk/program_files/images/head_bg.gif); text-align: center; padding: 3px; font-weight: bold; border-bottom: 2px solid #c3daf9; }
tr.tbl-footer {}
table.tbl-footer { font-size: 1em; }
tr.tbl-row {}
tr.tbl-row:hover { background: #FFDFDF; } /* Old color: #E9E9E9 */
tr.tbl-row-even { background: #f4f4f4; }
tr.tbl-row-odd { background: white; }
tr.tbl-row-highlight:hover { background: #fffba6; cursor: pointer; }
td.tbl-nav { background: url(http://www.areaadmin.co.uk/program_files/images/head_bg.gif); height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; }
td.tbl-pages { text-align: center; }
td.tbl-row-num { text-align: right; }
td.tbl-cell {}
td.tbl-controls { text-align: center; }
td.tbl-found {}
td.tbl-checkall {}
td.tbl-page { text-align: right; }
td.tbl-noresults { font-weight: bold; color: #9F0000; height: 45px; text-align: center; }
span.tbl-reset { margin: 5px 5px; }
img.tbl-reset-image { margin-right: 5px; border: 0; }
span.tbl-create { margin: 5px 0; }
img.tbl-create-image { margin-right: 5px; border: 0; }
div.tbl-filter-box {}
img.tbl-arrows { border: 0; }
img.tbl-order-image { margin: 0 2px; border: 0; }
img.tbl-filter-image { border: 0; }
img.tbl-control-image { border: 0; }
span.page-selected { color: black; font-weight: bold; }
input.tbl-checkbox {}

.style1 {
	font-size: 9px
}
.style5 {font-family: Verdana}
.style7 {
	font-size: 9px;
	font-family: Verdana;
	font-weight: bold;
}
.style9 {font-size: 9px; font-family: Verdana; }
a {
	color: #333333;
	text-decoration: underline;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #006699;
	text-decoration: none;
}
.style10 {font-size: 12px}
.style11 {
	font-size: 14px;
	color: #FF0000;
}
.style12 {color: #FF0000}
.style13 {color: #009933}
.style14 {color: #00CC33}

/*********************       Ajax Ordering Start     *****************************/

#container{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#leftcol {
	margin-right : 5px;
	margin-left : 0px;
	padding:0px 0px 0px 0px;
}

#leftcol ul.sort{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul.sort li{
	cursor: move;
	margin:0px 0px 0px 0px;
	border:1px solid #CCC;
	padding:10px 0px 0px 5px;
	list-style:none;
	height:20px;
	text-align:left;
	width:100%;
}

/*ul.sort li.tbl-row-even { background: #f4f4f4; }
ul.sort li.tbl-row-odd { background: white; }
ul.sort li.tbl-row-even:hover { background: #FFDFDF; }
ul.sort li.tbl-row-odd:hover { background: #FFDFDF; }*/

ul.sort li.tbl-li { background: #EAEAEA; height:50px; margin-bottom:10px; }

.tbl-li-style2 {
	font-family: Verdana;
	font-size: 10px;
	color: #006699;
}
.tbl-li-style3 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.tbl-li-style5 {font-size: 11px;}
.tbl-li-style6 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}
.tbl-li-style7 {
	font-family: Verdana;
	font-size: 10px;
}
.tbl-li-style10 {font-size: 12px}
.tbl-li-style11 {	font-size: 14px;
	color: #FF0000;
}

/*********************       Ajax Ordering End     *****************************/