#rightnavcontainer
{
	margin:0px 0px 0px 684px;
	padding: 2px 0 0 0;
	position: relative;
	width: 6.25em;
	_max-height: 100px;
	max-height:100px; height:expression(document.body.clientWidth < 100? "100px": "auto" )
}
/* form styling */
#formz {
	/*float: left;*/
	/*min-width:400px; width:expression(document.body.clientWidth < 500? "500px": "500" );*/
	width: 500px;
	background:#E1E1E1;  
	color:#09357a; 
	border: 1px solid #FE5815; 
	margin-left: 5em;
	padding: 2em 0.1em;
}

#formz form input {color:#09357a; font-weight: bold;}
#formz form ul {list-style: none; margin: 0; padding: 0; display: block}
#formz form li {margin: 0.5em 0; clear: right;  }
#formz form li span.helpspan {position: relative; clear: none;}
#formz form label {float: left; width: 13.5em; display: block; margin-right: 0.5em; text-align: right}
#formz form input.gray {color: #C0C0C0; font-weight: normal; background-color: #E1E1E1;}
#formz form ul li input.checkbx { float: left; clear: right; display: block}
#formz form li span.reset {margin-left: 25em; }
#formz form li span.reset input{margin-left: 0.5em; } 
#formz {padding: 0}
#formz form ul li span.checkbxLabel label{clear: left; float: left; width: 40em; display: block; margin-right: 0.5em; text-align: left}
#formz form {font-size: 0.8em; margin-left: 1em;}


#content h2, #content h3 {color: #fe5815;}
#content h1 {font-size: 1.1em}
#content h2 {font-size: 1em}
#content h3 {font-size: 0.9em}
/* please note: that bg & txt colour of the help link should be associated with the bg & txt color of the help div */
#rightcolumn .help     {display: block; float: left: background: #F4DACE;  padding: 7px; color:#09357a; text-align:left; position: relative; top: 0;  width: auto; margin: 10px}
#rightcolumn div.help h3  {font-size:small; margin:0 0 0.5em 0}
#rightcolumn div.help p   {margin:0; font-size: 0.8em}
#rightcolumn #rightcolumn #help-acc-no.help, #rightcolumn #help-email-address.help {top: 0px;}




/* form fields */

#content table.formfields{width: 600px;}

#content table.formfields tr{                     
border: none;                 
margin: 0em;
align: left;
font-size: 0.83em;
}

#content table.formfields th, .prompt, .disabledPrompt{      
border: 0px black solid; font-weight: normal;         
padding: 0.1em;            
background: white;         
color: #09357a; 
text-align: right; 
vertical-align: top;
}

.disabledPrompt { 
color: gray; 
}

#content table.formfields th.heading{ 
padding: 0.5em;        
color: #09357a; 
font-size: 120%;             
text-align: right;  font-weight: bold; 
}

#content table.formfields td {       
border: 0px black solid;  
padding: 0.1em; background: white;         
color: #09357a; 
text-align: left; 
vertical-align: top;
}

#content table.formfields td.sign {
color: #09357a; font-weight: bold;            
text-align: right; 
vertical-align: middle;}

#content table.formfields td.shading-1{ background: #D9DFEC; font-weight: bold; padding: 1em; font-size: 1em }
#content table.formfields td.shading-1 li { border-left: 4em; }
#content table.formfields td.shading-2{ background: #D9DFEC; font-weight: bold; padding: 1em; }
#content table.formfields td.shading{ background: #00267F; font-weight: bold; padding: 1em; }
#content table.formfields td.shading-4{ background: #7F92BF; font-weight: bold; padding: 1em; }
#content table.formfields div.shading-3{ background: #FFF; width: 95%; font-weight: bold; padding: 20px; }
#content table.formfields td.normal{ font-weight: normal}
#content table.formfields td.caveat{ font-size: 0.78em}
#content table.formfields input, table.formfields select, table.formfields select:focus { color: #09357a; font-weight: normal; }
#content table.formfields p {color: #09357a;  text-decoration: none; font-weight: normal; font-size: 1em;}
#content table.formfields a:link {color: #09357a; text-decoration: underline; font-weight: normal;}
#content table.formfields a:visited {color: #09357a; text-decoration: underline; font-weight: normal;}
#content table.formfields a:hover{color: #09357a; text-decoration: underline; font-weight: normal;}
#content table.formfields a:active {color: #09357a; text-decoration: underline; font-weight: normal;}


input, select{ 
color: #09357a;
font-weight: normal;
font-size: 1em;
}

#content table.formfields input.button-next-reverse-colour {
font-size: 100%; 
background: #D9DFEC; 
color: #000; 
font-weight: normal;
}

#content table.formfields input.button-next {
font-size: 100%; 
background: #09357a; 
color: #FFFFFF; 
font-weight: normal;
}

#main-content h1.orange {color: #09357a;}
#main-content h2.orange {color: #09357a;}
#main-content h1.heading, #main-content h2.heading, #main-content h3.heading {color: #00267F;}
#main-content h1,#main-content h2,#main-content h3,#main-content h4 {color: #09357a; font-size: 1.1em;}
#main-content h1 {font-size: 1.3em; color: #fe5815}
#main-content h1.edf, #main-content h2.edf,#main-content h3.edf  {color: #09357a;}
#main-content span.ddError {text-align: left;  color: red; font-size: 1.4em; font-weight: bold; }

table.standard {
border-top:  1px solid #09357a;
border-left: 1px solid #09357a;
border-collapse: collapse;
color: #09357a;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
}

th.standard {
padding:2px;
border-right:  1px solid #000000;
border-bottom: 1px solid #000000;
}
			
th.standard.1 {	padding: 2px;}
td.standard.1 {	padding: 2px;}

@media screen {
#content {
            margin-left: 162px;
/*          margin-right: 205px;*/
            margin-bottom: 1.25em;
            padding-top:15px;
            padding-bottom: 1.25em;
            min-width:300px;
            }
}

@media print {
#content {
            margin-left: 42px;
/*          margin-right: 205px;*/
            margin-bottom: 1.25em;
            padding-top:15px;
            padding-bottom: 1.25em;
            min-width:300px;
            }
}

