body {
    margin: 5px;
    font-family:"bitstream vera sans",sans-serif;
    font-size:0.9em;
  }
  h1 {
    margin-top:0.3em;
    margin-bottom:0.3em;
    font-size:1.4em;
  }  
  h2 {
    margin-top:0.5em;
    margin-bottom:0.5em;
    font-size:1.2em;
    border-bottom:dotted 1px grey;
  }
  h3 {
    margin-top:0.3em;
    margin-bottom:0.3em;
  }
  h4 {
    margin-top:0.3em;
    margin-bottom:0.5em;
  }
  
  img {
    border:none;
  }
  input[type="number"]:focus, input[type="text"]:focus, input[type="number"]:hover, input[type="text"]:hover{ 
    background-color: yellow;
    font-weight: bold;
  }  
  p {
    margin-top:0em;
  }
  #addThis{
    width:80px;
    margin:0 auto;
    padding:10px;
  }

  #content {
    width:100%;
    padding-left:0.5em;
    padding-right:0.5em;
  }

  #content input[type="number"], #content input[type="text"]{ 
    font-size: 1.1em;
    font-weight: bold;
    text-align:center;
    width:100px;
  }
  
  #content input[type="submit"],#content input[type="button"]{ 
    font-size: 1.1em;
    font-weight: bold;
    text-align:center;
    width:100px;
  }
  #content li{
    
  }
  #content table{
    font-size:1em; 
    margin-right:auto; 
    margin-left:auto; 
    margin-top:15px; 
    margin-bottom:10px; 
    border:solid;  
    border-collapse:collapse; 
    border-color:#C0C0C0; 
    border-width:2px; 
  }
  #content table thead{
    background:#FFFFCC;
  }
  #content table thead th{
    border: solid #C0C0C0 1px;
    padding:2px; 
  }
  #content table td{
    border:solid; 
    border-color:#CCCCCC; 
    border-width:1px; 
    padding:2px; 
    text-align:center;
  }

  #content table.x-large{
    width:95%;
  }
  #content table.large{
    width:80%;
  }
  #content table.medium{
    width:60%;
  }
  #content table.small{
    width:40%;
  }
  #content table.x-small{
    width:20%;
  }  

  #content .ad {
    margin-bottom: 1em;
  }

  #content img {
    height: auto;
    max-width:100%;
  }

  #content .result { 
    font-size: 1.1em;
    color:red;
    font-weight: bold;
    text-align:center;
  }
  #contribute img{
    max-width: 100%;
  }

  #convert {
    margin-top:1em;
  }
  #convert blockquote p{
    background-color:#ffffcc;
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
    padding-left:25%;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  
  #convert blockquote{
    margin-top:-15px;
    padding:10px;
    width:80%;
    margin:0 auto;
    margin-top:-25px;
  }
  
  #convert input[type='text']{
    text-align:center;
    width:60%;
  }
  
  #convert p{
    margin-top:0px;
  }

  #convertIndex {
    clear:both;
    width:100%;
    overflow:auto;
  }

  #convertIndex div{
    width:14%;
    float:left;
    margin:1px;
    text-align:center;
  }

  #convertIndex div blockquote{
    margin-top:0px;
    margin-left:0.0em;
    width:100%;
  }
  #convertIndex div p{
    margin-top:0px;
    margin-bottom:0px;
  }
  #convertIndex div blockquote p{
    background-color:#ffffcc;
    margin-left:0.5em;
    padding-left:0.5em;
    text-align:left;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:0.8em;
  }
  
  #convertIndex div blockquote p input[type='text']{
    font-weight: normal;
    font-size:0.9em;
    width:85%;
  }
  
  #convertIndex div blockquote p input[type='button']{
    font-weight: normal;
    font-size:0.9em;
    width:90%;
  }  
 
  
  #header {
    width:100%;
  }

  #headerAd {
    position:absolute;
    top:10px;
    right:10px;
    visibility:hidden;
    height:50px;
    width:728px;
    text-align:center;
    background-color:white;
  }
  #headerInfo {
    clear:both;
    width:100%;
  }
  #headerLinkUnit{
    margin:5px;
  }
  #headerLogo {
  }
  #info {
    clear:both;
    width:100%;
    padding:5px;
  }
  #main {
    width:100%;
    width:100%;
  }
  
  #msg {
    display: none;
    background-color:white;
    position: fixed;
    top:20%;
    height:60%;
    width:70%;
    left:15%;
    padding:10px;
    border:2px solid;
    border-radius:5px;
    overflow: auto;
    background-color:#ffffcc;
  }
  #msgClose {
    color:blue;
    font-size: larger;
    text-align:right;
    text-decoration: underline;
  }
  #msgClose:hover{
    color:red;
    cursor: pointer;
  }
    
  #nav {
    border-right:dotted 2px grey;
    width:100%;
    text-align: center;
    margin-bottom:30px;
  }
  
  #nav li{
    margin:0.7em;
  }
  #navApps a {
    text-decoration: none;
  }

  #navApps img {
    width:50px;
    height:17px;
  }
  
  #navLinkUnit{
  }
  
  #plusshare {
    margin: 0 auto;
    width:70%;
  }
  
  #printer_friendly img {
    width:60px;
    border:solid grey 1px;
    border-radius: 3px;
  }

  #share {
    width:80%;
    margin: 0 auto;
    background-color:#ffffcc;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom:-20px;
  }

  #sidebar {
    width:100%;
    text-align:center;
  }

  #sidebarR {
    background-color:white;
  }
  
  #tools {
      width:80%;
      margin: 0 auto;
      background-color:#ffffcc;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding-bottom:-20px;
    }
  #tools h3{
    font-family: Arial Narrow ;
  }
    
    

  #wrap {
    width:100%;
  }

  #menu {
    width:100%;
    font-size: 0.9em;
    margin-top:1em;
    margin-bottom:1em;
  }
  #menu ul{
    margin-left:-25px;
    text-align:left;
  }
  #menu ul li{
    margin-top:0.2em;
    margin-bottom:0.2em;
  }
 
  #menu a {text-decoration:none;}
  #menu a:hover {text-decoration:underline;}
  
  #stickyunit {
    clear:both;
    
  }
  #topmenu li ul { display:none;}
  .menunormal ul#topmenu li ul {display:block;}
  .currentTopic span {text-decoration:underline; color:red;}
  .currentTopic ul li span {font-weight:normal; text-decoration:none;}
  
  .adblo{
    background-color:red;
    padding:1em;
    width:95%;
    margin:1em;
  }
  .adblo p{
    color:white;
  }
  
  .adblo h3 span{
    color:black;
    font-size:1.2em;
    font-family: Arial Narrow; 
  }
  
  .bold{
    font-weight: bold;
  }
  .center {
    text-align:center;
  }
  .contentDocumentAd {
    padding-bottom:0.7em;
  }
  .ccffff{
    background-color:#CCFFFF;
  }  
  .ffffff{
    background-color:#FFFFFF;
  }
  .ffffcc{
    background-color:#FFFFCC;
  }
  .ffff99{
    background-color:#FFFF99;
  }
  .ffff66{
    background-color:#FFFF66;
  }
  .red {
    color:red;
  }
  .googleSearch img {
    vertical-align: middle;
  }
  #content .googleSearch input[type="text"]{ 
    font-weight: normal;
    width:200px;
  }
  .googleSearch input[type="text"]{
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
    width:200px;
  }
  .googleSearch input[type="submit"]{ 
    font-size: 1.1em;
    font-weight: bold;
    text-align:center;
    width:100px;
  }
  .large {
    font-size: large;    
  }
  .left {
    text-align:left;
  }
  .relatedList li{
    margin:0.5em;
  }
  .right {
    text-align:right;
  }
  .sketchupImg {
    width:100%;
    max-width: 700px;
    margin-top:5px;
  }
  .smaller{
    font-size:0.8em;
  }
  .sponsoredLinks {
    text-align:right;
    font-size:0.8em;
    margin:2px;
  }  
  
  .techStreet {
  }

  .tradePub120 table{
    width:100%;
  }
  
  .translateContent {
    
  }
  
  .translateContent li[lang='en'] {
    text-decoration:underline;
    color:blue;
  }
  .translateContent li[lang='es'],li[lang='de'] {
    text-decoration:underline;
    color:grey;
  }
  .translateContent li:hover {
    cursor:pointer;
  }
  
  .topicAd_336_280 {
    clear:both;
    float:left;
    border-right:dotted 2px grey;
    margin-right:0.5em;
    padding-bottom:0.7em;
    padding-right:0.5em;
  }

@media all and (max-width: 350px) {
  #convertIndex div blockquote p{
    margin-left:0em;
    padding-left:0em;
    font-size:0.7em;
  }
  #convertIndex div blockquote p input[type='text']{
    width:100%;
  }
  #convertIndex div blockquote p input[type='button']{
    width:100%;
  }
  
}
  
@media all and (max-width: 500px) {
  .googleSearch img {
    vertical-align: middle;
  }
  #content .googleSearch input[type="text"]{ 
    font-weight: normal;
    width:50%;
  }
  .googleSearch input[type="text"]{
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;
    width:50%;
  }
  #content .googleSearch input[type="submit"]{ 
    font-size: 1.0em;
    font-weight: bold;
    text-align:center;
    width:20%;
  }
  #headerLinkUnit {
    display: none;
  }  
  .googleSearch input[type="submit"]{ 
    font-size: 1.0em;
    font-weight: bold;
    text-align:center;
    width:20%;
  }  
}

@media all and (max-width: 700px) {
  body {
    font-size:0.6em;
  }
  #content blockquote {
    margin-left:3%;
  }
  
  #content table.x-large{
    width:99%;
  }
  #content table.large{
    width:95%;
  }
  #content table.medium{
    width:85%;
  }
  #content table.small{
    width:65%;
  }
  #content table.x-small{
    width:50%;
  }   
  #convert p{
    padding-bottom: 10px;
  }  
  #convert blockquote p{
    padding-left:45%;
    height: inherit;
  }  
  #convert input[type='text']{
    max-width:60%;
    margin-left: -20%;
    height:20px;
    font-size:1.5em;
  }
  #info {
    border-bottom:dotted 2px;
    margin-bottom:10px;
    padding-bottom:10px;
  }
  #menu {
    margin-left:2em;
    font-size: 1.2em;
  }
  #menu ul li{
    margin-top:0.2em;
    margin-bottom:0.2em;
  }
  #nav {
    border-right:none;
  }
  #nav li{
    margin:1em;
  }
  #sidebar {
  }
  #sidebar .tradePub120{
    visibility: hidden;
  }  
  #sidebar .techStreet{
    visibility: hidden;
  }
  #stickyunit {
    margin:auto;
    width:320px;
    text-align:center;
    //background-color:blue;
  }
  .contentDocumentAd{
    width:340px;
    float:none;
    margin:auto;
    border-right:none;
  }
  .topicAd_336_280 {
    width:320px;
    float:none;
    margin:auto;
    border-right:none;
    //background-color:green;
  }
  
}

@media all and (max-width: 1035px) and (min-width: 701px) { 
  #convert blockquote p{
    padding-left:45%;
    height: inherit;
  }  
  #convert input[type='text']{
    max-width:60%;
    margin-left: -20%;
    height:20px;
    font-size:1.5em;
  }
  #menu ul li{
    margin-top:1em;
    margin-bottom:1em;
  }
  #stickyunit {
    margin:auto;
    width:750px;
    text-align:center;
    //background-color:blue;
  }
  .contentDocumentAd{
    margin:auto;
    width:750px;
    text-align:center;
    //background-color:green;
  }
}

@media all and (max-width: 1080px) and (min-width: 1036px) {
  #main {
    position:absolute;
    left:180px;
    width:730px;
  }  
  #nav {
    float:left;
    width:170px;
  }
  #sidebar {
    position:fixed;
    top:650px;
    left:920px;
    width:200px;
  }
  #stickyunit {
    position:fixed;
    top:30px;
    left:930px;
  }
}

@media all and (max-width: 1320px) and (min-width: 1081px) {
  #main {
    position:absolute;
    left:180px;
    width:730px;
  }  
  #nav {
    float:left;
    width:170px;
  }
  #sidebar {
    position:fixed;
    top:650px;
    left:920px;
    width:200px;
  }
  #stickyunit {
    position:fixed;
    top:30px;
    left:930px;
  }
}

@media all and (min-width: 1321px) {
  #main {
    position:absolute;
    left:180px;
    width:980px;
  }  
  #nav {
    float:left;
    width:170px;
  }
  #sidebar {
    position:fixed;
    top:650px;
    left:1165px;
    width:310px;
  }
  #stickyunit {
    position:fixed;
    top:30px;
    left:1170px;
  }
}