/*
	This file contains all style for the lightbox hint pages. Include this file into another 
	stylesheet using - @import url(lightbox_pages.css);

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

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

/* hide scrollbars on all lightboxes */
.pp_content_container, .pp_pic_holder { overflow: hidden !important; }

/* style for iframe lightboxes */
.iframe_light_box_hint { text-align: center; padding: 10px 30px; width: 500px; margin: auto; position: relative; }
.iframe_light_box_hint h3 { color: #0D8BD9; font-weight: bold; }
.iframe_light_box_hint hr { height: 3px; background: black;}
.iframe_light_box_hint img { margin: 10px auto; }
.iframe_light_box_hint p { color: #5d5d5d; }

/* style for tables inside lightboxes */
.lightbox_table { width: 75%; margin: 0 auto; }
.lightbox_table th { background-color: #2b9ade; font-weight: bold; color: white; padding: 10px; letter-spacing: 1px; }
.lightbox_table tr { background-color: #e6e6e6;	}
.lightbox_table td { width: 150px; padding: 5px; text-align: center; }
.lightbox_table .alt { background-color: #f2f2f2; }
.lightbox_table .hover_state { background-color: #D3D3D3; }

.iframe_light_box_hint .footnote { color: #0D8BD9; font-size: 10px; margin: 5px 0 0 0; }
.iframe_light_box_hint h4 { margin: 25px 0 10px 0;  }
.iframe_light_box_hint ul, .iframe_light_box_hint ol { padding-left: 25px; }
.iframe_light_box_hint li { margin-bottom: 5px; }

/* if you need a wider lightbox table use */
.iframe_light_box_hint .lightbox_table.wide { width: 95%; }

/*------------------------------------------------------------------------------------------------------------------
                                                TRAFFIC SCHOOL INFO                    
------------------------------------------------------------------------------------------------------------------*/
#traffic_school_info { 
	text-align: left; 
}
#traffic_school_info h3 { 
	text-align: center; 
}
#traffic_school_info hr { 
	margin-bottom: 20px; 
}

/*------------------------------------------------------------------------------------------------------------------
                                 DEPOSITORY NUMBER INFO  / UNIFORM CASE NUMBER INFO                  
------------------------------------------------------------------------------------------------------------------*/
#add_case_info { 
	text-align: left; 
}
#add_case_info h3 { 
	text-align: center; 
}
#add_case_info hr { 
	margin-bottom: 20px; 
}
#add_case_info ul { 
	margin: 20px 0 20px 20px; 
}
#add_case_info img {
	margin-left: 58px;
}


/*------------------------------------------------------------------------------------------------------------------
                                              	CIRCUIT COUNTY MAP                    
------------------------------------------------------------------------------------------------------------------*/
.iframe_light_box_hint .circut_counties { 
	display: none;
	position: absolute;
	width: auto;
	background: #ccc;
	top: 180px;
	left: 70px;
	font-size: 14px;
	padding: 15px;
}
.iframe_light_box_hint .circut_counties ul { 
	list-style: none;
	margin: 0; padding: 0;
	text-align: left;
}
.iframe_light_box_hint .circut_counties ul li { 
	padding: 3px 0;
	margin-bottom: 5px;	
	text-align: left; 
}
.iframe_light_box_hint .circut_counties h4 { 
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

/*------------------------------------------------------------------------------------------------------------------
                                               REGIONAL COUNTY MAP                    
------------------------------------------------------------------------------------------------------------------*/
.iframe_light_box_hint .regional_counties { 
	display: none;
	position: absolute;
	width: auto;
	background: #ccc;
	top: 180px;
	left: 70px;
	font-size: 14px;
	padding: 15px;
}
.iframe_light_box_hint .regional_counties h4 { 
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.iframe_light_box_hint .regional_counties ul { 
	list-style: none;
	margin: 0; 
	padding-right: 20px;
	text-align: left;
	float: left;
}
.iframe_light_box_hint .regional_counties ul li { 
	padding: 3px 0;
	margin-bottom: 0px;
	margin-top: 0px;	
	text-align: left; 
}

/*------------------------------------------------------------------------------------------------------------------
                                                   FIND YOUR COUNTY                    
------------------------------------------------------------------------------------------------------------------*/
.iframe_light_box_hint select#find_county,
.iframe_light_box_hint select#find_clerk_number,
.iframe_light_box_hint select#traffic_clerk_select {
	margin: 30px 0 20px 0;
}
.iframe_light_box_hint #corresponding_county,
.iframe_light_box_hint #clerk_number {
	color: #2b9ade;
	font-size: 18px;
	font-weight: bold;
	height: 40px;
}
select#find_county {
	width: 240px;
}

/*------------------------------------------------------------------------------------------------------------------
                                                      OFFICIAL RECORDS DISCAIMER                    
------------------------------------------------------------------------------------------------------------------*/

.light_box_ori_disclaimer {
	text-align: center; width: 600px; margin: auto; position: relative; height: 400px; padding: 10px 30px;
}

.light_box_ori_disclaimer h3 { color: #0D8BD9; font-weight: bold; }
.light_box_ori_disclaimer hr { height: 3px; background: black;}
.light_box_ori_disclaimer img { margin: 10px auto; }
.light_box_ori_disclaimer p { color: #5d5d5d; }
/*------------------------------------------------------------------------------------------------------------------
                                                      CONTACT PAGE                    
------------------------------------------------------------------------------------------------------------------*/

#iframe_light_box_hint_contact_us {
	margin: auto;
	padding: 35px 0;
	position: relative;
	text-align: center;
	width: 600px;
	color: #2b9ade;
}
/* big links to individual faq pages used for lightbox on contact us */
.pp_inline #iframe_light_box_hint_contact_us .faq_link { color: #0D8BD9; font-size: 16px; margin: 40px 15px 0 15px; display: inline-block; }


/*------------------------------------------------------------------------------------------------------------------
                                                      MISC EDGE CASES                    
------------------------------------------------------------------------------------------------------------------*/

/* make points col narrower on points and validations table */
.lightbox_table .points { width: 40px; }

/* make record type col wider on types of official records table */
.lightbox_table .record_type { width: 300px; }

/* force width on violations td for IE7 */
#points_and_violations td.violation {
	width: 90%;
}

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