@import "../general/reset.css";
body {
  background: #FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#00ACCC;
}

h1 {
  font-size: 18px;
  font-weight:bold;
}

h2 {
  font-weight:bold;
  font-size:13px;
}

#upo_list h2, #upo_list_partner h2 {
  border-bottom:1px solid #00ACCC;
}

div.text h2 {
  font-size:1.2em;
  background-color:#00ACCC;
  color: #FFFFFF;
  padding:2px 5px;
  margin-top:3px;
  cursor:pointer;
}

.text p, .div_info p {
 font-size:12px;
 margin-bottom:5px;
}

ol li{
  list-style-type:decimal;
  font-size:12px;
  margin: 0 0 5px 25px;
}

#cluetip ul li, #TB_ajaxContent ul li {
  list-style-type:disc;
  margin: 0 0 5px 15px;
}

#cluetip ul {
  padding-bottom:5px;
}

ol {
  margin-bottom:10px;
}

.div_info {
  margin-top:10px;
  padding: 5px 5px 0;
  border:1px solid #DFEDFF;
  background-color:#EFF6FF;
}

.text div.div_info {
  border-top:none;
  margin-top:0;
}

#header {
  height: 4px;
}

#header a {
  color:#fff;
}

/** Navigation **/

#navigation {
  width:720px;
  border-top: 1px solid #00ACCC;
  border-bottom: 1px solid #00ACCC;
  margin:0 auto;
}

#navigation_button_bar {
  height:26px;
  padding-left:0px;
}

#navigation_button_bar img {
  margin:0 10px 0 0;
}

#navigation_button_bar ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

#navigation_button_bar li
{
  float: left;
  margin: 0;
}

#navigation_button_bar li a
{
  float: left;
}

#navigation_button_bar li a.a_noclick {
  cursor: default;
}

#btn_home {
  width:123px;
  height:26px;
  display:block;
}

#navigation_button_bar li a:hover {
  text-decoration: none;
}

/*** Main body ***/
#main_holder {
  width:720px;
  /*background:url(img/main_bg_mid.gif) repeat-y;*/
  margin:0 auto;
}

#main {
  margin:0 auto;
  padding:20px 0 0;
}

#main_input {
  margin:0 auto;
}

#form_holder {
  padding:5px 0px;
}

#form_bottom {
  /*height:16px;*/
}

#main_bottom {
  height:10px;
  margin:0 auto;
}

/*** Footer ***/

#footer {
  border-top: 1px solid #00ACCC;
  width:720px;
  margin:0 auto;
  /*height:57px;
  padding:10px 0px;*/
}

#info {
  float:left;
  margin: 30px 0 0;
}

.info_name {
  color:#F47A25;
}

#logo {
  float:right;
}

#logo_left {
  float:left;
  padding-top:20px;
}

/*** Form ***/
.form_title {
  border-bottom: 1px solid #00ACCC;
}

.form_title span {

}

#advise_number {
  visibility:visible;
  color:#fff;
  float:right;
  font-family:Arial, Helvetica, sans-serif;
  margin:5px 18px 0 0;
}

/*** Action Buttons (opslaan, volgende knoppen) ***/
#action_buttons {
  text-align:right;
}

.btn_action {
  border:0;
  width:75px;
  height:30px;
  text-indent:-1000em;
  _padding:30px 0 0;
  _overflow:hidden;
  cursor: pointer;
  _cursor:hand;
}

#btn_opslaan {
  background: url(img/btn_action_opslaan.gif) no-repeat;
}

#btn_volgende {
  background: url(img/btn_action_volgende.gif) no-repeat;
}

#btn_questionnaire {
  width:230px;
  background: url(img/btn_action_risico_vermogen.gif) no-repeat;
}

#btn_recalculate_pension, #btn_recalculate_pension_aow, #btn_recalculate_pension_aow_partner {
  width:125px;
  background: url(img/btn_herbereken_pens_active.gif) no-repeat;
}

#btn_add_upo, #btn_add_upo_partner {
  width:90px;
  background: url(img/btn_action_nieuweupo.gif) no-repeat;
}

/**** Tabel opmaak voor form ****/
.input_table td {
  padding:5px;
}

.required {
  font-weight: bold;
}

.td_label {
  width:150px;
  white-space:nowrap;
  text-align:right;
}

#form_upo td.text {
  font-size: 12px;
  padding-left:0px;
  width: 430px;
}

#form_upo .td_label {
  width:430px;
}

input, select {
  color: #00ACCC;
  padding:2px;
  border: 1px solid #00ACCC;
  font-size: 11px;
}

.textbox {
  border:1px solid #00ACCC;
  width:200px;
}

.checkbox, .radio_button {
  border: none;
}

.focus {
  /*background-color:#FFC;*/
}

.hint {
  color:#999;
}

input,option {
  color:#00ACCC;
}

label {
  color:#00ACCC;
  font-family:Arial, Helvetica, sans-serif;
  cursor:pointer;
}

/*** UPO List ***/
.table_upo_list {
  margin: 5px 0;
  width:100%;
}
.table_upo_list th {
  border-top: 1px solid #00ACCC;
  border-bottom: 1px solid #00ACCC;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;

  padding:2px 4px;
  font-size:12px;
  background-color: #00ACCC;
  color:#fff;
}

.table_upo_list td {
  padding:2px 4px;
  /*white-space:nowrap;*/
  font-size:12px;
}

.table_upo_list td.info_text {
  white-space:normal;
}

#upo_list {
  float:left;
  width: 350px;
}

#upo_list_partner {
  float:right;
  width: 350px;
}

#upo_list_partner h2{
  width: 100%;
  text-align:right;
}

#btn_add_upo {
  float:left;
}

#btn_add_upo_partner {
  float:right;
}

.upo_actions {
  width: 35px;
  text-align:right;
}

/*** Grafiek ***/

.chartdiv {
  text-align:center;
}

#div_pensionchart {
  height: 340px;
  background: url(img/loading_small.gif) no-repeat center center;
  border-bottom: 1px solid #00ACCC;
  overflow:hidden;
}

#chart_step2, #chart_step3 {
  display:none;
}

#chart_nav {
  text-align: center;
}
#chart_nav img {
  cursor: pointer;
  _cursor:hand;
}

/*** Pension Vars Table ***/
#pension_vars {
  margin-top:10px;
}

.table_pension_vars {
  width:100%;
  border: 1px solid #00ACCC;
}

.table_pension_vars td {
  padding:3px 5px 3px 5px;
	border-right:1px solid #FFFFFF;
  /*white-space:nowrap;*/
}

.table_pension_vars th {
  padding:3px 5px;
  font-size:12px;
  background-color: #00ACCC;
  color:#fff;
  font-weight:bold;
	border-right:1px solid #FFFFFF;
}

td.last_col, th.last_col {
	border-right:none;
}

.head_name {
  width:190px;
}

/*** Cluetip ***/
img.help, #chart_nav img.help {
  cursor: help;
  width:14px;
  height:14px;
}

.span_help {
  width:14px;
  height:14px;
  background-image: url(img/icons/help.gif);
}

.td_help {
  width: 16px;
}

a.help_link {
  cursor: help;
  font-weight:normal;
  text-decoration:underline;
}

a.help_link:hover {
 text-decoration:none;
}

/*** Overige ****/

strong {
  font-weight: bold;
}

em {
  font-style:italic;
}

.clear {
  clear:both;
}

.odd {
  background-color:#EFF6FF;
}

.text {
  float:left;
  width:420px;
}

.image {
  width:300px;
  text-align:right;
  float:left;
}

/*** Error Message Box ***/
input.invalid {
  border:1px solid red;
}

#errorBox h2 {
  font-weight:bold;
  font-size:13px;
  margin-bottom:5px;
}

#errorBox {
  /*margin-top:10px;*/
  padding:5px;
  border:1px solid red;
  background-color:#FFF0F0;
  display:none;
}

#errorBox label {
  padding-left: 20px;
  background: url(img/icons/icon_alert.gif) no-repeat left top;
  line-height:17px;
}

#errorBox label, #errorBox h2 {
  color:red;
}

/*** AOW Wizard Opmaak ***/
.div_vraag {
  border-top: 1px solid #ccc;
  clear:both;
}

.small {
  width:40px;
}

.vraag {
  width:480px;
  float:left;
  padding:5px 0;
}

.antwoord {
  width:100px;
  float:right;
  padding:5px 0;
}

#div_variations {
  /*display:none;*/
}

#div_show_variations {
  padding: 5px;
}

.select-free
{
  position:absolute;
  z-index:10;/*any value*/
  overflow:hidden;/*must have*/
  width:33em;/*must have for any value*/;
}
.select-free iframe
{
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;/*must have*/
  top:0;/*must have*/
  left:0;/*must have*/
  z-index:-1;/*must have*/
  filter:mask();/*must have*/
  width:3000px;/*must have for any big value*/
  height:3000px/*must have for any big value*/;
}

a {
 text-decoration:none;
 color:#00ACCC;
 font-weight:bold;
}

a:hover {
 text-decoration:underline;
}

#result_disclaimer {
  float:left;
  width:500px;
  margin-left:7px;
  text-align:left;
  border:1px solid #DFEDFF;
  padding: 0 2px;
  background-color:#EFF6FF;
}

.lbl_obu, .lbl_np {
  float:left;
  margin-left:10px;
  border:1px solid #A5ACB2;
  background-color:#fff;
  width:40px;
  padding:3px;
}

.lbl_np {
  width:60px;
}

.ui-slider-2 {
  width:130px;
}