#help {width:210px; float:right; margin:0 0 0 30px;}
#help .gradientbox {background-color: #E2F3FB; margin:0 0 5px 0; width:200px;}
#help .gradientbox h1 {font-size:1.12em; color:#333333; margin-bottom:7px;}
#help .gradientbox h2 {font-weight:bold;font-size:1.12em; }
#help .gradientbox p {font-size:0.9em;}
#help .gradientbox li {font-size:0.9em;}

#help .tinygradientbox {background-color: #E2F3FB; margin:0 0 5px 0;}
#help .tinygradientbox h1 {background-image: font-size:1.12em; color:#333333; margin-bottom:7px; padding: 7px 0 5px 10px;}
#help .tinygradientbox p {padding:5px 10px 5px 10px; font-size:0.84em;}

.notes {clear:both; font-size:0.85em; margin-top:0px; color:#666666;}
.notes h3 {margin:0; padding-top: 5px;}
.notes p {}
.notes ul {font-size: 1.1em;}
.notes td {font-size: 1.0em;}

.calc_banner {width:510px; height:83px; background-repeat:no-repeat;}
.calc_banner h1 {font-size:14px; color:#FFFFFF; padding-top:65px; padding-left:10px; margin:0;}
.links {float:right; width:145px; position:relative; font-size:10px; font-weight:bold; color:#0e3192; text-decoration:none; margin:0; font-family:Arial, Helvetica, sans-serif;}
.links a {color:#333333; text-decoration:none;}


.calc_container {width:510px; background-color:#E2F3FB; float:left;}
/*.calc_container h3 {text-transform:uppercase; color:#FFFFFF; font-size:12px; font-weight:bold; padding-top:3px; padding-bottom:3px;}
.calc_container h3 span {display:block; float:left; position:relative; margin-top:-3px; padding:3px;}
.calc_container h3 span em {color:#6997C6;}*/
.calc_container td {padding:3px;}


.calc_body {background-repeat:no-repeat; background-position:left bottom;padding:10px; width:490px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.calc_body input, select {font-size:12px;}
.calc_body input {width:120px;}
.calc_body .flashgraph { margin:10px -8px 0 -8px; }
.calc_body .number {text-align:right; padding-right:5px; width:65px;}
.calc_body .number_sml{width:50px !important; text-align:right; padding-right:5px;}
.calc_body .number_wide{width:90px; text-align:right; padding-right:5px;}
.calc_body .pc {width:40px;}
.calc_body .readonly {background-color:#e1e1e1; margin:1px; border:1px solid #7f9db9;}
.calc_body .display {background-color:#F5FBFF; margin:1px; border:1px solid #eeeeee; font-weight:bold; width:80px;}
.calc_body .short15 {width:15px;}
.calc_body .short20 {width:20px;}
.calc_body .short30 {width:30px;}
.calc_body .short40 {width:40px;}
.calc_body .nudge {left:-20px;}
.calc_body .calc_button {width:100px;}
.calc_body thead, .theader {color:#666666; font-weight:bold; font-size:13px;}
.calc_body .tgap {margin-bottom:15px;}
.calc_body .result {font-size:12px; font-weight:bold; padding-bottom:7px;}
.calc_body .answer {padding-left:5px; width:30px;}
.calc_body .question {font-size:14px; font-weight:bold; padding-top:5px; padding-bottom:0px}
.calc_body .future_dollars {display:block; float:right; width:150px; margin-right:10px; margin-top:-12px; text-align:right; font-size:9px;}
.calc_body .check {width:15px; margin-left:0px;}
.calc_body .radio {width:15px; margin-left:0px;}
.calc_body .radio_q {width:30px;}
.calc_body .tweak {width:25px; font-size:14px;}
.calc_body .but_match {width:90px;}
.calc_body .but_reset {width:40px;}
.calc_body .error {font-size:9px;}
.calc_body .legend_y {float:left; width:12px; height:80px; margin:0px; margin-top:60px; margin-left:2px; background-image:url(../img/legend_fund_balance.gif); background-repeat:no-repeat;}
.calc_body .legend_x {width:30px; height:12px ;margin:0px; margin-left:220px; margin-top:5px; background-image:url(../img/legend_years.gif); background-repeat:no-repeat;}
.calc_body td {padding:5px;}
.calc_body h2 {font-weight:bold;}
#mainbody .calc_body table tr td ul li {font-size:12px;}
#mainbody .calc_body .performancetable table tr td ul li {font-size:11px;}
#mainbody .calc_body .performancetable table thead {font-size:11px;}
#mainbody .calc_body .performancetable table td {font-size:11px;}
.calc_body .inputerrormsg {background-color:#B71234; border:1px #fff solid; color:#fff;}

.superhealthcalc_container {width:580px;  height:620px; float:left; background-image:url(../img/blankbanner_for_calc.gif); background-repeat:no-repeat;}
.superhealthcss .calc_body {width:558px;  font-size:11px; color:#444444;  margin-top:0px;}
.superhealthcss .calc_body td {padding:2px;}
.superhealthcss .calc_body input, select {font-size:11px; color:#444444;}

.sw_box {float:left; clear:both; position:relative; width:15px; height:15px; border:1px solid #FFFFFF; margin-right:5px; margin-bottom:2px;}
.sw_text {height:15px; margin-top:2px;}
.sw_balanced {background-color:#0860A8;}
.sw_cplus {background-color:#C7498A;}
.sw_socres {background-color:#AAD010;}
.sw_highg {background-color:#7A588F;}
.sw_cash {background-color:#0E3192;}
.sw_fixed {background-color:#00742F;}
.sw_prop {background-color:#ffdb82;}
.sw_aust {background-color:#D90000;}
.sw_int {background-color:#69004B;}
.sw_alt {background-color:#F58220;}
.sw_lifetime {background-color:#7b7266;}

.ic_cash{background-color:#4e79b4;}
.ic_fixed{background-color:#97c8a4;}
.ic_aust{background-color:#e28673;}
.ic_int{background-color:#a47393;}
.ic_alt{background-color:#ff9146;}
.ic_inf{background-color:#675d53;}



.bob_calc , .bob_calc_nospace {display:inline; float:right; background:none; margin-top:20px; width:79px; height:99px;}
.bob_calc_nospace {margin-top:0px;}

#mainbody .page_nav {margin-top:10px; margin-bottom:10px;}

#mainbody .pageno a {display:block; height:15px; width:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#CCD7E1; text-align:center; vertical-align:middle; text-decoration:none; background-image:url(../img/page.gif); background-repeat:no-repeat; background-position:left -15px; font-size:12px;}
#mainbody .pageno a:hover {background-image:url(../img/page.gif); background-repeat:no-repeat; background-position:left top;}

#mainbody .pageno_on a{display:block; height:15px; width:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0F3290; text-align:center; vertical-align:middle; text-decoration:none; background-image:url(../img/page.gif); background-repeat:no-repeat; background-position:left top; font-size:12px;}
#mainbody .pageno_on a:hover {background-image:url(../img/page.gif); background-repeat:no-repeat; background-position:left top;}

#mainbody .page_next a {display:block; width:30px; height:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0e3192; text-align:center; vertical-align:middle; text-decoration:none; padding-right:16px; background-image:url(../img/right.gif); background-repeat:no-repeat; background-position:right top;}

#mainbody .page_prev a {display:block; width:50px; height:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0e3192;text-align:center; vertical-align:middle; text-decoration:none; padding-left:18px; background-image:url(../img/left.gif);background-repeat:no-repeat; background-position:left top;}

.warning {color:#FF0000;}
.odd_row {background-color:#D7F2FF;}
.pagebreak {page-break-before:always;}
.disclaimer {width:95%; margin:10px;}

.tooltip{display:none; background-color:#f1f1f1; width:140px; padding:10px; border:1px solid #ccc; font-size:11px; border-radius:5px; -moz-border-radius:5px;}

h3.mid{padding-top:0px;}

@media only screen and (max-width:767px){
	/* Any size below portrait tablet */
#help {clear:left; width:100%; margin:0px; margin-bottom:10px; margin-top:20px;}
#help .gradientbox {width:auto;}
.calc_container {width:100%; min-width:510px; }


}