.SCROLLBAR
{
    SCROLLBAR-HIGHLIGHT-COLOR: #9999FF;
    SCROLLBAR-ARROW-COLOR: #FFFF00;
    SCROLLBAR-BASE-COLOR: #989898;
}


.mainmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}

.mainmenu A {
	text-decoration: none;
	color: #FFFFFF;
}



.mainmenu A:hover{
	color: #FFCC00;
	text-decoration: none;
}



.shortcut {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.shortcut A {
	COLOR: #3366cc; TEXT-DECORATION: none
}
.shortcut A:hover {
	COLOR: #000099;

}
.shortcut A:visited {
	COLOR: #006699
}


body {
	margin: 0px;

	/* For Default */
	background-color: #993399;
	
	/* For Christmas */
	/* Green */
	/*
	background-color: #006600;
	*/
	/* RED */
	/*
	background-color: #DD0000;
	*/
	
	/* For NewYear
	background-color: #DD0000;
	*/

	/* For Songkarn FestivaL 
	background-color: #CCCCFF;
	background-image: url(images/home_v02/bg_th_newyear.jpg);
	*/	
}


/* ----------------- TABLE Properties --------------- */
TABLE.MainTable {
	/* background-color: #FFFFFF; */
	background-color: #FFFFFF;
}
TABLE.QuickGuideTable {
	/* background-color: #FFFFFF; */
	background-color: #CC99FF;
}
TABLE.leftmenu_product {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: #9999CC;
}
TABLE.Table_body {
	background-color: #FF0000;
}
TABLE.news {
	background-color: #CCCCFF;
}
TABLE.Table_tracking{
	background-color: #EFEFEF;
}


/* ----------------- TD Properties --------------- */
TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366CC;
}

TD A:hover{
	color: #000099;
}
TD.QuickGuide{
	color: #FF0000;
}
TD.QuickGuide A:hover{
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
TD.QuickGuide A:link{
	color: #FFFFFF;
}
TD.QuickGuide A:visited{
	color: #666666;
}

TD.SUBMNU {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0066CC;
	border: thin ridge #999999;
}
TD.HomeMenuLinkBar{
	background-color: #CCCCFF;
}


/* ----------- FOR HTTP ERROR Page ----------- */
TD.WarningTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
}
TD.WarningSub {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
}
TD.WarningDesc {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	vertical-align: top;
}
TD.WarningRedirect {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	vertical-align: top;
}


/* ----------- FOR WARNING MESSAGE Page ----------- */
TD.Warning_header1{
	font-family:"Times New Roman", "Times", "serif";
	font-size:24px;
	color: #FF0000;
	font-weight: bold;
}
TD.Warning_header2 {
	font-family:"Times New Roman", "Times", "serif";
	font-size:16px;
	color: #FF0000;
	font-weight: bold;
}
TD.Warning_header3 {
	font-family:"Times New Roman", "Times", "serif";
	font-size:14px;
	color: #555555;
}



/* ================ REGISTRATION FORM ======================= */
.reg_form1{
 	color:#993399;
	background-color:#BBEEFF;
}



.bgNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
	border: thin outset #999999;
}
.bgOver {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration: none;
	background-color: #FFFFFF;
	border: thin outset #999999;
	cursor: hand;

}
.medium {
	background-color: #CCCCCC;
}
.white {
	background-color: #FFFFFF;
}
.dark {
	background-color: #6D8CB3;
}
.smallerwhitelink {
	color: #0066CC;
}
.leftmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.leftmenu A:hover {
	color: #FF9900;
}
.leftmenu A {
	color: #000000;
	font-weight: bold;
}



.headleftmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.headrelatemenu {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;
}
.copyrightaddress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.orderbg0 {
	background-color: #EFEFEF;
}
.orderbg1 {
	background-color: #CCCCFF;
}
.formhidden {
	font-style: oblique;
}
.orderview1 {
	background-color: #CCCCFF;
}
.orderinfohead {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
.orderstephead {
	font-size: 17px;
	font-weight: bold;

}
TD.prod_size_bar {
	background-color: #999999;
}
TD.prod_sep_bar {
	background-color: #9966FF;
}
.confirmfield {
	background-color: #EFEFEF;
	width: 350px;
}
.sitemap {
	color: #0066CC;
	text-decoration: none;

}
.sitemap A:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: normal;


}
.member TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ProductInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #6699CC;
}
.ProductInfoSUB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #6699CC;

}
.lineDevProductInfo {
	background-color: #6699FF;
}
.ProductName {
	font-weight: bold;
	color: #6699FF;
}
.ProductNameSmall {
	font-size: 12px;
}

.ERR_FORM{
	FONT-SIZE: 12px; COLOR: #DD0000; FONT-FAMILY: arial; font-weight: bold
}
TD.ERR_FORM_YellowBG {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold
	font-size: 12px;
	COLOR: #DD0000;
	background-color: #FFFF00;
	line-height: 36px;
	font-size: 11px;
	font-weight: bold;
}

.text_menu_head {
	FONT-WEIGHT: 700;
	FONT-SIZE: 12px;
	COLOR: #333333;
	LINE-HEIGHT: 24px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	vertical-align: middle;
	background-color: #D6D7FF;
	background-position: left center;
	text-align: left;
}

.HD_CONT {
	FONT-WEIGHT: 500;
	FONT-SIZE: 18px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	text-align: left;
	vertical-align: bottom;
}

/* Show Result*/
.text_result_confirm {
	color: #9966CC;
	font-weight: bold;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
/* Show Result without underline */
.text_result_confirm_nounderline {
	color: #9966CC;
	font-weight: bold;
	font-size: 12px;
}
/* ------------------------ */

table.TableShowIP {
	/*	background-color: #CCCCFF; */
	background-color: #FFCC00;
	border: thin dashed #CC3399;
	display: table;
	list-style-type: none;
	page-break-before: auto;
}
td.TableShowIP_FONT {
	color: #333333;	/*	background-color: #CCCCFF; */
}
td.TableShowIP_FONTRed {
	color: #FF0000;	/*	background-color: #CCCCFF; */
	font-size: 14px;
	font-weight: bold;
}


.button {
	border: thin groove #9933FF;
	background-color: #CCCCFF;
	text-align: center;
	vertical-align: middle;
	height: 23px;
	width: 200px;
	font-weight: bold;
	text-transform: none;
}
.LastUpdate {
	color: #CC0099;
}
.searchbox {
	background-color: #E6E9F8;
	border: thin inset;
}
.privacy {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

TD.FieldFormName {
	font-weight: bold;
}
TD.NoteFormSignup {
	font-size: 12px;
	font-style: italic;
	color: #6666CC;
}
TD.VerifyCode {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #FF9900;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}







/* ======================================================================= */
/*                              Register From                              */
/* ======================================================================= */
/*  B2B Register  */
TD.Register_Step_TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366CC;
}
TD.Register_Step_Title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	text-align: left;
	vertical-align: bottom;
}
.Register_Step_Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #6699CC;
}
TD.Register_Step_Headline{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #333333;
	LINE-HEIGHT: 24px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	vertical-align: middle;
	background-color: #D6D7FF;
	background-position: left center;
	text-align: left;
	text-transform: uppercase;
	padding-left: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC0099;
	border-right-color: #CC0099;
	border-bottom-color: #CC0099;
	border-left-color: #CC0099;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

/* === ACCOUNT PENDING === */
TD.Register_Step_PENDING_AccStausField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFCC00;
	text-transform: uppercase;
	line-height: 60px;
}
TD.Register_Step_PENDING_AccStausText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #CC3300;
	background-color: #FFCC00;
	font-weight: bold;
}
/* === ACCOUNT APPROVED === */
TD.Register_Step_APPROVED_AccStausField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	background-color: #99CCFF;
	text-transform: uppercase;
	line-height: 60px;
}
TD.Register_Step_APPROVED_AccStausText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #0000FF;
	background-color: #99CCFF;
	text-transform: uppercase;
}
/* === USERACCOUNT === */
TABLE.Register_Step_USERACCOUNT_TABLE {
	background-color: #EFEFEF;
	border: thin solid #000000;
	display: table;
	list-style-type: none;
	page-break-before: auto;
}
TD.Register_Step_USERACCOUNT_Headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	background-color: #CCCCCC;
	text-transform: uppercase;
	padding-left: 5px;
}
/* -------------------------*/

TD.Register_Step_AccountName {
	font-weight: bold;
	color: #6699FF;
}
.Register_Step_MoneyGuarantee {
	color: #CC0099;
}
TD.Register_Step_AccTypeField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #C6F;
	line-height: 25px;
}
TD.Register_Step_AccTypeText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #C9F;
}
TD.Register_Step_LeftMenuHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
TD.Register_Step_LeftMenuText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
TD.Register_Step_ChooseText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #FF0000;
	font-weight: bold;
}
TABLE.ShowBorder {
	background-color: #CCCCCC;
	border: thin dashed #CC3399;
	display: table;
	list-style-type: none;
	page-break-before: auto;
}
/* SHOW IP */
TABLE.ShowIP_BorderBlackDash {
	/*	background-color: #CCCCFF; */
	background-color: #FFCC00;
	border: thin solid #000000;
	display: table;
	list-style-type: none;
	page-break-before: auto;
}
/* --------------- RESULT VIEW --------------- */
TD.Register_Result {
	color: #9966CC;
	font-weight: bold;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
/* Show Result without underline */
TD.Register_Result_NoLine {
	color: #9966CC;
	font-weight: bold;
	font-size: 12px;
}
/* --------------- MAIL PEDNING VIEW --------------- */
TD.Register_Result_Pending {
	color: #FF6600;
	font-weight: bold;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9900;
}
/* Show Result without underline */
TD.Register_Result_Pending_NoLine {
	color: #FF6600;
	font-weight: bold;
	font-size: 12px;
}
/* ------------------------------------------------ */




TD.PopUp_Headder{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #333333;
	LINE-HEIGHT: 24px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	background-color: #FFFF00;
	text-align: center;
	text-transform: uppercase;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC0099;
	border-right-color: #CC0099;
	border-bottom-color: #CC0099;
	border-left-color: #CC0099;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
TD.PopUp_Subject {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold
	font-size: 12px;
	COLOR: #DD0000;
	background-color: #D6D7FF;
	line-height: 36px;
	font-size: 14px;
	text-indent: 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CC0099;
	border-bottom-color: #CC0099;
}
TR.PopUpTR_Text {
	background-color: #FFFFFF;
}
TR.PopUpTR_MouseOver {
	background-color: #CCC;
}
TD.PopUp_Groupby {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	vertical-align: middle;
	text-align: left;
	color: #999;
}
TD.PopUp_No {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	vertical-align: middle;
	text-align: center;
}
TD.PopUp_Text{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	vertical-align: middle;
	text-align: left;
}
TD.PopUp_MouseOver {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	background-color: #CCC;
	vertical-align: middle;
	text-align: left;
}

/* SHOW PLAN for B2B: Register */
TABLE.MoneyTable{
	border: 1px dashed #AAF;
}
TD.MoneyAdvanceTitle{
	font-size: 17px;
	font-weight: bold;
	background-color: #CCF;
	text-align: center;
}
TD.MoneyGuaranteeeTitle{
	font-size: 17px;
	font-weight: bold;
	background-color: #C3C;
	text-align: center;
	color: #FFF;
}
TD.MoneyValue{
	font-family:Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-weight: bold;
	font-size: 18px;
	background-color: #FFC;
	text-align: right;
	line-height: 30px;
}
TD.MoneyRequire{
	font-family:Arial, Helvetica, sans-serif;
	color: #F00;
	font-weight: bold;
	font-size: 18px;
	background-color: #FFC;
	text-align: right;
	line-height: 30px;
}
TD.Help_HowtoH1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCF;
	text-indent: 10px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	vertical-align: middle;
}
.Help_HowtoStep {
	color: #C60;
}
.remark_star {
	FONT-SIZE: 20px;
	COLOR: #DD0000;
	FONT-FAMILY: arial;
	font-weight: bold
}
.ShowBorderBlueDash {
	border: 1px dashed #D6D7FF;
}
TD.BgLightBlue {
	background-color: #36C;
}
.TitleWhiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	line-height: 20px;
}

