#timelineContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

#timelineTable {
    position: inherit;
    top: 0px;
    left: 0px;
    overflow: visible;
}

#timelineTable text {
    font-size: medium;
    padding: 0px;
    margin: 0px;
}

#timelineTable,
#timelineTable tbody,
#timelineTable tr,
#timelineTable td {
    margin: 0px;
    padding: 0px;
    height: inherit;
    overflow: visible;
}

#timelineTable .timelineStep {
    height: 30px !important;
    max-height: 30px;
}

#timelineTable .timelineStep > .timelineStepLabel {
    width: 30px;
    height: inherit;
    border: none;
    font-size: small;
    text-align: right;
    vertical-align: text-top;
}

#timelineTable .timelineScale {
    width: 10px;
    height: inherit;
    border-style: solid none solid;
}

#timelineTable .timelineStep > .timelineCell {
    width: 50px;
    height: inherit;
    border-bottom: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    border-left: 2px solid gainsboro;
    border-right: 2px solid gainsboro;
}

#timelineTable .timelineCellMarked {
    width: 10px;
    height: inherit;
    background-color: #1ABC9C;
}

#timelineContainer .resizableEvent {
    height: inherit;
    min-height: inherit;
    width: inherit;
    background-color: #1ABC9C;
    border: 1px solid gray;
    position: absolute;
    top: inherit;
    left: inherit;
}

#timelineTable .ui-draggable-handle {
    cursor: move;
}

#timelineTable .ui-resizable-s {
    position: absolute;
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
    cursor: s-resize;
}