@charset "utf-8";

div.timeselector_container {
	display:inline-block;
	border:1px solid #666;
	border-radius:3px;
	padding:0px 3px;
	color:#000;
	text-shadow: 0px 1px 1px #FFF;
	background-color:#EEE;
	
}

input.timeselector_input {
	/* dummy */
}

input.timeselector_input_h {
	width:20px;
	height:20px;
	text-align:center;
	border:0px none;
	background-color:#EEE;
	text-shadow: 0px 1px 1px #FFF;
}

input.timeselector_input_h:hover {
	background-color:#B6B6B6;
        cursor: pointer;
}

input.timeselector_input_m {
	width:20px;
	height:20px;
	text-align:center;
	border:0px none;
	background-color:#EEE;
	text-shadow: 0px 1px 1px #FFF;
}

input.timeselector_input_m:hover {
	background-color:#B6B6B6;
        cursor: pointer;
}

div.timeselector_hlist {
	position:absolute;
	background-color:#000;
	opacity:0.8;
	padding:0;
	margin:0;
	height:20px;
	overflow:hidden;
	border:1px solid #C60;
	border-radius: 5px;
}

div.timeselector_mlist {
	position:absolute;
	background-color:#000;
	opacity:0.8;
	padding:0;
	margin:0;
	height:120px;
	overflow:hidden;
	border:1px solid #C60;
	border-radius: 5px;
}

div.timeselector_hlist > div, div.timeselector_mlist > div {
	display:block;
	float:left;
	position:relative;
	width:20px;
	height:18px;
	padding:2px 0px 0px 0px;
	margin:0;
	cursor:default;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#C90;
	text-shadow: 0px 1px 1px #000;
	text-align:center;
}

div.timeselector_hlist > div:hover, div.timeselector_mlist > div:hover {
	background-color:#C90;
	color:#000;
	border-radius:3px;
}