/*
* ganttz.css Ganttz specific styles
* /

The next constants are used within the planner styling:

Ganntz.ListdetailsWidth = 280


zkTasklist.HEIGHT_PER_ROW = 15
zkTasklist.HEIGHT_TIME_TRACKER = 120

zkTasklist.SCROLLBAR_WIDTH = 15

zkTasklist.SCROLL_CONTAINER_INITIAL_HEIGHT = 500
zkTasklist.SCROLL_CONTAINER_INITIAL_WIDTH = 600

zkTasklist.GANTT_PANEL_LEFT = 300

*/

/* -------------- Listdetails -------------- */

/* External listdetails box */
.listdetails {
    width:280px;  /* Ganntz.ListdetailsWidth */
    float:left;
    margin-top:  0px;
/*    border-bottom: 1px solid #86A4BE; */
    font-size:10px !important;
    margin-top:0px;
}

#listdetails_container {
    float:left;
    height:500px; /* zkTasklist.SCROLL_CONTAINER_INITIAL_HEIGHT */
    position:relative;
    top:27px;
    overflow-y: hidden;
    border-bottom: 1px solid #86A4BE;
    border-right: 1px solid #86A4BE;
}

.listdetails img {
    display:none;
}

#listdetails_container td {
    border-bottom:1px solid #86A4BE;
    border-left:1px solid #86A4BE;
	border:0px;
}

#listdetails_container td {
    padding:0px;
}

.listdetails input {
    width: 65px;
    font-size:10px !important;
    border-bottom:0px;
    border-right:0px;
    height:17px;
}

#listdetails_container .z-datebox-inp,
#listdetails_container div.z-tree-col-cnt {
    font-family:"Verdana,Tahoma,Arial,Helvetica,sans-serif";
    font-size:10px !important;
    border-bottom:0px;
    border-right:0px;
}

.depth_1 .task_title {
    width: 121px !important;
}
.depth_2 .task_title {
    width: 104px !important;
}
.depth_3 .task_title {
    width: 85px;
}
.depth_4 .task_title {
    width: 64px;
}


.taskdetail_grid table {
    height:30px;
    width:285px; /* Ganntz.ListdetailsWidth */
}



#listtasks {
    position:relative;
    width:600px;
    top:0px;
}

/* Task box properties */
.box {
    border: 1px solid;
    text-align:center;
    vertical-align: middle;
    z-index:10;
    cursor: pointer;
    cursor: hand;
}

/* Task lane properties */
.row {
    height: 9px; /* 19 */
    border-bottom: dotted 1px #CCCCCC;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 10000px; /* Defined to be larger than the maximum scroll_inner_x */
}


/* -------------- Dependencies -------------- */
#listdependencies {
    position:relative;
    width:400px;
    float:left;
    top:0px;
}

.dependence {
    z-index:1;
    position: absolute;
}

.end, .start, .mid, .arrow {
    position:absolute;
    padding:4px;
    cursor: crosshair;
}

.end, .start {
    height:1px;
}

.mid {
    width:1px;
}

.completion {
    display: none;
    width: 30%;
    margin-top:0px;
    height: 10px;
    background-color: #FFCC99;
    z-index:5;
    border:0px;
}

.row span {
    display:none;
    position:relative;
    z-index:5;
    color:#BBBBBB;
    white-space:nowrap;
}

/* -------------- TaskGroup -------------- */
.taskgroup_start {
    background-image: url("/navalplanner-webapp/zkau/web/ganttz/img/group_left.png");
    height: 10px;
    width: 10px;
    float:left;
}

.taskgroup_end {
    background-image: url("/navalplanner-webapp/zkau/web/ganttz/img/group_right.png");
    height: 10px;
    width: 10px;
    float:right;
}

.taskgroup, .row .expanded {
    border-top: solid black 2px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    background-color: transparent !important;
}

.row .closed {
    border-top: solid black 2px;
}




.zk #ganttpanel .z-button-cm {
    border: 0px;
}

#ganttpanel {
    height:400px; /* 800 */
    width: 900px;
}

#ganttpanel table {
    float:left;
    padding:0;
    margin:0;
    overflow:hidden;
}

#ganttpanel table td {
    padding:0;
}

/* -------------- Timetracker -------------- */
.timetracker_fake_row {
    height: 80px;
}

/* Forces every zoom level the same table width */
#timetracker table {
   border-collapse: collapse;
}

#timetracker .second_level_ tr {
   height:14px;
}

/* Watermark alternate row color */
#watermark .timetracker_column_even {
    background-color: #EEEEEE;
}

/* Background image for current day vertical line */
#watermark .timetracker_column_today {
    background-image: url("/navalplanner-webapp/zkau/web/ganttz/img/watermark_today.png");
    background-repeat: repeat-y;
}

#watermark .bankHoliday {
	background-color: #FFEEEE; !important;
}


/* Reduce spacing and font-size for watermark legend */
.z-columns, .z-column {
    font-size: 8px !important;
    text-align: center;
    padding:0 0 0 0 !important;
}

table {
    margin:0px;
    padding:0px;
    border:0px;
}

#scroll_container {
    margin-top:70px;
    height:300px; /* Recalculated based on window */
    width:500px; /* Recalculated based on window */
    overflow:hidden;
    float:left;
    position:absolute;
    left:285px; /* Ganntz.ListdetailsWidth + borders = 280 + 5 */
    /*    border:solid green 1px; */
}

#timetracker {
    /* border: solid 1px red; */
    position:absolute;
    left:285px; /* Ganntz.ListdetailsWidth + borders = 280 + 5 */
    height:500px; /* zkTasklist.SCROLL_CONTAINER_INITIAL_HEIGHT (dynamic) */
    width:600px; /* zkTasklist.SCROLL_CONTAINER_INITIAL_WIDTH (dynamic) */
    position:absolute;
    overflow-x:hidden;
    float:left;
}

#zoom_buttons {
	position:relative;
}

tr.z-vbox-sep {
    height: 0px;
    padding: 0px;
    margin: 0px;
}


#ganttpanel_scroller_x, #ganttpanel_scroller_y {
    position:absolute;
    float:left;
    overflow:auto;
}

#ganttpanel_scroller_x {

    top: 600px;  /* (dynamic) */
    left: 285px; /* Ganntz.ListdetailsWidth + borders = 280 + 5 */
    width:635px;
    height:15px;
}

#ganttpanel_inner_scroller_x {
    /* must be resized on ganttpanel javascript adjust size */
    width:9000px; /* Real canvas dimensions */
    height:15px; /* Scroll constant */
}

#ganttpanel_scroller_y {
    top: 160px; /* Fixed top position */
    left: 920px;
    width:15px;
    height:330px;
}
#ganttpanel_inner_scroller_y {
    width:15px; /* Scroll constant */
    height:1350px; /* Modified when added or removed tasks, or zoom adjustments */
}


.footer {
    /* Pending to calculate general position */
    display:none;
}

/* Hide at the beginning */
#ganttpanel_scroller_x {
	display:none;
}
#ganttpanel_scroller_y {
	display:none;
}