/* 
 * These are the class/styles used by various objects in GanttChart.
 * However, Firefox has problems deciphering class style when DIVs are
 * embedded in other DIVs.  GanttChart makes heavy use of embedded
 * DIVS, thus the style are often embedded directly in the objects html.
 * If this could be resolved with Firefox, it would make a lot of the
 * code look simpler/cleaner without all the embedded styles
 */



.gantt { font-family:tahoma, arial, verdana; font-size:10px;}

.gdatehead { BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #efefef 1px solid; HEIGHT: 18px }

.ghead { BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #efefef 1px solid; WIDTH: 24px; HEIGHT: 20px }

.gname { BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; WIDTH: 18px; HEIGHT: 18px }

.ghead A { FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none }

.gheadwkend A { FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none }

.gheadwkend { BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #efefef 1px solid; WIDTH: 24px; HEIGHT: 20px; background-color: #cfcfcf }

.gfiller { BORDER-TOP: #efefef 1px solid; BORDER-LEFT: #efefef 1px solid; WIDTH: 18px; HEIGHT: 18px }

.gfillerwkend { BORDER-LEFT: #efefef 1px solid; WIDTH: 18px; HEIGHT: 18px; BACKGROUND-COLOR: #cfcfcf }

.gitem { BORDER-TOP: #cccccc 1px solid; WIDTH: 18px; HEIGHT: 18px }

.gitemwkend { BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 18px; HEIGHT: 18px }

.gmilestone {	BORDER-TOP: #efefef 1px solid; FONT-SIZE: 14px; OVERFLOW: hidden; BORDER-LEFT: #efefef 1px solid; WIDTH: 18px; HEIGHT: 18px}

.gmilestonewkend {	BORDER-TOP: #efefef 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 18px; HEIGHT: 18px}

.btn { BORDER-RIGHT: #ffffff; BORDER-TOP: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #ffffff; WIDTH: 12px; COLOR: #cccccc; BORDER-BOTTOM: #ffffff; BACKGROUND-COLOR: #ffffff }

.hrcomplete { BORDER-RIGHT: #000000 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000000 2px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000000 2px solid; WIDTH: 20px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #000000 2px solid; HEIGHT: 4px }

.hrhalfcomplete { BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid; BORDER-LEFT: #000000 2px solid; WIDTH: 9px; COLOR: #000000; BORDER-BOTTOM: #000000 2px solid; HEIGHT: 4px }

.gweekend { font-family:tahoma, arial, verdana; font-size:11px; background-color:#EEEEEE; text-align:center; }

.gtask { font-family:tahoma, arial, verdana; font-size:11px; background-color:#00FF00; text-align:center; }

.gday { font-family:tahoma, arial, verdana; font-size:11px; text-align:center; }

.gcomplete { background-color:black; height:5px; overflow: auto; margin-top:4px; }

DIV.scroll { 
    BORDER-RIGHT: #efefef 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #efefef 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    OVERFLOW: hidden;
    BORDER-LEFT: #efefef 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #efefef 1px solid;
    BACKGROUND-COLOR: #ffffff;
    float: left;
}

DIV.scroll2 { 
    position:relative; 
    PADDING-RIGHT: 0px; 
    overflow-x:scroll;
    overflow-y:hidden; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    PADDING-TOP: 0px; 
    BACKGROUND-COLOR: #ffffff 
}