/***** Reset *****/
	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/***** Container *****/

	body{
		background: #efefef;
		font-size: 13px; font-family: "lucida sans", helvetica, times;
		margin: 10px 0; padding: 0;
		text-align: center;
	}

		#container{
			background: transparent;
			display: block;
			margin: 0 auto; padding: 0;
			position: relative;
			text-align: left;
			width: 600px;
		}

/***** Header *****/

			#header{
				background: #fff;
				display: block;
				margin: 10px 0; padding: 15px;
				width: 570px; height: 80px;
				position: relative;
				float: left; clear: both;
			}
			
				#header h1{
					display: block;
					width: 220px; height: 110px;
					position: absolute; top: 0px; left: 0px;
				}
				
					#header h1 a{
						background: transparent url(/_img/21-days-to-fiscal-fitness-logo.png) 0 0 no-repeat;
						display: block;
						width: 220px; height: 110px;
						text-indent: -5000px;
					}
					
				#header .login_note{
					display: block;
					width: 355px;
					position: absolute; top: 3px; right: 0;
					color: #468eb2;
					font-size: 80%;
				}
					#header .login_note ul{
						margin: 0; padding: 0;
						list-style: none;
					}
					
				#header form{
					display: block;
					position: absolute;
					top: 17px; right: 0px;
					width: 355px;
				}
					#header .login form fieldset{
						display: inline;
						width: 285px;
						border: 0;
						float: left; clear: none;
					}
						
						#header .login form fieldset.fld_btns{
							width: 60px;
							padding-top: 18px;
						}
							html>body #header .login form fieldset.fld_btns{
								padding-top: 22px;
							}
					
					#header .login form fieldset legend{
						display: none;
					}
					
					#header .login form fieldset div{
						display: block;
						margin: 0; padding: 0;
						width: 140px;
						float: left; clear: none;
						overflow: hidden;
					}
					
					#header .login form fieldset div label{
						font-size: 10px;
						color: #777;	
					}
					
					#header .login form fieldset div input{
						width: 100px;
						padding: 4px 8px;
						font-size: 13px;
						border: 1px solid #d6df26;
						float: left; clear: none;
					}
					
					
					#header .helper_links{
						display: block; 
						width: 355px;
						position: absolute; bottom: 22px; right: 0; z-index: 1000;
						color: #999;
						font-size: 9px;
					}
						#header .helper_links a{
							color: #666;
						}

/***** Navigation *****/

			#navigation{
				background: transparent;
				display: block;
				margin: 0; padding: 0;
				width: 570px; height: 30px;
				position: relative;
				float: left; clear: both;
			}
			
				#navigation ul{
					list-style: none;
				}
				
					#navigation ul li{
						display: inline;
					}
					
						#navigation ul li a{
							padding: 5px 20px;
						}
			
			.nav-acct{
				position: absolute;
				top: 15px; right: 10px; z-index: 1000;
			}
				.nav-acct ul{
					list-style: none;
					font-size: 11px;
				}
					.nav-acct ul li{
						display: inline;
					}
						.nav-acct ul li a{
							padding: 3px;
							text-decoration: none;
						}
							
							.nav-acct ul li a.logout{
								color: #a00;
							}
								.nav-acct ul li a.logout small{
									color: #a00;
								}


				

/***** Content *****/

			#content,
			.new-summary-page{
				background: transparent;
				display: block;
				margin: 10px 0 0 0; padding: 0px;
				width: 600px;
				position: relative;
				float: left; clear: both;
			}
			
				/***** Summary Page *****/
				
				
				.new-summary-page{
					font-size: 11px;
				}
				
				.new-summary-page .col-left{
					display: inline;
					width: 232px;
					float: left; clear: none;
				}
				
					.new-summary-page .col-left h2{
						margin-bottom: 5px;
					}
					
					.big_fiscal_fitness{
						display: block;
						background: transparent url(/_img/blue_block.png) 0 0 no-repeat;
						width: 84px; height: 72px;
						float: right; clear: none;
						margin: 8px 0 10px 10px;
						padding: 8px 0 0;
						color: #fff;
						font-size: 14px;
						text-align: center;
					}
						.big_fiscal_fitness span{
							font-size: 35px;
						}
				
					.new-summary-page .col-left div.share-buttons{
						display: block;
						float: left; clear: both;
						border-bottom: 2px solid #fff;
						width: 100%;
						margin: 5px 0 10px !important; padding: 0 0 10px 0 !important;
						list-style: none;
					}
					
						.new-summary-page .col-left div.share-buttons a{
							text-decoration: none !important;
							padding-left: 5px;
						}
							.new-summary-page .col-left div.share-buttons a img{
								margin-bottom: -5px;
								border: 0;
							}
						
							
								.fb_iframe_widget{float: right; clear: none; margin-right: -20px;}
								.new-summary-page .col-left a.btn2_facebook{
									display: block;
									float: left; clear: none;
									width: 119px; height: 21px;
									background: transparent url(/_img/btn2_facebook.png) 0 0 no-repeat;
									text-indent: -5000px;
								}
								
								.new-summary-page .col-left a.btn2_twitter{
									display: block;
									float: right; clear: none;
									margin: 0 !important; padding: 0 !important;
									width: 104px; height: 21px;
									background: transparent url(/_img/btn2_twitter.png) 0 0 no-repeat;
									text-indent: -5000px;
								}
					
				.new-summary-page .col-right{
					display: inline;
					width: 310px;
					
					float: right; clear: none;
				}
				html>body .new-summary-page .col-right{
					margin-right: 20px;
				}
				
				.new-summary-page .col-left .block,
				.new-summary-page .col-right .block{
					display: block;
					width: 100%;
					padding: 10px;
					background: #fff;
					margin: 0 0 10px;
				}
				.new-summary-page .col-left .block{
					width: 213px;
				}
				
				/***** End Summary Page *****/
				
				.content-block{
					background: transparent;
					display: block;
					margin: 10px 0 !important; padding: 0px;
					width: 600px;
					position: relative;
					float: left; clear: both;
				}
					.content-inner,
					#challenge-question,
					#response-block{
						background: #fff;
						display: block;
						margin: 0; padding: 15px !important;
						width: 570px;
						position: relative;
						float: left; clear: both;
					}
					
						.homepage-banner{
							display: block;
							background: #fff;
							width: 600px; height: 360px;
							margin: 10px 0 0 0; padding: 0;
							float: left; clear: both;
						}
							#homepage-banner img{
								width: 600px; height: 439px;
							}
						.homepage-sub-banner{
							display: block;
							background: #fff;
							width: 600px; height: 78px;
							margin: 0; padding: 0;
							float: left; clear: both;
						}
							.homepage-sub-banner #where-stand {float: left}
							.homepage-sub-banner #fi-logo{
								margin:8px 20px 0 0;
								float: right;
								border: 0;
							}
					
					#challenge-question {
						margin: 0 0 10px 0 !important;
					}
					
					
						#challenges{
							background: transparent;
							display: block;
							margin: 10px 0 0 0 !important; padding: 0px;
							width: 600px;
							position: relative;
							float: left; clear: both;
						}
						
			
				#content ul,
				#content ol{
					margin: 10px 10px 10px 30px;
				}
				
				#content fieldset{
					display: block;
					border: 1px solid #ddd;
					margin: 5px 0; padding: 10px;
					width: 550px;
					float: left; clear: both;
				}
				#content legend{display:none}
				
				form{
					display: block;
					width: 570px;
					font-size: 13px;
					color: #333;
					float: left; clear: both;
				}
				
					form div{
						display: block;
						float: left; clear: both;
						padding: 8px 0;
						width: 550px;
					}
					
						form div label{
							display: block;
							float: left; clear: left;
							width: 160px;
							padding-top: 5px;
							font-size: 13px;
							color: #555;
						}
						
						form div input{
							font-size: 13px;
							padding: 4px 8px;	
							color: #333;
						}
						
			#challenge,
			#challenge-question{
				display: block;
				float: left; clear: both;
			}
			
				#challenge-question .day_and_answer{
					display: inline;
					width: 200px;
				}
				
					#challenge-question .day_and_answer h3{
						font-size: 20px;
						padding-bottom: 3px;
						border-bottom: 6px solid #efefef;
					}
					
						#challenge-question .day_and_answer h3 small{
							color: #000;
						}
							#challenge-question .day_and_answer h3 small small{
								color: #999;
								font-size: 12px;
							}
				
				#challenge-question .question,
				#challenge-question .answer{
					display: inline;
					width: 345px;
					font-size: 18px;
				}
				
					.answer .question_legal{
						width: 345px;
						font-size: 60%;
						margin-top: 20px;
					}
				
					#challenge-question .question p{
						padding: 0;
					}
					
					#challenge-question .answer form{
						display: block;
						padding-top: 15px;
						width: 345px;
					}
					
						#challenge-question .answer form input{
							margin-right: 10px;
						}
						
			.nav-day{
				display: block;
				margin: 10px 0 0 0;
				float: left; clear: none;
				width: 200px;
			}
			
			#response{
				display: block;
				margin: 0; padding: 0;
				float: left; clear: none;
				width: 600px;
			}
				#response #response-block{
					display: block;
					padding: 0;
					margin: 10px 0 !important;
					float: left; clear: none;
					width: 570px;
				}
					#response-block h3,
					.content-inner h3{
						font-size: 16px;
						font-weight: normal;
						border-bottom: 4px solid #efefef !important;
					}
					
					#response-block .image_and_response{
						border-bottom: 4px solid #efefef;
						display: block;
						margin: 0;
						width: 570px;
						margin-bottom: 10px;
						padding: 10px 0;
						float: left; clear: left;
					}
						#response-block .image{
							display: inline;
							margin: 0; padding: 0;
							width: 0; /* 170px */
							float: left; clear: none;
							overflow: hidden;
						}
						
						#response-block .response{
							display: inline;
							margin: 0; padding: 0;
							width: 570px; /* 390px */		
							float: right; clear: none
						}
						
						.fiscal-fitness-graph{
							display: block;
							position: relative; 
							margin: 30px 0; 
							height: 25px; width: 100%; 
							background: #fff url(/_img/graph_bg.png) bottom left repeat-x; border: 1px solid #ddd;
							border-radius: 7px;
							-moz-border-radius: 7px;
							-webkit-border-radius: 7px;
							
						}
						
						.user_bar{
							display: block; 
							position: absolute; 
							top: 0;
							left: 0;
							height: 25px;
							background: #6eb1d0 url(/_img/bar_blue.png) 0 0 repeat-x;
							border-radius: 5px;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
						}
							.user_carrot{
								width: 65px;
								position: absolute; 
								top: -28px; right: -31px; 
								background: transparent url(/_img/blue_carrot.png) right top no-repeat; 
								padding: 2px 0px 20px; 
								text-align: center;
								color: #fff; 
								font-size: 11px; font-weight: bold;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
							}
						.avg_bar{
							display: block; 
							position: absolute; 
							top: 0;
							left: 0;
							height: 25px;
							background: #c2d32b url(/_img/bar_green.png) 0 0 repeat-x;
							border-radius: 5px;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
						}
							.avg_carrot{
								width: 61px;
								position: absolute; 
								top: 20px; right: -30px;
								background: transparent url(/_img/green_carrot.png) right bottom no-repeat; 
								padding: 19px 0px 2px; 
								color: #fff; 
								text-align: center;
								font-size: 11px; font-weight: bold;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
							}
							
						.your-score{
							margin: 10px 0 30px;
							font-weight: bold;
							font-size: 16px;
						}
						
							.your-score span{
								padding: 5px; margin: 0 10px 0 0;
								background: #c2d32b url(/_img/score_green.png) 0 0 repeat-x;
								-moz-border-radius: 5px;
								font-size: 24px; color: #fff; font-weight: bold;
							}
							
					.question_legal{
						display: block;
						margin: 0 0 0 0;
						float: left; clear: none;
						width: 570px;
						font-size: 80%;
						color: #000;
					}
						
					.share_btns{
						display: block;
						margin: 50px 0 0 0;
						float: left; clear: none;
						width: 570px;
					}
						.share_btns a{
							margin-right: 15px;	
							color: #777; text-decoration: none;
						}
						
			.button{
				display: block;
				border: 0;
				width: 80px;
				text-align: center;
				text-decoration: none;
				padding: 5px 8px;
				background: #ddd;
			}
				.left{
					float: left; clear: none;
				}
				
				.right{
					float: right; clear: none;
				}
				
				.q_prev{
					display: block;
					margin: 0; padding: 0;
					width: 95px; height: 30px;
					background: transparent url(/_img/btn_prev_day.png) 0 0 no-repeat;
					text-indent: -5000px;
				}
				
				.q_next{
					display: block;
					margin: 0; padding: 0;
					width: 95px; height: 30px;
					background: transparent url(/_img/btn_next_day.png) 0 0 no-repeat;
					text-indent: -5000px;
				}
				
				.a_yes{
					display: block;
					margin: 0; padding: 0;
					width: 80px; height: 30px;
					background: transparent url(/_img/btn_yes2.png) 0 0 no-repeat;
					text-indent: -5000px;
					cursor: pointer !important;
				}
				
				.a_no{
					display: block;
					margin: 0; padding: 0;
					width: 167px; height: 30px;
					background: transparent url(/_img/btn_no2.png) 0 0 no-repeat;
					text-indent: -5000px;
					cursor: pointer !important;
				}
				
				.btn_facebook{
					width:130px;
					float: right;
					padding: 70px 0 0 21px;
					margin: 0px 0 0 0;
					cursor: pointer !important;
					position: relative;
				}
				
				.btn_twitter{
					padding: 0 0 0 21px;
					background: transparent url(/_img/favicon_twitter.png) 0 0 no-repeat;
					cursor: pointer !important;
				}
				
		.btn_register{
			display: block;
			padding: 0;
			width: 100px; height: 30px;
			background: #fff url(/_img/btn_ready.png) 0 0 no-repeat;
			text-indent: -5000px;
		}
		
		.slider_container{
			display: block;
			width: 310px;
			margin: 10px 0 0 0;
			float: left; clear: none;
		}
			.slider_container span{
				display: block;
				width: 25px;
				float: left; clear: none;
			}
			
				.slider_container span small{
					color: #777;
				}
			.fiscal_fitness_slider{
				display: block;
				margin: 3px 5px 0; padding: 0;
				width: 230px !important;
			}
			
				.ui-slider-handle{
					text-decoration: none;
				}
				.ui-slider-handle span {
					position: absolute; bottom: -15px; left: 0;
					text-decoration: none !important;
					font-size: 80%;
					color: #468eb2;
				}
				
				.ui-slider-range{
					padding: 0;
				}
						

/***** Footer *****/

			#footer{
				background: transparent;
				color: #666;
				display: block;
				font-size: 11px;
				margin: 10px 0; padding: 15px;
				width: 570px;
				position: relative;
				float: left; clear: both;
			}

/***** Etc... *****/

	.hidden{ display: none; }
	p { padding: 8px 0;}
	.top10{
		margin-top: 10px;
	}
	a{
		color: #468eb2;
		outline: 0 !important;
	}
		a img { border: 0; }
	hr {
		margin: 15px 0 20px;
		border: 0;
		background: #efefef;
		height: 6px;
	}
	
	.note ul,
	.login_note ul{list-style: none; margin: 0 0 0 10px !important; padding: 0 !important;}
		.login_note ul {margin-left: 0 !important;}
	.note ul li,
	.login_note ul li{ padding: 3px 0;}
	.note ul li span,
	.login_note ul li span{ padding-left: 25px !important; }
	.error{ background: url(/_img/x_t.png) 0 0 no-repeat; color: #a00; }
	.success{ background: url(/_img/check_t.png) 0 0 no-repeat; color: #0a0; }
	.notice{ background: url(/_img/check_t.png) 0 0 no-repeat; color: #00a; }