html {
  height: 100%;
}


body {
  font-family: tahoma;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  background-color: rgb(245, 251, 251);
}


a {
  color: rgb(21,116,174);
  padding: 0px 0px 0px 0px;
  font-family: tahoma;
  font-size: 10pt;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}


.main {
 position: relative;
 width:100%;
 height:auto;
}

.top{
 position: relative;
 width:984px;
 height:30px;
 margin:20px auto 0px auto;
 border: rgb(200,200,200) 0px solid;
 overflow: hidden; 
 padding:0px;
 background:transparent url(../images/top.png) no-repeat 0px 0px;
}

.head{
 position: relative;
 width:984px;
 height:327px;
 margin:0px auto 0px auto;
 border: rgb(200,200,200) 0px solid;
 overflow: hidden; 
 padding:0px;
 background:transparent url(../images/head.png) no-repeat 0px 0px;
}

.content{
 position: relative;
 width:984px;
 height:auto;
 margin:0px auto 0px auto;
 border: rgb(200,200,200) 0px solid;
 padding-bottom:30px; 
 overflow: hidden; 
 background:transparent url(../images/content.png) repeat-y 0px 0px;
}

.bottom{
 position: relative;
 width:984px;
 height:40px;
 margin:0px auto 5px auto;
 border: rgb(200,200,200) 0px solid;
 overflow: hidden; 
 padding:0px;
 background:transparent url(../images/bottom.png) no-repeat 0px 0px;
}

/*================= HEADER ==================*/

.head_main {
  position:relative;
  width:580px;
  height:auto;
  margin-top:30px;
  margin-left:40px;
  border: rgb(200,200,200) 0px solid;
}

.how_work {
  position:absolute;
  top:30px;
  left:710px;
  width:230px;
  height:auto;
  border: rgb(200,200,200) 0px solid;
}


/*================= CONTENT ==================*/


.content_main {
  position:relative;
  width:580px;
  height:auto;
  margin-top:0px;
  margin-left:55px;
  border: rgb(200,200,200) 0px solid;
  float:left;
}

.content_block {
  position:relative;
  width:auto;
  height:auto;
  margin-top:0px;
  margin-left:20px;
  border: rgb(200,200,200) 0px solid;
}

.content_block table{
  margin-left:40px;
  margin-bottom:20px;
}

.content_slideBar {
  position:relative;
  width:250px;
  height:auto;
  margin-top:0px;
  margin-left:40px;
  border: rgb(200,200,200) 0px solid;
  float:left;
}


.slide_block {
  position:relative;
  width:auto;
  height:auto;
  margin-top:10px;
  margin-left:0px;
  border: rgb(200,200,200) 0px solid;
}


.slide_block table{
  margin-bottom:30px;
  margin-left:40px;
}

.slide_block ul{
  margin-bottom:10px;
  margin-left:0px;
}

.slide_block li{
  width:200px; 
  text-align:justify
}

.slide_block p{
 text-align:right; 
 margin:0px 0px 20px 0px;
}

/*================= HELPER ==================*/

.gray {
  font-size: 8pt;
  color:#666666;
}
.textInput {
  width:190px;
  font-size:10pt;
}
.textInputA {
  width:175px;
  font-size:10pt;
}

.textInputB {
  width:30px;
  font-size:10pt;
}

h1 {
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 color: rgb(11,46,75);
 font-size: 18pt;
 font-weight: strong;  
}


h2 {
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 color: rgb(11,46,75);
 font-size: 18pt;
 font-weight: normal;  
}

h3 {
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 color: rgb(0,0,0);
 font-size: 14pt;
 font-weight: normal;  
}

a.vsl_help:hover { position:relative; }
a.vsl_help span { display:none;}
a.vsl_help:hover span { 
  position:absolute;  
  display:block; 
  left:0px; 
  top:-40px;
  border:solid 1px rgb(129,154,162);
  color:rgb(11,46,75);
  background-color:rgb(179,204,212);
  padding:3px;
}