/* Overwrite for tooltips */
#main {
	overflow: visible;
}
.table_wrapper {
	display: block;
	max-width: 471px;
	max-height: 1000px;
	margin:10px 0;
}
table.fancy { }
table.fancy td { border-bottom: 1px solid gray; }
table.fancy th { border-bottom: 1px solid gray; background-color: #dddddd; }
table.fancy .odd { background-color: #F3F3F3; }
table.fancy .even { background-color: #ffffff; }
table.fancy .final { background-color: #81A7CC;font-weight:bold; }

table.ttt td,
table.ttt th {
	padding: 2px;
}

table.mobile th,
table.mobile td{
	text-align: center;
}
/***Calculator form inputs***/
.calc_slider .results_form {
	margin: 0;
	padding: 3px 0;
	text-align: center;
}
.calc_slider .results_form.advanced_fields {
}
.results_form li {
	display: inline;
	display: -moz-inline-stack;
	display: table-cell;
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	text-align: left;
	list-style: none;
	padding: 3px;
	margin: 3px 10px;
}
.results_form li label{
	display: inline-block;
}
.results_form p {
	margin: 0;
}
.results_form h4 {
	margin: 5px 0;
}
.results_form .input_wrapper {
	display: block;
	margin-left:2px;
}
.results_form .input_text {
	height: 16px;
	margin-bottom: 6px;
}
.input_fields {
	position: relative;
    margin: 5px 0;
}
/* Put $ before inputs and % after */
.results_form .input_fields .abs_before {
	left: 0;
	border-right: 1px solid #AFAFAF;
}
.results_form .input_fields .abs_after {
	right: 0;
	border-left: 1px solid #AFAFAF;
}
.results_form .input_fields .abs_before,
.results_form .input_fields .abs_after {
	position: absolute;
	top: 0;
	display: block;
	margin: 1px;
	width: 23px;
	height: 23px;
	line-height: 21px;
	text-align: center;
	background-color: #F3F3F3;
}
.results_form .input_fields .abs_before + input {
	padding-left: 30px;
}
.results_form .input_fields .abs_after + input {
	padding-right: 30px;
}
.main_slider .inputs label {
	display: block;
}
.calc_slider input {
	padding-left: 5px;
}
.calc_slider select {
}
.calc_slider input,
.calc_slider select {
	width: 100%;
	margin: 0;
	height: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid #AFAFAF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.calc_slider input:focus,
.calc_slider select:focus {
	border-color: #6CC7EF;
	outline: 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,158,223,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,158,223,1);
	box-shadow: 0px 0px 5px 0px rgba(0,158,223,1);
}

.results_form .input_tooltip {
	width: 15px;
	margin-top:5px;
	float: left;
}

/* Advanced Settings */
.advanced_settings {
	text-align: right;
	border-bottom: 1px solid #AFAFAF;
}
.advanced_settings_button {
	display: inline-block;
	cursor: pointer;
	padding: 3px;
	color: #FFFFFF;
	border: 1px solid #113B63;
	border-bottom: 0;
	font-size: 11px;;
	background-color: #81A7CC;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-transition: background .3s, opacity .5s;
	-moz-transition: background .3s, opacity .5s;
	transition: background .3s, opacity .5s;
	line-height: 1;
}
.advanced_settings_button:hover {
	background-color: #395773;
}
.advanced_settings_button:active {
	background-color: #113B63;
}

img.graph {
	max-width: 100%;
}
div.graph {
	padding: 0;
	margin: 0;
}

/***Slider for entire calculator***/

.calc_slider {
	position: relative;
	clear: both;
	width: inherit;
	padding: 0;
	margin: 0;
}
.calc_slider ul.main_slider {
	padding: 0;
	margin: 0;
}
    .calc_slider li.main_slide {
		list-style: none;
	}
        .calc_slider ul.main_slider li.main_slide {
			position:relative;
		}
.calc_slider li.inputs {
	border-bottom: 1px solid #AFAFAF;
}
.calc_slider div.inputs {
	display: inline-block;
	margin-left: 50px;
	padding-bottom: 10px;
}
.calc_slider .inputs .main_input_wrapper {
	margin: 10px 4px;
}

/***Graph/Table/Results slider***/

.calc_slider .results {
	position: relative;
	clear: both;
	width: inherit !important;
	overflow: hidden;
	padding: 0;
	padding-top: 25px;
	margin: 0;
}
.calc_slider .results ul {
	padding: 0;
	margin: 0;
}
    .results li { list-style: none; }
        .results ul li { float: left; position:relative; }
        .results ul table { width: 100%; border:1px solid gray; }
        .results ul div.table_wrapper { width: 100%; max-width: inherit; }
.dots {
	position: absolute;
	left: 0;
	right: 0;
	padding: 0;
	top: 5px;
	margin: 0;
	text-align: center;
	z-index: 10;
}
.calc_slider_dots {
	margin: 10px 0;
	text-align: center;
	z-index: 10;
}
div#input_submit {
	float: right;
}

/***Download Report Button***/
.download_report_button {
	display: inline-block;
	text-align: center;
	float: right;
	border: 1px solid #134EFF;
	background-color: #3366FF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(225,225,225,1);
	-moz-box-shadow: 0px 0px 0px 3px rgba(225,225,225,1);
	box-shadow: 0px 0px 0px 3px rgba(225,225,225,1);
	-webkit-transition: -webkit-box-shadow .3s, background .3s;
	-moz-transition: -moz-box-shadow .3s, background .3s;
	transition: box-shadow .3s, background .3s;
	margin: 2px 4px;
	line-height: 1;
}
.download_report_button:hover {
	background-color: #134EFF;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(203,230,255,1);
	-moz-box-shadow: 0px 0px 0px 3px rgba(203,230,255,1);
	box-shadow: 0px 0px 0px 3px rgba(203,230,255,1);
}
.download_report_button::before {
	border-top: 2px solid #99CCFF;
	display: block;
	margin-top: 1px;
	height: 5px;
	content: ' ';
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: border-top .3s;
	-moz-transition: border-top .3s;
	transition: border-top .3s;
}
.download_report_button:hover:before {
	border-top: 2px solid #6FB8FF;
}
.download_report_button:active {
	background-color: #013AE4;
}
.download_report_button a {
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-top: -3px;
	padding: 3px 20px;
	padding-bottom: 8px;
	color: white;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
}

.calc-download-button:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.calc-download-button::before {
	display: none;
}

.calc-download-button a {
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	display: block;
	color: white;
	font-weight: bold;
	padding: 0;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
}

.dots li,
li.add_child,
div#input_submit,
.calc-download-button,
.calc_slider_dots li {
	text-align: center;
	display: inline-block;
	padding: 5px 20px;
	margin: 2px 4px;
	border: 1px solid #113B63;
	cursor: pointer;
	-webkit-transition: background .3s, opacity .5s;
	-moz-transition: background .3s, opacity .5s;
	transition: background .3s, opacity .5s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	opacity: 0.4;
	line-height: 1;
}
.calc-download-button a{
	text-decoration: none;
	text-shadow: none;
}
.calc-download-button{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 9px 20px;
}
.dots li {
	opacity: 1;
	margin: 0;
	width: 40%;
}
.dots li:first-of-type {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-left:1px;
	border-right: none;
}
.dots li:last-of-type {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
li.add_child {
	background-color: #ffffff;
	color: #000000;
	opacity: 1;
}
.dots li:hover,
.calc_slider_dots li:hover {
	opacity: 1;
}
.dots li:hover,
li.add_child:hover,
div#input_submit:hover,
.calc-download-button:hover,
.calc_slider_dots li:hover {
	background-color: #113B63;
	color: #fff;
}
li.add_child:active,
div#input_submit:active,
.calc-download-button:active,
.dots li:active,
.calc_slider_dots li:active {
	background-color: #395773;
}

.calc_slider_dots li.first_child_placeholder {
	display: none !important;
}
.calc_slider_dots li.remove_child {
	opacity: 1;
	border-color: #FF6666;
	background-color: #FFEDED;
}

div#input_submit,
.calc-download-button,
.dots .active,
.calc_slider_dots .active
{
  background-color: #336699;
  color: #FFFFFF;
  opacity: 1;
}


.calc-download-button{
	text-shadow: none !important;
}

.error_message div {
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 3px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.display_version {
	text-align: right;
}
.display_version a {
	font-weight: normal;
}
/***NVD3 graph***/
.nvtooltip {
	overflow: hidden;
	z-index:99;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
	background: #FFFFFF;
}
.nvtooltip h3 {
	background: none;
}
.nvtooltip p {
}
#college_years_graph {
	display: inline-block;
	margin-top: 50px;
	width: 500px;
}
.college_years {
	margin-bottom: 10px;
}
.college_years_copy {
}
.college_years_table {
}
.college_years_table td,
.college_years_table th {
	padding: 5px;
}
.college_years_copy #copy {
	text-align: left;
}
.college_years_copy #copy ul {
	padding: 0 10px;
	margin: 0 10px;
}
.college_years_copy #copy li {
	list-style: initial;
	text-align: left;
	margin: 5px;
	float: none;
}
.college_years_copy #copy li span {
	cursor: pointer;
	color: #2D4FA1;
	font-weight: bold;
	text-decoration: underline;
}
.college_years_copy #copy li span:hover {
	text-decoration: none;
}
.results_copy {
	margin-top: 12px;
	margin-bottom: 12px;
}
.results_copy .short_result {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	/*border: 2px solid #336699;
	border-radius: 5px;
	*/
	font-size: 15px;
}
.results_copy .long_result {
	text-align: justify;
	font-size: 15px;
}
.results_copy a {
	font-size: 15px;
}
/*****SVL calculator*****/
.svl #loans_copy_wrapper,
.svl #savings_copy_wrapper {
	margin: 10px 0;
}
.svl #loans_copy,
.svl #savings_copy {
}
.svl #loans_copy p,
.svl #savings_copy p {
	padding: 0 4px;
}
.svl #loans_graph,
.svl #savings_graph {
	margin: 0;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}
/*** Slider ***/
#slider {
	position: relative;
	padding: 3px;
}
#slider a {
	text-decoration: none;
	border: 1px solid #999999;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	width: 50px;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
#slider a:hover,
#slider a:focus {
	outline: none;
	cursor: pointer;
	background: #131313; /* Old browsers */
	background: -moz-linear-gradient(top,  #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(9%,#1c1c1c), color-stop(24%,#2b2b2b), color-stop(40%,#111111), color-stop(49%,#000000), color-stop(50%,#2c2c2c), color-stop(61%,#474747), color-stop(75%,#666666), color-stop(88%,#595959), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */

}
/*****UGMA calculator*****/
.ugma #graph {
	margin-top: 0;
}
.ugma .double_tables {
	margin-top: 10px;
}
.ugma .double_tables .table_wrapper {
	display: inline-block;
	width: 582px;
	margin: 5px;
}
.ugma .double_tables .table_wrapper table {
	border: 1px solid gray;
}
.ugma .top_table_header {
	font-size:15px;
	border-bottom: none;
}
/*****State Tax Calculator*****/
.stc .results_copy table {
	margin: 0 auto;
}
.stc .results_copy table th,
.stc .results_copy table td {
	padding: 5px 10px;
	text-align: center;
}
.stc .results_copy table th {
	padding-bottom: 0;
}
.stc .results_form h2 {
	background: #aaaaaa;
	color: black;
}
.stc .results_form h4 {
	background: #dddddd;
	color: black;
}
.stc .double_tables {
	margin-top: 10px;
}
.stc .double_tables .table_wrapper {
	display: inline-block;
	width: 280px;
	margin: 5px;
}
.stc .double_tables .table_wrapper table {
	border: 1px solid gray;
}
.stc .top_table_header {
	font-size:15px;
	border-bottom: none;
}
/*****Superfunding calculator*****/
.sfc .results ul {
	height: 490px;
}
/*****Procrastination calculator*****/
.procrastination-graphs{
	width: 100%;
}
.pop #monthly_graph,
.pop #totals_graph {
	width: 49%;
	display: inline-block;
}
.pop #monthly_graph {
	margin-bottom: -50px;
}
.pop #monthly_graph h4,
.pop #totals_graph h4 {
	margin-bottom: 0;
}
.pop .results_wrapper #table table {
	margin: 0 auto;
}
.pop .results_wrapper #table table .table_title th {
	text-align: center;
}
.pop .results_wrapper #table table .row_headers th {
	text-align: center;
}
.pop .results_wrapper #table table .column_header {
	text-align: right;
}
.pop .results_wrapper #table table td {
	text-align: center;
}
