/* www.smartinnova.com */

/*** HTML tags ***************************************************************/

body {
  margin: 0;
  text-align: center;
  background-color: #3c3;
  }
a:link, a:visited, a:active {
  text-decoration: none;
  color: #be0;
  }
a:hover { text-decoration: underline; }
/* Link image appears after an external URL */
a[href^="http"]:after { content: url("img/external-link.png"); }
/*** Don't show a link image after an image ***/
.img a[href^="http"]:after {
  content: normal;
  }

acronym {
  border-bottom: 1px dotted #efb;
  cursor: help;
  }
h3 { font-size: 90%; color: #be0; }
h4 { font-size: 80%; color: #be0; }
sub { font-size: 70%; vertical-align: -35%; }
sup { font-size: 70%; vertical-align: 35%; }

/*** Classes *****************************************************************/

.flag-s {  /***used in gw-cpud.php***/
  width: 2em;
  padding: 0;
  vertical-align: middle;
  }
.flag-s img {
  width: 2.5em;
  border: 0;
  margin: auto 0 auto -0.375em;
  }

.img-std {
  width: 25em;
  border: 0;
  }
.img-200 {
  width: 12.5em;
  padding: 0.13em;
  border: 0;
  }
.img-cap {
  padding-left: 1.33em;
  text-indent: 0em;
  }
.img-popup {  /***used in menu***/
  display: none;
  width: 13.9375em;
  border: 0.0625em solid #333;
  margin: -0.0625em 0 0 -0.0625em;
  }
.img-wipologo {
  width: 15em;
  border: 0;
  margin-left: -0.5em;
  }
.img-wipoip { width: 26.7em; border: 0; }

.patent, .patent-small {
  margin: 1em 0 1em 0;
  padding: 0 0.5em 0.5em 0.5em;
  font-family: "Times New Roman", serif;
  color: #000;
  background-color: #fff;
  }
.patent h4 { text-align: left; }
.patent { width: 46.5em; font-size: 75%; }
.patent-small { width: 27.75em; padding-top: 0.25em; }
.patent-small p { font-size: 90%; }

.small  { font-size: 80%; }
.title3 { font-weight: bold; color: #be0; }

/*** IDs *********************************************************************/

#frame {
  width: 45.625em;
  margin: 0 auto 0 auto;
  border-right: 0.0625em solid #333;
  border-bottom: 0.0625em solid #333;
  border-left: 0.0625em solid #333;
  text-align: left;
  font-family: arial,helvitica,sans-serif;
  background-color: #050;
  }


#header {
  width: 100%;
  height: 5em;
  border-bottom: 0.125em solid #333;
  background-color: #050;
  }
#head-imgs img {
  height: 5em;
  width: 7.5em;
  margin-right: -0.19em;
  }
/*#head-title {
  position: relative;
  left: 3em;
  top: -1.25em;
  font-size: 150%;
  font-weight: bold;
  color: #be0;
  }*/
#head-logo {
  position: relative;
  left: 2.625em;
  }
#head-logo img {
  height: 5em;
  border: 0;
  }


#container, #containerwide {
  height: 99%;
  overflow: hidden;
  margin: 0;
  background-color: #050;
  }
#container { padding-left: 14em; }
#containerwide { padding-left: 8em; }
* html #container {
  height: 1%; /* So IE plays nice */
  }


#main, #mainwide {
  margin-top: 0;
  float: right;
  min-height: 55em;
  vertical-align: top;
  color: #efb;
  background-color: #2e8b57;
  }
#main {
  width: 31.625em;
  border-left: 14em;
  margin-left: -14em;
  }
#mainwide {
  width: 37.625em;
  border-left: 8em;
  margin-left: -8em;
  }
#main h3, #main h4, #mainwide h3, #mainwide h4 {
  text-indent: 0;
  }


#content {
  margin-top: -1.32em;
  padding: 1.25em 1em 1em 1em;
  }
#content p, #content ul, #content td {
  margin-top: 0;
  margin-bottom: 1.5em;
  font-size: 80%;
  }
#content div.photo, .center { text-align: center; }
#content #toplink { margin-bottom: 0; }

#contact {
  padding: 0.4em 0 0.5em 1.0em;
  border-top: 0.0625em solid #333;
  font-size: 80%;
  background-color: #2e8b57;
  }


#menu, #menunarrow {
  display: inline; /* So IE plays nice */
  float: left;
  background-color: #050;
  }
#menu { width: 14em; margin-left: -14em; }
#menunarrow { width: 8em; margin-left: -8em; }
.menuhdr {
  padding: 0.5em 0.25em 0 0.25em;
  text-transform: capitalize;
  border-bottom: 0.0625em solid #333;
  font-style: italic;
  font-weight: bold;
  font-size: 75%;
  color: #be0;
  }
.menuitem {
  padding: 0.1875em 0.5em 0.25em 1.25em;
  border-bottom: 0.0625em solid #333;
  text-indent: 0em;
  font-size: 70%;
  color: #fff;
  }
.menuitem a, .menuitem a:active, .menuitem a:visited {
  text-decoration: none;
  color: #fff;
  }
.current {
  font-variant: small-caps;
  font-weight: bold;
  }
/*** Don't show a link image in the menu ***/
#menu a[href^="http"]:after, #menunarrow a[href^="http"]:after {
  content: normal;
  }


#cpud { border-collapse: collapse; }
#cpud td {
  padding-left: 0.375em;
  border: 0.0625em solid #333;
  }
#cpud .cptitle {
  border-top: 0.125em solid #333;
  font-weight: bold;
  background-color: #080;
  }
#cpud .cphead0, #cpud .cphead1  { background-color: #060; }
#cpud .cphead0 td { font-weight: bold; }