body			{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; scrollbar-face-color: #F0F0F0; scrollbar-shadow-color: #344E6D; scrollbar-highlight-color: #344E6D; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #F0F0F0; scrollbar-track-color: #F0F0F0; scrollbar-arrow-color: #000000; }
td			{ font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #002b5c; font-weight: normal;}
ul			{ margin-top:12; margin-bottom:12; font-size:11px; list-style-type : square; }


A:link			{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #002b5c; font-weight: bold;}
A:visited		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #002b5c; font-weight: bold; }
A:hover			{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none underline; color: #e4a101; font-weight: bold; }
A.sidenav:link		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #FEFEFE; }
A.sidenav:visited	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #FEFEFE; }
A.sidenav:hover		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #002b5c; }
A.sidenavsel:link	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #002b5c; }
A.sidenavsel:visited	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #002b5c; }
A.sidenavsel:hover	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #002b5c; }
A.sidenavsm:link	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; color: #418A18; }
A.sidenavsm:visited	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; }
A.sidenavsm:hover	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none underline; font-weight: normal; color: #000000; }
A.botnav:link		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; color: #3F7321; }
A.botnav:visited	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; color: #3F7321; }
A.botnav:hover		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none underline; font-weight: normal; color: #1F4900; }
A.large:link		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #002b5c; }
A.large:visited		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #002b5c; }
A.large:hover		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none underline; font-weight: bold; color: #e4a101; }
A.events:link           { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; color: #000254; }
A.events:visited        { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; color: #000254; }
A.events:hover          { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none underline; font-weight: normal; color: #e4a101; }

.hd1			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #00013a; }
.hd2			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #00013a; }
.hd3			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #00013a; }
.hd4			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #00013a; }
.hd5			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #00013a; }
.hd6			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #00013a; }
.hd7			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #00013a; }

.content		{font-family:  Verdana, Arial, sans-serif; font-size: 11px; color: #; font-weight: normal;}

td.mcell1		{ background-color: #E8E8E8; }
td.mcell2		{ background-color: #E8E8E8; }
td.mcell3		{ background-color: #F8F8F8; }
td.mcell4		{ background-color: #F2F2F2; }
td.highlight1		{ font-family:  Arial,Verdana, sans-serif; font-size: 12px; color: #000254; background-color: #dbdcea; border-color: #000254; border-width: 1px 1px 0 0; border-style: solid; margin: 0;} 
td.highlight2		{ font-family:  Arial,Verdana, sans-serif; font-size: 12px; color: #000254; background-color: #dbdcea; border-color: #000254; border-width: 1px 1px 0 0; border-style: solid; margin: 0;}

hr { color: #002b5c; height: 1px; width: 100%; text-align: center }

table.content		{ background-color: #F0F0F0; }
td.content		{ background-color: #F0F0F0; }
table.bkgnd1		{ background-color: #E0E0E0; }
table.background1	{ background-color: #E0E0E0; }
table.background2	{ background-color: #F0F0F0; }
 .button
        {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        border: 1px #b0141a solid;
        background-color:#b0141a;
        background-image: none
        }

.buttonover
        {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF; background-color: #d48623;
        border: 1px #b0141a solid
        }




td.Date { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FEFEFE; }
td.Category { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #FEFEFE; }
td.navSel { background-color: #FCFCFC; }
td.navnotSel { background-color: #F8F8F8; }
td.cellColor { background-color: #FFFFFF; }
td.small { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; background-color: #FFFFFF; }


td.mcell4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #FEFEFE; }
td.mcell5 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #356FBE; background-color: #edf0f5; }
td.navHighlight { background-color: #DBE5F0; }
td.sidenav { background-color: #F0F0F0; }

th.mcell2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #F0F0F0; }
th.mcell4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #E0E0E0; }
td.ccell1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #C0C0C0; }
td.ccell2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #E0E0E0; }
td.ccell3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #F0F0F0; }
td.ccell4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #FAFAFA; }
td.scell1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #003366; background-color: #E3E7F2; }
td.scell2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #003366; background-color: #F1F3F9; }
td.scell3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #003366; background-color: #0066CC; }


table.main   {  border-color: #600; border-width: 0 0 1px 1px; border-style: solid; }

td.calcell2 {
border-color: #D2D2D2;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #F0F0F0;
}

td.calcell1 {
border-color: #A2A2A0;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #E0E0E0;
}

td.calcell3 { background-color: #DDDDDD;}

td.calcell4 {
border-color: #D2D2D2;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #D5F2D5;
}



td.wtmcell2 {
border-color: #E0E0E0;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #F8F8F8;
}

td.wtmcell1 {
border-color: #A0A0A0;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #E8E8E8;
    font-weight: normal;
    color: #0145A8;
}



td.notes1 {
border-color: #A0A0A0;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #E8E8E8;
    font-weight: normal;
    color: #0145A8;
}

td.cal1 {
border-color: #0237CB;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #BFCDF4;
    font-weight: normal;
    color: #0145A8;
}

table.cal1 {
border-color: #0237CB;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #BFCDF4;
    font-weight: normal;
    color: #0145A8;
}

td.cal2 {
border-color: #C0C0C0;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #F8F8F8;
    font-weight: normal;
    color: #0145A8;
}

td.calpending {
border-color: #FEFEFE;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #E9ECF2;
    font-weight: normal;
    color: #000000;
}

td.calactive {
border-color: #FEFEFE;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #F2EFD5;
    font-weight: normal;
    color: #000000;
}



td.calcompleted {
border-color: #FEFEFE;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #D5F2D5;
    font-weight: normal;
    color: #000000;
}

/*---------- 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; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
        padding: 15px 0 0 0;
        width:216px;
        color: #333333;
    text-align: center;
        filter: alpha(opacity:90);
        KHTMLOpacity: 0.90;
        MozOpacity: 0.90;
        opacity: 0.90;
}
a.tt:hover span.top{
        display: block;
        padding: 30px 8px 0;
    background: url(/images/system/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
        display: block;
        padding: 0 8px;
        background: url(/images/system/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
        display: block;
        padding:3px 8px 10px;
        color: #548912;
    background: url(/images/system/bubble.gif) no-repeat bottom;
}


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

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt2:hover{ z-index:25; color: #aaaaff; background:;}
a.tt2:hover span.tooltip2{
    display:block;
    position:absolute;
    top:-80px; left:20;
        padding: 15px 0 0 0;
        width:216px;
        color: #333333;
    text-align: center;
        filter: alpha(opacity:95);
        KHTMLOpacity: 0.95;
        MozOpacity: 0.95;
        opacity: 0.95;
}
a.tt2:hover span.top2{
        display: block;
        padding: 10px 8px 0;
    background: url(/bubble2.gif) no-repeat top;
}
a.tt2:hover span.middle2{ /* different middle bg for stretch */
        display: block;
        padding: 0 8px;
        background: url(/bubble_filler.gif) repeat bottom;
}
a.tt2:hover span.bottom2{
        display: block;
        padding:3px 8px 10px;
        color: #548912;
    background: url(/bubble2.gif) no-repeat bottom;
}
