body {
}
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
    display: none;
    background: transparent url(https://dl.dropboxusercontent.com/u/25819920/tooltip/black_arrow.png);
    font-size: 12px;
    height: 70px;
    width: 160px;
    padding: 25px;
    color: #fff;
}

#mainheader {
    background-color:lightgrey;
    /*background-color:#335566;*/
     color:black;
     text-align:center;
    padding:5px;
    /*height:100px;*/
     height:10%;
}

/*#nav {
    line-height:30px;
     background-color:#eeeeee;
    height:700px;
    width:300px;
     float:left;
     padding:5px; 
}*/

#leftnav {
    /*line-height:10px;*/
     background-color:#eeeeee;
    height:620px;
    /*width:15%;*/
    /*width:150px;*/
     float:left;
     /*padding:5px;*/ 
     border:5px;
     border-color:darkgray;
     border-style:solid;
}
#section {
     display: inline-block;
     padding-left:15px; 
      height:625px;
   /*width: 695px;*/  
   /*width:58%;*/
   /*background-color:lemonchiffon;*/
}
#aside {
    /*top:0px;*/
    /*line-height:10px;*/
     background-color:#eeeeee;
    height:620px;
    /*width:150px;*/
    /*width:20%;*/
     float:right;
     /*padding:5px;*/ 
     border:5px;
     border-color:darkgray;
     border-style:solid;
}
#nav2 {
    line-height:10px;
     background-color:#eeeeee;
       height:250px;
    width:100%;   
     padding:5px; 
     border:5px;
     border-color:darkgray;
     border-style:solid;
}


#footer {
    background-color:grey;
     color:white;
    /*clear:both;*/
    text-align:center;
     padding:5px; 
     width:100%;
     height:30px;
}

  .btn {
          background-color:#335566;
        color:aliceblue;
          border: 3px outset #78a5bb;
    width: 100px;
}
    .btn:hover {
         border: none;
   background-color:#78a5bb;
    box-shadow: 0px 0px 1px #777;
    }

  .btnturq {
        color:aliceblue;
    }

   .btnltsg {
        background-color:#335566;
        color:aliceblue;
    }

   .multipleResultsTableHeader{
       -moz-border-radius:4px;
       -webkit-border-radius:4px;
       background-color:#454444;
       border:2px solid #2f4f4f;
       border-radius:4px;
       color:#fff;
       cursor:pointer;
       padding:3px

   }


    .ddl {
        color:#335566;
       border: 3px outset #335566;
       border-width: 1px;
            width: 110px;
}

    .infotext{
          border: none; 
          width: 185px;
    }

     .inputtext{
          border:thin solid black;
          width: 100px;
    }

     .facilitygrid  {
        font-size: 12px;

     }
     .infotext2{
          border: none; 
          width: 130px;
          font-size:12px;
    }

      .infotext3{
          border: none; 
          width: 75px;
          font-size:10px;
    }

      .headertbl{
          padding:5px; 
          border-width:medium; 
          border-color:white;
          border-style:solid;
          height:125px;
      }
      .tblphotos {
         width:175px;
         margin:auto;
          background-color:white;
          padding:5px;
      }
      .chkboxstyle {
          text-align:right;
          width:24px;
          
      }

      .scroll-pane
{
	width: 100%;
	height: 200px;
	overflow: auto;
}

      /* Style the buttons that are used to open and close the accordion panel */
 button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 15px;
    background-color: white;
    display: none;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    display: block;
}
msg3 {
color:red;
}