@font-face {
    font-family: 'OpenSansCondBold';
    src: url('fonts/OpenSansCond/OpenSansCondBold-webfont.eot');
    src: url('fonts/OpenSansCond/OpenSansCondBold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/OpenSansCond/OpenSansCondBold-webfont.woff') format('woff'),
         url('fonts/OpenSansCond/OpenSansCondBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSansCond/OpenSansCondBold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mutimer {
    color: #fff;
    font-family: 'OpenSansCondBold', Arial, Helvetica, sans-serif;
    background-image: url(../i/mutimer/glow.png);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 auto;  /* <-- timer alignment */
    position: relative;
    width: 232px;
    height: 130px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    box-shadow: 0px 5px 5px #876947;
    }

.mutimer.default { background-color: #2D2018; }
.mutimer.red { background-color: #FF0000; }
.mutimer.orange { background-color: #FF4500; }
.mutimer.green { background-color: #006400; }
.mutimer.gray { background-color: #666; }

.mutimer.black { background-color: #000; }
.mutimer.black .clock { color: #FFD700; }

.mutimer.blue { background-color: #00008B; }
.mutimer.golden { background-color: #B8860B; }
.mutimer.khaki { background-color: #BDB76B; }
.mutimer.violet { background-color: #C71585; }
.mutimer.sienna { background-color: #A0522D; }
.mutimer.teal { background-color: #008080; }

.mutimer.slate-gray { background-color: SlateGray; }
.mutimer.dark-sea-green { background-color: DarkSeaGreen; }
.mutimer.dark-slate-gray { background-color: DarkSlateGray; }
.mutimer.royal-blue { background-color: RoyalBlue; }
.mutimer.dark-red { background-color: DarkRed; }
.mutimer.light-orange { background-color: #FF8C00; }
.mutimer.deep-pink { background-color: #FF1493; }

    .mutimer .days {
        font-size: 60px;
        font-weight: bold;
        line-height: 1em;
        position: absolute;
        top: 15px;
        left: 16px;
        }

        .mutimer .days SPAN {
            font-size: 18px;
            line-height: 1.3em;
            text-transform: uppercase;
            vertical-align: top;
            margin-left: 5px;
            display: inline-block;

            -moz-opacity: .75;
            filter: alpha(opacity=75);
            opacity: .75;
            }

    .mutimer .clock {
        position: absolute;
        top: 72px;
        left: 10px;
        }

        .mutimer .clock DIV {
            font-size: 36px;
            font-weight: 900;
            line-height: 1em;
            text-align: center;
/*            border: 1px solid yellow; */
            /*background: url(../i/mutimer/sep.png) right 6px no-repeat;*/
            padding-right: 12px;
            margin-left: 12px;
            float: left;
            }

            .mutimer .clock DIV SPAN {
                font-size: 12px;
                font-weight: normal;
                text-align: center;
                line-height: 1em;
                display: block;
                text-transform: uppercase;

                -moz-opacity: .75;
                filter: alpha(opacity=75);
                opacity: .75;
                }

        .mutimer .clock DIV.ms {
            text-align: left;
            background: none;
            padding-right: 0;
            }

    .mutimer .expired {
        font-size: 24px;
        text-align: center;
        line-height: 150px;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        }