.m4_ts_legendOvertime {
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}

.m4_ts_legend {
    list-style:none;
    margin:20px 0;
    padding:0;
}

.m4_ts_legendbox {
    display:inline-block;
    width:12px;
    height:12px;
    margin-right:10px;
}

.m4_ts_legendbox.m4_orange {
    background-color:orange;
}

.m4_ts_legendbox.m4_pattern {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAHCAAABwgAc0Pm54AAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAcSURBVBhXY2hoaPgPwkDAAMKYAjAGTAJNoOE/ANpPK+FZ7P/4AAAAAElFTkSuQmCC') !important;
    background-repeat:repeat !important;
    background-position:left top !important;
}

.m4_ts_legendbox.m4_green {
    background-color:green;
}

.m4_ts_errorMessageContainer {
    display:none;
    color:white;
    background-color:red;
    padding:10px;
    margin-bottom:15px;
    font-size:13px;
    text-align:center;
}

.m4_ts_statusBarWithButtons a {
    display: inline-block !important;
    border:solid 1px #000 !important;
    background-color:#B1B0B1 !important;
    color:#000 !important;
    padding:5px 10px !important;
    cursor:pointer !important;

}

.m4_ts_statusBarWithButtons a:hover {
    text-transform:none !important;
    text-decoration:none !important;
    background-color:#007F77 !important;
}

.m4_bgPattern {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAHCAAABwgAc0Pm54AAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAcSURBVBhXY2hoaPgPwkDAAMKYAjAGTAJNoOE/ANpPK+FZ7P/4AAAAAElFTkSuQmCC') !important;
    background-repeat:repeat !important;
    background-position:left top !important;
}

.m4_ts_verticalText {
    width:50px !important;
    height:200px !important;
    padding:0 !important;
    margin:0 !important;
}


.m4_ts_verticalText table td {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  text-align:center !important;
  padding:0 !important;
}

.m4_workflowButtonContainer {
    display:inline-block !important;
    margin: 0 10px 10px 0 !important;
}

.m4_textCentered {
    text-align:center !important;
}