.ts {
    position: relative;
    overflow: hidden;
    width: 903px;
    border: 1px #7B797B solid;
    border-radius: 5px;
    font-size: 11px;
    font-family: Verdana,Geneva,Tahoma,sans-serif;
}

    .ts table {
        /*table-layout:fixed;*/
        z-index: 0;
        width: 903px;
        border-spacing: 0;
        border-collapse: collapse;
        border-radius: 5px;
        empty-cells: show;
    }

    .ts tr {
        height: 20px;
    }

    .ts th {
        overflow: hidden;
        color: white;
        text-align: left;
    }

    .ts td {
    }

.ts-head {
    background-color: gray;
    overflow: hidden;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ts-head th {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;    
}

.ts-head-hr {            
    width: 55px;
    max-width: 55px;
}

.ts-head-day {
    width: 50px;
    max-width: 50px;
}

.ts-head-upper {
    padding-left: 3px;
}

.ts-head-lower {
    padding-left: 3px;
    font-weight: normal;
    text-align: center !important;
}

.ts-time {
    border: 1px #EFEFEF solid;
}

.ts-time-hr {
    width: 55px;
    max-width: 55px;
    /*background-color: #CC66FF;*/
}

.ts-time-day {
    width: 50px;
    max-width: 55px;
    /*background-color: #CC66FF;*/
}


.ts-group {
    overflow: hidden;
    padding: 0px;
    width: 16px;
    border-top: 1px #7B797B solid;
    border-right: 1px #7B797B solid;
    border-bottom: 1px #7B797B solid;
    border-left: none;
    /*background: none repeat scroll 0 0 #DFF2BF;*/
    background: none repeat scroll 0 0 #6bad70;
    white-space: nowrap;
}

.ts-type {
    overflow: hidden;
    padding: 2px;
    border: 1px #7B797B solid;
    color: #7B797B;    
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.ts-type-hr {
    max-width: 193px;
    width: 193px;
    overflow: hidden;
}

.ts-type-day {
    max-width: 140px;
    width: 140px;
    overflow: hidden;
}

.ts-type-div {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
}

.ts-timeline {
    pointer-events: auto;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 2;
    background-color: rgba(128, 128, 128, 0.10);
    /*
    -moz-box-shadow: 0px 0px 15px 2px rgba(255, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 15px 2px rgba(255, 0, 0, 0.3);
    box-shadow: 0px 0px 15px 2px rgba(255, 0, 0, 0.3);
    */
    cursor: default;
}

.ts-timeline-line {
    border-right: 2px solid red;
}

.ts-item-holder {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    border-collapse: collapse;
    pointer-events: none;
    /*cursor: cell;*/
    width: 100%;
    height: 100%;
}

.ts-item-holder-hr {
    left: 215px;
    top: 41px;
}

.ts-item-holder-day {
    left: 162px;
    top: 41px;
}


.ts-item {
    pointer-events: auto;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    margin: 0px;
    padding-left: 3px;
    height: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #1897d4;
    border-radius: 3px;
    background-color: #f8f8f8;
    color: #6a6a66;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-shadow: 5px 5px 19px 0px rgba(119, 119, 119, 0.34);
    -webkit-box-shadow: 5px 5px 19px 0px rgba(119, 119, 119, 0.34);
    box-shadow: 5px 5px 19px 0px rgba(119, 119, 119, 0.34);
    cursor: pointer;
}

.ts-item-owner {
    border-color: #6bad70;
    background-color: #f8f8f8;
    color: #6a6a66;
}

.ts-item-edu {
    border-color: #8c2abd;
    background-color: #f8f8f8;
    color: #8c2abd;
}

.ts-item-na {
    background-color: #f8f8f8;
    border-color: #CC3300;
    color: #CC3300;
}