.no_display {
    display: none;
}

.alert {
    font-size: 120%;
    color: #336600;
    background-color: #99cc00;
    text-align: center;
    cursor: pointer;
    position: absolute;
    padding: 10px;
    border: 3px solid #669900;
    left: 35%;
    top: 30%;
    width: 30%;
}

.sortlist {
  margin: 0 auto;
  margin-top: 2ex;
  padding: 0;
  list-style-type: none;
  width: 20em;
  /*float: left;*/
}

.sortlist li {
    margin-top: 5px;
    padding: 5px;
    border: 2px solid #336600;
    /*border-bottom: 2px solid #336600;*/
    cursor: move;
    text-align: center;
    color: #336600;

    background-color: #ffffcc;
    border-top-color: white;
    border-left-color: white;
}

.sortlist li.error {
    background-color: #ff9999;
}

.sortlist li.correct {
    background-color: #99ff99;
}

.button {
    cursor: pointer;
    padding: 5px;
    margin: 5px 5px;
    color:  white;
    background-color: #669900;
    border: 2px solid #336600;
    border-top-color: white;
    border-left-color: white; 
}

.hide {
    visibility: hidden;
}