#login-dialog {
    width: 25em;
    /* height: 12em; */
}
.login-dialog-legend {
/*    border:1px solid blue; */
    color: black;
}
.login-dialog-label {
    color: black;
}
.login-dialog-fieldset {
    padding: 0.2em 0.5em;
    border:1px solid #989898;
    color: #989898;
}

.jeppesenFonts {
    font-size: small;
    font-family: arial, helvetica, sans-serif;
}

.login-error {
    color: red;
    font-weight: bold;
}


.blur_az{
    background-color: #ccc;
    color: inherit;
    margin-left: 6px;
    margin-top: 6px;
}

.shadow_az, .content_az {
    position: relative;
    bottom: 2px;
    right: 2px;
}

.shadow_az{
    background-color: #666;
    color: inherit;
}

.content_az{
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    padding: .5em 2ex;
}

#calendarDiv {
    display: none;
    position: absolute;
    left: 300px;
    top: 155px;
    z-index: 2;
}

#airportCalendarDiv {
    display: none;
    position: absolute;
    left: 300px;
    top: 75px;
    z-index: 2;
}

.airportInfoTable {
    width: 100%;
    height: 100%;
    padding: 3px;
    font-size: small;
    vertical-align: top;
    background-repeat: repeat;
    background-image: url("../img/jeppesen_bg.gif");
}

.airportDataTable {
    width: 100%;
    padding: 5px;
    font-size: small;
    vertical-align: top;
    border: solid gray 1px;
    background-color: white;
}

.airportLabel {
    background-color: LightGrey;
    vertical-align: top;
    font-weight: bold;
    padding-left: 5px;
    width: 30%;
}

.airportInfo {
    background-color: white;
    vertical-align: top;
    font-weight: normal;
    padding-left: 5px;
    border-bottom: solid gray 1px;
}

.box {
    border-top: solid gray 1px;
    border-left: solid gray 1px;
    border-right: solid gray 3px;
    border-bottom: solid gray 3px;
}

#airport-filter-span {
    color: black;
}

.filter-fieldset {
    padding: 0.2em 0.5em;
    border: 1px solid #989898;
    color: #989898;
    background-color: white;
}

.clickable {
    display: block;
    cursor: pointer;
}

.selectedAirport {
    background-image: url("../img/jeppesen_bg.gif");
}

.futureChart {
    font-style: italic;
    color: green;
}

.disabledChart {
    color: gray;
}

.smallerFont {
    font-size: smaller;
}

.fixedFont {
    font-family: monospace;
}

.deletedChart {
    color: red;
}

.addedChart {
    color: green;
}

.selectedPrefTitle {
    background-color: #426FD9;
    color: white;
    margin-right: 5px;
}

#coveragePopup .bd {
    background-color: LightYellow;
}

#sam-tool-tip {
    background-color: LightYellow;
}

#select-coverages {
    color: blue;
}

#coverages-dialog .bd {
    height: 400px;
}

/* Resize Panel CSS */
.yui-panel-container .coverages-dialog .bd {
    overflow: auto;
    background-color: #fff;
}

.yui-pg-container {
    font-size: 8pt;
}

/*
    PLEASE NOTE: It is necessary to toggle the "overflow" property
    of the body element between "hidden" and "auto" in order to
    prevent the scrollbars from remaining visible after the the
    panel is hidden.  For more information on this issue,
    read the comments in the "container-core.css" file.
*/
.yui-panel-container.hide-scrollbars .coverages-dialog .bd {
    overflow: hidden;
}

.yui-panel-container.show-scrollbars .coverages-dialog .bd {
    overflow: auto;
}

/*
    PLEASE NOTE: It is necessary to set the "overflow" property of
    the underlay element to "visible" in order for the
    scrollbars on the body of a panel instance to be
    visible.  By default the "overflow" property of the underlay
    element is set to "auto" when a Panel is made visible on
    Gecko for Mac OS X to prevent scrollbars from poking through
    it on that browser + platform combintation.  For more
    information on this issue, read the comments in the
    "container-core.css" file.
*/
.yui-panel-container.show-scrollbars .underlay {
    overflow: visible;
}

#prefs-dialog .bd {
    height: 435px;
}

#coverage-selection-pref {
    /*height: 377px;*/
    height: 22em;
    overflow: auto;
}

#enr-cfg-comps {
    height: 27em;
    overflow: auto;
}

#enr-cfg-def-airport {
    width: 8em;
}

/* style ths airport name to look like a standard label */
#enr-cfg-def-airport-name {
    width: 20em;
    background: transparent;
    border: none;
}

/* don't display lat/lon */
#enr-cfg-def-lat {
    display: none;
}

/* don't display lat/lon */
#enr-cfg-def-lon {
    display: none;
}

.print-status-line {
    position: absolute;
    margin-top: 40px;
}

#print-logo {
    margin-top: 20px;
    margin-left: 150px;
}

#print-logo-img {
    margin-left: 150px;
    width: 400px;
}

#print-instructions {
    margin-left: 150px;
    margin-top: 20px;
    text-align: left;
    width: 400px;
}

.print-instructions {
    margin-top: 20px;
}

#print-logo {
    margin-top: 20px;
    margin-left: 0px;
    width: 400px;
}

.yui-panel-container .prefs-dialog .bd {
    overflow: auto;
    background-color: #fff;
}

#print-message {
    margin-left: 10px;
    text-align: left;
}

.yui-panel-container.hide-scrollbars .prefs-dialog .bd {
    overflow: hidden;
}

#print-progress {
    overflow: visible;
    width: 0px;
    margin-left: 150px;
    text-align: left;
    background: #ccc;
}

.yui-panel-container.show-scrollbars .prefs-dialog .bd {
    overflow: auto;
}

#print-cancel {
    position: absolute;
    margin-top: 60px;
    margin-left: 150px;
}

#print-error {
    position: absolute;
    margin-top: 90px;
    margin-left: 150px;
    color: red;
    font-weight: bold;
}

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
    margin: 0;
    padding: 0;
}

.icharts-table {
    cursor: pointer;
    font-size: 8pt
}

#airports-list {
    width: 55em;
}

#charts-list {
    width: 55em;
}

#tabs-list {
    width: 45em;
    min-width: 45em;
}

#text-list {
    width: 45em;
    min-width: 45em;
}

#rl-list {
    width: 100%;
}

#menubar {
    visibility: visible;
}

.airport-filter-span {
    border-width: thin;
}

/* do not wrap lines in the data table header */
.yui-skin-sam .yui-dt-liner { white-space:nowrap; }


/* customized css for scrolling */
.yui-dt-scrollable {
    /* SET OVERALL WIDTH HERE for ie (make sure columns add up to this total) */
    width: 45em;
    height: 20em; /* SET HEIGHT HERE for ie */
}

.yui-dt-scrollbody {
    height: 20em; /* SET HEIGHT HERE for non-ie */
    height: auto; /* for ie */
}

.yui-dt-scrollable  thead {
    background: #690000; /*dark gray*/ /* ie needs a background color */
    color: #fff;
}

/* SET WIDTHS FOR EACH TH TO HELP ALIGN COLUMNS */
    /* IF ALL COLS CAN BE SAME WIDTH USE THIS:
.yui-dt-scrollable th, .yui-dt-scrollbody td {
    width:20em;
}*/ /* OTHERWISE SET EACH COL WIDTH EXPLICITLY:*/
.yui-dt-col-icao {
    width: 3em;
}

.yui-dt-col-name {
    width: 20em;
}

.yui-dt-col-country {
    width: 5em;
}

.yui-dt-col-state {
    width: 3em;
}

.yui-dt-col-city {
    width: 8em;
}

.yui-dt-col-indexNum {
    width: 6em;
}

.yui-dt-col-procId {
    width: 20em;
}

.yui-dt-col-effDate {
    width: 7em;
}

.yui-dt-col-revDate {
    width: 7em;
}

#print-dialog {
    width: 25em;
    /* height:  12em;*/
}

.print-dialog-legend { /*    border:1px solid blue; */
    color: black;
}

.print-dialog-label {
    color: Black;
}

.print-dialog-margin-label {
    color: black;
    width: 4em;
    float: left;
    padding: 0;
    text-align: left;
}

.print-dialog-margin-input {
    color: Black;
    width: 6em;
    padding: 0;
}

.print-dialog-margin-select {
    color: Black;
    width: 6em;
    padding: 0;
}

.print-dialog-fieldset {
    padding: 0.2em 0.5em;
    border: 1px solid #989898;
    color: #989898;
}

/* only td's that are descendants of these id's */
#print-dialog-form td, #printing-options-pref td {
    width: 50%;
}

#docs-per-page-fieldset {
    margin-right: 1em;
    /*
    position: absolute;
    top: 6em;
    */
}

#jepp-paper-fieldset {
    margin-right: 1em;
    /*
    position: absolute;
    left: 14.5em;
    top: 6em;
    */
}

#jepp-footer-fieldset
{
    margin-right: 1em;
}

#related-documents-fieldset
{
}

#display-url-fieldset
{
    
}

#printer-fieldset{
    margin-right: 1em;
}

#margins-fieldset
{
}

/*
#display-order-legend {
    border:1px solid blue;
}
#docs-per-page-legend {
    border:1px solid blue;
}
*/

/* from chartdisplay.jsp */

  #mymenubar {
    visibility: visible;
  }

  em#fit-to-width {
    text-indent: -6em;
    display: block;
    background: url("../img/FitWidth.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
  }

  em#fit-to-window {
    text-indent: -12em;
    display: block;
    background: url("../img/FitWindow.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
  }

  em#fit-to-bottom {
    text-indent: -12em;
    display: block;
    background: url("../img/FitBottom.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
  }

.zoom-in {
    text-indent: -6em;
    display: block;
    background: url("../img/ZoomIn.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

.zoom-in-disabled {
    text-indent: -6em;
    display: block;
    background: url("../img/ZoomInDisabled.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

.zoom-out {
    text-indent: -6em;
    display: block;
    background: url("../img/ZoomOut.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

.zoom-out-disabled {
    text-indent: -6em;
    display: block;
    background: url("../img/ZoomOutDisabled.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

.zoom-reset {
    text-indent: -6em;
    display: block;
    background: url("../img/ZoomReset.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

.selected-pan-drag {
    text-indent: -6em;
    display: block;
    background: url("../img/PanDragSelected.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

.unselected-pan-drag {
    text-indent: -6em;
    display: block;
    background: url("../img/PanDrag.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

.selected-zoom-rect {
    text-indent: -6em;
    display: block;
    background: url("../img/ZoomRectSelected.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

.unselected-zoom-rect {
    text-indent: -6em;
    display: block;
    background: url("../img/ZoomRect.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
}

em#rotate-left {
    text-indent: -6em;
    display: block;
    background: url("../img/RotateLeft.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
  }

  em#rotate-right {
    text-indent: -6em;
    display: block;
    background: url("../img/RotateRight.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
  }

  em#print-selected {
    text-indent: -6em;
    display: block;
    background: url("../img/Print.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
  }

  em#show-pdf {
    text-indent: -12em;
    display: block;
    background: url("../img/pdficon_medium.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
  }

  span#fill {
    text-indent: -12em;
    display: block;
    background: url("../img/Fill.gif") center center no-repeat;
    width: 24px;
    overflow: hidden;
  }

  #zoom-slider {
    position: relative;
    background:url("../img/bg-fader.gif") 5px 0 no-repeat;
    height: 24px;
    width: 110px;
  }

  #slider-thumb {
    position: absolute;
    top: 4px;
  }

  #menu-bar-separator {
    position: relative;
    background:url("../img/MenuBarSep.gif");
    height: 24px;
    width: 2px;
  }

div.zoom-rect
{
  position: absolute;
  z-index: 1;
  display: block;
  border-style: solid;
  border-color: Blue;
  border-width: 2px;
}

#load-routepack-dialog {
    width: 95%;
}

div#rp-buttons {
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
    padding: 5px;
}

/* float the 'export' button to the farmost right, to center the two
#rp-export-routepack {
    float: right;
}

input.file {
    width: 95%;
}

.load-routepack-input {
    color: Black;
    width: 100%;
}

.name-input {
    color: Black;
    width: 100%;
}

/* all treeview labels should have transparent backgrounds */
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
    background-color: transparent;
    height: auto;
    white-space: nowrap;
}

.disabled-tree-label {
    color: Gray;
}

.future-tree-label {
    color: Green;
}

.expired-tree-label {
    color: Red;
}

/* icons for routepack tree */
.icon-mission          { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_briefcase.gif) 0 0px no-repeat; }
.icon-route            { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_route.gif) 0 0px no-repeat; }
.icon-waypoint-airport { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_airport.gif) 0 0px no-repeat; }
.icon-waypoint-generic { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_waypoint.gif) 0 0px no-repeat; }
.icon-chart-airport    { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_airport.gif) 0 0px no-repeat; }
.icon-chart-airspace   { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_airspace.gif) 0 0px no-repeat; }
.icon-chart-approach   { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_approach.gif) 0 0px no-repeat; }
.icon-chart-arrival    { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_arrival.gif) 0 0px no-repeat; }
.icon-chart-departure  { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_departure.gif) 0 0px no-repeat; }
.icon-chart-noise      { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_noise.gif) 0 0px no-repeat; }
.icon-chart-text       { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_text.gif) 0 0px no-repeat; }

.background-chart-airport   { background: url(../img/icon_airport.gif) !important; }
.background-chart-airspace  { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_airspace.gif) 0 0px no-repeat; }
.background-chart-approach  { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_approach.gif) 0 0px no-repeat; }
.background-chart-arrival   { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_arrival.gif) 0 0px no-repeat; }
.background-chart-departure { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_departure.gif) 0 0px no-repeat; }
.background-chart-noise     { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_noise.gif) 0 0px no-repeat; }
.background-chart-text      { display:block; height: 15px; padding-left: 20px; background: transparent url(../img/icon_chart_text.gif) 0 0px no-repeat; }

.htmlnodelabel { margin-left: 20px; }


/* This is supposed to fix the routepack's double height
   header under IE, but it doesn't seem to work */
.x-panel-tc {overflow: visible;}

/* position the collapsed routepack panel header text */
#routepack-collapsed-header {
    padding: 2px 0px 0px 5px;
}

/* the following CSS makes the floating "drag" version of the tree indent prettily.. */
.x-dd-drag-ghost .x-tree-node-indent,.x-dd-drag-ghost .x-tree-ec-icon {display: inline !important;}