/* ***** Global **************************************************** */
html {
  padding:0px 10px 10px 10px;
  background:#eeeeee url(/img/web.htmlbkg.png) repeat-x fixed left top;
  font:normal 12px Arial,Helvetica,Geneva,sans-serif;
  color:#333333;
}
body {
  background:#ffffff url(/img/web.bottombkg.png) no-repeat scroll left bottom;
  padding:0px;
  position:relative;
  margin:0px auto 55px auto;
  width:960px;
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  border-left:1px solid #999999;
  -webkit-box-shadow:0px 0px 10px #666666;
  -moz-box-shadow:0px 0px 10px #666666;
  box-shadow:0px 0px 10px #666666;
}
a {
  color:#0000cc;
}
a:visited {
  color:#800080;
}
a:hover {
  color:#0000ff;
}
table {
  font-size:100%;
}
img {
  border:0px none;
}
li.first {
  border-width:0px !important;
  background-color:transparent !important;
  background-image:none !important;
  padding:0px !important;
}
.warning {
  color:#ff0000;
}
sub, sup {
  line-height:0;
}
.center {
  text-align:center;
}


/* ***** Header **************************************************** */
#top {
  position:relative;
  z-index:10;
  -webkit-box-shadow:0px 0px 10px #444444;
  -moz-box-shadow:0px 0px 10px #444444;
  box-shadow:0px 0px 10px #444444;
}
#top #title {
  color:#000000;
  background:#ffffff url(/img/web.headerbkg.png) no-repeat scroll top left;
  height:84px;
  position:relative;
  border-bottom:1px solid #bbbbbb;
  z-index:10;
}
#top #title h1 {
  margin:0px;
  position:absolute;
  top:4px;
  left:4px;
}

#top #title ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#top #title ul#menu {
  position:absolute;
  top:64px;
  left:4px;
}
#top #title ul#menu li {
  float:left;
  text-align:left;
  padding:0px;
  margin:0px 0px 0px -1px;
  position:relative;
}
#top #title ul#menu li.selected {
  background:#ffffff url(/img/web.menubkg.png) repeat-x scroll left top;
}
#top #title ul#menu li *.main {
  display:block;
  margin:0px;
  padding:2px 10px 0px 18px;
  height:18px;
  font-size:10pt;
  background:transparent url(/img/icon.bullet_right.png) no-repeat scroll 2px 2px;
  white-space:nowrap;
  text-align:center;
  color:#000006;
  text-decoration:none;
  text-align:left;
  float:left;
}
#top #title ul#menu li ul {
  visibility:hidden;
  position:absolute;
  top:20px;
  left:0px;
  font-weight:normal;
  /* overflow:visible; */
  background:#ffffff url(/img/web.dropmenubkg.png) no-repeat scroll right bottom;
  border:1px solid #bbbbbb;
  border-top:0px none;
  -webkit-box-shadow:0px 3px 10px #333333;
  -moz-box-shadow:0px 3px 10px #333333;
  box-shadow:0px 3px 10px #333333;
  opacity:0;

  -webkit-transition:visibility 0s linear 0.1s,opacity 0.1s linear;
  -moz-transition:visibility 0s linear 0.1s,opacity 0.1s linear;
  -ms-transition:visibility 0s linear 0.1s,opacity 0.1s linear;
  -o-transition:visibility 0s linear 0.1s,opacity 0.1s linear;
  transition:visibility 0s linear 0.1s,opacity 0.1s linear;
}
#top #title ul#menu li ul li {
  float:none;
  width:auto;
  margin:0px;
  position:relative;
  z-index:0;
  line-height:1.3em;
}
#top #title ul#menu li ul li a,
#top #title ul#menu li ul li span {
  display:block;
  margin:0px;
  padding:3px 19px 2px 19px; /* Changing this requires changing the IE js width fix */
  height:16px;
  font-size:9pt;
  background:transparent none no-repeat scroll 2px center;
  white-space:nowrap;
  text-align:left;
  color:#000006;
  text-decoration:none;
  float:none;
}
#top #title ul#menu li ul li span {
  color:#66666f;
  background-image:url(/img/icon.bullet_green.png);
}
#top #title ul#menu li ul li.pdf a {
  background-image:url(/img/icon.bullet_pdf.png);
}
#top #title ul#menu li ul li.img a {
  background-image:url(/img/icon.bullet_picture.png);
}
#top #title ul#menu li ul li.div {
  background-image:none;
  font-weight:bold;
  margin:1px;
  padding:2px 5px 0px 5px;
  font-size:9pt;
  white-space:nowrap;
}
#top #title ul#menu li ul li.parent,
#top #title ul#menu li ul li.parent a {
  background:transparent url(/img/icon.bullet_right.png) no-repeat scroll right center;
}
#top #title ul#menu li ul li.parent ul li a {
  background-image:none;
}

#top #title ul#menu li:hover *.main,
#top #title ul#menu li.hover *.main {
  background:transparent url(/img/icon.bullet_down.png) no-repeat scroll 2px 2px;
}
#top #title ul#menu li:hover ul,
#top #title ul#menu li.hover ul {
  visibility:visible;
  opacity:1.0;
  -webkit-transition-delay:0.1s;
  -moz-transition-delay:0.1s;
  -ms-transition-delay:0.1s;
  -o-transition-delay:0.1s;
  transition-delay:0.1s;
}
#top #title ul#menu li ul li a:hover {
  background-color:rgba(0,0,0,0.08) !important;
  background-color:#dddddd;
}

#top #title ul#menu li:hover ul li ul,
#top #title ul#menu li.hover ul li ul {
  visibility:hidden;
  top:4px;
  left:93%;
  border-top:1px solid #cccccc;
  opacity:0;
  -webkit-transition:visibility 0s linear 0.1s,opacity 0.1s linear;
  -moz-transition:visibility 0s linear 0.1s,opacity 0.1s linear;
  -ms-transition:visibility 0s linear 0.1s,opacity 0.1s linear;
  -o-transition:visibility 0s linear 0.1s,opacity 0.1s linear;
  transition:visibility 0s linear 0.1s,opacity 0.1s linear;
}
#top #title ul#menu li:hover ul li:hover,
#top #title ul#menu li.hover ul li.hover {
  position:relative;
  z-index:1;
}
#top #title ul#menu li:hover ul li:hover ul,
#top #title ul#menu li.hover ul li.hover ul {
  visibility:visible;
  opacity:1.0;
  -webkit-transition-delay:0.1s;
  -moz-transition-delay:0.1s;
  -ms-transition-delay:0.1s;
  -o-transition-delay:0.1s;
  transition-delay:0.1s;
}


#top #title ul#lang {
  position:absolute;
  top:0px;
  right:4px;
  z-index:50;
  font-size:10px;
}
#top #title ul#lang li {
  display:inline;
  padding:0px 0px 0px 4px;
  border-left:1px solid #aaaaaa;
}
#top #title ul#lang li a {
  color:#ffffff;
  text-decoration:none;
}
#top #title ul#lang li a:hover {
  color:#555522;
}

#top #title form {
  position:absolute;
  top:19px;
  right:70px;
  margin:0px;
}
#top #title form fieldset {
  margin:0px;
  border:0px none;
  padding:0px;
  text-align:right;
}
#top #title form fieldset a {
  display:none;
}
#top #title form fieldset label {
  display:block;
  margin:0px;
  padding:2px 3px 0px 0px;
  width:147px;
  height:20px;
  background:#000000 url(/img/web.searchbkg.png) no-repeat scroll left top;
}
#top #title form fieldset label input {
  vertical-align:middle;
  margin:0px;
  font-size:11px;
  width:120px;
  border:0px none;
  background-color:#ffffff;
}

#top #navigation {
  position:absolute;
  top:68px;
  right:3px;
  color:#000000;
  text-align:right;
  font-size:8pt;
  text-kerning:20px;
  z-index:20;
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#top #navigation li {
  background:transparent url(/img/icon.bullet_go.png) no-repeat scroll center left;
  display:inline;
  padding:0px 0px 0px 18px;
}
#top #navigation li a {
  color:#999999;
  background-color:inherit;
  text-decoration:none;
}
#top #navigation li a:hover {
  color:#000000;
}


/* ***** Global content styles ************************************* */
#content {
  text-align:left;
  position:relative;
  z-index:5;
  padding:15px;
  min-height:375px;
}
#content a {
  text-decoration:none;
}
#content a:hover {
  text-decoration:underline;
}

#content #noscript {
  display:block;
  clear:both;
  width:60%;
  padding:30px 0px;
  margin:0px auto;
  text-align:center;
  font-weight:bold;
}
#content #noscript p {
  margin:4px;
}
#content #noscript ul {
  text-align:left;
}

#content a.alternate {
  float:right;
  margin:3px 7px -1em 0px;
  position:relative;
}
#content h2 {
  text-align:left;
  margin:0px 0px 10px 0px;
  padding:4px 5px;
  font-size:22px;
  font-weight:normal;
  color:#000000;
  background:#ffffff url(/img/products.headbkg.full.png) no-repeat scroll left center;
  border:1px solid #cccccc;
  border-bottom:1px solid #888888;
}


#content table.filelist {
  font-size:12px;
  border-top:1px solid #cccccc;
  border-right:1px solid #aaaaaa;
  border-bottom:1px solid #999999;
  border-left:1px solid #aaaaaa;
  border-collapse:collapse;
}
#content table.filelist tr th,
#content table.filelist tr td {
  padding:1px 5px;
}
#content table.filelist thead {
  background:#ffffff url(/img/products.headbkg.full.png) no-repeat scroll right center;
}
#content table.filelist thead tr th {
  text-align:left;
  font-size:14px;
  padding:4px 40px 4px 5px;
  border-left:1px solid #bbbbbb;
  border-bottom:1px solid #888888;
}
#content table.filelist thead tr th.icon {
  padding:4px 5px;
}
#content table.filelist tbody tr th {
  text-align:left;
  padding:2px 75px 2px 5px;
}
#content table.filelist tbody tr td {
  text-align:right;
}
#content table.filelist tbody tr.dark th,
#content table.filelist tbody tr.dark td {
  background-color:#eeeeee;
}



/* ***** Sidebar featured tools ************************************ */
#content ul li.feature {
  width:186px;
  height:45px;
  margin:5px auto;
  padding:0px 6px 0px 0px;
  background:#ffffff url(/img/products.columnbar.png) no-repeat scroll right bottom;
  text-align:left;
  font-size:11px;
  font-weight:normal;
}
#content ul li.feature img {
  float:left;
  margin:0px 5px 0px 0px;
}
#content ul li.feature span {
  cursor:pointer;
  display:block;
  padding:4px 5px 14px 0px;
  font-weight:normal;
}
#content ul li.feature span img {
  float:none;
  display:inline !important;
  margin:auto;
}
#content ul li.center {
  text-align:center;
  font-size:11px;
  font-weight:normal;
}
#content ul li.center span {
  display:block;
}


/* ***** Footer **************************************************** */
div.clear {
  height:1px;
  clear:both;
  margin-bottom:5px;
}
address {
  position:absolute;
  top:100%;
  left:0px;
  padding-top:10px;
  height:50px;
  width:955px;
  text-align:right;
  color:#000000;
  font-size:11px;
  font-style:normal;
  opacity:0.6;
  filter:alpha(opacity=60);
}
address span {
  display:block;
}


/* ***** Error ***************************************************** */
#content #error {
  text-align:left;
  width:80%;
  margin:20px auto 0px auto;
}


/* ***** Secure Overrides ****************************************** */
html#secure {
  background:#aaaaaa;
}
html#secure #content img#banner {
  float:right;
}

html#secure #content ul {
  font-size:14px;
}
html#secure #content ul li {
  margin:5px 0px;
}
html#secure #content ul li img {
  vertical-align:middle;
}


/* ***** Print Rules *********************************************** */
@media print {
  body {
    border:0px none;
  }

  #top #navigation {
    top:44px;
  }

  #top #title ul#lang,
  #top #title ul#menu {
    display:none;
  }

  #top #title {
    height:60px;
  }

  #content a.alternate {
    display:none;
  }

  address {
    position:static;
    height:17px;
  }
  address span {
    display:none;
  }
}