/*
	This file contains all style for the 'Find Your Clerk' widget scattered throughout 
	the site (faq pages, etc.). Include this file into another stylesheet using - 
	@import url(find_clerk_widget.css);

	Note: @import directives must be placed at the very top of a stylesheet.
*/


/*------------------------------------------------------------------------------------------------------------------
                                                    FAQ PAGES                    
------------------------------------------------------------------------------------------------------------------*/
/* Note: find clerk widget is slightly narrower on faq pages than elsewhere in site. This is due to the slightly
		 narrower width of the sidebar on faq pages. */

#find_clerk_widget {
	padding: 31px;
	background: url(../images/forms/find_clerk_bg.png); 
	width: 187px; height: 176px;
	margin: -38px 0 0 11px;
}

.spanish #find_clerk_widget {
	padding: 31px;
	background: url(../images/forms/find_clerk_bg_sp.png); 
	width: 187px; height: 196px;
	margin: -38px 0 0 11px;
}

#find_clerk_widget h4 {
	text-align: center;
}
#find_clerk_widget a, .find_clerk a:visited {
	color: #2B9ADE;
}
#find_clerk_widget form.find_clerk_number div {
	margin-bottom: 10px;
}
#find_clerk_widget .find_clerk_number ul{
	width: 185px !important;
}

/*------------------------------------------------------------------------------------------------------------------
                                            	ALL OTHER PAGES                    
------------------------------------------------------------------------------------------------------------------*/
/* Note: These pages include: (1) traffic tickets landing page. */
#find_clerk_widget_wider {
	position: relative;
}
#find_clerk_widget_wider form {
	position: absolute;
	top: -134px; left: 43px;
}

.spanish #find_clerk_widget_wider form {
	position: absolute;
	top: -143px; left: 43px;
}

#find_clerk_widget_wider h4 {

}
#find_clerk_widget_wider p {
	position: absolute;
	top: -35px; left: 47px;
	width: 190px;
}

.spanish #find_clerk_widget_wider p {
	position: absolute;
	top: -27px; left: 47px;
	width: 190px;
}

#find_clerk_widget_wider p.clerk_phone_number {
	top: -75px;
}

.spanish #find_clerk_widget_wider p.clerk_phone_number {
	top: -85px;
}


#dhsmv_widget {
	position: relative;
}