body,th,td {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.body-title {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #5d7731;
}

.body-subtitle {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.body-content {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.body-tableContent {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

a.body-tableLink {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #257BB1;
	text-decoration: none;
}

a.body-tableLink:hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FCB95E;
	text-decoration: none;
}

.body-tableTitle {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FCB95E;
}

.body-tableSubtitle1 {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.body-tableSubtitle2 {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #257BB1;
}

.body-bgColor {
	background: linear-gradient(to right, #03629A, #0D9BDA);
}

.tab-bgColor {
	background: #03629A
}

.body-tableTitleBg {
	background-color: #000000;
}

.body-tableSubtitle1Bg {
	background-color: #CCCCCC;
}

.body-tableSubtitle2Bg {
	background-color: #EBEBEB;
}

.body-tabActiveBg {
	background-color: #03629A;
}

.body-tabInactiveBg {
	background-color: #03629A;
}

.body-tableBg {
	background-color: #FFFFFF;
}

.body-tabActiveName {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: underline;
}

a.body-tabInactiveName {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #C9E4F1;
	text-decoration: none;
}

a.body-tabInactiveName:hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}

a.body-contentLink {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fd9834;
	text-decoration: none;
}

a.body-contentLink:hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FCB95E;
	text-decoration: none;
}

.body-frmBg {
	background-color: #FFFFFF;
}

.body-frmBorder {
	background-color: #000000;
}

.body-frmGroupBorder {
	background-color: #000000;
	border-color: #efefef;
	border-style: double;
}

.body-titleBg {
	background-color: #c3de7d;
}

.popup-bgColor {
	background-color: #e4e4e4;
}

.popup-title {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #5d7731;
}

.popup-frmTableBorder {
	background-color: #CCCCCC;
}

.popup-frmTableTitleBg {
	background-color: #000000;
}

.popup-frmTableTitle {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FCB95E;
}

.popup-frmTableContBg {
	background-color: #FFFFFF;
}

.popup-frmTableCont {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.popup-frmAlert {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #CC3300;
}

.body-tableContentBg {
	background-color: #FFFFFF;
}

.body-frmContent {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.body-frmContentBg {
	background-color: #e4e4e4;
}

.body-frmTableBg {
	background-color: #FFFFFF;
}

.body-frmTableTitleBg {
	background-color: #FFFFFF;
}

.body-frmTableTitle {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
}

.body-frmButtonBg {
	background-color: #efefef;
}

.body-frmTableTabBg {
	background-color: #E4E4E4;
}

a.body-frmTableTab {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

a.body-frmTableTab:hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FCB95E;
	text-decoration: none;
}

.body-frmTableSelectedTab {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
}

.body-frmTableTabEnable {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #999999;
}

.body-frmTableTabSp {
	background-color: #efefef;
}

.body-frmTableTabActiveBg {
	background-color: #FFFFFF;
}

.body-frmSubTableBg {
	background-color: #003366;
}

.body-frmSubTableTitleBg {
	background-color: #CCDDEE;
}

.body-frmSubTableContentBg {
	background-color: #FFFFFF;
}

.body-frmSubTableTitle {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.body-frmSubTableContent {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.popup-tableTitle {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
}

a.tab-menuInactive {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #2c2f33;
	text-decoration: none;
}

a.tab-menuInactive:hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

.tab-menuActive {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

.tab-menuActiveBg {
	background-color: #03629A;
	height: 25px;
}

.tab-menuInactiveBg {
	height: 25px;
}

.body-frmContentH {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #006600;
}

a.body-titleLink {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

a.body-titleLink:hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

a.header-menu {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a.header-menu :hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FCB95E;
	text-decoration: none;
}

.header-menuMid {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FCB95E;
}

.header-user {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
}

.footer-copyright {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.header-bg {
	background-color: #FFFFFF;
}

.header-topLine {
	background-color: #FCB95E;
}

.header-bottomLine {
	background-color: #000000;
}

.body-tableContentH {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #006600;
}

.body-frmContentHBg {
	background-color: #D5F0D5;
}

.body-tableContentBgH {
	background-color: #F0FBF0;
}

.body-POSAmount {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 48px;
	color: #FFFFFF;
	text-decoration: none;
}

.body-POSAmountContent {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 48px;
	color: #FFFFFF;
}

.body-tableHilight {
	background-color: #FFFFE6;
}

a.body-mainLink {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a.body-mainLink:hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

.report-title {
	background-color: #efefef;
}

.subtotal-header {
	background-color: #D5F0D5;
}

.group-1 {
	background-color: #D5F0D5;
}

.group-2 {
	background-color: pink;
}

.subtotal {
	background-color: red;
}

.subtotal-label {
	white-space:nowrap;
}

.grandtotal-row {
	background-color: #CCDDEE;
}

.sorted {
	background-color: orange;
}

.even {
	background-color: #dcdcd4;
}

.odd {
	background-color: #cfefff;
}

.right-align {
	text-align: right;
}

a.menu-titleLink {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #257BB1;
	text-decoration: none;
}

a.menu-titleLink:hover {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FCB95E;
	text-decoration: none;
	font-weight: bold;
}

.menu-title {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #006699;
	text-decoration: none;
	background-color: #efefef;
}

.menu-titleBg {
	background-color: #efefef;
}

.report-bgColor {
	background-color: #257BB1;
}

.report-tableTitle {
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
}

.report-tableTitleBg {
	background-color: #CCDDEE;
}

.report-tableContentBgH {
	background-color: #F0FBF0;
}

.report-tableFooterBg {
	background-color: #D5F0D5;
}

.report-tableBg {
	background-color: #FFFFFF;
}

.sike-text {
	text-decoration: line-through;
}

th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	text-decoration: none;
	background-repeat: no-repeat;
	font-family:Kanit, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

th.sortable a {
	background-image: url(../images/arrow_off.png);
}

th.order1 a {
	background-image: url(../images/arrow_down.png);
}

th.order2 a {
	background-image: url(../images/arrow_up.png);
}

.navyHeader {
	color: navy;
}

.brownHeader {
	color: brown;
}

.greyHeader {
	color: grey;
}

.blueHeader {
	color: blue;
}

.darkgreenHeader {
	color: darkgreen;
}

.tealHeader {
	color: teal;
}

.greenHeader {
	color: green;
}
div.product_thumb_image {
	    background-color: #fff;
		width: 120px;
		height: 150px;
		max-width:120px;
		max-height:150px;
		display: inline-block;
		overflow: hidden;
}
div.product_thumb_image img {
		width: 100px;
		height: 100px;
		max-width:100px;
		max-height:100px;
}
div.pos_product_thumb_image {
	    background-color: #fff;
		width: 120px;
		height: 150px;
		max-width:120px;
		max-height:150px;
		display: inline-block;
		overflow: hidden;
}
div.pos_product_thumb_image img {
		width: 100px;
		height: 100px;
		max-width:100px;
		max-height:100px;
}
.nowrap {
	white-space:nowrap;
}