/* Style sheet for CSS compliant browsers. */ 
/* Tested in Opera 7 and Gecko (Mozilla) */ 


html 
{
  height:    100%;
  margin:    0px;
  padding:  0px; 
  overflow:  hidden;
} 

body
{
  background-image:  url("images/paper.jpg");
  font-size:      small;
  height:        100%; 
  margin:        0px; 
  padding:      0px; 
  overflow:      hidden;
} 

/********************************/
/* Navigation bar        */
/********************************/

div.nav
{ 
  position:    absolute; 
  width:      13em;
  left:      0px; 
  top:      0%; 
  padding:    0px;
  height:      100%;
  overflow:    auto;
  font-family:  verdana, arial, "sans serif";
  cursor:      default;
  background-color:   #cc9999;
  color:      black;
} 

div.nav p
{
  font-size:    90%;
  margin-left:  0.5em;
  margin-right:  0.5em;
}

div.nav h1, div.nav h2
{
  font-size:    90%;
  margin-left:  0.5em;
  margin-right:  0.5em;
  color:      black;
}

div.nav h1
{
  margin-top:   1em;
  margin-bottom:  1em;
  text-align:  center;
}

div.nav h2
{
  margin-top:   1.25em;
  margin-bottom:  0;
}

div.nav ul
{
  margin:      0px;
  padding:    0px;
  margin-left:  0em;
  margin-right:  0em;
}

div.nav li
{
  font-size:      90%;
  margin:      0.5em 0.5em 0em 2em;
  padding:    0px;
}

/* Sub-list */
div.nav ul.sublist
{
  display:  none;
  list-style-type:  circle;
  list-style-image:  url(images/arrow_bullet.gif);
  margin:    0em 0em 1em 0em;
}

ul.sublist li
{
  font-size:      100%;
  font-weight:  normal;
  color:      #000000;
  margin:     0em 0.5em 0em 1em;
  padding: 0em;
}

div.nav a {color: #000000;}
div.nav a:link  {text-decoration: none;}
div.nav a:visited {text-decoration: none;}
div.nav a:hover   {color: #8b0000; text-decoration: underline;}
div.nav a:active  {color: #8b0000; text-decoration: underline;}

/* Highlight links in bold red when you're on that page... */
body.index        h1.index,        body.index        a.index,
body.ireland      li.ireland,        body.ireland      a.ireland,
body.letouquet      li.letouquet,      body.letouquet      a.letouquet,
body.lasham        li.lasham,        body.lasham        a.lasham,
body.forumflyin      li.forumflyin,      body.forumflyin      a.forumflyin,
body.minireports    li.minireports,      body.minireports    a.minireports,
body.redhilltaxiway    li.redhilltaxiway,    body.redhilltaxiway    a.redhilltaxiway,
body.gmishcheckout    li.gmishcheckout,    body.gmishcheckout    a.gmishcheckout,
body.headcornpoorvis  li.headcornpoorvis,    body.headcornpoorvis  a.headcornpoorvis,
body.redhilllyddgps    li.redhilllyddgps,    body.redhilllyddgps    a.redhilllyddgps,
body.mothersdaygoodwood  li.mothersdaygoodwood,  body.mothersdaygoodwood  a.mothersdaygoodwood,
body.gbapy        li.gbapy,        body.gbapy        a.gbapy,
body.gbapyperformance  li.gbapyperformance,  body.gbapyperformance  a.gbapyperformance,
body.gbapyweightbalance  li.gbapyweightbalance,  body.gbapyweightbalance  a.gbapyweightbalance,
body.gbsep        li.gbsep,        body.gbsep        a.gbsep,
body.gbsepperformance  li.gbsepperformance,  body.gbsepperformance  a.gbsepperformance,
body.gbsepweightbalance  li.gbsepweightbalance,  body.gbsepweightbalance  a.gbsepweightbalance,
body.gbtim        li.gbtim,        body.gbtim        a.gbtim,
body.logbook      li.logbook,        body.logbook      a.logbook,
body.airfields      li.airfields,      body.airfields      a.airfields,
body.flyingcosts    li.flyingcosts,      body.flyingcosts    a.flyingcosts,
body.gallery      li.gallery,        body.gallery      a.gallery,
body.links        h2.links,        body.links        a.links,
body.visitors      h2.visitors,      body.visitors      a.visitors
{
  font-weight: bold;
  color: #cc0000;
}

/* Sublists are hidden by default, except in the following cases. */
body.gbapy        ul.gbapy,
body.gbapyperformance  ul.gbapy,
body.gbapyweightbalance  ul.gbapy,
body.gbsep        ul.gbsep,
body.gbsepperformance  ul.gbsep,
body.gbsepweightbalance  ul.gbsep,
body.minireports    ul.minireports,
body.redhilltaxiway    ul.minireports,
body.gmishcheckout    ul.minireports,
body.headcornpoorvis  ul.minireports,
body.redhilllyddgps    ul.minireports,
body.mothersdaygoodwood  ul.minireports
{
  display:  block;
}

div.nav .highlight
{
  color:      yellow;
}

/* navcontent div ensures the nav background colour extends
   far enough to contain the text even if browser doesn't support
   scroll bars. */
div.navcontent
{
  width:        100%;
  overflow:      visible;
  margin:        0px;
  padding:      0px;
  background-color:   #cc9999;
  padding-bottom:    1em;
  color:      black;
}

.foreign
{
  font-style:    italic;
}

/********************************/
/* Navigation bar - collapsed  */
/********************************/

div.collapsednav
{
  position:    absolute; 
  width:      15px;
  left:      0px; 
  top:      0px; 
  padding:    0px;
  height:      100%;
  overflow:    hidden;
  font-family:  verdana, arial, "sans serif";
  cursor:      default;
  background-color:   #cc9999;
  color:      black;
  display:    none;
}

/* navcontent div ensures the nav background colour extends
   far enough to contain the text even if browser doesn't support
   scroll bars. */
div.collapsednavcontent
{
  width:        100%;
  overflow:      visible;
  margin:        0px;
  padding:      0px;
  background-color:   #cc9999;
  padding-bottom:    1em;
  color:      black;
}

/*********************************/
/* Bottom nav           */
/*********************************/

div#bottomnav
{
  bottom:      0px;
  margin:      2em 0px 0px 0px;
  padding:    1em 0px 3em 0px;
  color:      black;
  background-color: #cc9999;
  clear:      both;
}

div#bottomnav .leftlink
{
  text-align:    left;
  float:      left;
  margin:      0px;
  padding:    0px;
  width:      33%;
}

div#bottomnav .middlelink
{
  text-align:    center;
  float:      left;
  margin:      0px;
  padding:    0px;
  width:      33%;
}

div#bottomnav .rightlink
{
  text-align:    right;
  float:      right;
  margin:      0px;
  padding:    0px;
  width:      30%;
}


div#bottomnav a:link  {color: #000000; text-decoration: none;}
div#bottomnav a:visited {color: #000000; text-decoration: none;}
div#bottomnav a:hover   {color: #8b0000; text-decoration: underline;}
div#bottomnav a:active  {color: #8b0000; text-decoration: underline;}

.leftlink a {padding-left: 20px;}
.rightlink a {padding-right: 20px;}


/*********************************/
/* Content div           */
/*********************************/

div.content
{
  position: absolute;
  left: 13em;
  top: 0px;
  right: 0px;
  padding: 0px;
  height: 100%;
  overflow: auto;
  font-family:  verdana, arial, "sans serif";
  font-size:  100%;
  color: #000000;
  background-color:   #ffffff;
  background-image: url("images/paper.jpg");
} 

div.content h1, div.content h2, div.content h3
{
  font-family: "times", "times new roman", serif;
  color: #8b0000;
  clear: left;
}

div.content h1
{
  font-size:    250%;
  font-style:    italic;
  text-align:    center;
  margin-top:    0.5em;
}

div.content h2
{
  font-size:    160%;
  font-weight:  bold;
  margin-left:  20px;
  margin-bottom:  0em;
  margin-top:    1.5em;
}

div.content h3
{
  font-size:  125%;
  margin-left: 20px;
}

div.content .picturelabel
{
  font-weight:  bold;
}

div.content p
{
  line-height:  125%;
  margin-left:  20px;
  margin-right:  20px;
  margin-top:    1.25em;
  margin-bottom:  1.25em;
}

div.content p.note
{
  font-style:   italic;
  font-size:    90%;
  margin-left:  5em;
  margin-right:   5em;
}

div.content .picturecredit
{
  font-style:   italic;
  font-size:    80%;
}

div.content .aircraftreg
{
  font-size: 90%;
}

div.content .quote
{
  font-style:    italic;
}

div.content .clearleft
{
  clear:    left;
}

div.content .clearright
{
  clear:    right;
}

div.content .clearboth
{
  clear:    both;
}

div.content hr
{
  width:50%;
  clear: both;
}

div.content a:link    {color:#990000; text-decoration:underline;}
div.content a:visited  {color:#885555; text-decoration:underline;}
div.content a:hover    {color:#ff0033; text-decoration:underline;}
div.content a:active  {color:#990000; text-decoration:underline;}

div.content a.toplink
{
  clear: both;
  float: right;
  margin-right: 2em;
  font-size: 90%;
}

div.content acronym,
div.content abbr
{
  cursor:help;
  font-style: italic;
  border-bottom: 1px dashed black;
}

div.content .highlight
{
  color:      #ff0000;
  font-weight:  bold;
}

.navigation li
{
  margin-top:    0px;
  margin-bottom:  0px;
}

/*********************************/
/* Logbook frame         */
/*********************************/

div#logbookcontainer
{
  position:  absolute;
  left:    13em;
  right:    0px;
  bottom:    0px;
  margin:    0px;
  padding:  0px;
  color:        #000000;
  background-color:   #cc9999;
  padding-top:  10px;
}

iframe#logbook
{
  width:    100%;
  height:    100%;
}

/******************************/
/* Image styles          */
/******************************/

img.imageright
{
  float:      right;
  margin-right:   20px;
  margin-left:    1em;
  margin-top:     1em;
  margin-bottom:  1em;
}

img.imageleft
{
  float:      left;
  margin-left:    20px;
  margin-right:   1em;
  margin-top:     1em;
  margin-bottom:  1em;
}

div.imagecenter
{
  text-align:     center;
  margin-top:     1em;
  margin-bottom:  1em;
  margin-left:    1em;
  margin-right:    1em;
  clear:      both;
}

a img
{
  /* No border on image links */
  border: none;
}

/********************************/
/* Hide/show navbar button    */
/********************************/

img.closenav
{
  padding: 0px;
  margin:  0px;
  border: none;
}

a.closenav
{
  float: left;
  width: 10px;
  height: 11px;
  padding: 0px;
}

a.closenav:link,
a.closenav:visited,
a.closenav:hover
{
  padding:  1px;
  border-top:  1px solid #f5d8d8;
  border-left: 1px solid #f5d8d8;
  border-bottom: 1px solid #7a6666;
  border-right: 1px solid #7a6666;
}

a.closenav:active
{
  padding:  2px 0px 0px 2px;
  border-bottom:  1px solid #f5d8d8;
  border-right: 1px solid #f5d8d8;
  border-top: 1px solid #7a6666;
  border-left: 1px solid #7a6666;
}

/********************************/
/* Weight & Balance calculator  */
/********************************/

div.weightbalance
{
  margin:        0px;
  margin-left:    auto;
  margin-right:    auto;
  padding:      0px;
  text-align:      left;
  background-repeat:  no-repeat;
  background-position: 0px 0px;
  background-color:  white;
  border:        1px solid black;
}

img.crosshair
{
  position:      relative;
  left:        0px;
  top:        0px;
  margin:        0px;
  padding:      0px;
}

div.code
{
  font-family:    courier, monospace;
  border:      1px solid black;
  background-color:  #DDDDDD;
  margin-left:    5em;
  margin-right:    10em;
  padding:    0.5em;
  
}

/************************************/
/* Performance and cost data tables  */
/************************************/

table.performancedata,
table.costdata
{
  margin:        1em auto 1em auto;
  font-size:      80%;
  border:        1px solid gray;
  border-collapse:  collapse;
}

table.noborder
{
  border: none;
}

table.performancedata td,
table.performancedata th,
table.performancedata td.normal,
table.performancedata th.normal,
table.costdata td,
table.costdata th
{
  border:        1px solid gray;
  padding:      4px;
  text-align:      center;
}

table.performancedata th,
table.costdata th
{
  font-weight:    bold;
}

th.performancetitle
{
  font-size:      125%;
}

td.dimmed,
.dimmed td
{
  color:        #666666;
  background-color:   #e0e0e0;
}

td.notdimmed
{
  color:        #000000;
  background-color:  transparent;
}

tr.rowgrouptop td
{
  border-top:      1px solid gray;
  border-bottom:    none;
  padding-bottom:    0px;
}

tr.rowgroupmid td
{
  border-top:      none;
  border-bottom:    none;
  padding-top:    0px;
  padding-bottom:    0px;
}

tr.rowgroupbot td
{
  border-top:      none;
  padding-top:    0px;
}


/************************************/
/* Performance calculators           */
/************************************/

table.dialog
{
  margin:        0px;
  padding:      0px;
  width:        100%;
  color:        ButtonText;
  background-color:  ThreeDFace;
  font-family:    message-box, verdana, arial, "sans serif";
  font-size:      90%;
  border-right:    1px solid ThreeDShadow;
  border-bottom:    1px solid ThreeDShadow;
  border-top:        1px solid ThreeDHighlight;
  border-left:      1px solid ThreeDHighlight;
}

.dialog input,
.dialog select
{
  font-size: 100%;
}

.dialog input.disabled,
.dialog select.disabled
{
  color:         ButtonText;
  text-decoration:  none;
  background-color:  ThreeDFace;
}

table.dialog hr
{
  width: 100%;
}

table.dialog td,
table.dialog th
{
  border: none; /*1px solid black;*/
}

table.dialog label
{
  border: none; /*1px solid black;*/
}

table.dialog label.disabled
{
  color: GrayText;
}

table.dialog input[type="checkbox"],
table.dialog input[type="radio"]
{
  margin: 0 3px 0 0;
}

table.dialog th
{
  font-weight:    normal;
  text-align:      right;
}

table.dialog th.caption
{
  color:        CaptionText;
  background-color:  ActiveCaption;
  border:        1px solid ThreeDFace;
  font-weight:    bold;
  text-align:      left;
}

table.dialog td.error_indicator,
table.dialog th.error_indicator
{
  font-weight: normal;
  width: 18px;
}

table.dialog td#warning_text_cell
{
  width: 100%;
}

div.dialog
{
  margin:  auto;
  padding: 0px;
  border-top:  1px solid ThreeDLightShadow;
  border-left:  1px solid ThreeDLightShadow;
  border-right: 1px solid ThreeDDarkShadow;
  border-bottom: 1px solid ThreeDDarkShadow;
}

div#weightbalancecalculator
{
  width:  45em;
}

div#takeoffcalculator
{
  width:  36em;
}

div#fuelcalculator
{
  width:  36em;
}

/********************************************/
/* PRINT-ONLY RULES              */
/********************************************/

@media print
{
  html
  {
    overflow: visible;
  }

  body
  {
    overflow:   visible;
    height:    auto;
    background-image: none;
    background-color: white;
    color: black;
  }

  /********************************/
  /* Navigation bar        */
  /********************************/

  div.nav
  {
    display: none;
  } 

  div.collapsednav
  {
    display: none;
  } 


  /*******************************/
  /* Content div           */
  /*******************************/

  div.content
  {
    overflow:    visible;
    position:    relative;
    font-size:    10pt;
      left:      0;
      margin:      0;
      padding:    0;
      width:      auto;
      height:      auto;
      background-image: none;
      background-color: transparent;
      color:        #000000;
  }

  div.content p, div.content h2, div.content h3
  {
    margin-left:  0;
    margin-right:  1em;
  }

  /* No point having decorated links on the printed page - you
     can't click on them! */
  div.content a      {text-decoration: none;}
  div.content a:link   {text-decoration: none;}
  div.content a:visited  {text-decoration: none;}
  div.content a:hover  {text-decoration: none;}
  div.content a:active   {text-decoration: none;}

  /* Hide the "go to top of page" links...*/
  div.content a.toplink
  {
    display:  none;
  }

  /* Hide the bottom nav links... */
  div#bottomnav
  {
    display:  none;
  }


  div.content acronym
  {
    font-style: normal;
    border-bottom: none;
  }

  .noprint
  {
    display: none;
  }

  /******************************/
  /* Image styles               */
  /******************************/

  img.imageright
  {
    margin-right: 0px;
  }

  img.imageleft
  {
    margin-left: 0px;
  }


  /*********************************/
  /* Logbook frame                 */
  /*********************************/

  div#logbookcontainer
  {
    display: none;
  }


  img.imageright,
  img.imageleft,
  div.imagecenter
  {
    page-break-before:  auto;
  }
}