/*****************************************************************/
/*                                                               */
/*                 Style-Sheet-Datei fuer Opslink                */
/*                                                               */
/* CHANGED 30Aug01 sci - erste Version(tr.head, tr.label)        */
/*         28Feb02 gha - erweitert                               */
/*         29Apr02 pas - erweitert                               */
/*         03Jun02 raf - um Tabellenliste mit halber             */
/*                       Bildschirmbreite erweitert              */
/*         13May04 gha - um td.dark erweitert                    */
/*         14Jul04 doh - erweiter fuer tab-Folders in MVT        */
/*         20Sep04 doh - Menu buttons verkleinert                */
/*                     - um input.but-* erweitert                */
/*         17Dec04 doh - Customization: Bilder, Zellen,          */
/*                       TabFolders, usw. neu formuliert.        */
/*         27Feb06 gah - Definition but-ref mit                  */
/*                       Mouse-Over-Effekt                       */
/*         13Oct06 gah - Anpassungen fuer Tabellendarstellungen  */
/*         08Jan07 toe - Clock changed.                          */
/*         13Feb08 tar - Intergrate the new CSS (redaction: alv) */
/*                       and modify the td.field and td.sublabel */
/*         09Apr09 toe - td.label and td.sublabel alternatives   */
/*                       was introduced                          */
/*         18Oct10 tar - Change the td general class : delete    */
/*                       the nowrap attribut (apc00200733)       */
/*         09Jul15 son - change width table.tabs-in    HP-11680  */
/*                                                               */
/* ACHTUNG: Einige der Formatierungen werden nur vom MS IE 4     */
/*          beruecksichtigt, Netscape 4.0 ignoriert diese Angaben*/
/*                                                               */
/*****************************************************************/

/************************/
/**** General styles ****/	

body,p,h1,h2,h3,h4,h5,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
{ 
  font-family:Arial,sans-serif; 
  color:#222222;
  padding:1px;
}
	
/********************/
/* Background       */
 
body 
{
  margin-left:0px; 
  margin-right:0px;
  margin-top:12px; 
  margin-bottom:12px;
  background-color :#ffffff;
/*  background-color :#efefef;*/
}

/**************/
/**** Text ****/

p,ul,ol,li,div,td,th,address,nobr,b,i,button /* normaler Text */
{
  font-size:9pt;
  font-family:Arial,sans-serif; 
}

li.error
{
  font-size:9pt;
  font-family:Arial,sans-serif;
}

/***************/
/* Text bold   */

p.bold 
{
  font-weight:bold;
}

/****************/
/* Text mini    */

p.mini
{
  font-size:8pt;
}

/*****************************/
/* Text holder for UTC clock */

span.clock
{
  position: absolute;
  left: 410px;
  top: 19px;
  font-weight: bold;
  font-size: 8pt;
}

span.hideClock
{
  display: none;
}


/***********************/
/* Quelltext-Beispiele */

pre 
{ 
  font-family:Courier New,Courier; 
  font-size:9pt; 
  color:#0000C0; 
} 

/********************************************/
/* Quelltext-Befehle im normalen Fliesstext */

tt 
{ 
  font-family:Courier New,Courier; 
  font-size:9pt; 
  color:#0000C0; 
}

/**********************/
/*Seitenueberschrift*/

h1
{
  font-size:18pt;
  color:#444444;
  border-color:#39447b;
  border-top-width:0pt; 
  border-top-style:double;
}


/**************************************************/
/* Abschnittsueberschriften innerhalb einer Seite */

h5 
{ 
  font-size:11pt; 
  margin-bottom:6pt;
}

/**************************************************/
/* Abschnittsueberschriften innerhalb einer Seite */

h2 
{ 
  font-size:11pt; 
  margin-top:10pt;
  margin-bottom:4pt;
}

/*********************************************************/
/* Zwischenueberschriften wie 'Beispiel', 'Erlaeuterung' */

h3
{ 
  font-size:10pt; 
}

/*********************************************/
/* Zwischenueberschriften an manchen Stellen */

h4
{ 
  font-size:10pt; 
  font-style:italic;
}

/**********************************/
/* Tabelle fuer die Abfragemasken */

table.query 
{
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-color: #859ab0 #859ab0 #859ab0 #859ab0  ;
	border-style: solid solid solid solid ;
	background-color: dfdfdf;
        margin-top : 15px;
        margin-left : 0px;
        width : 800px;
}


/**********************************/
/* Tabelle fuer die Ergebnisliste */

table.list
{
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: #859ab0  #859ab0  #859ab0  #859ab0 ;
	border-collapse: collapse;
	background-color: white;
/*  padding:0px;*/
  width : 800px;
}

/******************************************/
/* Tabelle fuer die schmale Ergebnisliste */

table.listslim
{
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: #859ab0  #859ab0  #859ab0  #859ab0 ;
	border-collapse: collapse;
	background-color: white;
  width : 400px;
}

/************************************/
/* Ueberschrift der Ergebnistabelle */

th 
{
  text-wrap: none;
  background-color: #afafaf;
  font-size:9pt;
  text-align:left;
}

/*************/
/* Table row */

tr
{
  vertical-align:top;
}

/*************************************************/
/* Tabellenzeile, "Ueberschrift" bei Detailliste */

tr.head 
{
	border-spacing: 0px;
	border-color: #859ab0 #859ab0 #859ab0 #859ab0 ;
	border-collapse: collapse;
        background-color:#859ab0;

}

/***************************************************/
/* Tabellenzelle mit hervorhgehobenen Farbe */

td.dark
{
  font-weight:bold;
  width:250;
  background-color:#ffffff;
}


/**************************************************************************/
/* Tabellenzeilen, wechselnde Hintergrundschattierungen bei Ergebnisliste */

tr.light
{
  background-color:#dfdfdf
}

tr.light2
{
  background-color:#FFFFEF
}

tr.dark
{
  background-color:#ffffff
}

/****************************/
/* Tabellenzelle, allgemein */

td
{
  vertical-align:top;
  font-size:9pt;
}

/************************/
/* Table for StartImage */

table.home
{
  width : 800px;
  margin-top: 8px;
}

/*************************************************/
/* Table for Header Images (prod-img & corp-img) */

table.header
{
  width: 100%;
}

/*********************************************************/
/* Table Cell for Action images (leg,check,airport,etc.) */

td.action-img
{
  vertical-align: top;
  text-align: right;
}

/************************/
/* Table Cell bold text */

td.label
{
  border-width: 1px 0px 0px 1px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: #859ab0 #afafaf #859ab0 #afafaf ;
  border-collapse: collapse;
  background-color: white;
  font-weight:bold;
  background-color:#dfdfdf;
  width: 220;
}

td.labelnowidth
{
  border-width: 1px 0px 0px 1px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: #859ab0 #afafaf #859ab0 #afafaf ;
  border-collapse: collapse;
  background-color: white;
  font-weight:bold;
  background-color:#dfdfdf;
}

td.headlabel
{
  border-width: 1px 0px 0px 1px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: #859ab0 #afafaf #859ab0 #afafaf ;
  border-collapse: collapse;
  background-color: white;
  font-weight: bold;
  width: 120;
  background-color: #dfdfdf;
}

td.sublabel
{
  border-width: 1px 0px 0px 0px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: #859ab0 #afafaf #859ab0 #afafaf ;
  font-weight: bold;
  background-color: #dfdfdf;
  width: 100;
}

td.sublabelrightaligned {
  border-width: 1px 0px 0px 0px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: #859ab0 #afafaf #859ab0 #afafaf ;
  font-weight: bold;
  background-color: #dfdfdf;
  width: 100;
  text-align: right;
}

td.field
{
  border-width: 0px 0px 0px 0px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: #859ab0 #afafaf #859ab0 #afafaf ;
  border-collapse: collapse;
  background-color: white;
  background-color:#ffffff
}

/**********************************************/
/* Tabellen-Bereiche mit Beispiel-Quelltexten */

td.xmpcode 
{ 
  width:200pt;
  border-width:1pt; 
  border-style:solid; 
  border-color:#999999; 
  background-color:#FFFFE0; 
  font-family:Courier New,Courier; 
  font-size:9pt; 
  color:#0000C0
}

/**************************************/
/* Tabellen-Bereiche mit Erklaerungen */

td.xplcode 
{ 
  width:200pt;
  
  background-color:#EEEEFF; 
  font-size:9pt; 
}

/**********************/
/* Buttons, allgemein */

button {
  background-color :#859ab0;
  color:#FFffff;
}

/*****************************************************/
/* Buttongroesse fuer "Find", "Reset" und aehnliches */

button.small
{
  width:50pt;
  text-align:center;
  display: block;
}

/***************************************************/
/* Falls mal ein l?ngerer Button ben?tigt wird ... */

button.large
{
  width:70pt;
  text-align:center;
  display: block;
}

/*****************************************************/
/* Buttongroesse fuer "Find", "Reset" und aehnliches */

input.btn-small
{
        color: #ffffff;
        width:50pt;
        text-decoration: none;
        text-align: center;
        background-color :#859ab0;
        font-family: Arial, Helvetica, sans-serif;
/*
  background-color :#859ab0;
  color:#FFffff;
  width:50pt;*/
}

/*****************************************************/
/* Falls mal ein laengerer Button benoetigt wird ... */

input.btn-large
{
  width:70pt;
  background-color :#859ab0;
  color:#Ffffff;
  width:70pt;
}

/*******************************************************************/
/* ungeordnete Liste: Kreis-Symbol (Ausgabe der Fehlermeldungen !) */

ul
{
  list-style-type:disk
  text-align:left;
}

li
{
  font-size:12pt;
  font-weight:bold;
}

/**********************************/
/* geordnete Liste: Dezimalzahlen */

ol 
{
  list-style-type:decimal 
}
  
/**************/
/* Trennlinie */

hr
{
  border: 0;
  color:#ffffff
}

/*********/
/* Links */

a:link /* Verweise zu noch nicht besuchten Seiten */
{  
  color:#2c4b7d;
  text-decoration:underline; 
}

a:visited /* Verweise zu bereits besuchten Seiten */
{ 
  color:#555555; 
  text-decoration:underline; 
}

a:active /* Verweise, die gerade angeklickt werden */
{ 
  color:#555555; 
  text-decoration:none; 
}

/**************************************/
/* Kleiner Text und kleiner Text fett */

a.mini 
{
  font-size:8pt;
}

a.mini-bold 
{
  font-size:8pt;
  font-weight:bold;
}

/***************************************************************/
/* Menu button classes. Sample:                                */
/*                                                             */
/* <table class="but-ref">                                     */
/* <tr><td class="but-ref">                                    */
/* <html:link href="tmplAirportQuery.jsp">Airports</html:link> */
/* </td></tr>                                                  */
/* </table><br>                                                */

.but-ref td a {
        color: #2c4b7d;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #859ab0 #afafaf #859ab0 #afafaf ;
	border-collapse: collapse;
        width: 8em;
        text-decoration: none;
        text-align: center;
        background-color: #dfdfdf;
        font-family: Arial, Helvetica, sans-serif;
        display: block;
}

.but-ref td a:visited {
        text-decoration: none;
}

.but-ref td a:linked {
        text-decoration: none;
}

.but-ref td a:hover {
        color: white;
        background-color: 4f8bcf;
} 

/************************/
/* Tab-Folder classes   */

/*************************************************/
/* TabFolders Table (Contains whole TabFolders)  */

table.tabs
{

  border-style: solid;
  border-color: #859ab0;
  margin-top: 20px;
  width: 800;
  border: 0pt;
}

/***********************************************************/
/* TabFolder body container table (Contains the MVT fields)*/

table.tabs-in
{
  border-color: #859ab0;
  margin-left: 20px;
  width: 98%;
}

/*********************************/
/* TabFolder boby container cell */

td.tabs
{
  border-style: solid;
  border-color: #859ab0;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
}

td.tabs-bottom
{
  border-style: solid;
  border-color: #859ab0;
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}

/*******************************/
/* TabFolders' container cell  */

td.tab
{
  color: #2c4b7d;
  text-align: center;
  text-decoration: none;
  font-size: 8pt;
  font-weight: normal;
  border: 0pt;
  cursor: hand;
  width: 180;
  height: 16;
}

td.tab-bold
{
  text-align: center;
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  border: 0pt;
  cursor: hand;
  width: 80;
  height: 16;
}


/**********************************/
/* Container cell TabFolder-Left  */

td.tab-left
{
  width: 9;
  height: 16;
}

/*************************************/
/* Container cell TabFolder-Between  */

td.tab-between
{
  width: 17;
  height: 16;
}

/***********************************/
/* Container cell TabFolder-Right  */

td.tab-right
{
  width: 17;
  height: 16;
}

/**********************************/
/* TabFolder body container table */

table.tabs-in
{
  margin-left: 20px;
  width: 98%;
}

/**************************************************************************/
/* NLOA-15856 Prevent click until CSRF token injection has been completed */

div.click-blocker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  background-color: white;
  opacity: 0.2;
  cursor: progress;
}