.form_style{
			padding-right:0.15em;
			font-size: 1.4em;
			width:100%;
			
		}
	
	
	
		#div_read_refresh_pic{
			cursor: pointer;
		}
	
	
	/***
	Setting Edit
	Check Box
	***/
	
	
		.title_styleEditCheck{
			padding: 0.35em 0 0.35em 3%;
			width: 41%;
			float: left;
			margin-bottom:0.1%;
			margin-top:0.1%;
	
		}
	
		.title_styleEdit{
			/***
			padding: 0.35em 0 0.35em 5%;
			margin-bottom:0.3%;
			***/
			padding: 0.7em 0 0.35em 5%;
			width: 39%;
			float: left;
		}
	
		.value_styleEdit{
			
			width: 55%;
			display: inline-block;
			/***
			padding: 0.35em 1% 0.35em 0;
			margin-bottom:0.1%;
			margin-top:0.1%;
			***/
			padding: 0.35em 1% 0.35em 0;
		}
		
		.readOnlyLabel{
			padding: 0.7em 1% 0.35em 0;
		}
	
		.title2col_styleEdit{
			padding: 0.35em 0 0.35em 5%;
			width:95%;
		}
	
	
		.ui-input-text, .ui-input-search{
			margin-top: -0.175em;
			margin-bottom: -0.175em;
		}
	
	
		.ui-select{
			margin-top: -0.35em;
			margin-bottom: -0.35em;
	
		}
	
	
		.edasLitePortEdit .ui-input-text, .ui-input-search{
			margin-top: 0em;
			margin-bottom: 0.3em;
		}
	
		.edasLitePortEdit .ui-select{
			margin-top: 0em;
			margin-bottom: 0.3em;
	
		}
	
		.ui-btn.ui-checkbox-off::after, .ui-btn.ui-checkbox-on::after, .ui-btn.ui-radio-off::after, .ui-btn.ui-radio-on::after {
		    /*** margin-left: 5%;  ***/
		}
	
		.title_styleEditCheck .ui-checkbox, .title_styleEditCheck .ui-radio {
	    	margin: 0;
		}
	
		.ui-page-theme-a .title_styleEditCheck .ui-btn, 
		html .ui-bar-a .title_styleEditCheck .ui-btn, 
		html .ui-body-a .title_styleEditCheck .ui-btn, 
		html body .ui-group-theme-a .title_styleEditCheck .ui-btn, 
		html head + body .title_styleEditCheck .ui-btn.ui-btn-a, 
		.ui-page-theme-a .title_styleEditCheck .ui-btn:visited, 
		html .ui-bar-a .title_styleEditCheck .ui-btn:visited, 
		html .ui-body-a .title_styleEditCheck .ui-btn:visited, 
		html body .ui-group-theme-a .title_styleEditCheck .ui-btn:visited, 
		html head + body .title_styleEditCheck .ui-btn.ui-btn-a:visited {
			background-color: transparent;
	    	border-color: #FFFFFF;
		}
	
		.title_styleEditCheck .ui-btn, label .title_styleEditCheck .ui-btn {
		    border-style: none;
		    border-width: 0px;
		    font-weight: 700;
		}
	
	
	
	 .ui-page-theme-a .portEnableYesNo .ui-first-child.ui-btn.ui-btn-active{
	    background-color: #009900 !important;
	    border-color: #009900 !important;
	}
	
	 .ui-page-theme-a .portEnableYesNo .ui-last-child.ui-btn.ui-btn-active{
	    background-color: #cc2900 !important;
	    border-color: #cc2900 !important;
	}
	
	
		.edasLitePort_Info_Edit{
			float:left;
			width:82%;	
			/***height:7.4em;***/
		}
	
	
	.edasLitePort_Info_Edit .ui-controlgroup, fieldset.edasLitePort_Info_Edit .ui-controlgroup {
	    margin: 0.3em 0 0.3em 0;
	    padding: 0;
	}
	
	
	
		.edasLitePort_MappingEdit{
			padding-left:4%;
			width:70%;
		}
	
		.edasLitePort_MappingEditRange{
			padding-left:4%;
			width:100%;
		}
	
		.edasLitePort_MappingEditRangeBox{
			float:left;
			/***padding-top: 5%;***/
			width:20%;
		}
	
		.edasLitePort_MappingEditRangeBoxText{
			float:left;
			width:1.3em;
			padding-top:0.5em;
		}
	
	
	
		.edasLitePort_SettingEdit{
			display:block;
			height:3em;
		}
	
	
	
	 	.hideSetting{
	 		display:none;
	 	}
	
	
	
	/***
	Setting Edit
	Check Box    END
	***/
	
	
	
	
	
	
	/******  Compare Page  ******/
		#compareButtonDev{
			padding-top:5%;
			padding-bottom:2%;
			clear:both;
		}
	
		#compareButtonDevPwd{
			float:left;
			width:33%;
			padding-left:3%;
			padding-right:3%;
			padding-top:3%;
		}
		
		.compareTitle_style{
			padding: 0.35em 0 0.35em 3%;
			width: 28%;
			float: left;
			font-size:0.9em;
		}
		
		
		.compareValue_style{
			padding: 0.35em 0 0.35em 0;
			width: 34%;
			display: inline-block;
			word-break: break-all;
			font-size:0.9em;
		}
	
		.compareValueEDASPort{
			line-height:1.1em;
		}
	
		.compareDifferent{
			background-color: #ffff66;
		}
	
		.compareRow{
			margin-bottom:0.1em;
		}
	/******  Compare Page  End ******/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		.title_style{
			padding: 0.35em 0 0.35em 5%;
			width: 39%;
			float: left;
		}
		
		
		.value_style{
			padding: 0.35em 0 0.35em 0;
			width: 56%;
			display: inline-block;
			word-break: break-all;
	
		}
	


	.value_value_style{
		/**padding: 0.35em 0 0.35em 0;**/
		width: 80%;
		display: inline-block;
	}

	.value_buffer_style{
		/***padding: 0.35em 0 0.35em 0;***/
		margin-right:1%;
		padding-top:0.1em;
		padding-bottom:0.1em;
		font-size:0.8em;
		width: 17%;
		float:right;
		background-color:#33cc33;
		text-align:center;
		color:#FFFFFF;
	}

	.value_buffer_group_style{
		/***padding: 0.35em 0 0.35em 0;***/
		margin-right:1%;
		width: 13%;
		display: inline-block;
		text-align:center;
	}

	.value_buffer_group_item_style{
		/***padding: 0.35em 0 0.35em 0;***/
		font-size:0.9em;
		margin-top:0.2em;
		background-color:#33cc33;
		text-align:center;
		color:#FFFFFF;
	}
	
	/***
		.title_style{
			padding: 0.35em 0 0.35em 1em;
			width: 39%;
			float: left;
		}
		
		
		.value_style{
			padding: 0.35em 0 0.35em 0;
			width: 56%;
			display: inline-block;
	
		}
	***/
	
	
		.port_disable{
			background-color: #bfbfbf;
		}
	
		.port_enable_ok{
			background-color: #009900;
		}
	
		.port_enable_weak{
			background-color: #ff9900;
		}
	
		.port_enable_fail{
			background-color: #cc2900;
		}
	
		.port_box{
			width:100%;
			height:100%;
		}
	
	
		.error_3style{
			padding: 0.35em 0 0.2em 5%;
			width: 1%;
			float: left;
			margin-bottom: 0.0em;
		}
	
		.title_3style{
			padding: 0.35em 0 0.35em 1%;
			/** width: 58%; **/
			width: 55%;
			float: left;
			margin-bottom: 0.0em;
		}
		
		
		.value_3style{
			padding: 0.35em 2% 0.35em 0%;
			/** width: 14%; ***/
			width: 11%;
			display: inline-block;
			margin-bottom: 0.1em;
			font-size:0.75em;
			text-align: right;
		}
	
		.value_3_3style{
			padding: 0.35em 1% 0.35em 1%;
			/** width: 14%; ***/
			width: 6%;
			display: inline-block;
			margin-bottom: 0.1em;
			margin-left: 0.3em;
			font-size:0.75em;
			text-align: right;
		}
	
		.read_rawTitle{
			font-size: 0.8em;
		}
		
		.title_style.setting:nth-of-type(odd){
			background: #CCC 
		}
		.value_style.setting:nth-of-type(even){
			background: #CCC 
		}
	
		.title_style.reading:nth-of-type(odd){
			background: #c4d9ee 
		}
		.value_style.reading:nth-of-type(even){
			background: #c4d9ee 
		}
	
	
		.PeripheralItem:nth-of-type(odd){
			background: #CCC 
		}
		.PeripheralItem:nth-of-type(even){
			background: #c4d9ee 
		}

	
		.value_3style.reading{
			background: #ffffb3;
		}
	
		.value_3_3style.reading{
			background: #ffffb3;
		}
			 
		.clear{
			clear: both;
		}
		
	
		.space_style{
			width: 10%;
			float: left;
			display: block;
		}
	
		.ui-header .ui-title, .ui-footer .ui-title {
			margin: 0 0;
			font-size: 2.2em;
			padding: 0.2em 0;
		}
	
	
		#msolutionLogo{
			height:1.6em;
		}
	
	/***
	.ui-mini.ui-btn-icon-notext, .ui-mini .ui-btn-icon-notext, .ui-header .ui-btn-icon-notext, .ui-footer .ui-btn-icon-notext{
		font-size: 1.5em;
	}
	***/
	
	
	
	.ui-btn-icon-notext.ui-btn-right {
	    right: 0.7em;
	    top: 1.8em;
	/***
	    right: 0.37em;
	    top: 0.26em;
	***/
	}
	
	
		#map-page, #map-canvas { width: 100%; height: 100%; padding: 0; }
	
		.ui-icon-custom
		{ 
		    background: url(/logo_1.jpg) 50% 50% no-repeat; background-size: 24px 22px;  
		}  
	
		.ui-icon-editDevice{
			background: url(/editDevice.png) 100% 100% no-repeat; background-size: 64px 64px;  
		}
	
		.ui-navbar li .ui-btn {
			font-size:1.2em;
	
		}
	
	
	
	
	/***
							<div>
					        	<div class="edasLitePort_ID"># 9</div>
					        	<div class="edasLitePort_Info">
						        	<div class="edasLitePort_Status">
						        		<font color="#FF0000">Disable</font>
						        	</div>
						        	<div class="edasLitePort_Setting">
							        	<div class="edasLitePort_Mapping">
							        		RANGE
							        	</div>
							        	<div class="edasLitePort_Range">
	***/
	
		.edasLitePort_title{
			width:100%;
			padding-left:5%;
			padding-top:0.6em;
			padding-bottom:0.7em;
			font-weight:700;
		}
	
	
		.edasLitePort_ID{
			background: #CCC ;
			padding-left:5%;
			clear:both;
			float:left;
			width:13%;
		}
		.edasLitePort_Info{
			float:left;
			width:80%;	
		}
		.edasLitePort_Status{
			border-top:solid 1px #CCC;
			padding-left:4%;
			font-weight:700;
		}
		.edasLitePort_Mapping{
			padding-left:4%;
			float:left;
			width:60%;
		}
	
		.edasLitePort_Range{
			width:35%;
			float:left;
			claer:both;
			font-size:0.85em;
		}
	
		.titleTextd{
			color:#002266;
	    	top: 0.4em;	
	    	font-size: 1.3em;
	    	letter-spacing:-0.07em;
	    	font-weight:700;
	    	margin-left:0.2em;
	    	display:inline-block;
	    }
	
	
		.titleText{
			color:#002266;
	    	font-size: 1.4em;
	    	letter-spacing:-0.08em;
	    	margin-left:0.15em;
	    }
	
	
	
	/*reloadYesNo*/
	
	
	
	/***
	.ui-page-theme-a .ui-btn.ui-btn-active, 
	html .ui-bar-a .ui-btn.ui-btn-active, 
	html .ui-body-a .ui-btn.ui-btn-active, 
	html body .ui-group-theme-a .ui-btn.ui-btn-active, 
	html head + body .ui-btn.ui-btn-a.ui-btn-active, 
	.ui-page-theme-a .ui-checkbox-on::after, 
	html .ui-bar-a .ui-checkbox-on::after, 
	html .ui-body-a .ui-checkbox-on::after, 
	html body .ui-group-theme-a .ui-checkbox-on::after, 
	.ui-btn.ui-checkbox-on.ui-btn-a::after, 
	.ui-page-theme-a .ui-flipswitch-active, 
	html .ui-bar-a .ui-flipswitch-active, 
	html .ui-body-a .ui-flipswitch-active, 
	html body .ui-group-theme-a .ui-flipswitch-active, 
	html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, 
	.ui-page-theme-a .ui-slider-track .ui-btn-active, 
	html .ui-bar-a .ui-slider-track .ui-btn-active, 
	html .ui-body-a .ui-slider-track .ui-btn-active, 
	html body .ui-group-theme-a .ui-slider-track .ui-btn-active, 
	html body div.ui-slider-track.ui-body-a .ui-btn-active {
	
	
	background-color: #ff0000;
	
	reloadYesNo
	
	}
	***/
	
	 .ui-page-theme-a #reloadYesNo .ui-first-child.ui-btn.ui-btn-active{
	    background-color: #009900 !important;
	    border-color: #009900 !important;
	}
	
	 .ui-page-theme-a #reloadYesNo .ui-last-child.ui-btn.ui-btn-active{
	    background-color: #cc2900 !important;
	    border-color: #cc2900 !important;
	}
	
	.yellow-cell{
		background-color: #ffff4d !important;
	}
	
	 .ui-page-theme-a #settingEditFooter .ui-btn.ui-btn-active{
	    background-color: #e68a00 !important;
	    border-color: #e68a00 !important;
	}
	
	label{
		font-size:1.4em;
	
	}