@charset "utf-8";
/* CSS Document */

/* ------------------------------------------ RESET CSS -------------------------------------- */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/*li{list-style:none;}*/
caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; vertical-align: middle;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}del,ins{text-decoration: none}
ul { margin-left:2em;} 
/* ------------------------------------------ TAG GLOBAL -------------------------------------- */
strong { font-weight:bold; }
html {height: 100%;}
body {font-size: 70%;font-family: Arial, Sans-Serif, Trebuchet MS; }
div { background-repeat: no-repeat;}
a, a:link, a:visited, a:active { font-weight: bold; text-decoration: none;}

ul { margin-left: 15px;}
li { margin: 5px 5px 5px 5px; padding-left: 5px; list-style-type: disc;}
 
/* ------------------------------------------ COLOURS (custom backgrouds) -------------------------------------- */
/* Primary: 143265 | 0A1F62 , Secondary: 5C87C6 | 7FC41C*/
body { color: #666;}
h1 { color: #143265;}
h2 { color: #5C87C6; border-bottom: solid 1px #5C87C6; }
h3 { color: #5C87C6;}
h4 { color: #5C87C6;}
div#tFrame .tInner, #tHeader { border-color: #384F5C;}
#tHeader img { border-bottom-color: #eee;}
div.errors { background-color: #EAEADB; }
div.errors h6 { color: #000;}
div.errors  ul { background-image:url(error-icon.gif); margin-left: 15px; background-position: 0px 15px; background-repeat: no-repeat;}
div.errors ul li, .error { color: Red;}
.row { background-color: #EAEADB; }
.row { color: #555;}
h4.row { background-color: #fff; border-color:  #EAEADB; color: #333; font-weight: bold;  }
.row label { color: #143265;}
input.text { border-color: #143265; }
.formNav input {color: #ddd;  background-color: #143265;  border-color: #aaa; }
.formNav input:hover, .formNav input.hover { color: #fff; border-color: #5C87C6;}


/* ------------------------------------------ HEADINGS -------------------------------------- */
h1,h2,h3,h4,h5,h6{ font-weight: bold; clear: left;}
h1 {font-size:2.0em;  font-weight: normal;}
h2 {font-size:1.6em;  font-weight: normal;}
h3 {font-size:1.5em;  font-weight: normal;}
h4 {font-size:1.2em;  font-weight: normal;}
h1,h2,h3 {margin: 0.5em 0;}

/* ------------------------------------------ DOCUMENT STRUCTURE -------------------------------------- */
div#tFrame { width: 802px; margin: 0 auto 0 auto; position: relative;}
div#tFrame .tInner { height: 100%;  padding: 1px 10px; border-style: solid; border-width: 1px; border-top: none;}
#tHeader {  border-style: solid; border-width: 1px; border-bottom: none;}
#tHeader img { display: block;  border-bottom-style: solid; border-bottom-width: 1px; }
div#tMain { padding-bottom: 20px; _height: 330px; min-height: 330px;}

/* #tFooter { text-align: right; position: absolute; bottom: -17px; left: 1px; width: 800px;} */
#tFooter li { margin: 0; padding: 0px 10px; display: inline; font-weight: bold;}

#tFooter li.first { float: left;}
#tFooter li.last { float: right;}

#tFooter li a { text-decoration: none;}

/* ----------------------------------------- INPUT AND FORMS -------------------------------- */
.formNav { text-align:right;  clear: both; margin: 1px 0; padding: 10px 0;}
.formModule h4, .formModule h3, .formModule h2  { margin: 10px 0 1px 0; padding: 5px 5px 5px 0; }
h4.row { border-style: solid; border-width: 0px;}
.row { margin: 2px 0; padding: 10px; overflow: hidden;}
.row label { float:left; font-weight:bold; width:210px;  font-weight: bold; text-align:left; padding:2px 10px 2px 0;  }
.inputFields label { display: inline; width: auto; padding: 0; text-align: left; float: none;}
.inputFields input.radio, div#content .inputFields input.checkbox {float: left; display: block; margin-right: 5px;}
.inputFields { margin-left: 210px}

.formModule p {margin: 5px 0;  }
div.checkboxFullWidth div.inputFields{ margin-left: 0;}
input.text {width: 200px;}
input.tiny {width:40px}
input.small {width:100px}
input.medium {width:200px;}
input.large {width:300px}

input { border-style: solid; border-width: 1px; padding: 2px;}
input.checkbox { border:none;}

/* Buttons */

.formNav div.next { float: right;}
.formNav div.back { float: left;}

.formNav input {  padding: 3px 10px; _padding: 2px 6px; cursor: hand; cursor: pointer; font-size: 1.3em; font-weight: bold; border-width: 1px; border-style: solid;}



/* ------------------------------------------ ERROR MESSAGES -------------------------------------- */
div.errors { padding: 10px; margin: 15px 0; font-size: 105%; font-weight: bold; }
div.errors h6 { margin: 0px; padding: 0; }
div.errors ul { padding: 10px 0 10px 34px; margin: 0; margin-left: 5px; }
div.errors ul li { list-style-type: none; margin: .2em 0; padding: 2px 0;}
.error { font-size: 120%; font-weight: bold; }
/* ----------------------------------------- TABLES ----------------------------------------- */
.confirmation { margin-bottom: 20px; }
.confirmation table { padding:0; width: 100%; }
.confirmation table tr td { padding: 6px;}
.confirmation table tr td.label { width: 200px; padding-left: 0px; text-align: right; font-weight: bold; vertical-align:top;}
.confirmation table th { border-bottom-width:3px; text-transform:uppercase; }
.confirmation h4 { border-bottom: solid 1px #ccc; text-transform:uppercase; }


span.hint { padding-left: 10px; display: block;}



/* Print Styles */

@media print
{
	                                            
	div#tFrame 
	{
		width: 95%;
		border: none;
	}	
}