/* defaults: */
body,p,h1,h2,h3,h4,h5,ul,ol,/*li,*/ div,td,th,address,blockquote,nobr,b,i {font-family:Arial,Helvetica,sans-serif;}

body 
{
	margin:  20px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;

	border-width: 0; border-style:none;
}

body,div,p,td,dl,pre {font-size: 10pt;}
p,ul,ol,li,div,td,th,address,nobr,b,i {font-size:10pt;}


h1, h2,h3, h4,h5,li{clear:both;}
h1 {font-size:32px; }


h2 
{
   font-size:16pt;
   border-style:none;
   border-bottom-style:solid;
   border-bottom-width:medium;
   border-color:#1c1cc6;
   margin-top:2cm;
   padding-bottom:5px;
   width:100%;
   text-align:left;
}

h3 
{
   font-size:12pt;
   margin-bottom:2px;
   margin-top:8px;
}


/* Zwischenueberschriften wie item, service etc */
h4 {font-size:10pt;}
h4 {margin-bottom:0.2cm;}

/* keine Rahmen um Grafiken, auch nicht, wenn als link verwendet */
img {border:none;}

h5 {font-size:10pt;}
/*
div   
{
  margin-left:1px;
  margin-top:2px;
  margin-bottom:1px;
  border: none;
}
*/
ul {margin-bottom:0.2cm;}
ul    {list-style-type:none; margin-top:0px;}
ul li {margin-top:1px;margin-bottom:1px;}



b {font-weight: bold;}
i {font-style: italic;}
u {text-decoration: underline;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
small {font-size: 9pt;}
big {font-size: 11pt;}


a{text-decoration:none; padding:2px;margin:0px;}
a:link    {color:#1e1e6c; text-decoration:none;}   /* noch nicht besuchte Seiten */
a:visited {color:#5050ff;text-decoration:none;}  /* bereits besuchten Seiten */
a:active  {color:#ffcc00;text-decoration:none;}   /* gerade angeklickt */
a:hover   {text-decoration:underline; }


/*
 * left side with index
 */
body.index
{
	margin:  0;
	padding: 0;

   margin-left:2px; 
   white-space:nowrap;
}

body.binder 
{	
	margin:  0;
	padding: 0;

   background-image:url(../img/binder.gif);
   background-repeat:repeat-y; 
}




/* 
 * formattings for Aspire manuals 
 *
 * pattern:
 * body.{pbx}  specifies cover page format for the pbx type
 * div         makes the logo in top right corner 
 * h1          makes the manual title
 */

body.Aspire   /* cover page */
{
   background-image:url(../img/aspire/cover.jpg); 
   background-repeat:no-repeat; 
   background-position: top left;
   margin: 0px; 
   padding: 0px;

   border-width:0px; border-style:none;
	height:100%;
}

body.Aspire div
{
   margin:0;
   padding:0;
}

body.Aspire h1
{
   background-image:url(../img/aspire/logo.gif); 
   background-repeat:no-repeat; 
   background-position: top right;

   margin-top:20px; margin-bottom:0px; margin-right: 20px;
   padding-top:462px;
   font-size:44px; 
   text-align:right;
}

/* Aspire manual page header (excl. cover page) */

h1.Aspire
{
   background-image:url(../img/aspire/logo.gif);
   background-repeat:no-repeat;
   background-position: top left;
   padding-top:50px;
}

/* Aspire logo within text */
span.Aspire
{
   font-family: sans-serif; 
   font-style: italic;
   font-weight: 700;
   color: #1e1ec6;
   font-size: 100%;
}





/*
 * formatting for Topaz manuals 
 */
 
/* cover page */
body.Topaz
{
   background-image:url(../img/topaz/cover.jpg); 
   background-repeat:no-repeat; 
   background-position: top left;
   margin: 0px; 
   padding: 0px;
   border-width:0px; border-style:none;
	height:100%;
}

body.Topaz div
{
   margin:0;
   padding:0;
}

body.Topaz h1
{
   background-image:url(../img/topaz/xn-logo.gif); 
   background-repeat:no-repeat; 
   background-position: right top;

   margin-top:320px; margin-bottom:0px; margin-right: 20px;
   padding-top:162px;
   font-size:44px; 
   text-align:right;
}

/* Topaz manual page header (excl. cover page) */
h1.Topaz
{
	margin:  20px 0px 0px 0px; 
	padding: 220px 0px 0px 0px;
	border-width:0px; border-style:none;
   background-image:url(../img/topaz/logo.gif); 
	background-repeat:no-repeat; 
	background-position: top left;
}

/* Topaz logo within text */
span.Topaz
{
   font-family: Tahoma,sans-serif;
   font-size: 100%;
   color: #000000;
}



/*
 * formatting for IPC500 manuals 
 */
 
/* cover page */
body.IPC500
{
   background-image:url(../img/IPC500/cover.jpg); 
   background-repeat:no-repeat; 
   background-position: top left;
   margin: 0px; 
   padding: 0px;
   border-width:0px; border-style:none;
	height:100%;
}

body.IPC500 div
{
   margin:0;
   padding:0;
}

body.IPC500 h1
{
   background-image:url(../img/IPC500/logo.gif); 
   background-repeat:no-repeat; 
   background-position: right top;

   margin-top:320px; margin-bottom:0px; margin-right: 20px;
   padding-top:162px;
   font-size:44px; 
   text-align:right;
}

/* IPC 500 manual page header (excl. cover page) */
h1.IPC500
{
	margin:  20px 0px 0px 0px; 
	padding: 220px 0px 0px 0px;
	border-width:0px; border-style:none;
   background-image:url(../img/IPC500/logo.gif); 
	background-repeat:no-repeat; 
	background-position: top left;
}

/* IPC 500 logo within text */
span.IPC500
{
   font-family: Arial,sans-serif;
   font-size: 100%;
   color: #000000;
}

/*
 * formatting for IPC500 manuals 
 */
 
/* cover page */
body.IPC100
{
   background-image:url(../img/IPC100/cover.jpg); 
   background-repeat:no-repeat; 
   background-position: top left;
   margin: 0px; 
   padding: 0px;
   border-width:0px; border-style:none;
	height:100%;
}

body.IPC100 div
{
   margin:0;
   padding:0;
}

body.IPC100 h1
{
   background-image:url(../img/IPC100/logo.gif); 
   background-repeat:no-repeat; 
   background-position: right top;

   margin-top:320px; margin-bottom:0px; margin-right: 20px;
   padding-top:162px;
   font-size:44px; 
   text-align:right;
}

/* IPC 100 manual page header (excl. cover page) */
h1.IPC100
{
	margin:  20px 0px 0px 0px; 
	padding: 220px 0px 0px 0px;
	border-width:0px; border-style:none;
   background-image:url(../img/IPC500/logo.gif); 
	background-repeat:no-repeat; 
	background-position: top left;
}

/* IPC 100 logo within text */
span.IPC100
{
   font-family: Arial,sans-serif;
   font-size: 100%;
   color: #000000;
}





body.tool, body.nec
{
   margin:20px;
   padding-top: 72px;
   background-image:url( ../img/NEC_Logo.gif);
   background-position:20px 36px;
   background-repeat:no-repeat;
}





div.foot
{
   position: absolute; bottom:1px;
   vertical-align: text-bottom;
   font-size:9pt;
   border: 1px solid #ffcc00;
}


h2 a
{
  clear: none;
}





a.nav, div.nav a, span.nav a
{
   border:none;
   align:right;
   padding:0;
   margin:0;
   vertical-align:middle;
}

a.up, a.down, a.next, a.prev, a.home, 
a.jp, a.en, a.de, a.fr, a.it, a.es, a.nl, a.pt, a.no, a.dk, a.se, a.us
{                               
   display:block;               
   width:28px;                  
   height:28px;                 
   padding:0;                   
   margin:1px;                  
   vertical-align:middle;       
}                               
            
a.up,         a.next, a.prev, a.home, 
a.jp, a.en, a.de, a.fr, a.it, a.es, a.nl, a.pt, a.no, a.dk, a.se, a.us
{ 
   float:right;
   clear:none;
}
                                
a.home        { background-image:url(../img/nav/button/grey/home.gif);}
a.home:link,
a.home:visited{}
a.home:active,
a.home:hover  { background-image:url(../img/nav/button/home.gif);}

a.up          { background-image:url(../img/nav/button/grey/up.gif);}
a.up:link,
a.up:visited{}
a.up:active,
a.up:hover    { background-image:url(../img/nav/button/up.gif);}

a.down          { background-image:url(../img/nav/button/grey/down.gif);}
a.down:link,
a.down:visited{}
a.down:active,
a.down:hover    { background-image:url(../img/nav/button/down.gif);}

a.prev          { background-image:url(../img/nav/button/grey/prev.gif);}
a.prev:link,
a.prev:visited{}
a.prev:active,
a.prev:hover    { background-image:url(../img/nav/button/prev.gif);}

a.next          { background-image:url(../img/nav/button/grey/next.gif);}
a.next:link,
a.next:visited{}
a.next:active,
a.next:hover    { background-image:url(../img/nav/button/next.gif);}




a.de          { background-image:url(../img/nav/button/grey/de.gif);}
a.de:link,    
a.de:visited{}
a.de:active,  
a.de:hover    { background-image:url(../img/nav/button/de.gif);}

a.dk          { background-image:url(../img/nav/button/grey/dk.gif);}
a.dk:link,    
a.dk:visited{}
a.dk:active,  
a.dk:hover    { background-image:url(../img/nav/button/dk.gif);}

a.en          { background-image:url(../img/nav/button/grey/uk.gif);}
a.en:link,    
a.en:visited{}
a.en:active,  
a.en:hover    { background-image:url(../img/nav/button/uk.gif);}

a.en          { background-image:url(../img/nav/button/grey/uk.gif);}
a.en:link,    
a.en:visited{}
a.en:active,  
a.en:hover    { background-image:url(../img/nav/button/uk.gif);}

a.es          { background-image:url(../img/nav/button/grey/es.gif);}
a.es:link,    
a.es:visited{}
a.es:active,  
a.es:hover    { background-image:url(../img/nav/button/es.gif);}

a.fr          { background-image:url(../img/nav/button/grey/fr.gif);}
a.fr:link,    
a.fr:visited{}
a.fr:active,  
a.fr:hover    { background-image:url(../img/nav/button/fr.gif);}

a.it          { background-image:url(../img/nav/button/grey/it.gif);}
a.it:link,    
a.it:visited{}
a.it:active,  
a.it:hover    { background-image:url(../img/nav/button/it.gif);}

a.jp          { background-image:url(../img/nav/button/grey/jp.gif);}
a.jp:link,    
a.jp:visited{}
a.jp:active,  
a.jp:hover    { background-image:url(../img/nav/button/jp.gif);}

a.nl          { background-image:url(../img/nav/button/grey/nl.gif);}
a.nl:link,    
a.nl:visited{}
a.nl:active,  
a.nl:hover    { background-image:url(../img/nav/button/nl.gif);}

a.no          { background-image:url(../img/nav/button/grey/no.gif);}
a.no:link,    
a.no:visited{}
a.no:active,  
a.no:hover    { background-image:url(../img/nav/button/no.gif);}

a.pt          { background-image:url(../img/nav/button/grey/pt.gif);}
a.pt:link,    
a.pt:visited{}
a.pt:active,  
a.pt:hover    { background-image:url(../img/nav/button/pt.gif);}

a.se          { background-image:url(../img/nav/button/grey/se.gif);}
a.se:link,    
a.se:visited{}
a.se:active,  
a.se:hover    { background-image:url(../img/nav/button/se.gif);}

a.us          { background-image:url(../img/nav/button/grey/us.gif);}
a.us:link,    
a.us:visited{}
a.us:active,  
a.us:hover    { background-image:url(../img/nav/button/us.gif);}


a.audio
{
   display:block;
   float:left;
   width:28px;
   height:28px;
   padding:0px;
   margin:1px;
}
a.audio       { background-image:url(../img/nav/button/spkr-off.gif);}
a.audio:link,
a.audio:visited{}
a.audio:active,
a.audio:hover { background-image:url(../img/nav/button/spkr-on.gif);}



div.nav
span.nav
{
   border-style: solid;
   border-color: #008800;
   border-width: 1px;
   margin:0;
   padding:0;
   background-color:#cccccc;
}



p { margin-bottom:10px;}
p.default-data, p.data, p.desc
div.default-data, div.data, div.desc
{
   margin-left:30px;
   margin-right:20px;
}

p.TOC {margin-left:20px;line-height:1.3em;}
p.prm {margin-left:1cm;margin-top:1px;margin-bottom:10px;}


/*
 * note: Anmerkung
 * info: weitere Infos
 * warn: Achtung, Warnung
 * help: Hilfe
 * nav:  navigation buttons
 */


/* platz lassen fuer Symbol, mindesthoehe einstellen (padding-top+padding-bottom >= 24 (icon_height)*/
div.note,
div.warning,
div.info, 
div.tip, 
div.pit, 
div.bug 
{
  padding: 10px 10px 10px 35px;
  vertical-align:bottom;
  margin-bottom:16px;
  background-position: center left;
  background-repeat:no-repeat;
  border-width:1px; border-style:solid; border-color:#ffffff;
}


div.red-led   ,
div.green-led ,
div.amber-led ,
div.blue-led 
{ 
   vertical-align: middle;
   margin-right: 5px; 
   background-repeat:no-repeat;
}

div.red-led
{ 
   background-image:url(../img/led/red.gif);
}

div.green-led
{ 
     background-image:url(../img/led/green.gif);
}

div.amber-led
{ 
   background-image:url(../img/nav/button/help-yellow.gif);
}

div.blue-led
{ 
   background-    image:url(../img/nav/button/help.gif);
}

div.red-led   img,
div.green-led img,
div.amber-led img,
div.blue-led  img
{ 
   margin 0 0 0 0;
   vertical-align: middle;
   margin-right: 5px; 
}



div.lamp { vertical-align: middle; }
div.lamp img { margin-right: 5px; vertical-align:middle;}

div.warning h3, div.warning h4, div.warning h5, div.bug h5 {color:#ff0000;}

div.warning,    div.note,    div.info,    div.bug {
/*background-color:#ccccff;*/
}

div.nav{
float:right;
}

div.warning {background-image:url(../img/warn.gif);}
div.note {background-image:url(../img/note.gif);}
div.info {background-image:url(../img/info.gif);}
div.tip  {background-image:url(../img/tip.gif);}
div.pit  {background-image:url(../img/pit.gif);}
div.bug  {background-image:url(../img/bug.gif);}
/*
div.note
{
  background-image:url(../img/postIt.gif);
  padding: 10mm 2mm 2mm 2mm;
  vertical-align:bottom;
  margin-bottom:2mm;
  margin-right:2mm;
  margin-left:2mm;
  width:  36mm;
  height: 28mm;
  background-position: top right;
  background-repeat:no-repeat;
  border-width:0px; border-style:none; 
  background-color: #f6ec82;
  float:right;
}
*/

/* 
 * formatting for choices
 */
div.choice
{
  padding: 4px 1px 1px 35px;
  vertical-align:bottom;
  margin-bottom:2mm;
  background-position: top left;
  background-repeat:no-repeat;
  border-width:1px; border-style:solid; border-color:#ffffff;
  background-image:url(../img/nav/help-yellow.gif);
  
  font-size: 14px;
  font-weight: 700;
}

div.choice ul.ListOfLinks
{
   list-style-image:none;
   margin-top:10px;
   margin-left:0px;
}

div.choice a
{                               
   display:block;               
   height:28px;                 
   padding:6px 0px 0px 35px;                   
   margin:1px;                  
   vertical-align:middle;       
   background-image:url(../img/nav/down.gif);
   background-position: top left;
   background-repeat:no-repeat;
}                               




/* 
 * lineprinter output 
 */
tt 
{
   font-family: "Courier New", Courier, monospace; 
   font-size: 9pt;
   margin-left: 30px;
}
tt em,pre em {background-color:#ffff33;}
tt br, pre br{height:1px; margin:0;}


th
{
   background-color: #cccccc;
   font-weight:normal;
   padding:3px;
   margin:0px;
}

td
{
   padding:3px;
   margin:0px;
}


table.thin
{
  border:none;
  border-left-color:black;
  border-left-style:solid;
  border-left-width:1px;
  border-top-width:1px;
  border-top-color:black;
  border-top-style:solid;
}


table.thin th,
table.thin td 
{
   border:none;
   border-right-width:1px;
   border-right-color:black;
   border-right-style:solid;
   border-bottom-width:1px;
   border-bottom-color:black;
   border-bottom-style:solid;
}




table.blind
{
   border-style:none;
   border-width:0px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

table.blind th, 
table.blind td
{
   border-style:none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}


/* tabs sind die Registerkarten-schilder */
table.tabs
{
   border-style:none;
   border-width:0px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
table.tabs row{ min-height:64px;}
table.tabs th{     width:100px; heigth:64px;  background-image:url(../img/nav/tab-back.gif);}
table.tabs th.front{ background-image:url(../img/nav/tab-front.gif);}

div.tabs
{
   border-bottom-style:solid;
   border-bottom-width:2px;
   border-bottom-color:#00CC00;
   height:100px;
   background-image:url(../img/nav/tab-line.gif); background-repeat:repeat-x;
}

div.tabs a
{
   display:block;
   float:left;
   text-decoration:none; 
   text-align:left;
   padding:10px;
   padding-left:25px;
   margin:0px;
   width:100px; 
   height:100px; overflow:hidden; 
   background-image:url(../img/nav/tab-back.gif);  
   background-repeat:no-repeat;
}

div.tabs a.front
{
   background-image:url(../img/nav/tab-front.gif);
   overflow:visible; 
}
div.tabs a:link    {color:#1e1e6c;text-decoration:underline;}   /* noch nicht besuchte Seiten */
div.tabs a:visited {color:#5050ff;text-decoration:underline;}  /* bereits besuchten Seiten */
div.tabs a:active  {color:#ffcc00;text-decoration:none;}   /* gerade angeklickt */
div.tabs a:hover   {background-image:url(../img/nav/tab-front.gif);}



/* fuer die operation instructions: rahmende Tabelle, Linke und Rechte Seite */
table.OP
{
  margin-top:1cm;
  border-style:none;
}

th.opL
{
  padding:10px;
  padding-left:10px;
  border-style:none;
  background-color:#1c1cc6;
  text-align:left;
  color:white;
  font-size: 20px;
  font-weight: 700;
  width: 400px;
}

th.opR
{
  padding:10px;
  padding-left:10px;
  border-style:none;
  background-color:white;
  text-align:left;
  font-size: 20px;
  font-weight: 700;
}

/* OPeration Left side (with pictures etc) */
td.opL{
  text-align:right;
  vertical-align:middle;/* geht das?? */
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  /*width:280px;*/
  border-style:none;
  background-color:#aaaacc;
  background-repeat:repeat-y;
  font-size: 20px;
}

td.opR
{
  padding-left:20px;
  border-style:none;
  background-color:white;
  font-size:12pt;
}


/* Fuer die Darstellung von LCDisplays */
table.LCD
{
  background-color:#ccddbb; 
  border-style:solid;
  border-width:3px;
  border-color:black;
  border-right-color:#808080;
  border-bottom-color:#808080;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:10px;
  margin-bottom:10px;
  width:290px;
}

table.LCD td
{ 
  background-color:#bbccaa;
  padding: 0px;
}
 
ul.ListOfLinks{list-style-image:url(../img/nav/blue-right-arrow-11x11.gif);}
ul.ListOfPrgs{list-style-image:url(../img/nav/Gabelschluessel.gif);/*margin-top:2px;*/}



body.index ul     
{ 
  margin-left:0px; 
  padding-left:0px; 
  list-style-type:none; 
}

body.index  li  
{
  margin-bottom:2px; 
  padding-left:10px; 
  margin-left:0px; 
}

body.index ul.xref li
{
  display:block;
  clear:none;
  float:left; 
  background-color:transparent;
  border: none 0px;
  margin: 1px;
  padding:0;
  
  width:16px;
  font-size:14px;
  text-align:center;
}

body.index ul.xref li.selected 
{
   display:list-item;
   clear:both;
   float:none;   
  border: none 0px;
  background-color:transparent;
  width:auto;
  hight:auto;
  font-size:20px;
  text-align:left;
}

body.index ul.xref li.selected ul li
{
   display:block;
   clear:both;
   float:none;   
  border: none 0px;
  width:auto;
  background-color:transparent;
  text-align:left;
  margin-left:10px;
}


body.index   ul.selected  a
{
  /*font-family:"ArialNarrow",Arial,sans-serif;*/
  width:100%;
}




a.xref{          color:#666666;text-decoration:none; margin:0;padding:0;}
a.xref:link    { color:#666666; }   /* noch nicht besuchte Seiten */
a.xref:visited { color:#666666; }  /* bereits besuchten Seiten */
a.xref:active  { color:#ffcc00;background-color:3333ff;}   /* gerade angeklickt */
a.xref:hover   {               text-decoration:underline; background-color:c0c0c0;}

div.icon 
{
   text-align:center; 
/*   width:80px; */
/*   height:64px; */
   float:left;
}
div.icon img{clear:both;}

body.Topaz div.icons ,
div.icons 
{
   width:40%; 
   padding-top: 0px;
   margin-top:24px;
   background-image:url( ../img/NEC_Logo.gif);
   background-position:top left;
   background-repeat:no-repeat;

   float:right;
}

div.icon a
{
   text-decoration:none; 
   padding:2px; 
   margin:0px; 
   padding-top: 33px;
   background-position:top center;
   background-repeat:no-repeat;
   float:left;

   width:80px;
   color:#1e1e6c; 
   background-color:transparent;
/*
   border-color:#66c;
   border-style:solid;
   border-width:1px;
*/
}
div.icon a:link    {}   
div.icon a:visited {} 
div.icon a:active  {text-decoration:underline;} 
div.icon a:hover   {text-decoration:underline; color:#5050ff;}

div.icon a.txt
{
   background-image:url( ../img/icons/txt.gif);
}

div.icon a.pdf
{
   background-image:url( ../img/icons/pdf.gif);
}

div.icon a.hlp
{
   background-image:url( ../img/icons/hlp.gif);
}

div.icon a.dir
{
   background-image:url( ../img/icons/dir.gif);
}

div.icon a.dir:hover
{
   background-image:url( ../img/icons/dir-open.gif);
}


body.index a{margin:0px;padding:1px;margin-left:1px;}
body.index a:link,
body.index a:visited {color:#000000; text-decoration:none;    } 
body.index a:active,
body.index a:hover   {/*color:#ffcc00; */text-decoration:none; /*font-weight:bold;*//* background-color:#ffffff; */
   border-color:#999;
   border-style:solid;
   border-width:1px;
   margin-left:0px;
}   /* gerade angeklickt */


div.button
{ 
	width:24px; height:24px;
	padding:4px; 
	margin:0px; 
	border-style:none; border-width:0px; 
	background-image:url(../img/nav/button.gif);
}


h3.new
{
   color:red;
   padding: 10px 10px 10px 35px;
   vertical-align:bottom;
   margin-bottom:16px;
	background-image:url(../img/new.gif);
   background-position: center left;
   background-repeat:no-repeat;
/*   border-width:1px; border-style:solid; border-color:#ffffff;*/
}



/* 
 * displaying words marked as cross reference 
 * (only for debugging)
 */

/*
span.xref
{
   background-color:transparent;
   color:#999;
   border-color:#999;
   border-style:solid;
   border-width:1px;
}
*/

/* Textmarker-Effekt */
span.yell {background-color:#ffff33;}


/* colors (deprecated, besides NEC colors) */
.Blue {color: #1e1ec6;}
.LBlue {color: #5050ff;}
.Cyan {color: #00cccc;}
.Green {color: green;}
.Magenta {color: #ff00ff;}
.Red {color: red;}
.orange {color:#FFCC00;}
.NECBlue {color:#1C1CC6;}
.NECLBlue {color:#5050FF;}

/* 
 * makes errors pop out 
 */
.error 
{	
   background-image:url(../img/blockingstripes.gif) !important; background-repeat:repeat-y;
   font-weight: bold;font-size: 15pt;color:#000; 
   padding:20px;
}

br
{
   display:block;
   margin:0;
   padding:0;
   margin-top: 16px;
   
}
