.xgtimeline {
    padding: 0;
}
.xgtimeline table {
    width: 100%;
}
.xgtimeline table tr {
    width: 100%;
    font-weight: bold;
    color: #909090;
}
.xgtimeline table tr.doubletr {
    background-color: #EEEEEE;
}
.xgtimeline table tr.singletr {
    background-color: #F6F6F6;
}
.xgtimeline table tr.stepend {
    color: #FF6600;
}

.xgtimeline table td {
    height: 60px;
    background: none;
}
.xgtimeline table td.timecol {
    width: 100px;
}
.xgtimeline table td.textcol {
    padding: 10px;
    width: auto;
    line-height: 24px;
}
.xgtimeline table td.linecol {
    width: 35px;
}
.xgtimeline table tr td.linecol {
    background: url('../images/stepcol.png') center center no-repeat;
}
.xgtimeline table tr.stepbgn td.linecol {
    background: url('../images/stepbgn.png') center center no-repeat;
}
.xgtimeline table tr.stepend td.linecol {
    background: url('../images/stepend.png') center center no-repeat;
}
.xgtimeline table tr.stepset td.linecol {
    background: url('../images/stepset.png') center center no-repeat;
}

.xgtimeline-date, .xgtimeline-time {
    display: block;
    width: 100%;
    text-align: center;
}
.xgtimeline-date {
    height: 15px;
    padding-top: 10px;
    font-weight: normal;
    font-size: 12px;
}
.xgtimeline-time {
    height: 35px;
    font-size: 20px;
}

.xgtimeline table tr.stepset td.linecol:hover{   
    cursor:pointer;   
}