body {
  color:#333;
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;
  margin:0;
  padding:0;
  background:url(/images/bg.jpg) top left repeat-x #76A4D1;
}

img, fieldset { border:None; }

h1 {
  font-family:inherit;
  font-size:18pt;
  font-weight:Normal;
  border-bottom:1px solid #0072bc;
  margin:10px 0 0 0;
  padding:0 0 2px 0;
}

  h1 span { color:#ff7100; }

h2 {
  color:#ff7100;
  font-size:14pt;
  font-weight:bold;
  margin:0 0 10px 0;
  padding:0;
}

#right h2 {
  font-size:10pt;
  margin:0;
}

p, table, form {
  clear:both;
}

p { margin-top:0; }

fieldset {
  clear:both;
  padding-bottom: 0px;
  padding-left: 5px;
}


fieldset label {
  width:110px;
  display:block;
  float:left;
  margin:0;
  padding:0;

}

#left a:hover { background:none; color:#333 !important; }

ul em { font-style:italic; color:#666; }

h3 { color:#709BC6; }

table {
}

td, th {
  padding:3px;
  padding-left:5px;
}

th {
  color:#333;
  text-align: left;
  font-weight: normal;
  background:#daeaf0;
  border-bottom:1px solid #ccc;
}

table a { color: #0072bc; }
a { color:#ff7100; text-decoration:none; font-weight:bold; }
a:Hover { color:#fff; background:#333; }
table a { color: #0072bc;  font-size:13px; }
table a:Hover { color:#fff; background:#0072bc;}

blockquote {
  clear:both;
  background:#e8f1f5;
  padding:10px;
  margin:10px 0 10px 0;
  border:1px solid #caddef;
}

.nobg, .nobg:hover { background:none !important; }
.t-right { text-align:right; }
.alt { background:#daeaf0; }

.drop { width:110px; margin-top:-3px; float:left; display:block; font-size:18pt; color:#FF8100 !important; }

.rounded {
  background:#daeaf0;
  padding:10px;
}

.folder {
  width:16px;
  height:16px;
  float:left;
  margin-right:10px;
  background:url(/images/folder.jpg) top left no-repeat;
}

.grey_folder {
  width:16px;
  height:16px;
  float:left;
  margin-right:10px;
  background:url(/images/grey_folder.jpg) top left no-repeat;
}

.open_folder {
  background-position:bottom left;
}

.centered { text-align:center; }

.clear { clear:both; height:1px; visibility:hidden; }

.feature { width:230px; height:49px; padding:5px 10px 10px 45px; float:left; font-size:8pt; }
.feature2 { padding:5px 10px 10px 45px; float:left; font-size:8pt; }

.feature { clear:both; width:230px; height:49px; padding:5px 10px 10px 45px; float:left; font-size:8pt; }
.feature2 { clear:both; padding:5px 10px 10px 45px; float:left; font-size:8pt; }

.f1 { background:url(/images/icons/feature1.jpg) top left no-repeat; }
.f2 { background:url(/images/icons/feature2.jpg) top left no-repeat; }
.f3 { background:url(/images/icons/feature3.jpg) top left no-repeat; }
.f4 { background:url(/images/icons/feature4.jpg) top left no-repeat; }
.f5 { background:url(/images/icons/feature5.jpg) top left no-repeat; }
.f6 { background:url(/images/icons/feature6.jpg) top left no-repeat; }
.f7 { background:url(/images/icons/feature7.jpg) top left no-repeat; }
.f8 { background:url(/images/icons/feature8.jpg) top left no-repeat; }
.f9 { background:url(/images/icons/feature9.jpg) top left no-repeat; }
.f10 { background:url(/images/icons/feature10.jpg) top left no-repeat; }

.hidden { display:none; }

#latest_download, #latest_download a:hover {
  width:230px;
  height:40px;
  padding:23px 10px 17px 65px;
  background:url(/images/download_btn.jpg) top left no-repeat !important;
  margin-bottom:10px;
  color:#64961d;
  text-decoration:none;
  font-weight:bold;
  border:1px solid #ccc;
  display:block;
float:left;
}

#latest_download a,#latest_download a:hover {
    color:#64961d;
}


#latest_download span {
  color:#000;
  font-weight:normal;
}  
  
#container {
  background:url(/images/pagebg.jpg) top left repeat-x #fff;
  width:820px;
  padding:0 10px;
  border:1px solid #000;
  margin:0 auto 0 auto;
  border-left:1px oslid #000;
  border-right:1px solid #000;
}

  #header {
    height:92px;
    margin-bottom:20px;
  }

    #logo { 
      width:230px;
      height:92px;
      display:block;
      float:left;
    }

    #header_content {
      display:block;
      width:500px;
      float:right;
      height:50px;
      text-align:right;
      padding-right:5px;
    }
    
    #header p {
      font-size:12pt;
      color:#6288AD;
      margin:0;
      padding:5px 0 0 0;
      font-style:italic;
    }
    
    #header ul {
      height:20px;
      margin:20px 0 0 0;
      padding;0;
      width:auto;
      float:right;
      padding-right: 25px;
    }
    
    #header ul li {
      display:inline;
      margin:0;
      padding:0;
    }
      #header ul li a {
        font-weight:bold;
        color:#000;
        background:#fff;
        text-decoration:none;
        border-bottom:2px solid #FF7100;
        display:block;
        float:left;
        margin:0 0 0 20px;
      }

      #header ul li a:hover {
        color:#fff;
        background:#333;
      }
    
      
  #left {
    width:600px;
    float:left;
    height:auto !important;
    height:400px;
    min-height:400px;
  }
    #left ul { border:none !important; margin:10px !important; }
    #left ul li { padding-bottom:5px !important; }
  
    #left strong {
      color:#0072bc;
    }
  
    #left h2 {
      width:400px;
      float:left;
    }
    
    #left ul li {
      list-style:square;
      margin:0 0 0 20px;
      color:#333;
    }

.fullspan#left { width:100%; }

    .news {
      margin-top:10px;
      padding:10px 0 10px 0;
      border-bottom:1px solid #ccc;
    }
    
      .news .date {
        color: #0072bc;
        font-style:italic;
        width:170px;
        text-align:right;
        float:right;
      }
      
      .news p { clear:both; padding-top:10px; }
 
  #right {
    width:200px;
    float:right;
  }
  
    #right a {
      color: #0072bc;
      font-weight:normal;
      text-decoration:underline;
      background:none;
    }
    
    #right a:hover {
      color:#fff;
      background:#0072bc;
    }
  
    #right ul, #left ul {
      clear:both;
      color:#ff7100;
      margin:10px 0 0 0;
      padding:0;
      border-top:1px solid #ccc;
    }
    
      #right ul li {
        list-style:none;
        margin:0;
        padding:0;
      }
      
      #right ul li a {
        display:block;
        border-bottom:1px solid #ccc;
        padding:5px;
        text-decoration:none;
      }
      
      #right h2 { margin:0; }

  #footer {
    clear:both;
    background: transparent url("/images/3dot.gif") center top repeat-x;  /* footer spacer background */
    margin-top:10px;
    padding:20px 0px 10px 0px;
    color:#666;
    text-align:center;
    font-size:9pt;
  }
    
    
.title {
    clear: both;
    padding-top: 10px;
    color:#3B5D80;
    font: 13px Tahoma;
    line-height: 20px;
    font-weight: bolder;
    background: url( '/images/title_arrow.gif' ) no-repeat left center;
    background-position: 1px 14px;
    padding-left: 20px;
}

#infomessage, #errormessage {
    margin-bottom: 1.5em;
    padding: 0.3em;
    text-align: left;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

#infomessage {
    background-color: #390;
    border-color: #390;
    color: #390;
    background: #CFC;
}

#errormessage {
    border-color: #903;
    background-color: #fcc;
    color: #903;
}

.error, .msg {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.error {
    color: #FF0000;
    font-size: 9px;
}

#requirements {
	padding-left:20px;
	width:200px;
	float:left;
}

#requirements h3 { margin:0 0 10px 0; padding:0; }

