/* common */
*{
	margin:0;
	padding:0;
}
a:link,a:visited,a:hover{
	color: #0000ff;
}
ul,li{
	display:block;list-style:none;margin:0;padding:0;
}

.view_links{
	position:fixed;
	top:0px;
	height:30px;
	width:100%;
	font-size:14px;
	line-height: 2.0em;
}
.view_links table{
	display:table;
}
.view_links td{
	display:table-cell;
	width:25%;
	text-align:center;
	color:#395475;
}
.linkgw_normal_own{
	background-color:#99ccff;
}
.linkgw_normal{
	background-color:#bbeeff;
}
.linkgw_alarm_own{
	background-color:#ffff66;
}
.linkgw_alarm{
	background-color:#ffff66;
}
.linkgw_unknown_own{
	background-color:#808080;
}
.linkgw_unknown{
	background-color:#c0c0c0;
}
.virtual_aircon{
	background-color:#ffffd0;
}

.view_menu{
	position: fixed;
	top:30px;
	height:30px;
	width:100%;
	font-size:16px;
}
.view_menu table{
	display:table;
}
.view_menu td{
	display:table-cell;
	min-width:15%;
	max-width:17%;
	text-align:center;
	color:#395475;
}

.view_title{
	position: fixed;
	top:70px;
	height:30px;
	width:100%;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}

.alarm{
	position: fixed;
	top:80px;
	left:2%;
	height:30px;
}
.systemstop{
	position: fixed;
	top:80px;
	left:18%;
	height:30px;
}
.logo{
	position: fixed;
	top:80px;
	left:80%;
	height:30px;
}
.logo img{
	width:180px;
	vertical-align:bottom;
}

.view_main{
	position: fixed;
	top:130px;
	left:1%;
	bottom:100px;
	width:99%;
	overflow:auto;
	text-align:center;
}
	.view_main table{
		margin:auto;
	}
	.view_main .cell{
		width:250px;
		height:26px;
		float:left;
		overflow:hidden;
		vertical-align:middle;
	}
	.all_group_view{
		margin-left:50px;
	}
		.all_group_view .cell{
			width:200px;
			text-align:left;
		}
	.view_main li{
		height: 22px;
	}
	.inline #DATE,#TIME{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
	}

.view_cell_title{
	position: fixed;
	top:10px;
	height:30px;
	width:100%;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
.view_cell{
	position:fixed;
	top:50px;
	width:100%;
}
.view_cell table{
	width:94%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.view_cell td{
	width:50%;
	height:25px;
	text-align:left;
	overflow:hidden;
	vertical-align:middle;
}

.view_control{
	position:fixed;
	bottom:0px;
	width:100%;
	height:94px;
	font-size:14px;
	padding-top:6px;
	text-align:center;
	background-color:#ffffff;
}

.view_controlcells{
	position: fixed;
	top:150px;
	left:1%;
	bottom:100px;
	width:99%;
	overflow:auto;
}
.view_controlcells table{
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
}
.view_controlcells tr:first-child{
	background-color:#ececec;
}
.view_controlcells .bgc{
	background-color:#ececec;
}
.view_controlcells th,.view_controlcells td{
	text-align:center;
	width:auto;
	min-width:8%;
	max-width:14%;
}

.view_vsim_watt_l{
	position: fixed;
	top:150px;
	left:1%;
	bottom:100px;
	width:48%;
	overflow:auto;
}
.view_vsim_watt_r1{
	position: fixed;
	top:150px;
	right:1%;
	width:47%;
	overflow:auto;
}
.view_vsim_watt_r2{
	position: fixed;
	top:380px;
	right:1%;
	width:47%;
	overflow:auto;
}
.view_vsim_watt_r3{
	position: fixed;
	top:450px;
	right:1%;
	width:47%;
	overflow:auto;
}
.view_vsim_watt_l table,.view_vsim_watt_r1 table{
	width:100%;
	border-collapse:collapse;
}
.view_vsim_watt_l tr:nth-child(odd),.view_vsim_watt_r1 tr:nth-child(odd){
	background-color: #ececec;
}
.view_vsim_watt_l th,.view_vsim_watt_l td,.view_vsim_watt_r1 th,.view_vsim_watt_r1 td{
	text-align:center;
	width:auto;
	min-width:6%;
	max-width:10%;
	border: 1px solid gray;
}
.view_vsim_watt_r1 tfoot{
	text-align:left;
}
.view_vsim_watt_r2 table,.view_vsim_watt_r3 table{
	width:100%;
	border-collapse: collapse;
}
.view_vsim_watt_r2 th,.view_vsim_watt_r2 td,.view_vsim_watt_r3 th,.view_vsim_watt_r3 td{
	text-align:center;
	min-width:40%;
	max-width:60%;
	border: 1px solid gray;
}

.view_login_t1{
	position:relative;
	top:130px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.view_login_t1 td{
	height:35px;
	text-align:center;
}
.view_login_t2{
	position:relative;
	top:150px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.view_login_t2 td{
	height:25px;
	text-align:center;
}
.view_login_version{
	position:fixed;
	bottom:50px;
	right:100px;
}

.view_systemstop_t{
	position:relative;
	top:150px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.view_systemstop_t td{
	height:35px;
	text-align:center;
}

.view_configfile{
	top:150px;
	width:80%;
	margin: 0 auto;
}
.view_configfile table{
	width:50%;
	margin: 12px auto;
}
.view_configfile td{
	height:25px;
	text-align:left;
}

.view_schedulecontrol_clock{
	position:fixed;
	top:150px;
	left:6%;
	width:18%;
	font-size:14px;
	text-align:center;
}
.view_schedulecontrol{
	position: fixed;
	top:180px;
	left:1%;
	width:29%;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
.view_schedulecontrol2{
	position: fixed;
	top:340px;
	left:1%;
	width:29%;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
.view_scheduletable{
	position: fixed;
	top:150px;
	left:30%;
	bottom:100px;
	width:70%;
	overflow: auto;
}
.view_scheduletable table{
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
}
.view_scheduletable tr:first-child{
	background-color:#ececec;
}
.view_scheduletable .bgc{
	background-color:#ececec;
}
.view_scheduletable th,.view_scheduletable td{
	text-align:center;
}

.view_vselect{
	position: fixed;
	top:130px;
	left:1%;
	bottom:100px;
	width:99%;
	overflow:auto;
	text-align:center;
}
	.view_vselect .cell{
		width:200px;
		height:22px;
		float:left;
		overflow:hidden;
		border:1px solid gray;
		padding-top: 4px;
		margin-bottom: -1px;
		margin-right: -1px;
	}

/* COMMON */
button,
input[type="submit"]
{
	border-radius:15px;
	width:100px;
	padding:2px;
	margin:5px;
	border:1px solid black;
}
input[type="text"],
input[type="password"]
{
	padding:1px 2px;
}
a.button {
	border-radius:3px;
	border:1px solid black;
	padding:3px;
	cursor:pointer;
	background-color:#ee3333;
	font-size:70%;
}
	/* Main Area */
	.configBox{
		width:70%;
		margin:1em auto;
	}
		.configBox .configTbl{
			margin:1em 2em;
			text-align:left;
			line-height:1.5em;
		}
		.configBox .descriptionMsg{
			text-align:left;
		}

	.descriptionMsg{
		margin:1em;
	}
	.resultMsgBox{
			display:inline-block;
			margin:0 auto;
			margin-top:50px;
			text-align:left;
	}

	/* footer */
	.fotterContorlBtnBox{}
		.fotterContorlBtnBox .rightPosBtn{
			position:absolute;
			right:3em;
		}
	.footerNoteBox{
		display:inline-block;
		line-height:1.3em;
		text-align:left;
	}
		.footerNoteBox .sprit2_rightBox,
		.footerNoteBox .sprit2_leftBox,
		.footerNoteBox .sprit2_rightBox_4Line,
		.footerNoteBox .sprit2_leftBox_4Line{
			display:inline-block;
			vertical-align:top;
		}
			.footerNoteBox .sprit2_leftBox{
				margin-right:2em;
			}
			.footerNoteBox .sprit2_rightBox_4Line{
				margin-top:-1em; 
			}
			.footerNoteBox .sprit2_leftBox_4Line{
				margin-top:-1em; 
				margin-right:2em;
			}


	/* text */
	.warningTxt{
		color:red;
	}
	.warningBox{
		border:1px solid red;
	}

/* Network Configuration */
	.networkConfigTable{}
	.networkConfigTable .ipSetting .is-elem,
	.networkConfigTable .slSetting .is-elem{
		padding-right:1em;
		text-align:right;
		line-height:1.5em;
	}
	.networkConfigTable .slSetting .is-elem{
		line-height:4em;
	}
	.networkConfigContorl .setBtn{
		position:absolute;
		right:0;
		left:0;
		margin:auto;
		margin-top:-5em;
	}
	.networkConfigContorl .backBtn{
		position:absolute;
		right:0;
		left:0;
		margin:auto;
	}

/* Calendar Configuration */
.calendarViewArea{}
	.calendarControlBox{
		margin:1em;
		margin-top:0;
		display:inline-block;
		vertical-align:top;
	}
		.calendarControlBox .is-line{
			margin:1em 0.5em;
		}

	.calendarDataBox{
		display:inline-block;
	}
		.monthTable,
		.monthTable th,
		.monthTable tr,
		.monthTable td{
			border:black solid 1px;
			border-collapse:collapse;
		}
			.calendar_weekday,
			.calendar_holyday,
			.calendar_special1,
			.calendar_special2{
				height:3.5em;
			}
				.calendar_weekday select,
				.calendar_holyday select,
				.calendar_special1 select,
				.calendar_special2 select{
					margin:5px;
				}
			.calendar_weekday{
				background-color:#ffffff;
			}
			.calendar_holyday{
				background-color:#ff9a63;
			}
			.calendar_special1{
				background-color:#6a63ff;
			}
			.calendar_special2{
				background-color:#63a2ff;
			}

	.calendarNoteTbl,
	.calendarNoteTbl td,
	.calendarNoteTbl tr{
		width:30em;
		padding:5px;
		height:1.5em;
		margin:10px auto;
		border:black solid 1px;
		border-collapse:collapse;
	}

/* Login */
.loginBody{
	background-image:url("/images/loginbg.jpg");
	background-repeat:no-repeat;
	background-position:top 20px center;
	background-attachment: fixed; 
}
	.chgLangBtn{
		width:auto;
		max-width:150px
	}

/* BACnet Configuration */
.bacnetSettingArea{}
	.bacnetNetworkBox{
		margin-bottom:2em;
	}
	.bacnetConfigBox,
	.bacnetDeviceBox,
	.bacnetCOVBox{
		margin:0.5em;
	}
		.bacnetConfigTbl,
		.bacnetDeviceTbl,
		.bacnetCOVTbl{
			border-collapse:collapse;
			border-spacing:1px;
			width:750px;
		}
			.bacnetConfigTbl td:nth-child(1),
			.bacnetDeviceTbl td:nth-child(1),
			.bacnetCOVTbl    td:nth-child(1){
				width:300px;
				text-align:left;
			}

			.bacnetConfigTbl tr,
			.bacnetConfigTbl td,
			.bacnetDeviceTbl tr,
			.bacnetDeviceTbl td,
			.bacnetCOVTbl    th,
			.bacnetCOVTbl    tr,
			.bacnetCOVTbl    td{
				border:black solid 1px;
				line-height:1.5em;
				padding:0 1em;
			}

/* Authentication Configuration */
.authenticationArea{}
	.authenticationArea .inputTbl{
		line-height:1.5em;
	}
		.authenticationArea .inputTbl td:nth-child(1){
			text-align:left;
		}

/* Language Replacement Configuration */
.langSettingArea{}
	.langSettingArea fieldset{
		width: 90%;
  		margin: 12px auto;
	}
	.langSettingArea .resultMsgBox{
		display: inline-block;
		margin: 0 auto;
		margin-top: 50px;
		text-align: left;
	}

/* Master Schedule Configuration */

/* Accounting File Download */

/* Calendar/Schedule Backup File Upload/Download */

/* Date & Time Configuration Screen */
.timeNtpSettingArea{}
	.nowTimeViewBox{}
		.nowtimeTbl{
			font-size:1.5em;
			font-weight:bold;
		}
	.timeZoneBox{}
		.timeZoneNoteMsg{
			margin-left:1em;
		}

/* Link Configuration Screen */
.linkGwSettingList{
	margin-top:1.5em;
	display:inline-block;
}
	.linkGwSettingList .gwName,
	.linkGwSettingList .gwIPaddr{
		text-align:left;
		line-height:1.5em;
		width:13em;
		height:4em;
	}
	.linkGwSettingList .gwName input,
	.linkGwSettingList .gwIPaddr input{
		width:10em;
	}
		.linkGwSettingList .gwName .is-title,
		.linkGwSettingList .gwIPaddr .is-title{
			display:block;
		}


/* Calendar/Schedule Backup File Upload/Download */
.schedulefileSettingArea{}
	.schedulefileSettingArea fieldset{
		width: 90%;
  		margin: 12px auto;
	}
	.schedulefileSettingArea .resultMsgBox{
		display: inline-block;
		margin: 0 auto;
		margin-top: 50px;
		text-align: left;
	}

/* Accounting File Download */
.accountfileSettingArea{}
	.accountfileSettingArea fieldset{
		width: 90%;
  		margin: 12px auto;
	}
	.accountfileSettingArea .resultMsgBox{
		display: inline-block;
		margin: 0 auto;
		margin-top: 50px;
		text-align: left;
	}

/*Air-con Cell Configuration Screen */
.intervalInputBox{
	text-align:left;
}

.virtual_view_control{
	position:fixed;
	bottom:0px;
	width:100%;
	height:94px;
	font-size:14px;
	padding-top:6px;
	text-align:center;
}