/* Main CSS */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 96%;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0b3543;
	background: url(../images/bg_gradient.gif) repeat-x #706f6f;
}

body.black_text {color: #000000;}

#container_main {
	margin: 0 auto;
	width: 861px;
	}

a {
	color: #4978ab;
	text-decoration: none;
	}

a:hover {color: #739b43;}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #739b43;
	margin:0px 0px 10px 0px;
	}

h2 {font-size: 16px; color: #0b3543; margin-bottom: 5px;}

h3.quote {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #0b3543;
		margin-bottom: 5px;
		}

p {
	margin-bottom: 15px;
	line-height: 17px;
	}
	
p.more_margin {margin-bottom: 25px;}
p.less_margin {margin-bottom: 5px;}

.small_txt {font-size: 11px;}

.green_txt {color: #739b43;}
.red_txt {color: #CC0000;}
.bold_txt {font-weight: bold;}

.margin-top {margin-top: 40px;}

/*-----HEADER----------------------------------------------*/	
.header_h {
		width: 861px;
		height: 200px;
		background: url(../images/g_header_img.jpg) no-repeat;	
		}
		
	.header_h img {
				margin: 17px 0px 0px 20px;
				border: none;
				}


.header_int {
		width: 861px;
		height: 150px;
		background: url(../images/g_header_img_int.jpg) no-repeat;
		clear: both;	
		}
.header_int.app {background: url(../images/g_header_img_app.jpg) no-repeat;}
	
	.header_int img {
				margin: 17px 0px 0px 20px;
				border: none;
				float: left;
				}
				
	.header_int .welcome_txt {
							width: 450px;
							height: 50px;
							float: right;
							font-size: 16px;
							font-weight: bold;
							margin: 20px 20px 0px 0px;
							text-align: right;
							}

/*-----NAVIGATION  1 ----------------------------------------*/
#nav_bar {
	width: 861px;
	height: 41px;
	background: url(../images/nav_bg.gif) repeat-x;
	}
	
	#nav_bar ul {
			float: left;
			list-style: none;
			}
	
	#nav li{
			float: left;
			}
	
	#nav li a {
				height: 41px;
				display: block;
				overflow: hidden;
				text-decoration: none;
				background-image: url(../images/nav_buttons.gif);
				background-repeat: no-repeat;
				}
		#nav li a.home {
			width: 80px;
			background-position: 0px 0px;
			}
		#nav li a.overview {
			width: 100px;
			background-position: -80px 0px;
			}
		#nav li a.faq {
			width: 69px;
			background-position: -180px 0px;
			}
		#nav li a.results {
			width: 95px;
			background-position: -249px 0px;
			}
		#nav li a.contact {
			width: 104px;
			background-position: -344px 0px;
			}
		#nav li a.login {
			width: 90px;
			background-position: -448px 0px;
			}
	#nav li a.home:hover, #nav li a.home.h_active {background-position: 0px -41px;}
	#nav li a.overview:hover, #nav li a.overview.o_active {background-position: -80px -41px;}
	#nav li a.faq:hover, #nav li a.faq.f_active {background-position:-180px -41px;}
	#nav li a.results:hover, #nav li a.results.r_active {background-position: -249px -41px;}
	#nav li a.contact:hover, #nav li a.contact.c_active {background-position: -344px -41px;}
	#nav li a.login:hover, #nav li a.login.l_active {background-position: -448px -41px;}
	
	#nav li a span {visibility: hidden;}



/*-----HEADER BORDER  -replacement for nav in form section ----------------------------------------*/
#top_border {
	width: 861px;
	height: 21px;
	background: url(../images/header_border.gif) repeat-x;
	}



/*-----NAVIGATION  2 (for form pages) ----------------------------------------*/
#nav_bar2 {
	width: 861px;
	height: 41px;
	background: url(../images/nav_bg.gif) repeat-x;
	}
	
	#nav_bar2 ul {
			float: left;
			list-style: none;
			}
	
	#nav2 li{
			float: left;
			}
	
	#nav2 li a {
				height: 41px;
				display: block;
				overflow: hidden;
				text-decoration: none;
				background-image: url(../images/nav_buttons_2.gif);
				background-repeat: no-repeat;
				}
		#nav2 li a.home {
			width: 80px;
			background-position: 0px 0px;
			}
		#nav2 li a.update {
			width: 160px;
			background-position: -80px 0px;
			}
		#nav2 li a.report {
			width: 145px;
			background-position: -240px 0px;
			}
		#nav2 li a.logout {
			width: 95px;
			background-position: -385px 0px;
			}
		
	#nav2 li a.home:hover, #nav2 li a.home.h_active {background-position: 0px -41px;}
	#nav2 li a.update:hover, #nav2 li a.update.up_active {background-position: -80px -41px;}
	#nav2 li a.report:hover, #nav2 li a.report.rep_active {background-position:-240px -41px;}
	#nav2 li a.logout:hover, #nav2 li a.logout.lo_active {background-position: -385px -41px;}
	
	#nav2 li a span {visibility: hidden;}







/*-----CONTENT----------------------------------------*/

	.content {
			width: 851px;
			background-color: #ffffff;
			padding: 10px 0px 10px 10px;
			overflow: hidden;
			}
	
/*----HOME PAGE CONTENT----*/
	.col_home_img {
				width: 255px;
				float: left;
				margin-right: 10px;
				}
				
	.col_home_text {
				width: 335px;
				float: left;
				margin-right: 20px;
				}
				
	.col_home_boxes {
					width: 215px;
					float: left;
					}
		
		#quote_flash {width: 214px; height: 200px; margin-bottom: 20px;}
		.side_box {margin-bottom: 20px;}
			.more_margin_bottom {margin-bottom: 60px;}
		
		.side_box_top {
					background: url(../images/home_box_bg_top.gif) no-repeat 0 0;
					width: 214px;
					height: 9px;
					}
					
		.side_box_expander {
					background: url(../images/home_box_bg_expander.gif) repeat-y;
					width: 214px;
					}
			.padding {padding:3px 0px 5px 10px;}
			
			.side_box_expander h4 {
								font-family: Arial, Helvetica, sans-serif;
								font-size: 14px;
								color: #739b43;
								}
			
			.side_box_expander h4.h_rave {
										background: url(../images/icon_page.gif) no-repeat 0 0;
										padding: 12px 0px 10px 30px;
										margin-left: 15px;
										}
			
			.side_box_expander h5 {
								font-family: Arial, Helvetica, sans-serif;
								font-size: 10px;
								color: #00000;
								background: url(../images/title_sign_up.gif) no-repeat 0 0;
								display: block;
								width: 192px;
								height: 10px;
								margin-bottom: 10px;
								}
				.side_box_expander h5 span {visibility: hidden;}
			
			.side_box_expander p {
							font-size: 10px; 
							line-height: normal;
							margin-left: 43px;
							margin-right: 15px;
							}
			.side_box_expander p.no_margin {margin-bottom: 0px;}
					
		.side_box_bottom {
					background: url(../images/home_box_bg_bottom.gif) no-repeat 0 0;
					width: 214px;
					height: 9px;
					}
					
		.email_field {
					width: 155px;
					margin: 0px 0px 4px 5px;
					}
		.email_btn {margin-left:130px;}
		
		#video_player {
					width: 330px;
					height: 186px;
					margin-bottom: 10px;
					}
		
/*----INTERIOR PAGE CONTENT----*/
		.col_int_text {
					width: 425px;
					float: left;
					margin-right: 20px;
					}
		
		.col_int_text ul {
						list-style-type:none;
						}
		.col_int_text ul li {
							background: url(../images/bullet_square.gif) no-repeat 0px 6px;
							padding-left: 8px;
							}
		.col_int_graphic {
						width: 397px;
						float: left;
						}
						
		.single_col {
					width: 425px;
					}
		
		.set_height {height: 425px;}
		
		/*overview table*/
		.over_table {
					width: 397px;
					font-size: 10px;
					border: solid 1px #0b3543;
					}
		
		.over_table td {
					vertical-align: text-top;
					padding: 5px;
					}
		
		.top_sections {
					background-color: #0b3543; 
					color: #ffffff;
					font-size: 11px;
					font-weight: bold;
					}		
		.section_bg {
					background-color: #0b3543; 
					color: #ffffff;
					border-top: solid 1px #ffffff;
					}
		.right_border {border-right: solid 1px #ffffff;}
		.blue_border {border-bottom: solid 1px #0b3543;}
		td.right_padding {padding-right: 30px;}
		
		.over_table td ul {list-style-type: none;}
		.over_table td ul.indent_more {margin: 10px 0px 0px 10px;}
		.over_table td ul.indent_left {margin-left: 10px;}
		.over_table td ul li {
							background: url(../images/bullet_asterisk.gif) no-repeat 0px 4px;
							padding-left: 7px;
							}
							
		
		.col_int_text ul.no_bullets {list-style-type: none;}
		.col_int_text ul.no_bullets li {
									background: none;
									padding-left: 0px;
									margin-bottom: 10px;
									}
									
			dl dt {
				border-top: 1px solid #cccccc;
				font-size: 13px;
				font-weight: bold;
				margin-bottom: 5px;
				padding-top: 5px;
				}
				
			dl dd {margin-bottom: 25px;}
			dl dd.less_margin {margin-bottom: 10px;}
			
				.col_int_text dl dd ul {margin: 5px 0px 0px 10px;}
						


/*----FORM PAGE CONTENT----*/		
		
		/*start now*/
		.start_now h1 {font-size: 26px;}
		.start_now p {
					line-height: normal;
					}
		.start_field {
					width: 215px;
					margin-top: 20px;
					}
		.start_btn {margin-top: 10px;}
		
		
		/*contact form*/
		.text_field {width: 215px;}
		.smallest_field {width: 30px;}
		.small_field {width: 45px;}
		
		.text_area {
					width: 300px;
					height: 130px;
					}
		
		table.contact_form td {padding-bottom: 10px;}
		
		
		/*results form*/
		.col_int_logos {
						width: 390px;
						float: left;
						margin-left: 13px;
						}
		
		.results_logo {
					width: 122px;
					height: 108px;
					float: left;
					margin: 0px 8px 8px 0px; border: none;
					}
		

		/*Login form*/
		table.login_form {margin-top: 20px;}
		table.login_form td {padding-bottom: 10px; vertical-align: bottom;}
		
		
		/*Profile form*/		
		table.profile_section {
							border-top: solid 1px #aabbcc;
							background-color: #edf1f4;
							border: 5px solid #edf1f4;
							}
							
		table.profile_section td {padding: 7px; vertical-align: top;}
		
		table.profile_section h2 {
								font-size: 16px;
								color: #4978ab;
								margin-bottom: 5px;
								}
								
		table.profile_section tr {background-color: #d6e1ea;}
		table.profile_section tr.l_blue {background-color: #edf1f4;}
		
		
/*--- HEALTH DATA FORM ---*/
		.single_col_health {
					width: 800px;
					}
					
		.single_col_health h1 {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 18px;
							color: #739b43;
							margin-bottom: 5px;
							}
							
		.single_col_health table {
								width: 100%; 
								margin-bottom: 10px;
								vertical-align: middle;
								
								}

/*Add Health Exam Record*/		
			table.add_section {
						background-color: #eaefe3;
						border-bottom: solid 1px #d5e0c7;
						}
				
				table.add_section td {padding: 5px 0px 5px 5px;}


/*View - Report Health Data*/					
			table.view_section {
						background-color: #edf1f4;
						border-bottom: solid 1px #d6e1ea;
						}
						
				table.view_section td {padding: 5px 0px 5px 5px;;}
				
				table.view_section h1 {color: #4978ab;}


/*Instructions*/
			.single_col_health table.instr_section {
						font-weight: bold;
						font-style: italic;
						margin-bottom: 20px;
						}
				.single_col_health table.instr_section td {padding: 5px;}
				.bg_green {background-color: #d5e0c7;}
				.bg_l_green {background-color: #eaefe3;}
				
				.bg_blue {background-color: #d6e1ea;}
				.bg_l_blue {background-color: #edf1f4;}


/*Tab Links*/			
			table.btn_section {
							padding: 0px;
							margin-bottom: 0px; 
							}
			td.current_section {
					background: url(../images/health_form_btn_bg_current.gif) repeat-x #eaefe3 center bottom;
					padding: 5px;
					text-align: center;
					border: solid 1px #d5e0c7;
					}
					
			td.current_section_start {
					background-color: #edf1f4;
					padding: 5px;
					text-align: center;
					border-top: solid 1px #aabbcc;
					border-right: solid 1px #aabbcc;
					border-left: solid 1px #aabbcc;
					}
					
			td.health_btn {
					background: url(../images/health_form_btn_bg.gif) repeat-x #dee6ee center bottom;
					padding: 5px;
					text-align: center;
					border: solid 1px #c4d3de;
					}
					
			td.health_btn_start {
					padding: 5px;
					text-align: center;
					border-top: solid 1px #aabbcc;
					border-right: solid 1px #aabbcc;
					border-left: solid 1px #aabbcc;
					}
			
			td.health_btn a {
					font-weight: bold;
					}
					
			td.health_btn_start a {
								font-weight: bold;
								}
					
			td.health_btn_spacer {width: 10px;}
			
			td.view_row {
					padding: 0px 0px 5px 5px;
					font-weight: bold;
					font-size: 14px;
					}
					
			td.bottom_line {border-top: solid 1px #aabbcc;}
					
			.status_label {
						font-size: 11px;
						font-style: italic;
						font-weight: bold;
						}
			
			
/*Tab Content*/			
			table.data_section {
							border-top: solid 1px #aabbcc;
							background-color: #edf1f4;
							border: 5px solid #edf1f4;
							}
				
				table.data_section h2 {
									font-size: 16px;
									color: #4978ab;
									margin-bottom: 5px;
									}
														
				table.data_section tr.row_l_blue {background-color: #d6e1ea;}
				table.data_section tr.row_d_blue {background-color: #beceda;}
				
				table.data_section td {padding: 7px;}
					table.data_section td.col_med_l {width: 30%;}
					table.data_section td.col_med_r {width: 70%;}
					
					table.data_section td.col_data_l {width: 50%;}
					table.data_section td.col_data_r {width: 50%;}
				
				table.data_section table {
										margin: 0px;
										padding: 0px;
										}
					
				/*style nested tables*/
				table.data_section table td {padding: 0px;}
				
				
				/*question section for incomplete data*/
				p.question_txt {
								font-size: 18px;
								margin-top: 5px;
								line-height: 24px;
								}
					p.bottom_zero {margin-bottom: 0px;}
								
				p.question_txt span.number_txt {
												font-weight: bold;
												font-size: 20px;
												color: #4978AB;
												}
				
				/*form buttons*/								
				.space_filler {margin-bottom: 100px;}				
				
				.advance_btn, .login_enter_btn {
											width: 129px;
											height: 51px;
											/*margin-bottom: 20px;*/
											border: none;
											cursor: pointer;
											}
											
				.login_enter_btn {display: block;}
					.login_enter_btn span {visibility: hidden;}
					
				.retrieve_btn {
							width: 279px;
							height: 51px;
							margin-bottom: 20px;
							border: none;
							cursor: pointer;
							}
				
				.short_btn {
							width: 88px;
							height: 51px;
							border: none;
							cursor: pointer;
							}
							
				.long_btn {
							width: 266px;
							height: 51px;
							border: none;
							margin-bottom: 10px;
							cursor: pointer;
							}
							
				.btn_scorediv {
							width: 155px;
							height: 105px;
							margin: 5px 20px 5px 0px;
							float: left;
							}
							
				.btn_scorediv_short {
							width: 155px;
							height: 70px;
							margin: 20px 20px 0px 0px;
							float: left;
							}
				
				a.score_btn {
							width: 155px;
							height: 105px;
							display: block;
							border: none;
							cursor: pointer;
							}
							
				a.score_btn_short {
							width: 155px;
							height: 70px;
							display: block;
							border: none;
							cursor: pointer;
							}

					a.score_btn:hover {background-position: 0 -105px;}
					a.score_btn_short:hover {background-position: 0 -70px;}	
					.advance_btn:hover, .retrieve_btn:hover, .short_btn:hover, .long_btn:hover, .login_enter_btn:hover {background-position: 0 -51px;}
				
				.save_img {background: url(../images/btn_save2.gif) no-repeat 0 0;}
				.update_img {background: url(../images/btn_update2.gif) no-repeat 0 0;}
				.login_img {background: url(../images/btn_login2.gif) no-repeat 0 0; margin-bottom: 0px;}
				.enter_img_white_bg {background: url(../images/btn_enter2_whitebg.gif) no-repeat 0 0;}
				.enter_img {background: url(../images/btn_enter2.gif) no-repeat 0 0;}
				.next_img {background: url(../images/btn_next2.gif) no-repeat 0 0;}
				.retrieve_img {background: url(../images/btn_retrieve_password.gif) no-repeat 0 0;}
				
				.yes_img {background: url(../images/btn_yes2.gif) no-repeat 0 0;}
				.no_img {background: url(../images/btn_no2.gif) no-repeat 0 0;}
                .skip_img {background: url(../images/btn_skip2.gif) no-repeat 0 0;}
				
				.active_img {background: url(../images/btn_active2.gif) no-repeat 0 0;}
				.someactive_img {background: url(../images/btn_active_some2.gif) no-repeat 0 0;}
				.inactive_img {background: url(../images/btn_active_in2.gif) no-repeat 0 0;}
				
				.never_img {background: url(../images/btn_never2.gif) no-repeat 0 0;}
				.sometimes_img {background: url(../images/btn_sometimes2.gif) no-repeat 0 0;}
				.always_img {background: url(../images/btn_always2.gif) no-repeat 0 0;}
				
				.low_img {background: url(../images/btn_low2.gif) no-repeat 0 0;}
				.medium_img {background: url(../images/btn_medium2.gif) no-repeat 0 0;}
				.high_img {background: url(../images/btn_high2.gif) no-repeat 0 0;}
				
				.not_satisfied_img {background: url(../images/btn_satisfied_not2.gif) no-repeat 0 0;}
				.partly_satisfied_img {background: url(../images/btn_satisfied_part2.gif) no-repeat 0 0;}
				.satisfied_img {background: url(../images/btn_satisfied2.gif) no-repeat 0 0;}
				.very_satisfied_img {background: url(../images/btn_satisfied_very2.gif) no-repeat 0 0;}
				
				.poor_img {background: url(../images/btn_poor2.gif) no-repeat 0 0;}
				.fair_img {background: url(../images/btn_fair2.gif) no-repeat 0 0;}
				.good_img {background: url(../images/btn_good2.gif) no-repeat 0 0;}
				.excellent_img {background: url(../images/btn_excellent2.gif) no-repeat 0 0;}
				
				a.current_html_img {background: url(../images/btn_current_html.gif) no-repeat 0 0;}
				a.current_pdf_img {background: url(../images/btn_current_pdf.gif) no-repeat 0 0;}
				a.history_html_img {background: url(../images/btn_historyScore_html.gif) no-repeat 0 0;}
				a.history_pdf_img {background: url(../images/btn_historyScore_pdf.gif) no-repeat 0 0;}
				a.view_img {background: url(../images/btn_view_records.gif) no-repeat 0 0;}
				a.edit_img {background: url(../images/btn_edit.gif) no-repeat 0 0;}

		

/*-----FOOTER------------------------------------------------------------*/
.footer {
		background: url(../images/footer_bg.jpg) no-repeat 0 0;
		width: 861px;
		height: 30px;
		color: #0b3543;
		}
		
	.f_links {
			font-size: 11px;
			float: left;
			margin-top: 8px;
			}
		
		.f_links a {
					color: #0b3543;
					text-decoration: none;
					margin:0px 15px;
					}
		.f_links a:hover {
						color: #0b3543;
						text-decoration: underline;
						}
			
	.f_copyright {
				font-size: 10px;
				float: right;
				margin: 8px 15px 0px 0px;
				}
		.f_copyright a {
						color: #0b3543;
						text-decoration: underline;
						}
			.f_copyright a:hover {
								color: #0b3543;
								text-decoration: none;
								}
								
								
								
								



#rricon{float:left; display:inline; margin:0px 0px 0px 3px;}
#rrcont{float:right; display:inline; width:155px; margin:12px 25px 0px 0px;}
#rrttl{color:#739B43; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; margin:0 0 10px;}
#reviews{float:left; width:155px; height:140px;}
#reviews p{padding:0px 0px 12px 0px;margin:0px;line-height:12px;}
.green{color:#739B43;}