@charset "utf-8";

.news_box .icon_general,form div.alert_text, form label.required,form span.required { behavior: url(css/iepngfix.htc); }
html {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	overflow-y: scroll !important;
}

body, noscript {
	margin: 0;
	padding: 0px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif, Times, serif;
	background: #333333;
	color:#555555;
	font-size:13px;
	
}

h1 {
	font-size:19px;
	margin:0;
	padding:31px 0 0 0;
	line-height:21px;
	
}

h2 {
	font-size:16px;
	font-weight:bold;
	line-height:18px;
}

p {
	margin:0px;
	padding:7px 0px;
	line-height:18px;
	/*display: inline;
	clear: both;*/
}

.IE h1{width:290px;}
.IE h2{width:290px;}
.IE p{width:590px;}



a {
	font-size:12px;
	color:#268ad1;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#0070bf;
	text-decoration:none;
}


#container {
	margin: 0px 9px 0px 9px;
	padding: 0px ;
	overflow: hidden;
	clear:both;
	min-height:100%;
  position:relative;
  text-align: center;
	background: url(../images/bg_steps.png) #fff 0px 9px;
}

#path {
  background: transparent url(../images/bg_steps_path.png) no-repeat;
  width: 964px;
  height: 535px;
  margin: 120px auto 100px auto;
	position:relative;
	overflow:visible;
  }
  
  .step {
    position: absolute;
    text-align: left;
    }
    .step .text span {
      font-weight: bold;
      }
  
  .step.one {
    top: 180px;
    left: 68px;
    }
    .step.one .text {
      position: absolute;
      top: 72px;
      left: -30px;
      width: 680px;
      z-index: 10;
      text-align: left;
      display: none;
      }
    .step.one .text span {
      color: #75c23b;
      }
    .step.one .text ul {
      margin: 0px;
      padding: 0px;
      list-style: none;
      }
    .step.one .text ul li {
      list-style: none;
      background: url(../images/steps_bullet_green.png) no-repeat 0px 10px;
      margin: 0px;
      padding: 5px 0px 5px 15px;
      display: block;
      text-indent: none;
      }
  
  .step.two {
    top: 360px;
    left: 294px;
    }
    .step.two .text {
      position: absolute;
      bottom: 76px;
      left: -120px;
      width: 450px;
      z-index: 10;
      text-align: left;
      display: none;
      }
    .step.two .text span {
      color: #f7ad0d;
      }
      
  .step.three {
    top: 60px;
    right: 248px;
    }
    .step.three .text {
      position: absolute;
      top: 74px;
      right: -180px;
      width: 450px;
      z-index: 10;
      text-align: left;
      display: none;
      }
    .step.three .text span {
      color: #b83cc1;
      }
  
  .step.four {
    top: 280px;
    right: 28px;
    }
    .step.four .text {
      position: absolute;
      bottom: 76px;
      left: -240px;
      width: 450px;
      z-index: 10;
      text-align: left;
      display: none;
      }
    .step.four .text span {
      color: #0c9afe;
      }

  .bubble {
    position: relative;
    margin: 0px 16px 0px 11px;
    z-index: 1;
    }

    .bubble .content {
      position: relative;
      background: transparent url(../images/steps_bubble_outline.png) top right no-repeat;
      padding: 28px 26px 18px 13px;
    	line-height:18px!important;
      }
      
    .bubble .arrow-up {
      position: absolute;
      top: 0px;
      left: 50px;
      width: 15px;
      height: 11px;
      background: transparent url(../images/steps_bubble_arrow_up.png) no-repeat;
      z-index: 1;
      }
    .bubble .arrow-down {
      position: absolute;
      bottom: -6px;
      width: 16px;
      height: 15px;
      background: transparent url(../images/steps_bubble_arrow_down.png) no-repeat;
      z-index: 1;
      }
    .bubble .foot {
      position: relative;
      width: 100%;
      background: transparent url(../images/steps_bubble_outline.png) bottom right no-repeat;
      height: 10px;
      }

    .bubble .tl {
      position: absolute;
      margin-left: -11px;
      background: url(../images/steps_bubble_outline.png) top left no-repeat;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 11px;
      }
    
    .bubble .bl {
      position: relative;
      margin-left: -11px;
      background: url(../images/steps_bubble_outline.png) bottom left no-repeat;
      bottom: 0px;
      left: 0px;
      height: 10px;
      width: 11px;
      }

    .step.one .arrow-up {left: 86px;}
    .step.two .arrow-down {left: 160px;}
    .step.three .arrow-up {left: 120px;}
    .step.four .arrow-down {left: 280px;}
    
/*

#HEADER & #FOOTER

*/

#header {
  position:absolute;
  top: 0px;
	height: 9px;
	display:block;
	background:#333333;
	width:100%;
  }

#footer {
	margin: /*-31px 0 0 */0;
	padding: 0 0 0 0;
	display:block;
  position:absolute;
  bottom: 0px;
	clear:both;
	width:100%;
	height:40px;
	background:#333333;

}


#footer div {
	text-align:center;
	margin:0px auto;
	padding:12px 0 0 0px;
	font-weight:bold;
	color:#ffffff;
	font-size:12px;
}