.width300 {
    max-width: 300px;
}

.width400 {
    max-width: 400px;
}

.width500 {
    max-width: 500px;
}

.width600 {
    max-width: 600px;
}

.width700 {
    max-width: 700px;
}

.width800 {
    max-width: 800px;
}

.width900 {
    max-width: 900px;
}

.width1000 {
    max-width: 1000px;
}

.width1200 {
    max-width: 1200px;
}


.widthAuto {
    width: auto;
}

.margin10 {
    margin-left: 3px;
}

#table td button,
#table td.dragHandle {
    cursor: move;
}
#table tr.tDnD_whileDrag td button {
    background-color: #428bca;
    color: #fff;
    border-color: #357ebd;
}
#table .tDnD_whileDrag td {
    background: #ddd;
}

@media screen and (max-width: 900px) {
    .width600,
    .width700,
    .width800,
    .width900,
    .width1000,
    .width1200 {
        font-size: 100%;
        min-width: auto;
        width: 100%;
    }
}

@media screen and (min-width: 900px) AND (max-width: 1200px) {
    .width800,
    .width900,
    .width1000,
    .width1200 {
        font-size: 105%;
        min-width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .width800,
    .width900,
    .width1000,
    .width1200 {
        font-size: 110%;
        min-width: 70%;
    }
}