/***** General Form Structure ******/
/* There are three primary colums in the forms: 
	left 	row headers		th
	center 	form elements	td
	right 	directions		td.directions
*/

/* Fieldset used to organize and format each section of the form. Use one table per fieldset */
fieldset.form_section, fieldset.buttonbar, fieldset.unformatted, fieldset.debugging {
	width: 710px;
	text-align: left;
	padding: 20px 0px;
	margin: 25px auto 0px;
	border: 1px solid #333;
	display: block;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

fieldset.form_section, fieldset.buttonbar, fieldset.debugging {
	font-size: 12px;
	font-weight: bold;
}

fieldset.debugging {
	/* background-image:none; */
}
fieldset .pagetitles {
/* 	margin: auto 10px; */
	margin: auto;
	margin-bottom: 20px;
}
/* fieldset { margin: 25px 0px; position:relative; left:50%; margin-left:-375px; } */

fieldset.unformatted { border:0px; padding: 0; }

/* Fieldset legend used to label each form section. */
.fieldset-wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 710px;
}
fieldset.form_section {
	padding-top: 40px;
}
.form_section legend {
	margin: 0;
	padding: 0;
}
.form_section legend span {
	display: block;
	font-size: 17px;
	left: 10px;
	position: absolute;
	top: 15px;
	width: 500px;
}
*:first-child+html .form_section legend span {  /* IE  7 */
	/* left: -10px !important; */ /* Legend was appearing too far to the right */
	top: 40px !important; /* Legend was appearing too far from the top */
}
* html .form_section legend span  {  /* IE  6 */
	/* left: -10px !important; */ /* Legend was appearing too far to the right */
	/* top: -25px !important; */ /* Legend was appearing too far from the top */
}

.form_section legend, fieldset.debugging legend {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-left: 10px;
}

/* Table used to provide basic alignment structure to each form section */
.form_section table, fieldset.debugging table {
	width: 100%;
	border: none !important;	/* override a more-specific rule from itr_defaults */
	margin: 0px;
}

/* Pads the top and bottom of rows for even spacing and nice hover bar */
.form_section th, .form_section td, .form_section .directions {
	padding: 4px 10px 8px;
	vertical-align: top;
}

/* Attempt to fix IE6 middle column problem -- doesn't quite work */
/* .form_section td { padding-left:0px; padding-right:0px; } */

.form_section .directions {
	padding-top:14px;
}

/* Establish column widths of form sections. Generally shouldn't be changed */
.form_section .headerscol {width: 120px;}
.form_section .fieldscol {width: 450px;}
.form_section .directionscol {width: 150px;}

/* Table headers are used to label form rows */
.form_section th {
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
	text-align: right;
	padding-top:18px;	/* Add the height of the field label to align block labels with fields */
	/*width: 135px;*/
	text-align:left;
}

.form_section td {
	text-align: left;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: normal;
}
.form_section td.no-lr-padding {
	padding-left: 0;
	padding-right: 0;
}

.form_section .directions {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2em;
	/*width: 135px;*/
}

.form_section label {
	font-size: 11px; /* Matches font-size of text in th/td */
	line-height: 1.2em;
	font-weight: normal;
	display: block;
	/*	top: -9px; */
}

.form_section .buttonbar input {
	border: 1px solid #000000;
	width:auto;
}
* html .buttonbar input.button {
	height: 26px !important;
}



/***** Form Field Specific Formatting *****/
.form_section .wide {
	width: 448px;
}

/* Reset a few type styles defined in Tripoli and browser chrome */
input, input[type='text'], input[type='password'], select, textarea { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
}
input[type='checkbox'] { 
	margin: 0;
	margin-right: 4px;
}




.form_section .hstack {
	display: inline;
	float: left;
/*	top: -9px; */
	position: relative;
/* 	Not sure if the following are used:
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
 */}

.form_section .hstackend {
/* 	padding-right: 0px; */
}
.form_section .hstack input {
	width: 100%;
}


.form_section .required {
	text-transform: none;
	/*border: none;*/
	/*padding: 0px;*/
}
.form_section input {
	/* left: -10px; Not sure why this is here, but it's causing misalignments in some areas */
	width:99%;
	height:1.35em;
}

.form_section option {
	height:1.35em;
}
.form_section .changedField {
	border: 1px solid #000000;
}
.form_section .currentField {
	border: 1px solid #000000;
	background-color: #000000;
}
.form_section table {
	margin: 0px;
	padding: 0px;
	border: none;
}
.form_section textarea {
}
.form_section select {
	/*border: 1px solid #000000; Moved into form_colors.css */
	width:99%;
}

.form_section .rowhover {
	background-position: 10px;
}
.form_section td.directions p {
	margin: 0px;
	padding: 0px;
}
.form_section .optionlist label {
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	padding-left: 5px;
	padding-bottom: 10px;
	width: auto;
	margin-top:0px;
}

.form_section .optionlist input {
	border: 0 none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.form_section .optionlist td {
	padding-top:3px;
	padding-bottom:3px;
}

.form_section .radiooption {
	position: relative;
	left: -20px;
}
.form_section .optionlist {
	clear: both;
}
.form_section div.optionlist input {
	float: left;
}
.form_section .buttonbar td {
	text-align: right;
}
.form_section .buttonbar input:hover {
	border: 1px solid #000000;
}

.hidden { display:none; }

/* Make Error message lists align with the left edge*/
#main .form_section ul.errors { margin:0px; list-style-type: none; }
#main .form_section ul.errors  li { margin:0px; list-style-type: none; }
#main .form_section td.no-lr-padding ul.errors { position: relative; left: 10px; }

.form_section input[type='radio'] { background-color:transparent; }

/*
 * DEBUGGING STYLES
 */

.form_section tbody.form_block td table { margin-top:-4px; /*margin-left:-2px;*/ }
.form_section tbody.form_block table tr th { background-color:transparent; }

.form_section .optionlist label { padding-bottom:0px; }
.form_section .optionlist label input { margin-top:0px; }

.form_section textarea { width:99%; }

fieldset.unformatted { font-weight:normal; }
fieldset.unformatted legend { font-weight:bold; }