/*
	This file contains all global style for forms and validations. Include this file 
	into another stylesheet using - @import url(forms.css);
	
	Note: This file contains only the global form styles. More specific styles may be set for
		  each page. Those rules are listed along with the other rules for that page under the
		  appropriate section.
		  
	Note: @import directives must be placed at the very top of a stylesheet.
*/

/*------------------------------------------------------------------------------------------------------------------
                                       				STRUCTURE
------------------------------------------------------------------------------------------------------------------*/

/* default style for all form elememts */
input, textarea, select { 
	color: #71696D;
	border: 1px solid #b4b4b4; 
	font-family: inherit;
	font-size: 14px;
	margin-bottom: 8px;
}
input {
	padding: 9px 9px 4px 9px;
	width: 270px;
	height: 20px;
	margin-top: 3px;
}

textarea {
	padding: 9px;
}
select { 
	padding: 8px;
}
select option {
	margin-bottom: 3px;
}
label {
	float: left;
	line-height: 16px; 
	text-align: right;
	margin: 6px 10px 0 0; 
	width: 175px;
	font-size: 14px;
	font-weight: bold;
	font-family: inherit;
	font-style: normal;
	position: static;
}

/*------------------------------------------------------------------------------------------------------------------
                                    WIDTHS FOR STANDARD TYPES OF FORM ELEMENTS
------------------------------------------------------------------------------------------------------------------*/

/* drop selects */
select.expires_month{ width: 133px; }
select.expires_year { width: 100px; }
select.year { width: 72px; }
select.state_abbr { width: 60px; }
select.state { width: 77px; }
select.license_state { width: 77px; padding-top: 9px; padding-bottom: 4px;}
select.card_type, select.agency, select.county { width: 160px; }
select.court_type { width: 215px; }

/* text areas */
input.year { width: 50px; }
input.month { width: 25px; }
input.zip { width: 100px; }
input.city{ width: 150px; }
input.cvv { width: 142px; }
input.license_number { width: 190px; padding-top: 9px; padding-bottom: 4px; }
input.routing_number, input.account_number { width: 226px; }
input.birth_date, input.date_field { width: 100px; }
input.phone_number{ width: 100px; }

/* spanish drop selects */
.spanish select.card_type { width: 190px; }
.spanish select.county { width: 195px; }
.spanish select.court_type { width: 235px; }
.spanish select.state { width: 120px; }
.spanish select.agency { width: 250px; }

/* radio buttons */
input.radio_btn { width: 30px; margin-left: 20px; border: none;}
.spanish #payment_method input.radio_btn { width: 30px; margin-left: 2px; border: none;}
.radio_btn {border: none;}

/*checkboxes*/
input.checkbox { width: 30px; border: none; }
input.same_as_billing {margin: 10px 0 12px -6px; display: inline-block; }
.pagedisplay {width:54px;}

/*------------------------------------------------------------------------------------------------------------------
                                                      VALIDATIONS                    
------------------------------------------------------------------------------------------------------------------*/
.required_asterisk {
	/* this class is applied via via jquery */
	color: #2b9ade;
	font-weight: bold;
	font-size: 18px;
}
input.error, textarea.error, select.error {
	background: pink;
}
span.error {
	font-size: 10px;
	font-style: italic;
	font-family: Georgia serif;
	float: none;
	margin-left: 7px;
}
span.error_red {
	font-size: 10px;
	font-style: italic;
	font-family: Georgia serif;
	float: none;
	margin-left: 7px;
	color: red;
}

span.error_red_main {
	font-size: 20px;
	font-style: italic;
	font-family: Georgia serif;
	float: none;
	margin-left: 7px;
	color: red;
}

.special_error {  
	font-size: 12px;
	width: 600px;
	color: #F23860;
	text-align: center;
	display: none;
	position: absolute;
	font-weight: bold;
	width: 600px;
	margin-top: -22px;	
}
.error_box {
    background: #fdc5c5;
    border: #f77f7f 2px solid;
    padding: 20px;
    width: 650px;
    float: left;
    margin: 20px 0 30px 71px;
}
.error_box ul {
    margin: 10px 0 10px 10px !important;
}
.error_box ul li {
    margin-bottom: 10px !important;
    line-height: 16px;
}
.error_box ul li span {
    font-weight: bold;
    margin-left: 10px;
}
.error_box ul li span.first {
    margin-left: 0;
}
.error_box ul li span.site_name {
    margin-left: 0;
}
.error_box p.research {
    float: right;
    margin: 10px 0 0 0;
    line-height: 16px;
}
.error_box h3 {
    margin-bottom: 10px;
}

/*------------------------------------------------------------------------------------------------------------------
                                                     LABEL HINTS                    
------------------------------------------------------------------------------------------------------------------*/
form .label_hint {
	display: block;
	font-size: 11px;
	font-weight: normal;
}

form .password_hint {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
form #firstLabel{
	width:190px;
	margin-left: -15px;
}





/*------------------------------------------------------------------------------------------------------------------
                                                     OR SEARCH PAGE                   
------------------------------------------------------------------------------------------------------------------*/
#search_official_records input.first_name,
#search_official_records input.book_page_num { width: 80px; }
#search_official_records input.last_name { width: 120px; }
#search_official_records input.business_name,
#search_official_records input.instrument_num { width: 180px; }

#search_official_records select.county { width: 110px; }
#search_official_records select.circuit { width: 100px; }
#search_official_records select.region { width: 110px; }

#search_official_records input {
	padding: 1px 5px 0px 5px;
	font-size: 11px;
}
#search_official_records select {
	font-size: 11px;
	padding: 4px 4px 3px 4px;
}
#search_official_records label {
	width: 112px;
}

#search_official_records label,
#search_official_records .method_select span {
	font-weight: normal;
	font-size: 11px;
	margin: 6px 7px 0 0;	
}
#search_official_records #location_type label {
	margin-top: 11px;	
}

#pager {
	padding: 10px 0 10px 0;
	text-align: center;
	/*ozedit below*/

	margin: 10px 0 0 0px;
	top:584.4px;
	
}
div.tablesorterPager span {
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}


/*-----------------------------------------------------------------------------------------------------------------
											DIRECT DEPOSIT CSS
-------------------------------------------------------------------------------------------------------------------*/

#direct_deposit input.first_name {
	padding: 9px 9px 4px 9px;
	height: 20px;
	margin-top: 3px;
	width: 125px;
}
#direct_deposit input.last_name {
	padding: 9px 9px 4px 9px;
	height: 20px;
	margin-top: 3px;
	width: 125px;
}
#direct_deposit input.middle_name {
	padding: 9px 9px 4px 9px;
	height: 20px;
	margin-top: 3px;
	width: 12px;
}
#direct_deposit input.address{
	width: 300px;;
}

#direct_deposit div.name_three {
	float: left;
	margin-right: 10px;
}

#direct_deposit label.name {
	float: left;
	line-height: 16px; 
	text-align: right;
	margin: 16px 10px 0 0; 
	width: 175px;
	font-size: 14px;
	font-weight: bold;
	font-family: inherit;
	font-style: normal;
	position: static;
}

#direct_deposit span.error {
	 display: none;
}


/*------------------------------------------------------------------------------------------------------------------
                                              CONDITIONAL CSS                    
------------------------------------------------------------------------------------------------------------------*/
.mac.ff3_6 input.license_number { width: 190px; padding-top: 6px; padding-bottom: 7px; }
.webkit select { margin: 5px 0; height: 32px; }
.win.ie7 select.state {margin-bottom:15px;}
.win.ie input[type= 'radio']{ border: none;}
.win.ie8 form#official_records_incomplete textarea{margin-left: 49px;}
.win.ie8 form#official_records_incomplete input#incomplete_input{margin-top:15px;}