html, body, div, blockquote, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td,fieldset{margin:0;padding:0; font-family:cartogothic_prolight, Arial, sans-serif ;color:rgb(67,86,97);}
p,label {color:rgb(67,86,97)}
html {
  overflow-y: scroll;
}
.clear{ clear:both}
.green {color:#0065A4 }
/*html {overflow-y: hidden;}*/
body , html, #page{background-color: #ffffff;  } 
div.main_outter {position:relative;display:block;width:100%;overflow:hidden;background:#ffffff;background-position: 0px -2px;transition: height 1s;}
div.slideshow {width:100%;height:370px;overflow:hidden;background:transparent;transition: height 1s;}
div.slideshow_inner {/*position:fixed;*/width:874px;overflow:visible;display:block;margin:0 auto 0 auto;}
#step1 {left:0px;  top:0px;}
#step2, #step3, #step4 { left:2000px;top:0px;}
  
#header{

    float: right;
    height: 65px;
    width: 220px;
    margin: 0 0 0 0;
    font-size: 18pt;
    color: #2ABED8;
    margin-top: 20px;
    line-height: 120%;
    background: #e8f5fa;
}

input{margin-left:auto; margin-right: auto}
.super_icon {position:absolute; top:40px;right:30px;background:transparent url('../images/super_calculator.png') no-repeat top right;width:443px;height:116px;}
#bottom-logo,#header-inner { width:876px; margin:0 auto;}
#bottom-logo {height:118px;margin-top:10px;}
#logo {width:215px;height:35px;margin: 30px 0 0 10px;float:left;}
h1{ width:50%; margin:45px auto 0 auto; line-height:1.5em; font-weight:bold; font-size:19pt; overflow:hidden;float:right;display:block;text-align:right}
input{vertical-align:middle;}
#page, #navbar, #footer, #closure{width: 100%;clear: both; }
.savings_icon {position:absolute; top:40px;right:30px;background:transparent url('../images/savings_calculator.png') no-repeat top right;width:355px;height:116px;}
.savings_icon span{
color:#0065a4;
line-height:108px;
font-size:20pt;
}

#navbar{width:876px; height:92px;background-color:#E8F5FA; margin:0 auto;}

#navbar .nav{ width:875px; height:78px; margin:0 auto;}
#navbar .nav .nav_left{ float:left; width:5px; height:35px; }
#navbar .nav .nav_center{ float:right; width:545px; height:35px; margin-top:29px;}

#navbar .nav .nav_center ul{list-style:none;position:relative;z-index:515;float:right;width:516px; height:27px;} 

#navbar .nav .nav_center ul li{list-style:none;float:left;vertical-align:middle;list-style-type:none !important;list-style-image:none !important;padding:0 0 0 0;margin-right:1px;width:80px;height:49px}


#navbar .nav .nav_center ul li a{float:left;color:#fff; -webkit-text-size-adjust:none;cursor:pointer;padding:0 0 0 0px;text-decoration:none;background:#E8F5FA;  _background:#E8F5FA;width:171px;height:49px;line-height:56px;text-align:center;font-size:11pt; }

#navbar .nav .nav_center ul li a span{float:left;width:170px;display:none;padding:0px 0px 0px 0px;font-weight:bold;font-family:cartogothic_prolight, Arial, sans-serif;}


#navbar .nav .nav_center ul li a:hover{background-position: 0 0;}
#navbar .nav .nav_center ul li a:hover span{background-position:right 0;}

#navbar .nav .nav_center ul li.current a{line-height:49px;text-align:center;font-size:12pt;background:#E8F5FA; _background:#E8F5FA;}



#step1 h3,#step1 h3,.center .content3 h3{ font-size:18px; font-weight:bold; margin-top:20px; line-height:240%;}
#step1 h4,#step1 h4,.center .content3 h4{ font-size:16px; font-weight:bold; margin-top:10px; line-height:40px; margin:0 0 0 0;}
#step1  p{font-size:12pt; margin:0 0 0 0;}
.dollarSign { width:14px;display:inline-block}
#step1 .line{ width:797px;height:40px; line-height:40px;font-size:12pt;  overflow:hidden }
div.line {
width:700px;
height:20px;
line-height:20px;
margin:10px 0 10px 10px;

}
div.line div{
float:left;
}
div.line_text {

height:20px;
line-height:20px;
width:280px;
}
div.line_text input{
margin:12px 0 0 30px;
float:left;
width:20px;
}
div.line_input {
height:40px;
width:200px;
}

div.line_input input {
height:20px;
line-height:20px;
padding:0 3px 0 3px;
vertical-align:middle;
}
div.line_input input.long  {
width:119px;
}
div.line_input input.short  {
width:51px;
}
div.line_input input.disabled {
border: 1px solid #aaaaaa;
}
div.line_freq {
height:40px;
width:200px;
}
div.line_freq select {
margin-left:20px;
height:20px;

appearance:none;
 -moz-appearance:none;
 -webkit-appearance: none;
background: url(../images/UP-DOWN-Arrows.png) no-repeat;
background-position: top right;
height: 29px;
line-height: 28px;
border: none;
background-color: #f6f6f6;
cursor: pointer;
font-size: 11px;
color: rgb(67, 86, 97);
font-family: 'cartogothic_prolight';
font-weight: bold;
padding-left: 5px;

}
div.line_note {
width:700px;
height:34px;
line-height:34px;
margin:40px 0 10px 68px;
color:#999999;
font-size: 10px;

}
.container_date{
width:650px;
height:20px;
margin:0 0 0 80px;
}
#main .main_center_wrapper .main_center p.container_start_date, #main .main_center_wrapper .main_center p.container_end_date {
display:inline-block;
width:200px;
margin:0 0 0 0;
font-size:11px;
color:#666666;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
.container_start_date{
text-align:left;
float:left;
}
.container_end_date{
text-align:right;
float:right;
}
#div_results {
width:797px;
font-size:12pt;
font-weight:normal;
}
.head_line,.summary_line{
font-weight:bold;
}
.current, .now {
font-weight:normal;
}
.head_line,.summary_line,.normal-line {
 width: 797px;
clear:both;
}
.head_line {
height:34px;

vertical-align:middle;

line-height:34px;
}
.summary_line{
	font-size: 12pt;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    width: 797px;
}
.normal_line ,.summary_line{
	height: 34px;
    line-height: 34px;
}
.title{
width:410px;
float:left;
padding-left:10px;
}
#step3 .normal_line {
font-size:12pt;
font-weight:normal;

    line-height: 24px;
}
#step3 .normal_line .title{
width:700px;
float:left;
padding-left:10px;

    line-height: 24px;
}
#step3 .normal_line .number{
width:10px;
float:left;
padding-left:10px;
clear:left;

    line-height: 24px;
}
#step3 .normal_line a {
color:#2ABED8;
text-decoration:none;
}
.now  {
	display: block;
    float: left;
    height: 34px;
    width: 145px;
	text-align:right;
	padding-right:10px
}
.current {
	display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    padding-top: 0;
    width: 145px;
	text-align:right;
	padding-right:10px
}
.now {
color:#00537f;
}
.current {
color:#454545;
}




#navbar .nav .nav_right{ float:left; width:5px; height:35px; }

.top_border{margin:0 auto; width:875px;height: 12px;background-color: transparent; overflow:hidden}



#main{ height:auto !important; height:381px; font-size:15px; min-height:540px;width:876px; margin:0 auto; background:#e8f5fa;}

#main .main_top_wrapper{ margin: 0 auto; width: 842px; padding:25px 17px 0 17px; height: 73px; background: transparent ;}


#main .main_top_wrapper .main_top{ 

    height: 35px;
    line-height: 35px;
    width: 820px;
    font-size: 33px;
    font-family: 'cartogothic_prolight', Arial, sans-serif;
    padding-left: 10px;
    padding-top: 0px;
    
}

#step1 #main .main_top_wrapper .main_top {padding-top:20px;}

#main .main_center_wrapper{ height:161px; min-height:161px; margin:0 auto; width:842px;padding:0 17px 15px 17px; margin-top:0px;  background:#E8F5FA; }

#step2 #main .main_center_wrapper {
    height: 620px;
}

#main .main_center_wrapper .main_center{ height:auto !important; height:160px; min-height:160px; width:840px; background:#E8F5FA; font-size:14pt; font-weight:normal;  }


#main .main_center_wrapper .main_center p{ padding: 0 0 0 0; margin: 10px 0 10px 0}
#step1 #main .main_center_wrapper .main_center p{ padding: 0 0 0 0; margin: 28px 0 28px 0}
#step1 #main .main_center_wrapper .main_center p.sec_first_row  { padding: 0 0 0 0; margin: 20px 0 30px 0}
#main .main_center_wrapper .main_center .step3 p{ padding: 0 0 0 0; margin:0px 0 0px 0}
#main .main_center_wrapper .main_center .step2p { margin:17px 0 17px 0}
#main .main_center_wrapper .main_center p.introp{ padding: 0 0 0 0; margin: 10px 10px 10px 10px; font-size:12pt; font-weight:normal;color:#555555;line-height:140% }
#main .main_center_wrapper .main_center h3{ font-size:13pt; font-weight:bold;padding:10px 10px 0px 19px; }
#step1 #main .main_center_wrapper .main_center h3{ font-size:13pt; font-weight:bold;padding:25px 10px 0px 9px; }
#main .main_center_wrapper .main_center ol.ol_1{ font-size:12pt;  font-weight:normal; margin:6px 10px 10px 8px;padding-left:32px; width:810px;  list-style-position:outside; list-style-type:decimal; height:115px;  }
#main .main_center_wrapper .main_center ol.ol_1 li{ margin-bottom:4px ; height:24px;line-height:20px; }
#main .main_center_wrapper .main_center .agree{font-size:12pt;  font-weight:normal; margin-left:20px;padding-left:25px;height:17px; line-height:17px; background:url(../images/checkbox.gif) 0 0 no-repeat}
#main .main_center_wrapper .main_center .agreeChecked{font-size:12pt;  font-weight:normal; margin-left:20px;padding-left:25px;height:17px; line-height:17px; background:url(../images/checkbox.gif) 0 -17px no-repeat}




.button{ width:822px; height:40px; margin:-1px auto 0px auto;padding:0 27px 25px 27px; background: transparent;}


.button .button_left{ float:left; width:5px; height:35px; background:#ffffff;display:none;}
.button .button_right{ float:left; width:5px; height:35px; background:#ffffff;display:none;}
.button .button_center{ float:left; width:822px; height:33px; background:#e8f5fa;padding-left:0px;padding-right:0px;padding-top:0px;}

.button .button_center_left{ width:390px; float:left}
.button .button_center_right{width:390px; float:right;}
.button_assumptions,.button_assumptions_gray{ float:left;  }
.button_assumptions_gray a,.button_start_gray a,.submit a{ width:137px;height:40px; float:left;padding:0 0 0 0px; font-family:Tahoma,sans-serif; -webkit-text-size-adjust:none; font-size:10pt;text-decoration:none;background:url(../images/button_bg.png) no-repeat 0 0;  color:#FFFFFF; text-transform:uppercase; font-weight:bold}
.button_assumptions a{ width:90px;height:50px; float:left;padding:0 0 0 0px; font-family:Tahoma,sans-serif; -webkit-text-size-adjust:none; font-size:10pt;text-decoration:none;  background: transparent url("../images/BACK.png") -26px -10px no-repeat;   color:#FFFFFF; text-transform:uppercase; font-weight:bold} 

.button_start a{ width:90px;height:50px; float:left;padding:0 0 0 0px; font-family:Tahoma,sans-serif; -webkit-text-size-adjust:none; font-size:10pt;text-decoration:none;  background: transparent url("../images/NEXT.png") -26px -10px no-repeat;   color:#FFFFFF; text-transform:uppercase; font-weight:bold} 


.button_assumptions a:hover,.button_start a:hover{}
.button_assumptions a span,.button_start a span,.button_assumptions_gray a span,.button_start_gray a span,.submit a span{float:left;width:137px;line-height:40px;display:block;text-align:center;
padding:0px 0px 0px 0px ;/* FF*/
padding:0px 0px 0px 0px \9;/* IE8*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.button_assumptions a span,.button_start a span,.button_assumptions_gray a span,.button_start_gray a span,.submit a span{padding:0px 0px 0px 0px;}
}

#help_assumptions { float:right; margin:5px 0px 0 0;}
.button_assumptions a:hover span,.button_start a:hover span{}
.button_start,.button_start_gray{ float:right;}
.button_assumptions_gray a,.button_start_gray a{ background-position:0 -27px}
.button_assumptions_gray a span,.button_start_gray a span{background-position:right -27px}
.submit{height:25px; width:auto; padding:10px 0 10px 0;}

.Welcome{height:1000px; width:2000px;background:white;font-size:16px;}

#idAbout, #idDisclaimer {
color:#ffffff;
text-decoration:underline; 
font-size:12px;
}
#bottom-assumption-div { margin-top:8px; }
#main .button .button_right{ float:left; width:5px; height:35px; background:#ffffff}

.bottom_border{margin:0 auto; width:875px;height: 15px;background-color: #ffffff;}

body{margin:0;padding:0;font-family:Tahoma,sans-serif;font-size:11px;line-height:1.5;background-color:#292929;}

/* place the colorbox close button to top right*/
#colorbox #cboxClose
{
    top:0;
    right:0;
}


#colorbox
{
	font-size:12pt;
}

.legendLabel
{
    width: 60px;
}

.top_10 {
margin-top:10px
}
.top_20 {
margin-top:20px
}

#minusBal , #minusBal{
font-weight:bold;
font-size:15px;
}
.hidden {display:none;}
.hidden2 {visibility:hidden;}
div#div_cal_help {
	background:transparent url('../images/help_panel_calculator.png') no-repeat;
	width:876px;
	height:76px;
	float:left;

}
#a_cal_help {
	display:block;
	width:167px;
	height:39px;
	background:transparent url('../images/contact_us_calculator.png') no-repeat;
	position: relative;
	left:400px;
	top:19px;
}
#a_cal_help:hover{
	background:transparent url('../images/contact_us_calculator_hover.png') no-repeat;
}
.bg_e9e9e9 {
    background: none repeat scroll 0 0 #E9E9E9;
}
.bg_dbdbdb {
    background: none repeat scroll 0 0 #DBDBDB;
}
.bg_D4E5F0 {
    background: none repeat scroll 0 0 #D4E5F0;
}
.bg_A1C7DF {
    background: none repeat scroll 0 0 #A1C7DF;
}
 a.gross_income_cluetip_width{ display:block;float:left;height:34px; width:35px; margin-left:10px; background:url(../images/help01.jpg) no-repeat;
position:relative; }


.disclaimer_bar {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 20px;
    width: 876px;
    background: rgb(38,188,215);
    color: #ffffff;
    line-height: 20px;
    font-size: 16px;
 }
 
  .a_disclaimer{
    margin-left:120px;
    cursor: pointer;
    color: #ffffff;
}
#div_footer {
    margin: 12px auto 0 auto;
    background: rgb(38,188,215);
    width: 876px;
    height: 110px; /* 105*/
    position: relative;
    z-index: 1000;
}

.footer-div {
    float: left;
}

.life_saver {
    width: 50px;
    height: 50px;
    margin-left: 55px;
    margin-top: 20px;
    background: transparent url("../images/Lifesaver-small.png");
}

.footer_notes {  
    margin-left: 55px;
    font-family: 'cartogothic_prolight';
    font-size: 9px;
    color: rgb(255,255,255);
    
}

.footer_text_help {
    text-align: center;  
    line-height: 50px;
    margin-left: 20px;
    margin-top: 18px;
    font-family: cartogothic_probook, Arial, sans-serif;
    font-size: 23px;
    color: rgb(255,255,255);
}

.footer_arrow {
    width: 25px;
    height: 25px;
    margin-left: 20px;
    margin-top: 30px;
    background: transparent url("../images/Arrow_small.png") no-repeat;
    display: inline-block;
    
}

.a_contact {
    width: 155px;
    height: 36px;
    margin-left: 20px;
    margin-top: 25px;
    background: transparent url("../images/CONTACT-US-Select.png") no-repeat;
	text-align: center; 
	text-decoration: none;
	color: rgb(38, 188, 215);
	font-family: cartogothic_probook, Arial, sans-serif;
	font-size: 20px;
	line-height: 36px;
    display: inline-block;
}

#footer_logo {
  /* display: block; */
  
    width: 182px;
    height: 90px;
    margin-left: 150px;
    margin-top: 5px;
    background: transparent url("../images/catholic_super_logo.png") -20px -10px no-repeat;
    display: inline-block
    
}

.button_startClose{
 float:right;
 width: 90px;
 height: 50px;
 margin-right:25px;
 background: transparent url("../images/CLOSE.png") -24px -10px no-repeat;}

.button_startClose a{
    display: inline-block;
    width: 90px;
    height: 50px;
}
.button_assumptionsNew{
 float:left;
 width: 90px;
 height: 50px;
 background: transparent url("../images/BACK.png") -26px -10px no-repeat;}
 
 
  .nav_steps {
    
    height:50px;
    float: left;
    margin-left: 300px;  
   /*float: right; 
	margin-right: 90px; */
	
}



.nav_steps a{
    display:inline-block;
    width:50px;
    height:50px;
   
}

a.step_progress {
    background:transparent url("../images/STEP_PROGRESS.png") no-repeat;
}

a.step_done {
    background:transparent url("../images/STEP_DONE.png") no-repeat;
}

a.step_tbd {
    background:transparent url("../images/STEP_TBD.png") no-repeat;
}

.titleC{
     margin-top: 30px;
     margin-left: 33px; 
}

#pop {
    position: absolute;
    width: 874px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    bottom: -554px;
    height: 490px;
    z-index: 999;
    background-color: #f6f8e3;
    padding-top: 20px;
    padding-bottom: 20px;
}

#pop h4 {
    font-size: 33px;
    font-weight: normal;
    color: #435661;
    margin-left: 40px;
    margin-bottom: 20px;
}

#pop .close {
    background: url("../images/close_screen.png") no-repeat;
    position: absolute;
    right: 20px;
    font-size: 15px;
    text-transform: uppercase;
    background-position: top right;
    padding-right: 45px;
    line-height: 38px;
    color: #26BCD7;
    cursor: pointer;
}

#pop ol {
    margin-left: 53px;
    font-size: 16px;
    line-height: 21px;
    margin-right: 80px;
}

#pop p {
    margin-left: 40px;
    font-size: 16px;
    line-height: 21px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 80px;
    font-family: cartogothic_prolight, Arial, sans-serif;
}

#oSelFromDates, #oSelToDates {
    width: 150px;
}

.step3_contact {
    width:450px;
    float: left;
    margin-top:25px;
}

#container {
    width: 740px;
    height: 340px;
    margin: 0 0 0 40px;
}

#chart_options {
    margin-left:140px;
    background:#ffffff;
    width: 576px;
}

.left_options, .right_options {
    float: left;
    width:44%;
    margin-left: 3%;
    margin-right: 3%;
}

.option_line_div {
    float: left;
}

.option_checkbox {
    width: 10%;
}

.option_checkbox input {
    position: relative;
    top: 3px;
    left: 1px;
}

.option_legend {
    width: 10%;
}

.option_legend img {
    position: relative;
    top: 7px;
}

.option_label {
    width: 80%;
    cursor: pointer;
}