/* CSS Document */



body { 
margin:0px;
padding:0px;
font-size:medium;



}

label{cursor:pointer;
padding:2px;}
label:hover{
background-color:#FFCCCC
}


body,td,th {
	font-family: tahoma, ms Sans Serif;
	font-size: small;
}

h1{color:#666666; padding-left:20px; }
h2{color:#666666; padding:0px; margin:0px; }


a {cursor:pointer}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}




#stDate, #edDate{ margin-top:2px;}


.calendar-background{
	font-family:tahoma, "ms Sans Serif";
	font-size:14px;
	border: solid 1px #FEE;
	margin-top:5px;

}
.calendar-background img{
	border:0px;
}
.calendar-table{
	border:solid 0px;
	margin-left:auto;
	margin-right:auto;
}
.calendar-title{
	border-bottom:dashed 1px #EEE;
	font-size:11px;
	display: block
	
	
	
}
.calendar-title a{
text-decoration:none;
}
.calendar-header{
	color: #555; 
	border-bottom:dashed 1px #CCC;
}
.calendar-header-sunday{
	color:#555;
	border-bottom:dashed 1px #CCC;
}
.calendar-foot{
}
.calendar-today{ 
min-width:30px;
	color: #000;
	background-color:#88FF88;
	border:0px;
	cursor:pointer;
}
.calendar-today:hover{ 
	color: #055;
	background-color:#FFAA55;	
}

.calendar-sunday {
min-width:30px;
	background-color:#FFEEEE;
	color:#FF0000;	
	border:dashed 0px #DDD;
	border-top:dashed 1px #CCC;
	border-left:dashed 1px #CCC;
	border-right:0px;
	border-bottom:0px;
	cursor:pointer;
	font-weight:600;
}
.calendar-sunday:hover{
	background-color:#FFAA55;
}

.calendar-norm{
min-width:30px;
	color:#555;
	border:dashed 1px #CCC;
	border-top:dashed 1px #CCC;
	border-left:dashed 1px #CCC;
	border-bottom:0px;
	border-right:0px;
	cursor:pointer;
}
.calendar-norm:hover{
	background-color:#FFAA55;
}


.calendar-event{
min-width:30px;
	cursor:pointer;
	color:#FFF;
	background-color:#660066;
	border:dashed 1px #CCC;
	border-top:dashed 1px #CCC;
	border-left:dashed 1px #CCC;
	border-right:0px;
	border-bottom:0px;
	cursor:pointer;
	

}
.calendar-event b{
	font-size:9px;
	font-weight:800;

}
.calendar-event:hover{
	background-color:#00AAFF;
}


.cal-dev-event{
		width:30px; vertical-align:middle; display:block;  color:#FFF;
		background-color:#0066FF;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		font-weight:600;
		padding:5px;
		
}


.cal-dev-normal{
		width:30px; vertical-align:middle; display:block;  
		padding:5px;
		color:#CCCCCC;
		
}




.cal-row-event{

		/*width:25px; */
		width:30px;

		position:absolute;
		margin-top:-9px;

		display:block;  color:#FFF;
		background-color:#0066FF;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		padding:1px;
		text-align:left;
		opacity:0.6;
		filter:alpha(opacity=60); 
		
}


.cal-row-event:hover{
		background-color:#FF6600;	
}


.cal-row-normal{
		width:25px; vertical-align:middle; display:block;  
		padding:1px;
		color:#CCCCCC;
		
}



.tbrow{}
.tbrow:hover{background-color:#EEE}


.iPanel{
	background-color:#CCC;
	width:745px;
	margin:0px;
		-webkit-box-shadow: 1px 1px 10px #BBB;
	-moz-box-shadow: 1px 1px 10px #BBB;
	
}


.iPrompt{
	position: fixed;
	z-index:3;
	background-color:#DDD;
	height:635px;
	width:98%;
	border: solid 5px #EEE;
	-webkit-box-shadow: 1px 1px 30px #666;
	-moz-box-shadow: 1px 1px 30px #666;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	padding:0px;
	top:10px;
	overflow:auto;
	
}

.popmenucss{
	position: fixed;
	z-index:4;
	background-color:#FFF;
	height:635px;
	width:98%;
	border: solid 5px #EEE;
	-webkit-box-shadow: 1px 1px 30px #666;
	-moz-box-shadow: 1px 1px 30px #666;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	padding:0px;
	top:10px;
	overflow:auto;
}



.readDetail{
	width:100%;
	background-image:url(img/blacktrans.png);
	position: fixed;
	z-index:3;
	border:0px ;
	padding:0px;
	top:0px;
	margin:0px;
	vertical-align:middle;
	text-align:center;
}



.tbReadDetail{
	width:99%;
	background-color:#FFF;
	padding:0px;
	border:0px;
	margin-left:auto; 
	margin-right:auto;
	-webkit-box-shadow: 1px 1px 10px #666;
	-moz-box-shadow: 1px 1px 10px #666; 
	box-shadow: 1px 1px 10px #666;
}


.iFramReadDetail{
width:100%;
margin:0px;
}


.Show{display:block;}
.Hide{display:none;
}


.module_icon{
	padding:3px;
	border:0px;
	width:46px;
	height:46px;
}
.module_icon:hover{
	padding-top:2px;
	padding-bottom:4px;
}


.topmenu{
	cursor:pointer;
	padding:6px;
	padding-left:4px;
	padding-right:4px;

	vertical-align:middle;
	
	min-width:125px; height:22px; padding-top:8px; overflow:hidden;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	border-left: solid 1px #B70;
	white-space:nowrap;
}

.topmenu:hover{
background-color:#e90;


}


.topmenu:active{
background-color:#FB7;

}





.userlist{
background-color:#FFFFFF;
cursor:pointer;
padding:2px;
height:24px;
border-bottom:solid 1px;

}
.userlist:hover{border-bottom:solid 1px #FF6600;}




.prompt{
	position: fixed;
	z-index:3;
	background-color:#FFF;
	height:500px;
	width:380px;
	border: solid 1px #EEE;
	-webkit-box-shadow: 1px 1px 30px #666;
	-moz-box-shadow: 1px 1px 30px #666;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	padding:0px;
	top:120px;
	overflow:auto;
}

.prompt2{
	position: fixed;
	z-index:3;
	background-color:#FFF;
	height:500px;
	width:380px;
	border: solid 3px #FFF;
	-webkit-box-shadow: 1px 1px 30px #555;
	-moz-box-shadow: 1px 1px 30px #555;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	padding:0px;
	top:20px;
	overflow:auto;
}



._btn{
	color:#FFFFFF;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	background:#777;
	cursor:pointer;
	border:solid 1px #666;
	font-size:12px;
	font-weight:200;
	white-space:nowrap;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none;
	

}
._btn:hover{
background:#FF9900;
	border:solid 1px #C70;	
}









._btn_close{
	color:#FFFFFF;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	background:#777;
	cursor:pointer;
	border:solid 1px #666;
	font-size:12px;
	font-weight:200;
	white-space:nowrap;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none;
	float:right;
	margin:5px;
	

}
._btn_close:hover{
background:#FF9900;
	border:solid 1px #C70;	
}











.btn_red{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: -moz-linear-gradient(top, #FF4500, #8B4513);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FF4500), color-stop(1.0, #8B4513));
	border: 0px solid #4169E1;
	background-color: #DDDDDD;
	padding: 3px;
	color: #E6E6FA;
	text-align: center;
	outline: 0px solid #000000;
	font-size:12px;
}



.btn_green{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: -moz-linear-gradient(top, #7FFF00, #008000);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #7FFF00), color-stop(1.0, #008000));
	border: 0px solid #4169E1;
	background-color: #DDDDDD;
	padding: 3px;
	font-size:12px;
	color: #D3D3D3;
	text-align: center;
	outline: 0px solid #000000;
}


.btn_blue{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: -moz-linear-gradient(top, #6495ED, #0000CD);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #6495ED), color-stop(1.0, #0000CD));
	border: 1px solid #4169E1;
	background-color: #DDDDDD;
	padding: 3px;
	font-size:12px;
	color: #E6E6FA;
	text-align: center;
	outline: 0px solid #000000;
}

.btn_gray{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: -moz-linear-gradient(top, #D3D3D3, #808080);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #D3D3D3), color-stop(1.0, #808080));
	border: 0px solid #4169E1;
	background-color: #DDDDDD;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	color: #D3D3D3;
	text-align: center;
	outline: 0px solid #000000;
}


._topbar{
background-image: -moz-linear-gradient(top, #FFA500, #E37A2F);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFA500), color-stop(1.0, #E37A2F));
background-color: #FFA500;
padding: 0px;
font-weight: bold;
font-size: 13pt;
color: #FFFFFF;
text-align: left;
text-shadow: 1px 1px 1px #888;

}


.processload{
 	z-index:2; position:fixed; 
	background-color:#E37A2F; color:#FFFFFF; top:-2px; 
	left:48%; padding:5px; padding-left:20px; 
	padding-right:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #FFA500;
	opacity:0.3;
	filter:alpha(opacity=30); 
	/*
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;	
	*/
	text-shadow: 1px 1px 1px #888;
	}
	
.tranparent{

 	z-index:2; position:fixed; 
	background-color:#E37A2F; color:#FFFFFF; top:2px; 
	left:48%; padding:5px; padding-left:20px; 
	padding-right:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #FFA500;

	opacity:0;
	filter:alpha(opacity=0); 
	/*
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	*/
}	
	
	
	
	
	
	
.btn_pink{

	color: #fff;
	font-weight: bold;
	background: #669999;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #669999), color-stop(100%, #66AAAA));
	background: -webkit-linear-gradient(top, #669999 0%, #66AAAA 100%);
	background: -moz-linear-gradient(top, #669999 0%, #66AAAA 100%);
	background: -ms-linear-gradient(top, #669999 0%, #66AAAA 100%);
	background: -o-linear-gradient(top, #669999 0%, #66AAAA 100%);
	background: linear-gradient(top, #669999 0%, #66AAAA 100%);
	
	
	-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.55), 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.55), 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px rgba(255, 255, 255, 0.55), 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	display: inline-block;
	padding: 8px 9px;
	color: #FFFFFF;
	border-width: 0;
	cursor: pointer;
	text-align: center  !important;
	
}




.btn_pink:hover {
	background: #66AABB;
}
.btn_pink:active {
	background: #BB6666;
}	
	



	
	
.btn_red{

	color: #fff;
	font-weight: bold;
	background-color:#F00;
	
	
	-webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.55), 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.55), 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px rgba(255, 255, 255, 0.55), 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	display: inline-block;
	padding: 8px 9px;
	color: #FFFFFF;
	border-width: 0;
	cursor: pointer;
	text-align: center  !important;
	
}












	
	
.titlepage{

	font-size: 24px;
	color: #545;
	padding: 15px 0 15px 15px;
	text-shadow: 0px 1px 1px rgba(200, 200, 200, 0.8);
	font-weight:900;
	
}	
	
	
	

.n_button {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0.6)));
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#33ffffff', GradientType=0 );
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
}
.n_button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0.8)));
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#33ffffff', GradientType=0 );
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
}
.n_button:active {
	background-color: gray;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.35), 0px 1px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.35), 0px 1px rgba(255, 255, 255, 0.25);
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.35), 0px 1px rgba(255, 255, 255, 0.25);
}	
	
	
.c_box{	
	border-radius: 3px;
	border: 1px solid #FAFAFA;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .8) inset, 0 1px 1px #CCC;
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .8) inset, 0 1px 1px #CCC;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .8) inset, 0 1px 1px #CCC;
}	



.autosize {
font-size: 15px;
width: 550px;
height: auto;
overflow: hidden;
border: solid 1px #DDD;
}







::-webkit-scrollbar {
    width: 10px;
	height:10px;
}
::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
    background: #CCC;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
    background: #AAA;
}
::-webkit-scrollbar-thumb:active {
    background: #888;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}





.Filter_select{width:150px; padding:3px; }
.select_red{
background-color:#FF3300;
}





.otlable{

	width:15px;height:10px; 
	background-color:#080; margin-top:-24px; display:block; float:right; font-size:8px; padding:-1px; color:#FFF; border: solid 1px #070 ;
/*
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
*/	
	font-weight:100;	
	position:absolute;
	text-align:center;
	}
	
.lealable{
	position:absolute;

	width:30px;
	height:9px; 
	background-color:#909; 
	margin-top:-2px; 
	display:block;
	font-size:8px; 
	padding:0px; 
	color:#FFF; 
	border:0px;

/*
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
*/	
	font-weight:100;	
	}	





.shifts_cell{
	height:30px; margin:0px; width:30px; display:table-cell; vertical-align:middle; text-align:center;  border: dotted 1px #DDD;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	 text-align:center;


}



.shifts_cell-Mdown{
	height:30px; margin:0px; width:30px; display:table-cell; vertical-align:middle; text-align:center;  border: dashed 1px #060;
	background-color:#FFFFFF;
	cursor:pointer;	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;

}


.shifts_cell-Select{
	height:30px; margin:0px; width:30px; display:table-cell; vertical-align:middle; text-align:center;  border: solid 1px #060;

	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;

}









.timestamp_cell{
	height:30px; margin:0px; width:30px; display:table-cell; vertical-align:middle; text-align:center;  border: dotted 1px #DDD;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	 text-align:center;


}



.timestamp_cell-Mdown{
	height:30px; margin:0px; width:30px; display:table-cell; vertical-align:middle; text-align:center;  border: dashed 1px #060;
	background-color:#FFFFFF;
	cursor:pointer;	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;

}


.timestamp_cell-Select{
	height:30px; margin:0px; width:30px; display:table-cell; vertical-align:middle; text-align:center;  border: solid 1px #060;

	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;

}








.shifts_row{


	background-color:#FFFFFF;
	background-image: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #FAFAFA));
	cursor:pointer;
	padding:2px;
	height:24px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}

.shifts_row:hover{

background-color: #FDB;

background-image: -moz-linear-gradient(top, #FFF, #EEE);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #EEE));
}
.shifts_row:active{

background-color:#AF9;

background-image: -moz-linear-gradient(top, #FFFFFF, #EEE);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #EEE));

}







.rowblack{
  background-color:#BBB;
  background-image: -moz-linear-gradient(top, #BBB, #CCC);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #BBB), color-stop(1.0, #CCC));
  cursor:pointer;
  padding:2px;
  height:24px;
}


.neverSelect{

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;

}

.rowlist{
  background-color:#FFFFFF;
  background-image: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #FAFAFA));
  cursor:pointer;
  padding:2px;
  height:24px;
}


.rowlist-drop{
  background-color:#DDD;
  color:AAA;
  text-decoration: line-through;
  background-image: -moz-linear-gradient(top, #DDD, #CCC);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #DDD), color-stop(1.0, #CCC));
  cursor:pointer;
  padding:2px;
  height:24px;
}


.rowlist:hover{
  background-color: #FD9;
  background-image: -moz-linear-gradient(top, #FFF, #FD9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #FD9));
}

.rowlist:active{
  background-color:#AF9;
  background-image: -moz-linear-gradient(top, #FFFFFF, #AF9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #AF9));
}

.rowlist-select{
  background-color:#FB9;
  padding:2px;
  height:24px;
}






.subrowlist{
  background-color:#FFFFFF;
  background-image: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #FAFAFA));
  cursor:pointer;
  padding:2px;
  height:24px;
}


.subrowlist-drop{
  background-color:#DDD;
  color:AAA;
  text-decoration: line-through;
  background-image: -moz-linear-gradient(top, #DDD, #CCC);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #DDD), color-stop(1.0, #CCC));
  cursor:pointer;
  padding:1px;
  height:24px;
}


.subrowlist:hover{
  background-color: #FD9;
  background-image: -moz-linear-gradient(top, #FFF, #FD9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #FD9));
}

.subrowlist:active{
  background-color:#AF9;
  background-image: -moz-linear-gradient(top, #FFFFFF, #AF9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #AF9));
}

.subrowlist-select{
  background-color:#FCA;
  padding:1px;
  height:24px;
}







.big_text{
	height:30px;
	border:solid 1px #DDD; 
	font-size:20px;
	padding-right:5px;
	
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-align:right
	
	
	}
	



.file_icon{
	
	background-color:#FFF;
	border: solid 1px #FFF;
	width:230px;
	height:70px;
	color:#555;

	-webkit-box-shadow: 1px 1px 1px #DDD;
	-moz-box-shadow: 1px 1px 1px #DDD;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	
	float:left;
	margin-left:5px;

	margin-top:4px;
	margin-bottom:4px;
	

	
	
	cursor:pointer;


}

.file_icon:hover{
	border: solid 1px #FA5;
	-webkit-box-shadow: 1px 1px 7px #DDD;
	-moz-box-shadow: 1px 1px 7px #DDD;
	
	margin-top:4px;
	margin-bottom:4px;
	


		

}
.file_icon b{
color:#666666;
}

.file_icon_lable{
	

}

.paper{
	-webkit-box-shadow: 1px 1px 15px #666;
	-moz-box-shadow: 1px 1px 15px #666; 
	box-shadow: 1px 1px 15px #666;
	margin:10px;
	background-color:#fff;



}

#tb_fmd input {text-align:right; margin:0px; background:none; padding:3px; border:0px; padding-left:0px; }
#tb_fmd span {text-align:right; margin:0px; background:none; padding:3px; border:0px; padding-left:0px; }
#tb_fmd td { padding:0px; height:30px;}



.fmd_rowlist{
background-color:#FFFFFF;
background-image: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #FAFAFA));
cursor:pointer;
padding:0px;
height:20px;

}



#q{font-size:14px; font-weight:bold; height:18px;}



.fmd_rowlist:hover{
background-color: #FDB;
background-image: -moz-linear-gradient(top, #FFF, #EEE);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #EEE));

}

.fmd_rowlist:active{
background-color:#AF9;
background-image: -moz-linear-gradient(top, #FFFFFF, #AF9);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #AF9));

}



.fmd_rowlist-select{
	background-color:#FB9;


}


.tsday{ color:#888; font-size:9px;}]


.nBlock { border:solid 1px #666; }
.nBlock td {width:4%; height:60px; overflow:visible }
.nBlock input {width:25px;border: solid 0px; background:none; text-align:right}

.txtTime{
  width:20px; 
  text-align:center;
  
}


.calendarBox{
	width:790px;
	height:auto;
	display:block;
	color:#999;
}

.calendarDay{
	margin:1px;
	border:solid 1px #EDD;
	width:95px;
	height:70px;
	display:block;
	float:left;
	padding:5px;
	-webkit-box-shadow: 1px 1px 5px #EEE;
	-moz-box-shadow: 1px 1px 5px #EEE; 
	box-shadow: 1px 1px 5px #EEE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor:pointer;
	
}

.calendarDay:hover{
	background-color:#3CF;
		color:#FFF;
			border:solid 1px #FFF;
}


.calendarNull{
	margin:1px;
	border:solid 1px #FFF;
	width:95px;
	height:70px;
	display:block;
	float:left;
	padding:5px;
}


.calendarToDay{
	margin:1px;
	border:solid 1px #FFF;
	width:95px;
	height:70px;
	display:block;
	float:left;
	padding:5px;
	background-color:#3CF;
	color:#FFF;
	-webkit-box-shadow: 1px 1px 5px #CCC;
	-moz-box-shadow: 1px 1px 5px #CCC; 
	box-shadow: 1px 1px 5px #CCC;
	
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	

	
}


	
	
	


/* ------------Front Desk Booking Section---------------  */	



.room_cell{
	height:30px; margin:0px; width:40px; display:table-cell; vertical-align:middle; text-align:center;  border: dotted 1px #DDD;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	color:#AAA;
	position:relative;
	text-align:center ;
	

}

.room_cell:hover{
	
	background-color:#EFE;
}

.room_cell-Mdown{
	height:30px; margin:0px; width:40px; display:table-cell; vertical-align:middle; text-align:center;  border: dashed 1px #060;
	background-color:#FFFFFF;
	cursor:pointer;	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
		position:relative;

}



.room_cell span{
	width:40px;
	display:block;
	text-align:center;
}





.room_cell-Select{
	height:30px; margin:0px; width:40px; display:table-cell; vertical-align:middle; text-align:center;  border: solid 1px #060;

	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	position:relative;	

}

.room_row{


	background-color:#FFFFFF;
	background-image: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #FAFAFA));
	cursor:pointer;
	padding:2px;
	height:24px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}

.room_row:hover{

background-color: #FDB;

background-image: -moz-linear-gradient(top, #FFF, #EEE);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #EEE));
}
.room_row:active{

background-color:#AF9;

background-image: -moz-linear-gradient(top, #FFFFFF, #EEE);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #EEE));

}






.room_row_Booking{
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:17px;
		display:block;  
		background-color:#FCF;
		
		-webkit-box-shadow: 1px 1px 3px #CCC;
		-moz-box-shadow: 1px 1px 3px #CCC;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		

		padding:1px;
		padding-left:2px;
		padding-top:3px;
		border:solid 1px #969;

		text-align:left;
		opacity:0.60;
		filter:alpha(opacity=60);
		color:#222;
		overflow: hidden;
		z-index:1;
		font-size:11px;
		white-space:nowrap;
}






.room_row_Booking:hover{
			background-color:#0F0;
			opacity:0.6;	
			filter:alpha(opacity=60);
			
			-webkit-box-shadow: 1px 1px 3px #0F0;
			-moz-box-shadow: 1px 1px 3px #0F0;
}




.room_row_Confirm{
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#A2A;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;
		white-space:nowrap;
		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#FFF;
		overflow: hidden;
		z-index:1;
		font-size:11px;		
		white-space:nowrap;		
}


.room_row_Confirm:hover{
	background-color:#0F0;
	filter:alpha(opacity=100);
}


.room_row_Onroad{
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#0044EE;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#EEE;
		overflow: hidden;
		z-index:1;
		font-size:11px;		
		white-space:nowrap;		
}

.room_row_Onroad:hover{
	background-color:#0F0;
	filter:alpha(opacity=100);
}


.room_row_Dirty{
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#930;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#EEE;
		overflow: hidden;
		z-index:1;
		font-size:11px;		
		white-space:nowrap;			
}

.room_row_Dirty:hover{
	background-color:#0F0;
	filter:alpha(opacity=100);
}





.room_row_Confirm{
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#F09;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.8;
		filter:alpha(opacity=80);
		color:#EEE;
		overflow: hidden;
		z-index:1;
		font-size:11px;
		color:#EEE;
		white-space:nowrap;			
}

.room_row_Confirm:hover{
	background-color:#0F0;
	filter:alpha(opacity=100);
}





.room_row_OnlineSale{
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#FC3;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#F96;
		overflow: hidden;
		z-index:1;
		font-size:11px;
		color:#200;
		white-space:nowrap;

}

.room_row_OnlineSale:hover{
	background-color:#F90;
	filter:alpha(opacity=100);	
}



.room_row_HouseUsed{
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#F60;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#EEE;
		overflow: hidden;
		z-index:1;
		font-size:11px;	
		white-space:nowrap;				
}



.room_row_Clean{
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#EEE;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#111;
		overflow: hidden;
		z-index:1;
		font-size:11px;	
		white-space:nowrap;				
}




.status-Inhouse{
	white-space:nowrap;
	display:block;
	width:50px;
	background:#0044EE;
	color:#EEE;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;

			
}


.status-Onroad{
	white-space:nowrap;
	display:block;
	width:50px;
	background:#0044EE;
	color:#EEE;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;

			
}

.status-Booking{
	white-space:nowrap;
	display:block;
	width:50px;
	background:#FCF;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;

	
	

}
.status-Pending{
	white-space:nowrap;
	display:block;
	width:50px;
	background:#DDD;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;

	
	
}

.status-Dirty{
	white-space:nowrap;
	display:block;
	width:50px;
	background:#930;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;

	
	
}

.status-Confirm{
	white-space:nowrap;
	display:block;
	width:50px;
	background:#F09;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	color:#EEE;
	
	
}


.status-Clean{
	white-space:nowrap;
	display:block;
	width:50px;
	background:#EEE;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	color:#111;
}


.status-Unclose{
	white-space:nowrap;
	display:block;
	width:50px;
	background:#F00;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	color:#111;
}





.room_row_red_tap{

	
	
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#A00;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#FFF;
		overflow: hidden;
		z-index:1;
		font-size:11px;		
		white-space:nowrap;			
	
}



.room_row_green_tap{

	
	
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#080;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#FFF;
		overflow: hidden;
		z-index:1;
		font-size:11px;		
		white-space:nowrap;			
	
}




.room_row_HD{

	
	
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#111;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#aaa;
		overflow: hidden;
		z-index:1;
		font-size:11px;		
		white-space:nowrap;			
	
}


.room_row_Co{

	
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#433;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#FA0;
		overflow: hidden;
		z-index:1;
		font-size:11px;		
		white-space:nowrap;			
	
	
}



.room_row_Extra{

	
		position: absolute;
		margin-top:-19px;
		margin-left:28px;
		height:19px;
		display:block;  
		background-color:#906;
		-webkit-box-shadow: 1px 1px 3px #888;
		-moz-box-shadow: 1px 1px 3px #888;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		
		padding:1px;
		padding-left:2px;
		padding-top:2px;

		text-align:left;
		opacity:0.7;
		filter:alpha(opacity=70);
		color:#EEE;
		overflow: hidden;
		z-index:1;
		font-size:11px;		
		white-space:nowrap;			
	
	
}








.Shift{cursor:pointer; display:block; height:30px; width:80px; background-color:#0C3; border:solid1px #FFF; padding-right:10px;}


/* ------------End Front Desk Booking Section---------------  */	



.shiftstap{
		box-sizing:border-box;
		position: absolute;

		margin-top:-13px;

		height:20px;
		display:block;  
		background-color:rgba(0, 0, 255, 0.2);
		
		
		-webkit-box-shadow: 1px 1px 3px #CCC;
		-moz-box-shadow: 1px 1px 3px #CCC;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;		

		padding:0px;

		padding-top:3px;
		border:solid 1px #BBB;
		border-radius:3px;

		text-align:left;
		opacity:0.9;

		color:#222;
		overflow: hidden;
		z-index:1;
		font-size:11px;
		white-space:nowrap;
		
}



/* ----------------------------------------------------------------*/



.paper{
    position: relative;
    min-height: 20px;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(128,128,128,.1)inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(128,128,128,.1)inset;
	font-size:small;

    /*border-radius: 0 0 120px 120px / 0 0 6px 6px;*/
	border-radius: 0 0 0 120px / 0 0 0 6px;
	color:#333;
}

.paper div{

	font-size: small;

}



.book_caption_mark{
	background-color:#F5F5F5;
	font-weight:700;	
	cursor:pointer;	
}


.book_caption{
	cursor:pointer;
	color:#DDD;
	background-color:#999;	
	
	
		
	}

#frmInsert input{margin-top: 2px;}
	
.DepartmentCaption{ display:block; width:150px; overflow:hidden; float:left}

.idspan{
	
	width:20px; text-align:right; display:block; float:left; padding-right:10px; color:#CCC;
	}
	
.bgDDD{background-color:#F5F5F5; cursor:pointer}

.bgDDD:hover{background-color:#CCC;}

.bgFFF{background-color:#FFF;}	
.txtDDD{color:#ddd;}
.txtCCC{color:#999;}
.txt666{color:#666;}

.Add_List{
	text-align:left;
	border:solid 1px #EEEEEE ;
	padding:6px;
	background:#FDFDFD;
	margin:2px;
	position:relative;
	font-family:tahoma;
	cursor:pointer;
	color:#3F3F3F;
}
.Add_List:hover{
	background:#F7F7F7;
	border:solid 2px #FFBF50 ;
	padding:5px;

}

.audited{
	border:solid 1px #24954B;
	background-color:#E1F8DC;
	border-radius:4px;
	padding:0px 2px;
	color:#2D6D1D;
	min-width:40px;

}

.fixheader{
	
	
}

.fixheader table {
  position: relative;
}

.fixheader th{
  cursor: pointer;
  position: sticky;
  top: 0;
  background-color:#EEE;
}




/* --------- CAR LIST LABEL -----------   */


.carlistbox{
	
	white-space: nowrap; position:relative; height:34px; overflow:hidden;
	}


.cbuilding{
	
	color:#777; font-size:11px; margin-left:10px;
	
	}
	
.ccarname{
	width:100px; font-weight:600; color:#555;font-size:12px;
	
	}	
	
.ccaryear{
	color:#777; font-size:11px;
	}	
.ccarstatus{
	color:#77F; font-size:11px; font-weight:700; float:right;  display:block; margin-right:10px;
	
	}	

.ccarman{
	color:#F00; font-size:9px; font-weight:500; float:right;  display:block; margin-right:10px;
	
	}	

.notiinsur{
	float:left; 
	font-size:10px;  
	color:#FFF; 
	font-weight:400; 
	background:#07F; 
	padding-left:4px; 
	padding-right:4px; 
	text-align:center; 
	border-radius:2px; 
	width:12px; 
	display:block;

	}
	
.notiinsurx{
	float:left; 
	font-size:10px;  
	color:#FFF; 
	font-weight:400; 
	background:#06F; 
	padding-left:4px; 
	padding-right:4px; 
	text-align:center; 
	border-radius:2px; 
	width:12px; 
	display:block;
	animation: blink 1s infinite alternate;	

	}	

.notification{
	float:left; 
	font-size:10px;  
	color:#FFF; 
	font-weight:400; 
	background:#FA0; 
	padding-left:4px; 
	padding-right:4px; 
	text-align:center; 
	border-radius:2px; 
	width:12px; 
	display:block;

	}
	
.notificationx{
	float:left; 
	font-size:10px;  
	color:#FFF; 
	font-weight:400; 
	background:#F00; 
	padding-left:4px; 
	padding-right:4px; 
	text-align:center; 
	border-radius:2px; 
	width:15px; 
	display:block;	
	animation: blink 1s infinite alternate;	
	}	
	
	
.energylabel{
	font-size:10px;  
	color:#676767; 
	font-weight:500; 
	background:#CACACA; 
	padding-left:3px; 
	padding-right:3px; 
	text-align:center; 
	border-radius:6px; 
	width:18px; 
	display:block;
	float:right;

	}
.cgps{
	font-size:10px;  
	color:#EEE; 
	font-weight:600; 
	background:#399; 
	padding-left:2px; 
	padding-right:2px; 
	text-align:center; 
	border-radius:6px; 
	width:11px; 
	display:block;
	float:right;
	margin-right:1px;

	}		
	
	
@keyframes blink {

  10% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.8;
  }
  90% {
    opacity: 1.0;
  }
}