body {margin:0px;font-size:13px;font-family:arial;}
a {text-decoration:none;color:blue;}

#opaque_div {position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:100;opacity:0.8;filter:alpha(opacity=80);background:#ffffff;display:none;}

#login_div {position:absolute;width:220px;padding:0px 5px 0px 5px;height:105px;top:50%;margin-top:-43px;left:50%;margin-left:-110px;overflow:hidden;background:#3399ff;}
	#login_title {clear:both;line-height:30px;text-align:center;font-size:18px;color:#ffffff;}
	.login_col1 {clear:left;float:left;line-height:25px;font-size:15px;color:#ffff00;}
	.login_col2 {clear:right;float:right;padding-top:3px;line-height:25px;}
	#login_username {width:130px;border:0px;}
	#login_password {width:130px;border:0px;}
	#login_submit {clear:both;text-align:center;}

#container {width:900px;margin:auto;}
#work {width:900px;overflow:auto;font-size:12px;display:none;}
	#loading_div {position:absolute;margin:4px;padding:1px;color:#3399ff;background:#ffffff;display:none;}
	#work_header {clear:both;height:30px;background:#ffff00;}
		#work_header_user {float:left;padding-left:5px;width:220px;height:30px;line-height:30px;overflow:hidden;}
		#work_header_month {float:left;width:500px;margin-top:5px;text-align:center;}
			#month_select {border:0px;font-weight:bold;color:#ffffff;background:#ff0000;}
			#year_select {border:0px;font-weight:bold;color:#ffffff;background:#ff0000;}
			#refresh_btn {font-size:11px;}
		#logout_div {float:right;padding-right:5px;line-height:30px;font-weight:bold;}
		#account_label {float:right;line-height:30px;padding-right:5px;}

	#account {font-weight:normal;}
	#accounts {font-weight:normal;display:none;}
	.account_close {position:relative;float:right;top:-5px;left:5px;}

	#account_div {position:absolute;z-index:72;top:5px;left:624px;width:220px;height:125px;padding:5px;border:1px solid #3399ff;background:#ffff00;display:none;}
		#account_password_modify_btn {margin-top:7px;}

	#accounts_div {position:absolute;z-index:71;top:5px;left:583px;width:220px;height:210px;padding:5px;border:1px solid #3399ff;background:#ffff00;display:none;}
		.account_title {clear:left;float:left;width:95px;height:25px;line-height:25px;font-style:italic;}
		.account_input_div {float:left;width:125px;height:25px;}
		.account_input {width:120px;border:0px;margin-top:3px;}
		#account_rights {border:0px;margin-top:3px;}
		#account_active {margin-top:3px;}
		.account_btn {float:left;width:50%;margin-top:7px;text-align:center;}

	.room_no_holder {float:left;width:25px;background:#f5f5f5;}
		.room_no {clear:both;height:14px;line-height:14px;font-weight:bold;text-align:center;border:1px solid #3399ff;}
	.room_desc_holder {float:left;width:100px;background:#f5f5f5;}
		.room_desc {clear:both;height:14px;line-height:14px;padding-left:5px;border:1px solid #3399ff;}
	.day_holder {float:left;width:25px;background:#f5f5f5;}
		.day_holder:hover {background:#add8e6;}
		.day_name {clear:both;height:14px;line-height:14px;text-align:center;border:1px solid #3399ff;background:#3bccc7;}
		.day_no {clear:both;height:14px;line-height:14px;font-weight:bold;text-align:center;border:1px solid #3399ff;background:#ffff00;}
		.room {clear:both;height:14px;border:1px dotted #3399ff;text-align:center;}
	
	#work_bottom {clear:both;overflow:auto;padding:10px 5px 5px 5px;background:#ffff00;background:#ffff00;}
		#legend_div {float:left;margin-left:10px;}
			#color_legend {position:absolute;z-index:70;width:150px;margin-top:-145px;margin-left:-10px;padding:5px;border:1px solid #3399ff;background:#ffff00;display:none;}
				.color_legend_class {clear:both;width:145px;height:18px;line-height:18px;margin:2px;text-align:center;border:0px;}
		#sum_div {float:left;margin-left:75px;}
			#invoice_t1_input {width:50px;border:0px;margin-right:15px;text-align:center;background:#03fc0a;}
			#invoice_t2_input {width:50px;border:0px;margin-right:15px;text-align:center;background:#fe00ff;}
			#invoice_t3_input {width:50px;border:0px;margin-right:15px;text-align:center;background:#edc32f;}
			#invoice_t4_input {width:50px;border:0px;margin-right:15px;text-align:center;background:#000000;color:#ffffff;}
			#supplement_t_input {width:50px;border:0px;margin-right:15px;background:#ffff00;}
		#occupation_div {float:right;margin-right:30px;}
			#occupation_input {width:50px;border:0px;text-align:center;}

#room_panel {position:fixed;z-index:110;width:520px;height:295px;left:50%;margin-left:-260px;top:50%;margin-top:-150px;overflow:visible;background:#3399ff;display:none;}
	#room_panel_close_btn {position:absolute;left:504px;top:-17px;cursor:pointer;}
	#room_panel_header {clear:both;overflow:auto;margin-bottom:10px;padding:5px;}
		#room_panel_header1 {float:left;color:#ffffff;}
		#room_panel_header2 {float:right;margin:0px 30px 0px 5px;text-align:center;display:none;}
		#room_panel_header3 {float:right;margin:0px 5px;text-align:center;display:none;}
	.room_panel_label {float:left;width:33%;height:25px;line-height:25px;text-align:right;}
	.room_panel_input {float:right;width:65%;height:25px;}
	.input_1 {width:200px;border:0px;margin-top:3px;}
	.textarea_1 {width:250px;height:50px;border:0px;margin-top:3px;overflow:hidden;}
	.room_panel_button {float:left;width:130px;margin-top:15px;text-align:center;}
	.room_panel_cancel {padding-left:10px;font-style:italic;font-weight:bold;color:#ffff00;cursor:pointer;display:none;}
	.room_panel_btn_comment {clear:both;height:15px;overflow:hidden;margin:0px 2px 0px 2px;font-size:12px;background:white;}
	.period_input{width:75px;border:0px;margin-top:3px;}
	#one_more_day {display:none;}
	#copyMoveLayer {position:absolute;top:5px;right:45px;padding:5px;border:1px solid #00e9ff;color:#0044ff;background:#f5f5f5;display:none;}