a {text-decoration:none;}
a:hover {color:red;text-decoration:underline;}

h1 {margin-top:0.3em;margin-bottom:0.2em;font-size:1.4em;}  
h2 {margin-top:0.3em;margin-bottom:0.3em;font-size:1.2em;border-bottom:dotted 1px grey;}
h3 {margin-top:0.3em;margin-bottom:0.4em;font-size:1.1em;}
h4 {margin-top:0.3em;margin-bottom:0.3em;font-size:1.0em;}

img {border:none;}

input[type="number"], input[type="text"], input[type="Xbutton"], input[type="submit"] {width:15%;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.3em;}
.center {text-align:center;}
.hide {visibility: hidden;}3
.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;}
        .adblo a:hover {color: #fff;}
.tabButton {background-color:white;color:blue;border:solid 1px grey; padding-top:0.2em;padding-left:0.2em;padding-right:0.2em;margin-top:0.2em;border-radius: 0.3em;font-size: 0.9em;font-weight: normal;}
.tabButton:hover {cursor: pointer;}

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;}
            .Xsearch div div {width:100%; background-color:white; padding:0px; width:98%;margin-left:2px; Xmargin:0 auto;}
                Xbutton.gsc-search-button {background-color:blue; border: solid 1px red; border-radius: 5px;}
                Xbutton.gsc-search-button:hover {cursor:pointer;}
                .Xgsc-search-box {background-color: #ffffcc; padding:1px;width:60%;}
                .Xgsib_b {padding-right:10px;}
                .Xsearchnote {text-align: right;font-size: 0.8em;padding-top:4px;}
        #content {clear:left;}
            .smallView {display: none;}
            #content li{}
            #content img {height: auto;max-width:100%;}
            #content input[type="text"]{width:5em;}
            #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;}    
            #contentHtml a:visited {color:#1E90FF;}
            #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:10%;}
                #convert input[type="number"] {width: 80%;}
            
        #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:100px;margin:0 auto;margin-bottom:0.8em;margin-top:0.8em;text-align:center;}
#adSlotDoc2 {width:100%;height:100px;margin:0 auto;text-align:center;margin-bottom:1em;margin-top:0.8em;}
#adSlotStickyRight {width:100%;height:100%;max-height:620px;margin:0 auto;text-align:center;}
#adSlotStickyLeft {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; }


.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:0.8em;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:0.2em;width:100%;font-height:0.8em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}










@media all and (max-width: 560px){

    h1 {margin-top:0em;}
    #adSlotDoc1, #adSlotDoc2, #adSlotTop1, #adSlotTop1B, #adSlotTop2, #adSlotTop2B  {width:90%;}
    canvas {width:95%;}
    .smallView {display: inline;}
    .smallHide {display:none;}
	.adblo {font-size:0.8em;}
    
}
@media all and (min-width: 561px){
    
}

@media all and (max-width: 750px){
    body {font-size:1.0em;}
    p {margin-bottom:1.0em;line-height: 150%;}
    a {margin-right:1.0em;}
        .Xsearch input[type="submit"]{width:30%;}
		#convertIndex {font-size:0.6em;}
            #convertIndex div {width:14%;margin:0px;}	
	#adSlotDoc2 {height:300px;}
    #adSlotStickyRight {height:300px; width:90%;}
			
}

@media all and (min-width: 600px){
    #linkUnit1 {width:100%;height:20px;display:block;  }
    .Xsearch {height:22px;}
        .Xsearch 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.9em}
        #content input[type="text"]{width: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;}

}

@media all and (max-width: 1049px){
    #adSlotStickyRight {height:300px; width:90%;}
}


@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: 10px;left: 950px;width:130px; margin-right:1em;}

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

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

@media all and (min-width: 1220px){
    #right {width:310px;}
    #adSlotStickyRight {position:fixed;top:100px;left:950px;width:300px;}
}

@media all and (min-width: 1490px){
    #linkUnit1 {width:1160px;}
    #center {width:980px; }
    #right {left: 1190px;}
    #adSlotStickyRight {position:fixed;top:100px;left:1190px;width:300px;}
}

@media all and (min-width: 2730px){
    #top {position:absolute;left:310px;}
    #left {left:310px;top:120px;}
    #adSlotStickyRight {position:fixed;top:100px;left:1500px;width:300px;}
    #adSlotStickyLeft {position:fixed;left:5px;top:140px;width:300px;}
    #center {left:490px;;top:120px;}
    #right {left: 1500px;}	
}
