* { margin:0; padding:0; }

html, body{
  overflow: auto;
  height: 100%;
  width: 100%;
}

/* Fonts */
@font-face {
	font-family: 'TH_Sarabun_New_Regular';
	src: url('../fonts/TH_Sarabun_New.eot');
  src: local('☺'), 
    url('../fonts/TH_Sarabun_New.woff') format('woff'), 
    url('../fonts/TH_Sarabun_New.ttf') format('truetype'), 
    url('../fonts/TH_Sarabun_New.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TH_Sarabun_New_Bold';
	src: url('../fonts/TH_Sarabun_New_Bold.eot');
  src: local('☺'), 
    url('../fonts/TH_Sarabun_New_Bold.woff') format('woff'), 
    url('../fonts/TH_Sarabun_New_Bold.ttf') format('truetype'), 
    url('../fonts/TH_Sarabun_New_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TH_Sarabun_New_Italic';
	src: url('../fonts/TH_Sarabun_New_Italic.eot');
  src: local('☺'), 
    url('../fonts/TH_Sarabun_New_Italic.woff') format('woff'), 
    url('../fonts/TH_Sarabun_New_Italic.ttf') format('truetype'), 
    url('../fonts/TH_Sarabun_New_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TH_Sarabun_New_BoldItalic';
	src: url('../fonts/TH_Sarabun_New_BoldItalic.eot');
  src: local('☺'), 
    url('../fonts/TH_Sarabun_New_BoldItalic.woff') format('woff'), 
    url('../fonts/TH_Sarabun_New_BoldItalic.ttf') format('truetype'), 
    url('../fonts/TH_Sarabun_New_BoldItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.textLabel{
  font-family:'TH_Sarabun_New_Regular',Sans-Serif;
  font-size:10pt;
  width:130px;
  height:25px;
  background-color: #E0E0E0;
  color:#000000;
}

.textValue{
  font-family:'TH_Sarabun_New_Regular',Sans-Serif;
  font-size:10pt;
  width:200px;
  height:25px;
  background-color: #F5F5F5;
  color:#000000;
}

#divHeader {
  position:absolute;
  left: 0px; top: 0px;
  z-index: 0;
}

#divConnection {
  position:absolute;
  left: 2px; top: 2px;
  z-index: 3000;
}

#divContent {
  position:absolute;
  left: 0px; top: 61px;
  z-index: 0;
}

#divProperties {
  position:absolute;
  left: 0px; top: 5px;
  width:408px; height: 450px;
  z-index: 1000;
}

#divProperties_Content {
  position:absolute;
  left: 0px; top: 0px;
  width:400px; height: 450px;
  background-color:  #cccccc;
  border-color: #dadada;   
  border-width: 1px;
}

#divProperties_Menu {
  position:absolute;
  left: 400px; top: 5px;
  width:8px; height: 40px;
  background-color: #000000;
  border-color: #000000 ;
  border-width: 1px;
  background-image:url('../images/menu.png');
  font-family:'TH_Sarabun_New_Regular',Sans-Serif;
  font-size:14pt;
  cursor: pointer;
}