.summaryTimeline {
    padding-left: 30px;
    padding-right: 30px;
    padding-top:10px;
    padding-bottom:20px;
    overflow: hidden;
    border-top: 4px solid #071B36;
    border-left: 2px solid #071B36;
    border-right: 2px solid #071B36;
    border-bottom: 2px solid #071B36;
    background: #254262;
}

.timelineReducePercentage {
    float:left;
    text-align:right;
    width:106px;
}

.timelineItem .segmentText {
    float:left;
    width:106px;
    margin-bottom:0px;
    margin-top:2px;
    margin-left:5px;
    margin-right:15px;
}

.timelineSummaryHeader {
    float:left;
    width:100%;
    text-align:center;
}

.timelineSummaryHeader .summaryHeader {
    float:left;
    width:108px;
    height:15px;
}

.summaryHeader p {
    margin-top:0px;
    margin-bottom:0px;
    font-size:90%;
}

.titleHeader p {
    margin-top:0px;
    margin-bottom:0px;
    font-size:90%;
}

.timelineItem .timelineTC {
    float:left;
    margin-top:5px;
    width:108px;
}

.timelineSummaryHeader .titleHeader {
    float:left;
    width:126px;
    height:15px;
}

.timelineItem input {
    float:left;
    width:104px;
}

.timelineTitle h4 {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 5px;
}

.timelineTitleSelect {
    float:left;
    height: 20px;
    font-size: 80%;
}

.txtInputFileTotalStop {
    text-align:right;
}

#timeline {
    padding: 10px;
    overflow: hidden;
    border-top: 4px solid #071B36;
    border-left: 2px solid #071B36;
    border-right: 2px solid #071B36;
    border-bottom: 2px solid #071B36;
    background: #254262;
}

.timecode {
    width:104px;
    height:20px;
    float:left;
    text-align:center;
}

.timecode p {
    margin-top:3px;
}


.errorInputTxt {
    border:1px solid red;
}

.timelineItem .errorText {
    float:left;
    width:25%;
    height:15px;
    margin:5px;
}

.errorText {
    height:12px;
    padding-left:10px;
    margin-top:0px;
    margin-bottom:0px;
}

.tcLabel {
    float:left;
    position: absolute;
    margin-top:4px;
}

.tcLabel p {
    font-size:50%;
    color:white;
    margin:1px;
}

.stopTcLabel {
    position:relative;
    width:108px;
    display:none;
}

.timelineTick {
    width:5px;
    height:100%;
    float:left;
    position:absolute;
    background-repeat:no-repeat;
    background-position:center;
}

.timelineStartTick {
    cursor:e-resize;
    background-image:url('../images/rightarrow.png');
}

.timelineEndTick {
    cursor:w-resize;
    background-image:url('../images/leftarrow.png');
}

.timelineReduceTick {
    cursor:w-resize;
}

.timelineItem {
    width:100%;
    height:25px;
}

.timelineTCLabels {
    width:80%;
    height:10px;
    float:left;
    margin-left:5px;
    margin-right:5px;
}

.markerContainer {
    width:70%;
    height:60px;
    float:left;
    margin-top:45px;
}

.timelineMarker {
    width:100%;
    height:40px;
    border:1px solid black;
    margin-right:5px;
    float:left;
}

.timelineLabels {
}

.timelineItem p {
    margin: 2px;
    font-size:60%;
    color:black;
}

.errorText p {
    font-size:60%;
    color:red;
}

.timelineItemHover {
    background-color:#d8d8d8;
}

.timelineItemSelected {
    background-color:#ffffff;
}

.timelineReduceItemMarker {
    height: 50%;
    position: relative;
    background-color: #00ff00;
}

.summaryTicks {
    width:100%;
    height:10px;
    position: relative;
}

.staticTick {
    float:left;
    position:absolute;
    width:1px;
    height:4px;
    border-right:1px solid black;
}

.majorTick {
    height:8px;
}

.summaryInputTimeline {
    height: 14px;
    position: relative;
    background-color: #e62528;
}

.summaryOutputTimeline {
    height: 14px;
    position: relative;
    background-color: #26b55d;
}

.timelineReducePercentage p {
    color:white;
    margin-top:10px;
    text-align:right;
    margin-right:5px;
    margin-left:10px;
    clear:right;
}

.timelineTC p {
    color:white;
    margin-top:0px;
    margin-right:8px;
    margin-bottom:0px;
    text-align:right;
    font-size:80%;
}