@import url(https://fonts.googleapis.com/css?family=Bitter:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
/* @import url(https://db.onlinewebfonts.com/c/8984ea7fcbebdcfe77fbbc1b86e7cfe6?family=Arial+Black);
 * */
@import url(fonts/ArialBlack.css?family=Arial+Black:400,900);


html                         { margin:0; padding:0; font: 9pt 'Open Sans',normal,Verdana,Helvetica,Arial,sans-serif; height: 100%; }
body                         { margin:0; padding:0; font: 9pt 'Open Sans',normal,Verdana,Helvetica,Arial,sans-serif; height: 100%; }
th,td                        { vertical-align:top; }
p                            { line-height: 1.75em; }
h1                           { text-align:center; font-size:1.3em; }
h4                           { margin:30px 0 10px 0; padding: 0 0 2px 15px; border-bottom: 1px solid #d0d0d0; }
legend                       { background:#f0f0f0; padding:0 10px; margin-left:20px; border:1px solid #c0c0c0; }
fieldset                     { border-style: dashed; font-size: 10pt; margin-bottom: 50px; }
fieldset.box                 { border-style: solid; padding: 20px; box-shadow: 10px 10px 8px #888888; }
fieldset.shine               { border-style: none; padding: 20px; box-shadow: 0 0 15px #ccc; }
fieldset.shine legend        { border-style: none; background: #ffffff; box-shadow: 0 0 15px #ccc; }
fieldset table               { margin:15px 0; }

#ptxdisc                     { padding: 10px 15%; width: 70%; background: #052f86; font-weight: bold; font-size: 0.9em; color: #d0d0ff; text-align: center; 
                               border-top: 1px solid blue; line-height: 2em; position: fixed; bottom: 0; z-index: 999; opacity: 0.8; }
#ptxdisc a                   { color: #ffffff; margin: 0 20px; }

#ptxhead                     { position: fixed; width: 100%; height: 60px; margin: 0; top: 0; border-bottom: 1px solid #24befe; z-index: 20; }
#ptxfoot                     { position: absolute; width: 100%; padding: 20px 0; border-top: 1px solid #e0e0e0; text-align: center; font-size: 0.7em; z-index: 90; color: #a0c0f0;  }

#ptxhead                     { background: #002984; /* Old browsers */
                               background: -moz-linear-gradient(-45deg, #002984 0%, #2989d8 40%, #002984 100%); /* FF3.6-15 */
                               background: -webkit-linear-gradient(-45deg, #002984 0%, #2989d8 40%, #002984 100%); /* Chrome10-25,Safari5.1-6 */
                               background: linear-gradient(135deg, #002984 0%, #2989d8 40%, #002984 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002984', endColorstr='#002984', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                             }
#ptxfoot                     { background: #002984; /* Old browsers */
                               background: -moz-linear-gradient(-45deg, #002984 0%, #2989d8 50%, #002984 100%); /* FF3.6-15 */
                               background: -webkit-linear-gradient(-45deg, #002984 0%, #2989d8 50%, #002984 100%); /* Chrome10-25,Safari5.1-6 */
                               background: linear-gradient(135deg, #002984 0%, #2989d8 50%, #002984 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002984', endColorstr='#002984', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
                             }

#ptxhead a                   { text-decoration: none; }
#ptxtile                     { background-image: url(pattern4b.png); opacity: 0.1; width: 100%; height: 100%; position: absolute; z-index: -1; display: none; }
#ptxlogo                     { float: left; } 
#ptxlogo a                   { background: url(naclogo1024.png) no-repeat; display: block; width: 268px; height: 50px; margin: 5px 0 0 80px; padding: 0; }

#ptxpage                     { margin-top: 80px; height: auto !important; height: 90%; min-height: 90%; x-padding-bottom: 100px; position: relative; }
#ptxleft                     { min-width: 120px; height: 100%; float: left; x-background: #f8f8f8; position: fixed; display: none; font-size: 1.3em; z-index: 50; }
#ptxleft.on                  { display: block; background:#e8e8e8; }
#infobox                     { float: none; margin: 30px auto 0 20px; }

/* language selector */
#langbtn                     { text-align: center; margin-top: 50px; }
.lc_btn                      { display: inline-block; width: 42px; height: 25px; }
.lc_us                       { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcBAMAAADlzjDYAAAAMFBMVEUDAz2YAQKaAACMAAFJSXUhJF5ycpCxM0HHd4LHeYXYrq+SkqjNxszp2+D////9/v0xGYu1AAAACXBIWXMAAC4jAAAuIwF4pT92AAABDUlEQVQoz2PYEuIaEuoS6hri6l4OA5UMW47GJOSEHuFe4BuoBAMaDFu3eKd4u2xxS/GKWgUDaxi2cl+IDzjF8oE3ge8dHDBsucqzIZf1CvcB/5i7cAA0wc3FzSXFLcU7WNkYCiyAJhyIDzgNMiGicyYUdDFs+cq7IZfhCtcBP2Rzt6akuLmlgAheuOBfmAkXeBMClZXh5m55ADLhC9eBuHC436oYtgJtd0lz2eLtgmIu94FYh9UsV3lSEaLvoW4AmuCPCAdNhg0BrAGhDKGsAazMSKL/3mGC9wzvsAGG5eWYoIqh2RgTWDDcx2LAXxzmrpiJCbpwmHsXG8Bh7qlVmGANQ5MSJtBgmI7Fb5UAZ9JFHTCTyTIAAAAASUVORK5CYII=) left/contain no-repeat; }
.lc_en                       { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAcCAMAAAAp1X2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY5OEIyODg3REZGMTFFQkE2OUZBQzZFRjUxQzY1NzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY5OEIyODk3REZGMTFFQkE2OUZBQzZFRjUxQzY1NzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Rjk4QjI4NjdERkYxMUVCQTY5RkFDNkVGNTFDNjU3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Rjk4QjI4NzdERkYxMUVCQTY5RkFDNkVGNTFDNjU3NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpAL4VsAAAAwUExURbsJD/7//wIUbM1ETCE7hvrW0brH3t72/Zay12B1rcng8tHR34maxPjv7uaIiPGystpijbkAAAE9SURBVHja1JTZdsUgCEVxiiP6/39bQdSkNberj+UlWbgDBwKCcUopjFrbZd6BMdDU9mgdfTNgHABU7B8Evc2Tt+PbYwMaBsHxSbf4jhdsACwDClZ5zfaM2+SMhCyg7cWJ1Fb0xAPFY8GX1cBlTEUYv+O9xJ6czhK1A+yKwIp6hBs+dHDmwroG/vSngXs96hIdA5/Vx1SlqYnyE56raFxN0HCJlaSwVS5JDVxhrdwPlcukQB1MtB+s/+6DEf568G/tj6We2tXeG7l+0zVa3toDb62hSvs3rYUhnAcnzyFIhJMnrdWREdOBQvFAhT1icTpdmiPGz4ii2FGg2wBTyrEeYeE2Tx1YfqwHiqLm4xjgsnTIVD+Xr9wVwdLBnx9XmxVx8gD79f3i2CFBEl3207W0FAGX6Muvl95ox5cAAwA81hBhbmRfVQAAAABJRU5ErkJggg==) left/contain no-repeat; }
.lc_de                       { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcBAMAAADlzjDYAAAAG1BMVEXdAAB6AQEAAAABAQHtZyVjZGTeAQH/zgD/0QQoe3CvAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAQElEQVR4XtXIsREAEBAEwAs0INCAHuQCIzda+NHC68CXrYATGzZc9MjSd9s8C6hgcnsHE2Qwh3ICU2ZYyua7uwGQUoe9pGyFSQAAAABJRU5ErkJggg==) left/contain no-repeat; }


.topnav                      { float: right; top: 10px; font-size: 0.7em; margin-right: 40px; }
.topnav ul                   { list-style: none; }
.topnav li                   { display: inline-block; }
.topnav a                    { text-decoration: none; color: white; padding-left: 40px; }
.topnav a:hover              { text-decoration: underline; }
.topnav .lvl3                { display: none; }


#ptxbody                     { padding:10px 3% 50px 3%; }
#ptxbody li a                { text-decoration:none; color:darkblue; }
#ptxbody li a:hover          { text-decoration: underline; color:blue; }

#ptxfoot > div               { max-width: 100%; }

.footlogo                    { width: 140px; padding: 0; margin: 0 44% 0 auto; text-align: center; color: black; white-space: nowrap; x-border: 1px solid red; }
.footlogo label              { float: left; color: #888; font-size: 0.7em; cursor: pointer; }
.footlogo b                  { font: bold 2.5em 'Arial Black'; color: #004080; letter-spacing: -0.1em; text-shadow: 3px -3px 5px #60a0f0; }
.footlogo i                  { letter-spacing: 0.05em; font-style: normal; }
.footlogo a                  { text-decoration: none; color: black; } 

.footmenu                    { float: left; font-size: 0.9em; padding: 0; margin: 0 0 0 30px; }
.footmenu ul                 { list-style: none; margin: 0; padding: 0; text-align: left; }
.footmenu li                 { height: 1.4em; }
.footmenu a                  { text-decoration: none; color: #a0a0a0; x-padding: 20px; }
.footmenu a:hover            { color: white; }

.footline                    { padding: 0; margin: 0 30px 0 0; line-height: 1.4em; font-size: 0.9em; float: right; text-align: right; }

/* menuicon for small devices, default disabled */
.menuicon                    { position: fixed; top: 14px; left: 14px; background-color: transparent; border: none; cursor: pointer; display: flex; z-index: 40; }
.tmln                        { fill: none; stroke: #8080a0; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), 
                               stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
.tmln1                       { stroke-dasharray: 60 207; stroke-width: 6; }
.tmln2                       { stroke-dasharray: 60  60; stroke-width: 6; }
.tmln3                       { stroke-dasharray: 60 207; stroke-width: 6; }
.opened .tmln1               { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
.opened .tmln2               { stroke-dasharray:  1  60; stroke-dashoffset:  -30; stroke-width: 6; }
.opened .tmln3               { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
.opened { background: white; }

.headmenu                    { display: none; position: fixed; top: 100px; margin-left: 200px; z-index: 40; font-size: 0.8em; }
.headmenu ul                 { list-style: none; padding: 0; margin: 0; text-align: center; }
.headmenu li                 { display: inline-block; width: 100px; color: white; border-radius: 10px 10px 0 0; }
.headmenu li.a2              { background: #ffffff; color: black; }
.headmenu li a               { display: inline-block; width:100px; height: 23px; color: white; padding-top: 2px; text-decoration: none; border-left: 1px solid black; }
.headmenu li a:first-child   { border: 0; }
.headmenu li.a2 a            { color: black; }
.headmenu li:hover           { background: #ffffff; }
.headmenu li:hover a         { color: black; }

.mainmenu > ul               { list-style: none; padding: 0; margin: 50px 0; border-collapse: collapse; }
.mainmenu a                  { display: block; padding: 5px 50px; text-decoration: none; color: black; border: 1px solid #d0d0d0; 
                               border-width: 1px 0; border-radius: 10px 0 0 10px;  }
.mainmenu li.a2 > a          { background:#f0f0ff; }
.mainmenu a:hover            { background:#e0e0e0; }
.mainmenu li:last-child a    { border-bottom: 1px solid #d0d0d0; }

.helpmenu                    { font-size: 10pt; padding-inline-start: 40px; margin-right: 12px; }
.helpmenu > ul               { list-style-type:decimal; padding:0; }
.helpmenu ul.lvl3            { list-style-type:disc; padding-left: 10px;  }  
.helpmenu li                 { white-space:nowrap; }
.helpmenu a                  { text-decoration:none; color:black; }
.helpmenu li.a1 > a          { font-weight: bold; }
.helpmenu a:hover            { text-decoration: underline; }

ul.ptxtabs { padding:0; margin:0; display:inline-block; x-background: #f0f0f0; }
ul.ptxtabs li { list-style: none; float:left; padding: 2px 18px; height: 20px; background: #f0f0f0; 
text-align: center; font-size: 10pt; border: 1px solid #cccccc; border-width: 1px 1px 1px 0; }
ul.ptxtabs li:hover { background: #eeeeee; color: blue; cursor: pointer; }
ul.ptxtabs li.act { font-weight: bold; background: white; border-bottom: 0; }

#loading-overlay {
    position: absolute;
    top:  0;
    left: 0;
    width:   100%;
    height:  100%;
    display: none;
    align-items: center;
    background-color: #000;
    z-index: 999;
    opacity: 0.5;
}

.loading-icon { 
    position: absolute;
    border-top:    2px solid #fff;
    border-right:  2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left:   2px solid #767676;
    border-radius: 25px;
    width:  25px;
    height: 25px;
    margin: 0 auto;
    position: absolute;
    top:  50%;
    left: 50%;
    margin-left: -20px;
    margin-top:  -20px;
    z-index: 4;
    -webkit-animation:spin 1s linear infinite;
       -moz-animation:spin 1s linear infinite;
            animation:spin 1s linear infinite;
}

@-moz-keyframes    spin { 100% {    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes         spin { 100% { -webkit-transform: rotate(360deg); 
                                         transform: rotate(360deg); } }




#crumbnav                    { font: 9pt Arial; border: 1px solid #c0c0c0; background: #fcfcfc; border-width: 0 1px 1px 0; 
                               border-bottom-right-radius: 10px; padding-left: 15px; margin-bottom: 20px; }
#crumbnav:empty              { display: none; }
#crumbnav a                  { display: inline-block; text-decoration: none; color: #808080; margin: 0 5px; padding: 0 0 2px 0;  }
#crumbnav a:hover            { color: blue; }
#crumbnav a:before           { content: "» " }


/** buttons **/
.offbtn                      { display: block; width: 120px; text-align: center; font: 8pt Arial; text-decoration: none; color: gray;  background: #c0c0c0; 
                               padding: 5px; border: 2px outset; cursor: not-allowed; border-radius: 6px; }
.ptxbtn                      { display: block; width: 120px; text-align: center; font: 8pt Arial; text-decoration: none; color: black; background: #c0c0c0; 
                               padding: 5px; border: 2px outset; cursor: pointer; border-radius: 6px; }
.ptxbtnr                     { display: block; width: 120px; text-align: center; font: 8pt Arial; text-decoration: none; color: white; background: #004080; 
                               padding: 5px; border: 0; margin-left: 30px; cursor: pointer; border-radius: 6px; float: right; }
.ptxbtnl                     { display: block; width: 120px; text-align: center; font: 8pt Arial; text-decoration: none; color: white; background: #004080; 
                               padding: 5px; border: 0; margin-right: 30px; cursor: pointer; border-radius: 6px; float: left; }
.off                         { color: white; background: #d0d0d0; cursor: disabled; border-radius: 3px; }

.btn404                      { display: inline-block; border: 2px solid blue; color: blue; background: white; text-align: center; padding: 7px 15px; text-decoration: none; }
.btn404:hover                { background:blue; color: white; }
.pdfbtn                      { display: block; float: right; text-decoration: none; color: black; vertical-align: middle; padding: 5px 10px 5px 30px; margin-bottom: 30px; 
                               background: url(data:image/png;base64,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) left/contain no-repeat; } 
.pdfbtn:hover                { color: blue; text-decoration: underline; }
.downbtn                     { display: inline-block; width: 200px; height: 66px; padding: 30px 50px 0 50px; background: url(downbtn.png) top left no-repeat; color: black; text-decoration: none; font-size: 0.6em; line-height: 1.0em; text-align: left; }
.downbtn b                   { font-size: 2.0em; }
.downbtn:hover               { background-position: 0 -96px; }

.buybtn                      { width:200px; padding: 15px 10px; border-radius: 8px; border: 1px solid #a0a0a0; font-weight: bold; color: #ccc; background: #887777; box-shadow: 0 0 8px #888; cursor: not-allowed; }
.buybtn.act                  { color: #eee; background: #006633; box-shadow: 0 0 8px #333; }
.buybtn.act:hover            { color: #fff; background: #11bb55; cursor: pointer; }

.notice                      { color:#808080; background:#f8f8f8; border:2px solid #c0c0c0; padding:15px 25px; border-radius: 8px; }

#legal                       { font:8pt Arial; }
#legal p                     { line-height:1.1em; text-align:justify; }
#legal ol                    { padding-inline-start: 10px; }
#legal ol ul                 { padding-inline-start: 15px; }
#legal li                    { text-align:justify; padding-top: 10px; }

/** for manual **/
.shellcmd                    { display:block; margin:10px; padding:15px; font: 1.0em Courier New,Lucida Console,monospace; background:black; color:#e0e0e0; }
.shellcmd .user              { color:#40ff40; }
.shellcmd .path              { color:lightblue; }

/*   customerform
    --------------   */
.formbox.customer            { width: 450px; margin: 0; }
.formbox.customer span       { padding-top: 1px; }
.formbox > div               { margin: 0 0 6px 0; white-space: nowrap; }
.formbox > div > span        { padding-left: 10px; font-size: 0.8em; }}
.formbox label               { vertical-align: top; }
.formbox input               { border: 1px solid black; height: 16pt; margin:0; padding:0 8px; vertical-align:bottom; background-color: white; }
.formbox select              { border: 1px solid black; height: 17.5pt; margin:0; padding:0 8px; vertical-align:bottom; background-color: white; }
.formbox input               { width:270px; }
.formbox .broad              { width:364px; }
.formbox .small              { width:72px; }
.formbox #qty                { width:50px; text-align:right; }
.formbox [type=checkbox]     { width:20px; }
.formbox [type=radio]        { width:20px; }
.privacy                     { font: 8pt Arial; margin:30px 0 50px 0; }
.formbox.custhtml > div > span { float:left; width:170px;  }

/*   orderform
    -----------  */
.calc                        { width:100%; text-align:right; }
.calc .left                  { text-align:left; }
.adrbox                      { margin-top: 20px; padding-bottom: 40px; max-width: 600px; }
.adrbox span                 { width:50%; float:left; }

.formbox .codebox            { border: 1px solid transparent; color: #c0c0c0; text-align: center; width: 130px; }
.formbox .codebox:hover      { border: 1px solid #c0c0c0; }
.formbox .codebox:focus      { border: 1px solid #c0c0c0; color: black; text-align: left; padding-left: 6px; }
.cpntext { color: #c0c0c0; font-size: 10pt; vertical-align: text-top; float:left; border: 2px solid transparent; }
.cpnwide { width: 300px; text-align:center; }
.cpnwide:focus { padding-left: 10px; text-align: left; }


/*    frontpage
    -------------   */
.adpt                        { margin: 25px 5% 25px 5%; height: 140px; }
.adpt p                      { text-align:justify; display:none; }
.adpt b                      { background:#f0f0f0; padding:15px 30px; display:inline-block; opacity:0.8; margin-top: 50px; left: 80px; text-align:center; }
.ltbox                       { display:block; position:absolute; width:90%; height:140px; margin:10px 0; background-position: bottom center; background-repeat: no-repeat; }
.rtbox                       { display:block; position:absolute; width:90%; height:140px; margin:10px 0; background-position: bottom center; background-repeat: no-repeat; }

/*    some management tables
     ------------------------   */
.infotbl                     { border-collapse: collapse; }
.infotbl th                  { padding: 2px 8px; background:#f0f0f0; border-bottom: 1px solid black; }
.infotbl td                  { padding: 2px 8px; }
.infotbl a                   { text-decoration: none; }
.infotbl a:hover             { text-decoration: underline; }

/*   scrollable table box 
   -----------------------   */
.ptxtbl                      { width:100%; font-size:8pt; }
.ptxtbl thead                { display:block; }
.ptxtbl thead tr             { display:block; }
.ptxtbl th                   { text-align:right; padding: 0 7px; background:#d0d0d0; cursor:default; }
.ptxtbl tbody                { display:block; height:80px; overflow:hidden auto; }
.ptxtbl tbody tr             { display:block; background-color: #f0f0f0; }
.ptxtbl tbody tr:hover       { background-color: #e0e0ff; }
.ptxtbl td                   { text-align:right; padding: 0 7px; cursor:default; }


/*    manual: image slides
    ------------------------ */

.imgslide                    { list-style: none; }
.imgslide > li               { display: none; }




/* Media Queries */



@media only screen and (min-width: 500px) {

  /*    frontpage 
      ------------  */
  .adpt                      { margin: 50px 5% 0 5%; height: 350px; }
  .adpt p                    { display: block; }
  .adpt b                    { background: inherit; padding:0; opacity: 1.0; margin:0; display:inline; text-align:left; }
  .ltbox                     { width:180px; height:140px; position:relative; display:block; float:left;  margin:0 20px 20px 0; }
  .rtbox                     { width:180px; height:140px; position:relative; display:block; float:right; margin:0 0 20px 20px; }
  #ptxleft { background: white; }
}



@media only screen and (min-width: 576px) {
  #ptxdisc                   { padding: 10px 0; width: 100%; }

  #ptxfoot                   { font-size: 0.8em; }
  .footlogo                  { width: 160px; margin-right: 45%; } */
  .formbox .codebox          { width: 150px; }
}



@media only screen and (min-width: 650px) {
  .formbox.customer          { width: 420px; }
  .formbox input             { width:180px; }
  .formbox .broad            { width:274px; }
  #infobox                   { width: 280px; float:right; }
  #ptxfoot                   { font-size: 0.85em; }
  .formbox .codebox          { width: 180px; }
}

@media only screen and (min-width: 740px) {
  .topnav .lvl3              { display: block; }
}


@media only screen and (min-width: 780px) {
  html, body                 { font-size: 11pt; }
  h1                         { font-size: 1.6em; }

  .formbox > div > span      { float:left; width:130px;  }

  #ptxfoot                   { font-size: 0.9em; }
  .footlogo                  { width: 180px; }
  .formbox .codebox          { width: 200px; }
}



@media only screen and (min-width: 900px) {
  html, body                 { font-size: 12pt; }
  .formbox.customer          { width:540px; }
  .formbox input             { width:270px; }
  .formbox .broad            { width:364px; }
  .formbox .codebox          { width: 250px; }
}



@media only screen and (min-width: 1024px) {
  html, body                 { font-size: 13pt; }
  h1                         { font-size: 2.0em; }

  #ptxpage                   { width: 1024px; margin: 130px auto 0 auto; }
  #ptxhead                   { height: 120px; border-bottom: 5px solid #24befe; }
  #ptxwrap                   { width: 1024px; margin:0 auto; }
  #ptxlogo                   {  }
  #ptxlogo a                 { margin: 25px 0 0 80px; }
  #ptxtile                   { display: block; }
  #ptxleft                   { display: block; position: fixed; background: none; font: 1.2em Arial; }
  #ptxbody                   { margin: 10px 0 60px 130px; }
  #ptxfoot > div             { width: 1024px; margin: 0 auto;  } 
  #legal                     { margin-right: 160px; }

  .menuicon                  { display: none; }
  .mainmenu                  { display: none; }
  .helpmenu                  { font-size: 10pt; padding-inline-start: 20px; }
  .headmenu                  { display: block; }

  .adpt                      { margin: 50px 0 0 0; height: 200px; }
  .adpt p                    { text-align: justify; }
  .ltbox                     { width: 180px; height:140px; float: left;  margin: 0 30px 80px 0; }
  .rtbox                     { width: 180px; height:140px; float: right; margin: 0 0 80px 30px; }
  .license                   { background: #e0e0e0; font-style: italic; padding: 10px 0 10px 30px; margin-right: 100px; font-size: 9pt; }
  .formbox .codebox          { width: 300px; }
}



@media only screen and (min-width: 1200px) {
}





@media print {
   .noprint                  { display: none; }
   div#ptxhead               { position: relative; }
   div#ptxleft               { display: none; } 
   div#ptxbody               { margin: 50px 0 50px 100px; }

   #legal p                  { margin-right: 100px; }
   #legal ol                 { margin-left: -40px; }
   #legal ol ul              { margin-left: -20px; }
}