/* aatideas.org SPECTRA timeline styles */

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


/* zoneSPECTRA */

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 }
#navipage { position: fixed; z-index: 15; top: 200px; left: 640px; width: 10em; height: 100%; text-align: right; overflow: visible; visibility: visible }
#navitrail { position: fixed; z-index: 17; top: 10px; left: 165px; width: 610px; height: auto; text-align: center; vertical-align: middle; margin: -6px 3px 3px -12px; padding: 2px; border-bottom: solid 1px; border-color: #eef; clear: both; 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 }
#main-tt    { position: absolute; z-index: 4; top: 50px; left: 165px; height: auto; overflow: visible; visibility: visible }

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 }

.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-a, .area-c, .area-i, .area-o, .area-s, .area-t, .area-w { height: 30px; width: 30px; margin: 3px 12px 3px 12px; vertical-align: inherit; display: inline } 
.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-s { background-image: url(../g/tile/s.png) }
.area-t { background-image: url(../g/tile/t.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 }


/* zoneCHART */

.tline > p	{ background-color: #fff }

.nc, .nc00, .nc01, .nc02, .nc03, .nc04, .nc05, .nc06, .nc07, .nc08, .nc09, .nc99             { background-color: transparent; position: absolute; top: 0; width: 700px; height: 2800px; overflow: auto  }
.nc00       { left: 50px }
.nc01       { left: 350px }
.nc02       { left: 650px }
.nc03       { left: 950px }
.nc04       { left: 1250px }
.nc05       { left: 1550px }
.nc06       { left: 1850px }
.nc07       { left: 2150px }
.nc08       { left: 2450px }
.nc09       { left: 2750px }
.nc99  { left: 3450px }
.ncDoc        { line-height: 100%; background-color: transparent; position: absolute; top: 60px; left: 30px  }
.nc-title { background-color: transparent; margin-left: 18px  }
.ncIndNav, .ncIndex, .ncNav-1, .ncNav-2 { font-size: x-small; line-height: 100%; background-color: transparent; position: relative  }
.ncIndex        { top: 48px; left: -6px }
.ncNav-1   { color: #ddd ; background-color: white; }
.ncNav-2   { color: #ddd; background-color: white; margin-top: 6px; margin-left: 90px  }
.note, .note100, .note110, .note120, .note130, .note140, .note150, .note160, .note170, .note180, .note190           { line-height: 100%; text-indent: -50px; padding: 2px 2px 2px 50px; border-bottom: 1px solid #fc9; border-left: 1px solid #fc9; position: relative; width: 320px ; margin-bottom: 1.3em; }
select, option         { color: #069; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; background-color: white; text-indent: 0; vertical-align: middle; border: solid thin; position: static; overflow: visible; visibility: visible; display: inline  }
.note100   { margin-left: 1px }
.note110     { margin-left: 30px }
.note120  { margin-left: 60px }
.note130  { margin-left: 90px }
.note140  { margin-left: 120px }
.note150  { margin-left: 150px }
.note160  { margin-left: 180px }
.note170  { margin-left: 210px }
.note180  { margin-left: 240px }
.note190  { margin-left: 270px }
.ncSpan, .ncSpan2000, .ncSpan4000, .ncSpan7300  { text-indent: -50px; padding: 2px 2px 2px 50px; border-bottom: 1px solid #fc9; border-left: 1px solid #fc9; position: absolute }
.ncSpan2000  { float: left; clear: both; top: 120px; left: 631px; width: 580px }
.ncSpan4000  { float: left; clear: both; top: 220px; left: 1231px; width: 880px }
.ncSpan7300  { float: left; clear: both; top: 270px; left: 2200px; width: 580px }
.path, .pathDE, .pathEZ, .pathFZ, .pathGZ, .pathABZ            { text-align: left; text-indent: 0px; margin: 0px; padding: 0px }
.pathDE { margin-left: 24px; width: 450px }
.pathEZ { width: 500px }
.pathFZ { width: 600px }
.pathGZ  { width: 700px }
.pathABZ  { width: 1200px }
img { }
a { background-color: transparent; display: inline }
a:link    { color: #09f ; background-color: transparent; }
a:visited    { color: #cc9 ; background-color: transparent; }
a:active  { color: #ffc ; background-color: transparent; }
.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) }
.nav-inc, .nav-bk, .nav-fw, .nav-lm, .nav-rm { text-align: center; vertical-align: middle; margin: 0px; padding: 0px; border: none; width: 16px; height: 16px }
.nav-bk     { background-image: url(../g/access/nav/dec00.gif) }
.nav-fw     { background-image: url(../g/access/nav/inc00.gif) }
.nav-lm      { background-image: url(../g/access/nav/left00.gif); width: 32px }
.nav-rm      { background-image: url(../g/access/nav/right00.gif); width: 32px }
.nav-bk:hover   { background-image: url(../g/access/nav/dec01.gif) }
.nav-fw:hover   { background-image: url(../g/access/nav/inc01.gif) }
.nav-lm:hover   { background-image: url(../g/access/nav/left01.gif) }
.nav-rm:hover   { background-image: url(../g/access/nav/right01.gif) }
.relT      { color: #fefefe; background-color: transparent; margin-bottom: 60px  }
.relB    { color: #fefefe; background-color: transparent; margin-bottom: 90px  }
.relM { color: #fefefe; background-color: transparent; padding: 1.2em; height: 1.5em   }
.relZ  { color: #fefefe ; background-color: transparent; }
.relNC  { color: #fefefe; background-color: transparent; margin-bottom: 60px; margin-left: -177px  }