.timeselector { padding: 2px; line-height: 100%; color: white; border: none; border-radius: 2px; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.8); background: #4a77a1; position: absolute; overflow: hidden; 
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-size: 24px;
	font-family: Arial, sans-serif;
	font-weight: 500;
}
.timeselector-item,
.timeselector-separator { float: left; }
.timeselector-value,
.timeselector-button { padding: 2px 8px; font-weight: 700; text-align: center; cursor: pointer; }
.timeselector-value { display: block; color: white; }
.timeselector-separator { padding: 0 2px; margin-top: 26%; }
.timeselector-button { display: block; text-decoration: none; color: white;  }
.timeselector-button:hover { color: white; }
.timeselector-up { border-width: 1px 1px 0; border-radius: 4px 4px 0 0; }
.timeselector-down { border-width: 0 1px 1px; border-radius: 0 0 4px 4px; }