.js-t {

		opacity: 0;

		position: absolute;
		z-index: 100;

		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 15px;

		padding: 2px;

		border: 1px solid #c0c0c0;
		background-color: #222F3E;

		-moz-box-shadow: 3px 3px 4px #c0c0c0;
		-webkit-box-shadow: 3px 3px 4px #c0c0c0;
		box-shadow: 3px 3px 4px #c0c0c0;

		-webkit-transition: opacity 300ms ease-out;
		-moz-transition: opacity 300ms ease-out;
		-ms-transition: opacity 300ms ease-out;
		transition: opacity 300ms ease-out;

		margin-left: 0px;
}

.js-t.visible {
		opacity: 1;
}

.js-t:after {
		clear: both;
}



.js-t .js-t-hour-container,
.js-t .js-t-minute-container {
		position: relative;
		float: left;
		width: 128px; /* calc((18px + (2px * 2)) * 4)  */
		height: 100%;
		background: #222F3E; /*ADDED*/
		border: solid 1px #c0c0c0;

		color: #ffffff;
		cursor: pointer;
}
.js-t .js-t-minute-container {
		width: 64px; /* calc((18px + (2px * 2)) * 2) */
		margin-left: 10px;
}

.js-t .js-t-hour,
.js-t .js-t-minute {
		float: left;
		width: 18px;
		height: 14px;
		padding: 9px 7px;
		cursor: pointer;
		text-align: center;
	background-color: #2a3a4c;
}

.js-t .js-t-hour.active,
.js-t .js-t-minute.active,
.js-t .js-t-hour:hover,
.js-t .js-t-minute:hover {
		/*color: #fff;*/
		border-radius: 3px;
		background: #ec3323; /*ff8000*/
}




.js-t .js-t-minute-container:before{
	content: ":";
	position: absolute;
	top: 50px;
	left: -11px;
	font-size: 250%;
	animation: fade 1s infinite alternate;
}

@keyframes fade {
	0% { opacity: 0; }
	100% { opacity: 1;}
}
@-webkit-keyframes fade {
	0% { opacity: 0; }
	100% { opacity: 1;}
}
@-moz-keyframes fade {
	0% { opacity: 0; }
	100% { opacity: 1;}
}
@-o-keyframes fade {
	0% { opacity: 0; }
	100% { opacity: 1;}
}


.drag_TimePicker{
	height: 15px;
	cursor: move;
}
.drag_TimePicker:before{
	position: absolute;
	top: 0;
}
.drag_TimePicker:before{
		right: 67px; /* calc(((18px + (2px * 2)) * 2) + 2px) */
		content: '⇄';/*&#10021 = ✥ / ⇄ = ⇄*/
		color: #666666;
}


.clock {
		background: #ffffff url('img/t_clock.png') 99% 50% no-repeat;
		/*padding-right: 20px;*/
		cursor: pointer;
		/*width:40px;*/
}
.clock:focus {
		background-image: url('img/t_clock_no_cal.png');
}