BODY, TD {
    FONT-SIZE: 12px;
    COLOR: black;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: Arial; }
    

BODY { BACKGROUND-COLOR: #8999B2; 
	background-image: url(images/gradient_bg.jpg);
}

.bold { FONT-SIZE: 12px; font-weight: bold; }

.boldred { FONT-SIZE: 12px; font-weight: bold; COLOR: #990000; }

.nav {

    FONT-FAMILY: Arial;
    FONT-STYLE: normal;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #2E73AC;   
    TEXT-ALIGN: center;     
    FONT-WEIGHT: 600;
    FONT-SIZE: 10px; }    
    
    
.nav A:link    { COLOR: #FFFFFF; FONT-SIZE: 12px; text-decoration: none; }
.nav A:visited { COLOR: #FFFFFF; FONT-SIZE: 12px; text-decoration: none; }
.nav A:hover   { COLOR: #FFFFFF; FONT-SIZE: 12px; text-decoration: underline; }

.cal A:link    { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px; text-decoration: none; }
.cal A:visited { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px; text-decoration: none; }
.cal A:hover   { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px; text-decoration: underline; }

.cal-select { FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 10px; BACKGROUND-COLOR: #0D3A67; }
.cal-select A:link { FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 10px; BACKGROUND-COLOR: #0D3A67;  text-decoration: none;}
.cal-select A:visited { FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 10px; BACKGROUND-COLOR: #0D3A67; text-decoration: none;}
.cal-select A:hover { FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 10px; BACKGROUND-COLOR: #0D3A67;  text-decoration: underline;}

.cal-gray { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; line-height: 18px; COLOR: #999999; BACKGROUND-COLOR: #F2F7F2;}

.cal-on { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; line-height: 18px; BACKGROUND-COLOR: #FFFAE0; }

.cal-days { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; line-height: 18px; COLOR: #336699; BACKGROUND-COLOR: #DBEAF5; }


H1 { FONT-WEIGHT: BOLD; FONT-SIZE: 26px; FONT-FAMILY: Verdana, Arial; COLOR: #EEEEE2; }

.header1 { FONT-WEIGHT: bold; COLOR: black; FONT-SIZE: 16px; FONT-FAMILY: arial; BACKGROUND-COLOR: #889FB6; }

.header2 { FONT-WEIGHT: bold; COLOR: black; FONT-SIZE: 16px; FONT-FAMILY: arial; }

.cal-date { FONT-WEIGHT: bold; COLOR: black; FONT-SIZE: 20px; FONT-FAMILY: arial; }



.message_read  { FONT-FAMILY: arial; font-size: 10px; text-decoration: none; }
.message_read A:link    { FONT-FAMILY: arial; COLOR: #000000; FONT-SIZE: 10px; text-decoration: none; }
.message_read A:visited { FONT-FAMILY: arial; COLOR: #000000; FONT-SIZE: 10px; text-decoration: none; }
.message_read A:hover   { FONT-FAMILY: arial; COLOR: #000000; FONT-SIZE: 10px; text-decoration: underline; }
.message_unread  { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 10px; text-decoration: none; }
.message_unread A:link    { FONT-FAMILY: arial; COLOR: #0000FF; FONT-SIZE: 10px; text-decoration: none; }
.message_unread A:visited { FONT-FAMILY: arial; COLOR: #0000FF; FONT-SIZE: 10px; text-decoration: none; }
.message_unread A:hover   { FONT-FAMILY: arial; COLOR: #0000FF; FONT-SIZE: 10px; text-decoration: underline; }

.sub1  { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 10px; }
.sub3  { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 9px; }
.sub2  { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; line-height: 16px; }
.sub2 A:link    { FONT-FAMILY: arial; FONT-WEIGHT: bold; FONT-SIZE: 11px; line-height: 16px; COLOR: #000000; text-decoration: none; }
.sub2 A:visited { FONT-FAMILY: arial; FONT-WEIGHT: bold; FONT-SIZE: 11px; line-height: 16px; COLOR: #000000; text-decoration: none; }
.sub2 A:hover   { FONT-FAMILY: arial; FONT-WEIGHT: bold; FONT-SIZE: 11px; line-height: 16px; COLOR: #0000FF; text-decoration: overline underline; }
.red   { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; line-height: 16px; color: #cc0000; }
.green { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; line-height: 16px; color: #006600; }
.blue { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; line-height: 16px; color: #2674AB; }


.note { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; line-height: 18px; color: #ff0000; }

.message {  BACKGROUND-COLOR: #336699; color: #FFFFFF; font-size: 10px; }

.line_odd { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 10px; BACKGROUND-COLOR: #DAEBF3; }
.line_even { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 10px; BACKGROUND-COLOR: #C2DCF0; }
    
.notify_yellow_bg { FONT-FAMILY: arial; FONT-WEIGHT: bold; font-size: 11px; BACKGROUND-COLOR: #FBD200; }





#lightbox{
        display:none;
        position: fixed;
        top:0%;
        left:0%;
        z-index:9999;
        width:auto;
        height:auto;
        border:1px solid #fff;
        background:#FDFCE9;
        text-align:left;
}
#lightbox[id]{
        position:fixed;
}

#overlay{
        display:none;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:5000;
        background-color:#000;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
}
#overlay[id]{
        position:fixed;
}

#lightbox.done #lbLoadMessage{
        display:none;
}
#lightbox.done #lbContent{
        display:block;
}
#lightbox.loading #lbContent{
        display:none;
}
#lightbox.loading #lbLoadMessage{
        display:block;
}

#lightbox.done img{
        width:100%;
        height:100%;
}


/* BUTTONS */

.buttons a, .buttons button{
    display:inline-block;
    float:center;
    margin:0 4px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:2px 7px 3px 4px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:2px 7px 2px 4px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}     

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/***** Flash & error messages ****/
#errorExplanation, div.flash, .nodata, .warning {
    padding: 4px 4px 4px 30px;
    margin-bottom: 12px;
        font-size: 1.1em;
        border: 2px solid;
}

div.flash {margin-top: 8px;}

div.flash.error, #errorExplanation {
    background: url(/images/false.png) 8px 5px no-repeat;
        background-color: #ffe3e3;
        border-color: #dd0000;
        color: #550000;
}

div.flash.notice {
    background: url(/images/true.png) 8px 5px no-repeat;
        background-color: #dfffdf;
        border-color: #9fcf9f;
        color: #005f00;
}

div.flash.warning {
  background: url(/images/warning.png) 8px 5px no-repeat;
        background-color: #FFEBC1;
        border-color: #FDBF3B;
        color: #A6750C;
}

.nodata, .warning {
    text-align: center;
        background-color: #FFEBC1;
        border-color: #FDBF3B;
        color: #A6750C;
}