/*  ***********************************************************************************************

    Copyright (c) 2000-2002 EUROCONTROL, all rights reserved.
    This work is subject to the license provided in the file LICENSE.txt.

    Identifiers
    ============
    SYSTEM:      eAIP.css
    HTML:        <link rel="stylesheet" href="eAIP.css" type="text/css"/>
    Version:     1.0.1
    Date:        6 November 2002
    Description: Main style sheet for XHTML eAIPs

    ******************************************************************************************** */
/*
   ------------------------------------------------------------------------------------------------
   Set the basic font families for the main Body and Table hierachies
   Note these should be UNICODE fonts to allow the display of various Unicode characters
   Special characters used in the XSL file are:
     #x00A0   No-Break space
     #x2014   Em Dash
     #x2191   Upwards Arrow
     #x2192   Rightwards Arrow
     #x2193   Downwards Arrow
     #x25b2   Black Up-Pointing Triangle
     #x25b3   White Up-Pointing Triangle (may not be available in non-Unicode fonts)
   ------------------------------------------------------------------------------------------------
*/
body {
    background-color: white;
    margin: 5px;
}

table {
    background-color: #ffffff;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    margin-top: 10px;
}

table.Thin, table.Standard {
    margin-left: auto; 
    margin-right: auto;
}

.Invisible {
    border-style: none;
    background-color: transparent;
}

table.Invisible {
    border-style: none;
    background-color: transparent;
}

td.Invisible {
    border-style: none;
    background-color: transparent;
}

th.Invisible {
    border-style: none;
    background-color: transparent;
}

tr.Invisible {
    border-style: none;
    background-color: transparent;
}

.Invisible tr {
  border-style: none;
  background-color: transparent;
}

.Invisible th {
  border-style: none;
  background-color: transparent;
}

.Invisible td {
  border-style: none;
  background-color: transparent;
}

tfoot tr th {
	font-weight: normal;
	text-align: left;
}

abbr, acronym {
    cursor: help; /* IE 5.0 doesn't do this by itself */
    /*  color: #666666; */
    /*  font-variant: small-caps; don't change the case: some abbreviations are in lower case */
    letter-spacing: 0.1em;
    border-bottom: 1px dotted black; /* IE 5.0 doesn't do this by itself */
}


html > head:first-child + body, html > head:first-child + body div, html > head:first-child + body p, html > head:first-child + body li, html > head:first-child + body td, html > head:first-child + body th {
    font-size: small; /* intended value for better browsers */
}

body, p, li {
    font-family: Arial, Helvetica, sans-serif; /* Note: Verdana doesn't contain some Unicode characters that we need */
}

/*basic list items styles*/
ol {
    counter-reset: item;
    margin: 0;
}

ol > li {
    list-style: none;
    position: relative;
    margin: 0.5em 0;
}

li.li05cm,
li.li105cm,
li.lia05cm,
li.lii05cm,
li.linote05cm {
    margin-left: 0.5cm;
}

li.li1cm,
li.lia1cm,
li.lii1cm {
    margin-left: 1cm;
}

ol > li:before {
    content: counter(item, decimal) ") ";
    counter-increment: item;
    left: -1.4em;
    position: absolute;
}

ol.li > li:before,
ol.li05cm > li:before,
ol.li1cm > li:before {
    content: "- ";
}

ol.linote > li:before,
ol.linote05cm > li:before {
    content: "Note " counter(item, decimal) ": ";
    left: -3.4em;
}

ol.lia > li:before,
ol.lia05cm > li:before,
ol.lia1cm > li:before {
    content: counter(item, lower-alpha) ") ";
}

ol.lii05cm > li:before,
ol.lii1cm > li:before,
ol.lir > li:before {
    content: counter(item, lower-roman) ") ";
}

a {
    color: #0000FF;
}

/*
   ------------------------------------------------------------------------------------------------
   Block Elements 
   ------------------------------------------------------------------------------------------------
*/
td {
    font-family: Arial, Helvetica, sans-serif; /* note Verdana: too large */
    /*border-color: #999999;
    border-style: solid;
    border-width: 0 1px 1px 0;*/
    margin: 20px;
    padding: 6px;
}

th {
    font-family: Arial, Helvetica, sans-serif; /* note Verdana: too large */
    /*border-color: #999999;
    border-style: solid;
    border-width: 0 1px 1px 0;*/
    margin: 0;
    padding: 2px;
}

table, td, th {
    border: 1px solid #999999;
}

table {
    border-collapse: collapse;
}


p, div {
    margin-top: 1em;
}

/*
   ------------------------------------------------------------------------------------------------
   CSS Classes
   ------------------------------------------------------------------------------------------------
*/
/* Floating menu */
#floatingMenu {
    position: absolute; /* default for broken browsers */
    top: 3px;
    right: 4px;
    margin: 0;

    background: #ddddff;
    border: outset #ccccff 1px;
    padding: 0;
    text-align: left;
}

body > div#floatingMenu {
    position: fixed; /* only real CSS-compliant browsers understand this (not IE5.5) */
}

#floatingLabel {
    padding-left: 3px;
    margin-right: 3px;
}

#floatingMenu ul {
    margin: 0 0 0 15px;
    padding: 0;
}

li.menu {
    font-size: 10px;
}

li.menu-on {
    list-style: disc;
}

.menu a {
    text-decoration: none;
}

.menu a:visited {
    color: blue;
}

.menu a:hover {
    color: red;
    text-decoration: underline;
}

/*
   ------------------------------------------------------------------------------------------------
   The "Front page" div element
   ------------------------------------------------------------------------------------------------
*/
.FrontPage {
    color: white;
    text-align: center;
    background-color: blue;
    padding: 10px 20px 10px 20px;
}

.FrontPage_SUP {
    color: #000000;
    text-align: center;
    background-color: #FFFF99;
    padding: 10px 20px 10px 20px;
}

.FrontPage_AIC {
    color: #000000;
    text-align: center;
    background-color: white;
    padding: 10px 20px 10px 20px;
}

/* Special style for AIC type 0 - "Not Specified" */
.FrontPage_AIC0 {
    background-color: #ffffff;
	color: #000000;
    text-align: center;
	padding: 10px 20px 10px 20px;
}

/* Special style for AIC type 1 - "Administrative (White)" */
.FrontPage_AIC1 {
    background-color: #ffffff;
	color: #000000;
    text-align: center;
	padding: 10px 20px 10px 20px;
}

/* Special style for AIC type 2 - "Air Traffic Control (Yellow)" */
.FrontPage_AIC2 {
    background-color: #ffff99;
	color: #000000;
    text-align: center;
	padding: 10px 20px 10px 20px;
}

/* Special style for AIC type 3 - "Safety (pink)" */
.FrontPage_AIC3 {
    background-color: #ffcccc;
	color: #000000;
    text-align: center;
	padding: 10px 20px 10px 20px;
}

/* Special style for AIC type 4 - "Danger Area Map (Mauve)" */
.FrontPage_AIC4 {
    background-color: #ccaaff;
	color: #000000;
    text-align: center;
	padding: 10px 20px 10px 20px;
}

/* Special style for AIC type 5 - "Maps, Charts (Green)" */
.FrontPage_AIC5 {
    background-color: #99cc99;
	color: #000000;
    text-align: center;
	padding: 10px 20px 10px 20px;
}

.logo {
}

.consult-notam {
    text-transform: uppercase;
}

/*
   ------------------------------------------------------------------------------------------------
   The GEN/ENR/AD, SUP, AIC section starts
   ------------------------------------------------------------------------------------------------
*/
h1.Title, h1.TitlePart, .SectionStart {
    color: white;
    text-transform: uppercase;
    text-align: center;
    background-color: #00008b;
    padding: 20px 20px 20px 20px;
}

/* Special style for AIC type 0 - "Not Specified" */
h1.SectionStart_AIC0 {
    color: black;
    background-color: #ffffff;
	text-transform: uppercase;
    text-align: center;
	padding: 20px 20px 20px 20px;
}

/* Special style for AIC type 1 - "Administrative (White)" */
h1.SectionStart_AIC1 {
    color: black;
    background-color: #ffffff;
	text-transform: uppercase;
    text-align: center;
	padding: 20px 20px 20px 20px;
}

/* Special style for AIC type 2 - "Air Traffic Control (Yellow)" */
h1.SectionStart_AIC2 {
    color: black;
    background-color: #ffff99;
	text-transform: uppercase;
    text-align: center;
	padding: 20px 20px 20px 20px;
}

/* Special style for AIC type 3 - "Safety (pink)" */
h1.SectionStart_AIC3 {
    color: black;
    background-color: #ffcccc;
	text-transform: uppercase;
    text-align: center;
	padding: 20px 20px 20px 20px;
}

/* Special style for AIC type 4 - "Danger Area Map (Mauve)" */
h1.SectionStart_AIC4 {
    color: black;
    background-color: #ccaaff;
	text-transform: uppercase;
    text-align: center;
	padding: 20px 20px 20px 20px;
}

/* Special style for AIC type 5 - "Maps, Charts (Green)" */
h1.SectionStart_AIC5 {
    color: black;
    background-color: #99cc99;
	text-transform: uppercase;
    text-align: center;
	padding: 20px 20px 20px 20px;
}

h1.SectionStart_SUP {
    color: black;
    background-color: #ffff99;
	text-transform: uppercase;
    text-align: center;
	padding: 20px 20px 20px 20px;
}

/*
   ------------------------------------------------------------------------------------------------
   Handle the H1 on the "front" page
   ------------------------------------------------------------------------------------------------
*/
.H1 {
    margin: 0 0 20px 0;
}

h2 {
    margin: 0 0 4px 0;
}

/*
   ------------------------------------------------------------------------------------------------
   Titles & the outlining mechanism
   ------------------------------------------------------------------------------------------------
*/
caption {
    color: maroon;
    text-align: left;
}

.Title, .TitleAD, .TitleSection, .Title1, .Title11PageBreak {
    color: maroon;
    font-weight: bold;
}

.Title11, .Title111, .Title11PageBreak, .Title111PageBreak {
	font-weight: bold;
	font-size: small;
}

.TitleChapter {
    color: maroon;
    font-weight: bold;
    text-align: center;
}

.TitleAD {
    background-color: #bbbbbb;
    padding: 4px 0;
}

.Outline {
    color: maroon;
    background-color: #00ccff;
    text-transform: uppercase;
    text-align: left;
}

span.Outline {
    /*  border: 1px solid black; */
}

.Sub-title {
    color: maroon;
    text-align: left;
}

.Paragraph11 {
    font-weight: normal;
}

h2.Title {
    color: maroon;
    background-color: white;
    padding: 0px;
}

/*
   ------------------------------------------------------------------------------------------------
   Table of Contents
   ------------------------------------------------------------------------------------------------
*/
.toc-block {
    margin-top: 0;
    margin-bottom: 0;
}

.toc {
    margin: 4px;
    font-size: 0.9em;
}

h3.toc, h4.toc {
    font-weight: normal;
}

h4.toc {
    padding-left: 20px;
    margin-top: 0;
}

/*
   ------------------------------------------------------------------------------------------------
   Graphics & their titles classes
   ------------------------------------------------------------------------------------------------
*/
img {
    vertical-align: middle;
    border-width: 0;
}

.Figure-Left {
    color: maroon;
    text-align: left;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.Figure-Right {
    color: maroon;
    text-align: right;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.Figure-Center {
    color: maroon;
    text-align: center;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.Figure-title {
    color: maroon;
    margin-top: 2pt;
    margin-bottom: 0;
    padding-right: 5px;
}

.Figure {
    display:inline-block;
}

.Graphic {
    text-align: center;
    border: 2px solid black;
    margin-top: 3pt;
    margin-bottom: 0;
}

.graphic-box {
    margin: 5px 0;
}

.icon {
    padding: 0 4px 0 4px;
}


/*
   ------------------------------------------------------------------------------------------------
   Block elements classes
   ------------------------------------------------------------------------------------------------
*/
.Address {
}

.Address-part {
    margin-top: 0;
    margin-bottom: 0;
    text-indent: 0;
}

.Address-post, .Address-post p {
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

td p, th p, td div, th div, li p, li div {
    margin-top: 0;
    margin-bottom: 0;
    text-indent: 0;
}

.Note {
    font-style: italic;
	font-size: xx-small;
	vertical-align: text-top;
}

.NilNote {
    margin: 20px;
    padding: 10px;
    background-color: #eeeeee;
    font-style: italic;
}

.HideInHTML {
    display: none;
}

/* default for Amendments */
.AmdtDeletedAIRAC, .AmdtDeletedNon-AIRAC {
    text-decoration: line-through;
}

.line {
    margin-top: 0;
    margin-bottom: 0;
}

ins {
	text-decoration: none;
}

/*
   ------------------------------------------------------------------------------------------------
   Inline elements classes
   ------------------------------------------------------------------------------------------------
*/
.Unknown {
    color: red;
    background-color: #ffcc00;
}

.Missing-id {
    color: red;
    background-color: #ffcc00;
}

.Date-time {
    color: blue;
}

.Equation {
    font-family: monospace;
    font-weight: bold;
}

.Literal {
    font-family: monospace;
    color: white;
    background-color: gray;
    padding: 2pt 5pt;
}

acronym.Note {
    /*font-size: 0.7em;*/
    font-size: xx-small; /* IE 5 and 6 value*/
    vertical-align: text-top; /* IE 5 and 6 does not work*/
    font-variant: normal;
    letter-spacing: normal;
    font-style: normal;
}

.strong {
    font-weight: bold;
}

html > head:first-child + body acronym.Note {
    font-size: 0.7em; /* Mozilla value*/
}

.ADName {
    text-align: center;
    font-weight: bold;
}

.Sub-script, .Super-script {
    font-size: xx-small; /* IE 5 and 6 value*/
}

html > head:first-child + body .Sub-script, html > head:first-child + body .Super-script {
    font-size: 0.83em; /* Mozilla value*/
}

.Sub-script {
    vertical-align: sub;
}

.Super-script {
    vertical-align: super;
}

/*
   ------------------------------------------------------------------------------------------------
   List Styles
   ------------------------------------------------------------------------------------------------
*/
.Numbered {
    list-style: decimal;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.Lower-Alpha {
    list-style: lower-alpha;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.Upper-Alpha {
    list-style: upper-alpha;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.Lower-Roman {
    list-style: lower-roman;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.Upper-Roman {
    list-style: upper-roman;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.Itemised {
    list-style: disc;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.abbr-title {
    background: #cccccc;
    font-weight: bold;
}

.abbr-detail {
    font-size: 0.8em;
}

.abbr-detail-light {
    background: #f0f0cc;
    font-size: 0.8em;
}

.IndTable {
}

.IndTable td {
    padding: 0;
}

.IndSubTable {
    border: none;
}

.IndSubTable th, .IndSubTable thead td {
    border-bottom-width: 1px;
}

.IndSubTable th, .IndSubTable td {
    border-right: none;
    padding: 2px;
}

/************************ SUPPLEMENT TABLES *********************/
.SupTable td, th
{
	background-color: #ffffff;
	border-color: #999999;
    border-style: solid;
    border-width: 1px;
	padding: 4px;
}

/************************ AMENDMENT TABLES *********************/
.AmdtTable {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

table.AmdtTable
td, th
{
	text-align: center;
	background-color: white;
	border-color: #999999;
    border-style: solid;
    border-width: 1px;
	padding: 2px;
	
}

/* test for partial AD hiding
.ADblock {
	display: block;
}
.ADblock .TitleAD {
}
.AmdtDeleted div, .AmdtDeleted p, .AmdtDeleted hr {
	display: none;
}
*/

/*
   ------------------------------------------------------------------------------------------------
   ENR, Navaid & Designated point table element classes
   ------------------------------------------------------------------------------------------------
*/
.ENR-table {
    border-color: #999999;
    margin: 5px;
}

/* Table row types */
.Table-row-type-1 {
    background-color: #aaaacc;
    border-color: black;
}

.Table-row-type-2 {
    background-color: #dddddd;
    border-color: black;
}

.Table-row-type-3 {
    background-color: #eeeeee;
    border-color: black;
}

.Table-row-type-3 th, .Table-row-type-3 td {
    border-left: 1px solid #dddddd;
}

.hspace td {
    border-top: 1px solid #dddddd;
}

.Remark-title {
    text-decoration: underline;
    font-style: italic;
}

.Route-designator {
    font-size: 1.3em;
    font-weight: bold;
}

/* Upper and lower presentation*/
.UpperAndLower {
    text-align: center;
}

.UpperAndLower table {
    margin: 0 auto;
    border: 0;
    text-align: center; /* IE doesn't inherit centering... */
    background: inherit;
}

td.Upper {
    border: 0;
    border-bottom: solid black 1px;
}

td.Lower {
    border: 0;
}

th div table tbody tr td {
    font-weight: bold; /* IE doesn't inherit the style of the th */
}

/* cell borders */
.colsep-0 th, .colsep-0 td, tr th.colsep-0, tr td.colsep-0 {
    border-right-width: 0;
}

.colsep-1 th, .colsep-1 td, tr th.colsep-1, tr td.colsep-1 {
    border-right-width: 1px;
}

.rowsep-0 th, .rowsep-0 td, tr th.rowsep-0, tr td.rowsep-0 {
    border-bottom-width: 0;
}

.rowsep-1 th, .rowsep-1 td, tr th.rowsep-1, tr td.rowsep-1 {
    border-bottom-width: 1px;
}

/*
   ------------------------------------------------------------------------------------------------
   eAIC and eSUP classes
   ------------------------------------------------------------------------------------------------
*/

div.frontPage table {
    color: white;
    border: none;
}

.AIC-SUP-doc {
    border: none;
}

.AIC-SUP-title {
    background-color: transparent;
    border: none;
	width: 100%;
}

.AIC-SUP-contact-column {
    width: 30%;
    border: none;
}

.AIC-SUP-country-column {
    width: 40%;
}

.AIC-SUP-doc-column {
    width: 30%;
    border: none;
}

.AIC-SUP-contact {
    text-align: left;
    text-transform: none;
    border: none;
}

.AIC-SUP-contact a {
    color: #000000;
}

.AIC-SUP-country {
    border: none;
}

.AIC-SUP-doc p {
    font-size: 1.5em;
    font-weight: bold;
    border: none;
}

.Contact {
    border: none;
}

.eAIP-reference {
    margin: 0px;
    padding: 10px;
    background-color: #eeeeee;
    font-style: italic;
    border: none;
}

.AllBordersTable {
    margin-left: auto;
    margin-right: auto;
}

.AllBordersTable td {
    border-width: 1px;
}

.AllBordersTable th {
    border-width: 1px;
}

.ParagraphFraction,
.ParagraphCZFraction,
.Paragraph05cmFraction,
.ParagraphcenterFraction,
.CellLeftTopFraction,
.CellLeftMiddleFraction,
.CellLeftBottomFraction,
.CellCenterTopFraction,
.CellCenterMiddleFraction,
.CellCenterBottomFraction,
.CellRightTopFraction,
.CellRightMiddleFraction,
.CellRightBottomFraction {
    text-decoration: overline;
}

.Subscript {
    vertical-align: sub;
    font-size: smaller;
}

.Superscript {
    vertical-align: super;
    font-size: x-small;
}

.Numeric.Underline {
    position: relative;
}

.Numeric.Underline:after {
    content: " ";
    position: absolute;
    width: 110%;
    height: 1px;
    background-color: black;
    bottom: 0;
    left: -6%;
}

.Underline {
    position: relative;
}

.Underline:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: black;
    bottom: 0;
    left: -3%;
}

.WhiteTable {
    background-color: #ffffff;
}

@font-face {
    font-family: 'AeroSymbol';
    src: url('AeroSymbol.ttf') format('truetype')
}

.AeroSymbol {
    font-family: 'AeroSymbol', sans-serif;
}

.ENR3xEnRoute {
    background-color: #f0f0f0;
}

tr.ENR3X_ChoiceRouteRow td {
	background-color: #ccccff;
}

tr.ChoiceDesignatedPointRow td,
tr.ChoiceSegmentPointRow td {
	background-color: #d9d9d9;
}

tr.ChoiceRouteRow td,
tr.ChoiceDesignatedPointRow td,
tr.ChoiceSegmentPointRow td,
tr.ChoiceRouteSegmentRow td
 {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: gray;
}


table.Invisible {
    border-style: none;
    background-color: transparent;
}