/*******************************************************************************
 Overall Page definitions
*******************************************************************************/
  body {
    padding: 0;
    color:#000000;
    background-color:#ffffff; 
    background-image:url(images/dec_background.png); 
    background-repeat:repeat-x; 

    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;

  }

  #loading {
    position: fixed;
    top: 10px;
    right: +10px;
    background: red;
    font-size: large;
    width: 80px;
  }


/*******************************************************************************
 Page Header (Company Logo)
*******************************************************************************/
  #pageHeader {
    width: 720px;
    margin-left: 10px;
  }

    #pageHeader img {
      behavior: url(iepngfix.htc);
    }

    #pageHeader table {
      width: 100%;
    }     

    #pageHeader_tdLogo {
      width: auto;
    }     

    #pageHeader_Logo {
      width: 129px;
      height: 110px;
    }     

    #pageHeader_tdChart {
      width: 60px;
      font-size: 10px;
      font-weight: bold;
      text-align: center;
    }     

    #pageHeader_tdTable {
      width: 300px;
    }

      #pageHeader_tdTable table {
          margin-left: auto;
          margin-right: 0px;
          background: #FFFFFF; 
          font-size: 12px;
          font-family: Arial;
          border-collapse: collapse;
      }     


        #pageHeader_tdTable_Row1 { 
          /* display: none; */
        }

        pageHeader_tdTable_Row2 { 
          /* display: none; */
        }

        #pageHeader_tdTable_Row3 {
          /* display: none; */
        }

        #pageHeader_tdTable_Row4 { 
          /* display: none; */
        }

        #pageHeader_tdTable_Col1{
          border: 1px solid #0000FF;
          width: 185px;
          text-align: left;
        }     
  
        #pageHeader_tdTable_Col2{
          border: 1px solid #0000FF;
          width: 100px;
          text-align: right;
        }

/*******************************************************************************
 Chart
*******************************************************************************/
  #top_chart {
    width: 65px; 
    height: 65px;
  }

  #top_chartSide {
    width: 65px; 
    height: 65px;
  }

  .top_chart {
    font: menu;
/*  background: green;  */
    color: black;
    overflow: hidden;
    position: relative;
  }

  .top_chart .legend {
    display: none;
    float: left;
    border: 1px solid black;
    background: red; 
    padding: 0px 0px 0px 0px;
  }

  .top_chart .legend ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
  }

  .top_chart .legend ul li {
    list-style: square;
  }

  .top_chart .legend ul li span {
    color: black;
  }

/*******************************************************************************
 Main Data Area
*******************************************************************************/
  #mainArea {
    width: 1200px;
  }

/*******************************************************************************
 Map Block
*******************************************************************************/
#leftSide {
  width: 730px;
  padding-left: 10px;
  float: left;
}

   #mapBlock {
    border-top: 1px dashed #666;
    border-right: 1px dashed #666;
    border-bottom: 1px dashed #666;
    padding-right: 10px;
    padding-bottom: 10px;
  }

   /***********************
      Key Box
    ***********************/
    #keyContainer {
      margin-top: 10px;
      margin-bottom: 10px;
    }

      #keyContainer img {
        behavior: url(iepngfix.htc) 
      }

      #keyContainer table {
        width: 100%;
        border-collapse:   collapse;
      }

      #keyContainer table td {
        border: 1px solid #666;
        font-size: 10px;
        font-weight: bold;
      }

        #keyContainer table table {
          width: auto;
        }

          #keyContainer table table td {
            padding: 0px;
            border: 0px;
         }

          #CrewKey {
            /* display: none; */
          }

          #PurpleKey {
            /* display: none; */
          }

          #BlueKey {
            /* display: none; */
          }

          #BlueKey1 {
           /*  display: none; */
          }

          #GreenKey {
            /* display: none; */
          }

          #YellowKey {
            /* display: none; */
          }

          #OrangeKey {
            /* display: none; */
          }

          #RedKey {
            /* display: none; */
          }

          #CrewKey {
            /* display: none; */
          }




    /***********************
      Map
    ***********************/
    #map {
      height: 500px;
      margin-left: 0px;
      border: 10px solid #007254;
    }

    /***********************
      Map Controls (Checkboxes)
    ***********************/
    #controls { 
      margin-top: 10px; 
      text-align: center;
    }


    /***********************
      Info Window Detail
    ***********************/
    #infoDetail  { 
      font-weight: bold;
    }

    #infoDetail table { 
      width: auto; 
      font-weight:normal;
      font-size: 10px;
    }

      #infoDetail_Row1 { 
        /* display: none; */
      }

      #infoDetail_Row2 { 
        /* display: none; */
      }

      #infoDetail_Row3 { 
        /* display: none; */
      }

      #infoDetail_Row4 { 
        /* display: none; */
      }

      #infoDetail_Row5 { 
        /* display: none; */
      }

      #infoDetail_Row6 { 
        /* display: none; */
      }

      #infoDetail_Row7 { 
        /* display: none; */
      }

      #infoDetail_Row8 { 
        /* display: none; */
      }

      #infoDetail_Col1 { 
        width: 200px; 
        text-align: left;
      }

      #infoDetail_Col2 { 
        text-align: right;
      }


/*******************************************************************************
 Side (Summary Tables)
*******************************************************************************/
  #rightSide {
    margin-left: 750px;  /* needs to be leftSide.width + 20 */
  }


    #pageHeaderSide {
      display: none;	    
    }

    #outageTableArea {
      width: 405px; /* needs to be outerTable.width + 20 */
    }

    /***********************
      Tabs
    ***********************/
    #outageTableAreanav1 {
      /* display:none; */
    }

    #outageTableAreanav2 {
      /* display:none; */
    }

    #outageTableAreanav3 {
      /* display:none; */
    }

    #outageTableAreanav4 {
     /* display:none; */
    }

    #outageTableAreanav5 {
      /* display:none; */
    }

    /***********************
      Outer Table
    ***********************/
    #outerTable {
      width: 385px;       /* needs to be innerTable.width + 20 */
      border-collapse: collapse; 
      margin-left: 0; 
      margin-top: 10px; 
      color: #000;
    } 

      #outerTable tbody {
        color: #000;
      }

      #outerTable td {
        color: #000;
        font-size: 12px;
      }

      #outerTable_Summary {
        /* display: none; */
        background: #FFEA6F; 
        text-align: left;
      }

        #outerTable_Summary_Row1 {
          /* display: none; */
       }

        #outerTable_Summary_Row2 {
          /* display: none; */
       }

        #outerTable_Summary_Row3 {
          /* display: none; */
       }

        #outerTable_Summary_Col1 {
          text-align: left;
       }

        #outerTable_Summary_Col2{
          text-align: right;
       }

         #outerTable_Summary_Col4{
          text-align: right;
       }

    /***********************
      Scroll Box
    ***********************/
    #scrollBox {
      height: 30em; 
      overflow: auto; 
    }

      /***********************
        Inner Table
      ***********************/
      #innerTable {
        width: 365px;
        border-collapse: collapse;
      }

        #innerTable td {
          color: #000;
          border-bottom: 1px solid #DDD;
          border-left:  1px solid #DDD;
          border-right:  1px solid #DDD;
          border-top: 1px solid #DDD;
          padding: 2px 3px 3px 4px;
        }

        #innerTable_Header {
          font-size: 12px;
          background: #6e9ab7; 
          text-align: center; 
          border-bottom: 1px solid #DDD;
          border-left:  1px solid #DDD;
          border-right:  1px solid #DDD;
          border-top: 1px solid #DDD;
          padding: 2px 3px 3px 4px;
        }

        #innerTable_Header_Col1 {
         /* display: none; */
        }

        #innerTable_Header_Col2 {
          /* display: none; */
        }

        #innerTable_Header_Col3 {
          /* display: none; */
        }

        #innerTable_Col1 {
         /* display: none; */
          text-align: left;
          border-bottom: 1px solid #DDD;
          border-left:  1px solid #DDD;
          border-right:  1px solid #DDD;
          border-top: 1px solid #DDD;
          padding: 2px 3px 3px 4px;
        }

        #innerTable_Col2 {
          /* display: none; */
          text-align: right;
          border-bottom: 1px solid #DDD;
          border-left:  1px solid #DDD;
          border-right:  1px solid #DDD;
          border-top: 1px solid #DDD;
          padding: 2px 3px 3px 4px;
        }

        #innerTable_Col4 {
          /* display: none; */
          text-align: right;
          border-bottom: 1px solid #DDD;
          border-left:  1px solid #DDD;
          border-right:  1px solid #DDD;
          border-top: 1px solid #DDD;
          padding: 2px 3px 3px 4px;
        }

        #innerTable_Col3 {
          /* display: none; */
          text-align: right;
          border-bottom: 1px solid #DDD;
          border-left:  1px solid #DDD;
          border-right:  1px solid #DDD;
          border-top: 1px solid #DDD;
          padding: 2px 3px 3px 4px;
        }

        #innerTable_RowNormal {
          background: #d7e7dc;
        }

        #innerTable_RowAlternate {
          background: #d7ffdc;
        }

        #innerTable_RowTotal {
          font-weight: bold;
          background: #FFEA6F; 
        }

    /***********************
      Search Area
    ***********************/
    #areaSearch { 
      Color: blue; 
      font-size: x-small; 
    }


/*******************************************************************************
 Footer components
*******************************************************************************/
  #footer {
    color: #999;
    clear: both;
  }

  #lastUpdate {
    text-align: right;
  }

  #copyright {
    text-align: right;
  }


/*******************************************************************************
 Polygon Label components
*******************************************************************************/
  .polyText {
    Color: blue;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
  }


/*******************************************************************************
 maps.js components
*******************************************************************************/
div.noOutageMsg {
        position: relative;
        left: 75px;
        top: 0px;
}

/*******************************************************************************
 outage_marker.js components
*******************************************************************************/
div.outageMsg {
        position: relative;
        /*padding: 10px; */
        top: -5px; /* these two define the shadow 'offset'*/
        left: -5px; /*...*/
        background: #CCCCFF;
        color: black;
        border: 1px solid #333399;
        font-size: 38px;
        height: 50px;
        text-align: center;
}

/*******************************************************************************
 maps.js components
*******************************************************************************/
  div.out10 { 
    background: #662c91;
  }

  div.out50 { 
    background: #0076a3;
  }

  div.out100 { 
    background: #00a650;
  }

  div.out200 { 
    background: #fff200;
  }

  div.out500 { 
    background: #f26522;
  }

  div.outplus { 
    background: #ed1c24;
  }

/*******************************************************************************
 Instructions components
*******************************************************************************/


/*******************************************************************************
 Right Panel (Alternate) Instructions components
*******************************************************************************/
  #instructions_right {
    display: none;
    margin-left: 10px;

  }
  #instructions_right_table {
    margin-left: 10px;
  }