﻿/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    background      : #FDFBF3 url(images/bckBody.jpg) repeat-x left top;
    color           : #263A45;
}

h1 
{
}

h2 
{
}

h3 
{
}

h4 
{
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    color           : #7A886A;
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#branding
{
    background      : transparent url(images/branding.jpg) no-repeat left top;  
}

div#content
{
    background      : transparent url(images/content.jpg) repeat-y left top;
}

div#content_sub
{
    background      : transparent url(images/navigation.jpg) no-repeat left top;
}

div#site_info
{
    color           : #AAAC7B;    
    background      : transparent url(images/content.jpg) repeat-y left top;
}

div#login
{
    color           : #7A886A;   
}

label.lblProperty ~ div.statestation
{
    background      : transparent url("/uploads/Images/imgWeather.jpg") no-repeat 30px top;
}

div.readingReferenceInfo
{
    background-color: #C3C39F;
    border          : solid 1px #85864D;   
}

div.aboutTheStation
{
    background-color: #E2E1CC;
    border          : solid 1px #85864D;
}

div.statestation_weather
{
    background-color: #C3C39F;
    border          : solid 1px #818143; 
}

div.ssWeatherGeo
{
    background-color: #818143;   
    color           : White;
}

div#divDataDisclaimer
{
    background-color: #E2E1CC;
    border          : solid 1px #85864D;   
}

/*___ SPAN _________________________________________________________________*/

span.viewRealTimeWeather
{
    background      : transparent url(images/viewRealTimeWeather-trans.png) no-repeat left top;
    color           : #3E3E18;
}

span.btnGetWeatherData.hidden
{
    background      : transparent url(images/btnGetWeatherData-trans.png) no-repeat left top;   
}

span.btnGetWeatherData
{
    background      : transparent url(images/btnGetWeatherData_hide-trans.png) no-repeat right top;   
}

span#dataDisclaimer
{
    color           : #7A886A;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

/*___ H3 _________________________________________________________________*/

div.statestation h3
{
    background      : transparent url(images/graphIcon.jpg) no-repeat left top;
}

label.lblProperty ~ div.statestation h3
{
    background-image: none;
}

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ UL _________________________________________________________________*/

ul.ulMapNav ul
{
    border          : 1px solid #ABAD7E;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

ul.ulMapNav ul li
{
    background-color: #DFDEC9;
}

ul.ulMapNav ul li:hover
{
    background-color: #fff;
}

ul.ulMapNav ul li ~ li
{
    border-top      : 1px solid #ABAD7E;
}

ul.ulMapNav li:hover {
	background: #DFDEC9;
	
}

ul#partners li
{
    border-bottom   : 1px solid #263A45;
}

ul#partners li:last-child
{
    border          : none;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

div#branding h1 a,
div#branding h1 a:visited,
div#branding h1 a:hover
{
    color : #0E3749;
}

div#content_main a,
div#content_main a:visited,
div#content_main a:hover
{
    color : #5C6644;   
}

a#aNanoos
{
    background          : transparent url(images/nanoos.gif) no-repeat left top;   
}

a#aNerrs
{
    background          : transparent url(images/nerrs.gif) no-repeat left top;    
}

li#nanoos a.image 
{
    background          : transparent url(images/nanoos.gif) no-repeat scroll 0% 0%;
}

li#nerra a.image 
{
    background          : transparent url(images/nerra.gif) no-repeat scroll 0% 0%;
}

li#nerrs a.image 
{
    background          : transparent url(images/nerrs.gif) no-repeat scroll 0% 0%;
}

li#orca a.image 
{
    background          : transparent url(images/orcaL.jpg) no-repeat scroll 0% 0%;
}

li#noaa a.image 
{
    background          : transparent url(images/noaa.gif) no-repeat scroll 0% 0%;
}

li#psga a.image 
{
    background          : transparent url(images/psga.gif) no-repeat scroll 0% 0%;
}

li#psi a.image 
{
    background          : transparent url(images/psi.gif) no-repeat scroll 0% 0%;
}

li#cdmo a.image 
{
    background          : transparent url(images/cdmo.gif) no-repeat scroll 0% 0%;
}

li#kbay a.image 
{
    background          : transparent url(images/logoKBRR.gif) no-repeat scroll 0% 0%;
}

li#padbay a.image 
{
    background          : transparent url(images/logoPadBay.gif) no-repeat scroll 0% 0%;
}

li#ssnerr a.image 
{
    background          : transparent url(images/logoSS.gif) no-repeat scroll 0% 0%;
}

li#liFarm a.image 
{
    background          : transparent url(images/farmTM.jpg) no-repeat scroll 0% 0%;
}

table[id$="water"] + div.graphDataLink a.aGraphThisData
{
    background          : transparent url(images/aGraphThisData-trans.png) no-repeat left top;   
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

div.home_content h3 a img,
div.home_content h3 a:visited img
{
    border          : solid 1px #FDFBF3;    
}

div.home_content h3 a:hover img
{
    border          : solid 1px #AAAC7B; 
}

div.statestation h3 img 
{
    border          : 3px solid #ABAD7E;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

div#login input[type="submit"]
{
    background      : transparent url(images/btn_login.gif) no-repeat left top;
    border-top      : none;
    border-left     : none;
    border-right    : none;
    border-bottom   : none;
}

/*___ LABEL _________________________________________________________________*/

/*___ ABBR _________________________________________________________________*/

div.ssWeatherGeo abbr
{
    border-bottom   : none;    
}

/*___Group/Section/Class_________________________________________________________________*/