/* Global */
/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}  F3F3F3*/

body 
{
	margin: 0px;
		background-image: url(../images/bj.gif);
background-position:center top;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	SCROLLBAR-HIGHLIGHT-COLOR: #f5f9ff; SCROLLBAR-SHADOW-COLOR: #828282;
	SCROLLBAR-3DLIGHT-COLOR: #828282; SCROLLBAR-ARROW-COLOR: #797979; 
	SCROLLBAR-TRACK-COLOR: #efefef; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	POSITION: relative; 	 
	SCROLLBAR-FACE-COLOR: #dedede ;
	background-color:#F3F3F3;

}

body, table, input, select, textarea, .maintable,  .altbg1, .altbg2 {
font: 12px Verdana, Arial, Tahoma;
}

.ButtonStyle {
	background-repeat: no-repeat;
	text-align: center;
	height: 30px;
	width: 74px;
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(../images/bot_2.gif);
	font-size: 12px;
	cursor:hand;
}
.Mousetype
{
 cursor:pointer;
}
/*
a:link {color: #ff6600; text-decoration: none;}
a:visited {color: #ff6600; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: underline;}
.s10{clear: both;padding-top:10px;}
.s3{clear: both;padding-top:3px;}
.s5{clear: both;padding-top:5px;}*/

.w120{width:120px;}
.w220{width:220px;}
.w260{width:260px;}
.w90{width:60px; height:50px;}

.btn{height:25px;border:0;padding-top:3px;padding-top/**/:3px;padding-bottom:2px;margin-bottom:0;background-color:transparent;cursor:pointer!important;cursor:hand;font: 12px งบส^,arial, helvetica, sans-serif;color:#333333;}
.b65{width:65px;background:url(../images/bg_btn_65x25.gif);}
.b120{width:120px;background:url(../images/bg_btn_120x25.gif);}


table {
color: #666666;
empty-cells: show;
border-collapse: separate !important;
border-collapse: collapse;
}


form {
margin: 0px;
padding: 0px;
}


/* Multi Page */
.p_bar {
margin: 1px 0px;
clear: both;
}



.p_curpage {
margin-right:1px;
border: 1px solid #FFAAC6;
vertical-align: middle;
background-color: #FFFFFF;
color: #FF6295;
font-weight: bold;
}




.tbx
{
	
	
	height:18px; padding:2px; border:solid 1px #666666; font-size:12px;

}
.tebx
{
 height:14px; padding:2px; border:solid 1px #666666; font-size:12px;
}



.layout{ width:1000px; margin:auto; height:480px; }
.layAmin
{
	width:1000px; margin:auto; height:600px;  
	}
.layoutcenter{float:left; width:480px;}
.layoutLeft{ width:680;}
.layoutfoot{width:1000px; margin:auto;}




#header{width:776px; margin:auto;}
#header .header_top{width:100%; margin-top:3px;}
#header .header_top span{margin-left:3px; margin-right:3px;}
#header .header_top span img{ margin-right:3px;}
#header .headermiddle{width:100%; margin-top:5px; margin-bottom:3px;}
#header .headermiddle .logo{ float:left; border:solid 1px #333300; }
#header .headermiddle .banner{ float:left; margin-left:3px; border:solid 1px #333300;}
#header .headerbottom{width:100%; margin-top:3px; padding-top:8px; padding-bottom:6px; background:url(../images/bg_mainmenu.gif); color:#ffffff;}
#header .headerbottom li{float:left; margin-left:5px; margin-right:5px;}
#header .headerbottom a:link{color: #ffffff;text-decoration: underline;}
#header .headerbottom a:visited {color: #ffffff; text-decoration: underline;}
#header .headerbottom a:hover {color: #666666; text-decoration: none;}


#footer{width:95%; margin:auto;}
#footer ul{ float:left;width:20%;}
#footer li{  text-align:center; border-left:solid 1px #333300; border-bottom:solid 1px #333300; background-color:#FFB785; color:#000; padding:6px 0px;}

.box { clear: both; width: 100%; color: #333333; text-align: left; background-color: #ffffff; }
/* table form */
.tf{width:100%; margin:auto; border:0;background-color: #333300;}
.tf tr{ padding-top:5px; padding-bottom:5px;}
.tf .title{ height:21px; background-color:#f0f0f0; text-align:center; font-weight:bold; color:#ff6600; }
.tf .label{padding:5px 5px 5px 0px;background-color:#EAEAEA; color:#000000; text-align:right;  }
.tf .field{background-color:#FFFFFF; font-size:12px; color:#000000; text-align:left;}
.tf .field1{background-color:#FFFFFF; font-size:12px; color:#000000; text-align:right;}
.tf .submit{padding:5px 0px 5px 0px;background-color:#FFFFFF; font-size:12px; color:#000000;text-align:center;}


.navpath{width:766px; margin:auto; padding:5px; border:solid 1px #cccccc;}
.navstep{ width:98%;margin:auto; padding:5px; background:#FFE4D2; text-align:center;}
.navstepmiddle{width:740px;margin:auto; padding:5px; background:#FFE4D2; text-align:center;}
.navstepsmall{ width:400px;margin:auto; padding:5px; background:#FFE4D2; text-align:center;}

.headtab
{
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #ffcaa6 1px solid;
	 HEIGHT: 10px; 
	 BACKGROUND-COLOR: #fafafa;
	

}
.tabrow
{
	BORDER-BOTTOM: #333300 1px solid; 
	
}
/*   Grid   Style   -   Start   */   
    
  .gridArea   
  {   


  }  
  
    
  .gridArea   .DataGrid   
  { 
	
	border-top-width: 1px;
	border-left-width: 1px;
	border:1px   Black   solid; 
	 color:Black;
	
	

	
  }   
    
  .gridArea .GridHeader   
  {  
	 background :#6B696B;
	
	height: 28px;
	padding-left: 3px;
	cursor: default; 
	text-align:center;
	font-size:14px;
	font-style:inherit;
	color:White; 
 
  } 

  .gridArea   .GridViewHeader   
  { 
  	color: #6B696B;
	height: 28px;
	padding-left: 3px;
	cursor: default; 
	text-align:center;
	font-size:14px;
	font-style:inherit;
  
  } 
  
  .gridArea .GridPager
  {
	border-width:   1px;     
	border-color   :#000000;     
	border-style   :solid; 

	}  
  .gridArea   .GridItem   
  {   
    background-color:#FFF7F9;   
    color:black;  
    border:1px   #   solid;  
  }   
    
  .gridArea .GridSelectedItem
  {
	background-color:#CE5D5A;   
    color:White;   
  
  }   
    
  .gridArea   .GridAltItem   
  { 
   background-color:White;   

  }   
   .gridArea   .GridFoot   
  {   
    background-color:#CCCC99;   


   
  } 
  
   .gridArea1   
  {  
  	
  }  
  
  .gridArea1   .DataGrid   
  { 
	border-top-width: 1px;
	border-left-width: 1px;
	border:1px   Black   solid; 
	color:Black;
  }   
    
  .gridArea1 .GridHeader
{
	background-color: #6B696B;
	height: 28px;
	padding-left: 3px;
	cursor: default;
	text-align: center;
	font-size: 14px;
	font-style: inherit;
	color: White;
} 

  .gridArea1   .GridViewHeader   
  { 
  	color: #6B696B;
	height: 28px;
	padding-left: 3px;
	cursor: default; 
	text-align:center;
	font-size:14px;
	font-style:inherit;
  
  } 
  
  .gridArea1 .GridPager
  {
	border-width:   1px;     
	border-color   :#000000;     
	border-style   :solid; 

	}  
	
  .gridArea1   .GridItem   
  {   
    background-color:#FFF7F9;   
    color:black;  
    border:1px   #   solid;  
  }   
    
  .gridArea1 .GridSelectedItem
  {
	background-color:#CE5D5A;   
    color:White;   
  
  }   
    
  .gridArea1   .GridAltItem   
  { 
   background-color:White;   

  }   
  
   .gridArea1   .GridFoot   
  {   
    background-color:#CCCC99;    
  } 
  
  .tabl
  {
	BORDER-RIGHT: #333300 1px solid;
	 BORDER-TOP: #333300 1px solid;
	  BORDER-LEFT: #333300 1px solid; 
	  BORDER-BOTTOM: #333300 1px solid;
	}
    
  /*   Grid   Style   -   End   */
  table.Listing {
	

	
}

table.Listing td
{
	border-bottom: 1px solid #333300;

	
}

table.Listing td, 
table.Listing th,
table.Listing caption, 
h2 {
	padding: 4px 12px 4px 12px;
	text-align: left;
}

table.Listing tr {
	color: inherit;
	background: #F5F5F5;
	
}

table.Listing th,
table.Listing td.Header,
table.Listing tr.Header td {
	font-weight: bold;
	color: inherit;
	border-bottom: 1px solid #6B86B3;
	/*background: #FFFFFF;*/
}

table.Listing tr.Alt {
	color: inherit;
	/*background: #FFFFFF;*/
	
}
/**/

table.myListing td, 
table.myListing th,
table.myListing caption {
	padding: 4px 0px 4px 0px;
	text-align: center;
}
table.myListing td
{
	border-bottom: 1px solid #333300;
}
table.myListing tr {
	color: inherit;
	background: #F5F5F5;
	
}

table.myListing th,
table.myListing td.Header,
table.myListing tr.Header td {
	font-weight: bold;
	color: inherit;
	border-bottom: 1px solid #6B86B3;
	/*background: #FFFFFF;*/
}

table.myListing tr.Alt {
	color: inherit;
	/*background: #FFFFFF;*/
	
}
/**/


table.Listing2 td
{
	border-bottom: 1px solid #E6E6E6;
	
}

td 
{
	margin: 0;
	padding: 0;
	vertical-align:middle;
}

.popupWindow
{
	position:absolute;
    width:250px;
    border: solid 1px black;
    margin: 0px 0px 0px 20px;
    background-color:white;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#2557ad); 
    display:none;
}