/* =css information
--------------------------------------------------
	styles:				screen
	author:				Garmin Ltd. + dean olufson +
	updated:			December 29, 2005
	
	css styles modified from this original example (thanks Khoi!):
	Blog Entry: http://www.subtraction.com/archives/2005/0822_free_form_fo.php
	Example page: http://www.subtraction.com/pics/0508/050822/
	
--------------------------------------------------*/


/* =Basic Page Styles 
---------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }


/* =Basic Link Styles 
---------------------------------- */
a:link { text-decoration: underline; color: #5A686C; }
a:visited { text-decoration: underline; color: #5A686C; }
a:hover, a:active { text-decoration: none; color: #5A686C; }


/* =Basic Text Styles 
---------------------------------- */
h1 { color: #333; font-size: 24px; font-weight: bold; }
h2 { color: #333; font-size: 18px; font-weight: bold; }
h3 { color: #333; font-size: 16px; font-weight: bold; }
h4 { color: #333; font-size: 12px; font-weight: bold; }


/* =Main Divs
---------------------------------- */
#main {
	font-size: 12px;
	line-height: 14px;
	color:#333333;
	width:500px;
	background-color:#CCCCCC;
	padding:8px;
	margin:20px;
	border:thin solid #999;
	
}
#footer {
	font-size: 10px;
	line-height: 11px;
	color: #5A686C;
	margin:0;
	padding:25px 0 0 0;
}

/* =Form Styles 
---------------------------------- */
form {
	width: 400px;
	text-align: left;
}
fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}
form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}
form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}
form input {
	display: block;
	margin-top: 3px;
}
form select {
	float: left;
	display: block;
}

/* =Form Styles - fields
---------------------------------- */
form label.field-first,
form label.field-address,
form label.field-city { clear: left; }

form label.field-first,
form label.field-last,
form label.field-city,
form label.field-phone,
form label.field-dob,
form label.field-zip,
form label.field-email { float: left; margin: 0px 10px 0px 0px; width: 150px; }

form label.field-first input,
form label.field-last input,
form label.field-city input,
form label.field-phone input,
form label.field-dob input,
form label.field-zip input,
form label.field-email input { float: left; width: 150px; padding: 0px; }

form label.field-state { float: left; margin: 2px 10px 0px 0px; width: 100px; }
form label.field-state select { width: 150px; padding: 0px; }

form label.field-address { float: left; width: 310px; margin: 0px 0px 0px 0px; }
form label.field-address input { float: left; width: 310px; padding: 0px; }

/* =Form Styles - radio button
---------------------------------- */
form input#radiobutton { clear: left; float: left; padding: 0px; margin: 0px 0px 0px 0px; }
form label.radioitem { clear: none; margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px; }

/* =Form Styles - checkbox
---------------------------------- */
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 { clear: both; float: left; padding: 0px; margin: 0px; }
form label.field-checkbox { clear: none; margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px; }

/* =Form Styles - submit button
---------------------------------- */
form input#button_1 { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background-color:#666666; border:thin solid #999; padding: 3px; margin: 0px; }

/* =Form Styles - textarea
---------------------------------- */
textarea { display: block; }
form textarea { margin-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size:10px; width: 400px; height: 200px; padding: 5px; margin: 4px 0px; }