.head { 
font-family: Angsana UPC; 
font-size: 20pt;
color:blue;
border-style: none;
}
.font1 { 
font-family: Angsana UPC; 
font-size: 12pt;
color:blue;
border-style: none;
}
.font2 { 
font-family: Angsana UPC; 
font-size: 11pt;
color:#0002EE;
border-style: none;
}
.font4 { 
font-family: Angsana UPC; 
font-size: 10pt;
color:gray;
border-style: none;
}

.table.sortable thead{
	width:900px;
	font-family:tahoma; 
	font-size:14pt; 
	background-color:#eee;
	color:red;
	cursor:hand;
	}

.datatable1 {
	border:1px solid  #696969;
	border-collapse : collapse;
	width:90%;
	font-family:tahoma; 
	font-size:12pt; 
	font-weight: bold ; 
	}
.datatable1 td  {
	border:1px solid #DCDCDC;
	padding:0.2em;
	}

.datatable2 {
	border:1px solid  #696969;
	border-collapse : collapse;
	width:95%;
	font-family:tahoma; 
	font-size:12pt; 
	font-weight: bold ; 
	margin-left:  10px;
	}
.datatable3 {
	border:1px solid  #696969;
	border-collapse : collapse;
	width:55%;
	font-family:tahoma; 
	font-size:12pt; 

	}
.headslide {
 color:blue;
font-family:  Sans-Serif;
 font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
  background-color:#E6E6FA;
  border-color: #DAE0E2;
  border-style: dotted;
  border-width: 1px;
  padding:0px;
  margin-right: ;
  margin-left:  1px;
}
.head2 {
 color:blue;
font-family:  Sans-Serif;
 font-size: 20px;
  width: 50%;
  display: block;
  text-align: center;
  background-color:#E6E6FA;
  border-color: #DAE0E2;
  border-style: dotted;
  border-width: 1px;
  padding:0px;
  margin-right: ;
  margin-left:  1px;
}

.main{
	border : 3px solid #8789E7;
	background : #FFFFD9;
	padding: 10px 0px;
	width : 100%;
	height : 40px;
}