﻿/* --------------------------------------------------- */
   .popup {
      display: none;
      z-index: 9999999;
   }
   .popup .popup-arrow {
      left: 25px;
   }
   .popup .popup-shadow {
      /*background-image: url(../image/background/popup.png);*/
      border:none!important;
   }
   .popup .popup-content {
      background: #FFF;
      border: 1px solid #CCC;
      margin: 3px;
   }

/* --------------------------------------------------- */
   .takeoff-popup {
      width: 360px;
      left: 90px;
      top: 101px;
   }
   .takeoff-popup .popup-shadow {
      margin-top: 11px;
   }
   .takeoff-popup .popup-content div {
      height: 89px;
      margin: 14px 16px;
   }
   .takeoff-popup .popup-content hr {
      border-color: #CCC;
      border-style: dotted;
      border-width: 1px 0 0;
      margin: 0 10px;
   }
   .takeoff-popup .popup-content p {
      font-size: 12px;
      margin-top: 10px;
   }
   .takeoff-popup .popup-content b {
      color: #555;
   }

/* --------------------------------------------------- */
   .header-popup {
      max-height: 90px;
      width: 198px;
      position: relative;
      top: 5px;
      right: -328px;
      
   }
   .header-popup .popup-arrow {
      margin-left: -11px;
      left: 50%;
   }
   .header-popup .popup-shadow {
          
   }
   .header-popup .popup-content {
      height: 100%;
      overflow: auto;
      border: none;
      margin: 0;
   }
   .header-popup ul {      
      
   }
   .header-popup ul li {
      font-size: 13px;      
   }

    .header-popup ul li:hover {
        background: #0099ff;
        color: white!important;    
    }

    .header-popup ul li div {
        padding: 6px 13px;        
    }

    .header-popup ul li div:hover {
        padding: 6px 13px;
        color: white;
        
    }

   .header-popup ul li span:hover,
   .header-popup ul li.js-selected {
      color: white;

   }
   .header-popup ul li a {
      margin-right: 13px;

   }
   .header-popup ul li span {
      cursor: pointer;
   }

/* --------------------------------------------------- */
   .columns-status {
      width: 196px;

   }
   .columns-status .status-shadow {
      border-top: 1px solid #CCC;
      border-left: 1px solid #CCC;
      border-right: 3px solid #666;
      border-bottom: 3px solid #666;
   }
   .columns-status .status-content {
      height: 100%;
      overflow: auto;
      margin: 0;
      background: #FFF;
      border: 1px solid #CCC;
      padding-top: 10px;
      padding-bottom: 16px;
   }
   .columns-status ul {
      margin-bottom: 10px;
      margin-top: 2px;
   }
   .columns-status ul li {
      font-size: 11px;
      padding-left: 22px;
      padding-right: 5px;
   }
   .columns-status ul li span:hover,
   .columns-status ul li.js-selected {
      color: #666;
      font-weight: bold;
   }
   .columns-status ul li i {
      margin-right: 4px;
   }
   .columns-status ul li span {
      cursor: pointer;
   }

/* --------------------------------------------------- */