.statusflag {
    width:16px;
    height:16px;
    border:1px solid #888;
}

.statusflag-none { /* gray */
    background-color:#aaa;
}
.statusflag-rejected { /*red*/
    background-color:red;
}
.statusflag-inprogress {/*yellow*/
    background-color:yellow;
}
.statusflag-accepted { /*green*/
    background-color:green;
}
.statusflag-archived { /*blue*/
    background-color:deepskyblue;
}


.statusflag-unknown { 
    background-color:pink;
}

.statusflag-transition-from-inprogress-to-rejected { /*striped red*/
    background: repeating-linear-gradient(
      45deg,
      red,
      red 2px,
      yellow 2px,
      yellow 4px
    );
}


.statusflag-transition-from-none-to-inprogress { /*striped yellow*/
  background: repeating-linear-gradient(
      45deg,
      yellow,
      yellow 3px,
      gray 3px,
      gray 6px
    );
}
.statusflag-transition-from-inprogress-to-accepted { /*striped green*/
  background: repeating-linear-gradient(
      45deg,
      green,
      green 2px,
      yellow 2px,
      yellow 4px
    );
}
.statusflag-transition-from-rejected-to-archived { /*striped blue*/
  background: repeating-linear-gradient(
      45deg,
      deepskyblue,
      deepskyblue 2px,
      red 2px,
      red 4px
    );
}

.statusflag-transition-from-accepted-to-archived { /*striped blue*/
  background: repeating-linear-gradient(
      45deg,
      deepskyblue,
      deepskyblue 2px,
      green 2px,
      green 4px
    );
}