@media print {
    @page {
        size: landscape
    }

    #print_area {
        background-color: white;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        z-index: 9999999;
        color: black !important;
        font-weight: bold !important;
    }
}


html {overflow-y: scroll;}

body {
    /*
        
    background: url('../images/background.jpg' );
    background-position: center top;
    background-repeat:no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:150%;
    color: Black;
*/
    font-family: Roboto, Arial, Helvetica, Sans;
    font-size: 15px;
    margin: 0px auto 0px auto;

    
}    

td
{text-align:left;vertical-align:middle;}

rightered {float:left;font-size:30px;}

th
{
    text-align: left;
    margin: 3px auto 3px auto;
    vertical-align: top;
    background-color:#004731;
    color:White;
    padding: 5px;
    white-space:nowrap;
}
legend {color:Lime ;}

th a:link {text-decoration: underline;color:White;}
th a:visited {text-decoration: underline;color:White;}
th a:active {text-decoration: underline;color:White;font-weight:bold;}
th a:hover {color:Yellow;text-decoration:underline;font-weight:bold;}

input[type=text],input[type=password],input[type=number],select,textarea
{
    border-top: 1px solid #666666;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #666666;
    border-right: 1px solid #CCCCCC;
    background-color: #FFFFCC;
    color: #2E415F;
}

.page_title
{
    background-image: url('../images/title_bg.png' );
    color:white;
    text-align:center;
    height:21px;
    padding: 1px 0px 1px 0px;
    margin-bottom:0px;
 }

.centered {
    margin: 0 auto 0 auto;
    float: none !important;
    display: table;
}

.ro
{
    color:blue;
}

.tablecol 
{
    background-color:#004731; color:White;
}

.styletd
{
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    width:125px;
    font-weight:bold;
}

.styletd:hover
{
    text-align:center;
    font-size:11px;
    background-color:Yellow;
    vertical-align:middle;
    width:125px;
    font-weight:bold;
    padding-top:5px;
}

.styleimg
{
    text-align:center;
    border:none;
    font-size:11px;
}

.styletext
{
    text-align:center;
    vertical-align:middle;
    background-color: #004731;
    color:White;
    font-size:11px;
}

.styletext:hover
{
    text-align:center;
    vertical-align:top;
    background-color: #004731;
    color:Yellow;
    cursor:hand;
    font-size:11px;
}


h2									{font-size: 16px; font-weight: 700; color:#004731; border: none; letter-spacing: -1px; }
h3									{font-size: 14px; font-weight: 700; color: #382327; border: none; letter-spacing: -1px; }
h4									{font-size: 12px; font-weight: 700; color: #004626; border: none; }
h5									{font-size: 11px; font-weight: 700; color: #666666; border: none; }


.popup
{
    background-color: White;
    color: Black;
    padding: 5px 5px 5px 5px;
    border: solid 1px #002A4F;
}

.popup_background
{
    background-color: gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}


.user_greeting
{
    color: Black ;
    font-weight:bold;
    font-size: 16px;
    line-height:120%;
    padding: 5px 5px 5px 5px;
 }


.AddressBox
{
    height:100px;
    width:300px;
    text-align:left;
    border: solid 1px gray;
    font-weight: bold; 
    line-height: 140%;
    color: Black;
    overflow:hidden;
    padding: 3px 3px 3px 3px;
}

.hidden {display:none}

.error_msg
{
    color: red;
    font-weight:bold;
}


.mybutton
{
    font-size:11px;
    color: White;
    background-color:ButtonShadow;
    padding:1px;
    overflow:visible;
}

.mybutton:hover
{
    font-size:11px;
    cursor: hand;
    color: Yellow;
    background-color:ButtonShadow;
    padding:1px;
    overflow:visible;
}


.ma
{
    font-size:11px;
    font-weight:bold;
    color: Black;
    background-color:ButtonShadow;
    padding:1px;
    overflow:visible;
}

.ma:hover
{
    font-size:11px;
    font-weight:bold;
    color: White;
    background-color:ButtonShadow;
    cursor: hand;
    padding:1px;
    overflow:visible;
}

.mb
{
    font-size:11px;
    font-weight:bold;
    color: Black;
    background-color:ButtonShadow;
    padding:1px;
    overflow:visible;
}

.mb:hover
{
    font-size:11px;
    font-weight:bold;
    color: White;
    background-color:ButtonShadow;
    cursor: hand;
    padding:1px;
    overflow:visible;
}

.report 
{
    background-image: url('../images/report.png');
    background-position: right center;
    background-repeat: no-repeat;
    color: yellow;
    display: block;
    background-color:navy;
    padding: 5px 33px 2px 4px;
    height:19px;
    text-align:right;
    font-size:small;
    font-weight:normal;    
}
.report:hover
{color:White;}

.report2
{color: yellow;}

.report2:hover
{color:White;}


a.info {

              z-index: 24; 


              position: relative; 


          }

          a.info:hover {

              z-index: 25; 

        }

        a.info SPAN {

           display: none
        }

        a.info:hover SPAN { 

            display: block; 
            left: 2em; 

            width: 50em; 

            color: #000; 
            border: #CCC 1px solid; 

            position: absolute; 

            top: 2em; 

            background-color: white; 

            text-align: left;

            padding:3px;
        }

/*---------- bubble tooltip -----------*/
a.tt
{
    position: relative;
    z-index: 24;
    color: #3CA3FF;
    font-weight: bold;
    text-decoration: none;
}
a.tt span
{
    display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover
{
    z-index: 25;
    color: #aaaaff;
}
a.tt:hover span.tooltip
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    padding: 15px 0 0 0;
    width: 200px;
    color: black;
    text-align: center;
    filter: alpha(opacity:100);
    khtmlopacity: 1;
    mozopacity: 1;
    opacity: 1;
}

a.tt:hover span.top
{
    display: block;
    padding: 30px 8px 0;
    background: url("../images/bubble.gif") no-repeat top;
}

a.tt:hover span.middle
{
    /* different middle bg for stretch */
    display: block;
    padding: 0 8px;
    background: url("../images/bubble_filler.gif") repeat bottom;
}
a.tt:hover span.bottom
{
    display: block;
    padding: 3px 8px 10px;
    color: #548912;
    background: url("../images/bubble.gif") no-repeat bottom;
}

.MyCalendar .ajax__calendar_container
{
    background-color: #fefefe;
    border: solid 1px #cccccc;
    z-index: 9999999;

}
.MyCalendar .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}
.MyCalendar .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev
{
    color: #004080;
    padding-top: 3px;
}
.MyCalendar .ajax__calendar_body
{
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}
.MyCalendar .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}
.MyCalendar .ajax__calendar_day
{
    text-align: center;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active
{
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}
.MyCalendar .ajax__calendar_today
{
    font-weight: bold;
}
.MyCalendar .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}