/*  ***********************************************************************************************
    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 */
}

/* base font size */
body, div, p, li, td, th {
    font-size: x-small; /* false value for WinIE4/5/6 */
}

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, td, th {
    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) ") ";
}

/*
    ------------------------------------------------------------------------------------------------
    Block Elements 
    ------------------------------------------------------------------------------------------------
*/
td {
    vertical-align: top;
	align: left;
	font-family: Arial, Helvetica, sans-serif; /* note Verdana: too large */
    margin: 20px;
    padding: 2px;
}

th {
    font-family: Arial, Helvetica, sans-serif; /* note Verdana: too large */
    margin: 0;
    padding: 2px;
}

table {
    border-collapse: collapse;
}


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


table.Standard, table.Thin, table.chartTable, table.SupTable, table.ENR3xEnRoute {
    border-collapse: collapse;
	margin-left: auto;
    margin-right: auto;
}

table.Standard
td, th
{
	border-color: #999999;
    border-style: solid;
    border-width: 1px;
	padding: 2px;
}

table.Thin
td, th
{
	border-color: #999999;
    border-style: solid;
    border-width: 1px;
	padding: 2px;
}

table.chartTable
td, th
{
	border-color: #999999;
    border-style: solid;
    border-width: 1px;
	padding: 2px;
}

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

td.noTopBorder {
	border-top: none !important;
}

table.noTopMargin {
	border-top: none !important;
	margin-top: 0px !important;
}

td.noBottomBorder {
	border-bottom: none !important;
}

*[class*="Italic"] {
    font-style: italic;
}

*[class*="Bold"] {
    font-weight: bold;
}

*[class*="Left"] {
    text-align: left;
}

*[class*="Center"] {
    text-align: center;
}

*[class*="Right"] {
    text-align: right;
}

*[class*="Top"] {
    vertical-align: top;
}

*[class*="Middle"] {
    vertical-align: middle;
}

*[class*="Bottom"] {
    vertical-align: bottom;
}

/*
    ------------------------------------------------------------------------------------------------
    CSS Classes
    ------------------------------------------------------------------------------------------------
*/
/* Floating menu */
#floatingMenu {
    position: absolute; /* default for broken browsers */
    top: 3px;
    right: 4px;
    margin: 0px;
    background: #ddddff;
    border: outset #ccccff 1px;
    padding: 0px;
    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
    ------------------------------------------------------------------------------------------------
*/

body.CoverPage{
    margin: 0px;
}

div.coverPageBox {
  padding: 0px;
  border-width: 0px;
  width: 100%;
}

div.coverPageTitle {
  padding-top: 16px;
  padding-bottom: 4px;
  font-size: 125%;
  font-weight: bold;
}

body.AIC-SUP-Page{
    margin: 0px;
}

div.AIC-SUP-content{
    margin: 5px;
}

img.header-img{
    height: 200px;
}

.headerimg {
    background-color: #4589b4;
}

.FrontPage {
    color: white;
    text-align: left;
    background-color: #6b0d3c !important;
    background-repeat:x-repeat;
    padding: 0px;
    margin: 0px;
}

div.top-1{
    margin: 0px;
    padding: 8px;
    background-color:#a45f7b !important;
}

h1.SectionStart_SUP, h1.SectionStart-eAIC-eSUP, h1.SUP-bg, h1.SectionStart_AIC0 {
    margin: 0px;
    padding: 8px 0px 8px 0px;
    /* background-color:#c298ae !important; */
    font-size: large;
    font-weight: bold;
    /* font-family:Felix Titling, Centaur, Perpetua, Hoefler Text, serif; */
    text-transform: uppercase;
    text-align: center;
}

div.top-2 {
    margin: 0px;
    padding: 4px 0px 4px 0px;
    background-color:#c298ae !important;
}

.p-top{
    margin:0px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    font-family:Felix Titling, Centaur, Perpetua, Hoefler Text, serif;
    text-transform: uppercase;
    text-align: center;
}
.p-top-2 {
    margin:0px;
    color: black;
    font-size: 18px;
    font-weight: bold;
    font-family:Felix Titling, Centaur, Perpetua, Hoefler Text, serif;
    text-transform: uppercase;
    text-align: center;
}

.cover{
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: bold;
}

.AIC-Subject-ATC, .SUP-bg {
    background-color: inherit;
}

.SectionStart-eAIC-eSUP {
    padding: inherit;
}

/*
    ------------------------------------------------------------------------------------------------
    The GEN/ENR/AD section starts
    ------------------------------------------------------------------------------------------------
*/
.SectionStart {
    color: black;
    text-transform: uppercase;
    text-align: center;
    background-color: #c298ae;
    padding: 20px 20px 20px 20px;
}

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

h2 {
    margin: 0px;
}

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

.Title, .TitleAD, .TitleSection, .Title1, .Title1PageBreak {
    color: #6B0D3C;
    text-transform: uppercase;
    text-align: center;
}

.Title1, .Title1PageBreak {
    color: #6B0D3C;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
	font-size: small;
}

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

.TitleChapter {
    color: #6B0D3C;
    font-weight: bold;
    text-align: center;
}

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

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

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

.Sub-title {
    color: #6B0D3C;
    text-align: left;
}

.Paragraph11 {
    font-weight: normal;
}

h2.Title {
    color: white;
    background-color: #6B0D3C;
    padding: 8px;
}

/*
    ------------------------------------------------------------------------------------------------
    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: #6B0D3C;
    text-align: left;
    margin-top: 2pt;
    margin-bottom: 2pt;
}

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

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

.Figure-title {
    color: #6B0D3C;
    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;
}

.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: white;
}

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

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

.Contact {
    border: none;
}

.eAIP-reference {
    margin: 20px;
    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: 100%;
    height: 1px;
    background-color: black;
    bottom: 0;
    left: -4px;
    border-right: black 8px solid;
}

.Underline {
    position: relative;
}

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

.WhiteTable {
    background-color: #ffffff;
}

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

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

.Wingdings3WhiteOnMaroon
{
    font-family: "Wingdings 3";
}

.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;
}

.TitleChapterWhiteOnMaroon {
    color: #6B0D3C;
    text-transform: uppercase;
    text-align: center;
    padding: 4px;
}

.TitleSectionWhiteOnMaroon {
    color: white;
    background-color: #6B0D3C;
    text-transform: uppercase;
    text-align: center;
    padding: 8px;
	font-size: medium;
}

h1.TitleSectionWhiteOnMaroon {
    color: white;
	background-color: #00008b;
	font-size: x-large;
}

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

.SuperscriptFlag {
	position: relative;
	top: -0.5em;
	font-size: 60%;
	font-style: italic;
	color: blue;
}


.Bold {
	font-weight: bold;
}

.HeaderStylePurple{
	background-color: #ccccff;
}

.HeaderStyleGrey{
	background-color: #d9d9d9;
}