/* styles used on the tabbed, bankruptcy evaluation form and on the email trustee form */

/*---------------------------------------------------------------------------------------------------------------------------*/
/* general */
/*---------------------------------------------------------------------------------------------------------------------------*/
div
{
	margin: 0px;
	padding: 0px;
}

form
{
	margin: 0px;
	padding: 0px;	
}
/*---------------------------------------------------------------------------------------------------------------------------*/
/* evaluation form */
/*---------------------------------------------------------------------------------------------------------------------------*/

.whole_form
{
	margin: 0px;
	padding: 0px;
	width: 450px;
	/*height: 265px;*/
	/*height: 295px;*/
	height: 360px;
}

.tabs
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 22px;
}

.tabs ul
{
	margin: 0px;
	padding: 0px;
}

.tabs ul li
{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
	float: left;
}

/* #d6ff96;    #ebffca; */

#information_pannel
{
	margin: 0px;
	padding: 15px 12px 12px 12px;
	clear: both;
	border: 2px ridge #ebffca;
	background-color: #f0f0ae;
	background-image: url(../images/form-bg.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	
	width: 430px;
	
	/*height: 350px;*/
	/*height: 380px;*/
	height: 415px;
}

.panel 
{
	margin: 0px;
	padding: 0px;
	clear: both;
	
	width: 430px;
	
	/*height: 330px;*/
	/*height: 360px;*/
	height: 395px;
	visibility: hidden;
}

.panel_title
{
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px solid #ebffca;
}

#contact_panel .panel_title
{
	margin: 0px 0px 12px 0px;
}

.left_column
{
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	width: 170px;
}

.right_column
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	position: relative;
	float: left;
}

.caption_value_horizontal
{
	margin: 3px 0px 0px 0px;
	padding: 0px;
	clear: both;
	height: 23px;
}

.caption
{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	position: relative;
	float: left;
	text-align: right;
	/*width: 72px; good for font-size 11px */
	width: 88px;
}

.value
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: relative;
	float: left;
}

.value input
{
	width: 118px;
}

.asset_group
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: right;
}

.other_assets
{
	margin: 15px 0px 0px 0px;
	padding: 0px;
	clear: both;
	text-align: left;	
}

.family_section
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

.family_section_title
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 9px 0px;
}

.family_section ul
{
	margin: 0px 0px 10px 30px;
	padding: 0px;
	list-style: none;
}

.smalltextbox
{
	width: 40px;
}

.office
{
	clear: both;
	height: 30px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

select
{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

.province
{
	
}

.city
{
	margin: 4px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}

.offices_per_city
{
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
}

.other_city
{
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
}

.other_city input
{
	width: 170px;
	height: 21px;
}

.subtotal
{
	margin: 0px;
	padding: 10px 0px 10px 0px;
	clear: both;
	text-align: right;
}

.other
{
	clear: both;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.other.causes
{
	margin: 30px 0px 0px 0px ;
}

.other textarea
{
	/*width: 395px;*/
	width: 428px;
	height: 60px;
}

.question
{
	clear: both;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

textarea
{
	margin: 4px 0px 4px 0px;
	padding: 2px;
	width: 428px;
	height: 70px;
}

.comment
{
	font-size: 10px;
}

#contact_panel input
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.agreement
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

.form_footer
{
	margin: 0px;
	padding: 0px;	
	width: 428px;
}

.privacy
{
	margin: 0px;
	padding: 9px 0px 0px 0px;
	float: left;
	position: relative;
	font-size: 9px;	
	text-align: left;	
}

.buttons
{
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
	text-align: right;
	width: 200px;
}

.buttons input
{
	margin: 0px;
	width: 60px;
	height: 23px;
}

#previous_button
{
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
}

#next_button
{
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
}

#submit_button
{
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
}

.checkbox
{
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

input.form {
	background: #333399;
	padding: 0;
	font-weight: bold;
  color: #FFFFFF;
  border-style: outset;
  width: 70px;
  height:25px;
  text-align:center;
  line-height:100%;
}

input.form:hover {
    border-style: inset;
}



/*---------------------------------------------------------------------------------------------------------------------------*/
/* email trustee form */
/*---------------------------------------------------------------------------------------------------------------------------*/
.email_trustee_form
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	clear: both;
	border: 2px ridge #DADEFA;
	background-color: #87d211;
	background-image: url(../images/email-form-bg.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 440px;

}

.email_frame
{
	margin: 0px;
	padding: 10px;
	border: 1px solid #cccccc;

}

.email_title
{
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px solid #9DC9DB;
}

.email_caption_value_horizontal
{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: 23px;
}

.email_caption
{
	margin: 0px 4px 0px 0px;
	padding: 0px;
	position: relative;
	float: left;
	text-align: right;
	width: 72px;
}

.email_value
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: relative;
	float: left;
}

.email_value input
{
	margin: 0px;
	width: 126px;
}

#email_office
{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: 40px;
	visibility: hidden;
}

#email_city
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	text-align: left;
}

#email_offices_per_city
{
	margin: 0px;
	padding: 0px 2px 0px 0px;
	position: relative;
	float: right;
}

.email_trustee_form textarea
{
	margin: 0px;
	padding: 3px;
	width: 409px;
	height: 80px;
}

#spacing
{
	margin: 15px 0px 15px 0px;
}

.above_caption
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.button
{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	text-align: right;
	height: 29px;
}

.button input
{
	margin: 0px;
	padding: 0px;	
	width: 120px;
	height: 26px;
}

input.email_button {
	background: #b2e75d;
	padding: 5;
	font-weight: bold;
  color: #000000;
  border-style: outset;
  text-align:center;
  line-height:100%;
}

input.email_button:hover {
    border-style: inset;
}

#contact_type
{
	/*width: 428px;*/
	width: 428px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#contact_options
{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: left;
}


#contact_options .an_option#by_phone
{
	/*margin: 3px 0px 0px 0px;
	padding: 4px 5px 3px 5px;
	border: 1px dashed #dddddd;
	min-height: 49px;
	_height: 53px;*/
	padding: 8px 0px 0px 0px;
}
#contact_options .an_option#by_email
{
	clear: both;
	margin: 0px 0px 0px 0px;	
	/*padding: 10px 0px 0px 12px;*/
	padding: 0px 0px 0px 12px;
	height: 21px;
}

#contact_options .contact_input
{
	width: 170px !important;
	margin: 0px 0px 0px 0px;
	
}

#other_time
{
	clear: both;
}

#other_time input
{
	width: 95px;
}

span.spacer
{
	padding: 0px 2px 0px 0px;
}

#call_details
{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: right;
}
#call_details input, #call_details select
{
	height: 21px;
	margin: 5px 0px 0px 0px;
}

#best_time
{
	text-align: left !important;
	padding: 0px 0px 0px 12px;
}

#call_date
{
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 45px;	
}

#call_time
{
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}



.required
{
	margin-right: 3px;
	color: #ff0000;
}

.calendar_image
{
	vertical-align: bottom;
}