#realtime{
	width:674px;
	min-height:312px;
	margin:0 0 20px;
	background: #fff;
	border: #d4d4d4 1px solid;
	zoom:1;
	overflow-y: hidden;
	padding-bottom: 15px;
	position: relative;
	z-index: 0;
}



#realtime:after{content:"";display:block;clear:both;}

#realtime .selectorBox{padding:8px 0 0;font-size:11px;zoom:1;}
#realtime .selectorBox:after{content:"";display:block;clear:both;}
#realtime .selectorBlock{float:left;width:200px;}
#realtime .selectorBlock input:nth-of-type(4n){display:inline-block;}
#realtime .selectorBlock span{padding:0 12px 0 4px;}
#realtime .selectorBlock input{width:48px;font-size:11px;}
#realtime .selectorBlock input[readonly="readonly"] {
    background: none repeat scroll 0 0 #efefef;
	border: 0px;
	padding-left:2px;
}
#realtime .selectorBlock .range-bar {
    margin: 0 10px 5px;
}
#realtime .selectorBlock .range-bar.ui-widget{
	font-size: 0.8em;
}

#realtime .selectorBlock .range {
	text-align: center;
}
#realtime .selectorBlock .ui-slider-range { background: #ff00cc; }
 

#realtime .selectorTable{table-layout:fixed;}
#realtime .selectorTable th{width:120px;vertical-align:top;}
#realtime .selectorTable th b{display:block;padding-right:10px;text-align:right;font-size:12px;font-weight:bold;color:#666;}
#realtime .selectorTable td{line-height:1;}
#realtime .selectorTable td label{padding:0 0 0 5px;}
#realtime .selectorTable.col2 td{width:80%;}
#realtime .selectorTable.col4 td{width:120px;}
#realtime .selectorTable.col5 td{width:120px;}
#realtime .selectorTable.col5ex td{width:100px;}
#realtime .selectorTable.col5ex td label[for="ScheduleIsRsv"]{
	color: #FF8C00;
}


#realtime .realtimeHeader{width:674px;height:54px;position:relative;top:0;left:0;}
#realtime .realtimeHeader .area{position:absolute;top:13px;left:15px;}
#realtime .realtimeHeader .current{position:absolute;top:13px;left:323px;font-size:14px;}
#realtime .realtimeHeader .waiting{position:absolute;top:24px;left:405px;font-size:16px;font-weight:bold;}
#realtime .realtimeHeader .waiting span{font-size:22px;color:rgb(255,255,0);}
#realtime .realtimeHeader .working{position:absolute;top:24px;left:547px;font-size:16px;font-weight:bold;}
#realtime .realtimeHeader .working span{font-size:20px;color:rgb(255,255,0);}

#realtime .realtimeLeft{float:left;width:444px;padding:10px 0 0 8px;}

#realtime .realtimeRight{float:right;width:190px;padding:10px 8px 0 0;}
#realtime .realtimeRight .selectorBox b{float:none;width:100%;text-align:left;}
#realtime .realtimeRight .selectorBlock{float:none;width:100%;}
#realtime .realtimeRight .btn{margin:20px 0 0 10px;}

#realtime .realtimeLeft .btn{
	text-align: right;
	margin: 10px 30px 0 0;
}
#realtime .realtimeLeft .btn.hime{
	margin-top: 30px;
}