/******************************* TEMPLATE *****************************/
body
{
	margin: 0px;
	font-family:Tahoma ;
	font-size: 12px;
	color:#6b6b6b;
}
.BodyBG
{
	background-image:url(../images/BG.jpg);
	background-repeat:repeat-x;
}
/****** HEADER ******/
.HeaderLeft
{
	background-image:url(../images/BG_Menu_Header1.jpg);
	width:297px;
	background-position:left top;
	background-repeat:no-repeat;
}
.HeaderRight
{
	background-image:url(../images/BG_Menu_Header2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
/**** END HEADER ****/

/******* MAIN ********/
/* TRANSPARENT BG : TREE LEFT */
.MainOuterLeft
{
	width:74px;
	background-image:url(../images/TreeMain_Left.jpg);
	background-repeat:no-repeat;
}
.MainOuterLeftLock
{
	width:74px;
}
/* TRANSPARENT BG : TREE LEFT INNER */
.MainInnerLeft
{
	width:224px;
	height:796px;
}
.MainInnerUpperLeft
{
	width:224px;
	height:112px;
	background-image:url(../images/Main_Board.gif);
	background-repeat:no-repeat;
}
.MainInnerLowerLeft
{
	width:224px;
	height:684px;
	background-image:url(../images/TreeMain_Left_Inner_Mid.jpg);
	background-repeat:no-repeat;
}
.TalesInnerLowerLeft
{
	width:224px;
	height:684px;
	background-image:url(../images/TalesMain_Left_Inner_Mid.jpg);
	background-repeat:no-repeat;
}
/* CONTENT */
.Content
{
	width:530px;
	background-color:White;
}
/* TRANSPARENT BG : RIGHT INNER */
.MainInnerRight
{
	width:40px;
	background-image:url(../images/Main_L_Right.gif);
	background-repeat:no-repeat;
}
.MainInnerRightLock
{
	width:40px;
}
/* TRANSPARENT BG : RIGHT OUTER */
.MainOuterRight
{
	background-position: bottom left;
	background-image: url(../images/BG_Right_Bottom1.jpg);
	background-repeat: no-repeat;
}
.MainOuterRightLock
{
	width:132px;
}
/* MAIN LOWER */
.MainLowerLeft
{
	background-image: url(../images/Main_Left1.gif);
	width: 298px;
	background-repeat: no-repeat;
	height: 15px;
}
.MainLowerRight
{
	background-image: url(../images/Main_Right1.gif);
	width: 40px;
	background-repeat: no-repeat
}
/* MAIN CONTENT LOWER */
.MainContentLowerLeft
{
	background-image: url(../images/Main_Left2.gif);
	width: 298px;
	background-repeat: no-repeat;
	height: 40px;
}
.MainContentLowerInnerRight
{
	background-image: url(../images/Main_Right2.gif);
	width: 40px;
	background-repeat: no-repeat;
}
.MainContentLowerOuterRight
{
	background-position: top left;
	background-image: url(../images/BG_Right_Bottom2.gif);
	background-repeat: no-repeat;
}
/* MAIN FOOTER */
.MainFooterLeft
{
	background-image: url(../images/Main_Left3.gif);
	width: 298px;
	background-repeat: no-repeat;
	height: 44px;
}
.MainFooterCenter
{
	background-image: url(../images/Content_Footer.gif);
	width: 40px;
	background-repeat: no-repeat;
}
.MainFooterRight
{
	background-image: url(../images/Main_Right3.gif);
	width: 40px;
	background-repeat: no-repeat;
}
/***** END MAIN ******/
/***** PAGE FOOTER ****/
.PageFooter
{
	padding-left:15px;
	position:absolute;
	top:1187px;
}
.LOGOContact
{
	width:852px;
	height:100px;
	background-image:url(../images/footbar.jpg);
	background-position: 15px 0px;
	background-repeat:no-repeat;
}
TABLE
{
	border: 0;
	padding: 0px;	
}
a				{ color: #6b6b6b; text-decoration: none }
a:hover			{ color: red; text-decoration: none }
a:active		{ color: #6b6b6b; text-decoration: none }

/****************************** END TEMPLATE ***************************/
.FixedGridPadding
{
	HEIGHT: 15pt;
	background-image:url(../images/BoardBullet.jpg);
	background-repeat:no-repeat;
	background-position: 1px center;
}
.FixedGridItem
{
	HEIGHT: 13pt;
	background-color:white;
}

.fashionItemNameStyle
{
	color: #67b7f5;
	text-decoration: none;
	font-weight: bold;
	font-size:10px;
}
.fashionItemPriceStyle
{
	color: #ff6699;
	text-decoration: none;
	font-weight: bold;
	font-size:10px;
}

.BBSNav
{
	color: #006699;	
	font-size:18px;
	font-weight: bold;
	padding-left: 10px;
}
.BBSNav a
{
	color: #006699;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
}
.BBSNav a:hover
{
	color: #FFA34F;
	font-weight: bold;
	text-decoration: underline;
}
.BBSGridHeader
{
	height:15px;
	text-align:center;
	border-top: #3d88ae 3px solid;
	color: #FFA34F;
	background-color: #056b9e;
	font-weight:bold;
}
.BBSGridTopic
{
	color: Black;	
	font-size:13px;
	background-color: #efefef;
	border: white 1px solid;
	padding-left: 10px;
}
.BBSGridTopic a
{
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}
.BBSGridTopic a:hover
{
	color: #FFA34F;
	font-weight: bold;
	text-decoration: underline;
}
.BBSGridReply
{
	color: Black;	
	background-color: #dee3e7;
	border: white 1px solid;
	width: 50px;
	text-align: center;
}
.BBSGridUser
{
	color: Black;
	font-size:11px;
	background-color: #d1d7dc;
	border: white 1px solid;
	width: 100px;
	text-align: center;
}
.BBSGridRead
{
	color: Black;
	font-size:11px;
	background-color: #dee3e7;
	border: white 1px solid;
	width: 50px;
	text-align: center;
}
.BBSGridUpdate
{
	color: Black;
	font-size:11px;
	background-color: #d1d7dc;
	border: white 1px solid;
	width: 140px;
	text-align: center;
}
.BBSGridUpdate a
{
	color: #006699;
	text-decoration: none;
}
.tbBorderAgreement
{
	border-bottom: rgb(21,173,255) 2px solid;
	border-top: rgb(21,173,255) 2px solid;
	border-left: rgb(21,173,255) 2px solid;
	border-right: rgb(21,173,255) 2px solid;
	background-color: rgb(91,198,255);	
}
.borderAgreement
{
	border-bottom: rgb(21,173,255) 1px solid;
	border-top: rgb(21,173,255) 1px solid;
	border-left: rgb(21,173,255) 1px solid;
	border-right: rgb(21,173,255) 1px solid;
}
.loginLink
{
	color: Black;
	text-decoration: none;
}

.loginLink:hover
{
	color: Red;
	text-decoration: none;
}

.topicLink
{
	font-family:Tahoma;
	font-size: 12px;
	text-decoration: none;
	color:#6b6b6b;
}

.topicLink:hover
{
	color:red;
}
.imageLink
{
	border: solid 1px black;
}
.cbo
{
	vertical-align:bottom;
}
.tbTab
{
	width:100%;
	border-bottom: solid 1px #D1D1D1;
}
.tdDotLine
{
	background-image: url(../images/status_line.jpg);
	height:1px;
}
.tbBtnLink
{
	width:100%;
	position:absolute;
	top: 760px;
}
.tdMapImage
{
	vertical-align:top;
	width:156px;
	height:130px;
}
.tdMapName
{
	color:Orange;
	padding-bottom:5px;
	font-size:18px;
	font-weight:bold;
	vertical-align:top;
}
.tdMapDetail
{
	vertical-align:top;
	height:70px;
	padding-top:5px;
}
.AnnouncementCenter
{
	background-image: url(../images/Marquee_BG.gif);
	background-repeat:repeat-x;
	vertical-align:middle;
	height:26px;
}
.AnnouncementLeft
{
	background-image: url(../images/Marquee_Left.gif);
	background-repeat:no-repeat;
	width:4px;
	vertical-align:middle;
}
.AnnouncementRight
{
	background-image: url(../images/Marquee_Right.gif);
	background-repeat:no-repeat;
	width:4px;
	vertical-align:middle;
}
.NewsGridHeader
{
	border-bottom: #c8c8c8 1px solid;
	border-left: #c8c8c8 1px solid;
	border-right: #c8c8c8 1px solid;
	background-color: #f8f8f8;
}
.TopMenu
{
	position:absolute ;
	left:620px;
	top:0px;	
	font-family:MS Sans Serif;
	font-size: 12px;
	color:#333333;
}
.TopMenu a
{
	color:#336699;	
}
.TalesLeftMenu
{
	position:absolute ;
	left:74px;
	top:557px;
}
.tbBeginnerGuide
{
	font-family:Tahoma ;
	font-size: 12px;
	color:#6b6b6b;
}
.tbBeginnerGuide a
{
	font-family:Tahoma ;
	font-size: 12px;
	font-weight:bold;
	color:#7a7a7a;
}
.NewsEvent_Announcement
{
	width: 29px;
	height: 24px;
	background-image: url(../NewsEvent/images/Announce.gif);
}
.NewsEvent_New
{
	width: 29px;
	height: 24px;
	background-image: url(../NewsEvent/images/New.gif);
}
.NewsEvent_Updated
{
	width: 29px;
	height: 24px;
	background-image: url(../NewsEvent/images/Update.gif);
}
.NewsEvent_Normal
{
	width: 29px;
	height: 24px;
	background-image: url(../NewsEvent/images/Normal.gif);
}
.NewsEvent_Coupon 
{
	width: 29px;
	height: 24px;
	background-image: url(../NewsEvent/images/Coupon.gif);
}

/*********************** FIXED GRID STYLE *****************************/
.FixedPadding { HEIGHT: 20pt; BORDER: #c8c8c8 1px solid; }
.FixedItemCenter { HEIGHT: 14pt; BORDER-BOTTOM: #e5e5e5 1px solid;}
.FixedItemLeft { HEIGHT: 14pt; BORDER-BOTTOM: #e5e5e5 1px solid; BORDER-LEFT: #c8c8c8 1px solid;}
.FixedItemRight { HEIGHT: 14pt; BORDER-BOTTOM: #e5e5e5 1px solid; BORDER-RIGHT: #c8c8c8 1px solid;}
.FixedHeaderCenter { BORDER-BOTTOM: #c8c8c8 1px solid;}
.FixedHeaderLeft { BORDER-BOTTOM: #c8c8c8 1px solid; BORDER-LEFT: #c8c8c8 1px solid;}
.FixedHeaderRight { BORDER-BOTTOM: #c8c8c8 1px solid; BORDER-RIGHT: #c8c8c8 1px solid;}
/********************* END FIXED GRID STYLE *****************************/