﻿#bulletinMenu {
    padding: 0 10px;
    font-size: 12px;
    font-family: Open Sans;
    font-weight: 500;
    
}
#bulletinMenu a:hover{
    background-color: #A9DBEF;
    display: block;
    padding: 5px;
    color: #034A8C;
    text-decoration:none;
}
.bulletinitem
{
    
     display: block;
    padding: 5px;
    border-bottom:1px solid #ccc;
    
}
.bulletinitem :hover{
    background-color:lightyellow

}
.MeteoPages{
    background-color:white;
    padding:10px;
    margin-bottom:60px;
    min-height:800px;
    width:100%;

}      
.MeteoPages ul{
    
   list-style: none;
    padding:0;
    margin-left:3%;
   
}
.MeteoPages li:before {
     font-style:normal;
  content: "■"; font-family:"Arial Black";
     color:#c70000;
     padding-right: 10px;
}
.MeteoPages li{
     
     text-indent: -19px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-style:italic;
    color: #555555;
}
 .MeteoTab .ajax__tab_header
        {
            font-family: "Open Sans" , Arial, Sans-Serif;
            font-size: 14px;
            font-weight:bold;
            display: block;

        }
        .MeteoTab .ajax__tab_header .ajax__tab_outer
        {
            border-color: #222;
            color: #222;
            padding-left: 10px;
            margin-right: 3px;
            border:solid 1px #d7d7d7;
        }
        .MeteoTab .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        .MeteoTab .ajax__tab_hover .ajax__tab_outer
        {
            background-color:#03498A;
        }
        .MeteoTab .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;
        }
        .MeteoTab .ajax__tab_active .ajax__tab_outer
        {
            border-bottom-color: #ffffff;
            background-color: #C70000;
        }
        .MeteoTab .ajax__tab_active .ajax__tab_inner
        {
            color: #fff;
            border-color: #333;
        }
        .MeteoTab .ajax__tab_body
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #fff;          
            border: solid 1px #8A8A8A;
            border-top-color: #DEDEDE;
            padding:10px;
        }
    



.threeday img {
    width:80%!important;
}

.modalPopup
{
  
    background-color:White;
    border:1px black solid;
    width:400px;
   
    padding:10px;
}
.modalPopup600
{
  
    background-color:White;
    border:1px black solid;
    width:800px;
    
    padding:10px;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:#eee;
	overflow:hidden;
	
}
.panelheader
{
    width:100%;
  background-color:#000;  
  background-repeat:no-repeat;
}
.collapsePanelHeader{
	width:100%;
    padding:4px;	
	background-color: #5ec7d7;
	color:#000;
	font-weight:bold;
	border-bottom:1px black solid;
	height:20px;
}

#push{
    height:45px;
}
.currentyear{
    background-color:papayawhip;
}
.usedname {
    text-decoration: line-through;
}
.activename {
    background-color:yellow;
}
.nametable td{
     padding-top:3px;
    padding-left:20px;
     padding-right:20px;
     padding-bottom:3px;
     border:1px black solid;
}
.stormyear {
    float:left;
    padding:10px;
    background-color:white;
    text-align:center;
}
.stormnameregion{
    width:100%;
     background-color:white;
     clear:both;
}
.SecondHeader {
    margin-top:20px;
    background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(204,102,102,1) 48%, rgba(204,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,102,102,1) 48%,rgba(204,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(204,102,102,1) 48%,rgba(204,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
    color:white;
    padding:8px;
    font-size: 100%;
    text-transform: uppercase;
    font-weight: bold;
    border-radius:8px;
}
.SecondHeaderSmall {
    margin-top:20px;
    background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(204,102,102,1) 48%, rgba(204,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,102,102,1) 48%,rgba(204,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(204,102,102,1) 48%,rgba(204,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
    color:white;
    padding-left:8px;
    padding-top:4px;
    padding-bottom:4px;
    font-size: 70%;
    text-transform: uppercase;
    font-weight: bold;
    border-radius:8px;
}

.TAFheader {
    margin-top:20px;
    background: rgb(4,49,110); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(4,49,110,1) 17%, rgba(4,49,110,1) 39%, rgba(0,108,181,1) 80%, rgba(0,108,181,1) 80%, rgba(4,49,110,1) 101%, rgba(0,108,181,1) 101%, rgba(4,49,110,1) 101%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(4,49,110,1) 17%,rgba(4,49,110,1) 39%,rgba(0,108,181,1) 80%,rgba(0,108,181,1) 80%,rgba(4,49,110,1) 101%,rgba(0,108,181,1) 101%,rgba(4,49,110,1) 101%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(4,49,110,1) 17%,rgba(4,49,110,1) 39%,rgba(0,108,181,1) 80%,rgba(0,108,181,1) 80%,rgba(4,49,110,1) 101%,rgba(0,108,181,1) 101%,rgba(4,49,110,1) 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04316e', endColorstr='#04316e',GradientType=0 ); /* IE6-9 */
    color:white;
    padding:10px;
    font-weight:bold;
    border-radius:8px;
}
.Airportheader {
    margin-top:20px;
    background: rgb(4,49,110); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(4,49,110,1) 17%, rgba(4,49,110,1) 39%, rgba(0,108,181,1) 80%, rgba(0,108,181,1) 80%, rgba(4,49,110,1) 101%, rgba(0,108,181,1) 101%, rgba(4,49,110,1) 101%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(4,49,110,1) 17%,rgba(4,49,110,1) 39%,rgba(0,108,181,1) 80%,rgba(0,108,181,1) 80%,rgba(4,49,110,1) 101%,rgba(0,108,181,1) 101%,rgba(4,49,110,1) 101%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(4,49,110,1) 17%,rgba(4,49,110,1) 39%,rgba(0,108,181,1) 80%,rgba(0,108,181,1) 80%,rgba(4,49,110,1) 101%,rgba(0,108,181,1) 101%,rgba(4,49,110,1) 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04316e', endColorstr='#04316e',GradientType=0 ); /* IE6-9 */
    color:white;
    padding:10px;
    font-weight:bold;
    font-size:120%;
    border-radius:8px;
}

.TAFraw {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin-top: 15px;
  margin-bottom: 8px;
  margin-left:1.5em;
  margin-right:1.5em;
  padding: 0.5em 10px;

}
.TAFraw:before {
  color: #ccc;
  
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.TAFraw p {
  display: inline;
}
.TAFlink {
    margin-left:1.5em;
    font-size:0.9em;
    margin-bottom:10px;
}
.TAFTable {
    margin-top:10px;
    font-size:0.9em;
    margin-left:1.5em;
    margin-bottom:10px;
}
.TAFTable tr
 {
  border-bottom: 1px solid #dddddd;
}
.TAFTable table td, th {
  padding: 5px;
}
.TAFTable tr:nth-child(odd) {background: #f5f5f5}
.TAFforecast{
     margin-left:1.5em;
    color:white;
    padding-left:10px;
    border-radius:5px;
    margin-bottom:10px;
    background: rgb(204,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(204,102,102,1) 48%, rgba(204,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,102,102,1) 48%,rgba(204,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(204,102,102,1) 48%,rgba(204,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}
.TAFforecastTable
{
  font-size:1em;
  margin-left:1.5em;
  margin-right:1.5em;
  width:97%
}
.TAFforecastTable tr:last-child {
    border-bottom: 1px solid #555;
}
.TAFforecastTable th{
background-color: #CCCCCC;
color:#555;
border-bottom: 1px solid #555;
border-left: 1px solid #555;
        border-right: 1px solid #555;
        padding-left:10px;
}
    .TAFforecastTable td {
        padding-left:10px;
        border-left: 1px solid #555;
        border-right: 1px solid #555;
    }
    .ImgSatDiv{
        top:0px;
        overflow:hidden;
        
        width:265px;
        height:193px;
        border-radius:20px;
    }
    .ImgSat{
        top:0px;
        
        width:305px;       
    }

    @media (max-width: 767px)
    {
        .threeday td{
            font-size:70% !important;
        }

    }
  