/*กรอบนอกโมดูล*/
.m-box
{
	/*float :left ;*/
	text-align :left ;
	width :100%;
	/*padding :5px 0px 0px 5px;	*/
}
/*รูปหน้าหัวข้อ*/
 #box-headtitle
{
 text-align: left;
 margin :0px 0px 10px 0px;
}
#headtitle-img
 {
  	width :15px;
	height :15px;
	background :url("../images/icon01.jpg") no-repeat;
	float: left;  	
	padding :0px 10px 0px 0px
 }
/**Gridview style config**/
.gvCon
{
	width: 100%;
	border-width :0px;	
	margin: 0px 0px 0px 0px;
/*	border-right: lightgrey 5px double;
	border-top: lightgrey 5px double;
	border-left: lightgrey 5px double;
	border-bottom: lightgrey 5px double;*/
}

.gvCon-HeaderStyle
{
	height :25px;
	background-image: url(../Images/imgModule/mch.gif);
	background-repeat: repeat-x;
	text-align: center;
	font-family: Tahoma;
	font-size: 12px;
}
.gvCon-FooterStyle
{
	background-color: #696969;
}
.gvCon-Rowstyle
{
	height: 25px;
	vertical-align:middle;
}

.gvConItemstyle
{
	vertical-align:middle;
}
.gvConItem-No
{
	width :30px;
	vertical-align: middle;	
	text-align: center ;
}
.gvConItem-Select
{
	/*vertical-align: bottom ;*/
	text-align: center; /*	background-image: url(../Images/imgModule/edit.png);
	background-repeat: no-repeat;
	background-position-x: center;*/
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

.gvPage-style
{
	 text-align :center ;
}


#box-btClose
{
	width: 100%;
	text-align: right;
	background-image: url(../Images/imgModule/bg_closepanel.gif);	
}
.bt-close
{
	background-image: url(../Images/imgModule/close_panel.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	cursor: hand;
	width :60px;
}
/**Style Link Button**/
 .lbt
{
	height: 20px;
	background: url(../Images/imgModule/lbt_bg.png) no-repeat;
	background-position:center ;
	padding: 0px 0px 2px 0px;
	font-size: 12px;
	color: black;
	vertical-align: middle;	
	text-align: center ;
	border :0px;
}
/**style fieldset**/
.f-set
{
	padding-left: 10px;
	border-right: tan thin double;
	border-top: tan thin double;
	border-left: tan thin double;
	border-bottom: tan thin double;
}
	
.line-hr,hr
{
	color :#cd853f;
}

.more
{
	/*background :url(../images/more.png) no-repeat right;*/	
	text-align: right;
	font-weight: bold;
	/*padding-right :20px;
	border :solid 1px red;*/

}

/*Box Module**--------------------------------------------/
/** TOP **/
#top-left{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 35px;
	background:top left url(../images/border_01.jpg) no-repeat;
}
#top-right{
	position: absolute;
	top: 0px;
	right :0px;	
	width: 15px;
	height: 35px;
	background: top right url(../images/border_03.jpg) no-repeat;		
	
}
#top-center{ 
	/*position: static;*/
	top :0px;
	text-align : left ;
	padding :10px 0px 0px 0px ;
	margin :0px 15px 0px 15px ; 
	height: 35px;
	background: url(../images/border_02.jpg) no-repeat; 	
	color:#ffffff;
	/*border :red 1px solid;*/
}
/**Botton**/
#bot-left {
	position: absolute;
	bottom :0px;
	left: 0px;
	width: 15px;
	height: 29px;
	background: url(../images/border_07.jpg);
}
#bot-right {
	position: absolute;
	bottom : 0px;
	right : 0px;
	width: 15px;
	height: 29px;
	background:url(../images/border_09.jpg);	
}
#bot-center { 
	bottom :0px;
	text-align : left ;
	/*padding :0px 19px 0px 0px ;*/
	margin :0px 15px 0px 15px ; 
	height: 29px;
	background: url(../images/border_08.jpg) no-repeat; 	
}

/**Body Center**/
#body-canter
{
	position: static;
	padding: 5px 15px 0px 15px;
	text-align: left;
	background: url(../images/border_05.jpg);
}
#body-canter ul
{ 
	padding-top:0px;
}
#body-canter li
{ 	
	display:  list-item;
	padding :0px 0px 0px 0px;
}

#body-left
{ 
	position: absolute;
	left :0px;	
	width :16px;
	height  :100%; 
	background: url(../images/border_04.jpg) repeat-y top left;

 }
#body-right
{
	position: absolute;
	right :0px;
	width :16px;
	height  :100%; 
	background: url(../images/border_06.jpg) repeat-y top right;
	
}
/*--------------------------------------------------------------------------*/
/*Bar Detaill-------------------------------------------------------------------------*/
 /** TOP **/
#bar-top-left{
	 position:  absolute;
	top: 0px;
	left: 0px;
	width:25px;
	height: 25px;
	background: url(../images/bock_body_01.gif) no-repeat;

}
#bar-top-right
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
	background: url(../images/bock_body_03.gif) no-repeat;

}
#bar-top-center{ 
	top: 0px;
	text-align : left ;
	padding-top :10px;
	margin :0px 25px 0px 25px ; 

	height:15px;
	background: url(../images/bock_body_02.gif) repeat-x; 	

}
/**Botton**/
#bar-bot-left {
	position: absolute;
	bottom :0px;
	left: 0px;
	width: 25px;
	height: 25px;
	background: url(../images/bock_body_07.gif);	
}
#bar-bot-right {
	position: absolute;
	bottom : 0px;
	right : 0px;
	width: 25px;
	height: 25px;
	background:url(../images/bock_body_09.gif);	
	/*border :red 1px solid;*/
}
#bar-bot-center { 
	bottom :0px;
	text-align :center;
	margin :0px 22px 0px 22px ; 
	height: 25px;
	background: url(../images/bock_body_08.gif) repeat-x; 	
}

/**Body Center**/
#bar-body-canter
{	
	
	position :static ;	
	width:88%;
	padding:10px;
	margin :0px 25px 0px 25px;
	text-align: left;	
	background: url(../images/bock_body_05.gif) ;
	/*border :red 1px solid;*/
	 
}
#bar-body-canter ul
{ 
	padding-top:0px;
}
#bar-body-canter li
{ 	
	display:  list-item;
	padding :0px 0px 0px 0px;
}

#bar-body-left
{
	
	position:absolute;
	left :0px;
	margin :25px 0px 25px 0px;
	width:25px;
	height:90%; 
	background: url(../images/bock_body_04.gif) repeat-y;
	/*border :red 1px solid;*/
	
 }

#bar-body-right
{
	position:  absolute;
	margin :25px 0px 25px 0px;
	right :0px;
	width :25px;
	height  :90%; 
	background: url(../images/bock_body_06.gif) repeat-y;
	
}

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