/*
edu.programadvisor.com
site.css for all forms in this site 

note***  hack to accomodate IE7: use [] before property:value;
					this is until we add a stylesheet for IE7 only.
				If you'd rather use a different hack, please explain it here, 
				so that when we add a stylesheet, we can search and replace.
-----------------------------------------*/

html{
	margin:0 auto;
	background: #FFF url("../images/pa/background_bg.gif") repeat-x 0 10px ;
}

body{
	margin:0 auto;
	background: transparent;
	width:780px;
}
	
body div.form_group,
body fieldset {
	border:0;
	margin-bottom:0;
	padding:0 1.8em 1.8em 1.8em;
}
	
a {
	color:#336633;
}
	
a:hover{
	text-decoration:underline;
}

ul{
	list-style-type:none;
	margin-top: -.5em;
	font-family: verdana;
}
	
/*clear items*/ 

#layout_container, 
/*article specific*/ body div.article_page{
	width:720px;
	padding:0 29px;
}
		

/*Header
-----------------------------------------*/

/*article specific*/ html #container #header{
		padding: 10px 0 0;
		margin-left: 10px;
		height:100px;
}
	
/*article specific*/ #container #header,
#layout_header{
	background:transparent url("../images/pa/header.jpg") no-repeat /*50% 20px*/;
	height:65px; /*sb*/
	/*width: 227px;*/ width: 724px;
	margin:0 10px;
}
	
body.step2 #layout_header,
body.step3 #layout_header,
body.step4 #layout_header,
body.step4success #layout_header {
	height:78px;
} 
	
/*article specific*/ #container #header span#site-name,
#layout_header #header span#site-name {
	float:left;
	margin:28px 0 0 364px;
	text-align:left;
	display:none;
}
	
#layout_header #header {
width:100%;
}
	
div#header #header_logo {
	width: 224px;
	height: 38px;
}

div#header #header_logo {
	float:left;
	width:100%;
	height: 65px;
}

/*	article specific*/ .article_page #header a #company-logo {
	margin:20px 0 0 0px;
	[]margin:30px 0 0 0px;
}
	
/*	article specific*/ .article_page #header #company-logo,
div#header #header_logo h1 a {
	display:block;
	width: 724px;
	height: 65px;
}

/*we must change this so the article page header is the same as the other pages*/
/*	article specific*/ .article_page #header #company-logo:after{
	content:"Get the career that's right for you";
	width:400px;
	display:none;
	padding:9px 0 0 200px;
	color:#FFF;
}

div#header #header_logo h1 a span {
	display:none;
	font-size: 1px;
	height: 65px;
	width: 724px;
}

h2.tagline   {
	/*margin:0;
	position: absolute;
	top: 15px;
	left: 400px;
	width: 400px;
	text-align: right;
	color:#7c7a7b;
	font-size:19px;
	font-weight:normal;
	font-family: Geneva, Georgia, Arial;
	letter-spacing: -1px;	
	height: 55px;*/
	display: none;
}

h2.tagline span {
	/*
	color: #425478;
	top: 23px;
	left: -80px;
	position: relative;
	font-weight: bold;
	*/
	display: none;
}
		
/*Navigation
-----------------------------------------*/
/*	article specific*/ .article_page #nav,
#layout_header #nav{
	padding:10px 0 0 18px;
	height:39px;
	[]height:49px;
}

div.article_page #nav{
	[]padding-bottom:10px;
}
	
/*	article specific*/ .article_page #nav ul,
#layout_header #nav ul{
	display:inline;
	list-style-type:none;
}
		
/*	article specific*/ .article_page #nav ul{
	display:block;
}
		
/*	article specific*/ .article_page #nav ul li,
#layout_header #nav ul li{
	display:inline;
	float:left;
}

/*	article specific*/ .article_page #nav ul li span,
#layout_header #nav ul li span{
	display:block;
	padding:0 0 0 16px;
}
				
/*	article specific*/ .article_page #nav ul li span span,
#layout_header #nav ul li span span{
	padding:13px 25px 8px 8px;
}
					
/*	article specific*/ .article_page #nav ul li span span,
#layout_header #nav ul li span span{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}

/*Content
-----------------------------------------*/

body.index #layout_main{
	padding-top:0px;
	margin-top:15px;
	}

/*STEPS*/
#layout_main {
	float: left;
	background: url("../images/pa/formbackgroundlarge_grd.png") no-repeat;
 	width: 700px
 	height: 399px;
 	margin-top: 10px;	
}

body.index #layout_main {
  background:transparent none;
}

	
/*	article specific*/ html .article_page #main #article{
	margin:0 auto;
}
	
	#layout_main #layout_center,
/*	article specific*/ .article_page #main #article{
	width:700px;
	padding:0;
	margin-top:20px;
	display:block;
	background: url("../images/pa/master_image.png") no-repeat 0 4px;
}

.article_page #main #article {
	background-image: none;	
}


/* STEPS */ 
	body.step2 #layout_main #layout_center, 
	body.step3 #layout_main #layout_center, 
	body.step4 #layout_main #layout_center {
	width:700px;
	padding:0;
	margin-top:20px;
	display:block;
	background: none;
}

/*Index page 
-----------------------------------------*/
/*Index pagemain*/


#layout_main #layout_center h1 {
	font-size:20px;
	font-family: verdana, arial, sans-serif;
}

#layout_main #layout_center #intro-text {
	margin:260px 240px 0 0;
	width: 720px;
	background: url("../images/pa/graphic1.png") no-repeat 487px 20px;	
	height: 320px;
	position: absolute;	
	z-index: -1000;		
}

#layout_main #layout_center #intro-text h1, #layout_main #layout_center #intro-text p {
	width: 450px;
	font-family: verdana, arial, sans-serif;
	line-height: 1.4em;	
}	
	
/*Index page info-lists*/
.info-lists { 
	height: 300px; 
	width: 470px; 
	margin: 0;
	padding-top: 370px;	
}

#layout_main #layout_center .info-lists .article_list {
	width:50%;
	float:left;	
}

#layout_main #layout_center .info-lists .article_list h2{
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	color:#336633;
	margin-bottom: 0.75em;
}

#layout_main #layout_center .info-lists #list1 {
	float: left;
	border-right: 1px solid #CCC;	
	width: 220px;
	height: 100%;
}
		
#layout_main #layout_center .info-lists #list2, #layout_main #layout_center .info-lists #list3 {
	float: left;
	border: 0px solid #000;
	width: 230px;
	margin-left: 12px;	
}
		
.info-lists ul li{
	background:transparent url("../images/pa/dot_1.gif") no-repeat scroll 0 7px;
	padding:0 0 0 13px;
	margin-left: -15px;
}
		
	
/*Step one form
-----------------------------------------*/
	
/*	article specific*/ html .article_page div#lead_gen_form, html .article_page div.index{
	float: left;
	margin-left: 30px;
}

/*	article specific html .article_page div.index{
	position: relative;
}
*/		
#layout_main #layout_center div.index {
	background: transparent url("../images/pa/reg_widget.png") no-repeat;
	position:absolute;
	width: 286px;
	right: 5px;
}

/*	article specific*/ html .article_page .index form{
	background: transparent url("../images/pa/reg_widget.png") no-repeat;
	width: 286px;
}
					
/*	article specific*/ .article_page .index form,
	#layout_main #layout_center .index form{
		width:260px;
		padding: 5px 24px 50px 25px;*/	
}
	
div.lead_form p {
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;
}

div.lead_form div#formRow_1 {
	background-color: none;	
}
			
/* lead_form fields		
-----------------------------------------*/
				
body.index form div.lead_form div,
/*article specific*/ #article form .lead_form #formRow_4 {
	margin-bottom:7px;
}

body.index form div.lead_form div #formRow_terms #form_terms {
	width: 20px;
	margin-top: 2px;
	[]margin-top: 0;
}

body.index #formRow_terms span,
/*article specific*/ body div#article #formRow_terms span{ 
	[]width: 200px;
}

body.index .checkbox_label,
/*article specific*/ body div#article .checkbox_label {
	width: 250px;	
	display: block;
}

/*	article specific*/ .article_page div div.error_message,	
body.index div div.error_message {
	display:none;	
}

/*	article specific*/ .article_page div.formRow label.error:after,
body.index div.formRow label.error:after {
	content: " *";
}

/*	article specific*/ .article_page  div#formRow_terms .error_message,
body.index div#formRow_terms .error_message {
	display:block;
	margin-bottom:0;
}
	
 /*	article specific*/ .article_page form div.lead_form #formRow_3,
 body.index form div.lead_form #formRow_3{
 	margin-right:20px;
 }
	  
 /*	article specific*/ .article_page form div.lead_form #formRow_3,
 /*	article specific*/ .article_page form div.lead_form #formRow_emailaddress,
 /*	article specific*/ .article_page form div.lead_form #formRow_emailaddress label,
 /*	article specific*/ .article_page form div.lead_form #formRow_emailaddress input,
 body.index form div.lead_form #formRow_3,
 body.index form div.lead_form #formRow_emailaddress,
 body.index form div.lead_form #formRow_emailaddress label,
 body.index form div.lead_form #formRow_emailaddress input {
 	width:121px;
 	padding-right:0px;
 	float:left;
}	
											
/*	article specific*/ .article_page form div.lead_form #formRow_4,
/*	article specific*/ .article_page form div.lead_form #formRow_zipcode,
/*	article specific*/ .article_page form div.lead_form #formRow_zipcode label,
/*	article specific*/ .article_page form div.lead_form #formRow_zipcode input
body.index form div.lead_form #formRow_4,
body.index form div.lead_form #formRow_zipcode,
body.index form div.lead_form #formRow_zipcode label,
body.index form div.lead_form #formRow_zipcode input{
	width:83px;
	float:left;
}
			
					
/*	article specific*/ .article_page form div.lead_form #formRow_5,
body.index form div.lead_form #formRow_5,
#step1_form #formRow_terms{
	float:left;
	clear:left;	
	margin-bottom: 15px;			
	[]width:230px;
	[]margin-top: 8px;
}

/*form button*/

form .buttonContainer{
	text-align:center;
}

body.step2 .buttonContainer{
	padding-left:60px;
}

form .button{
	background:transparent url("../images/pa/continue.png") no-repeat 0 0;
	padding:5px 63px;
	margin:0 auto;
	border:none;
	color:#9dc8f7;
	font-weight:bold;
	font-size:0px;
	width: 162px;
	height: 29px;
	margin-left: -10px;

}

/* article specific */ #article form .button {
	margin-left: -35px;
}

form .button:hover{
	background:transparent url("../images/pa/continue.png") no-repeat 0 0;

}
						
/*Article Specific
-----------------------------------------*/	
#article #main_column{
	float:left;
	width:350px;
	margin-top:5px;
} 
	
#article #right_column{
	float:left;
	width:300px;
	padding-left: 20px;

}

#article #main_image {
	display:inline;
	float:left;
	padding: 0 10px 10px 0;
}

#article_body p,
#article_body ul {
	float:left;
	display:inline;
	clear:left;
	width:99%;
}
	
#article #top_nav_list_container{
	margin: -39px 0 0 -30px;
	padding:5px;
	[]margin: -25px 0 0 -30px;
	line-height: 16px;
	clear: both;
	height: 100%;
}

#article #top_nav_list_container ul li {
	display: inline;
	font-size: 11px;
	padding-right:9px;
}

#article #left_nav_list_container{
	padding-top:0;
	width:340px;
	[]padding-top:0;
	display:none;  /*hide until we determine the final width of this page*/
}

#article #left_nav_list{
	background:#F7F7F7;
	padding:10px;
	margin-left:0;
	/*[]margin-left: -180px;*/
	[]width: 90%;
}
	
/*	there's no ul wrapping this in the dom*/
	#article #left_nav_list li {
		padding:0 0 0 14px;
}

/*Step 2+ specific
-----------------------------------------*/	

/*Step2+ layout*/
.fact dl {
	width: 237px;
	color: #666;
	text-align: center;
	float: right;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: -8px;
	background: url("../images/pa/facttop.gif") no-repeat;
	border: 0px solid #000;
}

.fact dl dt {
	background: url("../images/pa/factbg.gif") repeat-y;
	font-size: 18px;
	padding: 10px 5px 10px 5px;
	border: 0px solid #000;
}

.fact dl dd {
	background: url("../images/pa/factbottom.gif") no-repeat 0 26px;
	font-size: 12px;
	margin: 0;
	padding-bottom: 10px;
}

.fact dl dd p {
	padding: 0;
	border: 0px solid #000;	
}
		
body.step2 #layout_center .fact li.step_number{
	height:40px;
}

body.step3 #layout_center .fact li.step_number{
	height:40px;
}

body.step3 #layout_center form div.form_group,
body.step3 #layout_center form fieldset {
	padding:13px 0 0 25px;
}

body.step3 .nothanks_top{
	float:right;
}

body.step3 .nothanks_bottom {
	margin:-56px 31% 0 0;
	display:block;
	float:right;
	text-align:right;
	width:100%;
}


#layout_center div.step2{
	width:440px;
	float:left;
	margin-top: -10px;
}

#layout_center div.step3, 
#layout_center div.step4{
	width:650px;
	float:left;
}

/*Questionable start*/
body.step3 .error_message,
body.step4 .error_message,
body.step4success .error_message{
	padding-left:0;
}
		
body.step4success #spinner-container .step_message{
	background: green url("") no-repeat 0px 300px;
	padding-bottom:30px;
}

body.step4 #step4-info, body.step4 .offer_announcement, body.step3 .offer_announcement {
	margin: 0 20px;
}
/*Questionable end*/


/*Step2+ form*/
form{
	padding-bottom:30px;
}

form div.form_group h4,
form legend{
	padding:10px 0 0;
	color:#376D37;
	display:none;
}

form .formRow label{
	width:150px;
	font-weight:normal;
}

.formRow select{
	width:230px;
}
	
form.step2 div.form_group h4,
form.step2 legend{
	background:transparent url("../images/pa/arrow.gif") no-repeat 1px 1px;
	padding: 12px 12px 12px 50px;
	margin: 0;
	display:block;
	font-size:15px;
	border: 0px solid black;
}		
		
div.step2 .error_message { padding-left: 172px; }

form.step3 .select_offer_header, 
form.step4success .select_offer_header {
	background:#DEE8EC none repeat scroll 0 50%;
	padding:6px;
	display:block;
	font-size:11pt;
	font-weight:bold;
}

form.step3 .offer_logo, 
form.step4success .offer_logo {
	float: left; 
  margin: 4px; 
}

form.step3 .description, 
form.step4success .description{
	margin-top: 4px;
}

form.step3 label, 
form.step4success label{
	padding: 5px;
	margin-top:10px;
	width:99%;
}
			
body.step4 #layout_center .formRow label,
body.step4success #layout_center .formRow label,
body.step3 #layout_center .formRow label{
	text-align:left;
}

form.step3 .formElements select, 
form.step4success .formElements select{
	width:100%;
}

/*article specific */ input#form_zipcode{
	width: 83px;
}	

/*article specific*/ #article .formRow input#form_terms{
	width: 20px;
	margin-top: 3px;
	[]margin-top: 0;
}

/*Footer
-----------------------------------------*/	

#footer {
padding:10px 10px 20px;
margin:0 auto;
height:20px;
clear:left;
width:680px;
border-top: 1px solid #CCC;
}
	
#footer .nav{
	float:left;
}

#footer .nav,
#footer .copy{
	display:inline;
	color:#999;
	font-size:10px;
}

#footer .nav a{
	padding:5px;	
}

#footer .copy{
	background:transparent url("../images/pa/Monster_Footer_white_sm.gif") no-repeat 100% 2px;
	padding-right:175px;
	float:right;
}
			
/*Extras
-----------------------------------------*/	
/*	We should really make this text at the end of the article, and add the swoop as a background image AND it should be a GIF or PNG*/