@charset "UTF-8";

div#form {
	width: 725px;
	margin: 0 auto;
}

	span#requiredMsg {
		margin: 1em;
		display: block;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
	}
	
	span#requiredMsg.hidden {
		display: none;
	}			

	/* main column styles */
	div.col {
		float: left;
		padding: 0;
		margin: 0 -3px 0 15px; /* -3px margin is an IE6 duplicate characters bug fix */
	}

		div.col table {
			width: 100%;
			margin: 0 0 20px 0;
		}
		
			div.col th {
				text-align: left;
			}
			
			div.col td {
				vertical-align: bottom;
			}
		
		td.label label {
			text-align: right;
			vertical-align: bottom;
		}

		label.required {
			font-weight: bold;
		}
		
		
		
		/* LEFT COLUMN */
		div.contactInfo {
			width: 340px;
			min-width: 340px;
			max-width: 340px;
		}
			
			div.contactInfo .fullwidth {
				width: 220px;
				min-width: 220px;
				max-width: 220px;
			}
			
			div.contactInfo label {
				display: block;
				width: 100px;
				margin: 0.5em 0 0.5em 0;
			}
		
		/* RIGHT COLUMN */
		div.question {
			width: 310px;
			min-width: 310px;
			max-width: 310px;
		}
		
			div.question td {
				padding: 0 0 15px 0;
			}
					
			div.question .fullwidth {
				width: 310px;
				min-width: 310px;
				max-width: 310px;
			}
	
	
	
		/* special cases for certain fields */
		
		/* salutation should be shorter */
		select.salutation {
			width: 65px;
		}
		
		/* opt in label text needs to flow */
		tr.optin td {
			padding: 2em 0 0 0;
		}
		
		tr.optin label {
			display: inline;
		}
		
		/* submit is a little separated from the rest */
		input.submit {
			margin: 15px 0 15px 0;
		}
		
		/* -------------------------------------- */