/*
 * style.css
 * CSS styles for template
 *
 * ORIGINAL AUTHOR:         Armin Pruessner (Armin.Pruessner@noaa.gov) 
 * 
 * MODIFIED: Robert Aspinall (robert.aspinall@noaa.gov)
 * 
//        background:url(yui/examples/slider/assets/bg-fader.gif) 5px 0 ;
*/

#slider-bg {
    position: relative;
    background-image:url('/sltrends/images/slider-bg.png');
    height:24px;
    width:298px;
}

#slider-thumb {
    cursor:default;
    position: absolute;
    top: 4px;
}

#mslTableHeader{
    vertical-align: middle;
    text-align:center;
    word-break: break-all;
    word-spacing: normal;
    color: white;
    background-color: #006dcc;
}

#stationTableHeader{
    width:10%;
    vertical-align:middle;
    color: white;
    background-color: #006dcc;
}

#stationTableContent{
    width:10%;
    /*  vertical-align:middle;*/
}

#mslTableContent{
    vertical-align: middle;
    text-align:center;  
    word-break: break-all;
    word-spacing: normal;
}

#avgSeasonalCycleHeader{ 
    vertical-align: middle;
    text-align:center;
    word-break: break-all;
    word-spacing: normal;
    color: white;
    background-color: #006dcc;
}

#avgSeasonalCycleContent {
    word-break: break-all;
    word-spacing: normal;
}

.plotTitle{
    text-align: center;
    font-weight:bold; 
}

.downloadIconStyle{
    padding: 0px; 
    padding-left: 10px;
}

.varOf50YearStationListTableStyle{
    table-layout: fixed; 
    width:100%; 
    height:50%
}

.pageTitle{
    text-align: center;
    margin-bottom: 20px;
}

.stateNameStyle{
    font-size: 24px;
    font-weight: bold;
    color: #015FA9; 
    font-family: geneva,arial,serif;
}

.header_fixed {
    position:absolute;
    top:0;
}

.header_fixed_wrap {
    position:relative;
    height:350px; 
    overflow:hidden;
    padding:25px 0 0;
}

.header_fixed_inner {
    height:350px;
    overflow:auto;
}

.statesTable{
    font-weight:bold;
    color: #015FA9; 
    text-align: left
}

#scrollable2{
    position: relative;
    background:#f7f7f7;
}

#scrollable{
    margin-right:1px;
}

#scrollWrapper {
    float: left;
    overflow: scroll;
    overflow-x: hidden;
    height:400px;
}

#centeredImage
{ text-align:center;
  display:block;
}

.center-table
{
    margin: 0 auto !important;
    float: none !important;
}

.station {
    display: inline-block;
    padding: 3px;
    vertical-align: top;
}

.areaheader {
    margin-bottom: 10px;
    display: table;
}

.paragraphs{
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
}

.annotation{
    text-align: center;
    color: #000000;
}

/****************************************************************
* Link styles 
****************************************************************/ 
a.sub1 { 
    color: #015FA9;
}

a.not_active {
    color: #000066;
    text-decoration: none; 
}
a:hover { 
    color: #000;
    text-decoration: none; 
}


#infowindowframe {
    width: 259px;
    padding-bottom: 0px;
    border: solid;
    border-width: 0px;
}

#infowindowtitle {
    text-align: center;
    background-color: #7799cc;
    font-size: 12px;
    color: white;
    font-weight: bold;
}

#infowindowleftpane {
    float: left;
    padding-bottom: 0px;
    font-size: 10px;
    width: 140px;
}

#infowindowrightpane {
    float: right;
    padding-bottom: 0px;
    font-size: 10px;
    width: 109px;
    border: 0px solid black;
}

.trendtext {
    position: absolute;
    right: 25px;
    top: 60px;
    font-size: 18px;
    color: white;
    font-weight: bold;
}

input, select, button {
    vertical-align:middle;
}

input.form-control[type=text]{
    margin-bottom: 0px;
}

input.pagedisplay[type=text]{
    width: 120px;   
}

select.pagesize {
    width: 120px;   
}

#slider-1 {
    margin:	10px;
    width:	600px;
}

#center { 
    float: none;
    margin-left: auto; 
    margin-right: auto;
}

#main {
    margin:0 auto;
    /*float:none;*/
    float:left 
}

#underline{
    text-decoration: underline;
}

#map img { max-width: none; }

li.regionalGlobal {
    list-style: none;
    padding: 0px;
    line-height: 10px;
}