/*****************************************************
Body: General page style
*****************************************************/
body /*The scroll bar colours are only visible in IE5.5+ */
{
    font-size: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
    scrollbar-face-color: #DEE3E7; 
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #D1D7DC;
    scrollbar-arrow-color:  #006699;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1;
}

pre.source
{
	font-size: 9pt;
	margin-left: 20px;
	color: black;
	font-family: Lucida Console, Courier New, Courier;
	background-color: gainsboro;
}

body.admin /* Admin page style */
{
    background-color: #DDEEFF;
}

image	/* used to align text to images, centered */
{
	vertical-align: middle;
}

/*****************************************************
Main Title
*****************************************************/
.Title
{
    font-size: 14pt;
    font-weight: bold;
    letter-spacing:2;
    color: DarkBlue;
}

a.sysTitle:hover /* text style for when mouse hovers over main forum name */
{
    color: #FF3300;
    text-decoration: none;
}

.sysThread /* description of Forums on main page (underneath Forum Name) */
{
    font-family: Trebuchet MS, Arial, Helvetica;
    font-size: 9pt;
}
/*****************************************************
General Text
*****************************************************/
.txt1 { font-size : 9pt; } 
.txt2 { font-size : 9pt; word-break:break-all; word-wrap :break-word;}

.txtErrMsg { font-size : 12pt; color : Red; font-weight:bold;}

.txtBold { font-size : 9pt; font-weight:bold; }

.printDetails{ font-size : 9pt; color: darkgray; }
.noTopics { font-size: 9pt; font-weight:bold; }
.dateText { font-size: 9pt; color: white; }


/*****************************************************
Tables
*****************************************************/
.tableBorder /* This is the outline round the main forum tables */
{
/*    border: 1px #B2B2B2 solid;  */
    border: 1px outset;
    background-color: #FFFFFF;
}

.moderationTable /* Moderation table */
{
    border: 1px #FFFFFF solid; 
    background-color: #F1F1F1;
}

.editTable { /* This is the edit notes table, shown when someone has edited a post, and this feature is enabled */
    border: 1px inset; 
    color: Red;
    background-color: #EEF7FF;
    font-size: 9pt;
}

/*****************************************************
Table Header and cell definitions
*****************************************************/
td.column /* td.column is the main heading row of the table, shows either the table title, or the column headings, such as 'Posts', 'Last Post' etc. Top row of all tables. */
{
    font-weight: bold; 
    font-size: 10pt; 
    background-color: #78ABDE; 
    COLOR: white;
}

td.settingcolumn
{
    font-weight: bold; 
    font-size: 10pt; 
    background-color: #55AA55; 
    COLOR: white;
}

td.h1a /* td.h1a is the subheading row of the table, shows the names of Forum Groups on main page, or 'Announcements', 'Topics' on ShowForum page */
{
    color: #4455aa;
    font-size: 9pt;
    font-weight:bold;
    text-decoration: none; 
    background-color: #E7E3E7;
    background-repeat: repeat-x; 
}

td.h1 /* td.h1 was the old subheading row of the table. This should probably be deleted as I don't think it is used anymore. */
{
    color: white;
    font-size: 9pt;
    font-weight:bold;
    background-color: #4455aa
}


td.f /* Forums column cells on main page; last post, replies, view cells on ShowForums page (shaded cells?) */
{
    font-size: 9pt; 
    background-color: #DDEEFF;
    word-break: break-all;
    word-wrap :break-word;

}

td.setting
{
    font-size: 9pt; 
    background-color: #DDFFDD;
    word-break: break-all;
    word-wrap :break-word;

}

td.f2
{
    font-size: 9pt;
    background-color: #DDEEFF;
}

td.fh /* forumRowHighlight - such as forumOptions, forumStatistics, WhoIsOnline boxes etc.*/
{
    font-size: 9pt; 
    background-color: #FFFFFF; 
    background-repeat: repeat-x;
}

TD.fh2 /* used in Forums Statistics box to control size of text*/
{
	font-size: 9pt; 
}

TD.fh3 /* TD.fh3 is Threads, Posts cells on main table, Thread cells on ShowForum page (not shaded?) */ 
{
	font-size: 9pt; 
	background-color: #FFFFFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

TD.fh3a /* TD.fh3a is Alternating table for Post Body in the PostView */ 
{
	font-size: 9pt; 
	background-color: #F6FBFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

TD.fh4 /* TD.fh4 is Last Post cells on main table (not shaded?) */
{
	font-size: 9pt; 
	background-color: #FFFFFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

/*****************************************************
Background color and text used in threaded view
*****************************************************/
td.threadTitle
{
    background-color: #D4D9EC;
}

.threadDetailTextSmall
{
    color: #0055E7;
    font-size: 9pt;
}

.threadDetailTextSmallBold
{
    color: #0055E7;
    font-size: 9pt;
    font-weight: bold;
}

/*****************************************************
General Anchors
*****************************************************/
a, a:visited, a:link /* General page anchors */
{
	color: #013DA4;
	text-decoration: none;
}

a:Hover /* General page anchors */
{
	color: #FF3300;
}

a.linkSmallBold, a.linkMenuSink 
{
    font-weight: bold;
}

a.linkSmall, a.LinkSmallBold, a.linkMenuSink
{
    color: navy;
    font-size: 9pt;
}

a.linkSmallBold:visited, a.linkMenuSink:visited
{
    color: #013DA4;
}

a.linkSmallBold:Hover, a.linkMenuSink:Hover
{
/*	color: #DD6900;	*/
    color: #FF3300;
}

a.lnk3, a.lnk3:visited, a.lnk3:link /* Active/Unanswered, name of forum underneath table */
{
	font-size: 9pt; 
    font-weight: bold;
    color: #013DA4;
}

a.lnk3:Hover
{
    color: #FF3300;
    text-decoration: underline;
}

/*****************************************************
Text and links used in ForumGroupRepeater and ForumRepeater
*****************************************************/
columnText, a.columnText, a.columnText:visited, a.columnText:link 
{ 	
	font-size: 9pt; 
	color: white; 
	font-weight:bold;
}

a.columnText:hover
{
	color: #FF3300;	
}

a.column:visited, a.column:link, a.column:hover
{
    color: white;
    font-weight:bold;
}

.flnk3
{
    font-weight: bold;
    color: #013DA4;
}

a.flnk3:visited, a.flnk3:link
{
    font-weight: bold;
    color: #013DA4;
}

a.flnk3:hover
{
    color: #FF3300;
}

.inlineLink /* Username in ShowPost, next to online status */
{
  cursor:pointer;
  color: #555555;
}

.inline 
{
  font-size: 9pt;
  color: #555555;
}

/*****************************************************
Text and Anchor to display when a user is online
*****************************************************/
.userOnlineLink, a.userOnlineLink, a.userOnlineLink:Visited, a.userOnlineLink:Link
/* text style to show when a user is online */
{
    font-weight: normal;
    color: #013DA4;
}

a.userOnlineLinkBold:Hover
{
	color: #FF3300;
}

.moderatorOnlineLinkBold, a.moderatorOnlineLinkBold, a.moderatorOnlineLinkBold:Visited, a.moderatorOnlineLinkBold:Link
/* text style to show when a moderator is online */
{
    font-weight: bold;
    color: darkBlue;
}

a.moderatorOnlineLinkBold:Hover
{
	color: #FF3300;
}

.adminOnlineLinkBold, a.adminOnlineLinkBold, a.adminOnlineLinkBold:Visited, a.adminOnlineLinkBold:Link
/* text style to show when an administrator is online */
{
    font-weight: bold;
    color: Blue;
}

a.adminOnlineLinkBold:Hover
{
	color: #FF3300;
}

/*****************************************************
Navigation: Text and anchors used in the navigation menu
*****************************************************/
.menuText /* Font used for navigation menu */
{
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
}

a.menuLink:visited, a.menuLink:link /* Font used for links in the navigation menu */
{
	font-weight: normal;
    text-decoration: none; 
    color: white;
}

a.menuLink:Hover /* Font used for hovering over a link in the navigation menu */
{
    color: #FF3300;
}


/*****************************************************
Default separator style for PostList
*****************************************************/
td.flatViewSpacing /* Separates Users from Guests in WhoIsOnline page */
{
	height: 2px; 
	background-color: #80B7FF; 
} 
td.threadSeparator /* Separates posts in ShowPost page */
{
	height: 4px; 
	background-color: #79ABDE; 
} 
td.adminSeparator /* Separates 'groups of options' in Admin Nav Bar */
{
	height: 4px; 
	background-color: #FFFFFF; 
} 
td.moderateSeparator /* Separator in ModerateForum page */
{
	height: 12px; 
	background-color: #FFFFFF; 
} 

/*****************************************************
Form Elements
*****************************************************/
select /* drop down lists in forms */
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

textarea /* large multi-line text boxes in forms */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

input /* input elements in forms, e.g radio buttons, text boxes, etc. */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

/*****************************************************
Control Panel
*****************************************************/
td.ControlPanelTabActive
{
    font-weight: bold; 
    font-size: 9pt; 
    background-color: #78ABDE; 
    background-repeat: repeat-x; 
    COLOR: white;
}

td.ControlPanelTabInactive
{
	color: #4455aa;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none; 
    background-color: #E7E3E7;
    background-repeat: repeat-x; 
}

td.ControlPanelTabLine
{
	background-color: #7AACE0;
}

.imageButtonToolbar
{
    height:25;
    vertical-align: middle;
    text-decoration: none;
    font-size: 9pt;
    cursor: pointer;
}








/*****************************************************
Message Table
*****************************************************/
.MsgTable {
    border: 1px inset; 
    width: 300px;
    background-color: #FFFFFF;
    border-style:outset;
}

td.MsgTitle {
    font-weight: bold; 
    font-size: 10pt; 
    background-color: #FF7777; 
    COLOR: white;
}

td.Msg {
    font-size: 9pt;
    color:Darkred;
    background-color: #FFDDDD;
    text-align:center;
    padding-top:30px;
    padding-bottom:20px;
    padding-left:30px;
    padding-right:30px;
    word-break: break-all;
    word-wrap :break-word;
}


/*****************************************************
Toolbar
*****************************************************/
.ToolbarTable {
	width:155px;
	border:0px;
	text-align: center;
}

.ToolbarTitle {
	width:155px;
	border: 0px;
	text-align: center;
}

.ToolbarTitle1 {
	color: #444466;
    font-family: 標楷體;
    font-weight:bolder;
	font-size: 16pt;
}

.ToolbarTitle2 {
	color: DarkGray;
    font-weight:bolder;
	font-size: 13pt;
}

.UserInfoTable {
    width:155px;
    border: 2px inset;
    border-collapse:collapse;
    color: DarkBlue;
    background-color: #EEF7FF;
    font-size: 9pt;
}

.UserInfoTableTitle {
    border: 2px outset;
	text-align: center;
    font-size: 9pt; 
    background-color: #78ABDE; 
    COLOR: white;   
}

.UserInfoTableSubTitle {
	text-align: center;
    font-size: 9pt; 
    background-color: #DDDDFF; 
    COLOR: DarkGreen;   
}

.UserInfoColumn {
	color: DarkRed;
	font-size: 9pt;
	width:50px;
}

.FunctionListTable {
	width:155px;
	border:0px;
}

td.ListTitle {
    font-size:11pt;
    font-weight: bolder;
    font-family: 新細明體;
    color: DarkBlue;
}

a.ListLink:link, a.ListLink:visited {
	font-size:9pt;
	color: DimGray;
	text-decoration:none
}

a.ListLink:hover {
	font-size:9pt;
	font-weight: bolder;
	color: Black;	
	text-decoration:none
}

a.ListButton1:link, a.ListButton1:visited {
	font-size:11pt;
	font-family: 新細明體;
	color: DarkGreen;
	text-decoration:none
}

a.ListButton1:hover {
	font-size:11pt;
	font-weight: bolder;
	font-family: 新細明體;
	color: Green;
}

a.ListButton2:link, a.ListButton2:visited {
	font-size:11pt;
	font-family: 新細明體;
	color: DarkRed;
	text-decoration:none
}

a.ListButton2:hover {
	font-size:11pt;
	font-weight: bolder;
	font-family: 新細明體;
	color: Red;
}

.okbtn
{
	border:1px solid #3366CC;
	COLOR: #800000;
	BACKGROUND-COLOR: #CCFFFF;
}

.nobtn
{
	border:1px solid #ff0066;
	COLOR: #800000; 
	BACKGROUND-COLOR: #FFCCCC;
}

.helpbtn
{
	BORDER-RIGHT: #ffff00 1px solid; 
	BORDER-TOP: #ffff00 1px solid; 
	BORDER-LEFT: #ffff00 1px solid; 
	COLOR: #008000; 
	BORDER-BOTTOM: #ffff00 1px solid; 
	BACKGROUND-COLOR: #ffffcc;
}

.aboutmebtn
{
	BORDER-RIGHT: #FF9933 1px solid; 
	BORDER-TOP: #FF9933 1px solid; 
	BORDER-LEFT: #FF9933 1px solid; 
	COLOR: #724B25; 
	BORDER-BOTTOM: #FF9933 1px solid; 
	BACKGROUND-COLOR: #FFCCCC;
}

.btn
{
	BORDER-RIGHT: #66CCFF 1px solid; 
	BORDER-TOP: #66CCFF 1px solid; 
	BORDER-LEFT: #66CCFF 1px solid; 
	COLOR: #000080; 
	BORDER-BOTTOM: #66CCFF 1px solid; 
	BACKGROUND-COLOR: #FFFFFF;
}