/**
 * Namespace: flot.css
 *
 * The file flot.css is a css file to providing styling for the bar graph
 *  displayed the popup window for the Ozark Water-Use Web Site.
 *
 * version 1.05
 * September 22, 2015
*/

/*
###############################################################################
# Copyright (c) 2015 Oregon Water Science Center
# 
# Permission is hereby granted, free of charge, to any person obtaining a
# copy of this software and associated documentation files (the "Software"),
# to deal in the Software without restriction, including without limitation
# the rights to use, copy, modify, merge, publish, distribute, sublicense,
# and/or sell copies of the Software, and to permit persons to whom the
# Software is furnished to do so, subject to the following conditions:
#
# The above copyright notice and this permission notice shall be included
# in all copies or substantial portions of the Software.
#
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
# OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
# THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
# DEALINGS IN THE SOFTWARE.
###############################################################################
*/

 #header 
   {  
    font-family: Verdana, Arial, Helvetica;
    font-size: 12.0pt;
    font-weight: bold;
    text-align: center;
    color:#333;
   }

 #footer 
   {
    margin-top: 25px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 12px;
    color: #999;
   }	        

 .flot_graphs 
   {  
    position: relative;
    margin-left: 30px;
    margin-bottom: 10px;
   }

 .zoom_period_plot
   {  
    position: relative;
    display: inline-block;
    vertical-align: top;
   }

 .period_selected_plot
   {  
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:       200px;
   }

 #small_well_log 
   {  
    position: top;
    float: left;
    display: inline-block;
    margin-left:   2px;
    margin-top:    2px;
    width:       170px;
    height:      500px;
   }  

 .flot_placeholder 
   {  
    position: top;
    display: inline-block;
    width:  200px;
    height: 100px;
    float: left;
   }

 .wateruse_popup_plot 
   {  
    position: top;
    display: inline-block;
    width:  200px;
    height: 100px;
    float: left;
   }

 .flot_legend
   {  
    position: top;
    display: inline-block;
    width:  400px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    float: left;
   }

 .legendTable table, tr, td
   {  
    border: 0px solid black;    
   }

 .flot_overview
   {  
    position: relative;
    width:  600px;
    height: 130px;
   }

 .flot_plot_labels 
   {  
    width:  600px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    font-weight: bold;
    text-align: right;
    color:#333;
    margin-top: 10px;
   }

 .flot_y_axis 
   {  
    font-family: Verdana, Arial, Helvetica;
    font-size: 9.0pt;
    font-weight: bold;
    color:#333;
    border:0px solid red;
    text-align: left;
    vertical-align: middle;
    width: 60px;
    height:60px;
   }

 .y1axisLabel 
   {  
    font-family: Verdana, Arial, Helvetica;
    font-size: 6.0pt;
    font-weight: bold;
    color:#000000;
    text-align: right;
    vertical-align: middle;
   }

 .y2axisLabel 
   {  
    font-family: Verdana, Arial, Helvetica;
    font-size: 12.0pt;
    font-weight: bold;
    color:#000000;
    text-align: left;
    vertical-align: middle;
   }
   
 .flot_tooltip
    {
      position: absolute;
      display: none;
      border: 1px solid black;
      border-radius: 0.5em;
      padding: 0.4em 0.6em;
      background-color: #D3D3D3;
      background: #D3D3D3;
      opacity: 1.0;
      color: black;
      font-family: Verdana, Arial, Helvetica;
      font-size: 8.0pt;
      font-weight: bold;
      text-align: left;
      z-index: 1;
      opacity: 1.0;
    }

 .flot_hoverdata
   {  
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
   }

 .flot_checktooltip
   {  
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    margin-left: 0px;
    vertical-align: middle;
   }

 .flot_instructions
   {  
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    font-weight: bold;
    text-align: left;
   }

 .tickLabel
   {
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    font-weight: bold;
    color: #000000;
   }

 .tickLabels .xAxis .tickLabel
   {
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    font-weight: bold;
   }

 .yaxisLabel
   {
    color: black;
    font-family: Verdana, Arial, Helvetica;
    font-size: 11.0pt;
    font-weight: bold;
    vertical-align: bottom;
   }

 .y2axisLabel
   {
    color: black;
    font-family: Verdana, Arial, Helvetica;
    font-size: 11.0pt;
    font-weight: bold;
    vertical-align: top;
   }

 .y0Axis
   {
    color: #000000;
   }

 .y1Axis
   {
    color: #8A0808;
   }

 .y2Axis
   {
    color: #21610B;
   }

 .y3Axis
   {
    color: #08298A;
   }

 #scanner_tooltip 
   { 
    height: 30px;
    vertical-align: top;
    text-align: left;
   } 

 #explanation
   {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11.0pt;
    font-weight: bold;
    margin-left: 0px;
    text-align: left;
    color:#000000;
   }

 .legendTable
   {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9.0pt;
    font-weight: bold;
    margin-left: 10px;
    color:#000000;
   }

 .legendLabel
   {
    font-family: Verdana, Arial, Helvetica;
    font-size: 9.0pt;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #000000;
   }

 .legendLine 
   { 
    width: 20px;
    height: 0px;
    border-bottom: 4px solid #f00;
   } 

 .legendRectangle 
   { 
    width: 0px;
    height: 0px;
    background: #f00;
   } 

 .legendTriangle
   {  
    display: inline-block; 
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid red;
    position:relative;
   }

 .legendTriangle:after
   {  
    content: '';
    position: absolute;
    top: 3px;
    left: -3px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 5px solid white;
   }

 .legendCircle
   {  
    width: 6px;
    height: 6px;
    position: relative;
    top: 3px;
    left: 1px;
    -moz-border-radius : 3px; /* Firefox */
    -webkit-border-radius : 3px; /* Safari & Chrome */
    -khtml-border-radius : 3px; /* Linux browsers */ 
    border-radius : 6px 6px 6px 6px; /* CSS3 compatible browsers */
    background: transparent;
    border: 2px solid #f00;
   }

 .legendSphere
   {  
    width: 6px;
    height: 6px;
    -moz-border-radius : 2px; /* Firefox */
    -webkit-border-radius : 2px; /* Safari & Chrome */
    -khtml-border-radius : 2px; /* Linux browsers */ 
    border-radius : 2px; /* CSS3 compatible browsers */
    background: #f00;
   }

 .legendValue
   { 
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    font-weight: bold;
    width: 60px;
    vertical-align: center;
    text-align: right;
   } 

/* Qualification codes assigned to IV and DV data records
*/
 #legend_&
   { 
    color: #4D94FF;
   } 

 #legend_e
   { 
    color: #FF9999;
   } 

 #legend_<
   { 
    color: #F0C2FF;
   } 

 #legend_>
   { 
    color: #FFB894;
   } 

 #legend_1
   { 
    color: #E0A366;
   } 

 #legend_2
   { 
    color: #FFAD5C;
   } 

 #legend_A
   { 
    color: #99C2EB;
   } 

 #legend_B
   { 
    color: #FFFF33;
   } 

 #legend_E
   { 
    color: #99FFEB;
   } 

 #legend_F
   { 
    color: #D8C4FF;
   } 

 #legend_K
   { 
    color: #D1D119;
   } 

 #legend_R
   { 
    color: #CEADFF;
   } 

 #legend_T
   { 
    color: #A9A5A5;
   }

 #legend_X
   { 
    color: #99EBC1;
   } 

/* Status codes for IV and DV records assigned by the use of nw_edit
*/
 #legend_--
   { 
    color: #99FFEB;
   } 

 #legend_***
   { 
    color: #CEADFF;
   } 

 #legend_Bkw
   { 
    color: #99EBC1;
   } 

 #legend_Dis
   { 
    color: #FFFF33;
   } 

 #legend_Dry
   { 
    color: #99C2EB;
   } 

 #legend_Eqp
   { 
    color: #E0A366;
   } 

 #legend_Fld
   { 
    color: #FFB894;
   } 

 #legend_Ice
   { 
    color: #C0DCED;
   } 

 #legend_Mnt
   { 
    color: #D8C4FF;
   } 

 #legend_Pr
   { 
    color: #F0C2FF;
   } 

 #legend_Rat
   { 
    color: #A6C9FF;
   } 

 #legend_Ssn
   { 
    color: #FF4D4D;
   } 

 #legend_ZFl
   { 
    color: #D1D119;
   } 

/* Data aging codes assigned to IV and DV data records
*/
 #legend_A
   { 
    color: #CCFFCC;
   } 

 #legend_P
   { 
    color: #FFE0FF;
   } 

/* Colors for graphing tool
*/
 #color_1
   { 
    color:#8A0808;
   } 
 #color_2
   { 
    color: #21610B;
   } 
 #color_3
   { 
    color: #08298A;
   } 
 #color_4
   { 
    color: #CDC22E;
   }
 #color_5
   { 
    color: #B02ECD;
   }
 #color_6
   { 
    color: #3FCCC5;
   }
 #color_7
   { 
    color: #A37327;
   }
 #color_8
   { 
    color: #9CEB74;
   }
 #color_9
   { 
    color: #958986;
   }