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

    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.tab {
	padding: 7px 0 0 4px;
	margin: 0;
	background: #cfcfdf;
	border-bottom: 1px solid gray;
	white-space: nowrap;
	text-align: left;
	font: bold 11px Arial, sans-serif;
	position: fixed;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	width: 100%;
	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: #00008b;
	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:visited, div.tab a.visited {
	color: #0000ff;
	text-decoration: none;
	background: #CFCFDF;
	padding: 2px 2px 0;
	margin: 0 4px 0 0;
	border: 1px solid gray;
	border-bottom-color: gray;
}

h1, h2 {
	text-align: center;
	margin: 4px;
	padding: 0px;
}
h1 {
	font-size: 1em;
}
h2 {
	font-weight: normal;
	font-size: 0.85em;
}
h2.date {
	font-size: 150%;
	font-weight: bold;
	font-style: normal;
}
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;
}

div.H1, div.H2, div.H3, div.H4, div.H5, div.H6, div.H7, div.H8 {
  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: pre;
}

.H8 {
  margin-left: 60px;
}

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

div.amdtGroupTitle {
  font-size: 0.9em;
  padding: 2px 0 0 3px;
  white-space: pre;
  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;
}
.H2 {
  margin-left: 0px;
  cursor: pointer;
}
.H3 {
  margin-left: 10px;
}
.H4 {
  margin-left: 20px;
}
.H5 {
  margin-left: 30px;
}
.H6 {
  margin-left: 40px;
}
.H7 {
  margin-left: 50px;
}
.Plus {
	font-family: monospace;
	font-size: 10px;
	margin-right: 2px;
	color: #0000ff;
}
.Number {
	  font-size: 10px;
}

.Underline{
	text-decoration: underline;
}

/************************ Supplements tables *********************/
.SupTable { 
	width:100%
}

.SupTable td, .SupTable th {
	font-size: xx-small; /* Value for IE */	
	vertical-align: top;
	margin: 0;
}
.SupTable-Period-td {
	text-align:right;
}
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;
}	

.SupSeriesTitle {
	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;
}	
img.org {
	border: none;
	height: 17px;
	width: 32px;
	margin: 1px 4px 1px 1px;
}
div.noscript {
	background: white ; 	padding: 7px ; 	margin: 4px ; 	border: 3px dotted red;
}

div.noscript h1{
	color:red;	font-size:250%;
} 

div.noscript p {
	font-size:150%;  	white-space: normal;
}

div.NothingHereToSee {
	display: none;
}




/* Remove the inner border and padding in Firefox.  */
button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner { padding: 0; border-style: none;}

/* all input fields in the "search area" */
div#searchAreaDivId p input{ 
	margin-top: 5px ; 
	border: 2px ridge #eee ; 
	border-radius: 5px ; 
	padding: 2px ; 
}
/* fields in the "search area" */
div#searchAreaDivId p input:hover { 
	box-shadow: inset 0px 0px 0px 2px #ccc ;
}
div#searchAreaDivId p input:focus { 
	box-shadow: inset 0px 0px 0px 2px #eee ;
}
/* fields in the "search area" */
div#searchAreaDivId p input:active { 
}
/* "start button" */
div#searchAreaDivId p input+br+input { 
	width: 4em ;
	border-style: outset ; 
}
/* "clear button" */
div#searchAreaDivId p input+br+input+input { 
	width: 4em ;
	border-style: outset ; 
}
/* the check box*/
div#searchAreaDivId p input+br+input+input+input { 
}

