/* Roth Tool */

#roth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	width: 100%;
	padding: 0px 0px 10px 0px;
}

print {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	z-index: 99999;
	padding: 10px 20px 100px 20px;
}

#roth #step_1 input {
	width: 200px;
	padding: .4em;
}

#roth h1 {
	font-size: 17px;
	font-weight: bold;
	color: #000;
	padding: 0px;
	margin: 0 0 5px 5px;
}

#roth h2 {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	padding: 0px;
	margin: 0 0 16px 0px;
}

#roth h5 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #002267;
	padding: 0px;
	margin: 0 0 16px 0;
}

#roth li {
	padding-bottom: 4px;
}

#roth p {
	margin: 1em 0px;
}

#roth label {
	vertical-align: text-bottom;
	margin: 0px 0px 0px 20px;
}

#roth input[type="radio"] {
	margin: 0px 0px 0px 0px;
}

#roth .box_content {
	background:transparent url('/static/module/roth-tool/img/roth_ct_bg.jpg') 0 0 repeat-x;
	padding: 20px;
	width: 100%;
	margin-bottom: 8px;
	border: 1px solid #CCC;
}

#roth .box_assets {
	background:transparent url('/static/module/roth-tool/img/roth_ct_bg.jpg') 0 0 repeat-x;
	padding: 20px;
	width: 292px;
	margin-right: 12px;
	margin-bottom: 8px;
	border: 1px solid #CCC;
	float: left;
}

#roth #results_header{
	position: relative;
	height: 140px;
	margin-top: 5px;
}

#roth #your_results {
	position: absolute;
	left: 330px;
	top: 30px;
	width: 532px;
	height: 130px;
	overflow: hidden;
}

#roth #your_results #arrow {
	position: absolute;
	left: 0px;
	top: 29px;
	z-index: 60;
}

#roth #your_results #balls {
	position: absolute;
	left: 28px;
	top: 35px;
	z-index: 61;
}

#assetsOrb {
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 83;
}
#ageOrb {
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 81;
}
#legacyOrb {
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 82;
}
#ratesOrb {
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 84;
}
#bracketOrb {
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 80;
}

#roth #table_results {
	margin: 20px 0px;
	background-color: #FFF;
}

#roth #assets_taxable {
	color: #4572A7; 
}

#roth #assets_taxdeferred {
	color: #DE8535; 
}

#roth #assets_taxfree {
	color: #89A54E; 
}			

#roth #table_results #results_assets {
	color: #4B86A4;
}

#roth #results_age {
	color: #D38528;
}

#roth #results_inheritance {
	color: #729E6C;
}

#roth #results_taxrate {
	color: #9A2F35;
}

#roth #results_taxbracket {
	color: #643E77;
}

#roth #table_results td {
	vertical-align: top;
}

#roth .box_results {
	padding: 0px 14px 20px 0px;
	width: 160px;
	margin: 0px;
	vertical-align: top;
	background-color: #FFF;
}

#roth #results_chart {
	padding-right: 10px;
	border: none;
}


#roth #bg_on {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 40;
}

#roth #roth_res_few {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 41;
}

#roth #roth_res_some {
	position: absolute;
	top: 0px;
	left: 130px;
	z-index: 42;
}

#roth #roth_res_consider {
	position: absolute;
	top: 0px;
	left: 261px;
	z-index: 43;
}

#roth #roth_res_sconsider {
	position: absolute;
	top: 0px;
	left: 401px;
	z-index: 44;
}

#roth .step {
	position: relative;
	width: 900px;
}

#roth #controls {
	position: relative;
	width: 900px;
	text-align: center;
	z-index: 10;
	height: 30px;
}

#roth #btn_dots{
	position: relative;
	top: 35px;
	left: 760px;
	cursor: pointer;
}

#roth #controls #btn_back11 {
	position: absolute;
	right: 50px;
	margin: 0px;
	top: 0;
	z-index: 20;
}

#roth #controls #btn_next11 {
	position: absolute;
	right: 0px;
	margin: 0px;
	top: 0;
	z-index: 20;
}

#roth #controls #btn_back {
	float: right;
	margin: 0px 0px 0px 10px;
}

#roth #controls #btn_next {
	float: right;
	margin: 0px 0px 0px 10px;
}

#roth #btn_print {
	position: absolute;
	top: -70px;
	right: -20px;
	z-index: 30;
}

#roth #btn_adjust_close {
	position: absolute;
	right: 15px;
	bottom: 20px;
	z-index: 20;
	color: #fff;
}

#roth #adjust {
	display:none;
}

#roth #adjust td {
	padding: 2px 0px;
}

#roth #step_1_error {
	display:none;
}

#roth #print_header {
	padding-bottom: 20px;
	display:none;
}
	
#roth #print_header #logos {
	padding: 50px 0px 40px 0px;
	height: 40px;
}	

#roth #print_header h1 {
	margin: 0px 0 16px 0px;
}

#roth #print_footer {
	padding-top: 20px;
	display:none;
}

#roth #print_footer .green {
	color:#009900;
}

#roth table td {
	border-bottom: none;
}

#roth .ui-slider-handle {
	height: auto;
}

#roth #adjust .ui-slider-handle {
	height: 20px;
}

#roth #adjust table {
	width: 580px;
	margin-left:20px;
}

.ui-slider-handle
{
	position: absolute;
	border: 1px solid #aaa;
	background: #fff url('/static/module/roth-tool/img/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
    border-radius: 5px;
    font-weight: normal;
    text-decoration: none;
    width: 16px;
    text-align: center;
    padding: 5px 3px;
    top: -8px;
    left: 50%;
    margin-left: -8px;
}

.ui-slider-handle,
.ui-slider-handle:hover,
.ui-slider-handle:visited,
.ui-slider-handle:focus
{
	color: #212121;
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url('/static/module/roth-tool/imgimg/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;
    color: #222;
}

.ui-slider-horizontal {
    height: .8em;
    border-radius: 5px;
    position: relative;
}
/* END Roth Tool */