.web_group{
		width:49%;
		float:left;
	}

	.web_group:first-child { 
		padding-right:2%;
	}
	

	.ui-btn {
		font-size:0.8em !important
	}
		
	.form_style{
		padding-right:0.15em;
		font-size: 0.8em;
		width:100%;
		
	}

	#compareServer-page .ui-content{
		font-size: 0.75em;
	}

	#setting-page .form_style{
		font-size: 0.9em;
	}

	#reading-page .form_style{
		font-size: 1.05em;
	}

	#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:62%;	
		/***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:0%;
		padding-bottom:1%;
		clear:both;
	}

	#compareButtonDevPwd{
		float:left;
		width:36%;
		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.8em;
	}
	
	
	.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: 84%;
		display: inline-block;
	}

	.value_buffer_style{
		/***padding: 0.35em 0 0.35em 0;***/
		margin-right:1%;
		width: 13%;
		display: inline-block;
		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;
	}


/***
	.read_title_style{
		padding: 0.35em 0 0.35em 5%;
		width: 36%;
		float: left;
	}
	
	
	.read_value_style{
		padding: 0.35em 0 0.35em 0;
		width: 50%;
		display: inline-block;
		word-break: break-all;

	}

	.read_buffer_style{
		padding: 0.35em 0 0.35em 0;
		width: 7%;
		display: inline-block;
		word-break: break-all;
		background-color:#33cc33;
	}
***/


/***
	.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 
	}

	.PeripheralItem:nth-of-type(odd){
		background: #CCC 
	}
	.PeripheralItem:nth-of-type(even){
		background: #c4d9ee 
	}

	.title_style.reading:nth-of-type(odd){
		background: #c4d9ee 
	}
	.value_style.reading: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: 1.4em;
		padding: 0.2em 0;
	}

	#msolutionLogo{
		height:1.5em;
	}


/***
.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:33%;
	}
	.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;

}