@charset "utf-8";
/* CSS Document */

/* holds the div and sizes it to place
tiles a background behind the form */
div.formDiv{
	width: 624px;
	margin: 15px auto 10px;
	background: url(../../images/sub/table_row_bg.jpg) repeat-y top left;
}

/* top of the form */
div.formTop{
	background: url(../../images/sub/form_header.jpg) no-repeat top left;
}

/* bottom of the form background is in here */
#content form{
	padding: 40px 0px;
	display: block;
	background: url(../../images/sub/table_footer.jpg) no-repeat bottom left;
	margin: 0px auto;
}

/* fieldsets seperate fields into sections
background is the gap/divider that runs along the bottom of each section */
#content form fieldset{
	background: url(../../images/sub/table_cell_bg.jpg) repeat-x bottom left;
	border: 1px solid #c7c9cc;
	border-bottom: 0px;
	border-top: 0px;
	color: #1071b7;
	padding: 10px 0px 15px;
	display: block;
}

/* stylish legend to label sections in fieldsets */
#content form legend{
	color: #c78e10;
	font-weight: normal;
	font-style: italic;
	font-family: "Monotype Corsiva", "Apple Chancery",  "Times New Roman", Times;
	font-size: 24px;
	line-height: 28px;
	padding-left:10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ebebed;
	margin-bottom: 5px;
	width: 580px;
	display: block;
}

/* clear floats and give some space between fields */
#content form div{
	clear:both;
	padding: 2px 10px 2px 20px;
}


#content form label{
	display: inline-block;
	width: 150px;
	line-height: 19px;
}
#content form label.longlabel{
	width: 270px;
	/*make room for longer labels */
}

#content form label.checklabel{
	display: inline;
	width: auto;
	/* display labels inline for checkboxes, radios, etc */
}

#content form input.txt, #content form textarea, #content form select{
	width: 250px;
	border: 1px solid #abc3ec;
	color: #666565;
}

#content form input.txt:focus, #content form textarea:focus, #content form select:focus{
	border: 1px solid #666565;
	/* unfortunately :focus does not work in IE without javascript */
}


#content form input.medium{
	width: 175px;
	/* make some input boxes medium-sized, add as needed */
}

#content form input.small, #content form select.small{
	width: 100px;
	/* make some input boxes small-sized, add as needed */
}

#content form div#buttondiv{
	background: url(../../images/sub/table_cell_bg.jpg) repeat-x bottom left;
	border: 1px solid #c7c9cc;
	border-bottom: 0px;
	border-top: 0px;
	color: #1071b7;
	padding-top: 10px;
	padding-bottom: 15px;
}

/* styles both <button> and <input type="button" class="btn"> tags */
#content form button, #content form input.btn{
	background: url(../../images/sub/form_button.gif) repeat-x top left;
	border: 1px solid #abc3ec;
	margin-right: 10px;
	height: 31px;
	padding: 0px 10px;
	color: #0046ae;
	font-size: 13px;
	line-height: 31px;
	cursor: pointer;
	/* styles both <button> and <input type="button" class="btn"> tags (type can also be submit or reset of course) 
	I recommend <button> when you can since browsers (esp. on Mac) don't always style <input type="submit"> properly. */
}