A:link
{
	text-decoration: none;
	color: #ff6699;
}
A:visited
{
	text-decoration: none;
	color: #ff6699;
}
A:Active
{
	text-decoration: none;
	color: #ff6699;
}
A:hover
{
	text-decoration: underline;
	color: #cc0066;
}

a.LogInLogOutLink
{
	text-decoration: underline;
	color: White;
}

a.LogInLogOutLink:Visited
{
	text-decoration: underline;
	color: White;
}

a.LogInLogOutLink:hover
{
	text-decoration: underline;
	color: White;
}

body
{
	font-family: Tahoma;
	font-size: small;
	color: #ff6699;
	cursor: url(/cursor/hellokitty2.ani);
	/* scrollbar color is support in IE only */
	scrollbar-arrow-color: #F0F0FF;
	scrollbar-3dlight-color: #E0EAFF;
	scrollbar-highlight-color: #AABBCC;
	scrollbar-face-color: #8FAFCF;
	scrollbar-track-color: #C0CFDA;
	scrollbar-shadow-color: #80A0C0;
	scrollbar-darkshadow-color: #50606A;
}

.PageTable
{
	background: url(/images/theme/bg22vn.gif);
	background-color: #ffffff;
}

.tblMainBlog
{
	background-image: url(/images/background/star_pink.gif);
	/* NOTE: This Table is inside the PageTable class */
	width: 100%;
	color: #ff6699;

	border: #ff6699 4px dotted;
}

.trIntermediateRow
{
	
}

.BlogHeader
{
	/* background-image: url(/images/background/star_pink.gif); */

	height: 80px;
	padding-left: 0px;
	padding-top: 0px;
	text-align: center;
	vertical-align: middle;
}

.BlogName
{
	color: #ff6699;
	font-size: x-large;
	font-weight: bold;
}

.BlogDescription
{
	color: #ff6699;
	font-size: medium;
	font-weight:normal;
}

.TopLeftBlogHeader
{
	height: 0px;
}

.TopCenterBlogHeader
{
	height: 0px;
}

.TopRightBlogHeader
{
	height: 0px;
}

.NewsTicker
{
	background-color: #ffccff;
	color: #ff3399;
	height: 18px;
	padding: 5px;
	text-align: center;
	font-size: smaller;
}

.tdBlogContent
{
	
	border: 0px solid #ff0000;
	padding:8px;
}

.divBlogContent
{
	/* "max-width" is support only in Netscape and FireFox browser (NOT ON IE)
		If you want to limit the width of your screen, change the "overflow" attribute to "scroll". */
	max-width: 600px;
	width: auto;
	overflow: auto;
}

/* PLEASE READ!
 * You don't need to specify the width of "tdLeftPanel" and "tdRightPanel" class!
 * Because the page use javascript and server code to automatically adjust the width
 * on all container columns (Left & Right). */

.tdLeftPanel
{
	padding: 2px;

	background-color: Transparent;
	min-height: 50px;
	vertical-align: top;
}

.tdRightPanel
{
	/*
	min-width: 20px;
	width:230px;
	max-width: 240px;
	*/
	padding: 2px;
	
	background-color: Transparent;
	min-height: 50px;
	vertical-align: top;
}

.LeftSideBorder
{
	width: 5%;
	background-color: Transparent;
}

.RightSideBorder
{
	width: 5%;
	background-color: Transparent;
}

.tdBottomSpace
{
	height:22px;
}

.Snap
{
	/* The width of Snap is fixed at 230px. */
	margin-bottom: 4px;
	border-width: 0px;
	padding: 0px;
	width: 230px;
	color: #ff99cc;
	z-index: 5;
	
	background-color: #ffffff;
}

.SnapHeader
{
	width: 100%;
	color: #ee0099;
	font-weight: bold;
	text-align: center;

	padding: 4px;
	margin: 0px;

	background-color: #ffe0f0;
	border-right: #ff99cc 1px solid;
	border-top: #ff99cc 1px solid;
	border-left: #ff99cc 1px solid;
	border-bottom: #ff99cc 0px solid;

	cursor: move;
}

.SnapContent
{
	background-color: Transparent;
	padding-top: 9px;
	padding-right: 3px;
	border-right: #ff99cc 1px solid;
	border-top: #ff99cc 1px solid;
	border-left: #ff99cc 1px solid;
	border-bottom: #ff99cc 1px solid;
}

.SmallFont
{
	font-family: Tahoma;
	font-size: smaller;
}


/* This is top bar of the screen which display the LogIn/LogOut on the left
	and show the total users online on the right. */
.TableTopNavigation
{
	background-color: #ee00cc;
	border: 0px solid #003366;
	padding-top: 3px;
	padding-bottom: 2px;
}

.TableBottomNavigation
{
	width:100%;
	background-color: #ffeeff;
	color: #ff00cc;
	padding-top: 3px;
	padding-bottom: 3px;
	
	
	border-collapse: collapse;

	border-left: #ff33cc 0px solid;
	border-right: #ff33cc 0px solid;
	border-top: #ff33cc 1px solid;
	border-bottom: #ff33cc 1px solid;
}

.TableBottomNavigation_Cell
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.ManageBlog
{
	margin-bottom:5px;
	border:1px solid red;
}

.MyScrollBar2
{
	/* 	scrollbar-base-color: #3399FF; 	scrollbar-track-color: #F0F0F0; 	scrollbar-arrow-color: #FF00FF; 	scrollbar-shadow-color: #FFAAFF; 	scrollbar-darkshadow-color: #FF80FF; 	scrollbar-3dlight-color: #FFCCFF; 	scrollbar-highlight-color: #FFE0FF; 	padding:3px; 	*/
}

.CalendarOtherMonthDay
{
	color: silver;
}

.CalendarDay
{
	color: Black;
}

.CalendarHaveTopicDay
{
	font-weight:bold;
	background-color: #33ccff;
}

.Topic
{
	font-weight: bold;
	font-size: large;
	color: #cc0099;
}

.PostBody
{
	
}

.TopicDetails
{
	padding: 5px;
	margin-bottom: 5px;
	border: #ff99cc 1px dashed;
}

.TopicLongDate
{
	font-size:smaller;
}

.TopicLink
{
	
}

.TopicDate
{
	/* This class is use on the short date format like "[4/10/2005]" in the section "Last 20 Topics". */
	font-family: Verdana;
	font-size:x-small;
	margin-top: 0;
	padding-top: 0;
	padding-left: 20px;
}

.PostCommentTable
{
	width: 486px;
	border: 1px solid #ff66cc;
	background-color: #ffffff;
}

.tblEachComment
{
	width: 486px;
	
	background-color: #fff0f9;
	border: 1px solid #ff66cc;
}

.DefaultButton
{
	font-family:Tahoma;
	font-weight:bold;
	background-color: #ddeeff;
	color: #003366;
	border: #3366cc 1px solid;
}

.DefaultTextBox
{
	border: #ff6666 1px solid;
	background-color: #ffffff;
	color: #003366;
}

.AdminBox
{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	z-index: 9;
}