/* VERSIONS
/* 1_0: Default form styles for user-submissions
----------------------------------------------------------------------------- */

/* 
-----------------------------------------------------------------------------
 =Forms
----------------------------------------------------------------------------- */

fieldset { 
	border: 1px solid #aecad8;
	}
legend { background: #0f3557; 
	}
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em .1em; }

/* 
-----------------------------------------------------------------------------
 =Default Forms 	(fieldset styling helps with backwards compatability)
----------------------------------------------------------------------------- */
form{}
	form fieldset{
		border: 1px solid #ddd;
		margin: 0 0 .5em 0;
		}
		form fieldset legend{
			color: #fff;
			font-size: 1.2em;
			}
		form fieldset div{
			margin: 0.3em 0;
			clear: both;
			position: relative;
			}
			form fieldset div label{
				float: left;
				width: 40%;
				text-align: right;
				margin-right: 1em;
				}
			/* Alt view 
			form fieldset div label{
				display: block;
				text-align: left;
				margin-right: 1em;
				}*/
			form fieldset div input{
				width: 40%;
				}
			form fieldset input[type='checkbox'] {
				width: auto;
				}
			form fieldset input:hover, 
			form fieldset input:focus {
				border-color: #c5c5c5;
				background: #f6f6f6;
				} 
			/* Test Code Below*/
			form fieldset input[type='checkbox']:hover, 
			form fieldset input[type='checkbox']:focus {
				border-color: #c5c5c5;
				background: #fff;
				} 
			form fieldset div select{
				width: 41.5%;
				}
			form fieldset div textarea{
				width: 40%;
				}
			/* Organize a list of checkboxes / radiobuttons */
			form fieldset div ul.checkwrap{ 
				list-style: none; 
				margin: 0 0 0 42%; 
				padding: 0;
				width: 40%; 
				}
				form fieldset div ul.checkwrap li { 
					float: left; 
					padding: .5em 0 0 .5em !important;
					background-image: none !important;
					width: auto;
					}
					form fieldset div ul.checkwrap li label{ 
						float: none;
						}
					form fieldset div ul.checkwrap li input{ 
						width: auto; 
						margin-right: .25em;
						}
		form fieldset #submit{ padding-left: 42.7%;}
		form fieldset input.submit{
			float: none;
			width: 6em;
			}
/* 
-----------------------------------------------------------------------------
 =Validation
----------------------------------------------------------------------------- */
noscript.warning{ color: #990000; }
div.required{ background: url(/images/common/form_asterisk.gif) 90% 0 no-repeat;}
	div.required div,
	div.required label{  }

div span.error{ 
	position: absolute; 
	margin-left: 1.6em; 
	width: 156px; 
	height: 19px; 
	background: url(/images/common/form_error.gif) no-repeat;
	padding-left: 15px;
	font-size: .9em;
	color: #990000;
	top: 0;
	left: 87%;
	}

span.processing { padding-right: 2em; background: right url(/images/common/form_processing.gif) no-repeat ; }


/* 
-----------------------------------------------------------------------------
 =Default Forms
----------------------------------------------------------------------------- */

/* Basic */
#basicForm{}
	#basicForm fieldset.personal{}
	#basicForm fieldset.address{}
	#basicForm fieldset.comments{}

/* Inquiry */
#inquiryForm{}
	#inquiryForm fieldset.inquiry{}
		#inquiryForm fieldset.inquiry select#grade{ width: 4em; }
		#inquiryForm fieldset.inquiry ul.checkwrap li.first-child{ width: 5em;}
		#inquiryForm fieldset.inquiry ul.checkwrap li.last-child{ width: 6.5em;}
		#inquiryForm fieldset.inquiry ul.checkwrap label{ 
			width: auto;
			text-align: left; 
			position: relative;
			}
		#inquiryForm fieldset.inquiry div.genderlabel,
		#inquiryForm fieldset.inquiry div.studtypelabel{
			float: left;
			width: 40%;
			text-align: right;
			margin-right: 1em;
			}
	#inquiryForm fieldset.personal{}
	#inquiryForm fieldset.address{}
	#inquiryForm fieldset.comments{}
	#inquiryForm .checklabel {
			float: left; 
			width: 40%; 
			text-align: right;
			}
		
/* Giving */
#givingForm{}
	#givingForm fieldset.personal{}
	#givingForm fieldset.giving{}
		#givingForm fieldset.giving div.relationship { float: left; width: 100%; }
		#givingForm fieldset.giving div.relationship .checklabel,
		#givingForm fieldset.giving div.society1926 .checklabel,
		#givingForm div.ExistingPledge .checklabel { 
			float: left; 
			width: 40%; 
			text-align: right;
			}
		#givingForm fieldset.giving div.relationship .checklabel .sublegend,
		#givingForm fieldset.giving div.society1926 .checklabel .sublegend,
		#givingForm div.ExistingPledge .checklabel .sublegend{ display: block; }
		#givingForm fieldset.giving div.relationship ul.checkwrap{ width: 45%; }
			#givingForm fieldset.giving div.relationship ul.checkwrap li{ width: 100%; }
	#givingForm fieldset.address{}
	#givingForm fieldset.cc{}
		#givingForm fieldset.cc select#CCExpireMonth,
		#givingForm fieldset.cc select#CCExpireYear,
		#givingForm fieldset.cc select#title{ width: 15%; }
		#givingForm fieldset.cc div#divccnumprelim { display: none; }
	#givingForm fieldset.comments{}


/* Credit Card */
#ccForm{}
	#ccForm fieldset.personal{}
	#ccForm fieldset.address{}
	#ccForm fieldset.cc{}
		#ccForm fieldset.cc select#CCExpireMonth,
		#ccForm fieldset.cc select#CCExpireYear,
		#ccForm fieldset.cc select#title{ width: 15%; }
		#ccForm fieldset.cc div#divccnumprelim { display: none; }
	#ccForm fieldset.comments{}


/* Summer Camp */
#summerCampForm{ padding-bottom: 8em;}
	#summerCampForm fieldset.personal{}
		#summerCampForm fieldset.personal select#grade{ width: 5em; }
		#summerCampForm fieldset.personal ul.checkwrap li.first-child{ width: 5em;}
		#summerCampForm fieldset.personal ul.checkwrap li.last-child{ width: 6.5em;}
		#summerCampForm fieldset.personal ul.checkwrap label{ 
			width: auto;
			text-align: left; 
			position: relative;
			}
		#summerCampForm fieldset.personal div.genderlabel,
		#summerCampForm fieldset.personal div.studtypelabel{
			float: left;
			width: 40%;
			text-align: right;
			margin-right: 1em;
			}
	#summerCampForm fieldset.parent{}
		#summerCampForm fieldset.parent select#title{ width: 15%; }
	#summerCampForm fieldset.emergency{}
		#summerCampForm fieldset.emergency span#addMore {
			display: block;
			margin: -.5em 0 1em 76%;
			}
	#summerCampForm fieldset.address{}
	#summerCampForm fieldset.comments{}