/*--- Form Styles for ISAS site */
/* Colin Kelly - address any questions to colinky at gmail.com */

	.form { display:block; float:left; margin:0; padding:0; width:664px; }
	
		.pi { width:700px; margin:20px 0 0 0; }
		
		/* Fieldset & legend positioning tweaked to handle IE bg colour bleed issue */
		fieldset {
			display:block;  
			width:578px; _width:538px;
			margin:0 0 5px 0; padding:0px; 
			border:0px solid #c47d1a;
			border-radius:7px;
		}
		
		.pi fieldset { float:left; }
		
		legend {
			/*position:absolute; top: -0.6em; left: 0.2em;
			padding:0px 8px; background: #f5f5f5;
			font:bold 10pt helvetica, tahoma, sans-serif; color:#3c49a2;
			color:#003f87; font-weight:bold;
			border:1px solid #ccc; border-bottom-color:#999; border-right-color:#999;			
			*/
			font-weight:bold;
			width:100%;
				
		}			

		.form label { 
			float:left; 
			line-height:12px;
			width:246px; height:22px;
			margin:8px 0 0 0; /* CK: set top margin same as form input - textarea etc. elements */
			padding:0; 
			text-align:right;
			
		}
		.pi label { width:212px; }

		.form label.labelCheckbox { 
			display:block; width:400px;
			margin:6px 0 0 254px; padding:3px 0 0 0;  
			text-align:left;
		}
		
		.form label.labelTsCs { width:100%; text-align:left; font-size:100%; }

		.form input, .form textarea, .form select {
			width:236px; height:22px;  /* set width of form elements to auto-size, otherwise watch for wrap on resize */
			margin:5px 0 8px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
			padding:2px 0 0 0;
			color:#73777f;
			border:1px solid #ccc /*#666*/; 
			line-height:22px;
			vertical-align:top;
			float:left;
			background:#fcfcfc;
		}
		.pi input { margin-left:24px; font:bold 12pt arial; color:#999; vertical-align:middle }
		
		.form input.text {  }		
		.form select { float:left; width:238px; padding:0; }
		
		.form select.selectCountry { height:24px; width:238px; }
		
		.form textarea { overflow:auto; height:80px; font:.9em normal Tahoma, verdana, sans-serif; }
		
		/* .sfFocus to mimic :focus pseudo class in IE */
		.form input:focus, .form textarea:focus, .form select:focus, 
		.form input.sffocus, .form textarea.sffocus, .form select.sffocus { background-color:#F5F6F1; color:#36435a; } /* f0f2f4 */	

		/* To stop <input type=hidden> having margin, height etc */
		.form input.hidden { display:none }
		
		.form input.checkbox { width:16px; height:16px; margin:0px 6px 0 2px; padding:0; border:0; }
		
		.form input#roi7, .form input#roi8, .form input#roi9 { margin-bottom:20px; }
		
		.form br { clear:left; }
		
		.form div.formButton { text-align:center; width:152px; float:left; _float:none; clear:both; margin:10px 0 20px 299px; padding:0; background:none; border:0; }
		
		.pi div.formButton { width:700px; margin:10px 0 0 5px;  }
		
			.form div.formButton input { 
				display:block; 
				float:none; 
				width:152px; height:32px;
				margin:0 auto; padding:0;
				text-indent:-9999px;
				background:none; border:0; 
			}
			
					
		/* Other  */
		.form p { width:200px; height:auto; float:left; text-align:right; margin-right:10px; }
		.form p.p100 { width:200px; text-align:left; }  	
		.form p.p100Small { width:200px; text-align:center; font-size:.75em }  		
		.form p.fullWidth { width:100%; float:left; text-align:left; }
				
		.asterisk { color:#C4201D; font-weight:bold; }		
		
		h2.error { color:#ff0000 }