BODY 
{
    font-family: Tahoma;
    font-size: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px
}
.BG1
{
    background-color: #ccd2fa
}
TABLE 
{
    font-family: Tahoma;
    font-size: 20px; 
    border-collapse: collapse;
    /*color:Green*/

}

.TDHide
{
    display: none    
}
.TDContent 
{
    background-color: #EFEFEF; 
    height: 24px
}
.TH1 
{
    background-color: #484848; 
    height: 24px; 
    color: #fcfbfb;   
    border: #fcfbfb 1px solid
}
.DIVGrid 
{
    overflow: auto; 
    border: #CCCCCC 1px solid; 
    background-color: #FAFAFA
}
.SPANContent 
{
    font-size: 20px; 
    font-weight: bold; 
    color: #3D6DBE
}
.SPANNotify
{
    font-size: 20px; 
    color: #990000;
    text-align: right;
}
input
{
    font-family: Tahoma; 
    font-size: 12px;    
}
select
{
    font-family: Tahoma; 
    font-size: 20px;
       
}
.RowSelected
{
    background-color: #e5f5a8;   
    color: #888888
}

.shadetabs {
	MARGIN-BOTTOM: 1em; BORDER-BOTTOM: gray 1px solid
}
.shadetabs UL {
	PADDING-RIGHT: 0px; MARGIN-TOP: 1px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; 
	PADDING-BOTTOM: 4px; FONT: bold 12px Verdana; MARGIN-LEFT: 0px; PADDING-TOP: 4px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.shadetabs LI {
	DISPLAY: inline; MARGIN: 0px;
}
.shadetabs LI A {
	/*spacing BORDER-RIGHT: #778 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #778 1px solid; PADDING-LEFT: 7px; BACKGROUND: url(../images/shade.gif) white repeat-x left top; PADDING-BOTTOM: 3px; BORDER-LEFT: #778 1px solid; COLOR: #2d2b2b; MARGIN-RIGHT: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #778 1px solid; TEXT-DECORATION: none */
	BORDER-RIGHT: #778 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #778 1px solid; PADDING-LEFT: 7px; 
	BACKGROUND: url(../images/shade.html) white repeat-x left top; PADDING-BOTTOM: 3px;
	BORDER-LEFT: #778 1px solid; COLOR: #2d2b2b; MARGIN-RIGHT: -1px; PADDING-TOP: 3px;
	BORDER-BOTTOM: #778 1px solid; TEXT-DECORATION: none;	
}
.shadetabs LI A:visited{	
	COLOR: #2d2b2b	
}
.shadetabs LI A:hover {
	COLOR: #2d2b2b; TEXT-DECORATION: underline
}
.shadetabs LI.selected {
	POSITION: relative; TOP: 1px
}
.shadetabs LI.selected A {
	BACKGROUND-IMAGE: url(../images/shadeactive.html); BORDER-BOTTOM-COLOR: white;
}
.shadetabs LI.selected A:hover {
	TEXT-DECORATION: none
	
}
.watermark 
{
    background:#FFAAFF;
}



/* เพิ่ม 09-09-2008 */
.headGrid
{   font-family: Tahoma;
	font-size: 20pt; 	
    color: white; 
    height: 28px; 
    background-color: #484848}
 .GridView
 {
	font-family: Tahoma;
	font-size: 20pt; 	 
 }
  .Font
 {
	font-family: Tahoma;
	font-size: 20pt; 	
 }
 .HeadTD1
 { 
   background-color: #7a931e;
   border-left-color: white;
   border-top-color: white; 
   border-right-color: white;
   border-bottom-color: white;
   border-left-style: solid;
   border-top-style: solid;
   border-right-style: solid;       
   border-bottom-style: solid;
   color: white;
 }
  .HeadTD2
 { 
   background-color: #d5ddb6;
   border-left-color: white;
   border-top-color: white;
   border-right-color: white;  
   border-bottom-color: white;
   border-left-style: solid;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
 }    
TD
{
   font-family: Tahoma;
   font-size: 11pt;
}
.mark{ color:#FF0000 }
.Comment{ color:#0000cd }
.imgCalendar{ width:22px; /*height:20px;*/ cursor:pointer; }
.imgBrowse{ width:20px; /*height:20px;*/ cursor:pointer; }

.fontTitle{font-size: 20pt; font-family:Tahoma; /*color:#778899;*/ color:#696969;}
.borderLine
{
	border-left-color: white;
	border-top-color: white;
	border-right-color: white;
	border-bottom-color: white;
	border-left-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}


#UpdateProgress1 {
	width: 400px; height:5px; background-color: #FFC080; 
	bottom: 0%; left: 0px; position: absolute;
	border-right: gray 1px solid; border-top: gray 1px solid; 
	border-left: gray 1px solid; border-bottom: gray 1px solid;
}

#DIV_Loading { 
	position:absolute;	   
	top:10%; 
	left:10%;
	padding:10px;
	width:100%;    
	z-index:1001;
}

.UpdateProgress2 {
	width: 400px; height:5px; background-color: #FFC080; 
	bottom: 0%; left: 0px; position: absolute;
	border-right: gray 1px solid; border-top: gray 1px solid; 
	border-left: gray 1px solid; border-bottom: gray 1px solid;
}

.DIV_Loading2 { 
	position:absolute;	   
	top:8%; 
	left:-3%;
	padding:10px;
	width:100%;    
	z-index:1001;
}

/* ------------- */