.GanttClass
{
    color: #000;
    font-family:"arial";
    float:none;
    

    /* Základní implicitní vlastnosti všech objektů v grafu */
    padding:0;
    margin:0;
    font-size:0px;
    border-width:0px;
    border-style:none;
    position:absolute;
}

/* BACKGROUND COLOR*/
    .GanttClass,
    .GanttClass .chart
    {
        background-color: #dfedff;
    }

        .GanttClass .timeAxis,
        .GanttClass .resourceLabels
        {
            background-color: #dfedff;
        }

        .GanttClass .resourceLabels .dropableForResources
        {
            position: relative;
            width: 100%;

            border-width: 0px;
            border-style: solid;
            border-color: #dfedff;
        }

            .GanttClass .resourceLabels .markedDropableForResources
            {
                border-color: #0A3E87;
            }


/******************************************************************************/
.GanttClass .timeAxis
{    
    z-index:5;

    position:absolute;
}

.GanttClass .timeAxisRastr
{
    z-index:4;
    position:absolute;
}

.GanttClass .timeAxis .horizontalLine
{
    background-color:#000;
    height:1px;
    font-size:0px;    
    position:absolute;
}

.GanttClass .timeAxis .verticalLine,
.GanttClass .timeAxis .verticalLineSecondary
{
    background-color:#000;
    width:1px;
    position:absolute;
}

.GanttClass .timeAxis .verticalLineSecondary
{
    background-color:#9b9b9b;
}

.GanttClass .timeAxis .labelDate
{
    color: #0A3E87;
    position:absolute;
    font-weight: bolder;
}

.GanttClass .timeAxis .labelHour
{
    color:#0A3E87;
    position:absolute;
    font-weight: bold;
}

.GanttClass .timeAxis .labelMinute
{
    color:#0A3E87;
    position:absolute;
}

.GanttClass .timeAxis .labelSecond
{
    color:#0A3E87;
    position:absolute;
}

.GanttClass .timeAxisRastr
{
    pointer-events:none;
}

.GanttClass .timeAxisRastr .rastrDate
{
    border-left:#0A3E87 dashed 1px;
    position:absolute;
}

.GanttClass .timeAxisRastr .rastrHour
{
    border-left:#0A3E87 dashed 1px;
    position:absolute;
}

.GanttClass .timeAxisRastr .rastrMinute
{
    border-left:#0A3E87 dotted 1px;
    position:absolute;
}

.GanttClass .timeAxisRastr .rastrSecond
{
    border-left:#0A3E87 dashed 1px;
    position:absolute;
}

.GanttClass .timeAxisRastr .rastrSecondary
{
    border-left:#9b9b9b dashed 1px;
    position:absolute;
}
/******************************************************************************/
.imgplus {
    background-image: url(../Images/Gantt/plus.gif);
}

.imgminus {
    background-image: url(../Images/Gantt/minus.gif);
}

/******************************************************************************/
.GanttClass .chart /* div se všema částmi grafu */
{
    position:relative; 
    width:100%;
    height:100%;

    overflow:scroll;    
}

/******************************************************************************/
.GanttClass .resourceLabels /* div s popiskama zdrojů */
{    
    position:absolute;
    border-right:2px #000 solid;
}

.GanttClass .resourceLabels .label /* jeden popisek */
{
    width: 100%;
    position:relative;
    z-index:5;
}

.GanttClass .resourceLabels .contract
{
    width:9px;
    height: 9px;
    margin-right:4px;
    margin-top:4px;
    margin-left:4px;
    float:left;
}

/* */
.GanttClass .resource /* pozadí zdroje */, .GanttClass .resource .timeOff .inner
{
    background: #FFF;
    position:absolute;
}

.GanttClass .resource .timeOff /* pracovní volno */
{
    
                position:absolute;


    z-index:1;
}

/* TIME OFF */
.GanttClass .resource .timeOff .inner 
{
    border:#000 solid 1px; /* =Gantt.resourceBorderWidth */
    background: #f1f1f1 url(../Images/Gantt/timeOff.png) repeat;
}

/******************************************************************************/
.GanttClass .chartTable /* table with 2 cells */
{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border-collapse:collapse;
}

.GanttClass .chartTable .resourceLabelsPart /* left part of table*/
{
}

.GanttClass .chartTable .chartPart /* pravá část - vlastní gantt */
{        
    height:100%;
}

.GanttClass .chartTable .resourceLabelsPart .inner
{
    position:absolute;
    top: 0px;
    width:100%;
    overflow-y:hidden;
}

/******************************************************************************/
.GanttClass .task
{
    position:absolute;
}

.GanttClass .task .label
{
    left:2px;
    z-index:3;
    font-family: "Courier New", Courier, monospace;
    width: 100%;
    overflow: hidden;
    white-space:nowrap;
        position:absolute;
        top:0px;

}

.GanttClass .task .prepeare, .GanttClass .task .prepeareFocus
{
    background-color:#9b9b9b;
    height:100%;
}

.GanttClass .task .stripe
{
    width:100%;
    background-color:transparent;

                position:absolute;
                
}

.GanttClass .task .inner
{
    background: url("../Images/Gantt/task.png") repeat-x bottom;
}

/* TASK BORDER SETTING - ALL PARTS */
.GanttClass .task .inner, .GanttClass .task .innerFocus, .GanttClass .taskContour, .GanttClass .taskContourFocus,
.GanttClass .task .frozen,
.GanttClass .task .precedences, .GanttClass .actualTime, .GanttClass .task .innerSelected
{
    border:#000 solid 1px; /* = Gantt.taskBorderWidth */
}
/* */

.GanttClass .task .inner, .GanttClass .task .innerFocus, .GanttClass .task .innerSelected
{

    width:100%;

                position:absolute;
                
}

.GanttClass .task .frozen
{
    width:100%;
    background-color:#F00; /* stripetaskFrozenColor */
}

.GanttClass .task .precedences
{
    width:100%;
    background-color:#ffa820; /* stripeViolatedPrecedenceColor */

            position:absolute;

}

.GanttClass .taskContour, .GanttClass .taskContourFocus
{    
    z-index:1;
    display:none;

    position:absolute;

    opacity:0.4;
    filter:alpha(opacity=40);
}

 .GanttClass .taskContourFocus
 {
    opacity:0.8;
    filter:alpha(opacity=80);
 }

.GanttClass .actualTime
{
    z-index:5;
    display:none;

    position:absolute;
    border-color:#0A3E87;
    border-style:none;
    border-width:2px;
    border-left-style:dotted;
}

.GanttClass .task .innerFocus
{
    outline: 2px dashed #0A3E87;
    box-shadow: 0px 0px 8px 0px #0A3E87;
}

.GanttClass .task .innerSelected
{
    outline: 2px dashed #ffa820;
    box-shadow: 0px 0px 8px 0px #ffa820;
}

.GanttClass .task .marked
{
    outline: 2px solid #ffa820;
    box-shadow: 0px 0px 8px 0px #ffa820;
}

.GanttClass .task .prepeareFocus
{
    background-color:#9b9b9b;
}

/******************************************************************************/
.GanttClass .timeWindow, .GanttClass .timeWindowBold, .GanttClass .timeWindowTask
{
    width: 0px;
    background-color: transparent;
    border-left: #000 dashed 1px;
    z-index: 1;
    position: absolute;
}

.GanttClass .timeWindowBold
{
    border-left-width: 2px;
    display: none;
}

.GanttClass .timeWindowTask
{
    border-width: 1px;
    border-style: dotted;
    display: none;
}

/******************************************************************************/
.GanttClass .precedence
{
    position:absolute;
    width:2px;  /* =Gantt.precedencesLineBorderWidth */
    height:2px; /* =Gantt.precedencesLineBorderWidth */
    z-index:3;
    border-style:none;
    font-size:0px;    
    background-color:#000; /* precedenceColor */
}

.GanttClass .precedence .broken
{    
    background-color:#F00; /* violatedPrecedenceColor */
}

.GanttClass .taskShadow {
    position: absolute;
    z-index: 7;
    background-color: rgba(127, 127, 127, 0.6);
    border-left: 1px black solid;
    border-right: 1px black solid;
}