/*
AOPA: Aircraft Owners and Pilots Association

description:
default styling for form controls on the site. alterations
will be housed inside the individual application CSS files.

version: 2007-03-26
copyright: 2007 AOPA. All rights reserved.
---------------------------------------------------------*/
form {}

	#main form {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#main form ul{
	color: #3f7bc6;
	list-style-type: disc;
	font-size: 11px;
	}
	
	#main form.weather {
		font-size: 10px;
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	/* groups of fields are contained in a fieldset */
	fieldset {
		background: url("/images/global/bg-dotted-border.gif") repeat-x;
		margin: 10px 0 0;
		padding-top: 10px;
	}
	
	.quizzescontainer {
		background: url("/images/global/bg-dotted-border.gif") repeat-x;
		margin: 10px 0 0;
		padding-top: 10px;
	}
	
	
		/* for fieldsets with content in a sidebar next to it */
		fieldset.small {
			width: 280px;
		}

		/* for fieldset on weather */
		fieldset.weather {
	padding-top: 0px;
	background-image: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	/* for fieldset no dotted line */
		fieldset.noborder {
	background-image: none;

	}
	
		
		/* paragraph labels on groups of checkbox/radio fields */
		fieldset p {
			clear: left;
			margin: 0;
			padding-top: 4px;
		}
		
		.quizzescontainer p {
			clear: none;
		}
				
		
	/* Groups of Fields */
		fieldset .fields {
		display: inline;
		float: left;
		line-height: 1;
		padding-bottom: 10px;
		width: 48%;
	}
	
	.quizzescontainer .fields {
		line-height: 1;
		padding-bottom: 10px;
		width: 48%;
	}
	
		fieldset .fields_weather {
	display: inline;
	float: left;
	line-height: 1;
	padding-bottom: 10px;
	padding-right: 5px;
	width: 158px;
	}
		
		fieldset .full {
			width: 96%;
		}
		
		.quizzescontainer .full {
			width: 96%;
		}
		
		fieldset .short {
			width: 25%;
		}
		
		.quizzescontainer .short {
			width: 25%;
		}
		
		fieldset .optin {}
	
	
		/* labels for the fields */
		label {
			color: #3f7bc6;
			font-size: 11px;
		}
		
			fieldset .optin label {
				display: inline;
				float: left;
				margin-left: 5px;
				width: 90%;
			}
			
			fieldset label.checkbox,
			fieldset label.radio {
				line-height: 1;
				padding-right: 15px;
				vertical-align: middle;
			}
			
			.quizzescontainer label.checkbox,
			.quizzescontainer label.radio {
				line-height: 1;
				padding-right: 15px;
				vertical-align: middle;
			}			
			
		
		/* basic text input fields and textareas */
		input.text, input.textbrief, 
		textarea {
			background: #d0e2f8;
			border: 1px solid #3349a2;
			font-family: arial, sans-serif;
			margin-top: 4px;
		}
			
			/* text entry fields */
			input.text, input.textbrief {
				margin-top: 4px;
				/*width: 150px;*/
			}
			
				fieldset .full input.text {
					width: 300px;
				}
				
				fieldset .short input.text {
					width: 75px;
				}
				
				.quizzescontainer .full input.text {
					width: 300px;
				}
				
				.quizzescontainer .short input.text {
					width: 75px;
				}
			
			textarea {
				/* width: 200px; */
			}
			
			fieldset .full input.textbrief {
				width: 100px;
				}
		
		
		/* Drop downs and multi-select boxes */
		select {
			background: #d0e2f8;
			border: 1px solid #3349a2;
			font-family: arial, sans-serif;
			margin-top: 4px;
			/* width: 150px; */
		}
			
			fieldset .full select {
				width: 200px;
			}
			
			fieldset .short select {
				width: 75px;
			}
			
			.quizzescontainer .full select {
				width: 200px;
			}
			
			.quizzescontainer .short select {
				width: 75px;
			}
			
			select.weather {
				width: 156px;
			}
			
			select.date {
				width: 50px;
			}
			
			fieldset .full select.brief {
			width: 75px;
			}
		
		
		/* checkboxes and radio buttons */
		input.checkbox,
		input.radio {
			margin-left: 0;
			margin-right: 5px;
			vertical-align: middle;
		}
		
			fieldset .optin input.radio,
			fieldset .optin input.checkbox {
				display: inline;
				float: left;
				width: auto;
			}
			
				.quizzescontainer .optin input.radio,
			.quizzescontainer .optin input.checkbox {
				display: inline;
				float: left;
				width: auto;
			}


		/* different types of submit buttons */
		input.submit,
		input.reset ,
		button.submit {
			background: #3349a2;
			border: 1px solid #d0e2f8;
			color: #fff;
			cursor: pointer;
			font: bold 10px/1 arial, sans-serif;
			padding: 6px 15px;
			text-transform: uppercase;
		}
		
		input.image {
			margin-right: 15px;
			margin-top: 10px;
		}

		button.image {
			background: transparent;
			border: none;
			cursor: pointer;
			margin: 10px 10px 0 0;
			padding: 0;
		}

/* submit buttons 1 */
	button.image1 {
	background: transparent;
			border: none;
			cursor: pointer;
			margin: 10px 10px 0 0;
			padding: 0;
	}


/* search box in header */
#search {
	position: absolute;
	right: 0px;
	top: 72px;
	width: 345px;
	margin: 0;
	padding: 0;
}

	#search label {
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
	
	#search input.text {
		background: #d0e2f8;
		border: 1px solid #fff;
		display: inline;
		font-size: 10px;
		margin: 0 0px;
		padding: 1px;
		width: 185px;
		height: 17px;
		vertical-align: top;
	}
	
		#search input.goog {
		background: #fff url("/images/global/google_search.gif") no-repeat left center;
	}
	
	
	#search input.image {
		background: transparent;
		border: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		vertical-align: top;
	}



/* online-courses.html: sort-by form */
.online-courses .latest .course-sort {
	display:inline;
}

.online-courses .latest label {
	color: #3f7bc6;
	font-size: 11px;
	font-weight: bold;
	padding-right:5px;
	vertical-align: middle;
}

.online-courses select {
	margin: 4px 0 0;
	padding: 0;
	vertical-align: middle;
}


/* 
training-safety.html: instructor-search form */
.instructor-search fieldset {
	border: none;
}
.instructor-search fieldset .full #city-mod {
	width:72px; 
	margin-right:8px;
}
.instructor-search fieldset .full input.text {
	width: 120px;
}
.instructor-search fieldset .full #state {
	width: 120px;
}
.instructor-search #reset {
	margin-right:8px;
}

/* Table Results Styling */

/* #main td {
	padding:5px;
	text-transform: capitalize;
	font-size: 11px;
	border: 1px solid #CCCCCC;
}
#main th {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background-color: #367acf;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#main table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}*/


/*Make fields visible / invisible */
.visible {
	display:block;
	}
.invisible {
	display:none;
	}	

/*Hide Form borders  */	
.deadForm {
background-color:transparent;
border-color:#FFFFFF;
border-style:none;
color:#000000;
font-size:12px;
text-align:right;
visibility:hidden;
}	



#phTotalAmt {
background-color:#D0E2F8;
font-weight:bold;
}		

/*dollar columns  */	
.dollarColumn {
font-size:0.9em;
font-weight:bold;
text-align:right;
}	

.nosides h3 {
	font-size:0.9em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#243E94;
	border:hidden;
	margin: 0pt;
}


/* CSS Document */


.quickform {
	background: #cde1f9;
	color: #333;
	clear: both;
	font-size: 11px;
	margin-top: 15px; /*altered*/
}

	.quickform p {
		margin:  0 0 .5em .5em;
	}


/* for fieldset on no bar */
	.quickform fieldset  {
	padding-top: 0px;
	background-image: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
	.quickform input.text
	{
			background: #ffffff;
			border: 1px solid #3349a2;
			font-family: arial, sans-serif;
			margin-top: 4px;
		}
		
	.quickform h3 {
		background-color: #a4c6f3;
		border-bottom: 1px solid #fff;
		color: #243e94;
		font: normal 11px/1 arial, sans-serif;
		margin: 0;
		padding: 6px 15px;
		text-transform: uppercase;
		font-weight:bold;
	}		

.formcallout {
	border: 1px solid #C1CBD6;
	background: #E6EFFB;
	color: #333;
	clear: both;
	font-size: 11px;
	margin: 15px auto 10px auto;
}