html,body
  {
    font-family: arial;
    font-size: 12px;
    color: #444343;
    margin: 0px;
    padding: 0px;
    height:100%;
  }

  table
  {
    border-collapse: collapse;
    font-size: 12px;
  }

  td
  {
    vertical-align: top;
    border: 1px solid #777777;
  }

  form
  {
    display: inline;
    padding: 0px;
    margin: 0px;
  }

  input
  {
    border: 1px solid #777777;
    color: #303030;
  }

  input:focus
  {
    border: 1px solid black;
  }

  textarea
  {
    border: 1px solid #777777;
    color: #303030;
  }

  textarea:focus
  {
    border: 1px solid black;
  }

  img
  {
    border: 0px;
  }

/* ======================================== */
  

  .message
  {
    margin: 3px 0px 3px 0px;
    color: #cc1111;
  }

  .main_box
  {
    width: 1011px;
    position: relative; /* needed for footer positioning*/
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
  }

  .top_menu_bar
  {
    text-align: right;
    width: 100%;
    font-size: 12px;
    vertical-align: middle;
  }

  a.top_menu:link, a.top_menu:visited
  {
    color: #b4124c;
    text-decoration: none;
  }

  a.top_menu:hover
  {
    text-decoration: underline;
  }

  .header
  {
    height: 66px;
    margin-left: 17px;
  }

/*  .footer
  {
    height: 66px;
    width: 990px;
    margin-left: 17px;
  }*/

  div#footer
  {
    position: absolute;
    height: 65px;
    width: 990px;
    margin-left: 17px;
    bottom: 0px;
    background: url(../images/BSH-footer.gif) no-repeat;
  }

  .header_logo
  {
    margin-left: 12px;
    float: left;
  }

  .header_tag
  {
/*    margin-right: 20px;*/
    float: left;
    width: 200px;
  }

  .line
  {
    height: 10px;
    background-color: #b4124c;
  }

  .footer
  {
    height: 69px;
  }

  .bottom_menu_bar
  {
    margin-left: 50px;
    margin-top: 25px;
    display: inline;
  }

  a.bottom_menu:link, a.bottom_menu:visited
  {
    color: #000000;
    text-decoration: none;
    font-size: 10px;
  }

  a.bottom_menu:hover
  {
    text-decoration: underline;
  }

  .myrate
  {
    font-size: 10px;
    float: right;
    margin-top: 20px;
    margin-right: 10px;
  }

  .myrate_logo
  {
    float: right;
    width: 103px;
    height: 43px;
    background: url(../images/myrate.gif) no-repeat;
  }

  .bottom_block
  {
    margin: 40px 20px 30px 20px;
  }

  .bottom_line
  {
    width: 100%;
    height: 2px;
    padding: 0px;
    color: #b4124c;
  }

  .bottom_text
  {
    margin-top: 15px;
    font-size: 10px;
    float: left;
    width: 730px;
  }

  .bottom_logo
  {
    float: right;
    width: 200px;
  }

  .body_block
  {
    margin: 5px 20px 20px 20px;
  }

  .fact_block
  {
/*     width: 750px; */
    margin-top: 15px;
    margin-left: 20px;
    font-size: 12px;
  }

  .point
  {
    float: left;
    margin-top: 4px;
    width: 6px;
    height: 7px;
    background: url(../images/arrow.gif) no-repeat;
  }

  .fact_text
  {
    float: left;
    margin-left: 5px;
    font-size: 12px;
  }

  .small_profile
  {
    width: 211px;
    height: 138px;
    background: url(../images/small_profile.jpg) no-repeat;
  }

  .title1
  {
    margin: 30px 0px 20px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #b4124c;
  }

  .title
  {
    margin-left: 20px;
    margin-top: 20px;
    font-size: 12px;
    font-weight: bold;
  }

  .center_block
  {
    margin: 0px auto;
    width: 600px;
  }

  .inner_block
  {
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
    width: 598px;
    background-color: #f3f3f3;
  }

  .top_left_corner
  {
    float: left;
    width: 5px;
    height: 6px;
    background: url(../images/top_left_corner.gif) no-repeat;
  }

  .top_right_corner
  {
    float: left;
    width: 5px;
    height: 6px;
    background: url(../images/top_right_corner.gif) no-repeat;
  }

  .top_center_block
  {
    float: left;
    width: 590px;
    height: 6px;
    background: url(../images/top_center.gif) repeat-x;
  }

  .bottom_left_corner
  {
    float: left;
    width: 5px;
    height: 6px;
    background: url(../images/bottom_left_corner.gif) no-repeat;
  }

  .bottom_right_corner
  {
    float: left;
    width: 5px;
    height: 6px;
    background: url(../images/bottom_right_corner.gif) no-repeat;
  }

  .bottom_center_block
  {
    float: left;
    width: 590px;
    height: 6px;
    background: url(../images/bottom_center.gif) repeat-x;
  }

  .tab_block
  {
    margin-left: 10px;
    height: 20px;
  }

  .left_tab
  {
    float: left;
    width: 7px;
    height: 20px;
    background: url(../images/left_tab.gif) no-repeat;
  }

  .right_tab
  {
    float: left;
    width: 7px;
    height: 20px;
    background: url(../images/right_tab.gif) no-repeat;
  }

  .center_tab
  {
    float: left;
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #777777;
  }


  .left_sel_tab
  {
    float: left;
    width: 7px;
    height: 20px;
    background: url(../images/left_sel_tab.gif) no-repeat;
  }

  .right_sel_tab
  {
    float: left;
    width: 7px;
    height: 20px;
    background: url(../images/right_sel_tab.gif) no-repeat;
  }

  .center_sel_tab
  {
    float: left;
    border-top: 1px solid #b6b6b6;
    width: 180px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: grey;
    background-color: #f3f3f3;
  }










/*  .tab
  {
    margin-top: 25px;
    margin-left: 10px;
    width: 200px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #777777;
  }*/

  .profile_block
  {
    border: 2px solid #777777;
    width: 600px;
    background-color: #ffffff;
/*     padding: 10px; */
  }

/*  .tab_block
  {
    float: left;
    margin-top: 10px;
    height: 18px;
    width: 500px;
  }*/

  .profile_tab
  {
    float: left;
    width: 150px;
    height: 18px;
    line-height: 18px;
    background-color: #777777;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: white;
  }


  .sel_profile_tab
  {
    float: left;
    width: 150px;
    height: 18px;
    line-height: 18px;
    background-color: #ffffff;
    border: 1px solid #777777;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: grey;
  }

  a.tab_link:link, a.tab_link:visited
  {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
  }

  a.tab_link:hover
  {
    text-decoration: underline;
  }

  .button
  {
    float: right;
    margin-right: 10px;
    width: 78px;
  }

  .basic
  {
    margin-top: 20px;
    margin-left: 20px;
    width: 350px;
  }

  .borrower_type
  {
    margin-top: 30px;
    width: 220px;
  }

  .form_block
  {
    margin-left: 20px;
    border: 0px;
  }

  .input_width
  {
    width: 150px;
  }

  .little_font
  {
    font-size: 10px;
  }

  .finance
  {
    margin-top: 30px;
    margin-left: 20px;
  }

  .finance_title
  {
    font-size: 18px;
  }

  .help
  {
    border: 0px;
  }

  .left_cell
  {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
  }

  .right_cell
  {
    border-top: 0px;
    left: 0px;
    border-bottom: 0px;
  }

  a.here
  {
    color: #4d31b7;
    font-weight: bold;
  }

  a.black
  {
    color: black;
  }

  a.white
  {
    color: white;
    text-decoration: none;
  }

  .features
  {
    margin-top: 30px;
    margin-left: 100px;
  }

  .potential
  {
    float: left;
    width: 190px;
  }

  .potential_container
  {
    margin-top: 10px;
    height: 206px;
    border: solid black 1px;
    background-color: white;
  }

  .add_remove
  {
    float: left;
    width: 100px;
    height: 45px;
    margin-left: 30px;
    margin-top: 50px;
    border: solid black 1px;
    font-size: 12px;
    text-align: center;
    background-color: white;
  }

  .important
  {
    float: left;
    width: 190px;
    margin-left: 30px;
  }

  .important_container
  {
    margin-top: 10px;
    height: 206px;
    border: solid black 1px;
    background-color: white;
  }

  .feuture_row
  {
    height: 22px;
  }

  .feature_cell
  {
    clear: both;
    border-bottom: solid black 1px;
    padding: 3px 3px 3px 3px;
    height: 16px;
  }

  .underline_row
  {
    border-bottom: solid black 1px;
  }

  .no_underline_row
  {
    border-left: 0px;
  }

  .no_underline_cell
  {
    border-bottom: 0px;
  }

  .no_border
  {
    border-bottom: 0px;
    border-top: 0px;
  }

  .dashed_cell
  {
    border-top: 1px dashed #777777;
    border-bottom: 0px;
  }

  .admin_menu
  {
    width: 150px;
    font-size: 12px;
    font-weight: bold;
    float: left;
  }

  .menu_item
  {
    padding: 5px 5px 5px 5px;
  }

  .menu_line
  {
    height: 2px;
    background-color: #b4124c;
  }

  a.menu_link:link, a.menu_link:visited
  {
    color: #000000;
    text-decoration: none;
  }

  a.menu_link:hover
  {
    color: #ffffff;
    text-decoration: none;
  }

  .element
  {
    margin: 10px 0px 10px 0px;
  }

  .table_header
  {
    background-color: #b4124c;
    font-weight: bold;
    color: white;
    height: 30px;
  }

  .b_planner_field
  {
    width: 60px;
    height: 18px;
  }

  .b_planner_title
  {
    color: #b4124c;
    font-weight: bold;
  }

  .slider_line
  {
    margin-top: 5px;
    width: 200px;
    height: 1px;
  }

  .slider_point
  {
    margin-top: -6px;
    width: 10px;
    height: 10px;
/*    border: 1px solid black;
    background-color: #b4124c;*/
    background: url(../images/slider.gif) no-repeat;
  }











/*

   Slider CSS, style as you please.

   Note: The png images used for this demo were originally located at http://www.schillmania.com/

   Remove the -moz & -khtml styles if you want the css to validate.
   
   Change the image paths to suit you installation.

*/

/* Styles for the horizontal slider */
.fd-slider
        {
        position:relative;
        width:100%;
        height:20px;
        text-align:center;
        border:0 none;
        text-decoration:none;
        display:block;
        -moz-user-select:none;
/*         -khtml-user-select:none */
        cursor:pointer;
        }
.fd-slider-inner
        {
        position:relative;
        display:block;
        z-index:1;
        height:18px;
        text-align:left;
        background:#fcfcfc;
        border:1px solid #ccc;
        }
.fd-slider-bar
        {
        position:absolute;
        display:block;
        z-index:2;
        height:2px;
        border:1px solid #bbb;
        border-bottom:1px solid #aaa;
        border-right:1px solid #aaa;
        background:#ddd;
        margin:0;
        overflow:hidden;
        line-height:4px;
        }

/* :focus styles for browsers that support them (FF/Moz) and a .focused for IE */
/*.fd-slider:focus .fd-slider-inner,
.fd-slider-vertical:focus .fd-slider-inner,   */
.focused .fd-slider-inner
        {
        background:#eee !important;
        border:1px solid #aaa !important;
        }
/* black handle, no glow */
.fd-slider-handle
        {
        position:absolute;
        display:block;
        padding:0;
        border:0 none;
        margin:5px;
        z-index:3;
        top:0;
        left:0;
        width:20px;
        height:20px;
        outline:0px none;
        background:transparent url(../images/slider.gif) no-repeat 0px 0px;
/*         cursor:W-resize; */
        cursor:pointer;
        -moz-user-select:none;
        -moz-user-focus:none;
        -moz-outline:0px none;
        
        }
.fd-slider-handle:focus
        {
        outline:0px none;
        border:0 none;
        -moz-user-focus:normal;
        }
button.fd-slider-handle:focus::-moz-focus-inner { border-color: transparent; }

/* black handle, glow */
.fd-slider-hover .fd-slider-handle
        {
        background:transparent url(../images/slider.gif) no-repeat 0px 0px;
        }
/* blue handle, no glow */
.focused .fd-slider-handle
        {
        background:transparent url(../images/slider.gif) no-repeat 0px 0px;
        }
/* blue handle glow */
.focused.fd-slider-hover .fd-slider-handle
        {
        background:transparent url(../images/slider.gif) no-repeat 0px 0px;
        }
/*body.W-resize-s *
        {
        cursor:W-resize !important;
        }
body.N-resize-s *
        {
        cursor:N-resize !important;
        }*/

  .more_profile
  {
    margin-top: 20px;
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
/*     width: 100%; */
/*     text-align: right; */
  }

  a.more
  {
    color: #b4124c;
    font-size: 14px;
  }

  .start_over
  {
    float: left;
    margin-top: 30px;
    width: 100px;
    height: 23px;
    background: url(../images/start_over.gif) no-repeat;
  }
  
  .step_title
  {
  	margin-bottom: 5px;
  	font-weight: bold;
  	font-size: 14px;
	}
	
	
	.page_number_block
	{
		width: 99%;
		margin-bottom: 10px;
	}
	
	.page_selection
	{
		float: left;
		width: 400px;
	}
	
	.page_number
	{
		float: right;
		width: 120px;
		text-align: right;
	}
	
	.paging_block
	{
		width: 99%;
		margin-top: 10px;
		text-align: center;
	}