/* aatideas.org SPECTRA design styles */

@import url(spectra-c.css);
@import url(spectra-s.css);
@import url(spectra-t.css);
@import url(tiros.css);

body { text-align: center; padding: 1em }
#pic { background-repeat: no-repeat; background-attachment: fixed; background-position: 4px 4px; z-index: 3; margin: 0px; padding: 0px; position: absolute; top: 4px; left: 165px; width: 100%; height: 100%; overflow: visible; visibility: visible; min-width: 980px; display: block }
#naviport { position: fixed; z-index: 15; top: 10px; left: 2px; width: 150px; height: 100%; margin-left: -15px; border-right: 1px solid #eef; text-align: left; overflow: visible; visibility: visible }
#main { position: absolute; z-index: 10; top: 10px; left: 165px; width: 770px; height: auto; text-align: left; margin: 4px; padding: 1px }

txt, html, body, div, h1, h2, h3, h4, h5, h6, p, td, th, tbody, thead, tfoot, dd, dt, ul, ol, dl, li, input    { color: #006; font-family: "Trebuchet MS", "Gill Sans", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif ; background-color: transparent; }
html, body, img { border: 0px; margin: 0px; padding: 0px }
a, img { display: inline }
a:link   { color: #9bb }
a:visited    { color: #cc9 }
a:active  { color: #ffc }

.relT, .relZ    { margin-bottom: 12px; margin-left: 550px }

.accessnow   { display: none }
.peel { width: 755px; margin: 6px; border-bottom: 1px solid #eef; vertical-align: top }
.ai { width: 100px; height: 100px }
.vis { float: right; margin-left: 12px; margin-bottom: 12px; margin-top: -7px; margin-right: 7px }

.path, .pathEZ, .pathFZ, .pathGZ, .pathABZ { text-align: left; text-indent: 0px; margin: 0px; padding: 0px }
.pathEZ { width: 500px }
.pathFZ { width: 600px }
.pathGZ  { width: 700px }
.pathABZ  { width: 1200px }

.trail { width: 610px; text-align: center; vertical-align: middle; margin: -6px 3px 3px -12px; padding: 2px; border-bottom: solid 1px; border-color: #eef; clear: both }
.area, .area-10, .area-20, .area-30, .area-31, .area-90, .area-99, .area-a, .area-c, .area-i, .area-o, .area-r, .area-s, .area-t, .area-u, .area-w { height: 30px; width: 30px; margin: 3px 12px 3px 12px; vertical-align: inherit; display: inline } 
.area-10 { background-image: url(../g/tile/10.png) }
.area-20 { background-image: url(../g/tile/20.jpg) }
.area-30 { background-image: url(../g/tile/30.jpg) }
.area-31 { background-image: url(../g/tile/31.jpg) }
.area-90 { background-image: url(../g/tile/90.jpg) }
.area-99 { background-image: url(../g/tile/99.png) }
.area-a { background-image: url(../g/tile/a.png) }
.area-c { background-image: url(../g/tile/c.png) }
.area-i { background-image: url(../g/tile/i.png) }
.area-o { background-image: url(../g/tile/o.png) }
.area-r { background-image: url(../g/tile/r.jpg) }
.area-s { background-image: url(../g/tile/s.png) }
.area-t { background-image: url(../g/tile/t.png) }
.area-u { background-image: url(../g/tile/u.png) }
.area-w { background-image: url(../g/tile/w.png) }

.plate { font-size: x-small; background-color: #eff; text-align: center; margin: 2px 18px; padding: 2px; border: solid 1px #9ab; width: 570px }
.conf, .conf-CZJZ, .conf-CAHH     { text-align: left; vertical-align: middle; padding: 1px }
.conf { margin-left: 36px } 
.conf-CZJZ { width: 90px; height: 30px }
.conf-CAHH { width: 88px; height: 31px }

.sp, .spC, .spO, .spT, .spL   { width: 60px; height: 60px }
.spC   { margin-top: 2px; margin-left: 2px }
.spO  { vertical-align: top; margin-top: 2px; margin-left: 2px; padding-top: 2px; padding-left: 2px }
.spT   { vertical-align: top; margin-top: 6px; margin-left: 2px; padding-top: 6px; padding-left: 2px }
.spL  { margin-top: 2px; margin-left: 6px; padding-top: 2px; padding-left: 6px }

.bsl, .bsl-doc, .bsl-note, .bsl-version { padding: 6px }
.bsl-doc { font-weight: bold; font-size: medium; background-color: #cdd; border: solid 2px #9ab  }
.bsl-note { font-size: small; background-color: #f0f6f7; border-top: 0px; border-right: 1px solid #9ab; border-bottom: 1px solid #9ab; border-left: 1px solid #9ab  }
.bsl-version { font-weight: bold; font-size: large; padding: 15px; background-color: #ffffed; border: solid 2px #9ab  }

.trail-nav { width: 120px; text-align: center; vertical-align: middle; margin: 0px 3px 0px -6px; padding: 6px; border: solid 1px; border-color: #eef; clear: left  }
.nav, .nav-f, .nav-l, .nav-n, .nav-p    { text-align: center; margin: 0px; padding: 0px; border: none; width: 30px; height: 15px }
.nav-f   { background-image: url(../g/access/nav/first00.gif); height: 10px }
.nav-l   { background-image: url(../g/access/nav/last00.gif); height: 10px }
.nav-n     { background-image: url(../g/access/nav/next00.gif) }
.nav-p     { background-image: url(../g/access/nav/prev00.gif) }
.nav-t   { margin-top: 5px; margin-right: -3px; margin-left: 5px; width: 90px; height: 45px }
.nav-f:hover  { background-image: url(../g/access/nav/first01.gif); height: 10px }
.nav-l:hover  { background-image: url(../g/access/nav/last01.gif); height: 10px }
.nav-n:hover   { background-image: url(../g/access/nav/next01.gif) }
.nav-p:hover   { background-image: url(../g/access/nav/prev01.gif) }