.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: Januray 5, 2010
*/


div#alertbar
{
    /*width:974px;
    height:34px;*/
    /*background:no-repeat top left url(images/alert.bar.bkgd.gif);
    background:repeat-x bottom left url(images/itabs.bkgd2.gif);*/
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
    padding:5px;
    padding-right:0px;
    border:1px solid #cc0000;
}



div#alertsystem
{
    color:#444;
    border:1px solid #ccc !important;
    /*border-bottom:2px solid !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/alert.fill.gif);*/
    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 top left url(images/alert.footer.gif);*/
    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:3px;
    padding-bottom:4px;
    padding-left:40px;
    padding-right:40px;
    /*margin-top:5px;
    margin-bottom:1px;*/
    margin-right:4px;
    border:1px solid #999;
    /*border:1px solid #666;*/
    background:#cc0000 repeat-x top left url(images/alert.btn.bkgd.red.gif);
    font-size:.87em;
    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:3px;
    padding-bottom:4px;
    padding-left:40px;
    padding-right:40px;
    /*margin-top:5px;
    margin-bottom:1px;*/
    margin-right:4px;
    border:1px solid #999;/**/
    /*border:1px solid #ffcc33;*/
    background:Yellow repeat-x top left url(images/alert.btn.bkgd.yellow.gif);
    font-size:.87em;
    font-weight:bold;
}
.alertbtn_yellow a
{
    color:#000;
    display:block;
    text-decoration:none;
}
.alertbtn_yellow a:hover
{
    color:#000;
    text-decoration:underline;
}






.alertbtn_orange /* orange alert level btn */
{
    color:#000;
    background:#ff9933;
    padding-top:3px;
    padding-bottom:4px;
    padding-left:40px;
    padding-right:40px;
    /*margin-top:5px;
    margin-bottom:1px;*/
    margin-right:4px;
    border:1px solid #999;
    /*border:1px solid #ff9900;*/
    background:#ff9933 repeat-x top left url(images/alert.btn.bkgd.orange.gif);
    font-size:.87em;
    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 !important;
    padding-top:3px;
    padding-bottom:4px;
    padding-left:40px;
    padding-right:40px;
    /*margin-top:5px;
    margin-bottom:1px;*/
    margin-right:4px;
    border:1px solid #999;
    /*border:1px solid #339900;*/
    background:#21285d repeat-x top left url(images/alert.btn.bkgd.green.gif);
    font-size:.87em;
    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-top:5px;
    margin-bottom:1px;*/
    margin-right:4px;
    border:1px solid #999;
    /*border:1px solid #4a6b8c;*/
    background:#99ccff repeat-x top left url(images/alert.btn.bkgd.none.gif);
    font-size:.87em;
    font-weight:bold;
}
.alertbtn_none a
{
    color:#000;
    display:block;
    text-decoration:none;
}
.alertbtn_none a:hover
{
    color:#000;
    text-decoration:underline;
}