

/* CSS Document OPWEBDEV

===FORM styles for the masses === 

===Global form styles that will cover all new accessible form styles===*/
	
	ul.radlist20 {margin-left:20px;}
	ul.radlist40 {margin-left:40px;}
	ul.radlist20, ul.radlist40 {clear:left;}
	ul.radList li {margin-right:20px;}
	
	.rad1, .checkbox1 {border:none;}

/*===ENROLMENT application forms === */

#check1 {float:left; padding-left:10px; padding-bottom:1em;}
#check2 {float:left; margin-left:80px;}
#check1 label, #check2 label {display:inline;}

#formShell fieldset {margin:10px 0 0 0; padding:0;}
#formShell fieldset span {border:1px solid #d8d8d8; background:#f8f8f8; display:block; padding:5px 0 12px 0;}
	
	#formShell h2,
	#formShell h3,
	#formShell h4 {padding:.6em 0 .6em 10px; clear:left;}
	
/*	#formShell.box700 p {width:670px;}
		
	#formShell legend {
			padding-left:2em; 
			margin:0 0 0 20px; 
			font-size:1.3em; 
			line-height:1.3em;   
			font-weight:bold; 
			color:#55c73d; 
			background:url(../images2/bgnoFsLegendStart.gif) no-repeat 20px 1px;}	*/		

	#formShell legend span {
/*			margin:0; 
			background:#fff url(../images2/bgnoFsLegendEnd.gif) no-repeat right 0;	*/
			padding:0 1em 1px 0;
			border:none !important;
			background:none;
			font-size:1.3em;
			font-weight:bold;
			padding:3px;}	
		
	#formShell {padding:0;}

	#formShell li {padding-right:20px;}
	
	#formShell input.radio {border:none !important;}
	
	#formShell label {width:170px; float:left; margin:.3em 10px 0 0; clear:left;}
	#formShell label.longLabel {width:25em;}
	#formShell li label {float:none;}
	#formShell p {margin:0 0 .5em 10px;}
	#formShell p.note {padding:0 10px;}
	#formShell.box500 p.required, #formShell.box700 p.required {background:none !important; margin:15px 15px 0 0;}
	#formShell span.star {background:none !important; display:inline; font-size:1.4em; border:none !important;}
	
	#appForm div.note {margin:5px 10px 0 10px;
	border:1px solid #999;
	background:#fff;
	padding:5px;
	width:183px;
	float:right !important;
	font-size:.9em;}
		#appForm div.note h5 {font-size:1.2em; font-weight:bold;}
	
	#appForm table.tertStudy {width:655px; border-collapse:collapse; padding:0; margin:1em 0 1em 10px;}
		#appForm table.tertStudy th, 
		#appForm table.tertStudy td {padding:.2em; margin:.2em .15em .2em .2em; text-align:left;}
		#appForm table.tertStudy th {margin-left:.4em;}
		
	#formShell p.boxEnd input {margin-top:10px;}

/* === OPWEBDEV styles end === */




/* CSS Document OPWEB

===FORM styles for the masses === 

table.formtable {border:1px solid #cdc699; margin-left:15px;}

/*===Global form styles that will cover all new accessible form styles===
	
	ul.radlist20 {margin-left:20px;}
	ul.radlist40 {margin-left:40px;}
	ul.radlist20, ul.radlist40 {clear:left;}
	
	.rad1, .checkbox1 {border:none;}

/*===ENROLMENT application form === 

#formShell h4 {padding-top:1em;}

/*===ENROLMENT application form === 

#appForm form {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:.9em;}

fieldset {
	border:1px solid #999; 
	margin:1em 10px 1em 0; 
	padding:1em 0 20px 10px; 
	background:#f6f6f6 url(../../images/bgx_appform.gif) repeat-x top left;
		}
legend {
	font:1.2em Arial, 
	Helvetica, Verdana, sans-serif; 
	font-weight:bold; 
	background-color:#2c448f; 
	color:#fff; 
	border:1px solid #999; 
	padding:2px; 
	margin:0;}

#check1 {float:left; padding-left:10px;}
#check2 {float:left; margin-left:80px;}

input.txt {border:1px solid #999; font:normal 1em Verdana, Arial, Helvetica, sans-serif;}
select {border:1px solid #999;}
form p {clear:left; margin:0; padding:5px 0 4px 5px;}
form p label {float:left; width:38%;}

.appinput, #appform ul.radlist32 {margin-left:38%;}	
#appform p.submit-but {text-align:right; margin-right:20px;}

#appform p {margin:.1em 0 .2em 0;}
#appform h2 {margin:.4em .2em .4em -10px; padding:.2em .2em .2em 0; border:none;}
#appform h4 {
	max-width:430px; 
	min-width:400px; color:#444; 
	margin:.2em 0 .4em -10px; 
	line-height:1.5em; 
	padding:.1em .2em .1em 25px; 
	background:#e8e8e8 url(../images2/bgno2GTtrans.gif) no-repeat 5px 3px;
	}

	#appform h4, .boxh2 {border:1px solid #999; border-left:none;}
	#appform label.boxh4 {margin-left: 0;}
	#appform li label {display:inline;}

	.boxh2 {background-color:#e5e5e5; padding:2px 10px 2px 14px;}

#appform li {margin:0; padding:.2em 0;}
	#appform li input {margin:.2em .2em 0 -4px;}

#appform div.appNote {margin:0 10px 0 10px; border:1px solid #999; background:#fff; padding:5px; width:183px; float:right; font-size:.8em; }
#appform div.appNote h3 {margin:.2em 0 .2em -5px; padding-left:28px; background:#fff url(../images2/bgnoAppQ28x28.gif) no-repeat 0 6px;}

#appform table.tertstudy-table {width:98%; border-collapse:collapse; padding:0; margin:0;}
	#appform table.tertstudy-table th,#appform table.tertstudy-table td {padding:.2em; margin:.2em;}

/*=== APPLICATION form ends ===*/

/*===FORM SUPPORT ===
#formsupport {
	font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif; 
	border:1px solid #999; 
	margin:20px 10px 1em 0; 
	padding:10px 0 20px 10px; 
	background:#f8f8f8; }
#formsupport h2 .fauxlegend {background-color:#f2f2f2; border:1px solid #999; padding:2px; margin:0 .2em .4em -11px;}
#formsupport p {margin:.1em 0 .2em -10px;}
#formsupport img {float:left !important; border:0 !important;}
#formsupport h2, 
#formsupport h4 {font-weight: normal;}
/*=== FORM SUPPORT ends ===*/





