#contentOneColumn {
   /* border: 1px solid #cccccc; */
    padding-top: 10px;
}

.even {
    background-color: #E9E9E9;
}

a {
	color:#039;
}


div#contentOneColumn a img {
 border:0;
}

div#contentOneColumn div#header h1 {
 background:#ffe400;
 font-size:90%;

}

div#contentOneColumn h3.title {
    margin-left: 10px;
    margin-top: -40px;

    position: absolute;
        z-index: 500;
}

#calculating_notice {
    display: none;
}
h1 a:hover {
	background:transparent;
}
/* Hide these rules from IE Maxc \*/
h1 {
 text-align:left;
 color:#00309D;
}
h1 a {
/* float:left; */
}
/* end hide */
*/
div#contentOneColumn h2 {
	color:#333333;
	font-size:170%;
	margin: 0px;
	background-color: #FFFFFF;
	float: none;
	width: auto;
	position: auto;
	visibility: visible;
}

div#contentOneColumn h3 {
  color:#039;
  font-size:130%;
  font-weight: normal;
}

acronym {
	border:none;
}

div#contentOneColumn fieldset {
    border: none;
    padding: 10px !important;
    padding: 4px;
    width: 90%;
    margin-left: 12px;
}

div#contentOneColumn fieldset legend {
    color: #00309D;
    font-size: 120%;
    margin: 0px;
    padding: 5px;
    display: none;
}

div#contentOneColumn input, div#contentOneColumn select, div#contentOneColumn textarea {
	border:1px inset #9a9a9a;
	color:#00234C;
    font:100% arial, helvetica, sans-serif;


}
/*No longer used, but pretty handy for the future*/
div#contentOneColumn fieldset input.pound {
    background: #FFFFFF url('/images/pound_background.gif') no-repeat top left;
    padding-left: 10px;
}

div#contentOneColumn fieldset input.percent {
    background: #FFFFFF url('/images/percent_background.gif') no-repeat top right;
    padding-right: 12px;
    text-align: right;
}



/* ***********************NO JAVASCRIPT ******************************
formatting for elements when javascript is disabled (used as default, changed with javascript on page load to degrade gracefully) */

fieldset fieldset .switch_contrib {
    display: none;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
	font-size: 0.9em;
}

fieldset table .switch_contrib {
    float: right;
}

fieldset #employee_contrib, #employer_contrib {
    width: 96%;
    display: block;
}

fieldset #employee_contrib legend, #employer_contrib legend {
    display: inline;
}


fieldset #advanced_choice {
    display: hidden;
    text-decoration: underline;
}

/*  END NO JAVASCRIPT *************************************************************/

#intro {
    margin-left: 15px;
}

form fieldset.pad_the_inputs input{
    padding-left: 3px;
}

div#intro ul {
    list-style-image: url("/images/small_bullet.gif");
    list-style-type: disc;
    list-style-position: outside;
    font-weight: bold;
    color: #454545;
    line-height: 1.8em;
}

div#intro p.intro_note {
    font-size: 90%;
    border-top: 1px dotted #CCCCCC;
    margin-top: 20px;
}

p#button {    
    position: relative; 
    right: 25px;

}

#advanced_options {
    border: 0px;
}

#advanced_hidden {
    margin-top: 20px;
    background-color: #FFFFFF; 
}

div#advanced_hidden fieldset {
    margin: 0px;
    margin-left: -5px !important;
    margin-left: 0px;
    padding: 0px;
}

div#advanced_hidden fieldset img.help {
    float: right;
}

div#contentOneColumn label {
    float: left !important;
    float: none;
    display: block !important;
    display: inline-block;
	width: 55%;
	padding-right: 5px;
	text-align: right;
}

div#contentOneColumn label.normal {
    float: none !important;
    float: none;
    display: inline !important;
    display: inline;
    width: auto;
    padding: 0px;
    margin: 0px;
    text-align: left;
}


.help {

}

.help_contrib {
  float: left !important;
  float: none; 
  padding-right: 15px;
}

.contrib_field {
    _margin-left: -5px;
}

div#output .help {
    right: 20px;
    bottom: 25px !important;
    bottom: 22px;
}

div#contentOneColumn fieldset p {
    padding: normal !important;
    padding: 0px;
    margin: normal !important;
    margin: 0px 0px 7px 7px;
    width: 100%;
}


#pension_amount, #annuity_amount {
    width: 30%;
}

.mandatory {
    color: #0071BD;
    line-height: 1.5em;
  
}


div#contentOneColumn ul {
    margin-left: 10px;
}

div.mandatory_holder {
    padding: 4px; 
    margin-top: 5px; 
    font-size: 90%;
      margin-right: 10px;
}

form#print_button {
   
}
form#print_button input {
    border: 0px;
}

ul#control_buttons {
    list-style-type: none;
    width: 90%;
    margin: 0px;
    margin-bottom: 10px;
    padding-top: 2px;
 
}

ul#control_buttons.analysis{
    list-style-type: none;
    width: 434px !important;
    width: 430px;
    margin: 0px;
    margin-bottom: 10px;
    padding-top: 2px;
 
}

    ul#control_buttons li {
        display: inline;
        _margin: 0px;
       
    }
    
    ul#control_buttons form {
        margin: 0px;
    }
    
    ul#control_buttons li.next {
        float: right;
        width: 66px;
        text-align: left;
        position: relative;
        right: 3px;
    }
	
    
    ul#control_buttons li.centre {
        float: left !important;
        float: none;
        _position: relative;
        _display: inline-block;
        background-image: url("/images/control_bar_background.gif");
        background-position: top center;
        width: 295px !important;
        width: 287px;
        height: 31px;
        margin-left: 10px !important;
        margin-left: 59px;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        text-align: right;
    }
    
    /* adjusting width for the print report button */
    ul#control_buttons li.report_centre {
        float: left !important;
        float: none;
        _position: relative;
        _display: inline-block;
        background-image: url("/images/control_bar_background.gif");
        background-position: top center;
        width: 295px !important;
        width: 224px;
        height: 31px;
        margin-left: 10px !important;
        margin-left: 59px;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        text-align: right;
    }
    
    ul#control_buttons li.prev {
        float: left;
        width: 60px !important;
        width: 55px;
        text-align: left;
        position: relative;
        left: 3px;
    }
    
    ul#control_buttons .image-submit {
        
        border: 0px;
    }


#site {
	padding:20px;
	padding-top: 1px;
}

#page {
	margin:15px;
}

#menubar {
	border-bottom:1px solid #CCD6EB;
	padding:2px 15px;
	text-align:right;
}

#logged-in {
	float:left;
}

#quick-links {
	float:right;
	line-height:19px;
}
#quick-links a {
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
	float:left;
	padding:0 5px 0 32px;
}
#print-link {
	background-image:url(../img/nu-printer.gif);
}
#help-link {
	background-image:url(../img/nu-question.gif);
}

#close-link {
	
}

#navigation {
 clear:both;
 margin-top:2em;
 line-height:2.5em;
 padding:5px 0;
 text-align:right;
}
#navigation .back, #navigation .next {
	display:inline;
	margin-left:5px;
}
#navigation .reset {
	display:none;
}

#footer_container {
/*	background-color: transparent;
	background-image: url("/images/footer-background.gif");
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width: 756px;
	padding-bottom: 10px;
	margin: auto; 
*/


}

#footer {
/*	background-color: transparent;
	border-top: 1px dotted #666;
	font-size: 82%;
	height: 20px;
	padding: 15px 15px 10px 0px;
	position: relative;
	overflow: hidden;
	width: 696px;
	top: -2em;
*/
	

}
#company {
  float:left;
}
#provided-by {
	float:right;
}
#footer a {
 color:#8D9FC5;
}
#footer a:hover {
 color:#8D9FC5;
 text-decoration: none;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	margin-left: -10px;
}

#errors {
	font-weight:bold;
	text-align:center;
}

.paraWithErrors {
    background-color: red;
}

#summary h2 {
	/*clear:both;*/
	margin:0;
	padding:.5em 0;
	position:relative;
	width:100%;
}


p.add {
	text-align:right;
}

a.disabled {
	color:#737F99;
}
a.disabled:hover {
	background:#737F99;
	color:#fff;
}

.info {
 cursor:hand;
 cursor:pointer;
 /* for ie5.5 \*/ cursor:hand; /* end hack */
 vertical-align:bottom;

}

.hr hr {
  display:none;
}

.section {
	clear:both;
}

.errorInfo {
 clear:left;
 color:#EE7800;
 margin:.5em 1.5em;
}


div#contentOneColumn input.button, form.button-to input,  a.modify, a.do {
	background:#fff url(/images/nu-button-background.gif) repeat-x bottom;
	border:1px solid #039;
	color:#039;
	cursor:hand;
	cursor:pointer;
	/* for ie5.5 \*/ cursor:hand; /* end hack */
	font-size:100%;
	padding:2px 6px;
	text-decoration:none;
}

* html .button-to input, * html .button_hover {
	xpadding:2px 0;
}
div#contentOneColumn input.button:hover, form.button-to input:hover, .button_hover, a.modify:hover, a.do:hover {
	background:#039;
	border:1px solid #039;
	color:#fff;
	cursor:hand;
	cursor:pointer;
	/* for ie5.5 \*/ cursor:hand; /* end hack */
	font-size:100%;
	padding:2px 6px;
	text-decoration:none;
}
a.modify, a.modify:hover {
	display:block;
	font-size:52.63%;
	font-weight:normal;
	margin:0;
	position:absolute;
	bottom:.2em;
	right:0
}
a.do, a.do:hover {
	display:inline;
	font-size:100%;
	font-weight:normal;
	margin:0;
	/*position:absolute;*/
	bottom:.2em;
	right:0
}
.magicPixel {
	height:0;
	visibility:hidden;
	width:0;
}
* html .magicPixel {
	visibility:visible;
}

.dataTable {
  background:url(../img/nu-table-background-2.gif) no-repeat bottom right;
  border:none;
  margin-bottom:3em;
  width:100%;
}
.dataTable th, .dataTable tr.upper th.line {
	background:#fff;
  border:none;
	border-bottom:1px solid #CCD6EB;
 	color:#8D9FC5;
  padding:.25em .5em;
  text-align:left;
}
.dataTable tr.upper th {
	border:none;
}
.dataTable td {
  border:none;
  padding:.25em .5em;
}
.dataTable td {
	background:url(../img/nu-table-line.gif) no-repeat bottom;
}
.dataTable td.first {
	border-left:1px solid #CCD6EB;
	background-position:7px bottom;
}
.dataTable td.last {
	background-position:right bottom;
}
.dataTable tr.last td {
	background:none;
}
.dataTable td.radiolinktop, .dataTable td.radiolink, .dataTable td.radiolinkbottom {
	text-align:center;
}
.dataTable .buttons {
	padding:.5em;
	text-align:right;
	white-space:nowrap;
}

.customTable {
  width: 100%;
  border-collapse: collapse;
  border:1px solid #CCD6EB;
}

  .customTable thead {
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid #CCD6EB;
    text-align: middle;
  }
  
  .customTable th {
	border: 1px solid #CCD6EB;
  }
  
  .customTable tr {
    border: 1px solid #CCD6EB;
  }
    
  .customTable td  {
    border: 1px solid #CCD6EB;
    border-width: 0 1px 1px 0;
    text-align: middle;
    padding-left: 0.3em;
  }
  
  .risk {
    border-width: 0 1px 1px 0px;
    text-align:left;
    padding-left: 0.6em;
  }

  input.Percentage {
    width: 2.5em;
    display: inline;
  }
  
  td.total {
    white-space:nowrap;
  }
  
  td.error, th.error {
    border-left: hidden;;
  }
  
  .suffix {
    display: inline;
    float: right;
  }

  .recommend {
    display:block;
    font-weight:bold;
  }

.printableQuestionnaire {
	padding-bottom: 30px;
}


.button-to {
    display: inline;
}

#navlist
{
    text-align: right;
}

#navbar_main_nav {
    margin: 0px;
    padding: 0px;
}

#navbar_main_nav li
{
    display: inline;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    margin-left: -4px;
}

#navbar_main_nav a
{
    text-decoration: none;
}

#navbar_main_nav a:link, #navbar_main_nav a:visited
{
    color: inherit;
}

#navbar_main_nav a:hover
{
    color: inherit;
} 

.navnumber {
	position: relative;
	top: -21px;
	left: 15px;
	font-weight: bold;
	width: 30px;
	display: none;

}

/* --------------------------------------------------------------------------------------*/

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 3px;
  background-color: #F8BFC4;
  padding-right: 20px;
  background-image: url('/images/error_icon.gif');
  background-position: center right;
  background-repeat: no-repeat;
}

.fieldWithErrors input {

}

#maincontent {
    width: 480px;
  
}

div#result {
    padding: 15px !important;
    padding: 0px;
    padding-top: 18px !important;
    padding-top: 0px;
    width: 64% !important;
    width: 64%;
    margin-left: 10px;
    margin-top: 0px !important;
    margin-top: 7px;
    position: relative;
    clear: left;
}


div#next_steps {
    width: 64%;
    padding: 15px !important;
    padding: 0px;
    padding-top: 0px;
    margin-top: -25px !important;
    margin-top: 10px;
    margin-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div#next_steps ul  {
    _margin-left: 15px;
    margin-bottom: 0px;
}

div#next_steps li  {
    margin-bottom: 10px;
}

#sidecontent {
   margin-top: 20px;
   float: right;
   width: 180px;
   clear: none;
   position: relative;
}

#sidecontent.analysis{
   margin-top: -3px;
   float: right;
   width: 200px;
   margin-right: 0px;
   
}

div#topHintBox {
    margin-top: 10px !important;
    margin-top: 0px;
}

div#helpExplanation {
    background-color: #D2E7F2;
    border: 1px solid #D2E7F2;
    width: 194px;
    color: #454545;
    margin-left: -30px;
    margin-bottom: 10px;
}

#sidecontent.analysis div#helpExplanation{
    margin-left: -5px;
}


div #helpExplanation #helpHeader {
    background-color: #0071BD;
    color: #FFFFFF;
    padding: 10px;
}

div #helpExplanation h4 {

}

div #helpExplanation p {
    padding: 3px;
}

div#helpExplanation ul {
    margin-left: 20px;
}

div#errorExplanation {
      border: 1px solid #F8BFC5;
      padding: 10px;
      padding-bottom: 20px;
      margin-bottom: 20px;
      margin-left: -10px;
      background-color: #F8BFC4;
      color: #333333;
      font-weight: normal;
      width: 190px !important;
      width: 180px;
}

div#errorExplanation h2 {
    width: 150px;
    margin:0px
}

div#errorExplanation h3 {
    color: #E30013;
    display: none;
}

div#errorExplanation p {
  margin-bottom: 0;
  padding: 5px;
  color: #333333;
  font-weight: bold;
}

#errorExplanation ul {
  _margin-left: -15px;
  padding-bottom: 10px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.hidden_element {
	margin-left: 20px;
}


/*-------------------------------------------------------------ANALYSIS SCREEN ----*/


#output {
   width: 100%;
}

#output .output_note {
    font-size: 90%;
}

ul#analysis_overview {
   list-style-type: none; 
   margin-left: -20px !important; /*IE reads this one*/
   margin-left: -1px !important; /*Firefox reads this one*/
   padding: 0px;
}

ul#analysis_overview li {
    display: inline;
    float: left;
    width: 93px !important;
    width: 94px;
    background-color: #F0F0F0;
    border: 1px solid #E3E3E3;
    margin-right: 3px;
    padding: 2px;
    height: 42px;
    margin-bottom: 3px;
}

ul#analysis_overview li img {
    display: block;
}

ul#analysis_overview li strong {
    display: block;
    color: #60BA36;
}

ul#analysis_overview li.no_shortfall, ul#analysis_overview li.shortfall {
   display: block;
   margin-bottom: 10px;
   padding: 5px;
   float: left;
   height: 37px;
   border: 1px solid #cccccc;
}

ul#analysis_overview li.shortfall {
   background-color: #D1342C;
   color: #FFFFFF;
   width: 230px !important;
}

ul#analysis_overview li.shortfall strong,ul#analysis_overview li.shortfall img{
    display: inline;
    font-size: 110%;
    color: white;
    margin-top: 4px;
    margin-left: 8px;
}

ul#analysis_overview li.no_shortfall {
    width: 393px !important;
    width: 398px;
    background-color: #FFFFFF;
    padding-top: 10px;
}

ul#analysis_overview li.shortfall_explanation {
    width: 154px !important;
    width: 160px;
    font-size: 85%;
}

ul#analysis_overview li.only_basic_pension {
    width: 393px !important;
    width: 398px;
    height: auto;
    padding: 10px 5px 10px 5px;
    margin-top: -8px;
}

ul#analysis_notes {
   margin: 0px;
   padding: 0px;
   width: 80%;
   margin-bottom: 10px;
}

ul#analysis_notes li{
   margin-bottom: 4px;
   margin-left: 5px !important;
   margin-left: 15px;
}


div#result_outer {
    width: 96%;
    position: relative;
    height: auto;
}

div#result_inner {
    width: 97%;
    margin-left: 10px;
    clear: both;
    margin-bottom: 15px;
    position: relative;
}

div#analysis_how_to_use ul {
    border-top: 1px dotted #CCCCCC;
    margin-top: 10px;
    padding-top: 10px;
    margin-left: 0px;
    list-style-position: inside;
}

div#analysis_how_to_use ul li {
    margin-bottom: 10px;
}

div#additional_notes {
    padding: 20px;
    width: 450px;
    margin-left: 10px;
    margin-top: 20px;
}

div#additional_notes h4 {
    font-size: 110%;
}

div#additional_notes ul li{
    margin-bottom: 5px;

}

div#contentOneColumn fieldset#sliders_fieldset {
    padding: 0px;
    width: 100%;
    margin: 0px;
    margin-left: -10px;
    }


#parameters_table {
    width: 420px !important;
    width: 420px;
    margin:0px;
    padding: 0px;
    margin-left: 0px !important;
    margin-left: 10px;
}

/*set a border at the bottom of everything*/
#parameters_table tr td, #parameters_table tr th{
    margin-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
    height: 20px;
}

#parameters_table td {
    width: 80px;
    font-weight: normal;    
}

#parameters_table td.help {
    width: 20px;
}


#parameters_table tbody th {
    width: 330px;
    padding: 0px;
    text-align: left;
    font-weight: normal;
}   

#parameters_table tbody th label{
    text-align: left;
}

#analysis_buttons {
    width: 420px;
    margin-top: 15px;
}


.slider_container {
    background-color:#FFFFFF; 
    width: 124px; 
    height: 14px;
}

.slider_handle {
    width:10px;
    height:5px;
    cursor:move;
    position:relative !important;
    bottom: 1px !important;
    _position: normal;
    _margin-bottom: 2px;
    padding-bottom: 1px;

}

.analysis_pie_chart_notes {
    margin-left: 0px;
    width: 380px;
    margin-top: 0px;
    font-size: 90%;
    margin-bottom: 20px;
}

.slider_range {
    font-weight: bold;
    font-size: 90%;
}

.slider_upper_range {
    font-weight: bold;
    font-size: 90%;
    padding-left: 16px !important;
    padding-left: 2px;

}

div.hr {
    border: none; 
    width: 95%;
    background: #FFFFFF url('/images/divider_line.gif') repeat-x top left;
    height: 7px;
    position: relative; 
    z-index: 400;
}

div.small {
    width: 83%;
    margin-left: 35px;
}

div.smaller {
    width: 80%;
    margin-left: 0px;
}

div.hr hr {
  display: none;
}

/*-----------------------------------------------------------------The report page */

div#maincontent_report {
    width: 725px;
    padding-left: 20px;
}

div#report_result {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 40px;
}

div#report_result_pie {
    padding-left: 20px;
}

div#report_analysis_output {
   margin: 0px;
   margin-right: 10px;
   float: right;
}

div.report_pie_chart_notes {
    margin-left: 20px;
    width: 400px;
    margin-top: 0px;
    font-size: 90%;
}

div#report_summary {
    width: 400px;
}

div.report_pie_chart_notes ul li {
    margin-bottom: 5px;
}

div#report_your_answers {
    float: right;
    margin-right: 170px !important;
    margin-right: 50px;
    margin-top: 20px !important;
    margin-top: 25px;
    width: 100px;
}

div#report_your_answers dl {
    font-size: 80%;
}

div#report_your_answers dd {
    text_align: right;
    font-weight: bold;
    margin-bottom: 5px;
}