/*
edu.theapple.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;
	color:#000;
	}

body{
	margin:0 auto;
	background: #FFF url("../images/ta/bg.gif") repeat-y 50% 50% ;
	width:1030px;
	}
	
	body div.form_group,
	body fieldset{
		border:0;
		margin-bottom:0;
		padding:0 1.8em 1.8em 1.8em;
	}
	
a {
	color:#000;
	text-decoration:underline;
	}
	
	a:hover{
		text-decoration:none;
		}
		
		h2{
			color:#000;
			font-size:18px;
		}
			

ul{
	list-style-type:none;
	margin-left:5px;
	}
	
/*clear items*/

.step3 #layout_center,
	.clear,
	#nav,
	#article,
	.article_page div.index{ 
		display: inline-block; 
		}   
	
.step3 #layout_main:after,
/*.step2 #layout_main:after,*/
	.clear:after,
	#nav:after,
	#article:after,
	html .article_page div.index:after {
	  content: "."; 
	  display: block; 
	  height: 0; 
	  clear: both; 
	  visibility: hidden;
	}

body div.article_page,
#layout_container {
	width:988px;
	padding:0 27px;
}

/*/*/
* html body div.article_page,
* html #layout_container/*,
* html #layout_footer */
{
	[]margin-left:10px !important;
}
/*/*/
* html #layout_footer 
{
	[]margin-left:-30px !important;
}
		
/*Header
-----------------------------------------*/

/*article specific*/ html #container #header{
		padding: 10px 0 0 0px;
		height:80px;
	}
	
/*article specific*/ #container #header,
#layout_header{
	background:transparent url("../images/ta/green_line.gif") no-repeat 50% bottom;
	height:90px;
	margin:0 100px;
	}
	
	body.step2 #layout_header,
	body.step3 #layout_header,
	body.step4 #layout_header,
	body.step4success #layout_header{
/*		height:110px;*/
		margin-bottom:30px;
	} 
	
/*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 {
	height:57px;
}

div#header #header_logo {
	float:left;
	padding:10px 0 0 0px;
	width:100%;
}

	div#header #header_logo h1 {
		display:inline;
		margin-bottom:0;
		float:left;
		margin-right:20px;
}

	/*	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 {
		background:transparent url(../images/ta/logo_site.gif) no-repeat scroll 0 0;
		display:block;
		height:60px;
		width:234px;
	}

/*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:"The Nation's Law Enforcement Community";
		width:400px;
		display:block;
		padding:9px 0 0 200px;
		color:#FFF;
	}

div#header #header_logo h1 a span {
	display:none;
}

div#header #header_logo h2 {
	display:none;
/*	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding: 9px;
	float:left;*/
}
		
/*Navigation
-----------------------------------------*/
	/*	article specific*/ .article_page #nav,
	#layout_header #nav{
		padding:10px 0 0 18px;
		height:39px;
		[]height:49px;
	}
	
	html #layout_header #nav{
		padding:2px 0 0 0px;
	}
	
	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_container {
/*			background:transparent url(../images/ta/header_jump_start.gif) no-repeat scroll 50% 100px;*/
	background:transparent url("../images/ta/smiling_green_band.jpg") no-repeat 50% 160px;
		}

body.index #layout_main{
/*	background:transparent url("../images/pl/background-no-title.jpg") no-repeat 50% 80px;*/
/*	background:transparent url("../images/ta/smiling_green_band.jpg") no-repeat 50% 80px;*/
			background:transparent url(../images/ta/header_jump_start.gif) no-repeat scroll 50% 26px;
	padding:10px 0;
	margin-top:-10px;
	}
	
/*	article specific*/ html .article_page #main #article{
		margin:0 auto;
		padding: 0 27px 0 164px;
	}
	
/*	article specific*/ .article_page #main #article,
	#layout_main #layout_center {
/*	width:666px;*/
	width:900px;
	padding:0 27px 0 88px;
	margin-top:10px;
	display:block;
	}

/*Index page 
-----------------------------------------*/
/*Index pagemain*/
	
		#layout_main #layout_center h1.main_heading_text {
			font-size:38px;
			font-weight:normal;
			text-transform:capitalize;
		}
		
		#layout_main #layout_center h1.main_heading_text span{
			color:#3F6830;
			text-decoration:underline;
		}
		
		#layout_main #layout_center h1 {
			font-size:22px;
		}
	
		#layout_main #layout_center #intro-text {
/*			margin:350px 410px 0 0;*/
			margin:350px 580px 0 0;
		}
		
/*Index page info-lists*/

		#layout_main #layout_center .info-lists .article_list {
			width:50%;
			float:left;
			margin:20px 0;
		}
		
		#layout_main #layout_center .info-lists #list2{
			float:none;
		}
		
		#layout_main #layout_center .info-lists .article_list h2{
/*			font-size:20px;*/
			font-weight:normal;
			line-height:18px;
/*			color:#000;*/
			color:#000;
			font-size:18px;
		}
		
		.info-lists ul li{
			background:transparent url(../images/ta/bullet.gif) no-repeat scroll 0 3px;
			padding:0 0 0 23px;
		}
			
		
/*Step one form
-----------------------------------------*/
	
	/*	article specific*/ html .article_page div#lead_gen_form{
		position:relative;
	}
	
	/*	article specific*/ html .article_page div.index{
/*		background: transparent url("../images/pl/miniform-box.png") no-repeat 56px 14px;*/
		background: transparent url("../images/ta/miniform_top.gif") no-repeat 56px 0px;
		position:absolute;
	}
		
		#layout_main #layout_center div.index{
/*			background: transparent url("../images/pl/miniform-box.png") no-repeat 56px 14px;*/
			position:absolute;
			width:326px;
/*			top:153px;*/
/*			top:260px;*/
			top:216px;
			[]margin-top:-8px;
			left:566px;
		}

		/*	article specific*/ html .article_page .index form{
/*						background: transparent url("../images/pl/swoop_arrow.gif") no-repeat 0 -13px;*/
		background: transparent url("../images/ta/miniform_bottom.gif") no-repeat 56px 100%;
					padding: 4px 24px 20px 68px;
					}
					
		/*	article specific*/ .article_page .index form,
				#layout_main #layout_center .index form{
					color:#5B5B5B;
					width:230px;
					padding: 4px 24px 50px 68px;
/*					background: transparent url("../images/pl/swoop_arrow.gif") no-repeat 0 -21px;*/
					text-align:center;
				}
					
		/*	article specific*/ html .article_page .index h3{
			padding-top:20px;
		}
		
		/*	article specific*/ .article_page .index h3,
				#layout_main #layout_center .index h3{
					font-size:23px;
					line-height:23px;
					color:#FC4A33;
					margin-bottom:0;
					font-weight:normal;
					padding: 0 24px 0 68px;
					text-align:center;
				}
				
				
				
				div.lead_form p.title{
					display:none;
				}
				
/* lead_form fields		
-----------------------------------------*/
				
				body.index form div.lead_form div{
					margin-bottom:7px;
				}
				
	/*	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:20px;
	  	float:left;
		}
	
	#step1_form #formRow_emailaddress{
		padding-right:20px;
		width:138px;
	}
	 
	  #step1_form #formRow_emailaddress, 
	  #step1_form #formRow_zipcode{
	  	display:inline;
	  	float:left;
	  }
	
		#step1_form #formRow_zipcode{
			width:40px;
		}	
											
	 /*	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:67px;
	 	float:left;
	 	[]width:40px;
	 }
				
					#step1_form #formRow_emailaddress label, 
					#step1_form #formRow_zipcode label{
						display:inline;
					}
					
					#step1_form #formRow_emailaddress input{
						width:138px;
						} 
						
					#step1_form #formRow_zipcode input{
						width:40px;
					}
					
				/*	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;
					[]width:230px;
				}

/*form button				*/
				#step1_form .buttonContainer{
					padding-bottom:40px;
				}	
				
				form .buttonContainer{
						background:transparent url("../images/ta/button_right.gif") no-repeat 100% 100%;
					text-align:center;
					display:inline-block;
					padding-left:10px;
					[]clear:left;
					[]width:200px;
				}
				
				body.step2 .buttonContainer{
					padding-left:210px;
          []padding-right:5px;
          _padding-right:0;
				}
				
					form .button{
						background:transparent url("../images/ta/button_left.gif") no-repeat 0 100%;
/*						line-height:18px;*/
						padding:7px 30px 7px 40px;
						margin:0 auto;
					margin-right:10px;
						border:none;
						color:#FFF;
/*						width:175;*/
						height:40px;
						font-weight:bold;
						font-size:14px;
					}
        	
						form .buttonContainer:hover .button:hover{
/*							background:transparent url("../images/ta/button_right.gif") no-repeat 50% -100px;*/
						}
						
/*Article Specific
-----------------------------------------*/	

	#article #main_column{
		float:left;
		width:350px;
		margin-top:5px;
		} 
		
	#article #right_column{
		float:left;
		width:300px;
	}
	
	#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;*/
		margin:0 auto;
		margin-top:-40px;
		padding-bottom:20px;
		display: none; /*turning off top navbar*/
	}
	
	#article #top_nav_list_container ul li {
		float:left;
		font-size: 11px;
		padding-right:9px;
	}
	
	#article #left_nav_list_container{
		padding-top:20px;
		width:340px;
		[]padding-top:40px;
display:none;  /*hide until we determine the final width of this page*/
	}
	
	#article #left_nav_list{
		background:#E3E8EE;
		padding:10px;
		margin-left:0;
	}
	
/*	there's no ul wrapping this in the dom*/
	#article #left_nav_list li {
		background:transparent url(../images/pl/dot.gif) no-repeat scroll 0 50%;
		padding:0 0 0 14px;
	}
	

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

/*Step2+ layout*/
		#layout_main .fact{
			background:transparent url(../images/ta/fact_bottom.gif) no-repeat scroll 0 100%;
			color:#FFF;
			font-size:14px;
			margin-left:40px;
      width:300px;
		}
		
		#layout_main .fact h3{
				background:transparent url(../images/ta/fact_top.gif) no-repeat scroll 0 0;
				padding:14px 10px;
				margin-bottom:0;
			color:#FFF;
			font-size:18px;
			width:267px;
			font-family:Georgia,Arial,sans-serif;
			font-weight:bold;
			text-align:center;
		}
		
		#layout_main .fact p{
			padding:0 10px 10px 10px;
			width:267px;
			font-family:Georgia,Arial,sans-serif;
			font-weight:bold;
			font-style:italic;
			line-height:21px;
			text-align:center;
		}
		
		#layout_main span.step2 div.step2{
			width:420px;
			float:right;
		}
		
		.subQuestions {
			padding-top:10px;
		}
/*		
		#layout_main .fact ul{
			margin:0;
		}
		
		#layout_main .fact li{
			padding:0;
			margin:0 0 20px 0;
			width:167px;
		}
		
			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 {
/*				background:transparent url(../images/pl/form_arrow.gif) no-repeat scroll 5px 20px;*/
				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%;
			}
			
			body.step3 form{
				text-align:center;
			}
			
			body.step3 .form_group{
				text-align:left;
			}
			
			form.step3 .offer_announcement{
				font-size:18px;
				color:#FC4A33;
			}
		
		#layout_center .fact li.happy_people,
		#layout_center .fact li.chart{
			height:150px;
		}
		
		#layout_center div.step2{
			width:470px;
			float:left;
		}
		
		
		#layout_center div.step3, 
		#layout_center div.step4{
			width:790px;
/*			float:left; removed per #4507 bug on thank you page(step4)*/
		}
		
		#layout_center div.step3{
			float:left;
		}
		
		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;
				}

/*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;*/
		width:200px;
		font-weight:normal;
	}
	
	.formRow select{
		width:206px;
	}
		
		form.step2 div.form_group h4,
		form.step2 legend{
			background:transparent url("../images/pl/form_arrow.gif") no-repeat 2px 3px;
			padding: 2px 0 0 18px;
			display:block;
			font-size:15px;
		}

		form.step3 .select_offer_header, 
		form.step4success .select_offer_header {
			background-color:peachPuff;
/*			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%;
			}
			
/*Footer
-----------------------------------------*/	

	/*	article specific*/ html body #footer-wrapper{
		margin-left:-35px;
	}
	
	
	/*	article specific*/ html #footer-wrapper,
		#layout_footer {
			background:white url("../images/ta/bg_bottom.gif") no-repeat 0 -75px;
/*			margin-left:-62px;*/
/*			margin-bottom:30px;*/
			margin:0 0 30px -62px;
			width:1080px;
/*			padding-top:10px;*/
		}
		
/*/*/
	/*	article specific*/ * html #footer-wrapper,
		* html #layout_footer {		
			[]margin-bottom:0;
		}

	#footer {
	padding:20px 10px 0px;
	margin:0 auto;
	height:20px;
	clear:left;
	width:680px;
	}
		
		#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/ta/Monster_Footer_white_sm.png") 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*/
				#start-now-cta {
					background:transparent url(../images/pl/CTA_edu_PL.jpg) no-repeat scroll 0 0;
					height:27px;
					width:347px;
				}