/* ---------- system styles ---------- */

/* To do: merge with system styles */

body .msl_table {
    border: none !important;
}

body .msl_table .msl_row td,
body.msl_table .msl_altrow td {
    padding: 7px;
    vertical-align: middle;
    max-width: 280px;
}

body table.msl_table th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-right: medium none;
    color: #111111;
    font-size: 100%;
    padding: 10px 10px 5px 0;
}

body table.msl_table th[align="right"] {
    text-align: right;
}

body .msl_table td {
    border-bottom: 1px solid #666666;
    padding: 5px;
}

body .msl_table .msl_row td,
body .msl_table .msl_altrow td {
    border-right: medium none;
}

td input.button {
    padding: 3px 6px;
    background: #333;
    color: #fff;
    border: none;
}

/* ------- training specfic -------- */

.month-selector {
    background: none;
    padding: 10px;
    position: relative;
    text-align: center;
    margin: 10px 0;
}

.month-selector #ctl00_Main_CourseList1_btnBack {
    float:left;
}

.month-selector #ctl00_Main_CourseList1_btnNext {
    float:right;
}

.month-selector span {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.month-selector input {
    top: 8px;
    border: none;
    padding: 5px 8px;
}

.month-selector:after {
    content: "";
    display: table;
    clear: both;
}