/* Form Styles for Active Mind Online Coaching Application */
/* Author: Colin Kelly - colinky at gmail.com */
.bookingForm { margin:0 auto; padding:0; width:100%; min-width:400px; /* for 800x600 res */ }
.bookingForm select { margin:0; }
.bookingForm select {
			width:57%; height:18px;  /* set width of form elements to auto-size, otherwise watch for wrap on resize */
			margin:6px 0 6px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
			padding:3px 1px 1px 1px;
		/*	color:#AFAFAF; */
		    color:#3d5a36;
			border:1px solid #ccc; 
			line-height:18px;
		}
		.bookingForm select { height:22px; width:58%; padding:1px; vertical-align:top; }
		.bookingForm select.selectWide { width:90%; }		
		.bookingForm select.w250 { width:250px; }
		.bookingForm select.selectMid { width:160px; }
		.bookingForm select.selectNarrow { width:50px; }
		.bookingForm label {display:block; float:left; width:33%; height:20px; padding-top:10px; text-align:right; color:#597e16; font-weight:bold; }

	.form { margin:0 auto; padding:0; width:100%; min-width:400px; /* for 800x600 res */ }
		.blue_Cll{ color:#1799c8;}
		
		.form.fifty { width:50%; }
		.form.seventy { width:70%; }
		.form.seventy1{ width:78%; }
		
		/* 50/50 Form split */
		.formL50 { display:block; float:left; width:459px; border-right:1px solid #b6b6b8; }
		.formR50 { display:block; float:left; width:460px; border:0; }	
		.formCentre { width:600px; height:auto; float:none; margin:0 auto; }
		.formCentreBookHistory { width:700px; height:auto; float:none; margin:0 auto; }
						
		fieldset {
			margin:10px auto 30px auto; 
			padding:0px 12px 12px 12px; 
			#padding:15px 12px 12px 12px;
			background:#FAFAFA;
			border:1px solid #ccc;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			position: relative;
		}
		
		.fieldset_ie8{padding/*\**/:15px 12px 12px 12px\9}
		
			fieldset.fUpload { margin:0 auto; padding:20px; text-align:center }
		
		legend {
			font:bold 15px arial, tahoma, sans-serif; color:#597e16;
			border:1px solid #ccc; border-bottom-color:#999; border-right-color:#999;
			background: #f5f5f5;
			margin:10px 0 10px 0; padding:3px 25px 3px 10px;
			position:absolute; 
			top: -1.6em;
			left: 1em;
		}
		
		
		.form label {display:block; float:left; width:33%; height:20px; padding-top:10px; text-align:right; color:#597e16; }
				
		.form label.labelRadio { /* For horizontally aligned radio labels */ 
			width:auto; height:auto;
			margin:0 0 0 10px; padding:10px 0 0 0;
		}
			.form label.labelRadio input { float:left; margin:0; }

		.form label.labelWrap { text-align:left; margin:0; padding:0 }
		
		.form label.labelChkBox { width:auto; height:auto; text-align:left; margin:2px 0 6px 15px; padding:0; clear:both; }
			.form label.labelChkBox .checkbox { float:left; margin:0 1px 0 0; padding:0; }
		
		label.labelChkBoxInline { vertical-align:middle; margin:0; padding:0; } 
		label.labelChkBox .checkboxInline { vertical-align:middle; }
		
		label.labelChkBoxInline.days { width:80px; background:pink; vertical-align:top; margin:0 0 0 10px; padding:0; }
		
		.form input, .form textarea, .form select { margin:0; }
		.form input, .form select, .form textarea, .form label { font: normal arial, Tahoma, sans-serif; }
		.form label { font-weight:bold } 
		.form th { font-size:.8em }
		.form input[type=file]{margin:6px 0 0 10px;}
		
		.holderDays { width:385px; _width:390px; margin:10px auto 0 auto; padding:0; text-align:center; }
		label.labelDays { text-align:left; width:55px; margin:0; _margin:10px 0 0 0; padding:0; }
		.chkBoxDays { width:16px; height:16px; vertical-align:top; margin:0; padding:0; }
		label.label100 { width:100%; _width:97%; margin:0 auto; text-align:center; }
		
		
		.form input.text, .form input.textWide, .form input.textNarrow, .form textarea, .form select {
			width:57%; height:18px;  /* set width of form elements to auto-size, otherwise watch for wrap on resize */
			margin:6px 0 6px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
			padding:3px 1px 1px 1px;
		/*	color:#AFAFAF; */
		    color:#3d5a36;
			border:1px solid #ccc; 
			line-height:18px;
		}
		.form input.smallText{
		   width:265px; height:18px;  /* set width of form elements to auto-size, otherwise watch for wrap on resize */
			margin:6px 0 6px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
			padding:3px 1px 1px 1px;
		/*	color:#AFAFAF; */
		    color:#3d5a36;
			border:1px solid #ccc; 
			line-height:18px;
		}
		.textWide_new{
			width:90%; #width:100px; height:18px;  /* set width of form elements to auto-size, otherwise watch for wrap on resize */
			margin:0px 0 0px 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
			padding:3px 1px 1px 1px;
			color:#AFAFAF;
			border:1px solid #cccccc; 
			line-height:18px;
		}
		
		.form select, .newInputBox { height:22px; width:58%; padding:1px; vertical-align:top; }
		
		.form input.textWide { width:90%; }	
		.form input.text.w246 { width:246px; }	
		.form input.text.w227 { width:227px; }
		.form input.text.w150 { width:150px; }	
		.form input.textNarrow { width:80px }
		
		/* To stop <input type=hidden> having margin, height etc */
		.form input.hidden { display:none }
		
		/* Browse for file upload */
		.form input.upload { width:auto; height:auto; }
		
		.form textarea { overflow:auto; height:80px; }
		.form textarea.textareaWide { width:90%; #width:150px; height:30px; overflow:auto; }
				
		.form select.selectWide { width:90%; }		
		.form select.w250 { width:250px; }
		.form select.selectMid { width:160px; }
		.form select.selectMid350 { width:350px; }
		.form select.selectNarrow { width:50px; }
		
		select.noMargin { margin:0; }
		
		.form select.selectMultiple { height:180px; }
		.form select.selectInline { margin-top:0; _margin-top:2px; }
		
		/* .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:#d9e5ec; color:#3d5a36; } /* f0f2f4 */	
	textarea.ieFocusHack,input.ieFocusHack { background-color:#d9e5ec; color:#3d5a36; }		
		input.checkbox, input.radioFirst, input.radio, input.radioVertical  { 
			border:0; width:16px; height:16px;
			margin:2px 0 0 10px;  /* indent the first radio button by 10px */
			background:none; 
		} 
		input.radio { margin-left:0; float:none; }
		input.radioVertical { float:left; }

		input.checkbox, input.radioVertical { margin:5px 0 5px 10px; }
		
		table.tableContainerForm td input.textNarrow, table.tableContainerForm td select.selectWide,
		table.tableContainerForm td textarea.textareaWide { margin-left:0; }
		table.tableContainerForm td select.selectWide { width:120px;}
		
		/* Styled file input (browse for upload) */
			#divinputfile {
				width:245px; height:28px; margin:0 auto;
				background:url(../images/buttons/browse.gif) center right no-repeat;
			}
			#divinputfile.profile { margin:3px 0 0 10px; float:left; text-align:right; }
			
			#divinputfile #video, #divinputfile #image {
				opacity: 0.0;
				-moz-opacity: 0.0;
				filter: alpha(opacity=00);
				height:28px; 
			}
			#fakeinputfile { height:24px; margin-top:-26px; } 
			#fakeinputfile #fakefilepc { 
				float:left; width:157px; height:16px; 
				line-height:16px; padding:2px 0; 
				vertical-align:middle; font-size:1em; 
				border:1px solid #ccc;
				font-size:.8em;
			}	
				
		/* End styled file input */
		
		.form span { 
			display:block; float:left;
			text-align:left;
			margin:0; /*5px 0 5px 10px; */
			border:0px solid red;
		}

		.containerSelect { 
			display:block; float:left; text-align:right; width:50%; 
		} 
		.containerSelect select { float:right; width:90% } 
		
		.form .required { font-weight:bold; } 

		.form br { clear:left; }
		
		/* Other  */
		.form p { width:50%; height:auto; text-align:right; margin:0 10px 0 0; padding:0; }
		.form p.p100 { width:98%; _width:95%; text-align:left; }  	
		.form p.p100Small { width:98%; _width:95%; text-align:center; font-size:.75em }  		
		
		.form p span { float:none; display:inline }
				
		
		.containerButton { float:left; width:100%; text-align:center; padding:10px 0; }
			
			.containerButton div { 
			/* appears differently on every browser... */
				width:auto; height:auto; 
				display:inline; margin-right:5px; padding:7px 2px 9px 2px; 
				background:#8aba02; 
				vertical-align:middle;
			}
			
			.containerButton input { 
				width:auto; height:auto; 
				padding:3px 6px; text-transform:uppercase;
				font-size:.85em; font-weight:bold; 
				/* Alters button gradient effect on every browser: border:2px solid #8aba02;*/
			}
/*		
.formbutton {cursor:pointer; background:url(../images/formbg.gif) repeat-x left top; border:none; /*padding: 0px 10px;*/ /*border:1px solid #2e4c80 !important;
height:23px !important; color:#000;}	
*/
.formbutton {cursor:pointer; background:url(../images/formbg.gif) repeat-x left top; border:none; padding: 0px 10px; border:1px solid #2e4c80 !important; height:23px !important; color:#525252 !important; font-weight:bold !important; font-size:0.65em !important;}