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

    Project:       DTD for an Electronic AIP
    Customer:      Eurocontrol
    Title:         Cascading Style Sheet (menu)


    Notes
    =====
	This style sheet is meant for the navigation menu, in the framed eAIP version


    Identifiers
    ============
    SYSTEM:        frame-menu.css
    HTML:          <LINK REL="stylesheet" HREF="frame-menu.css" TYPE="text/css">
    Version:       1.0


    Changes
    =======
    2001-09-12:    Created


    Creation details
    ================
    Author/Maintainer:    Benoit Maisonny <benoit.maisonny@eurocontrol.int>
    Address:       EUROCONTROL,	Rue de la Fus_e 96, B-1130 Brussels, Belgium
    Tel:           +32 2 729 9011
    Fax:           +32 2 729 9044
    URL:           http://www.eurocontrol.int


    Maintenance details
    ===================
    Maintainer:    Eduard POROSNICU <eduard.porosnicu@eurocontrol.int>
    Address:       Eurocontrol,	Rue de la Fus_e 96, B-1130 Brussels, Belgium
    Tel:           +32 2 729 9011
    Fax:           +32 2 729 9044
    URL:           http://www.eurocontrol.int

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

/*
   ------------------------------------------------------------------------------------------------
   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 {
  font-family: Arial, Helvetica, sans-serif;
  background-color: white;
  color: #000000;
  margin: 0 0 0 0;
  height: 100%;
  padding: 0 0 0 0;
}
body.tab {
	padding-top: 0;		/*false value for WinIE4/5/6 */
}
html>head:first-child+body.tab {
/* 	padding-top: 20px;	 */
	/* intended value for better browsers */
}

/* base font size */
body, p, li, td, th {
	font-size:    x-small;	/* false value for WinIE4/5/6 */
}
html>head:first-child+body, 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 */
}
div.navigationContent {
  overflow: auto;
  width:100%;
  position: absolute;
  top: 20px;
  bottom: 0;
  /* The underscore hack used for IE6 and older. */
  _height: 100%;
}
div.tab {
  padding: 7px 0 0 4px;
  margin: 0;
  background: #cfcfdf;
  border-bottom: 1px solid gray;
  white-space: nowrap;
  font: bold 11px Arial, sans-serif;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  height: auto;
}

p.tab-amdt {
  padding: 3px;
  margin: 0;
  font-size: 0.85em;
}

a#current {
  color: black;
  background: white;
  border-bottom-color: white;  /*does not work in IE5 */
}

div.tab a {
	/* color: #404080; comment out to be compliant with eAIP Specification 2.0 */
	text-decoration: none;
	background: #cfcfdf;
	padding: 2px 2px 0;
	margin: 0 4px 0 0;
	border: 1px solid gray;
	border-bottom-color: gray;
}

div.tab a:link {
	 color: #00008b;
}

div.tab a:visited {
	 color: #0000ff;
}


h1, h2 {
	text-align: center;
	margin: 4px;
	padding: 0px;
}
h1 {
	font-size: 1em;
}
h2 {
	font-weight: normal;
	font-size: 0.85em;
}

h2.effDate {
	font-weight: bold;
	font-size: 1.5em;
}

abbr, acronym {
  cursor: help;  /* IE 5.0 doesn't do this by itself */
}

a:link, a:visited {
  color: #0000ff;
  text-decoration: none;
}
a:hover, a:active {
  color: #ff0000;
  text-decoration: underline;
}

/* Properties common to all section levels: */
div.Hx {
  font-size: 0.9em;
  font-weight: normal;
  padding-left: 3px;
  padding-top: 2px;
/* no padding-bottom, because it breaks the <a> in IE5 !! */
  white-space: nowrap;
}

#amdtGroups div.Hx {
  cursor: pointer;
}

div.level {
  margin-left: 8px;
}

div.H1 {
  margin-left: 0px;
  background-color: #00008b;
  font-weight: bold;
}

div.amdtGroupTitle {
  font-size: 0.9em;
  padding: 2px 0 0 3px;
  white-space: nowrap;
  margin-left: 0px;
  background-color: #cfcfdf;
  font-weight: bold;
  /*color:#ffffff;*/
  cursor: pointer;
  border-top: solid 0 black;
}

.H1, .H1 a:link, .H1 a:visited {
	color:#ffffff;
	font-weight: bold;
}
.H1 a:hover, .H1 a:active {
	color:#ff0000;
	font-weight: bold;
}
.Plus {
	font-family: monospace;
	font-size: 10px;
	margin-right: 2px;
	color: #0000ff;
}
.Number {
	  font-size: 11px;
}


/************************ Supplements tables *********************/
.SupTable {
	/* border: solid black 1px; */
	width: 100%;
}

.SupTable td, .SupTable th {
	font-size: xx-small; /* Value for IE */
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0 4px;
}
html>head:first-child+body .SupTable td, html>head:first-child+body th {
	font-size: 0.85em; /* Value for Mozilla*/
}


.SupTable-Subject-th, .SupTable-Subject-td {
	font-style: italic;
}
.SupTable-Row td {
	border-top: solid black 1px;
}

/**************************** Floating menu ***********************/

div.closeButton {
	text-align: right;
	/*text-align: right;*/
	color: black;
}

div.closeButton a {
	color: black;
	border: none;
	background: #ddddee;
}

img {
	border: none;
}

div.closeButton a:visited {
	color: black;
}

/************************** AMDT menu ***********************************/
th.amdtArrow {
	/*font-family: Symbol;
	font-size: larger;*/
	vertical-align: middle;
}

img.amdtArrow {
    float: left;
    margin-right: 2px;
}

.amdtBar {
	border-left: solid 0 black;
	margin: 0 0 0 25px;
	padding-left: 4px;
	/*font-size: 0.9em;*/
}

.amdtItemDeleted {
    margin: 0;
}

.amdtGroupTitle td{
	border-top: solid black 1px;
}

.amdtGroupAbstract {
	text-align: left;
	margin-left: 0px;
	padding: 2px 2px 2px 2px;;
	white-space: normal;
	font-weight: normal;
	font-size: 0.85em;
}

.amdtGroupDetails {
    padding: 0 0 4px 20px;
}

.amdtSectTitle td{
	border-top: dashed black 1px;
}

.amdtTable-Row td{
	padding: 1px;
}

.amdtIntro {
	text-align: left;
	 font-style: italic;
}

.amdtLink {
    padding: 0 0 0 0.1em;
}

/************************** Commands frame ***********************************/
body.commands {
	background-color: #cfcfdf;
	font-size: 12px;
}
html,body {
	height: 100%;
}
.commands div, .commands p, .commands li, .commands td, .commands th {
	font-size: 12px;
	background-color: #cfcfdf;
}
.commands p {
	white-space: nowrap;
}
.commands td {
	vertical-align: top;
	padding: 0 6px 0 6px;
	margin: 0;
}
.commands td.border {
	border-right: solid 2px #99a;
}

p.command {
	padding: 0;
	margin: 0;
	height: 18px;
	vertical-align: baseline;
}
.command img {
	border: none;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	margin: 1px 4px 1px 1px;
}
.command img.flag {
	height: 10px;
	width: 15px;
	margin: 1px 4px 2px 1px;
}

/************************** AIC background colours ***********************************/
.AIC-Subject-Administrative {
	background-color: white;
}

.AIC-Subject-ATC {
	background-color: #ffff99;
}

.AIC-Subject-Safety {
	background-color: #ffcccc;
}

.AIC-Subject-Danger_area_map {
	background-color: #ccaaff;
}

.AIC-Subject-Maps_charts {
	background-color: #99cc99;
}
.AIC-pubDate {
	margin: 0 2px;
	font-style: italic;
}
.AIC-Subject-Administrative, .AIC-Subject-ATC, .AIC-Subject-Safety, .AIC-Subject-Danger_area_map, .AIC-Subject-Maps_charts {
    border-bottom: 1px solid #000000;
}
.AIC-Subject-Administrative:last-of-type, .AIC-Subject-ATC:last-of-type, .AIC-Subject-Safety:last-of-type, .AIC-Subject-Danger_area_map:last-of-type, .AIC-Subject-Maps_charts:last-of-type {
    border-bottom: none;
}
/************************** Search ***********************************/
div.search form {
	margin: 5px;
}
div.search_actions {
	margin: 6px 0;
	white-space: nowrap;
}
input#i_search_query {
	width: 97%;
}
.searchAreaDivId {
	margin: 5px;
	overflow: auto;
	width: 93%;
	position: absolute;
	top: 100px;
	bottom: 0;
	white-space: nowrap;
	/* The underscore hack used for IE6 and older. */
	_height: 100%;
}