.utmTitle{
    font-size: 20px;
    font-weight: bold;
}

.utmBlue{
    color: #5294bf;
    font-style: italic;
}

.utmDD{
    position: relative;
    width: 600px;
    font-size: 10px;
}

.utmDDTitle{
    position: relative;
    float: left;
     width: 40%;
     border-style: solid;
     border-width: 1px;
     border-color: silver;
}

.utmDDShort{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 33%;
    background-color: green;
    opacity: 0.5;
}

.utmDDMedium{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 66%;
    background-color: green;
    opacity: 0.5;
}

.utmDDLong{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 66%;
    background-color: orange;
    opacity: 0.5;
}

.utmDDFull{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: orange;
    opacity: 0.5;
}

.utmDDHigh{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: red;
    opacity: 0.5;
}

.utmTimeUnit{
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('../img/transformation/timeUnit.png');
    background-size: 25px 26px;
    background-repeat: no-repeat;
}

.utmWorkUnit{
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('../img/transformation/workUnit.png');
    background-size: 25px 25px;
    background-repeat: no-repeat;
}