/* FORMS ************************************************* */

FORM {
	margin: 0;
	padding: 0;
}

FIELDSET {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

LEGEND {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: normal;
	background-color: transparent;
	color: #128b0c;
}
INPUT, SELECT, OPTION, TEXTAREA {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
SELECT, OPTION {
	height: 20px;
}
TEXTAREA {
	overflow: auto;
}

.formDivider {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #CCCCCC;
}
.formNote {
	color: #666666;
}


.formRow {
	display: block;
	clear: both;
	padding: 10px 0;
	vertical-align: middle;
}

.formRow LABEL,
.label,
.labelFontSize,
.labelInline {
	font-size: 1.2em;
}
.formRow .label {
	display: block;
	float: left;
	clear: left;
	padding: 5px 1ex 0 0;
	width: 17ex;
	text-align: right;
}

.labelInline {
	padding: 5px 1px 0 0;
	/*IE*//padding: 5px 1ex 0 0;
}


.checkGroup .label {
	padding: 0 1ex 0 0;
	/*IE*//padding: 3px 1ex 0 0;
}

.labelOnTop,
.noLeftLabel {
	padding-left: 21ex;
}
.labelOnTop .label {
	width: auto !important;
	float: none;
	text-align: left;
}





.boxRow {
	display: block;
	clear: both;
	padding: 10px 0;
	vertical-align: middle;
}
.boxRow .label {
	font-size: 1.2em;
}

.essayRow {
	display: block;
	clear: both;
	vertical-align: middle;
}

.essayRow .label {
	display: block;
	padding: 5px 1ex 0 0;
	font-size: 1em;
}
.spacing {
	margin-left: 25px;	
	}
	
.orangeBorder {
	border: 1px solid #ffa305;
	padding: 0 0 20px 0;
}


/*TABLES*/

TABLE .label {
	display: block;
	float: left;
	clear: left;
	padding: 5px 1ex 0 0;
	width: 17ex;
	text-align: right;
	font-size: 1.2em;
}
TABLE INPUT {
	margin: 1px 1px 1px 1px;
	vertical-align: middle;
	padding: 3px 1px;
}
/*two column fieldset*/

.twoColumnField .columnLeft,
.twoColumnField .leftColumn {
	float:left;
	clear:right;
	width: 420px;
}
.twoColumnField .columnRight,
.twoColumnField .rightColumn {
	float:right;
	clear:right;
	width: 280px;
	margin-left:5px;
}
.twoColumnField .label {
	width: auto;
}
.twoColumnField .formRow .label {
	display: block;
	float: left;
	clear: left;
	width: 27ex;
	text-align: right;
	font-size: 1.1em;
}
.twoColumnField .formRow {
	padding:3px 0;
}
.twoColumnField .boxRow .label {
	display: block;
	float: left;
	clear: left;
	padding: 3px 1ex 0 0;
	text-align: right;
	font-size: 1.1em;
}



/*two column input boxes*/
.twoColumnInput .columnLeft,
.twoColumnInput .leftColumn {
	float:left;
	clear:left;
	width: 300px;
}

.twoColumnInput .columnRight,
.twoColumnInput .rightColumn {
	float:right;
	clear:right;
	width: 350px;
	margin-left:3px;
}
.twoColumnInput .label {
	width: auto;
}
.twoColumnInput .formRow .label {
	width: 12ex;
	font-size: 1.1em;
	padding: 5px 1ex 0 0;
}

.checkRow {
	padding: 10px 0 0  20.5ex;
}

.checkRow INPUT,
.checkGroup INPUT {
	//*ie-6*/ _margin: 1px !important;
}

INPUT[type=checkbox],
INPUT[type=checkbox],
INPUT[type=radio],
INPUT[type=radio] {
	border: none !important;
	margin: 1px !important;
}




.twoColumnFormRow {display:block;}
.twoColumnFormRow .columnLeft,
.twoColumnFormRow .leftColumn {
	float: left;
	clear: right;
}
.twoColumnFormRow .columnRight,
.twoColumnFormRow .rightColumn {
	float: left;
	clear: none;
}
.twoColumnFormRow .columnRight .label,
.twoColumnFormRow .rightColumn .label {
	width: auto;
	padding-left: 1ex;
	padding-right: 0;
}

.formRow .required {
	display: block;
	float: left;
	border: 1px solid #FFA305;
}
.requiredInline {	
	padding:6px 0 7px 0;
	/* ie *//padding:1px;
	border: 1px solid #FFA305;
}
.formRow INPUT, .formRow SELECT, .formRow TEXTAREA, .boxRow INPUT, .boxRow TEXTAREA, .essayRow TEXTAREA {
	margin: 1px 1px 1px 1px;
	vertical-align: middle;
	border-bottom: 2px solid #F9F9F9;
	border-right: 2px solid #F9F9F9;
}
.formRow INPUT {
	padding: 3px 1px;
}
.formRow .required INPUT, .formRow .required SELECT, .formRow .required TEXTAREA {
	margin: 1px 1px 1px 1px;
	/* more styles in ie6.css */
	vertical-align: middle;
}

.formRow INPUT.disabled {
	background-color: #F1F1F1;
}

.formSubmitRow {
	clear: both;
	margin: 1em 0;
	text-align: right;
}

#securitycodeinfo {
	position: static;
}
.securitycodeinfoPopup {
	position: absolute;
	width: 200px;
	padding: 10px;
	border: 1px solid #FFA305;
	background-color: #FEF6AD;
	font-size: .9em;
}
.securitycodeinfoCloseButton {
	float: right;
	margin: -9px -9px 0 0;
	_margin: -9px -4px 0 0;
	padding: 0 2px 2px 3px;
	cursor: pointer;
	background-color: #FFA305;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana;
}



/* get rid of the req. images */
.formRow .label IMG {
	display: none;
}


.radioButtons INPUT {
	border: none;
}

.radioColumns {
	display: block;
	float: left;
	padding:8px;
	/*IE*//padding:5px 5px 5px 2px;
}

.radioButtons INPUT,
.radioColumns INPUT,
.essayRow TABLE INPUT {
	margin: 1px 1px 1px 1px;
	/*IE*//margin: 0px 1px 1px 1px;
	vertical-align: middle;
	border: none !important;
}

.page_online_bill_pay #Receipt .receipt {PADDING-LEFT: 10px; COLOR: #ffffff; LETTER-SPACING: 2px; BACKGROUND-COLOR: #666666}
.page_online_bill_pay #Receipt H3.header {COLOR: #666666}
.page_online_bill_pay #Receipt TD.item {BORDER-TOP: #999999 1px dotted}
.page_online_bill_pay #Receipt TH {TEXT-ALIGN: right}
.page_online_bill_pay #Receipt DIV.outline {BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; MARGIN-BOTTOM: 40px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid }
.page_online_bill_pay #Receipt .divider {FONT-SIZE: 3px; LINE-HEIGHT: 3px; BACKGROUND-COLOR: #cccccc}
.page_online_bill_pay #Receipt .detail {BORDER-RIGHT: #cccccc 1px dotted; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted }

.form_email_content {
	padding: 20px;
}