@import url('checkbox.css');

.clock {
    border: solid;
    border-width: thin;
    margin: 5px;
    border-color: #9d6000;
    text-align: center;
    width:225px;
    height:100px;
}

.topclock {
    border-bottom: solid;
    border-width: thin;
    border-color: #9d6000;
}

.topImage {
    display: inline-block;
    width: 25%
}


.bottomclock {
    text-align: center;
    font: 0.7em;
}


.abClock {
    width: 100px;
    vertical-align: central;
    margin-right: 5px
}

.clockText {
    float: right;
    font-size: 1em;
    display: inline-block;
    width: 75%
}

.imageClock {
    border: double;
    padding: 0%;
    width: 100%;
    height: 100%;
    background-color: #F5F5F5;
}

@media (min-width: 1199px) {
    .clock {
        border: solid;
        border-width: thin;
        margin: 5px;
        border-color: #9d6000;
        text-align: center;
        width: 225px;
        height: 100px;
    }

    .imageClock {
        border: double;
        padding: 0%;
        width: 100%;
        height: 100%;
        background-color: #F5F5F5;
    }
    
}


.clockTable {
    float: left;
    margin-bottom:25px;
}

.cCountryRow {
    width: 280px;
    margin-right: 5px
}

.cCityRow {
    width: 200px;
    margin-right: 5px
}


@media (min-width: 768px) {
    .clockTable {
        float: right;
    }
}