@charset "UTF-8";
.visually-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    position: absolute !important;
}
/*--------------------------------------------
    CLEARFIX
---------------------------------------------*/
.clearfix:before, .clearfix:after { 
    content: ""; 
    display: table; 
}
.clearfix:after { 
    clear: both; 
}
.pad {
    padding:10px;
}
/*--------------------------------------------
    FLOATS and MARGIN RULES
---------------------------------------------*/
.float_left {
    float:left;
}
.float_right {
    float:right;
}
/*--------------------------------------------
    TEXT STYLE / TEXT MODS /
---------------------------------------------*/
.quiet {
    color:#a9aaa4;
    font-weight:.5em;
}
.explode {
    font-size:4em;
}
/*--------------------------------------------
    BODY STYLES
---------------------------------------------*/
body
{
    margin: 0;
    padding: 0;
    background-color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 
    min-width: 980px;
}
a:active, a:focus 
{ 
    outline-style: none; 
    -moz-outline-style:none; 
}
.footnote		{ font-size: 8pt }

img				{ border: 0 }
.pub_thumb		{ padding: 10px; background: url(/images/global/cover_frame.jpg) }
.pub_item		{ width: 200px; min-height: 190px; float: left; background: white; padding: 9px }
.pub_item a, .pub_item a:hover
{ display: block; text-decoration: none !important }
.pub_item p		{ padding: 10px !important; margin: 0 !important;  }
.pub_item .item_title
{ font-weight: bold; font-size: 14px; text-decoration: none; display: block; color: #395ab0; padding: 0 10px 0 10px !important; margin: 0 !important }
div.alert		{ border: 2px solid #b9b89b; background: #fbf9d2 url(/images/global/alert_bg.png) repeat-x top center; margin: 10px; float: none; clear: both; position: relative; border-left: 20px solid #b9b89b }
div.alert p		{ margin: 0 0 10px 0 !important; padding: 0 !important }
#header			{ z-index: 3000; height: 122px }
#mesonet_logo	{ position: absolute; top: 8px; left: 0px }
/* Header Menu */
#header_menu ul	{ margin: 0; padding: 0; position: absolute; right: 0px; top: 50px; font-size: 11px }
#header_menu li	{ list-style: none; display: inline }
#header_menu a	{ color: white; text-decoration: none; margin: 0 0 0 20px }
#heaser_menu a:active {
    color:black;
}
/* Menu 
#main_menu		{ position: absolute; top: 80px; right: 190px }
.nav			{ width: 714px; height: 42px; list-style: none; margin: 0; padding: 0; position: relative; background: url(/images/global/main_menu.2.png) no-repeat }
.nav li			{ display: inline }
.nav li a:link, .nav li a:visited	{ position: absolute; top: 0; height: 42px; text-indent: -9000px; overflow: hidden; z-index: 10 }

.nav .m_weather a:link, .nav .m_weather a:visited 
                        { left: 0px; width: 87px }
        .nav .m_weather a:hover, .nav .m_weather a:focus, .nav .m_weather a:active
                        { background: url(/images/global/main_menu.2.png) no-repeat 0px -42px }	 
        .current-m_weather .m_weather a:link, .current-m_weather .m_weather a:visited 
                        { background: url(/images/global/main_menu.2.png) no-repeat 0px -84px; cursor: default }
        .nav-m_weather, .nav-m_weather-click 
                        { position: absolute; top: 0; left: 0px; width: 87px; height: 42px; background: url(/images/global/main_menu.2.png) no-repeat 0px -42px }

.nav .m_climate a:link, .nav .m_climate a:visited 
                        { left: 87px; width: 81px }
        .nav .m_climate a:hover, .nav .m_climate a:focus, .nav .m_climate a:active
                        { background: url(/images/global/main_menu.2.png) no-repeat -87px -42px }	 
        .current-m_climate .m_climate a:link, .current-m_climate .m_climate a:visited 
                        { background: url(/images/global/main_menu.2.png) no-repeat -87px -84px; cursor: default }
        .nav-m_climate, .nav-m_climate-click 
                        { position: absolute; top: 0; left: 87px; width: 81px; height: 42px; background: url(/images/global/main_menu.2.png) no-repeat -87px -42px }

.nav .m_forecast a:link, .nav .m_forecast a:visited 
                        { left: 167px; width: 83px }
        .nav .m_forecast a:hover, .nav .m_forecast a:focus, .nav .m_forecast a:active
                        { background: url(/images/global/main_menu.2.png) no-repeat -167px -42px }	 
        .current-m_forecast .m_forecast a:link, .current-m_forecast .m_forecast a:visited 
                        { background: url(/images/global/main_menu.2.png) no-repeat -167px -84px; cursor: default }
        .nav-m_forecast, .nav-m_forecast-click 
                        { position: absolute; top: 0; left: 167px; width: 83px; height: 42px; background: url(/images/global/main_menu.2.png) no-repeat -167px -42px }

.nav .m_earthstorm a:link, .nav .m_earthstorm a:visited 
                        { left: 250px; width: 122px }
        .nav .m_earthstorm a:hover, .nav .m_earthstorm a:focus, .nav .m_earthstorm a:active
                        { background: url(/images/global/main_menu.2.png) no-repeat -250px -42px }	 
        .current-m_earthstorm .m_earthstorm a:link, .current-m_earthstorm .m_earthstorm a:visited 
                        { background: url(/images/global/main_menu.2.png) no-repeat -250px -84px; cursor: default }
        .nav-m_earthstorm, .nav-m_earthstorm-click 
                        { position: absolute; top: 0; left: 250px; width: 122px; height: 42px; background: url(/images/global/main_menu.2.png) no-repeat -250px -42px }

.nav .m_agriculture a:link, .nav .m_agriculture a:visited 
                        { left: 372px; width: 100px }
        .nav .m_agriculture a:hover, .nav .m_agriculture a:focus, .nav .m_agriculture a:active
                        { background: url(/images/global/main_menu.2.png) no-repeat -372px -42px }	 
        .current-m_agriculture .m_agriculture a:link, .current-m_agriculture .m_agriculture a:visited 
                        { background: url(/images/global/main_menu.2.png) no-repeat -372px -84px; cursor: default }
        .nav-m_agriculture, .nav-m_agriculture-click 
                        { position: absolute; top: 0; left: 372px; width: 100px; height: 42px; background: url(/images/global/main_menu.2.png) no-repeat -372px -42px }

.nav .m_okfirst a:link, .nav .m_okfirst a:visited 
                        { left: 472px; width: 110px }
        .nav .m_okfirst a:hover, .nav .m_okfirst a:focus, .nav .m_okfirst a:active
                        { background: url(/images/global/main_menu.2.png) no-repeat -472px -42px }	 
        .current-m_okfirst .m_okfirst a:link, .current-m_okfirst .m_okfirst a:visited 
                        { background: url(/images/global/main_menu.2.png) no-repeat -472px -84px; cursor: default }
        .nav-m_okfirst, .nav-m_okfirst-click 
                        { position: absolute; top: 0; left: 472px; width: 110px; height: 42px; background: url(/images/global/main_menu.2.png) no-repeat -472px -42px }
                        
.nav .m_okfire a:link, .nav .m_okfire a:visited 
                        { left: 582px; width: 133px }
        .nav .m_okfire a:hover, .nav .m_okfire a:focus, .nav .m_okfire a:active
                        { background: url(/images/global/main_menu.2.png) no-repeat -582px -42px }	 
        .current-m_okfire .m_okfire a:link, .current-m_okfire .m_okfire a:visited 
                        { background: url(/images/global/main_menu.2.png) no-repeat -582px -84px; cursor: default }
        .nav-m_okfire, .nav-m_okfire-click 
                        { position: absolute; top: 0; left: 582px; width: 133px; height: 42px; background: url(/images/global/main_menu.2.png) no-repeat -582px -42px }
*/	

/*--------------------------------------------
    MAIN MENU
---------------------------------------------*/
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: normal;
    src: local('Oswald '), local('Oswald'), url('//themes.googleusercontent.com/static/fonts/oswald/v5/qpy-UiLNKP-VfOdbcs6r6-vvDin1pK8aKteLpeZ5c0A.woff') format('woff');
}
#main_menu ul {
    list-style: none;
    font-family: "Arial", "Helvetica", serif;	
    float:right;
    font-size:1em;
    margin-top:96px;
    margin-right:150px;
    font-weight:bold;
}
#main_menu ul li {
    float:left;
    border-left: 1px solid #f6f9f2;
    padding-bottom:8px;
}
#main_menu ul li a {
    text-decoration:none;
    color: #525669;
    border-right: 1px solid #ced1c6;
    padding:4px 10px 8px 10px;		
}
#main_menu ul li a:hover {		
    text-decoration: none !important;	
    background: transparent url("/images/global/hover_slice.png") 0 0 repeat-x;
    color:#344e98;	
}
#main_menu ul li a.active {
    text-decoration: none !important;	
    background: transparent url("/images/global/hover_slice.png") 0 0 repeat-x;
}
#first {
    border-left:none !important;
}
#last a {
    border-right:none !important;
}
/*--------------------------------------------
    SUB MENU AG DROP DOWN
---------------------------------------------*/
/*****ul#sub_menu > li:first-child {
        border-left:1px solid white;
        padding:0px;

}
ul#sub_menu > li:first-child a {
        border-left: 1px solid #cacaca;
        display: block;
}
ul#sub_menu ul > li a {
        border-left: none;  ***/
#sub_menu_wrapper {
    width:100%;
    clear:both;	
}

#sub_menu {	
    font-size:.95em;
    font-family: 'Arial', "Helvetica", sans-serif;
    letter-spacing:.05em;
    float:right;
    height:20px;
    margin-top:2px;
    position:relative;
}
#sub_menu li {
    float:left;
    position:relative;
    min-width: 126px;
    list-style:none;
    text-align:center;
    padding-bottom: 10px;
}
#sub_menu > li:first-child > a {	
    border-left: 1px solid  #E0E0E0;
}

#sub_menu a {
    text-decoration:none !important;
    color:#525669;
    font-weight: bold;
    /*padding: 2px 22px 5px 22px;*/
    /*padding-bottom:8px;*/
    text-align: center;
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid white;
    display: block;
    height: 23px;
}
#sub_menu a:hover {
    color:#273499;

}
#sub_menu li:hover > ul {
    display:block;
}
#sub_menu ul {
    list-style: none;
    min-width:126px;
    margin: 0;
    padding: 0;
    display:none;
    position: absolute;
    top: 23px;
    left: 0px;
    z-index:99999;
    background: #f0f3eb;
    border-left: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}
#sub_menu ul li {
    float:none;
    list-style: none;
    display:block;
    margin:0;
    padding:0;
    border-left:none;

}
#sub_menu ul a {
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    border-bottom: 1px solid #cdd2c7;
    text-decoration:none !important;

}
#sub_menu ul li a {
    border-left:none;
}
#sub_menu ul li:last-child a {
    border-bottom: none;
}
#sub_menu ul li:first-child a {
    border-left:none;
}
#sub_menu ul a:hover {
    z-index:99999;
    background:#cedce9;
    color: #5571be;
}
#sub_menu ul li:first-child a:after
{
    content: '';
    position: absolute;
    left: 45%;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #c7cec3;
}
/*--------------------------------------------
    IE FIXIE SUB MENU AG
---------------------------------------------*/
.ie7 #sub_menu {
    margin-top:12px;	
}
.ie9 #sub_menu {
    margin-top:2px;

}


/*--------------------------------------------
                                                                                        SUB MENU AGRICULTURE
---------------------------------------------

#sub_menu ul {
        list-style: none;
        font-family: 'Oswald', "Arial", sans-serif;	
        float:right;
        margin-right:330px;
        letter-spacing:.05em;	
}
#sub_menu ul li {
        float:left;
        border-left: 1px solid #f6f9f2;	
}
#sub_menu ul li a {
        text-decoration:none;
        color: #3c3e4d;
        padding:10px;		
}
#sub_menu ul li a:hover {	
        background-image: linear-gradient(bottom, rgb(204,211,197) 37%, rgb(240,242,237) 69%, rgb(240,242,237) 70%);
        background-image: -o-linear-gradient(bottom, rgb(204,211,197) 37%, rgb(240,242,237) 69%, rgb(240,242,237) 70%);
        background-image: -moz-linear-gradient(bottom, rgb(204,211,197) 37%, rgb(240,242,237) 69%, rgb(240,242,237) 70%);
        background-image: -webkit-linear-gradient(bottom, rgb(204,211,197) 37%, rgb(240,242,237) 69%, rgb(240,242,237) 70%);
        background-image: -ms-linear-gradient(bottom, rgb(204,211,197) 37%, rgb(240,242,237) 69%, rgb(240,242,237) 70%);
        background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.37, rgb(204,211,197)),
        color-stop(0.69, rgb(240,242,237)),
        color-stop(0.7, rgb(240,242,237))); 
        text-decoration: none !important;	
        transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
  
        }
#sub_menu {
        border-bottom: 1px solid blue;
        margin-top:0px;
}
*/


.margin-right { margin-right: 10px; }
.margin-left { margin-left: 10px; }
.margin-sides { margin-left: 10px; margin-right: 10px; }
.margin-bottom-small { margin-bottom: 5px; }
.fill-container { width: 99.9999999999% !important; }
.small { font-size: 90%; }
.big { font-size: 110%; margin-bottom: 8px; }
.gray { color: #959595; font-weight: bold; }
.dark-grey { color: #424242; font-weight: bold; }
.green { color: #62a464; font-weight: bold; }
.no-bold { font-weight: normal; }
.center-container { text-align: center; }
.center { margin-left: auto; margin-right: auto; }
.small-grey-bold {color: #959595; font-size: 10px; }


/*--------------------------------------------
   HOME PAGE TITLES FOR LOWER SECTIONS
---------------------------------------------*/
h2#title_home  {
    padding:2px;
    margin:0px;
    display: block;
    color: #40423c;
    display:inline-block;
    font-size: 1.35em;
    margin-bottom:0px;
    margin-top:5px;
}

#title_wrapper {
    margin-bottom: 60px;
}
.left_container {
    width:317px;
    float:left;
    margin-right:9px;
}
.right_container {
    width:317px;
    float:left;
}
.header
{
    margin-top: 20px;
}
#social_icons_header {
    position: absolute;
    top: 17px;
    right: 0px;
}
.top
{
    background: white url('/images/global/bg.gif') repeat-x;
}
body.submenu .top
{
    background: white url('/images/global/bg-with-submenu.gif') repeat-x;
}

.middle
{	
    background: white url('/images/global/divider_bg.gif') repeat-x;
}


.bottom
{
    background: black url('/images/global/footer_bg.gif') repeat-x;
    min-height: 130px;
}
#meteogram_main {
    width: 980px; 
    margin: 0 auto;
}

#news_box ul
{
    margin: 0;
    padding: 0;
}

#news_box ul li
{
    list-style: none;
    margin: 10px;
    line-height: 1.2em;
}

#news_box ul li a
{
    font-weight: bold;
}
/*--------------------------------------------
    FOOTER
---------------------------------------------*/
h2.footer_title {
    color: #959595;
    font-size: 1.5em;
    font-weight: bold;
}
#footer
{
    color: #959595;
    font-size: 10px;
    width: 980px;
    overflow: auto;
}

#logo_footer {
    margin-top: 3px;
}

.footer_box
{
    float: left;
    width: 210px;
    padding: 10px 5px;
    min-height: 120px;
}
.ie8 h2.footer_title, .ie7 h2.footer_title {
    font-size: 15px;
}

#footer ul
{
    padding: 0;
    margin: 0;
    float: left;
}

#footer li
{
    list-style: none;
    line-height: 1.5em;
}

#footer a
{
    color: #dddddd;
    font-weight: bold;
    text-decoration: none;
}

.follow
{
    width: 100px;
}

.follow .footer_box_content {
    display: flex;
    align-items: center;
}
.follow .footer_box_content a {
    padding: 0 5px;
}

.site_links
{
    width: 320px;
}

.links_1
{
    width: 90px;
}

.links_2
{
    width: 120px;
}

.links_3
{
    width: 70px;
}

.partners_links
{
    width: 200px;
}

.partners_links li	{ float: left; display: block; margin: 0 15px 0 0 }	

#copyright
{
    float: none;
    clear: both;
    padding: 0 0 20px 0;
}

.footer_box_content
{
    margin: 15px 0 0 15px;
}

.wrapper
{
    text-align: center;
}

.holder
{
    width: 980px;
    margin: 0 auto 0 auto;
    text-align: left;
    position: relative;
}

a:hover
{
    text-decoration: underline !important;
}

.clearer
{
    clear: both;
    float: none;
}	

#main
{
    padding-bottom: 20px;
    min-height: 500px;
}
#main:before, #main:after { 
    content: ""; 
    display: table; 
}
#main:after { 
    clear: both; 
}

#sidebar
{
    float: left;
    width: 190px;
    overflow: hidden;
    margin: 150px 0 0 0;
}

/*--------------------------------------------
    PRODUCT STUFF, MIGHT BE OLD
---------------------------------------------*/	
#products_menu
{
    float: left;
    width: 190px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5em;
}

#products_menu ul
{
    margin: 50px 0 0 0;
    padding: 0;
}

#products_menu a, #products_menu a:visited
{
    display: block;
    color: #424242;
    list-style: none;
    padding: 5px;
    text-decoration: none;
    margin: 0;
    border-bottom: 1px solid #ececec;
    background: url('../images/global/arrow.gif') no-repeat 180px 7px;
}

#products_menu ul a.indent {
    padding-left: 15px;
    font-weight: normal;
    color: #6d6d6d;
}

#products
{
    float: right;
    width: 778px;
    color: #40423c;
}

#products_container
{
    background-color: white;	
    width: 776px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
    position: relative;
}

.category_title
{
    width: 778px;
    height: 68px;
    background: url('../images/global/category_title_bg.gif');
    -color: #565656;
    color: #cccccc !important;
    position: relative;
}

.category_title h1
{
    font-size: 20px;
    margin: 0;
    padding: 10px 0 0 20px;
    color: #c9cfc0;
}

.category_title .green.share_toolbar a
{
    color: #3E5706;
}
.category_title .green.share_toolbar a:hover {
    color: #25390b !important;

}

.category_title .share_toolbar a:hover {
    color: white !important;
} 	
.category_title p
{
    margin: 0;
    padding: 0;
}

.title_box
{
    width: 400px;
    float: left;
}

h2
{
    color: #3c6fa3;
}

.category_title h2
{
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0 0 20px;
    color: #8a8e84;
}

.category_title h2 a
{
    margin: 0;
    padding: 0;
}

#products_container h2
{
    /*font-size: 14px;*/
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 20px;
    color: #3c6fa3 !important;
}

#products_container p
{
    margin: 0;
    padding: 10px 0 20px 0px;
}

#products div.left_col
{
    font-size: 9pt;
    width: 475px;
    margin: 38px 0 20px 24px;
    float: left;
    line-height: 1.4em
}

#products div.left_col h1
{
    font-size: 10pt;
    font-weight: bold;
}

#products div.right_col
{
    font-size: 8pt;
    width: 245px;
    float: right;
    padding: 37px 20px 20px 0;
    line-height: 1.4em;
}

#products div.right_col h1
{
    font-size: 10pt;
    font-weight: bold;
}

.quote
{
    color: #1d2960;
    font-weight: bold;
}

.quote_by
{
    color: #87888b;
    font-weight: bold;
}

/*#products a, #products a:visited
        {
        color: #2756d1;
        -font-weight: bold;
        -text-decoration: underline;
        }*/

#products a:hover
{
    color: #4d7dfb;
    text-decoration: underline;
}

#products a:active
{
    color: #b7cbff;
}

#site_map_bg
{
    background: url('/images/site/sites_map_bg.jpg') no-repeat;
    width: 759px;
    min-height: 415px;
    text-align: center;
    padding: 20px 0 0 0;
    margin-top: 10px;
}

#download_csv
{
    background-image: url('/images/site/download_csv.jpg');
    width: 207px;
    height: 28px;
    display: block;
    z-index: 10;
    position: absolute;
    top: 337px;
    left: 36px;
}

#download_latlong_elev_soilinfo
{
    background-image: url('/images/site/download_latlong_elev_soilinfo.jpg');
    width: 207px;
    height: 28px;
    display: block;
    z-index: 10;
    position: absolute;
    top: 297px;
    left: 26px;
}

#download_shapefile
{
    background-image: url('/images/site/download_shapefile.jpg');
    width: 207px;
    height: 28px;
    display: block;
    z-index: 10;
    position: absolute;
    top: 335px;
    left: 26px;
}

#view_retired
{
    background-image: url('/images/site/view_retired.jpg');
    width: 207px;
    height: 28px;
    display: block;
    z-index: 10;
    position: absolute;
    top: 373px;
    left: 26px;
}

#download_pdf
{
    background-image: url('/images/site/download_pdf.jpg');
    width: 207px;
    height: 28px;
    display: block;
    z-index: 10;
    position: absolute;
    top: 431px;
    left: 36px;
}

#sites_col1, #sites_col2, #sites_col3
{
    float: left;
    width: 240px;
    margin: 0 15px 0 0;
    font-size: 8pt;
}

#sites_col1 ul, #sites_col2 ul, #sites_col3 ul
{
    padding: 0;
    margin: 20px 0 0 0;
}

#sites_col1 ul li, #sites_col2 ul li, #sites_col3 ul li, div.site_desc ul li, div.left_col ul li
{
    list-style-type: none;
    background: url('/images/global/bullet.gif') no-repeat 0 5px;
    padding: 0 0 5px 20px;
}

div.site_desc ul
{
    padding: 0;
    margin: 20px 0 0 40px;
}

li.alert
{
    list-style-type: none;
    background: url('/images/global/alert.png') no-repeat 0 5px;
    font-weight: bold;
}

#siteselect
{
    position: absolute;
    top: 10px;
    right: 20px;	
}

.info_box
{
    width: 380px;
    padding: 10px;
}	

.info_box h1
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.2em;
}


#search_box
{
    position: absolute;
    top: 92px;
    right: 10px;
    z-index: 1000;
}

#search_recommendations
{
    position: absolute;
    width: 300px;
    top: 122px;
    right: 0px;
    background-color: #ffffff;
    z-index: 10000;
    display: none;
    min-height: 30px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
    border: 1px solid #4e504b;
    behavior: url(styles/PIE.htc);
}

#search_recommendations table
{
    border-collapse: collapse
}

#search_recommendations th
{
    background-color: #343e58;
    color: #ffffff;
}

#search_recommendations td
{
    padding: 5px;
}

#search_recommendations td.thumbnail
{
    vertical-align: center;
}

#search_recommendations h1
{
    font-size: 1em;
    color: #383b4d;
    margin: 5px 0 5px 0;
}

#search_recommendations p
{
    margin: 5px 0 5px 0;
    color: #666666;
}


.recommend_item
{
    cursor: pointer;
}

.recommend_item:hover, .recommend_current
{
    background-color: #eef1e9;
}


#current_box
{
    overflow: auto;
    padding: 10px 0 10px 0;
}

#current_conditions
{
    float: left;
}

#current_map
{
    float: left;
    width: 735px;
    height: 300px;
    background-image: url('/images/global/current_map_box_bg.jpg');
    position: relative;
    padding: 2px 0 2px 0;
}

#current_map_menu
{
    position: absolute;
    top: 15px;
    left: 20px;
    margin: 0;
    padding: 0;
    z-index: 2;
}

#current_map_menu li
{
    list-style: none;
    line-height: 3em;
    width: 142px;
}

#Current_obs_map area, #station_map area, #Map area {
    display: inline;
    cursor: pointer;
}

.cm_link
{
    display: block;
    color: #dddddd;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 0px 3px black;
    width: 142px;
}


#cm_tair
{
    background-position: right 0px;
}
#cm_rain
{
    background-position: right -36px;
}

#cm_wind
{
    background-position: right -72px;
}

#cm_radar
{
    background-position: right -108px;
}

#cm_anniv
{
    background-position: right -144px;
}

.activeSlide
{
    background-image: url('/images/global/current_activeSlide.png');
    background-repeat: no-repeat;
}

#current_map_image
{
    z-index: 1;
    position: absolute;
    top: 2px;
    left: 152px;
}

#current_image_map
{
    z-index: 10;
    position: absolute;
    top: 2px;
    left: 152px;
}

#news
{
    width: 326px;
    float: left;
}
#news a, #news a:visited
{
    color: #415fad;
    text-decoration: none;
}

#news ul
{
    margin:10px 20px 20px -5px;
}
#news li
{
    line-height: 1.5em;
}	

.news_date
{
    font-size: .8em;
    color: #999999;
}





#projects
{
    width: 654px;
    float: left;
}

#projects_box
{
    margin: 20px 0 20px 0;
    overflow: auto;
}

.badge
{
    float: left;
    width: 327px;
    height:180px;
    overflow:hidden;
}	
.instrument_table
{
    width: 420px;
    border-collapse: collapse;
    font-size: 8pt;
    margin: 20px 0 0 40px;
}

table.instrument_table tr td
{
    vertical-align: top;
    padding: 10px;
    margin: 0;
    border: 1px solid #cccccc;
}

table.instrument_table tr td ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.instrument_table_heading
{
    font-weight: bold;
    text-align: center;
    background: white url('/images/global/day_header_bg.gif') repeat-x;
    color: #000000;
    font-size: 8pt;
}

tr.instrument_table_heading
{
    height: 36px;
    line-height: .9em;
}

.instrument_img
{
    margin: 40px 0 0 0;
    padding: 0;
}

.content_item
{
    overflow: auto;
    float: left;
}

.search_all
{
    color: #89adf1;
    float: right;
    height: 14px;
    font-weight: normal;
    display: block;
    padding-right: 20px;
    background-image: url('/images/global/search_all_arrow.gif');
    background-repeat: no-repeat;
    background-position: right;
}

#station_selection
{
    z-index: 2;
    position: absolute;
    left: 26px;
    top: 150px;
    text-align: left;
    color: #ccc;
    font-weight: bold;
    font-size: 8pt;
}
/*--------------------------------------------
                SITE PANORAMA CSS
        -------------------------------------------*/
.direction_name_group {
    width:100% !important;
}
.direction_name {
    float:left;
    width: 11%;
}

#panorama
{
    width: 2560px;
    height: 260px;
}

.panorama_img
{
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
    font-size: 8pt;
}
#panorama_learnmore {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 8pt;
}

#keywords
{
    background-color: white;
    border: 1px solid #cccccc;
    color: black;
    font-size: 11px;
    height: 15px;
    margin: 0px;
    padding: 1px;
    width: 151px;
    color: #cccccc;
}

#site_desc_bg
{
    background: url('/images/site/site_desc_bg.png') no-repeat;
    width: 470px;
    height: 222px;
    padding: 5px 15px 5px 15px;
    color: white;
    font-size: 10pt;
}

div#site_desc_bg h1
{
    color: white;
    font-weight: bold;
    font-size: 15pt!important;
}

div#site_desc_bg ul li
{
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
}

.desc_item
{
    font-weight: bold;
    color: #8a8e84;
}

.lat_long
{
    color: #8a8e84;
}

.site_desc
{
    border: #cccccc solid 1px;
    width: 468px;
    padding: 0 0 30px 0;
    margin: -10px 0 -10px 0;
}

div.site_desc_section ul
{
    margin-bottom: 30px;
}

div.site_desc h3
{
    border: #cccccc solid 1px;
    background-color: #dde4d4;
    overflow: auto;
    padding: 3px 0 3px 17px;
    margin: 13px 0 10px 14px;
    width: 451px;
}

.site_desc_section
{
    margin: -15px 0 0 -15px;
}

.note
{
    font-size: 8pt;
    font-weight: normal;
    margin-left: 85px;
}


#panorama_button
{
    background: url('/images/site/site_panorama_button.png') no-repeat;
    width: 207px;
    height: 28px;
    margin: 10px 0 0 16px;
}

#category_link, .arrow_link, .category_link
{
    display: block;
    padding-right: 2px;
    text-decoration: none;
    color: #8A8E84;
}
a#category_link, a.arrow_link, a.category_link {
    color: #8A8E84;
}
a:hover#category_link, a:hover.arrow_link, a:hover.category_link {
    color: #8A8E84 !important;
}



#fb_share:hover
{
    text-decoration: none !important;
}

.download_button
{
    display: block;
    width: 180px;
    height: 28px;
    background: url('/images/global/download_button.gif');
    margin: 10px 5px 10px 5px;
    text-align: center;
    text-decoration: none;
    color: black !important;
}

.download_button:active
{
    background-position: 0 -28px;
}


.download_button span
{
    line-height: 2.5em;
    text-decoration: none !important;
    font-weight: bold;
}	

#description_box
{
    width: 520px; 
    float: left;
}

#description
{
    /*width: 776px;*/
    padding-right: 20px;
}

#weatherscope_box
{
    width: 200px;
    float: left;
    margin: 10px;
}

.form
{
    margin: 0 0 0 -25px;
    padding: 0;
}

.form li
{
    background: none!important;
}

.text, label.textarea
{
    font-weight: bold;
}

input, textarea
{
    padding: 3px;
}

label
{
    text-align: right;
    width: 60px;
    padding: 0 10px 0 0;
    display: inline-block;
}

label.textarea
{
    vertical-align: top;
}

#send
{
    background: url('/images/site/contact_send.png') no-repeat;
    height: 28px;
    width: 92px;
    margin: 0 0 0 75px;
}
h1.sub_category
{
    clear: both; 
    float: none; 
    margin: 0px; 
    padding: 5px;
    color: blue;
    font-size: 1.2em;
    background: #dde4d4;
    color: #565656;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
/*--------------------------------------------
    HOME PAGE BADGES
---------------------------------------------*/
.home_badge {
    background: transparent url('/images/global/badges/ag_pic_homepage.jpg') no-repeat;
    width:321px;
    height:138px;
    position:relative;
    float:left;

}
#ag_button a {
    background: url('/images/global/badges/ag_home_button.png') no-repeat;
    background-position:bottom center;
    position:absolute;
    top:96px;
    left:72px;
    width:250px;
    height:42px;
    display:block;

}
#ag_button a:hover {
    background-position:top center;
}

/*--------------------------------------------
    TABLE HEADER STYLING
---------------------------------------------*/
#products_container .content_item table
{
    width: 100%;
    border-collapse: collapse;
}

#products_container .content_item table tr td
{
    vertical-align: top;
    padding: 10px 10px 0 10px;
    margin: 0;
    border: 1px solid #cccccc;
}

#products_container .content_item table tr td ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#products_container .content_item table tr:first-child
{
    font-weight: bold;
    text-align: center;
    background: #DAE1D2 url('/images/global/day_header_bg.gif') repeat-x;
    color: #000000;
    font-size: 8pt;
}

#products_container .content_item table tr:first-child
{
    height: 36px;
    line-height: .9em;
}


#main .alert_container {
    margin-top: 25px;
    background-color: #faebeb;
    border: 1px solid #dc7070;
    color: #212121;
    padding: 10px;  
}

/* =Info Boxes
-------------------------------------------------------------- */
.info-box {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /* 	display: block; */
    margin: 20px 0;
    padding: 8px;
    text-align: left;
}

.error {
    background-color: #faebeb;
    border: 1px solid #dc7070;
    color: #212121;
}

.address {
    background-color: #f6f5ef;
    border: 1px solid #cdc9a5;
    color: #212121;
}

.notice {
    background-color: #fbf9e9;
    border: 1px solid #e3cf57;
    color: #212121;
}

.success {
    background-color: #f9fde8;
    border: 1px solid #a2bc13;
    color: #212121;
}

.download {
    background-color: #fff4e5;
    border: 1px solid #ff9912;
    color: #212121;
}

.information {
    background-color: #eef3f6;
    border: 1px solid #6ca6cd;
    color: #212121;
}

.required {
    color: #d5243f;
}


#profile {
    display: none;
}


.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    -webkit-bg-clip: padding-box;
    -moz-bg-clip: padding;
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    padding: 8px 14px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover .arrow {
    border-width: 11px;
}
.popover .arrow:after {
    border-width: 10px;
    content: "";
}
.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}
.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
    content: " ";
}
.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}
.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";
}
.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}
.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
    content: " ";
}
.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}
.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #ffffff;
    border-right-width: 0;
    content: " ";
}
.error {
    min-height: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #c91212 !important;
    background: #ffe0e0 url(/images/global/alert_icons_error.png) no-repeat 20px 10px !important;
    border: 2px solid #ffd6d6 !important;
    padding: 16px 20px 16px 70px;
    margin-bottom: 12px;
}
.success {
    min-height: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #457525 !important;
    background: #dcfbcc url(/images/global/alert_icons_success.png) no-repeat 20px 10px !important;
    border: 2px solid #c6edb2 !important;
    padding: 16px 20px 16px 70px;
    margin-bottom: 12px;
}
.error.no_image,
.success.no_image {
    background-image: none !important;
}

.warning {
    min-height: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #c37108 !important;
    background: #fdf18e url(/images/global/alert_icons_warning.png) no-repeat 20px 10px !important;
    border: 2px solid #f9e06b !important;
    padding: 16px 20px 16px 70px;
    margin-bottom: 12px;
}
.info {
    min-height: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #3858b3 !important;
    background: #d7e5fd url(/images/global/alert_icons_info.png) no-repeat 20px 10px !important;
    border: 2px solid #c4d8f9 !important;
    padding: 16px 20px 16px 70px;
    margin-bottom: 12px;
}
.error .error,
.success .success,
.warning .warning,
.info .info,
.error .error.mini,
.success .success.mini,
.warning .warning.mini,
.info .info.mini {
    border: none !important;
}
input.error,
input.success,
input.warning,
input.info {
    background-image: none !important;
    padding: 6px 10px !important;
    width: 255px;
}
.error.mini,
.success.mini,
.warning.mini,
.info.mini {
    background-image: none !important;
    padding: 3px 5px !important;
}

.autocomplete_list_container {
    background: #fff;
    border: 1px solid #ccc;
    width: auto;
    position: absolute;
    max-height: 300px;
    overflow: auto;
}
.autocomplete_list_container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.autocomplete_list_container ul li {
    cursor: pointer;
    padding: 6px 10px;
    margin: 0;
    color: #888;
}
.autocomplete_list_container ul li:hover, .autocomplete_list_container ul li.active {
    background: #ececec;
    color: #000;
}

div#products_container.meso_stat_container {
    width: 778px;
    float: right;
    border-right: 0px;
}

div.station_selector_container {
    background: #000;
    width: 778px;
    float: right;
}
div.station_selector {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #c9cfc0;
}

#meso_stat_header {
    background: #32322e;
    color: #cfcfcd;
    font-size: 16px;
}
tr.header_row td {
    background: #32322e;
    color: #cfcfcd;
    border: 1px solid black;
}
tr.header_row {
    border: 1px solid black;
}

table.data_table {
    border-spacing: 1px;
    border-collapse: collapse;
}
table.data_table tr.light_grey,
table.data_table tr.light_grey td {
    background: #EEF1E8;
    border: 1px solid white;
}
table.data_table tr.light_green,
table.data_table tr.light_green td {
    background: #DEE5D4;
    border: 1px solid white;
} 
#products_container p.stat_header_disclaimer {
    color: #cb9938;
    font-size: 12px;
    padding-bottom: 5px;
}

table.data_table .avg_value,
table.data_table .min_value,
table.data_table .max_value {
    font-weight: bold;
}


table.data_table .max_value {
    color: #C41F0B;
}
table.data_table .min_value {
    color: #4062F1;
}
table.data_table .avg_value {
    color: #41962F;
}    


.center {
    text-align: center;
}
.align_right {
    text-align: right;
}
.site_name {
    color: white;
}
.clear {
    clear: both;
}

.hidden {
    display: none;
}


div.click_button {
    cursor: pointer;
}



.popup_wrapper {
    margin: auto;
    position: relative;
    width: 620px;
}
.popup_container {
    z-index: 1400000;
    position: fixed;
    opacity: 1;
    top: 0px;
    padding: 10px;
}
.popup_container .popup_content {
    margin: 30px auto auto;
    background: white;
    border: 2px solid rgb(0,0,0);
    border-radius: 15px;
    padding: 14px;
    height: 440px;
    width: 740px;

}
.popup_container .popup_content .popup_close_container {
    height: 39px;
    padding: 13px;
}
.popup_container .popup_content .popup_close_container .popup_close_button {
    color: #000;
    text-align: right;
}


.popup_footer {
    padding: 23px 16px 13px;
    text-align: right;
}
.popup_body {
    margin: 0 42px;
}

div.popup_form_container {
    margin: auto;
    width: 470px;
}
div.popup_form_roundbox {
    background: none repeat scroll 0 0 white;
    border: 1px solid #D2D2D2;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
}

/*--------------------------------------------
    POPUP RELATED STYLES
---------------------------------------------*/
.mask {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.59;
    position: absolute;
    z-index: 1000000;
}
.over_mask {
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 1000001;
}
.popup_close {
    position: absolute;
    right: -14px;
    top: -15px;
    float: right;
}
/*--------------------------------------------
    SITE SELECTION STYLES
---------------------------------------------*/
.siteselection-tooltip {
    z-index: 1300000;
    min-width: 70px;
    max-width: 250px;
}
.siteselection-tooltip .tip {
    color: #fff;
    border: 1px solid rgb(211, 211, 211);
    overflow: hidden;
    text-align: left;
}

.siteselection-tooltip .tip-title {
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    color: rgb(1,1,1);
    padding: 7px 12px;
    background: rgb(225,225,225);        
}

.siteselection-tooltip .tip-text {
    font-size: 12px;
    padding: 5px 9px;
    background: #fff;
    color: rgb(17,17,17)
}
.siteselection-tooltip .tip-text:empty {
    display: none;
}