@import url(/cesium/Source/Widgets/widgets.css);
@import url(/cesium/Source/Widgets/lighter.css);


html, body{ width: 100%; height: 100%; min-width: 1250px; min-height: 500px; background: black; padding: 0; margin: 0; color: white; font-family: Helvetica; } 
a{ color: grey; } 
a:hover{ cursor: pointer;}
.digit, .mask, .colon{ background: none; padding: 0;width: 200px;height: 340px;left: 0px;position: relative; top: 0px; } 
.crop{  border-left: 5px solid black;float: left;width: 200px;     height: 340px;     overflow: hidden; }
.loading{ margin: 20px; position: fixed; z-index:1000;} 
#centered, #masks{ width:1025px; height:300px; position:absolute; left:50%; top:50%; margin:-180px 0 0 -512px;     display: none;
} 
.footer{ bottom: 25px; color: grey; font-size: 11px; height:auto; left: 50%; line-height: 15px; margin: 0 0 0 -300px; position:absolute; text-decoration: none; width:600px; }
.left-footer{ bottom: 23px; color: grey; font-size: 11px; height:auto; margin: 0 0 0 20px; position:absolute; text-decoration: none; width: 500px; }
h3{font-size:14px;}
.fb-like{
    top: -3px !important;
    margin: 0 10px 0 0;
}
.cesium-widget-credits {
    display: none!important;

}

.address{
    width: 185px;
    font-family: sans-serif;
    font-size: 9px;
    position: absolute;
    opacity: .7;
    bottom: -31px;
    margin: 5px;
    text-align: center;
}

#map3d-hour1,
#map3d-hour2,
#map3d-colon,
#map3d-minute1,
#map3d-minute2 {
    width: 100%;    /* or set a fixed width such as 600px */
    height: 396px;  /* adjust height as needed */
    margin: -22px auto; /* centers the container horizontally */
}