/*This style is a new styling for the HAN icon image*/

@media screen and (max-width: 767px){

  .hanIconImage{
       position:relative;
       max-width:180px;
       margin-left:auto;
       margin-right:auto;

  }

  .hanStatusImage{
       position:relative;
       margin-top:0px;
       margin-left:auto ! important;
       margin-right:auto;

  }


}

@media screen and (min-width: 768px){
  .hanStatusImage{
       position:absolute;
       margin-left:200px;
  }
}

.hanIconImage{
     max-width:180px;
     text-align:center;
     margin-top: 0px;

}

.hanStatusImage{
     margin-top:0px;
     
}

.syndicate:nth-of-type(4){
     position:inherit;

}


/*This style is associated with the CDC HEALTH ALERT (RED) header title */

p.halert-top {
    font-size: 1.8em;
    color: #ff0000;
    text-align: center;

}

p.halert-bottom {
    text-align: center;
    font-size: 2.0em;
    font-weight: bold;
    text-decoration: underline;
    color: #ff0000;
    margin-top: -5px;

}

/*This style is associated with the CDC HEALTH ADVISORY (ORANGE) header title */

p.hadvisory-top {
    text-align: center;
    font-size: 1.8em;
    color: #0070c0;
    font-weight:bold;

}

p.hadvisory-bottom {
    text-align: center;
    font-size: 2.2em;
    font-weight: bold;
    text-decoration: underline;
    color: #0070c0;
    margin-top: -5px;

}

/*This style is associated with the CDC HEALTH UPDATE (YELLOW) header title */

#update-bg {
    background: #ffffff;
}

p.hupdate-top {
    text-align: center;
    font-size: 2.0em;
    color: #00b050;

}

p.hupdate-bottom {
    text-align: center;
    font-size: 2.0em;
    font-weight: bold;
    text-decoration: underline;
    color: #00b050;
    margin-top: -5px;

}

/*This style is associated with the CDC HAN INFOSERVICE (GREEN) header title */

p.hinfoservice-top {
    text-align: center;
    font-size: 2.0em;
    color: #00B050;

}

p.hinfoservice-bottom {
    text-align: center;
    font-size: 2.2em;
    font-weight: bold;
    text-decoration: underline;
    color: #00B050;
    margin-top: -5px;

}

/*This style is for the Message Types module located at the bottom of each HAN message*/

h3.types {
     text-align: center;
     padding: 10px 0 5px 0;
     border-bottom: 1px solid #656565;
     text-transform: uppercase;
}

p.disclaimer {
     text-align: center;
     font-style:italic;
     padding: 10px 0 15px 0;
     border-top: 1px solid #656565;
}

/*This is styling of the ordered list on the updates.asp page*/

ol {
      list-style: decimal outside none;
      margin-left: 0px;
      padding-left: 2em;
      overflow: visible;

}

/*This is the styling for the Latest News rss-mediablock located on the index page */

#rss-block ul, #rss-mediablock ul {
                padding-left: 5px;
                list-style: none;
}
#rss-block li, #rss-mediablock li {
                line-height: 12px;
                padding: 8px 0 5px 0;
                border-bottom: dotted 1px #656565;
}
#rss-block .item-title, #rss-mediablock .item-title{
                display: block;
                font-size: 1em;
                font-weight: bold;
                line-height: 1.3em;

}
#rss-block .item-pubdate, #rss-mediablock .item-pubdate{
                display: block;
                font-size: .8em;
                color: #999;
}


/*This is the styling for the Latest News text module located on the index page */


.latest-news a{
text-decoration:none !important;
font-weight:bold;
line-height: 1.3em;
display:block;
font-size:1em;

}

.latest-news span{
display:block;
font-size:.8em;
color:#999999;

}

.latest-news p {
padding:8px 0 5px 0;
line-height:12px;
border-bottom: dotted 1px #656565

}


.module-typeC a {
display:inline;
}


.alert-box {
width:15px;
height:15px;
float:left;
margin-top:5px;
}

.han-type-desc {
margin-left: 25px;
margin-bottom: 15px;

}

.red {background-color:#bf0000;}
.orange {background-color:#e67300;}
.blue {background-color:#00007e;}
.green {background-color:#005c00;}