/* M10 main global styles.

   @file        main.css
   @author      marionm
   ========================================================================== */

/* base styles ===================== */

body.m10-main {
    background: #fff;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: #535353;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left; /* quirks mode */
}

.m10-main a:link,
.m10-main a:visited,
.m10-main .a-link,
.m10-main .a-visited {
    color: #dd1100;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

.m10-main a:hover,
.m10-main a:active,
.m10-main .a-hover,
.m10-main .a-active {
    color: #f77700;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

/* tables ========================== */

.m10-main .m10-table {
    display: table;
    box-sizing: border-box;
    width: 100%;
}

.m10-main .m10-table > tbody > tr,
.m10-main .m10-table > .tr {
    display: table-row;
    box-sizing: border-box;
}

.m10-main .m10-table > tbody > tr > td,
.m10-main .m10-table > .tr > .td {
    display: table-cell;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
}

/* text ============================ */

.m10-main .color-red {
    color: #dd1100 !important;
}

.m10-main .color-orange {
    color: #f77700 !important;
}

.m10-main .color-dark-gray {
    color: #535353 !important;
}

.m10-main .color-light-gray {
    color: #b7b7b7 !important;
}

/* javascript notice (/common/includes/m10/noscript.html)
   ========================================================================== */

#m10-noscript {
    margin: 0 0 30px 0;
    padding: 10px;
    border: 1px solid #dd1100;
    background: #fff0f0;
    color: #b00f00;
    text-align: center;
}