@charset "UTF-8";
/* CSS Document 

	WEBSITE: Chicago Public Schools - Human Resources - New Hires
    CREATED: Fifth House Solutions - www.fifthhousesolutions.com
    DESIGN: Debby Rivera
    DEVELOPMENT: Marieli Velez & Debby Rivera
    DATE: August 2009

*/



body {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
	background-image: url(images/bg_gradient.jpg);
	background-repeat: repeat-x;
}
body,td,th {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, Times New Roman, Times, serif;
	margin:0;
}

p {
	margin:0;
	}	

h1 {
	font-size: 20px;
	color: #FF6633;
	padding-bottom:4px;
}

h2 {
	font-size: 18px;
	color: #666666;
	padding-bottom:4px;
}

h3 {
	font-size: 14px;
	color: #999999;
	padding-bottom:4px;
}

a:link, a:visited, a:active {
	color: #666666;
	text-decoration:underline;
}

a:hover {
	text-decoration: underline;
	color: #F58148;
}

/* ------------ WRAPPER (for shide shadow) ------------ */

#wrapper {
	width:960px;
	margin:auto;
	background-image:url(images/wrapper_bg_shadow.png);
	background-repeat:repeat-y;
	}

/* ------------ CONTENT HOLDER / CONTAINER ------------ */

#container {
	width:960px;
	margin:auto;
	background-image:url(images/content_top_bg.jpg);
	background-repeat:no-repeat;
	}

/* ------------ DATE/TIME & FONT SIZE CHANGE ------------ */

#date_time {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	height:27px;
	width:930px;
	text-align:right;
	padding-right:5px;
	padding-top:16px;
	}

#date_time img {
	border:none;
	}
	
/* ------------ TOP HEAD LOGO & TAG LINE ------------ */

#top_head {
	width:864px;
	height:113px;
	margin:auto;
	}

/* ------------ NAVIGATION ------------ 01 */

#navigation_01 {
	width:850px;
	height:28px;
	padding-top:12px;
	padding-right:10px;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#F58148;
	}
	
#navigation_01 a:link, #navigation_01 a:visited, #navigation_01 a:active {
	color:#FFFFFF;
	text-decoration:none;
	}

#navigation_01 a:hover {
	color:#F58148;
	text-decoration:underline;
	}
	
#navigation_01 ul {
	list-style:none;
	padding:0;
	margin:0;
	}

#navigation_01 li {
	float:right;
	margin:0px 8px;
	}
	
/* ------------ TOP BANNER ------------ */	

#top_banner {
	width:864px;
	height:208px;
	margin:auto;
	background-image:url(images/banner_home_01.jpg);
	background-repeat:no-repeat;
	}
	
	
/* ------------ CONTENT CONTAINER ------------ */

#content {
	margin:auto;
	width:824px;
	padding-left:20px;
	padding-right:20px;
	padding-top:28px;
	padding-bottom:0px;
	}

/* ----- CONTENT - LEFT COLUMN ----- */

#left_col {
	width:160px;
	float:left;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color:#FFFFFF;
	text-align:left;
	}

#left_col ul {
	margin:0;
	padding:0;
	}
	
#left_col li {
	list-style:none;
	margin:0;
	padding-top:24px;
	padding-left:7px;
	display:block;
	height:55px;
	width:153px;
	background-image:url(images/nav_02_arrow.gif);
	background-repeat:no-repeat;
	}

#left_col a:active, #left_col a:visited, #left_col a:link {
	color:#FFFFFF;
	text-decoration:none;
	}

#left_col a:hover {
	color:#005288;
	text-decoration:underline;
	}

/* ----- CONTENT - CENTER COLUMN ----- */

#center_col {
	width:380px;
	margin-left:192px;
	padding:0;
	/*overflow:auto;
	height:300px; */
	}
	
#center_col_2 {
	width:380px;
	margin-left:192px;
	padding:0;
	overflow:auto;
	height:300px; 
	}

#center_col p {
	line-height:20px;
	text-indent:15px;
	}
	
/* ----- ALTERNATE BOTTOM COLUMN AFTER LEFT, CENTER, RIGHT (BENEFITS) ---- */

#benefits_full_col {
	clear:both;
	}

#benefits_full_col_2 {
	clear:both;
	padding-top:30px;
	}

#benefits_col_left {
	float:left;
	width:400px;
	}

#benefits_col_right {
	float:right;
	width:400px;
	}
	
/* ----- CONTENT - RIGHT COLUMN ----- */
	
#right_col {
	width:220px;
	float:right;
	margin:0;
	padding:0;
	background-image:url(images/quick_link_bg.jpg);
	background-repeat:no-repeat;
	height:264px;
	}

#right_col h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#FFFFFF;
	padding:10px;
	text-align: center;
	}

#right_col {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	}

#right_col p {
	padding-left:8px;
	padding-right:8px;
	margin:0;
	}
	
#right_col a:link, #right_col a:visited, #right_col a:active {
	color:#000000;
	text-decoration:none;
	}

#right_col a:hover {
	color:#005288;
	text-decoration:underline;
	}

#right_col ul {
	margin:0;
	padding:5px 5px 0px 25px;
	}
	
#right_col li {
	line-height:16px;
	list-style:url(images/quick_link_arrow.gif);
	}

	
/* ------------ NAVIGATION ------------ 02 */

#navigation_02 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color:#FFFFFF;
	}
	
#navigation_02 a:link, #navigation_02 a:visited, #navigation_02 a:active {
	color:#FFFFFF;
	text-decoration:none;
	}

#navigation_02 a:hover {
	color:#F58148;
	text-decoration:underline;
	}
	
/* ------------ FOOTER ------------ */

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:auto;
	width: 800px;
	padding:50px 0px 0px 0;
	clear:both;
	}
	
#footer .legal {
	font-size:10px;
	color:#646769;
	padding-top:20px;
	}

#footer .copyright {
	font-size:10px;
	color:#646769;
	padding-top:10px;
	}
	

/* ------------------------------ //////// CONTENT PAGE CSS \\\\\\\\\ ------------------------------ */


/* ------------ CONTENT TOP BANNER ------------ */	

#top_banner_teachers {
	width:864px;
	height:173px;
	margin:auto;
	background-image:url(images/banner_teachers.jpg);
	background-repeat:no-repeat;
	}

#top_banner_non-teachers {
	width:864px;
	height:173px;
	margin:auto;
	background-image:url(images/banner_non-teachers.jpg);
	background-repeat:no-repeat;
	}

#top_banner_hiringManagers {
	width:864px;
	height:173px;
	margin:auto;
	background-image:url(images/banner_hiringManagers.jpg);
	background-repeat:no-repeat;
	}
	
#top_banner_substitutes {
	width:864px;
	height:173px;
	margin:auto;
	background-image:url(images/banner_substitutes.jpg);
	background-repeat:no-repeat;
	}
	
#top_banner_benefits {
	width:864px;
	height:173px;
	margin:auto;
	background-image:url(images/banner_FPO.jpg);
	background-repeat:no-repeat;
	}

#top_banner_payroll {
	width:864px;
	height:173px;
	margin:auto;
	background-image:url(images/banner_FPO.jpg);
	background-repeat:no-repeat;
	}

#top_banner_faqs {
	width:864px;
	height:173px;
	margin:auto;
	background-image:url(images/banner_FPO.jpg);
	background-repeat:no-repeat;
	}

#top_banner_contactInfo {
	width:864px;
	height:173px;
	margin:auto;
	background-image:url(images/banner_FPO.jpg);
	background-repeat:no-repeat;
	}

/* ------------ NAVIGATION ------------ 03 */

#navigation_03 {
	width:850px;
	height:28px;
	padding-top:103px;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#FFFFFF;
	}
	
#navigation_03 a:link, #navigation_03 a:visited, #navigation_03 a:active {
	color:#FFFFFF;
	text-decoration:none;
	}

#navigation_03 a:hover {
	color:#005288;
	text-decoration:underline;
	}
	
#navigation_03 ul {
	list-style:none;
	padding:0;
	margin:0;
	}

#navigation_03 li {
	float:left;
	margin:0;
	}

#navigation_03 .teacher {
	margin-left:20px;
	}
	
#navigation_03 .non-teacher {
	margin-left:68px;
	}

#navigation_03 .hiring-manager {
	margin-left:40px;
	}
	
#navigation_03 .substitute {
	margin-left:22px;
	}
	
	
/* ------------ BREAD CRUMBS ------------ */

#bread_crumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#F58148;
	padding-bottom:23px;
	}
	
#bread_crumbs a:link, #bread_crumbs a:visited, #bread_crumbs a:active {
	color:#005288;
	text-decoration:none;
	}

#bread_crumbs a:hover {
	color:#666666;
	text-decoration:underline;
	}
	
/* ------------------------------- ///////////// SECTION HOME PAGE TWO COLUMNS ////////// ------------------------ */

/* ----- SECTION CONTENT - CENTER COLUMN ----- */

	/* ---- Payroll page --- */ 
	
	#section_center_col_full {
		width:800px;
		}
	
	#section_center_col_full p {
	line-height:20px;
	text-indent:15px;
	}
		
	#section_center_col_full table {
		text-align:center;
		}
	
	.table_title {
		background-color:#c4d7e4;
		}
	
	#section_center_col_full td {
		color:#333333;
		}
	
	#table_03 {
		background-image:url(images/example_bg.gif);
		margin-right:15px;
		}
	
			/* ---- Payroll Calculator Form --- */ 
			
			#calculator {
				background-color:#d5e8c2;
				height:240px;
				padding-top:10px;
				width:590px;
				}
				
			#section_center_col_full form p {
				margin-bottom:15px;
				}
			
			#section_center_col_full form label {
				float:left;
				width:220px;
				padding-left:20px;
				text-align:left;
				}
				
			#section_center_col_full .display_txt2 {
				text-align:right;
				}
				
			#section_center_col_full .display_txt {
				text-align:right;
				background-color:#d5e8c2;
				border: none;
				}
			
			#section_center_col_full select, #section_center_col_full input {
				color:#666666;
				font-size:12px;
				}
			
			/*#calc {
				margin-left:180px;
				}
			
			 ---- Payroll Calculator Form End --- */ 
	
	/* ---- Payroll page End --- */ 
	
#section_center_col {
	width:396px;
	padding:0;
	/*overflow:auto;
	height:300px;*/
	}
	
#section_center_col p {
	line-height:20px;
	text-indent:15px;
	}

#section_center_col li {
	line-height:20px;
}

#sub_section_center_col {
	width:500px;
	margin-left:200px;
	padding:0;
	/* overflow:auto;
	height:300px; */
	}

#sub_section_center_col p {
	line-height:20px;
	text-indent:15px;
	}
	
	
#sub_section_center_col h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#FFFFFF;
	padding:10px 0 10px 0;
	text-align:left;
	float:left;
	}
	
/* ------------  Step by Step Pagination --------- */
	
#listingpaginate {
	float:left;
	width:200px;
	text-align:left;
	padding-right:10px;
	}
	
#listingpaginate img {
	border:0;
	}
		
#listingpaginate select {
	vertical-align:text-top;
	}
	
#steps_box {
	margin-top:20px;
	}

#steps_box p {
	text-indent:0;
	}

#steps_box .listed_items {
	padding-left:20px;
	line-height:18px;
	}

#step_form {
	width:250px;
	float:right;
	}

#step_form img {
	border:none;
	}

#step_form input {
	background-color:#005288;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	border:0px;
	text-decoration:underline;
	cursor:pointer;
	}
	
/* ----- SECTION CONTENT - RIGHT COLUMN ----- */
	
#section_right_col {
	width:396px;
	float:right;
	margin:0;
	padding:0;
	}

#section_right_col h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#FFFFFF;
	padding:10px 0 10px 0;
	text-align:center
	}
	
#section_right_col .pdf_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	}

#section_right_col p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	padding-left:8px;
	padding-right:8px;
	margin:0;
	}
	
#section_right_col .regText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	line-height:16px;
	padding-left:8px;
	padding-right:8px;
	margin:0;
	}
	
#section_right_col .formTitle {
	text-transform:uppercase;
	color:#005288;
	}

#section_right_col img {
	border:0;
	}
	
#section_right_col a:link, #section_right_col a:visited, #section_right_col a:active {
	color:#005288;
	text-decoration:none;
	}

#section_right_col a:hover {
	color:#000000;
	text-decoration:underline;
	}
/* ----- Alteranate quick links in 3 column layout ---- */

#section_right_col_2 {
	width:220px;
	float:right;
	margin:0;
	padding:0;
	}

#section_right_col_2 h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#FFFFFF;
	padding:10px 0 10px 0;
	text-align:center
	}
	
#section_right_col_2 .pdf_info a:link, #section_right_col_2 .pdf_info a:active, #section_right_col_2 .pdf_info a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	}

#section_right_col_2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	padding-left:8px;
	padding-right:8px;
	margin:0;
	}
	
#section_right_col_2 .formTitle {
	text-transform:uppercase;
	color:#005288;
	}

#section_right_col_2 img {
	border:0;
	}
	
#section_right_col_2 a:link, #section_right_col_2 a:visited, #section_right_col_2 a:active {
	color:#005288;
	text-decoration:none;
	}

#section_right_col_2 a:hover {
	color:#000000;
	text-decoration:underline;
	}

/* ----- SECTION CONTENT - LEFT COLUMN MENU ----- */

#section_left_col {
	width:160px;
	float:left;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#005288;
	text-align:left;
	}

#section_left_col ul {
	margin:0;
	padding:0;
	}
	
#section_left_col li {
	list-style:none;
	margin:0;
	padding-top:24px;
	padding-left:50px;
	display:block;
	height:44px;
	width:160px;;
	}

#section_left_col .home {
	background-image:url(images/icon_home.gif);
	background-repeat:no-repeat;
	}

#section_left_col .home_on {
	background-image:url(images/icon_home_on.gif);
	background-repeat:no-repeat;
	}

#section_left_col .steps {
	background-image:url(images/icon_steps.gif);
	background-repeat:no-repeat;
	}

#section_left_col .steps_on {
	background-image:url(images/icon_steps_on.gif);
	background-repeat:no-repeat;
	}
	
#section_left_col .process {
	background-image:url(images/icon_process.gif);
	background-repeat:no-repeat;
	}
	
#section_left_col .process_on {
	background-image:url(images/icon_process_on.gif);
	background-repeat:no-repeat;
	}
	
#section_left_col .benefits {
	background-image:url(images/icon_benefits.gif);
	background-repeat:no-repeat;
	}

#section_left_col .benefits_on {
	background-image:url(images/icon_benefits_on.gif);
	background-repeat:no-repeat;
	}
	
#section_left_col .payroll {
	background-image:url(images/icon_payroll.gif);
	background-repeat:no-repeat;
	}

#section_left_col .payroll_on {
	background-image:url(images/icon_payroll_on.gif);
	background-repeat:no-repeat;
	}

#section_left_col .newTeach {
	background-image:url(images/icon_newTeach.gif);
	background-repeat:no-repeat;
	}

#section_left_col .newTeach_on {
	background-image:url(images/icon_newTeach_on.gif);
	background-repeat:no-repeat;
	}

#section_left_col a:active, #section_left_col a:visited, #section_left_col a:link {
	color:#005288;
	text-decoration:none;
	}

#section_left_col a:hover {
	color:#F58148;
	text-decoration:underline;
	}
	
/* javascript show / hide cursor display */

.handcursor {
	cursor:hand;
	cursor:pointer;
	text-indent:0;
	line-height:20px;
}