@charset "utf-8";

body 
	{ 
		font: normal 80% Verdana, Arial, Helvetica, sans-serif;
		background: #EFEFEF;
	    text-align: left;
	    padding:25px 0px 25px 0px;
	    margin:0px;
    }

h1,h2,h3
	{
		margin:0px;	
	}  
	
a, a:visited
	{
		color:rgb(38,38,124);
	}

a:hover, a:active
	{
		color:rgb(255,153,0);	
	}

input, select, textarea
	{
		font:normal 1em Verdana, Arial, Helvetica, sans-serif;	
		padding:2px 1px;
	}

input.date, input.border, select.border, textarea.border, select.multiple
	{
		border:1px solid #7F9DB9;
	}

select 
	{
		padding:0px;
	}

#container
	{
		min-width:auto;
		width:auto;
		text-align:left;
		border:none;
		border-bottom:0px;
		background:#FFFFFF;
		margin:0px;
		padding:0px;
	}
	   
#container #header
	{
		display:none;
	}
	
#container #footer
	{
		display:none;
	}	
	
#container #userMenu
	{
		display:none;		
	}

#container #main
	{
		padding:0px 5px 0px 15px;
		margin:0px;
	}

#container #main #spacer
	{
		display:none;
	}
					
#container #main #leftBar
	{
		display:none;
	}
		
#container #main #body
	{
		padding:0px 10px 20px 10px;
		background:#FFFFFF;
	}
		
#container #main #body form
	{
		margin:0px;
	}

#container #main #body #loginContainer
	{
		border:1px solid rgb(38,38,124);
		width:300px;	
		padding:10px;
		margin:100px 0px;
	}	
						
#container #main #body #loginContainer h1
	{
		text-align:left;
		background: rgb(38,38,124);
		color:#FFFFFF;
		margin:-10px -10px 10px -10px;
		padding:3px 10px 3px 10px;
		font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
			
#container #main #body #loginContainer table
	{
		border:none;
	}

#container #main #body #loginContainer table input
	{
		width:150px;
		padding:2px 1px;
	}

#container #main #body #loginContainer #buttons
	{
		padding-top:10px;
	}
		
#container #main #body #loginContainer #buttons input
	{
		padding:0px;
		margin:0px 5px;
	}

#container #main #body span.error, #container #main #body #tableContainer #enterData.economy #newEntry span.error, #container #main #body span.warning
	{
		font:normal 1em Verdana, Arial, Helvetica, sans-serif;
		color:#FF0000;
	}

#container #main #body span.systemError
	{
		font:normal 1em Courier, Verdana, Arial, Helvetica, sans-serif;
	}

#container #main #body span.info
	{
		font:normal 1em Verdana, Arial, Helvetica, sans-serif;
		color:#FFAA00;
	}	
				
#container #main #body #tableContainer
	{
		text-align:left;
		border:1px solid rgb(38,38,124);
		border-top:0px;
		width:775px;
		padding:10px;
		margin:0px;
		margin-left:0px;
		background:#FFFFFF;
		font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	}

#container #main #body #tableContainer #submitButton 
	{
		display:none;
	}

#container #main #body #tableContainer h1
	{
		background: rgb(38,38,124);
		color:#FFFFFF;
		margin:-10px -10px 10px -10px;
		padding:10px 10px 5px 10px;
		height:18px;
		font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
							
#container #main #body #tableContainer h1 span
	{
		width:70%;
		display:block;
		float:left;
		height:18px;
		background: rgb(38,38,124);
		padding:0px;
		margin:0px;
	}
							
#container #main #body #tableContainer h1 span.right, #container #main #body #tableContainer h1 span.saved, #container #main #body #tableContainer h1 span.notSaved
	{
		text-align:right;
		font-size:.8em;
		float:right;
		width:25%;	
		padding-right:10px;	
	}		

#container #main #body #tableContainer h1 span.right
	{
		color:#BFCFFF;
	}

#container #main #body #tableContainer h1 span.saved
	{
		color:#00FF00;
	}
								
#container #main #body #tableContainer h1 span.notSaved
	{
		color:#FFFF00;
	}	

#container #main #body #tableContainer h2
	{
		color: rgb(38,38,124);
		font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	}
	
#container #main #body #tableContainer h3	
	{
		text-align:left;
		color: rgb(38,38,124);
		padding:5px 5px 10px 5px;
		font-size:1em;
	}

#container #main #body #tableContainer #buttonToolbar
	{
		margin-top:-20px;
		width:100%;
		height:37pt;
	}	

#container #main #body #tableContainer #buttonToolbar button
	{
		padding:0px;
		margin:0px 1px;
		height:35px;
	}
	
#container #main #body #tableContainer #buttonToolbar .button
	{
		font-size:.7em;
		text-align:center;
		display:block;
		width:45px;
		float:right;
	}
						
#container #main #body #tableContainer ul
	{
		color:#FF0000;
	}
			
#container #main #body #tableContainer #buttons
	{
		padding-top:10px;
		text-align:center;
	}

#container #main #body #tableContainer #buttons input, #container #main #body #tableContainer .buttons input
	{
		margin:0px 10px;
		padding:0px 3px;
	}
	
#container #main #body #tableContainer #buttons form
	{
		display:inline;
	}
		
#container #main #body #tableContainer #filter, #container #main #body #tableContainer #newEntry
	{
		text-align:center;
		margin:10px 0px;
		padding:10px 3px;
		border:1px solid #999999;
	}

#container #main #body #tableContainer #filter form
	{
		margin:0px;
		padding:0px;
	}

#container #main #body #tableContainer #enterData.economy h2
	{
		margin:5px 10px;
	}

#container #main #body #tableContainer #enterData.economy h3 
	{
		margin:15px 10px 0px 10px;
	}

#container #main #body #tableContainer #enterData.economy span.inline
	{
		margin:0px 10px 0px 10px;
		color:#000000;
		width:230px;
	}	
		
#container #main #body #tableContainer #enterData.economy #newEntry
	{
		margin:5px 10px;
	}	
	
#container #main #body #tableContainer #enterData.economy table
	{
		margin:10px 10px;
		width:97.5%;
	}	
	
#container #main #body #tableContainer #enterData.economy #newEntry span
	{
		color:#000000;
	}

#container #main #body #tableContainer #enterData.economy #newEntry input, #container #main #body #tableContainer #enterData.economy #newEntry select
	{
		width:auto;
	}			
							
#container #main #body #tableContainer #newEntry #clear
	{
		line-height:10px;
	}
	
#container #main #body #tableContainer button
	{
		margin:0px 5px;
		padding:0px;
	}
						
#container #main #body #tableContainer #newEntry #email, #container #main #body #tableContainer #newEntry #phoneNumber, #container #main #body #tableContainer #newEntry #address
	{
		padding-top:10px;
	}
	
#container #main #body #tableContainer #filter span, #container #main #body #tableContainer #newEntry span
	{
		padding:0px 5px;
	}
	
#container #main #body #tableContainer #filter span select, #container #main #body #tableContainer #filter span input, #container #main #body #tableContainer #newEntry select, #container #main #body #tableContainer #newEntry input
	{
		margin-top:2px;	
	}

#container #main #body #tableContainer #newEntry span select, #container #main #body #tableContainer #enterData.economy #newEntry span select
	{
		width:200px;
	}

#container #main #body #tableContainer #authorisedContact, #container #main #body #tableContainer #primaryContact, #container #main #body #tableContainer #businessContact
	{
		text-align:left;
		width:97%;
		display:block;
		float:left;
		margin:10px 5px;
		padding-bottom:10px;
	}	 

#container #main #body #tableContainer #authorisedContact .primaryAddress, #container #main #body #tableContainer #primaryContact .primaryAddress, #container #main #body #tableContainer #businessContact .primaryAddress	
	{
		font-weight:bold;
		float:right;
	}

#container #main #body #tableContainer .primaryAddress input
	{
		border:none;
	}

#container #main #body #tableContainer #authorisedContact, #container #main #body #tableContainer #businessContact
	{
		display:none;	
	}

#container #main #body #tableContainer #authorisedContact h2, #container #main #body #tableContainer #primaryContact h2, #container #main #body #tableContainer #businessContact h2
	{
		color: rgb(38,38,124);
		padding:0px 5px;
		margin-bottom:5px;
	}	

#container #main #body #tableContainer #authorisedContact h3, #container #main #body #tableContainer #primaryContact h3, #container #main #body #tableContainer #businessContact h3
	{
		color: rgb(38,38,124);
		padding:10px 5px 0px 5px;
		font-size:1em;
	}
		
#container #main #body #tableContainer #authorisedContact .column .field, #container #main #body #tableContainer #primaryContact .column .field, #container #main #body #tableContainer #businessContact .column .field
	{
		width:120px;
		display:block;
		float:left;
		margin:2px 0px 2px 2px;
	}
	
#container #main #body #tableContainer #authorisedContact .column table, #container #main #body #tableContainer #primaryContact .column table, #container #main #body #tableContainer #businessContact .column table
	{
		border:1px solid #DDDDDD;
		margin:5px 0px;
	}
		
#container #main #body #tableContainer #authorisedContact .column input, #container #main #body #tableContainer #primaryContact .column input, #container #main #body #tableContainer #businessContact .column input
	{
		width:450px;
		margin:2px 0px;
		padding:2px;
	}
			
#container #main #body #tableContainer #authorisedContact .column td.primary input, #container #main #body #tableContainer #primaryContact .column td.primary input, #container #main #body #tableContainer #businessContact td.primary input
	{
		width:15px;
		padding:0px;
	}	

#container #main #body #tableContainer #enterData
	{
		float:left;
		width:99%;
		margin:10px 0px;
		padding:10px 0px;
		border:1px solid #999999;
	}
						
#container #main #body #tableContainer #tabContainer
	{
		float:left;
		width:99%;
		margin-bottom:10px;
		padding:10px 0px;
		border:1px solid #999999;
		margin-top:-1px;
		z-index:-1;
	}
	
#container #main #body #tableContainer #enterData.economy
	{
		float:left;
		width:99%;
		margin:-1px 0px 10px 0px;
		padding:10px 0px;
		border:1px solid #999999;
	}
							
#container #main #body #tableContainer #tabContainer #cardContainerFront, #container #main #body #tableContainer #tabContainer #cardContainerBack
	{
		float:center;
		width:561px;
		border:3px outset #999999;
		padding:10px 10px 0px 10px;
		height:356px;
		background:#FFFFFF;
	}
	
#container #main #body #tableContainer #tabContainer #cardContainerBack
	{
		display:none;	
	}
	
 #container #main #body #tableContainer #tabContainer #cardContainerFront .columnLeft
	{
		margin-top:20px;
	}
			
#container #main #body #tableContainer #tabContainer h3.card
	{
		text-align:left;
		font:bold 3em Arial, Helvetica, sans-serif;
		color:#FF0000;
		padding:0px 0px 3px 10px;
		margin:0px;
	}	
		
#container #main #body #tableContainer #tabContainer h3.card span
	{
		text-align:left;
		font:italic 1em/.9em "Flemish Script";
		color:#FF0000;
		padding-left:10px;
	}	
			
#container #main #body #tableContainer  #tabContainer h4.card
	{
		text-align:left;
		margin:0px;
		font-weight:bold;
		font:italic 1.8em/1em Verdana, Arial, Helvetica, sans-serif;
		color:#FF0000;
		padding-left:10px;
	}
										
#container #main #body #tableContainer #tabContainer table
	{
		border:0px;
		margin:0px;
		padding:0px;
	}

#container #main #body #tableContainer #heading
	{
		text-align:center;	
		margin-top:10px;
	}	
	
#container #main #body #tableContainer #heading a.tab, #container #main #body #tableContainer #heading a.tabInactive
	{
		position:relative;
		text-align:center;
		font:bold .95em Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		padding:0px 50px;
		cursor:pointer;
		border:1px solid #999999;
		border-bottom:0px;
		display:block;
		float:left;
		background:#FFFFFF;
		z-index:1;
		margin-right:4px;
	}

#container #main #body #tableContainer #heading a#backView, #container #main #body #tableContainer #heading a#authorisedContactHeading, #container #main #body #tableContainer #heading a#businessHeading, #container #main #body #tableContainer #heading a.tabInactive
	{
		border-left:0px;
		background:#EFEFEF;
		border-bottom:1px solid #999999;
		border-left:1px solid #999999;
		text-decoration:none;
	}
	
#container #main #body #tableContainer #heading a#frontView, #container #main #body #tableContainer #heading a#applicantHeading, #container #main #body #tableContainer #heading a#EconomyDetails, #container #main #body #tableContainer #heading a#PaymentTypeDetails, #container #main #body #tableContainer #heading a#ImageDetails
	{
		padding-bottom:1px;
	}
														
#container #main #body #tableContainer #tabContainer table.front
	{
		font-weight:bold;
		margin:0px;
		padding:0px;
		border:0px;
		background: transparent url(../images/CardBG.jpg) no-repeat center top;
	}
																
#container #main #body #tableContainer #tabContainer table span.heading
	{
		display:block;
		margin:0px;
		font-style:italic;
	}
																
#container #main #body #tableContainer #tabContainer table.front th, #container #main #body #tableContainer #tabContainer table.back th
	{
		background:transparent;
		color:#000000;
		font-weight:normal;
	}
																	
#container #main #body #tableContainer #tabContainer table.front td
	{
		margin:0px;
		padding:11px 0px;
	}
																	
#container #main #body #tableContainer #tabContainer table.back
	{
		font-weight:normal;
		font-size:1.4em;
	}
																			
#container #main #body #tableContainer #tabContainer table td.seperator
	{
		padding-top:20px;
		border-top:1px solid black;
	}
							
#container #main #body #tableContainer #enterData .field
	{
		width:150px;
		display:block;
		float:left;
	}
		
#container #main #body #tableContainer #enterData .readOnly, #container #main #body #tableContainer #enterData .readOnlyTextArea
	{
		background: #EFEFEF;
		border:1px solid #C9C7BA;
		color: #2B2B2B;
	}
		
#container #main #body #tableContainer #enterData .readOnlyTextArea
	{
		height:auto;
	}		
						
#container #main #body #tableContainer #enterData input, #container #main #body #tableContainer #enterData select
	{
		margin:0px 5px;	
		width:190px;
		padding-left:2px;
		/*border:1px solid #7F9DB9;*/
	}
						
#container #main #body #tableContainer #enterData select
	{
		width:195px;
	}
		
#container #main #body #tableContainer #enterData textarea
	{
		margin:0px 5px;	
		padding-left:2px;
	}		
		
#container #main #body #tableContainer #enterData h3
	{
		font:bold 1.05em Verdana, Arial, Helvetica, sans-serif;
	}	

#container #main #body #tableContainer #enterData input.date
	{
		width:157px;
	}

#container #main #body #tableContainer #enterData .columnLeft, #container #main #body #tableContainer #tabContainer .columnLeft
	{
		text-align:left;
		width:49%;
		float:left;
		clear:both;
		padding:5px 0px 5px 5px;
	}
		
#container #main #body #tableContainer #enterData .columnRight, #container #main #body #tableContainer #tabContainer .columnRight
	{
		text-align:left;
		width:49%;
		float:left;
		padding:5px 0px 5px 5px;
	}

#container #main #body #tableContainer #enterData .columnLeftBox
	{
		text-align:left;
		width:47.5%;
		float:left;
		padding:5px 0px 5px 5px;
		margin-left:5px;
		border:1px solid #666666;
		background:#EFEFEF;
		height:135px;
	}

#container #main #body #tableContainer #enterData .columnLeftBox .multiple
	{
		margin-left:-1px;
		width:99%;
		height:auto;
	}
	
#container #main #body #tableContainer #enterData .columnRightBox
	{
		text-align:left;
		width:47.5%;
		float:right;
		padding:5px 0px 5px 5px;
		margin-right:5px;
		border:1px solid #666666;
		background:#EFEFEF;
		height:135px;
	}

#container #main #body #tableContainer #enterData .columnRightBox .field
	{
		width:140px;
		float:left;
	}
	
#container #main #body #tableContainer #enterData .columnRightBox .title
	{
		width:140px;
		float:left;
	}	
	
#container #main #body #tableContainer #enterData .columnRightBox .text
	{
		width:30px;
		float:left;
	}	
		
#container #main #body #tableContainer #enterData .columnRightBox input.path
	{
		width:340px;
		float:left;
	}	
	
#container #main #body #tableContainer #tabContainer .columnLeft
	{
		width:auto;
	}
		
#container #main #body #tableContainer #tabContainer .columnRight
	{
		width:350px;
		float:right;
	}
			
#container #main #body #tableContainer #enterData .columnRight #picture, #container #main #body #tableContainer #enterData .columnRight #signature
	{
		border:1px solid black;
		padding:5px 0px 5px 5px;
		background:#BFCFFF;
		margin-bottom:5px;
	}
	
#container #main #body #tableContainer #enterData .columnRight #picture img, #container #main #body #tableContainer #enterData .columnRight #signature img
	{
		border:3px double black;
	}
	
#container #main #body #tableContainer #enterData .button
	{
		margin:5px 0px 0px 157px;
	}		
				
#container #main #body #tableContainer #enterData .columnSingle
	{
		text-align:left;
		width:100%;
		padding:5px 0px 5px 5px;
	}
	
#container #main #body #tableContainer #enterData .columnSingle input
	{
		width:auto;
	}

#container #main #body #tableContainer #enterData ul
	{
		color:#000000;
		margin:0px;
		padding:0px;
	}
	
#container #main #body #tableContainer #enterData li
	{
		list-style-type: none;
		padding:3px 0px;
		font-size:.85em;
	}	
		
#container #main #body #tableContainer #enterData ul input
	{
		width:auto;
		margin:0px -1px 0px 0px;
	}

#container #main #body #tableContainer #warningNote
	{
		font-size:.85em;
	}

#container #main #body #tableContainer #warning, #container #main #body #tableContainer #warningNote
	{
		margin-top:10px;
	}
	
#container #main #body table
	{
		text-align:left;
		border:1px solid #999999;
		width:100%;
		font:normal 1em Verdana, Arial, Helvetica, sans-serif;
		background:#FFFFFF;
		margin-top:20px;
		width:100%;
	}
		
#container #main #body table select, #container #main #body table input
	{
		width:100%;
		margin:-2px;
		padding:0px;
		font:normal .9em Verdana, Arial, Helvetica, sans-serif;
	}

#container #main #body table input.date
	{
		margin-top:2px;
		margin-bottom:0px;
		width:auto;
		font:normal 1em Verdana, Arial, Helvetica, sans-serif;
		vertical-align:top;
	}

#container #main #body table td, #container #main #body table th
	{
		padding:3px 2px 3px 7px;
	}
			
#container #main #body table button
	{
		margin:0px 0px 0px 5px;	
		padding:0px;
	}
		
#container #main #body table th
	{
		background: rgb(38,38,124); 
		color:#FFFFFF;
		vertical-align:center;
	}
		
#container #main #body table th input
	{
		margin-right:3px;
	}
		
#container #main #body table .center
	{
		text-align:center;
	}
	
#container #main #body table tr.alternate
	{
		background: rgb(221, 227, 255); 
	}
		
#container #main #body table tr.footer
	{
		background: rgb(38,38,124); 
		color:#FFFFFF;
	}
		
#container #main #body table td.pager
	{
		text-align:right;
	}

#container #main #body table td.pager a
	{
		cursor:pointer;
	}
	
#container #main #body table td.pager a:hover, #container #main #body table td.pager a:active
	{
		text-decoration:underline;
	}
	
#container #main #body table tr.footer a
	{
		color:#FFFFFF;
		padding-right:10px;
		cursor:hand;
	}
		
#container #main #body table td.change, #container #main #body table td.APPROVED, #container #main #body table td.PENDING, #container #main #body table td.DECLINED
	{
		text-align:left;
		padding-left:5px;
		font-weight:bold;
	}
	
#container #main #body table td.APPROVED
	{
		background:#C1FFC1;
		color:#006400;
	}

#container #main #body table td.PENDING
	{
		background:#FFF68F;
		color:#8B7500;
	}

#container #main #body table td.DECLINED
	{
		background:#FFC1C1;
		color:#B22222;
	}

#container #main #body table a, #container #main #body table a:visited
	{
		background:transparent;
		text-decoration:none;
	}

#container #main #body table a:active, #container #main #body table a:hover
	{
		text-decoration:underline;
	}

#container #main #body table td.change, #container #main #body table .change a
	{
		color:#000000;
	}

#tabMenu 
	{ 
	    display:none;
    }
    
.passportChangeText
{
	text-align:center;
	color:grey;
}