/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
	margin: 0;
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row
{
	margin: 5px 0;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
	
}

.errorMessage
{
	color: red;
	font-size: 0.9em;
	margin: 0;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide form .row
{
	clear: left;
}

div.wide form .buttons
{
	clear: left;
	padding-left: 110px;
}

div.wide form .errorMessage
{
	margin: 0 0 0 110px;
}

.ac76Form	{ }
	.ac76Form fieldset			{ border: 2px solid #666; padding: 10px; overflow: hidden; }
	.ac76Form fieldset legend	{ border: 1px solid #666; padding: 5px 15px; color: #fff; background-color: #666; font-size: 16px; font-weight: bold; }
	.ac76Form fieldset h2		{ clear: left; font-size: 16px; font-weight: bold; background: #666; padding: 5px; color: #fff; }
	.ac76Form fieldset h2 a		{ font-size: 12px; font-weight: normal; color: #fff; text-decoration: none; }
	.ac76Form fieldset h2	span{ float: right; }
	
	.ac76Form .row		{ overflow: hidden; float: left; width: 50%; padding-bottom: 15px; }
		.ac76Form .row label	{ display: block; width: 125px; font-weight: bold; padding-top: 7px; font-size: 12px; }
		.ac76Form .row input[type=text]	{ padding: 5px; font-size: 14px; width: 50%; }
		.ac76Form .row input[type=text]:focus	{ border: 2px solid #666; }

		.ac76Form .row select		{ padding: 5px; font-size: 14px; width: 50%; }
		.ac76Form .row select:focus	{ /*border: 0;*/ }

		
	.ac76Form .submitRow { clear: both; }
		.ac76Form .submitRow input { padding: 5px 20px; }

#LookupFeeFormWrapper { }
	#LookupFeeFormContainer { }

.optionalFields { clear: both; overflow: hidden; padding: 5px; margin-bottom: 10px; text-align: right; }
	.optionalFields a 	{ display: inline-block; padding: 5px 10px; background-color: #666; text-decoration: none; color: #fff; }
	.optionalFields	{ padding: 10px 0; padding-left: 10px; text-align: left; background-color: #666; }
	.optionalFields	.row		{ overflow: hidden; float: none; padding-bottom: 15px; width: auto; }
	.optionalFields .row label				{ display: block; width: 225px; color: #fff; }
	.optionalFields .row input[type=text]	{ width: 125px; }
	
#LookupFeeFormOptionalFieldsWrapper { clear: both; overflow: hidden; padding: 5px; margin-bottom: 10px; text-align: right; }
	#LookupFeeFormOptionalFieldsWrapper a 	{ display: inline-block; padding: 5px 10px; background-color: #666; text-decoration: none; color: #fff; }
	#LookupFeeFormOptionalFieldsContainer	{ padding: 10px 0; padding-left: 10px; text-align: left; background-color: #666; }
	#LookupFeeFormOptionalFieldsContainer	.row		{ overflow: hidden; float: none; padding-bottom: 15px; width: auto; }
	#LookupFeeFormOptionalFieldsContainer   .row label				{ display: block; width: 225px; color: #fff; }
	#LookupFeeFormOptionalFieldsContainer   .row input[type=text]	{ width: 125px; }
	
#LookupFeeFormMessageWrapper 	{ overflow: hidden; border: 2px solid #666; border-top: none; padding: 5px; }
	#LookupFeeFormMessage		{ font-size: 11px; float: left; height: 22px; padding-top: 10px; }
	#LookupFeeFormPreloader		{ float: right; padding-right: 10px; }
	
#LookupFeeFormResponse { }
	#LookupFeeFormResponse .errorSummary { border: 2px solid #C00; border-top: 0; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em; }
	#LookupFeeFormResponse .errorMessage { color: red; font-size: 0.9em; }
	#LookupFeeFormResponse .errorSummary p { margin: 0; padding: 5px; }
	#LookupFeeFormResponse .errorSummary ul{ margin: 0; padding: 0 0 0 20px; }
	
	#LookupFeeResponse		{ border: 2px solid #666; border-top: 0; }
	#LookupFeeResponse li 	{ list-style: none; }
	#LookupFeeResponse ul 	{ margin: 0!important; padding: 0!important; }
	
	#LookupFeeResponse h1 { background: #ddd; color: #000; font-size: 14px; padding: 10px 0 10px 10px; font-weight: bold; }
	#LookupFeeResponse li { overflow: hidden; padding-bottom: 5px; }
	#LookupFeeResponse label	{ display: block; width: 225px; padding: 5px 0; margin-right: 10px; float: left; font-weight: bold; text-align: right; }
	#LookupFeeResponse input[type=text]	{ width: 350px; padding: 5px; font-size: 11px; background: #eee; border: 1px solid #666; }

.LookupFeeFormMessageWrapper 	{ overflow: hidden; border: 2px solid #666; border-top: none; padding: 5px; }
	.LookupFeeFormMessage		{ font-size: 11px; float: left; height: 22px; padding-top: 10px; }
	.LookupFeeFormPreloader		{ float: right; padding-right: 10px; }
	
.LookupFeeFormResponse { }
	.LookupFeeFormResponse .errorSummary { border: 2px solid #C00; border-top: 0; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em; }
	.LookupFeeFormResponse .errorMessage { color: red; font-size: 0.9em; }
	.LookupFeeFormResponse .errorSummary p { margin: 0; padding: 5px; }
	.LookupFeeFormResponse .errorSummary ul{ margin: 0; padding: 0 0 0 20px; }
	
	.LookupFeeResponse		{ border: 2px solid #666; border-top: 0; }
	.LookupFeeResponse li 	{ list-style: none; }
	.LookupFeeResponse ul 	{ margin: 0!important; padding: 0!important; }
	
	.LookupFeeResponse h1 { background: #ddd; color: #000; font-size: 14px; padding: 10px 0 10px 10px; font-weight: bold; }
	.LookupFeeResponse li { overflow: hidden; padding-bottom: 5px; }
	.LookupFeeResponse label	{ display: block; width: 225px; padding: 5px 0; margin-right: 10px; float: left; font-weight: bold; text-align: right; }
	.LookupFeeResponse input[type=text]	{ width: 350px; padding: 5px; font-size: 11px; background: #eee; border: 1px solid #666; }

#GFFPResponse	{ }
	#GFFPResponse .errorSummary 	{ border: 2px solid #C00; border-top: 0; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em; }
	#GFFPResponse .errorMessage 	{ color: red; font-size: 0.9em; }
	#GFFPResponse .errorSummary p 	{ margin: 0; padding: 5px; }
	#GFFPResponse .errorSummary ul	{ margin: 0; padding: 0 0 0 20px; }
	
#GFFPResponse	{ border: 2px solid #00cc00; background: #ccffcc; border-top: 0; }
	#GFFPResponse p { padding: 15px; padding-bottom: 0; text-align: center; font-size: 11px; }
	
#SendTransactionResponse	{ }
	#SendTransactionResponse		{ border: 2px solid #666; border-top: 0; }
	#SendTransactionResponse li 	{ list-style: none; }
	#SendTransactionResponse ul 	{ margin: 0!important; padding: 0!important; }
	
	#SendTransactionResponse h1 { background: #ddd; color: #000; font-size: 14px; padding: 10px 0 10px 10px; font-weight: bold; }
	#SendTransactionResponse li { overflow: hidden; padding-bottom: 5px; }
	#SendTransactionResponse label	{ display: block; width: 225px; padding: 5px 0; margin-right: 10px; float: left; font-weight: bold; text-align: right; }
	#SendTransactionResponse input[type=text]	{ width: 350px; padding: 5px; font-size: 11px; background: #eee; border: 1px solid #666; }
	
#SendTransactionResponse	{ border: 2px solid #666; border-top: 0; }
	#SendTransactionResponse p { padding: 0 15px; padding-bottom: 0; text-align: center; font-size: 14px; }

#TransactionAcknowledgeResponse	{ border: 2px solid #00cc00; background: #ccffcc; text-align: center; padding-bottom: 15px; }
	#TransactionAcknowledgeResponse p { padding: 15px 0; font-size: 15px; margin: 0; font-weight: bold; }
	
.ac76FormV2	{ }
	.ac76FormV2 fieldset		{ border: 2px solid #666; padding: 10px; overflow: hidden; }
	.ac76FormV2 fieldset legend	{ border: 1px solid #666; padding: 5px 15px; color: #fff; background-color: #666; font-size: 16px; font-weight: bold; }
	.ac76FormV2 fieldset h2		{ clear: left; font-size: 16px; font-weight: bold; background: #666; padding: 5px; color: #fff; overflow: hidden; }
	.ac76FormV2 fieldset h2 a		{ font-size: 12px; font-weight: normal; color: #fff; text-decoration: none; }
	
	.ac76FormV2 .row		{ overflow: hidden; width: 50%; padding-bottom: 15px; }
		.ac76FormV2 .row label	{ display: block; width: 175px; font-weight: bold; padding-top: 7px; font-size: 12px; }
		.ac76FormV2 .row input[type=text]	{ padding: 5px; font-size: 14px; width: 50%; }
		.ac76FormV2 .row input[type=text]:focus	{ border: 2px solid #666; }

		.ac76FormV2 .row select		{ padding: 5px; font-size: 14px; width: 50%; }
		.ac76FormV2 .row select:focus	{ /*border: 0;*/ }
		
	.ac76FormV2 .submitRow { clear: both; }
		.ac76FormV2 .submitRow input { padding: 5px 20px; }

	.formMessageWrapper	{ display: none; border: 2px solid #666; border-top: 0; margin: 0 85px; padding: 10px; text-align: center; }
		.formMessageWrapper	.formMessageResponse	{ display: none; }
		.formMessageWrapper	.formMessagePreloader	{ display: none; }


	 .row1		{ overflow: hidden; padding-bottom: 15px; }
	.ac76Form .row1 label	{ display: block; width: 125px; font-weight: bold; padding-top: 7px; font-size: 12px; float: left; }
	.ac76Form .row1 input[type=text]	{ padding: 5px; font-size: 14px; width: 50%; }
	.ac76Form .row1 input[type=password]	{ padding: 5px; font-size: 14px; width: 50%; }
	.ac76Form .row1 input[type=text]:focus	{ border: 2px solid #666; }
	.ac76Form .row1 input[type=password]:focus	{ border: 2px solid #666; }

	.ac76Form .row1 select		{ padding: 5px; font-size: 14px; width: 50%; }
	.ac76Form .row1 select:focus	{ /*border: 0;*/ }