/* CSS Document */
/*
#wizard table{
  font-size: 16px;
  color: #666;
  width: 550px;
  background: white;
  border: 1px solid #DDE9ED;
  border-top: 1px solid #E7F4F8;
  border-bottom: 1px solid #DDE9ED;
  border-collapse: collapse;
}


#wizard table th{
  border: 1px solid #EFEFEF;
  vertical-align: middle;
  text-align: right;
  font-size: 14px;
  width: 140px;
}

table th.required{
  width: auto;
  padding: 0px;
  background: none;
}

table td{
  width: 410px;
}
*/

#wizard{
  position: relative;
}

#wizard select{
  font: 16px "Helvetica Neue", Arial, sans-serif;
  color: #666;
  width: 240px;
}

#page{
  background: white;
  /*width: 848px;*/
  width: 518px;
  padding: 15px;
  border: 1px solid #DDE9ED;
  border-top: 1px solid #E7F4F8;
  border-bottom: 1px solid #DDE9ED; 
  float: left;
}


#wizard #implementation #page{
  width: 520px;
  float: left;
}

#wizard h2{
  /*
  font-size: 20px;
  color: #0D3692; 
  border: none; 
  */
  margin: 20px 0px 10px 0px;
}

#wizard table{
  font-size: 16px;
  color: #666;
  width: 520px;
  background: white;
  border: 1px solid #DDE9ED;
  border-top: 1px solid #E7F4F8;
  border-bottom: 1px solid #DDE9ED;
  border-collapse: collapse;
}

#wizard #implementation table{
  width: 520px;
  margin: 20px 0px;
}

#wizard #twa{
  width: 551px;
  float: left;
  padding: 25px 0px 0px;
}

#wizard #implementation{
  width: 890px;
}

#wizard #implementation label{
  cursor: pointer;
  cursor: finger;
  text-decoration: underline;
}

#wizard #twa table{
  color: #547E98;
}

#wizard table th{
  padding: 5px 20px 5px 10px;
  border: 1px solid #EFEFEF;
  vertical-align: top;
  text-align: right;
  font-size: 14px;
  width: 170px;
  /*width: 140px;*/
}



#wizard #twa table th{
  vertical-align: top;
}

#wizard #implementation table th{
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  width: 350px;
}

#wizard #twa table th{
  width: 260px;
  padding: 20px;
  font-size: 18px;
  vertical-align: top;
}

#wizard #twa table table,
#wizard #twa table td th,
#wizard #twa table td td{
  border: none;
  width: auto;
  padding: 3px 0px;
}

#wizard table td{
  padding: 5px 10px;
  border: 1px solid #EFEFEF;
  vertical-align: top;
}

#wizard #twa table td{
  padding: 20px;
  border: 1px solid #EFEFEF;
}

#wizard #implementation table td{
  width: 165px;
  font-size: 13px;
  text-align: right;
  /*text-align: left;*/
}

#wizard tr.alt th,
#wizard tr.alt td{
  background-color: #F9F9F9;
}


#wizard table th.required{
  padding-left: 3px;
  text-decoration: none;
  background-image: url(../images/css/wizard/required.gif);
  background-repeat: no-repeat;
  background-position: 185px 10px;
}

#wizard table ul{
  padding: 0px;
  margin: 0px;
}

#wizard table ul li{
  padding: 0px;
  margin: 0px;
  background: none;
  list-style: none;
  cursor: pointer;
  cursor: hand;
  padding: 3px 0px;
  font-size: 16px;
}

#wizard table ul li input{}

#wizard table ul li a{
  color: #666;
}

#wizard table ul li a:hover{
  color: #FF9900;
  text-decoration: none;
}

#wizard table ul li a:active{}

#wizard .border,
#wizard .active,
#wizard .error{
  border: 1px solid #F0F0F0;
  padding: 2px;
  float: left;
}

#wizard .active{
  border: 1px solid #F49300;
  background: #FF9900;
}

#wizard .active input.textbox{
  border: 1px solid #F49300;
  color: #FF9900;
}

#wizard .error{
  display: block;
  color: red;
  background: url(../images/css/wizard/bg_error.gif) no-repeat 0px 7px;
  padding: 3px 3px 3px 18px;
}

#wizard .message{
  clear: both;
  color: #CC0000;
  font-size: 14px;
  font-weight: bold;
  display: block;
}
/*
#wizard .error input.textbox{
  border: 1px solid #CC0000;
}
*/

#wizard textarea,
#wizard input.textbox{
  /*font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
  font: 16px "Helvetica Neue", Arial, sans-serif;
  color: #666;
  border: 1px solid #E2E3EA;
  border-top: 1px solid #ABADB3;
  border-bottom: 1px solid #E3E9EF;
  margin: 0px;
  float: left;
  background: white url(../images/css/wizard/bg_wizard_textbox.jpg) repeat-x;
  padding: 3px;
  width: 280px;
}


#wizard td.action,
#wizard #implementation td.action{
  background: #3973BB url(../images/css/wizard/bg_wizard_form_action.jpg) repeat-x;
  text-align: center;
  padding: 10px;
}

#wizard td.action .submit{
  font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #FF9900;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
}


#wizard #implementation .disabled{
  color: #CCC;
}


#note{
  width: 310px;
  float: left;
  margin: 25px 0px 0px 0px;
  color: #666;
  position: relative;
  left: 20px;
  /*
  top: 125px;
  */
}

#note.contact,
#note.trial{
  margin: 0px;
}

#note.imp{
  top: 125px;
  margin-top: 0px;
}

#note.dc{
  top: 305px;
  margin-top: 0px;
}

#note h3{
  /*
  font-size: 20px;
  color: #FF9900;
  */
  margin: 10px 0px 10px 0px;
 
}

#note p{
  margin: 0px 0px 10px 0px;
}

#note .top{
  float: left;
  padding: 15px 0px 0px;
  background: url(../images/css/wizard/bg_note_top.gif) no-repeat;
}

#note .bottom{
  float: left;
  padding: 0px 0px 15px;
  background: url(../images/css/wizard/bg_note_bottom.gif) no-repeat left bottom;
}

#note .middle{
  width: 250px;
  padding: 0px 30px 10px;
  float: left;
  background: url(../images/css/wizard/bg_note_middle.gif) repeat-y;
}

#note .middle #intro{
  background: url(../images/css/wizard/bg_note_intro.gif) no-repeat;
  width: 250px;
  height: 100px;
}

#implementation #note .middle #intro{
  background: url(../images/css/wizard/bg_note_implementation_intro.gif) no-repeat;
  width: 250px;
  height: 75px;
}

#note .middle #intro h2{
  visibility: hidden;
}

#wizard #calculator{
  background: url(../images/css/wizard/bg_calculator_table.gif) repeat-y;
  margin-bottom: 15px;
  width: 308px;
  position: absolute;
  left: 575px;
  /*
  position: relative;
  left: 725px;
  */
}

#wizard #calculator .top{
  background: url(../images/css/wizard/bg_calculator_table_top.jpg) no-repeat;
}

#wizard #calculator .top h3{
  font-size: 15px;
  font-weight: bold;
  width: 308px;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  height: 21px;
  padding: 4px 0px;
  text-align: center;
  color: white;
}

#wizard #calculator .bottom{
  background: url(../images/css/wizard/bg_calculator_table_bottom.gif) no-repeat left bottom;
  padding: 0px 4px 11px;
  width: 300px;
}

#wizard #calculator table{
  background: none;
  border: none;
  width: 300px;
}

#wizard #calculator table th{
  width: 235px;
  border: none;
  border-bottom: 1px solid #F4F4F4;
  font-size: 11px;
  padding: 2px 5px;
  background: white;
}

#wizard #calculator table td{
  width: 45px;
  background: #3F59AD;
  border: none;
  border-bottom: 1px solid #39509D;
  color: white;
  font-size: 11px;
  padding: 2px 5px;
  text-align: right;
  font-weight: bold;
}

#wizard #calculator table tr.total th{
  background: #F4F4F4;
  padding-bottom: 0px;
}

#wizard #calculator table tr.total td{
  background: #39509D;
  padding-bottom: 0px;
}