/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
@font-face {
	font-family: "Pudgrong";
	src: url('_pudgron.eot');
	/*src: local('JS Pudgrong Normal'), local('JSPudgrong-Normal'), url('_pudgron.ttf') format('truetype');*/
}
 @font-face {
    font-family: "Rukdeaw";
    src: url("can_Rukdeaw01.eot");
}
 @font-face {
    font-family: "wansika";
    src: url("_WANSIKA.eot");
}
 @font-face {
    font-family: "Leela";
    src: url("leelawad.eot");
}
 @font-face {
    font-family: "THSarabun";
    src: url("THSarabun.eot");
}

















/**********************************************************************
 * Classic Menu Styles                                                *
 **********************************************************************/
.menus { /* horizontal menu container */
	padding-bottom: 6px;
	padding-top: 6px;
	}

.menusV { /* vertical menu container */
	padding-left: 5px;
	padding-right: 7px;
	}

.menu { /* horizontal/vertical menu item text */
    color: #666666;
    font-family:Leela, Tahoma, Verdana, Geneva, ms sans serif;
    }
    
a.menu { /* horizontal/vertical menu item link text */
    color: #666666; 
    font-family:Leela, Tahoma, Verdana, Geneva, ms sans serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    padding-top: 1px;
    width: 100%;
    }

a.menu:hover { /* horizontal/vertical menu item link text hover state */
    color: #000000;
    }

.menu_on-TL, .moTL, .mvoTL { /* horizontal/vertical menu highlighted item top right edge */
    background-image: url(../../Images/menuOverTL.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 6px;
    height: 5px;
    }
.menu_on-T, .moT, .mvoT { /* horizontal/vertical menu highlighted item top center edge */
    background-image: url(../../Images/menuOverT.gif);
    background-repeat: repeat-x;
    background-position: bottom center;
    height: 5px;
    }
.menu_on-TR, .moTR, .mvoTR { /* horizontal/vertical menu highlighted item top right edge */
    background-image: url(../../Images/menuOverTR.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 6px;
    height: 5px;
    }
.menu_on-L, .moL, .mvoL { /* horizontal/vertical menu highlighted item left middle edge */
    background-image: url(../../Images/menuOverL.gif);
    background-repeat: repeat-y;
    background-position: center right;
    width: 6px;
    height: 12px;
    }
.menu_on, .moC, .mvoC { /* horizontal/vertical menu highlighted item center */
    background-image: url(../../Images/menuOverC.gif);
    white-space: nowrap;
    height: 12px;
    width: 100%;
    }
.menu_on-R, .moR, .mvoR { /* horizontal/vertical menu highlighted item right middle edge */
    background-image: url(../../Images/menuOverR.gif);
    background-repeat: repeat-y;
    background-position: center left;
    width: 6px;
    height: 12px;
    }
.menu_on-BL, .moBL, .mvoBL { /* horizontal/vertical menu highlighted item bottom left edge */
    background-image: url(../../Images/menuOverBL.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 6px;
    height: 5px;
    }
.menu_on-B, .moB, .mvoB { /* horizontal/vertical menu highlighted item bottom center edge */
    background-image: url(../../Images/menuOverB.gif);
    background-repeat: repeat-x;
    background-position: top center;
    height: 5px;
    }
.menu_on-BR, .moBR, .mvoBR { /* horizontal/vertical menu highlighted item bottom right edge */
    background-image: url(../../Images/menuOverBR.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 6px;
    height: 5px;
    }

.menu_on a, .moC a, .mvoC a { /* horizontal/vertical menu highlighted item link text */
    color: #000000;
    font-family:Leela, Tahoma, Verdana, Geneva, ms sans serif;
    font-size: 14px;
    }

.menu_off-TL, .mTL, .mvTL { /* horizontal/vertical menu item top right edge */ 
    background-image: url(../../Images/menuTL.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 6px;
    height: 5px;
    }
.menu_off-T, .mT, .mvT { /* horizontal/vertical menu item top center edge */
    background-image: url(../../Images/menuT.gif);
    background-repeat: repeat-x;
    background-position: bottom center;
    height: 5px;
    }
.menu_off-TR, .mTR, .mvTR { /* horizontal/vertical menu item top right edge */
    background-image: url(../../Images/menuTR.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 6px;
    height: 5px;
    }
.menu_off-L, .mL, .mvL { /* horizontal/vertical menu item left middle edge */
    background-image: url(../../Images/menuL.gif);
    background-repeat: repeat-y;
    background-position: center right;
    width: 6px;
    height: 12px;
    }
.menu_off, .mC, .mvC { /* horizontal/vertical menu item center */
    background-image: url(../../Images/menuC.gif);
    white-space: nowrap;
    height: 12px;
    width: 100%;
    }
.menu_off-R, .mR, .mvR { /* horizontal/vertical menu item right middle edge */
    background-image: url(../../Images/menuR.gif);
    background-repeat: repeat-y;
    background-position: center left;
    width: 6px;
    height: 12px;
    }
.menu_off-BL, .mBL, .mvBL { /* horizontal/vertical menu item bottom left edge */
    background-image: url(../../Images/menuBL.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 6px;
    height: 5px;
    }
.menu_off-B, .mB, .mvB { /* horizontal/vertical menu item bottom center edge */
    background-image: url(../../Images/menuB.gif);
    background-repeat: repeat-x;
    background-position: top center;
    height: 5px;
    }
.menu_off-BR, .mBR, .mvBR { /* horizontal/vertical menu item bottom right edge */
    background-image: url(../../Images/menuBR.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 6px;
    height: 5px;
    }

.menuEdgeL, .mel { /* horizontal menu container left edge */
    }

.menuEdgeR, .mer { /* horizontal menu container right edge */
    }

.menu_bot_bg, .mbbg { /* horizontal menu bottom trim */  
	} 


/**********************************************************************
 * Tab Control Styles                                                 *
 **********************************************************************/
.ajax__tab_xp { /* tab container alignment */
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	
	}

.pContent .ajax__tab_xp .ajax__tab_body
{
    /* tab container */
    margin: 0px;
    padding: 0px;
}

.ajax__tab_xp .dialog_view, .ajax__tab_xp .dv { /* panel container within tab container */
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	}

.ajax__tab_xp .tre { /* data grid container within tab container */
	}

.ajax__tab_xp .dBody { /* panel content container (excludes panel header) within tab container */ 
	border: 0px;
	}

/*-----------------------------------------*/
.ajax__tab_tab
{
    font-family:  Leela;
    font-size: 14px;
    color: #333333;
}