﻿/* HTML */
body {font-size:100%; font-family:Arial, Geneva, Helvetica, sans-serif}
p, td, ul, ol, li, h3, h2, h4, legend, fieldset {margin:0; padding:0;}
img {border:0;}


/* LAYOUT */
#page_wrapper {width:720px; margin:0 auto; background:#F3F7FA;}
	/* HEADER */
	#header {}
		#header_tagline {background:#ffffff url(../images/header_tagline.gif) no-repeat top right; height:110px; width:100%;}
		#header_ppib_text { background:url(../images/ppib_text.gif) no-repeat; height:30px; width:100%;}
		#header_title{	background: #ffffff url(../images/header_beauty.gif) no-repeat;	height: 88px;	width: 100%;}
		#header_title2{	background: #ffffff url(../images/header_generic.jpg) no-repeat;	height: 88px;	width: 100%;}

	/* NAVIGATION */
	#navigation {height:38px; background:#BFDCDC; border-top:solid 5px #000000; text-align:center; 
		padding:0 0 0 125px;}
		#navigation a {text-decoration:none; text-transform:uppercase; color:#000000; font-weight:bold; 
		padding:10px 18px 9px 18px; display:block; float:left;}
		
	
	/* CONTENT */
	#content {background-color:#F3F7FA; font-size:.85em; padding:5px 10px 10px 20px;border-top:solid 5px #000000; }
		#content p {padding:0 0 10px 0;}
		#content textarea{font-family:Arial, Geneva, Helvetica, sans-serif;font-size:1em;text-align:left;}
		/* STEPS */
			/* LEFT */
			#content_left {width:600px; float:left;padding:5px 10px 0 20px; }
				#content_left h2 {color:#007573; text-transform:uppercase; margin:0; padding:5px 0 15px 0;}
					
				#content_left .btn_edit { text-align:left; padding:5px  32px  10px 32px;}
				#content_left h3 {color:#007573; text-transform:uppercase; padding:9px 0 9px 0; font-size:1.1em;}
				#content_left h4 {color:#007573; text-transform:uppercase; padding:9px 0 3px 0; font-size:.9em;}
				#content_left h5 {color:#007573; text-transform:uppercase; padding:0px 0 0px 0; font-size:.8em;}
				
			/* RIGHT */
			
			
			#content_step2 {width:447px; float:left; padding:35px 15px 10px 85px; }
				#content_step2_test {}
				#content_step2 h2 {color:#007573; text-transform:uppercase; margin:0; padding:0 0 20px 0;}
					.btn_steps { text-align:center; padding:20px  0px 0 0;}
				#content_step2 h3 {color:#007573; text-transform:uppercase; padding:9px 0 3px 0; font-size:1.1em;}
				#content_step2 h4 {color:#007573; text-transform:uppercase; padding:6px 0 3px 0; font-size:.9em;}
				#content_step2 .label{font-size:1em;text-align:left;}

			.popup{	width: 100px;	height: 100px;	color: black;	border-right: #007573 thin solid;	border-top: #007573 thin solid;	border-left: #007573 thin solid;	border-bottom: #007573 thin solid;	background-color: white;	text-align: center;	padding-right: 2px;	padding-left: 2px;	padding-bottom: 2px;	padding-top: 2px;}
			
			
			#steps{margin: -30px 0 0 400px; color:#007573; text-transform:uppercase; padding:0px 0 20px 0; font-size:.85em;}
			/* FORM */
			#form_steps {position:relative; margin:0; padding:0 30px 0 0;font-size:0.85em;color:#007573; text-transform:uppercase;display:inline-block; vertical-align:top; font-weight:bold;}
				#form_steps ol{	padding: 0 0  0px 0;}
				#form_steps td{padding-bottom:1px;}
				#form_steps .labelsmall{font-size:0.8em; color:#000000;}
				#form_steps .labelSmall{font-size:0.85em; color:#000000;}
				#form_steps .dropdownlist{height:20px;}
				#form_steps .input{height:14px; padding-top:1px; padding-bottom:1px;}
				#form_steps .agency{padding-left:20px;}
				#form_steps textarea{font-size:0.9em; text-transform:uppercase; overflow:hidden;}
				#form_steps .number{text-align:right;}
				#form_steps .tablewithborder{border: solid, 1px, gray;}
				#terms {height:140px; overflow:auto; padding:10px; border:1px solid #CCCCCC; 
				margin:8px; width:90%; background-color:#ffffff;}
				.result {padding:0 0 0 15px; font-weight:bold; color:#000000;}
				.next_step_wrapper { text-align:center; padding:20px 0px 0 0;}

			#btn_steps{	text-align: center;	padding: 20px 0px 0 0;height:32px; }				
				
			
		
		/* INTRO */
			/* LEFT */
			#intro #content_left {width:397px; float:left; border:none;}
				#intro #content_left_text {padding:0 6px 0 0;}
				#intro #content_left h2 {color:#007573; text-transform:uppercase; padding:0 0 10px 0;}
				.btn_intro {text-align:right; padding:20px 0 0 0;}
	
			/* RIGHT */
			#intro #content_right {margin:0 0 0 400px; }
				#intro #content_right_text {margin:0 0 15px 0px;}
				#intro #content_right h3 {color:#007573; text-transform:uppercase; padding:0 0 0 0; font-size:1.12em;}
				#intro #content_right_text p {font-size:.9em; padding:3px 0 0 0;}
		
		
		.intro_item {background:url(../images/intro_grayline.gif) no-repeat 0px 0; 
			padding:3px 0 0 18px; height:72px; margin:0 0 18px 0;}
			.intro_item h3 {color:#007573; margin:0; padding:0;}
			.intro_item p {}
	
		.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

	/* FOOTER  */
	#footer{height: 25px;width: 100%;background-color: #000000;color: #FFFFFF;font-size: .8em;font-weight: bold;text-align: center;padding: 6px 0 0 0;}
	
	/* COPYRIGHT */
	#copyright {text-align:center; font-size:.7em; font-weight:bold; padding:12px 0 0 0; background:#ffffff;}

