/* CSS Document */
/* HTML */
body {font-size:100.01%; 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 15px 10px 35px;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:15px 10px 0 30px; }
#content_left_text {}
#content_left h2 {color:#007573; text-transform:uppercase; margin:0; padding:0 0 10px 0;}
.btn_steps { text-align:center; padding:20px 0px 0 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:6px 0 3px 0; font-size:.8em;}
#content_left .labelSmall{font-size:.85em;text-align:left;}
#content_left .label{font-size:.9em;text-align:left;padding:0 0 0 0;}
#content_left .li{ font-size: 0.9em; list-style-position: outside; list-style-type: circle;}
#content_left .labelAlignRight{font-size:1em;text-align:right;}
#content_left .errorLabel{font-size:.9em;text-align:left;color:red;text-transform:uppercase;font-weight:bold;}
#content_left .flatListbox{ border-right: dimgray 1px solid; border-top: dimgray 1px solid; border-left: dimgray 1px solid; border-bottom: dimgray 1px solid;}
#content_left a{color:#007573; font-size:.9em;text-align:left;padding:0 0 0 0;}
/* RIGHT */
#content_right {margin:0 0 0 450px; padding-left:12px;}
#content_right h3 {color:#007573; text-transform:uppercase; padding:0 0 9px 0;}
#content_right h4 {color:#007573; text-transform:uppercase; padding:0 0 3px 0; font-size:.9em;}
#content_right h4.next_step {color:#007573; text-transform:uppercase; padding:12px 0 0 0; font-size:.9em;}
#content_right_text p {font-size:.9em; padding:3px 0 6px 0;}
.instruction_heading {color:#007573; text-transform:uppercase; font-weight:bold;}
#content_index {width:400px; float:left; padding:25px 55px 10px 105px; }
#content_index_text {}
#content_index h2 {color:#007573; text-transform:uppercase; margin:0; padding:0 0 10px 0;}
.btn_steps { text-align:center; padding:20px 0px 0 0;}
#content_index h3 {color:#007573; text-transform:uppercase; padding:9px 0 3px 0; font-size:1.1em;}
#content_index h4 {color:#007573; text-transform:uppercase; padding:6px 0 3px 0; font-size:.9em;}
#content_index .label{font-size:1em;text-align:left;}
#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 10px 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;}
/* FORM */
#form_steps {position:relative; margin:0; padding:0 35px 0 0;font-size:1em;}
#form_steps ol{ padding: 0 0 12px 0;}
#form_steps form {margin:0; padding:0; }
#form_steps fieldset {border:none; margin:12px 0 0 0; padding:0;}
legend {color:#007573; text-transform:uppercase; margin:0 0 20px 0;
font-weight:bold; font-size:1.25em; padding:0;}
#form_steps label {color:#007573; text-transform:uppercase; font-weight:bold;
display:inline-block; vertical-align:top; margin:0 30px 0 0; width:155px; padding-top:5px;}
#form_steps .labelSmall{font-size:.85em;text-align:left;}
#form_steps .labelAlignRight{font-size:1em;text-align:right;}
#form_steps .errorLabel{font-size:.9em;text-align:left;color:red;text-transform:uppercase;font-weight:bold;}
#form_steps textarea{ font-size: 0.9em; font-family: Arial; overflow:hidden;}
#form_steps input,
#form_steps select {}
.form_checkbox {margin:0 0 0 0px;}
#form_steps .dropdownlist{height:22px;}
#form_steps .label{text-align:left;font-size:.9em;color:#007573; text-transform:uppercase; font-weight:bold;padding-right: 40px; padding-top:5px; padding-bottom:5px;}
#form_steps .labelProf{ text-align: right; font-size: .9em; color: #007573; text-transform: uppercase; font-weight: bold; padding-right: 40px;}
#form_steps labelProf{text-align:right;font-size:.9em;color:#007573; text-transform:uppercase; font-weight:bold; }
#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;}
#notice {height:100px; 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;}
/*.next_step {position:absolute; top:-50px; left:460px; width:200px;}*/
h4.next_step { text-align:right;}
/* 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;}