/* General Styles */

body, 
td, 
th { 
	font-family: Arial, Helvetica, sans-serif;
}


body,
a,
img,
form { 
	padding: 0px; 
	margin: 0px; 
}

check, 
radio {
	border:none;
	text-align:left;
	colour:#fff;
}

/* Padding for toolbar links */
img {
	border: 0px none;
	padding:1px 0 0 2px;
	vertical-align:middle;
}

/* Heading 1 style */
.title1 {
	margin: 10px 10px 10px 10px; 
	color:#003366; 
	font-size: 14px; 
	font-weight: bold;
	line-height:25px;
}

/* Heading 2 style */
.title2 {
	margin: 8px 8px 8px 10px; 
	color: #003366; 
	font-size: 13px; 
	font-weight: bold;
	line-height:22px;
}
	
/* Heading 3 style */
.title3 {
	margin: 6px 6px 6px 10px; 
	color: #003366; 
	font-size: 11px; 
	font-weight: bold;
	line-height:20px;
}
	
.title4 {
	margin: 6px 6px 6px 0px; 
	color: #003366; 
	font-size: 11px; 
	font-weight: bold;
	line-height:20px;
}
	
.norm-text {
	margin: 6px 6px 6px 10px; 
	color:#333333; 
	font-size: 11px; 
	line-height:18px;
}
	
.require {
	font-weight: bold;
	color:#FF0000;
	font-size:16px;
	padding:0px 5px;
}
	
/* Link Colour */
a:link { 
	color: #000000; 
	text-decoration: none; 
}

/* Link Visited Colout */
a:visited { 
	color: #0B55C4; 
	text-decoration: none; 
}
	
/* Link hover colour */	
a:hover {
	color:#0F7FB9;
}

fieldset {
	margin-bottom: 10px;
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: left;
}

legend {
	color: #003366;
	font-size: 12px;
	font-weight: bold;
}

fieldset p {
	margin: 10px 0px;
}
	
input.button {
	font-size: 11px;
	cursor: pointer;
	border:0px;
}

/* background colour on focus */
input:focus, 
select:focus, 
textarea:focus, 
button:hover,
input.button:hover {
	background-color:#fff0cb;
}

	
.button {
	font-size: 11px;
	cursor: pointer;
	border:0px none;
}
	
.disabledField { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	border: 1px solid silver;
	background-color:#FFFFFF;
	padding:4px;
}
	
.textField { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border: 1px solid silver;
	background-color:#FFFFFF;
	padding:4px;
}

.dropDownField { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:4px 2px;
	border: 1px solid silver;
	background-color:#FFFFFF;
	width:100%;
}

.checkbox {
	font-size:11px;
	float:left;	
	margin-right:2px;
	margin-left:6px;
}

.hint {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;	
}

div.fileUploadField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px solid #AAAAAA;
	border-bottom:0px none;
	margin:0px;
	padding:5px;
	background-color: #ffffff;
}
	
div.fileUploadField ol {
	list-style-position:inside;
	margin:0px;
	padding:0px;
}
	
div.fileUploadField ol li {
	padding:0px;
	margin:0px;
}
	
iframe.fileUploadField {
	height:25px;
	border:1px solid #AAAAAA;
	border-top:0px none;
	background-color: #ffffff;
	margin:0px;
	padding:5px;
}

div.imageUploadField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px solid #AAAAAA;
	border-bottom:0px none;
	margin:0px;
	padding:5px;
	background-color: #ffffff;
}
	
div.imageUploadField ol {
	list-style-position:inside;
	margin:0px;
	padding:0px;
	clear:both;
}
	
div.imageUploadField ol li {
	padding:0px;
	margin:0px;
	display:block;
	clear:both;
}

div.imageUploadField ol li div{
	padding:5px;
	background-color: #ffffff;
}

div.imageUploadField ol li div a{
	text-decoration: underline;
}

div.imageUploadField ol li div a:hover{
	text-decoration: underline;
}

iframe.imageUploadField {
	height:25px;
	border:1px solid #AAAAAA;
	border-top:0px none;
	background-color: #ffffff;
	margin:0px;
	padding:5px;
}


/* Standard styles */

.clear {
	clear: both; 
	overflow:hidden;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1px;	
}

.left { text-align:left; float:left; }
.right { text-align:right; float:right; }
.center { text-align:center; }
.bold { font-weight:bold; }

.wAuto { width:99%; }	

.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }

.w25px { width:25px; }
.w50px { width:50px; }
.w75px { width:75px; }
.w100px { width:100px; }
.w150px { width:150px; }
.w200px { width:200px; }
.w250px { width:250px; }
.w300px { width:300px; }
.w350px { width:350px; }
.w400px { width:400px; }
.w450px { width:450px; }
.w500px { width:500px; }
.w550px { width:550px; }
.w600px { width:600px; }
.w650px { width:650px; }
.w700px { width:700px; }
.w750px { width:750px; }
.w800px { width:800px; }
.w850px { width:850px; }

.h25px { height:25px; }
.h50px { height:50px; }
.h75px { height:75px; }
.h100px { height:100px; }
.h150px { height:150px; }
.h200px { height:200px; }
.h250px { height:250px; }
.h300px { height:300px; }
.h350px { height:350px; }
.h400px { height:400px; }
.h450px { height:450px; }
.h500px { height:500px; }
.h550px { height:550px; }
.h600px { height:600px; }
.h650px { height:650px; }
.h700px { height:700px; }
.h750px { height:750px; }
.h800px { height:800px; }
.h850px { height:850px; }
