﻿.utmbAlertSystem {}/* W3C CSS validator likes CSS files to start with a class instead of comments */

/* 
[AlertSystem] Theme Design
Mike Cooper, UTMB Public Affairs 
Last Updated: October 29, 2010
*/

div#alertbar_container
{
    padding-left:8px;
    padding-right:8px;
    padding-top:6px;
    background-color:#fff;
}


div#alertbar
{
    background:#f8941d repeat-x bottom left url(images/alert_bar_bkgd.png);
    /*padding:5px;*/
    padding-right:0px;
    border:1px solid #cc0033;
    /*border:1px solid #a1acc3;*/
    overflow:hidden;
    min-height:24px;
}
    div#alertbar div#alertbar_logo
    {
        float:left;
        padding-left:5px;
        padding-top:3px;
        padding-bottom:0px;
        /*height:20px;*/
    }
    div#alertbar div#alertbar_lastupdated
    {
        float:left;
        padding-left:5px;
        padding-top:8px;
        height:20px;
        font-size:0.8em !important;
        color:#000;
    }
    div#alertbar div#alertbar_alerts
    {
        float:right;
        padding-right:2px;
        padding-top:5px;
        /*margin-bottom:5px !important;*/
    }


/*
div#alertsystem
{
    color:#444;
    border:1px solid #ccc !important;
    text-align:center;
    padding:3px;
}

.alertheader
{
    color:#4a6b8c;
    font-weight:bold;
    font-size:0.9em;
    padding-top:4px;
    background:#fff repeat-x top left url(images/itabs.bkgd1.gif);
}

.alertfooter
{
    color:#4a6b8c;
    font-weight:bold;
    font-size:0.85em;
    padding-top:2px;
    padding-bottom:3px;
    background:#fff repeat-x bottom left url(images/itabs.bkgd2.gif);
}
*/


/* alert threat level buttons --------------------------------------------------->> */  


.alertbtn_red /* red alert level btn */
{
    color:#fff;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:36px;
    padding-right:36px;
    margin-right:4px;
    border:1px solid #fff;
    background:#cc0000 repeat-x top left url(images/alert.btn.bkgd.red.gif);
    font-size:.8em;
    font-weight:bold;
}
.alertbtn_red a
{
    color:#fff;
    display:block;
    text-decoration:none;
}
.alertbtn_red a:hover
{
    color:#fff;
    text-decoration:underline;
}






.alertbtn_yellow /* yellow alert level btn */
{
    color:#000;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:36px;
    padding-right:36px;
    margin-right:4px;
    border:1px solid #fff;
    background:Yellow repeat-x top left url(images/alert.btn.bkgd.yellow.gif);
    font-size:.8em;
    font-weight:bold;
}
.alertbtn_yellow a
{
    color:#000;
    display:block;
    text-decoration:none;
}
.alertbtn_yellow a:hover
{
    color:#000;
    text-decoration:underline;
}





/* orange alert level btn */
.alertbtn_orange 
{
    color:#000;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:36px;
    padding-right:36px;
    margin-right:4px;
    border:1px solid #fff;
    background:#ff9933 repeat-x top left url(images/alert.btn.bkgd.orange.gif);
    font-size:.8em;
    font-weight:bold;
}
.alertbtn_orange a
{
    color:#000;
    display:block;
    text-decoration:none;
}
.alertbtn_orange a:hover
{
    color:#000;
    text-decoration:underline;
}







.alertbtn_green /* green alert level btn */
{
    color:#fff;
    padding-top:3px;
    padding-bottom:4px;
    padding-left:40px;
    padding-right:40px;
    margin-right:4px;
    border:1px solid #999;
    background:#21285d repeat-x top left url(images/alert.btn.bkgd.green.gif);
    font-size:.8em;
    font-weight:bold;
}
.alertbtn_green a
{
    color:#fff;
    display:block;
    text-decoration:none;
}
.alertbtn_green a:hover
{
    color:#fff;
    text-decoration:underline;
}






.alertbtn_none /* none (unknown) alert level btn */
{
    color:#000;
    padding-top:3px;
    padding-bottom:4px;
    padding-left:40px;
    padding-right:40px;
    margin-right:4px;
    border:1px solid #999;
    background:#99ccff repeat-x top left url(images/alert.btn.bkgd.none.gif);
    font-size:.8em;
    font-weight:bold;
}
.alertbtn_none a
{
    color:#000;
    display:block;
    text-decoration:none;
}
.alertbtn_none a:hover
{
    color:#000;
    text-decoration:underline;
}





