body.gantt #container {
    margin: 10px 10px 0;
}

body.gantt #main {
    padding: 10px 10px 0;
}

#main
{
    padding: 10px;
}

div#left-viewport
{
    width: 700px;
    float: left;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    /* needed for IE6 */
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}

div#left-scroll-header
{
    overflow: hidden;
}

div#left-scroll-header table.gantt
{
    width: 800px;
}

div#left-scroll-container
{
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
}

div#right-viewport
{
    width: 500px;
    float: left;
    position: relative;
    border-right: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    /* needed for IE6 */
    overflow: hidden;
}

div#right-scroll-header
{
    overflow: hidden;
    position: relative;
}

div#right-scroll-container
{
    overflow: scroll;
    position: relative;
    margin-top: -1px;
}

div#right-viewport div.nowline
{
    position: absolute;
    top: 0;
    background: red;
    width: 1px;
    height: 100%;
    z-index: 98;
}

div#right-scroll-header div.nowline
{
    height: 41px;
}

div#gantt-container-left
{
    width: 1200px;
    position: relative;
}

div#gantt-container-right
{
    width: 2000px;
    position: relative;
}


table.gantt
{
    border-bottom: 1px solid #D4D4D4;
    /*       border-spacing: 2px;     border-style: outset;     border-collapse: collapse; */
    height: 42px;
}

div#gantt-container-left div.gantt-row-header
{
    font-size: 11px;
    height: 20px;
    position: absolute;
    width: 100%;
}

/*div#gantt-container-left div.gantt-row-header .header {
    background-image: url('../Images/btn-minus.gif');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 20px;
}

div#gantt-container-left div.gantt-row-header.collapsed .header
{
    background-image: url('../Images/btn-plus.gif');
}*/

div.gantt-row
{
    clear: both;
    overflow: hidden;
    height: 20px;
    display: table;
    position: absolute;
}

div.gantt-row > div {
    overflow: hidden;
    position: relative;
}

#left-scroll-header .gantt-row
{
    position: static;
}

div.gantt-row div
{
    float: left;
    border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    vertical-align: middle;
    padding: 2px;
    font-size: 11px;
    height: 15px;
    display: inline;
}

div.level1 div.header
{
    margin-left: 9px;
}

div.level2 div.header
{
    margin-left: 19px;
}

div.level3 div.header
{
    margin-left: 29px;
}

div.level4 div.header
{
    margin-left: 39px;
}

div.level5 div.header
{
    margin-left: 49px;
}

div.level6 div.header
{
    margin-left: 59px;
}

div.level7 div.header
{
    margin-left: 69px;
}

div.level8 div.header
{
    margin-left: 79px;
}

div.level9 div.header
{
    margin-left: 89px;
}

div.gantt-row div .hide {
    position: absolute;
    right: 9px;
    top: 0;
    display: block;
    text-decoration: none;
}

div.gantt-row div .asc {
    position: absolute;
    right: 9px;
    bottom: 2px;
    display: block;
    text-decoration: none;
    font-size: 12px;
}

div.gantt-row div .desc {
    position: absolute;
    right: 19px;
    bottom: 2px;
    display: block;
    text-decoration: none;
    font-size: 12px;
}

div.gantt-row div.col-chooser {
    width: 10px;
    background: url('/Content/Images/selectcol.png') no-repeat 2px 2px transparent;
    cursor: pointer;
}

div.gantt-row div.col-id
{
    width: 97px;
}

div.level0 div.col-id
{
    padding-right: 92px;
}

div.level1 div.col-id
{
    margin-left: 9px;
    padding-right: 83px;
}

div.level2 div.col-id
{
    margin-left: 19px;
    padding-right: 73px;
}

div.level3 div.col-id
{
    margin-left: 29px;
    padding-right: 63px;
}

div.level4 div.col-id
{
    margin-left: 39px;
    padding-right: 53px;
}

div.level5 div.col-id
{
    margin-left: 49px;
    padding-right: 43px;
}

div.level6 div.col-id
{
    margin-left: 59px;
    padding-right: 33px;
}

div.level7 div.col-id
{
    margin-left: 69px;
    padding-right: 23px;
}

div.level8 div.col-id
{
    margin-left: 79px;
    padding-right: 13px;
}

div.level9 div.col-id
{
    margin-left: 89px;
    padding-right: 3px;
}

div.gantt-row div.col-name
{
    width: 150px;
}

div.gantt-row div.col-start
{
    width: 74px;
}

div.gantt-row div.col-finish
{
    width: 74px;
}

div.gantt-row div.col-baselinestart
{
    width: 74px;
}

div.gantt-row div.col-baselinefinish
{
    width: 74px;
}

div.gantt-row div.col-predecessors
{
    width: 90px;
}

div.gantt-row div.col-successors
{
    width: 90px;
}

div.gantt-row div.col-complete
{
    width: 74px;
}

div.gantt-row div.col-physicalComplete
{
    width: 74px;
}

div.gantt-row div.col-budgetedunits
{
    width: 90px;
}

div.gantt-row div.col-remainingduration
{
    width: 74px;
}

div.gantt-row div.col-targetduration
{
    width: 74px;
}

div.gantt-row div.col-totalfloat
{
    width: 74px;
}

div.gantt-row div.col-resources
{
    width: 150px;
}

div.gantt-row div.col-calendar
{
    width: 150px;
}

div#gantt-container-left div.gantt-row div.right
{
    text-align: right;
}

div#left-scroll-header div.gantt-header
{
    height: 41px;
    overflow: hidden;
}

div.gantt-header div
{
    height: 41px;
    padding-top: 0;
    padding-bottom: 0;
}

table.gantt th, table.gantt td
{
    border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    font-size: 11px;
    height: 16px;
}

table.gantt th
{
    text-align: left;
}


table.gantt th:first-child, table.gantt td:first-child
{
    border-left: none;
}

div#left-scroll-container table.gantt
{
    table-layout: fixed;
}

div#left-viewport table.gantt th
{
    height: 41px;
}

div#right-viewport table.gantt th
{
    height: 20px;
}

table.gantt col.col-id
{
    width: 72px;
}


table.gantt col.col-name
{
    width: 110px;
}

table.gantt col.col-start
{
    width: 74px;
}

table.gantt col.col-finish
{
    width: 74px;
}

table.gantt col.col-baselinestart
{
    width: 74px;
}

table.gantt col.col-baselinefinish
{
    width: 74px;
}

table.gantt col.col-predecessors
{
    width: 70px;
}

table.gantt col.col-successors
{
    width: 70px;
}

table.gantt col.col-complete
{
    width: 90px;
}


table.gantt col.unit
{
    width: 60px;
}



table.gantt.subproject col.col-id
{
    width: 62px;
}


table.gantt tbody tr td
{
    vertical-align: middle;
    padding-left: 2px;
}

table.gantt tbody tr.project td
{
    padding-left: 0;
}

table.gantt tbody tr
{
    height: 20px;
}

table.gantt.subproject
{
    margin-left: 10px;
}

.project .projectheader
{
    cursor: pointer;
    background: lightblue;
    height: 16px;
    width: 100%;
    padding-top: 4px;
    padding-left: 4px;
}

.ie7 .project .projectheader
{
    padding-top: 3px;
}

div.gantt-row-header div.header, #gantt-container-right .header {
    background: #9CD4E5;

}
div.gantt-row-header.level1 div.header, #gantt-container-right .header.level1 {
    background: #ADD8E6;

}
div.gantt-row-header.level2 div.header, #gantt-container-right .header.level2 {
    background: #C3DDE5;

}
div.gantt-row-header.level3 div.header, #gantt-container-right .header.level3 {
    background: #D5DFE2;

}
div.gantt-row-header.level4 div.header, #gantt-container-right .header.level4 {
    background: #E0E0E0;

}

div.header
{
    cursor: pointer;
    border-bottom: 1px solid #D4D4D4;
    padding: 2px;
    height: 15px;
    font-weight: bold;
}

#gantt-container-right div.header
{
    font-size: 0;
    position: absolute;
}


div.task
{
    border-bottom: 1px solid #D4D4D4;
    height: 19px;
    position: absolute;
}



div.progress-line
{
    top: 4px;
    height: 8px;
    position: absolute;
    font-size: 1px;
}

div.task.Started div.progress-line {
    background: blue;
}

div.task.Started div.progress-line .future {
    background: green;
}

div.task div.progress-line {
    background: blue;
}

div.task div.progress-line .future {
    background: green;
}

div.task.Finished div.progress-line {
    background: black;
}

div.task.Finished div.progress-line .future {
    background: black;
}

div.task.red.Finished div.progress-line {
    background: black;
}

div.task.red.Finished div.progress-line .future {
    background: black;
}

div.task.red div.progress-line {
    background: red;
}

div.task.red div.progress-line .future {
    background: red;
}

div.past
{
    /*background: blue;*/
    height: 8px;
}

div.future
{
    /*background: green;*/
    height: 8px;
    position: relative;
}

div.changed {
    background-color: #FFDBDB;
}

div.late
{
    background: red;
    height: 8px;
    position: relative;
}

div.base-line
{
    background: #000;
    height: 2px;
    position: absolute;
    bottom: 3px;
    font-size: 1px;
}

div.task.milestone div.progress-line
{
    background: url('/Content/Images/milestone.gif') no-repeat left top transparent;
    width: 8px;
    height: 9px;
    position: absolute;
    top: 3px;
}

div.milestone div.future {
    display: none;
}

tr.ch-ch-ch-changes td
{
    color: red;
}

#gantt-scale-unit-container
{
    position: absolute;
    top: 0;
    right: 26px;
}

ul#gantt-scale-menu
{
    list-style: none;
    margin-left: 0;
}

ul#gantt-scale-menu li
{
    padding: 0 5px;
    float: left;
    text-align: center;
}

ul#gantt-scale-menu li.u1
{
    width: 69px;
    text-align: left;
}

ul#gantt-scale-menu li.u2
{
    width: 96px;
}

ul#gantt-scale-menu li.u3
{
    width: 123px;
}

ul#gantt-scale-menu li.u4
{
    width: 60px;
}

ul#gantt-scale-menu li.u5
{
    width: 60px;
    text-align: right;
}

ul#gantt-scale-menu li:first-child
{
    border: none;
}

#time-unit-slider
{
    margin: 5px 0 5px 15px;
    width: 350px;
}

/* Editform tasks */

#task-form {
    font-size: 10px;
}

#task-form h2 {
    font-size: 14px;
    margin-bottom: 5px;
    background-color: lightblue;
    padding: 5px;
}

#task-form fieldset {
    margin-bottom: 25px;
}

#task-form label {
    width: 140px;
}

/*Moved to gantt-task.css*/
/*
#task-form.status-0 #task-startdate, #task-form.status-0 #task-duration, #task-form.status-0 #task-expectedenddate, #task-form.status-0 #task-enddate, #task-form.status-0 #task-complete {
    display: none;
}

#task-form.status-1 #task-enddate {
    display: none;
}

#task-form.status-2 #task-expectedenddate, #task-form.status-2 #task-duration, #task-form.status-2 #task-expectedenddate, #task-form.status-0 #task-complete {
    display: none;
}

*/

#edit-task-form th {
    padding: 3px;
    border: 1px solid #D4D4D4;
    background-color: #EAF2F5;
}

#edit-task-form td {
    border: 1px solid #D4D4D4;
    padding: 3px;
}

#task-steps th.step-name { width: 350px; }

#task-steps th.step-percentage { width: 75px; }

#task-steps th.step-complete { width: 75px; }

.gantt-row .ui-resizable-handle {
    z-index: 200;
}

.ui-resizable-helper {
    border: 1px dotted black;
}

/* FILTERS */

body.gantt form#filterform {
    position: absolute;
    left: 400px;
    top: 0;
    z-index: 99;

}

.orderColumn {
    background-color: gainsboro;
}

.currentSortDirection {
    color: red!important;
}