/*------------------------------------------------------------------------------------------------------------------
                                                 COLOR KEY
------------------------------------------------------------------------------------------------------------------*/
/*	 
		blue: #2b9ade (sidebar headers)
		lighter blue: #0d9fd9 lighter blue
		lightest blue: #52b3d9 lightest blue
		dark gray: #333131 (paragraph text)			
		off white: #f2f2f2 off white
*/
/*------------------------------------------------------------------------------------------------------------------
                                                 IMPORTED STYLESHEETS
------------------------------------------------------------------------------------------------------------------*/
/* needed for all pages */
@import url(reset.css);
@import url(utility.css);
@import url(typography.css);
@import url(forms.css);
@import url(lightbox_pages.css); 

/* needed only for non-payment pages */
@import url(../sitecss/global_navigation.css);
@import url(jqtransform.css); 	/* needed for custom dark-gray drop selects on widgets */
@import url(traffic_school_widget.css);
@import url(find_clerk_widget.css);
@import url(../sitecss/global_footer.css);

/*------------------------------------------------------------------------------------------------------------------
                                                     HOMEPAGE
------------------------------------------------------------------------------------------------------------------*/
#main_page {
	width: 100%;
	height: auto;
	background: white;
}
#main_ad_wrap {
	width: 1023px;
	height: 100%;
	margin:auto;
}
#main_ad {
	height: 300px;
	width: 100%;
	margin-top:27px;
}
#main_headline {
	margin-left:40px;
}
#services_section {
	background: white;
	height: auto;
	width: 100%
}
#services_section_wrap {
	height: 445px;
	width: 1023px;
	margin:auto;
}

.ie7 #services_section_wrap {
	height: 380px;
	width: 1023px;
	margin:auto;
}

.spanish #services_section_wrap {
	height: 495px;
	width: 1023px;
	margin:auto;
}

.ie7.spanish #services_section_wrap {
	height: 425px;
	width: 1023px;
	margin:auto;
}

#services_box_child {
	width: 250px;
	height: 250px;
	margin: 30px 43px;
	float: left;
}

.ie6 #services_box_child {
	margin: 30px 37px;
}

#services_box_traffic {
	width: 250px;
	height: 250px;
	margin: 30px 43px;
	float: left;
}

.ie6 #services_box_traffic {
	margin: 30px 37px;
}

#services_box_records {
	width: 250px;
	height: 250px;
	margin: 30px 43px;
	float: left;
}
#child_support_title {
	width: 214px;
	height: 52px;
	margin: auto;
}
#traffic_tickets_title {
	width: 214px;
	height: 52px;
	margin: auto;
}
#official_records_title {
	width: 214px;
	height: 52px;
	margin: auto;
}
.services_card {
	background: url(../images/home_page/services_card.png) no-repeat;
	width: 205px;
	height: 100%;
	margin: 30px auto;
	position: relative;
}

.spanish .services_card {
	background: url(../images/home_page/services_card_sp.png) no-repeat;
	width: 205px;
	height: 295px;
	margin: 30px auto;
	position: relative;
}

#learn_more {
	position: absolute;
	bottom: 23px;
	left: 20px;
}

.win.ie7 #learn_more {
	bottom:20px;
}

.win.ie7.spanish #learn_more {
	bottom:2px;
}

#learn_more a {
	padding-left: 3px;
}

.spanish #learn_more img {
	float:right;
	margin-right:10px;
	margin-bottom:7px;
}
.padding li {
	margin-bottom: 6px;
}

/*------------------------------------------------------------------------------------------------------------------
                                                  ADMIN PAGE                    
------------------------------------------------------------------------------------------------------------------*/
.admin_wrap { 
width:75%; 
margin:auto;
}
.admin_wrap p{
font-size: medium;
}

.admin_wrap .smallblack{
font-size: x-small;
font-weight: bold;
}
.admin_wrap a, 
.admin_wrap a:visited {
	color: #2b9ade;
}

/*------------------------------------------------------------------------------------------------------------------
                                                  CONTACT PAGE                    
------------------------------------------------------------------------------------------------------------------*/
/*overall structure*/
#contact_page_wrap {
	background: url(../images/contact/contact_bg.jpg); 
	width: 970px; height: 1280px;
	margin: auto;
}
#contact_page_wrap .title_image {
	margin-top: 25px;
}

#contact_page_thankyou_wrap {
	width: 970px; height: 700px;
	margin: auto;
}
#contact_page_thankyou_wrap .title_image {
	margin-top: 25px;
}

/*contact main content*/
#contact_form {
	background: url(../images/contact/contact_form_card.jpg); 
	width: 513px; height: 999px;
	margin: 30px 0 0 0;
}
#contact_thankyou_box {
	background: url(../images/about_content_area.png) no-repeat;
	width: 834px;
	margin: 30px 0 0 0;
	height: auto;
	min-height: 450px;
}

#top_contact_thankyou {
	width: 720px;
	height: auto;
	margin:auto;
	padding: 40px 50px 0px 50px;
}
#bottom_contact_thankyou  {
	width: 720px;
	height: auto;
	margin: auto;
	padding:0px 0px 0px 40px;
}

#wait_reminder {
	font-size: 16px;
	width: 360px;
	text-align: center;
	padding: 42px 77px 0 77px;
	line-height: 26px;
	position: relative;
}
/*#wait_reminder img {
	top: 35px; left: 133px;
	position: absolute;
}*/
#wait_reminder a, 
#wait_reminder a:visited {
	font-weight: bold;
	color: #2b9ade;
}

/*contact form*/
#contact_form form { 
	margin: 25px 0 5px 25px; 
}
#contact_form form input {
	margin-top: 14px;
}
#contact_form form label { 
	float: left;
	line-height: 16px; 
	text-align: right;
	margin: 15px 10px 0 0; 
	width: 137px;
	font-size: 14px;
}
#contact_form form label.select_label {
	margin-top: 0;
}
#contact_form form label.single_line_label {
	margin-top: 22px;	
}
#contact_form form h3 { 
	font-family: Georgia serif;
	color: #2b9ade;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	padding: 0 0 5px 25px;
}
#contact_form form select {
	width: 289px;
	height: 36px;
}
#contact_form form .submit_btn { 
	border: none;
	width: 124px; height: 71px;
	margin: -5px 0 0 310px;
}
#about_yourself {
	margin: 45px 0 0 0;
	height: 352px;
}
#about_yourself #contact_drop_select {
	z-index: 20;
	position: relative;
}
#can_we_help {
	margin: 28px 0 0 0;
	height: 400px;	
}
#can_we_help p, #about_yourself p {
	position: relative; /*needed to position validations*/
}
#contact_form form #can_we_help label {
	float: none;
	margin: 0 0 0 24px;
	width: 142px;
}
#contact_form textarea { 
	width: 392px;
	height: 220px;
	margin: 3px 0 0 24px;
}
#can_we_help label.error {
	right: 56px; top: 36px;
}
#contact_form .required_footnote {
	margin: -17px 0 0 25px;
}
#contact_type{
	background: url(../images/contact/select_bg.png); 
	width: 288px; height: 38px;
	border:none;
}
#contact_type option {
	background: black;
	color: white;
	border: none;
	padding: 3px;
}

/* contact form errors/validations */
#contact_form span.error {
	position: absolute;
	right: 55px; top: 15px;
	font-size: 10px;
	font-style: italic;
	font-family: Georgia serif;
	width: 285px;
	text-align: right;
}
#contact_form p.after_drop_select span.error{ top: 53px; }
#contact_form p.textarea_form span.error{ top: 21px; }


.win.ff3 #contact_sidebar p, .win.ie8 #contact_sidebar p, .win.ie7 #contact_sidebar p, .win.ie6 #contact_sidebar p, .win.chrome.spanish #contact_sidebar p {
	line-height:16px;
}

/*------------------------------------------------------------------------------------------------------------------
                                                   ABOUT PAGE                    
------------------------------------------------------------------------------------------------------------------*/
#about_title { 
	width: 834px;
	height: 212px;
	margin: 25px auto;
	padding-right: 136px;
}
#about_page_wrap {
	width:1024px;
	margin:auto;
	height:auto;
}
#about_bg_town { 
	margin: auto;
	width: 100%;
	height: auto;
	min-height: 400px;
}
#about_content_area { 
	background: url(../images/about_content_area.png) no-repeat;
	width: 834px;
	margin: auto;
	height: auto;
	min-height: 450px;
}

.spanish #about_content_area { 
	background: url(../images/about_content_area_sp.png) no-repeat;
	width: 834px;
	margin: auto;
	height: auto;
	min-height: 485px;
}

#about_content_area p { 
	font-size: 12px;
	font-family: Verdana, sans-serif;
	line-height: 20px;
}

.ie7.spanish #about_content_area p, .win.chrome #about_content_area p { 
	line-height: 19px;
}

#top_about {
	width: 720px;
	height: auto;
	margin:auto;
	padding: 40px 50px 0px 50px;
}
#bottom_about {
	width: 750px;
	height: auto;
	margin: auto;
	padding:0px 40px 0px 40px;
}
#bottom_about p{
	font-size: 1.3em;
}
#mailing_address {
	width: 200px;
	height: auto;
	margin-left: 120px;
	float: left;
}
#about_phone_number {
	width: 300px;
	height: auto;
	float: left;
}
/*------------------------------------------------------------------------------------------------------------------
                                                     FAQ PAGES                    
------------------------------------------------------------------------------------------------------------------*/
/*sidebar*/
.topics_card_top {
	background: url(../images/public/faq/topics_card_top.jpg); 
	width: 237px; height: 315px;
	margin: 15px 0 0 15px;
}
.topics_card_middle {
	background: url(../images/public/faq/topics_card_middle.jpg) repeat-y; 
	width: 237px; height: auto;
	position: relative;
	margin-left: 15px;
}
.topics_card_bottom {
	background: url(../images/public/faq/topics_card_bottom.jpg); 
	width: 237px; height: 61px;
	margin-left: 15px;
}
.topics_card_middle h4 {
	position: absolute;
	top: -272px; left: 63px;
}
.topics_card_middle ul {
	color: white;
	font-weight: bold;
	list-style: none;
	position: absolute;
	top: -195px; left: 55px;
	width: 100px;
	text-align: center;
	letter-spacing: 1px;
}
.topics_card_middle li {
	padding: 0 0 18px 0;
	font-size: 16px;
}
.topics_card_middle li a,
.topics_card_middle li a:visited {
	color: white;
	text-decoration: none;
}
.topics_card_middle li a:hover {
	text-decoration: underline;
}

/*main content area*/
#faq_wrap {
	width: 665px;
	height: 700px;
	margin: 70px 0 0 13px;
	overflow: hidden;
}
#faq_wrap .panel {
	height: 714px;
}
#faq_wrap .panel div {
	overflow: hidden !important;
}

#faq_wrap .panel h2 {
	color: #ffffff;
	font-family:trebuchet ms;
	font-size:36px;
	font-weight:bold;
	margin-top: 9px;
	margin-bottom:37px;
	text-align:center;
	text-shadow: 2px 2px 3px #8e8e8e;
	background-color: #52b3d9;
	padding: 5px 0 5px 0;
	-moz-box-shadow: 1px 2px 3px #888;
}

/*child support faq*/
#child_support_home .topics_card_middle {
	height: 124px; /*adjusts sidebar height for child support faq*/
}

.spanish #child_support_home .topics_card_middle {
	height: 190px; /*adjusts sidebar height for child support faq*/
}

/*official records faq*/
#official_records_home .topics_card_middle {
	height: 27px; /*adjusts sidebar height for child support faq*/
}

/* traffic tickets faq page */
#traffic_tickets_home #find_clerk_widget {
	margin-top: 10px;
}


/*------------------------------------------------------------------------------------------------------------------
                                                  SERVICES HOME PAGES                    
------------------------------------------------------------------------------------------------------------------*/


   		 						  /*			services pages structure  			*/
								  /*------------------------------------------------*/ 
.services_homepage_wrap { 
	background: url(../images/services_home_bg.jpg); 
	width: 970px; height: 950px;
	margin: auto;
	position: relative; 
}

.spanish .services_homepage_wrap { 
	background: url(../images/services_home_bg.jpg) no-repeat; 
	width: 970px; height: 960px;
	margin: auto;
	margin-bottom:53px;
	position: relative; 
}

.services_homepage_wrap h1 { 
	width: 705px; height: 200px;
	text-indent: -9999px;
}

/*pay now card*/
.pay_now_card {
	background: url(../images/pay_now_card.jpg); 
	width: 674px; height: 255px;
	margin: 19px 0 0 17px;
	position:relative;
}

.spanish .pay_now_card {
	background: url(../images/pay_now_card_sp.jpg); 
	width: 674px; height: 279px;
	margin: 19px 0 0 17px;
	position:relative;
}

.pay_now_card_wrap {
	width: 350px;
	float:left;
	margin-left:40px;
	font-size: 9px;
	color: #71696d;
}
.mobile_site_message {
	float:left;
	margin-left:40px;
	font-size: 12px;
	color: #C44;
	width: 630px;
	font-weight: bold;
}
.pay_now_card_wrap ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	margin-top: 3px;
	padding-left: 10px;
}
.pay_now_card_wrap ul li{
	margin-bottom: 4px;
}
.pay_now_card h3 {
	padding: 25px 0 0 33px;
}

/*getting started card*/
.getting_started_card { 
	background: url(../images/getting_started_card.jpg); 
	width: 681px; height: 420px;
	margin: 56px 0 0 14px;
}

.spanish .getting_started_card { 
	background: url(../images/getting_started_card_sp.jpg); 
	width: 681px; height: 450px;
	margin: 56px 0 0 14px;
}

.getting_started_card h3 {
	padding: 28px 0 0 33px;	
}
.getting_started_card p {
	font-size: 12px;
	color: #71696d;
}
.getting_started_card .icon {
	width: 185px;
	height: 125px;
	float: left;
	padding: 17px 0 0 0px;
	margin-left:32px;
}

.spanish .getting_started_card .icon {
	width: 185px;
	height: 136px;
	float: left;
	padding: 17px 0 0 0px;
	margin-left:32px;
}

.getting_started_card .cc img { /*only for credit card icon*/
	margin-top: 5px;
}

.getting_started_card .icon img {
	float: left;
	padding-right: 5px;
}
.getting_started_card .icon p.icon_title {
	color: #2b9ade;
	margin-top: 13px;
	font-weight:bold;
} 
.getting_started_card p a,
.getting_started_card p a:visited  {
	color: #2b9ade;
}


/*divider bar*/
.custom_hr_rule {
	background:url(../images/public/custom_hr_rule.png) no-repeat;
	height:43px; width:493px;
	margin: 180px 80px;
}

.spanish .custom_hr_rule{
	margin: 204px 80px;
}

/*sidebar cards*/
.services_sidebar {
	position: absolute;
	top: 75px; right: -33px;
	width: 270px;
}
.sidebar_card_top {
	background: url(../images/sidebar_card_top.jpg); 
	width: 271px; height: 179px;
	margin-top: 40px;
}

.sidebar_card_top_direct_deposit {
	background: url(../images/sidebar_card_top.jpg); 
	width: 271px; height: 120px;
	margin-top: 40px;
}

.sidebar_card_middle {
	background: url(../images/sidebar_card_middle.jpg) repeat-y; 
	width: 271px; 
	height: auto;  /*if the box isn't long enough, manually increase height value*/
	position: relative;
}


.spanish .escuelas {
	background: url(../images/sidebar_card_middle.jpg) repeat-y; 
	width: 271px; 
	height: 20px;  /*if the box isn't long enough, manually increase height value*/
	position: relative;
}


.spanish #direct_deposit {
	background: url(../images/sidebar_card_middle.jpg) repeat-y; 
	width: 271px; 
	height: 30px;  /*if the box isn't long enough, manually increase height value*/
	position: relative;
}

.sidebar_card_middle p {
	position:absolute;
	top:-150px;
	left: 30px;
	width: 209px;
	font-size: 12px;
	color: #71696d;
}

#direct_deposit_p {
	position:absolute;
	top:-95px;
	left: 30px;
	width: 209px;
	font-size: 12px;
	color: #71696d;
}

.sidebar_card_bottom {
	background: url(../images/sidebar_card_bottom.jpg); 
	width: 271px; height: 24px;
}

/*sidebar titles*/
.login_card {
	background: url(../images/login_card.jpg); 
	width: 269px; height: 134px;
	position: relative;	
	margin-bottom: 50px;
}

.participation_counties_card{
	background: url(../images/login_card.jpg);
	width: 269px; height: 134px;
	margin-top: 640px;
	margin-left: -30px;
	position: absolute;
}

.participation_counties_card h4 {
	position: relative;
	top: -25px; left: 10px;
}

.participation_counties_card p {
	position:absolute;
	top:10px;
	left: 30px;
	width: 209px;
	font-size: 12px;
	color: #71696d;
}

.direct_deposit {
	background: url(../images/login_card.jpg); 
	width: 269px; height: 134px;
	position: relative;
}

.login_card input {
	position: relative;
	top: 20px; left: 25px;
	width: 211px;
	margin: 4px 0px;
	border: 1px solid #dcdad3;
	padding: 5px 3px 3px 3px;
	height: 13px;
}
.login_card h4 {
	position: absolute;
	top: -27px; left: 11px;
}
.sidebar_card_middle h4 { 
	position: absolute;
	top: -203px; left: 11px;
}

#direct_deposit h4 { 
	position: absolute;
	top: -140px; left: 11px;
}


									/*			 child support services pages 		  */
									/*------------------------------------------------*/ 

#child_support_home h1 {
	background: url(../images/child_support/child_support_title.jpg);
}

.spanish #child_support_home h1{
	background: url(../images/child_support/child_support_title_sp.jpg);
}

#child_support_home #create_an_account {
	height: 15px; /*changes height on create an account card*/
}

.spanish #child_support_home #create_an_account {
	height: 45px; /*changes height on create an account card*/
}

#child_support_home #view_recent_payments {
	height: 32px; /*changes height on view recent payments card*/
}



									/*			official records services pages 	  */
									/*------------------------------------------------*/ 
#official_records_home h1 {
	background: url(../images/official_records/official_records_title_main.jpg) no-repeat;
}
#login_button {
	position: absolute;
	bottom: 16px;
	right: 25px;
}

#forget_password {
	position:absolute;
	bottom:21px;
	left:26px;
}

#create_button {
	position: absolute;
	bottom: 8px;
	right: 35px;
}
#view_button {
	position: absolute;
	bottom: 8px;
	right: 35px;
}
#search_now_button {
	position: absolute;
	bottom: 80px;
	right: 39px;
}

#have_questions{
	position:absolute;
	bottom: 60px;
	right: 95px;
}
.services_sidebar #check_order_status {
	height: 10px;
}
.services_sidebar #check_order_status input {
	position: absolute;
	top: 82px; left: 0px;
	width: 211px;
	margin: 4px 0px;
	border: 1px solid #dcdad3;
	padding: 5px 3px 3px 3px;
	height: 13px;	
}
.services_sidebar #check_order_status #view_button {
	width: 90px;
	height: 31px;
	border: none;
	position: absolute;
	top: 113px;
	left: 125px;
}

									/*			official records administrator pages  */
									/*------------------------------------------------*/ 
#confirm_shipment .chgpage {  
	width: 20px;
	text-align: center;
	height: 14px;
	vertical-align: middle;
}

#confirm_shipment .selectedcheckbox {  
	width: 14px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
}

#claimedorders_selected .chgpage {  
	width: 20px;
	text-align: center;
	height: 14px;
	vertical-align: middle;
}

#claimedorders_selected .trackingNumber { 
	width: 120px;
	text-align: center;
	height: 14px;
	vertical-align: middle;
}

							/*			traffic tickets services pages	 	  */
							/*------------------------------------------------*/ 
/*#traffic_tickets_home h1 {
	background: url(../images/traffic_tickets/traffic_tickets_main.jpg);
}*/
#traffic_tickets_home .services_sidebar {
	top: 30px;
}


/*------------------------------------------------------------------------------------------------------------------
                                                   SITEMAP PAGE                    
------------------------------------------------------------------------------------------------------------------*/
#sitemap_header { 
	background: url(../images/public/sitemap_header.jpg) no-repeat;
	width: 710px;
	height: 224px;
	margin: 20px auto 25px auto;
	padding-right: 290px;
}

#sitemap_background { 
	background: url(../images/public/sitemap_background.png) no-repeat;
	width: 834px;
	margin: auto;
	height: 550px;
}


#custom_hr_rule_sitemap{
	background:url('../images/public/custom_hr_rule.png') no-repeat;
	height:43px; width:493px;
	float:left;
	margin: 10px 0px 30px 155px;
}

.sitemap_column{
	width:150px;
	height:95px;
	float:left;
	margin:0px 59px;
	text-align:center;
}

.sitemap_column p{
	line-height: 1em;
}

.chrome .sitemap_column p, .ff3_6 .sitemap_column p{
	font-size:11px;
}

.sitemap_column a{
	text-decoration:underline;
	color: #262526;
}

.sitemap_column a:hover{
	text-decoration:none;
}


#sitemap_title {
	float:left;
	width:100%;
	margin:35px auto 0px auto;
}

.underline_blue {
	border-bottom: 2px solid #0d8bd9;
	padding-bottom:6px;
}

.privacy_page_wrap {
	width: 970px;
	margin: 50px auto 20px auto;
	position:relative;
}

#error_header { 
	background: url(../images/public/error_header.jpg) no-repeat;
	width: 710px;
	height: 224px;
	margin: 42px auto 0px auto;
	padding-right: 290px;
}


/*------------------------------------------------------------------------------------------------------------------
                                                      CONDITIONS                    
------------------------------------------------------------------------------------------------------------------*/

/* ----- WIN FF3 ----- */
.win.ff3 #top_about p {
	font-size:11px;
}

/* ----- IE 8 ----- */
.win.ie8 #top_about p {
	font-size:11px;
}

/* ----- IE 7 ----- */
.win.ie7 .pay_now_card_wrap ul {
	margin:5px 0 0 0;
}
.win.ie7 .pay_now_card_wrap ul li {
	list-style: disc;
	padding: 0 0 0 5px;
}
.win.ie7 .custom_hr_rule {
    position: relative;
    top:-215px;
    left: 0;
}
.win.ie7 .getting_started_card .cc img {
	margin-bottom: 5px;
}
.win.ie7 .getting_started_card .icon img.ie7_icon_hook {
	margin-bottom: 5px;
}
.win.ie7 .getting_started_card .icon img.ie7_icon_hook_traffic {
	margin-bottom: 10px;
}
.win.ie7 #find_clerk_widget_wider p.clerk_phone_number {
	z-index:-1;
}
.win.ie7 #find_clerk_widget_wider p.clerk_phone_number_p2{
	z-index: -2;
}
.win.ie7 #about_content_area p { line-height: 17px; }
.spanish.win.ie7 #contact_form form label { letter-spacing: -1px; }

/*------------------------------------------------------------------------------------------------------------------
                                                      ONES AND ZEROS LINK                    
------------------------------------------------------------------------------------------------------------------*/
#ones_and_zeros{	
	display: none;	
}

/*--------------------------------------------------------------------------------------------------------------------
	 MAINTENANCE 
---------------------------------------------------------------------------------------------------------------------*/
#site_maintenance {
	display: none;
	font-size: 14px;
	font-weight: bold;
	color: red;
}	

#site_message {
display: none;
font-size: 14px;
font-weight: bold;
border: 1px dashed;
margin: 10px 0px;
padding:5px 5px 5px 5px;
background-repeat: no-repeat;
background-position: 10px center;
color: #FAFEFF;
background-color: #98C104;
width: 674px;
}