/* ==================================================================== */
/* SCROLLING DATA GRID - IE ONLY!                                       */
/* ==================================================================== */
/* 
Tables inside a scrollingdatagrid should have:
 1. border-collapse:separate
 2. No border or margin
 3. Background colors on all cells to avoid bleed-thru on scroll
 4. cellspacing="0" on the <table> tag itself
*/
DIV.scrollingdatagrid {
	overflow-x:auto;
	overflow-y:auto;
	position:relative;
	padding:0px;
	font-size: 12px;
	border:1px solid #aaa;
}
DIV.scrollingdatagrid TABLE {
	width : 98.7%; /* Make room for scroll bar! */
	margin:0px;
	border:0px;
	border-collapse:separate;
}

DIV.scrollingdatagrid TABLE TR .locked, DIV.scrollingdatagrid TABLE THEAD TR, DIV.scrollingdatagrid TABLE TFOOT TR {
	position:relative;
}

/* OffsetParent of the TR is the DIV because it is position:relative */
DIV.scrollingdatagrid TABLE THEAD TR {
	top:expression(this.offsetParent.scrollTop);
}
/* OffsetParent of the THEAD and TFOOT locked column is the TR because it is position:relative */
DIV.scrollingdatagrid THEAD .locked, DIV.scrollingdatagrid TFOOT .locked {
	left:expression(this.offsetParent.offsetParent.scrollLeft);
}
DIV.scrollingdatagrid TBODY .locked {
	left:expression(this.offsetParent.scrollLeft);
}
/* The TFOOT should stick to the bottom of the DIV */
DIV.scrollingdatagrid TABLE TFOOT TR {
	top:expression(0 - this.offsetParent.scrollHeight + this.offsetParent.clientHeight + this.offsetParent.scrollTop);
}
/* Make the z-index values very clear so overlaps happen as expected! */
DIV.scrollingdatagrid TD, DIV.scrollingdatagrid TH { z-index:1; }
DIV.scrollingdatagrid TD.locked, DIV.scrollingdatagrid TH.locked { z-index:2; }
DIV.scrollingdatagrid THEAD TR, DIV.scrollingdatagrid TFOOT TR { z-index:3; }
DIV.scrollingdatagrid THEAD TR TH.locked { z-index:4; }

th{font-size: 12px}

/* table styles */
td.locked {
	color:#333;
	border-right:1px solid #aaa;
}
td.result {
	background-color:#ECE9D8;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

/* page styles */
#result_statement {
	border:1px solid #ccc;
	padding:4px;
	margin:4px;
	background-color:#f2f2f2;
}
/* CSS Document */
h1 span { color:#125eab; }
h1 { font-size:1.8em; color:#062b4f;}
#maincontent { padding:20px; }
#footer { padding-top:20px; }
#course_top p { padding-top:10px;}
#e-pic{ width:300px;height:200px;background:url(/images/site/corporate_top.png) left top no-repeat;}

h2 {
font-size:1.2em;
padding-top:45px;
font-weight:bold;
color:#062b4f;
}
#course_top a {
color:#2b5b96;
font-size:1em;
font-weight:bold;
}
#course_top {
float:left;
width:500px;
}
#corporate {
width:760px;
margin:0 auto;
padding:20px;
}
#forms {
padding-top:30px;
width:350px;
overflow:hidden;
float:left;
margin-left:20px;
}
#contact_form,#search_form {
padding:15px;
}
.cat_buttons { width:190px;display:block; clear:left; height:30px; padding-top:10px;padding-left:10px; color:#fff; font-weight:bold; font-size:1.0em; }
.contact_top {
padding-bottom:130px;
}
.button {
padding-top:20px;
}
#selections {
letter-spacing: 0;
font-size: 1.1em;
color:#3d414b;
font-family:arial;
}
#selections label {
width:120px;
float:left;
}
#contact_form p {
padding-top:5px;
}
#contact_form label,#selections label {
font-weight:bold;
}
#contact_form .txt {
padding-left:5px;
color:#39444d;
font-weight:bold;
color:#39444d;
background:url(/images/site/form_field_bg.png);
height:15px;
border:1px solid #ccc;
}
#contact_form .enquiry,#contact_form .address {
padding-top:1px;
padding-left:5px;
font-weight:bold;
color:#39444d;
line-height:18px;
height:124px;
width:180px;
background:url(/images/site/textarea_bg.png) top left;
margin:0 0 10px 0;
border:1px solid #ccc;
}
#contact_form .address {

height:70px;

}
#contact_form .required {
border: 1px solid #125eab;
}
			p#centres {
				display:none;
				font-family:Arial,;
				font-size: 1.1em;

				color:#3d414b;
			}
			#search_form, #contact_form {
				border:1px solid #ccc;
				background-color:#f2f2f2;
				margin:12px;
			}
			#contact_form {
				margin-top:0px;
                               width:300px;
			}
			#contact_form p {

				clear:both;
			}
			#contact_form label {
				display:block;
				float:left;
				width:90px;
			}
			#contact_form input.txt, #contact_form textarea.txt, #contact_form select {
				float:left;
				width:180px;
			}
			#form_msg {
				color:#b80000;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
                                background:#fff;
                                font-weight:bold;
			}
			select#test_id {
				margin-bottom:4px;
			}