// 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 alot of the code look simpleer/cleaner without all the embedded styles



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

..gdatehead { FONT-SIZE: 12px; HEIGHT: 18px; }
.dateformat{ FONT-SIZE: 12px; HEIGHT: 18px; -webkit-transform: skewY(217deg);  -moz-transform: skewY(217deg);  -o-transform: skewY(217deg);  transform: skewY(217deg);color:red; width:42px;height:80px;position:relative; text-align:left; width:36px;margin-bottom:-34px;}

..ghead { FONT-SIZE: 12px; WIDTH: 24px; HEIGHT: 20px }

.gname {  FONT-SIZE: 12px; WIDTH: 18px; HEIGHT: 18px; text-align:right; padding-right:12px; }

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

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

..gheadwkend { FONT-SIZE: 12px; WIDTH: 24px; HEIGHT: 20px; }

..gfiller {  WIDTH: 18px; HEIGHT: 18px }

..gfillerwkend {  WIDTH: 18px; HEIGHT: 18px; }

..gitem {  WIDTH: 18px; HEIGHT: 18px }

..gitemwkend {  WIDTH: 18px; HEIGHT: 18px }

..gmilestone {	 FONT-SIZE: 14px; OVERFLOW: hidden;  WIDTH: 18px; HEIGHT: 18px}

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

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

..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 {  PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 420px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f5f9fe }
;
DIV.scroll2 { position:relative; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 482px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f5f9fe; overflow:scroll; }