/* Observation controls */
#observation-controls {
    padding: 2px 2px 8px 2px;
    margin: 0px 5px 0px 0px;
    border: 1px solid black;
    color: white;
    font-size: 12.35px;
    width: 258px; /*nova*/
}

#observation-controls input, #observation-controls select {
    border: 1px solid #5c5c5c;
}

#observation-date-container {
    position: relative;
    margin-bottom: 4px;
}

#observation-date-label {
    float: left;
    width: 78px;
    margin-top:3px;
    font-weight: 600;
}

#observation-time-label {
    float: left;
    width: 78px;
    font-weight: 600;
}

#observation-time-container {
    margin-bottom: 8px;
}

#time-navigation-buttons {
    float: left;
    width: 78px;
    font-weight: 600;    
}

#timeBackBtn, #timeForwardBtn {
    cursor: pointer;
}

#timeBackBtn {
    float: left;
	/*margin-top: 3px;*/
}

#timeNowBtn {
    position: absolute;
	top: 2px;
	right: 35px;    
	font-size: 11px;
    font-style: italic;
    cursor: pointer;
    font-weight: 700;
}
#timeNowBtn:hover {
    color: #D18F61;
}

#timestep-select {
    width:85px;
    border: none;
    margin-right: 1px;
    float: left;
}

/* Calendar */
#date {
    width:80px;
    vertical-align: top;
    margin-right: 2px;
    margin-top: 1px;
}

/* Layer timestamps */
.timestamp {
    font-size: 10.5px;
    font-weight: normal;
    margin-left: 0px;
    line-height: 17px;
    position: absolute;
    left: 120px;
}