@charset "UTF-8";
/* CSS Document */

/*-------RESET-------*/
body{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:0;}
a{text-decoration: none;}

/*-------GENERAL-------*/
body {
	background:#f8f8f8 url('images/back.jpg') repeat-x top;
	color: #6a6969; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

a {
	color: #003362; font-size: 11px;
}

#wrapper {
	width: 960px;
	margin: 0 auto 0 auto;
}

.tooltip {
	width: 376px;
	color: #fff; font-size: 11px;
	text-shadow: 1px 1px 3px #002e5f;
	background-color: #00579f;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border: solid 1px #001f40;
	margin-bottom: 5px;
	padding: 15px;
}

/*-------HEADER-------*/
#header {
	width: 960px; height: 261px;
	margin: 0 auto 0 auto;
	float: left;
}

#header .logo {
	width: 229px; height: 47px;
	margin: 22px auto 12px auto;
}

#header .title {
	width: 960px; height: 146px;
	margin: 0 auto 0 auto;
}

/*-------MAIN STYLES-------*/
#main_con {
	width: 960px; height: auto;
	margin: 0 auto 0 auto;
	float: left;
	background-color: #FFF;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-box-shadow:0px 0px 38px #cbcbcb;
	-webkit-box-shadow:0px 0px 38px #cbcbcb;
	box-shadow:0px 0px 38px #cbcbcb;
}

#left {
	width: 664px;
	margin: 3px 0 3px 3px;
	float: left;
}

.left_calculation {
	width: 664px;
	margin: -3px 0 3px 3px;
	float: left;
}

#right {
	width: 289px;
	margin: 3px 3px 3px 0;
	float: right;
}

#footer {
	width: 960px; height: auto;
	margin: 0 auto 0 auto;
	float: left;
}

/*-------CALCULATOR-------*/
.intro {
	width: 610px; height: 129px;
	background: url('images/intro_start.jpg') no-repeat top;
	margin: 0;
	padding: 13px 27px 0 27px;
}

.income {
	width: 610px; height: 34px;
	background: url('images/income_start.jpg') no-repeat top;
	color: #003362;
	margin: 0;
	padding: 22px 27px 0 27px;
	float: left;
	position: relative;
}

.income:hover {
	background: url('images/income_start.jpg') no-repeat bottom;
}

.income a {
	color: #323232; font-size: 10px;
}

#income {
	width: 95px; height: 32px;
	background: #FFF;
	color: #014b91; font-size: 16px; text-align: center;
	border: solid 1px #cdcdcd;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-box-shadow:3px 3px 5px #eaeaea inset;
	-webkit-box-shadow:3px 3px 5px #eaeaea inset;
	box-shadow:3px 3px 5px #eaeaea inset;
	top: 10px; right: 18px;
	position: absolute;
}

.question {
	width: 662px; height: 35px;
	color: #323232; font-size: 14px; text-align: center;
	border: solid 1px #d9d9d9;
	background: url('images/question_back.jpg') repeat-x top;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAEAEA), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #eaeaea, #fff);
	margin-top: 1px;
	padding-top: 20px;
	float: left;
}

.calc_row_style {
	width: 608px; height: 35px;
	color: #426d95;
	border: solid 1px #d9d9d9;
	border-top: none;
	background: url('images/calc_row_back.jpg') repeat-x top;
	background: -webkit-gradient(linear, 0% 15%, 0% 100%, from(#ffffff), to(#ececec));  
    background: -moz-linear-gradient(0% 85% 90deg, #ECECEC, #FFFFFF);
	padding: 20px 27px 0 27px;
	float: left;
	position: relative;
}

.calc_row_style:hover {
	background: url('images/calc_row_back.jpg') repeat-x bottom;
	background: -webkit-gradient(linear, 0% 15%, 0% 100%, from(#ffffff), to(#d6d6d6));  
    background: -moz-linear-gradient(0% 85% 90deg, #d6d6d6, #FFFFFF);
}

.calc_row_style a {
	color: #767676; font-size: 10px;
}

.calc_row_dollar {
	color: #426d95; font-size: 16px;
	margin: -2px 100px 0 0;
	float: right;
}

.calc_row_dollar_total {
	color: #426d95; font-size: 16px;
	top: 21px; right: 27px;
	position: absolute;
}

.calc_input_style {
	width: 95px; height: 32px;
	background: #FFF;
	color: #426d95; font-size: 16px; text-align: center;
	border: solid 1px #cdcdcd;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-box-shadow:3px 3px 5px #eaeaea inset;
	-webkit-box-shadow:3px 3px 5px #eaeaea inset;
	box-shadow:3px 3px 5px #eaeaea inset;
	top: 10px; right: 18px;
	position: absolute;
}

.total_start {
	width: 512px;
	text-align: right;
	padding-right: 150px;
	position: relative;
}

.calculate_row {
	width: 662px; height: 55px;
	border: solid 1px #003266;
	border-top: none;
	background: url('images/calculate_row_back.jpg') repeat-x top;
	background: -webkit-gradient(linear, 0% 15%, 0% 100%, from(#006cb4), to(#01458b));  
    background: -moz-linear-gradient(0% 85% 90deg, #01458b, #006cb4);
	-moz-box-shadow:0px 3px 5px #003d68 inset;
	-webkit-box-shadow:0px 3px 5px #003d68 inset;
	box-shadow:0px 3px 5px #003d68 inset;
	float: left;
	position: relative;
}

#calculate {
	width: 152px; height: 37px;
	background: url('images/calculate_button.png') no-repeat top;
	border: none; outline: none;
	text-indent: -9999px;
	/* for ie */
	display:block;
	font-size:0;
	line-height:0;
	
	cursor: pointer;
	top: 10px; right: 18px;
	position: absolute;
}

#calculate:hover {
	background: url('images/calculate_button.png') no-repeat bottom;
}

/*-------CALCULATION EXTRA-------*/
.result {
	color: #8f2323; font-size: 16px;
	top: 21px; right: 24px;
	position: absolute;
}

.result:before {
	content: "$ ";
}

.result_household_totals {
	color: #014b91;
}

.result_year_total_text {
	color: #fff;
}
	
.results_intro {
	background: url('images/intro_results.jpg') no-repeat top;
}

.results_income {
	background: url('images/income_results.jpg') no-repeat top;
}

.results_income:hover {
	background: url('images/income_results.jpg') no-repeat bottom;
}

.results_spending {
	color: #003362;
}

.results_year_total {
	width: 537px; height: 35px;
	color: #fff; font-size: 14px; text-align: right;
	text-shadow: 2px 2px 5px #474747;
	border: solid 1px #830606;
	background: url('images/year_total_back.jpg') repeat-x top;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bd1b1b), to(#9b0a0b));  
    background: -moz-linear-gradient(top, #bd1b1b, #9b0a0b);
	margin-top: 1px;
	padding: 20px 125px 0 0;
	float: left;
	position: relative;
}
	

.results_percentage {
	color: #fff; text-shadow: 2px 2px 5px #474747;
	top: 21px; right: 24px;
	position: absolute;
}

.results_percentage:after {
	content: " %";
}

.percentage_present {
	width: 512px; height: 35px;
	color: #fff; font-size: 16px;
	text-shadow: 2px 2px 5px #474747;
	background: url('images/percentage_present.jpg') no-repeat top;
	border: solid 1px #003266;
	border-top: none;
	padding: 20px 0 0 150px;
	float: left;
	position: relative;
}

.reset_button {
	width: 65px; height: 28px;
	background: url('images/reset_button.png') no-repeat top;
	text-indent: -9999px;
	top: 16px; left: 32px;
	position: absolute;
}

.reset_button:hover {
	background: url('images/reset_button.png') no-repeat bottom;
}

/*-------GRAPH-------*/
#graph-wrapper {
	width: 960px;
	margin: 11px auto 3px auto;
	float: left;
}

#graph-wrapper h2 {
	color: #323232; font-size: 18px; text-align: center;
}

#graph {
	width: 500px; height: 500px;
	padding-left: 210px;
	margin: 14px auto 0 auto;
	float: left;
}

/*-------SIDEBAR-------*/
.sidebar_con {
	width: 287px; height: 184px;
	border-left: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
	float: left;
}

.sidebar_title {
	width: 287px; height: 28px;
	color: #003362; font-size: 14px; font-weight: bold; text-align: center;
	background: url('images/sidebar_title.jpg') repeat-x top;
	background: -webkit-gradient(linear, 0% 15%, 0% 100%, from(#ffffff), to(#fcfdfc));  
    background: -moz-linear-gradient(0% 85% 90deg, #fcfdfc, #FFFFFF);
	border-bottom: solid 1px #d9d9d9;
	padding-top: 11px;
	float: left;
}

.sidebar_title a {
	color: #003362; font-size: 14px; font-weight: bold;
}

.sidebar_body {
	width: 265px; height: 129px;
	font-size: 11px;
	background: #fafafa;
	background: -webkit-gradient(linear, 0% 0%, 0% 6%, from(#eeeeee), to(#fafafa));  
    background: -moz-linear-gradient(0% 6% 90deg, #fafafa, #eeeeee);
	border-top: #fff solid 1px;
	padding: 14px 11px 0 11px;
	float: left;
}

.signup_con {
	border-top: solid 1px #d9d9d9;
}

#signup_form {
	width: 265px; height: 86px;
	margin-top: 10px;
	float: left;
}

#signup_form .input {
	width: 117px; height: 23px;
	color: #acacac; font-size: 11px;
	border: solid 1px #d9d9d9;
	-moz-box-shadow:3px 3px 5px #f7f7f7 inset;
	-webkit-box-shadow:3px 3px 5px #f7f7f7 inset;
	box-shadow:3px 3px 5px #f7f7f7 inset;
	padding-left: 11px;
}

#signup_form .fname {
	float: left;
}

#signup_form .lname {
	float: right;
}

#signup_form .zip {
	width: 75px;
	margin-top: 3px;
	float: left;
}

#signup_form .email {
	width: 159px;
	margin-top: 3px;
	float: right;
}

#signup_form .signup_button {
	width: 69px; height: 24px;
	text-indent: -9999px;
	/* for ie */
	display:block;
	font-size:0;
	line-height:0;
	
	background: url('images/signup_button.png') no-repeat top;
	border: none; outline: none;
	cursor: pointer;
	margin-top: 7px;
	float: right;
}

#full_study {
	width: 211px; height: 51px;
	margin: 17px 0 0 42px;
	float: left;
}

#full_study .text_link {
	width: 168px;
	margin-top: 6px;
	float: right;
}

.state_study_link {
	width: 267px;
	text-align: center;
	margin-top: 29px;
	float: left;
}

.twitter_con {
	height: 373px;
}

.twitter_body {
	height: 318px;
	background: -webkit-gradient(linear, 0% 0%, 0% 3%, from(#eeeeee), to(#fafafa));  
    background: -moz-linear-gradient(0% 3% 90deg, #fafafa, #eeeeee);
}

.share_con {
	width: 287px; height: 49px;
	padding-top: 6px;
	display: none;
}

.share_con .text {
	width: 287px;
	color: #fff; font-size: 14px; text-align: center;
	text-shadow: 2px 2px 5px #474747;
	float: left;
}

.share_con .facebook_share {
	margin: 4px 0 0 42px;
	float: left;
}

.share_con .twitter_share {
	margin: 6px 42px 0 0;
	float: right;
}

/*-------TWITTER DIV-------*/
#twitter_div {
	width: 265px; height: 304px;
	float: left;
}

ul#twitter_update_list { 
	width: 265px; 
	list-style: none;
	overflow: hidden;
}

ul#twitter_update_list li {
	width: 242px; height: 45px;
	font-size: 11px;
	margin: 6px auto 6px auto; padding: 6px;
}

ul#twitter_update_list li a {
	color: #003362;
}

/*-------FOOTER-------*/
.logo_footer {
	margin: 12px 20px 12px 6px;
	float: left;
}

.footer_text {
	color: #a1a1a1; font-size: 10px;
	margin-top: 26px;
	float: left;
}

/*-------SIDE BUTTON-------*/
#visit_ier {
	color: #fff; font-size: 12px; font-weight: bold;
	text-shadow: 2px 2px 5px #474747;
	background: #0159a1;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#0069b1), to(#01488d));  
    background: -moz-linear-gradient(0% 100% 0deg, #0069b1, #01488d);
	-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	-moz-box-shadow:0px 0px 13px #a7a7a7;
	-webkit-box-shadow:0px 0px 13px #a7a7a7 ;
	box-shadow:0px 0px 13px #a7a7a7;
	padding: 16px 10px 16px 10px;
	position: fixed;
	top: 292px; left: 0;
}

#visit_ier:hover {
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#0a83d6), to(#0654a0));  
    background: -moz-linear-gradient(0% 100% 0deg, #0a83d6, #0654a0);
	-moz-box-shadow:1px 1px 10px #a7a7a7;
	-webkit-box-shadow:1px 1px 10px #a7a7a7 ;
	box-shadow:1px 1px 10px #a7a7a7;
}