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"], input[type="text"], input[type="button"], input[type="submit"] {font-weight: bold;text-align:center;border: solid 1px grey;background-color:white;-moz-border-radius: 3px;border-radius: 3px;} 
input[type="number"]:focus, input[type="text"]:focus, input[type="number"]:hover, input[type="text"]:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="radio"]:hover, 
textarea:hover, textarea:focus {background-color: yellow;font-weight: bold;cursor:pointer;}  
p {margin-top:0em;}
blockquote {margin-left:1em;}
ul li {margin-bottom:0.5em;}
.center {text-align:center;}
.hide {visibility: hidden;}
.red {color:red;}
.right {text-align:right;} 
.it {font-style: italic;}
.small {font-size:0.9em;}
.xsmall {font-size:0.7em;}
.xxsmall {font-size:0.5em;}
.adblo { padding:1em;width: 95%;margin: 1em;background-color:red;}
    .adblo p {color: #fff;}
        .adblo h3 span {color: #000;font-size: 1.2em;}

body {margin:0.5em;font-family:"bitstream vera sans",sans-serif;font-size:0.7em;}

    #top {}
        #logo {}
            #logo img {max-width:100%;}
        #linkUnit1 {display:none;}
            
    #center {width:100%;margin:0 auto;}
        .search {width:100%;margin-top:0.5em;margin-bottom:0.5em;height:40px;}
            .search div {width:100%; }
                .search div div {width:95%;}
                .search input[type="text"]:hover {border-color:red;}
        #content {clear:left;}
            #content li{}
            #content img {height: auto;max-width:100%;}
            #content .result {font-size: 1em;color:red;font-weight: bold;text-align:center;}    
            #content table{font-size:0.8em; 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 tr:hover {background:#FFFFCC;}
                #content table td{border:solid; border-color:#CCCCCC;border-width:1px; padding:2px; text-align:center;}
                #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%;}
                #content blockquote {margin-left: 3%;}
            .imageFile {height:50px;width:50px;}    
            #convertIndex {clear:both;width:100%;overflow:auto;margin:0 auto;}
                #convertIndex div {width:14%;float:left;margin:1px;text-align:center;}
                    #convertIndex div p{margin-top:0px;margin-bottom:0px;}
                    #convertIndex div blockquote{margin-top:0px;margin-left:0.0em;width:100%;}
                        #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%;}  
            #below {}
                .translateContent {}
                    .translateContent li[lang=en] {text-decoration: underline;color: #00f;}
                    .translateContent li[lang=es],li[lang=de] {text-decoration: underline;color: grey;}
                    .translateContent li:hover {cursor: pointer}
                #linkUnit3 {width:95%;height:100px;margin:0 auto;text-align:center; }
                #sketchup img {width: 100%;max-width: 700px;margin-top: 5px;}
                #msg {display: none;position: fixed;top:20%;height:60%; width:70%;left:15%;padding:10px; border:2px solid;overflow: auto;background-color:white;z-index:3;}
                    #msgClose {color:blue;font-size: larger;text-align:right;text-decoration: underline;}
                    #msgClose:hover{color:red;cursor: pointer;}
    
    
    #left {margin:0 auto;text-align:center;}
        #linkUnit2 {width:95%;height:100px;margin:0 auto;text-align:center; }
        #apps{text-decoration: none}
            #apps img {width: 50px;height: 17px;}
        
        #menu {width:90%;}
        #menu ul li{margin-top:0.2em;margin-bottom:0.2em;margin-left:0.3em;}
            #topmenu {visibility: hidden;width:93%;}
                #topmenu a {text-decoration:none;}
                #topmenu a:hover {color:red;text-decoration:underline;}
                #topmenu ul {padding-top:0.5em;text-align:left;}
                #topmenu > ul {list-style-type:none;}
                #topmenu > ul > li > ul {list-style-type:square;}
                #topmenu > ul > li > ul > li > a > span {font-weight: bolder;}
                #topmenu > ul > li > ul > li > ul {list-style-type:circle;margin-left:1em;}
                #topmenu > ul > li > ul > li > ul > li > ul {list-style-type:none;margin-left:1em;}
                .currentTopic {color:red;}
        
        #convert {margin-top:1em; width:150px; font-size: 0.9em;margin:0 auto;clear:both;}
            #convert div blockquote{width:80%;margin:0 auto; margin-top:-10px; margin-bottom:10px; padding:1px;background-color:#ffffcc;}
                #convert div blockquote p{text-align:left;padding-left:22%;}
            
        #calculator{}
        
        #tstamp{font-size:0.7em;}
    
    #right {text-align: center;}
       #share {background-color:#ffffcc; width:90%;margin:0 auto;padding:0.3em;margin-bottom:0.5em;}
       #tools {background-color:#ffffcc; width:90%;margin:0 auto;padding:0.5em;}

#adSlotDoc1 {width:100%;height:100%;max-height:300px;margin:0 auto;margin-bottom:0.8em;text-align:center; }
#adSlotDoc2 {width:100%;height:100%;max-height:300px;margin:0 auto;text-align:center;margin-bottom:2em; }
#adSlotStickyRight {width:100%;height:100%;max-height:620px;margin:0 auto;text-align:center;}
#adSlotTop1 {width:100%;height:100%;max-height:300px;margin:0 auto;text-align:center; }
#adSlotTop1B {width:100%;height:100%;max-height:110px;margin:0 auto;text-align:center; }
#adSlotTop2 {width:100%;height:100%;max-height:300px;margin:0 auto;text-align:center;  }
#adSlotTop2B {width:100%;height:100%;max-height:110px;margin:0 auto;text-align:center; }



@media all and (max-width: 750px){
        .search input[type="submit"]{width:30%;}
        #convertIndex {font-size:0.6em;}
            #convertIndex div {width:14%;margin:0px;}
}

@media all and (min-width: 600px){
    #linkUnit1 {width:100%;height:20px;display:block;  }
    .search {height:22px;}
        .search div {width:50%; float:left;height:100%;}
    #content table{font-size:0.7em;}

}

@media all and (min-width: 730px){
    ul li {margin-bottom:0.4em;}
    body {font-size:0.8em}
        #content table{font-size:0.8em;}
        #adSlotTop1 {width:336px;height:300px;float:left;margin-right:0.5em;padding-right:0.5em;border-right:dotted 2px grey;}
        #adSlotTop2 {width:336px;height:300px;float:left;margin-right:0.5em;padding-right:0.5em;border-right:dotted 2px grey;}
        blockquote {margin-left:2em;}

    #adSlotDoc2 {max-height:620px;}
}

@media all and (min-width: 1050px){
    ul li {margin-bottom:0.3em;}
    body {font-size:0.9em;}
        #menu {width:100%;font-size: 0.9em;margin-top:1em;margin-bottom:1em;margin-left:1em;}
            #topmenu ul {margin-left:0em; padding-left:0.1em;padding-top:0.1em;}
    
        #linkUnit1 {width:920px;}
        #center {position:absolute;left:180px;width:740px; }
            
                #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%;}  
        #left {position:absolute;left:0px;width:160px; padding:0.4em;margin-top:1em;border-right: dotted 2px grey;}
        #right {position: fixed;top: 770px;left: 930px;width:130px; margin-right:1em;}

    #adSlotStickyRight {position:fixed;top:130px;left:930px;width:130px;}
    
}

@media all and (min-width: 1130px){
    ul li {margin-bottom:0.2em;}
    #right {width:170px;}
    #adSlotStickyRight {width:170px;}
}

@media all and (min-width: 1220px){
    #right {width:310px;}
    #adSlotStickyRight {width:300px;}
}

@media all and (min-width: 1490px){
    #linkUnit1 {width:1160px;}
    #center {width:980px; }
    #right {left: 1180px;}
    #adSlotStickyRight {left:1180px;}
}

@media all and (min-width: 1700px){
    
}