/*============Server Side============*/
/*
PointsDisplay.Font = ledgreen
PointsDisplay.Digits = 8
Menu.Orientation = horizontal
Logo.Image = blue.jpg
Login.Image = login.png
Login.Over = loginover.png
*/
/*===================================*/



/*===================================*/
/*
	Colour scheme

	Page border				v. dark		4660A0
	Panel background		normal		6990EB
	Page background			v. light	E8F0FF
	Login input bgc			v. dark		4169E1
	Menu section bgc		dark		4C44E0
	Menu outline and text	v.v. dark	102078
*/
/*===================================*/
body {
	margin:				0;
	}

#divBody {
	border-top:			4px solid #4660A0;
	border-left:		4px solid #4660A0;
	border-right:		4px solid #4660A0;
	background-color:	#E8F0FF;
	}

form {
	margin:				0;
	padding:			0;
	}

img {
	border:				0px;
	}

.divClear {
	font-size:			1px;
	clear:				both;
	}

/*===================================*/
#divPageHeader {
	background-color:	#6990EB;
	text-align:			center;
	}

/* This holds the login form for guests and the points for logged in users */
#divHeaderPanel {
	float:				right;
	margin-top:			26px;
	margin-right:		12px;
	}

#divHeaderPanel input {
	background-color:	#4169E1; 
	}

#divHeaderPanel img {
	margin-top:			6px;
	}

/*===================================*/
/* The menu */
#divMenuPanel {
	float:				left;
	padding-left:		6px;
	padding-right:		6px;
	padding-bottom:		1em;
	background-color:	#6990EB; /* divPageHeader.bgc */
	}

.divMenuTitle {
	clear:				both; /* For floated panels such as google search */
	margin-right:		6px;
	margin-top:			1em;
	border-top:			2px solid #102078;
	border-left:		2px solid #102078;
	border-bottom:		7px solid #6990EB; /* divPageHeader.bgc */
	padding-left:		6px;
	background-color:	#4C44E0; /* divPageHeader.bgc + 2 shades darker */
	font-weight:		bold;
	color:				#E8F0FF; /* divBody.bgc */
	}

#divMenuPanel ul {
	margin:				0;
	margin-top:			-3px; /* Fix the notch in the menu's left border (1)*/
	padding:			0;
	list-style-type:	none;
	}

#divMenuPanel .liFirst {
	border-left:		2px solid #102078; /* divMenuTitle.border */
	}

#divMenuPanel li {
	padding-left:		10px;
	}

#divMenuPanel a:link, #divMenuPanel a:visited {
	text-decoration:	none;
	color:				#102078; /* divMenuTitle.border */
	}

#divMenuPanel a:hover {
	color:				#E8F0FF; /* divBody.bgc */
	}

.frmGoogleSearch {
	float:				left;
	margin:				0;
	margin-bottom:		1em;
	text-align:			center;
	}

.frmGoogleSearch #txtSearch {
	width: 11em;
	}

#divMenuAdverts {
	margin-top:			1em;
	text-align:			center;
	}

/*===================================*/

#divContent {
	padding:			1em;
	}

#divDebug1 {
	float:				left;
	margin-left:		0; /* Was 12px; */
	font-size:			smaller;
	}

/*===================================*/
/* Forum posts */

#divPosts {
	border:				1px solid blue;
	padding-left:		3px;
	padding-right:		3px;
	background-color:	#E4E4FF;
	}
#divPosts .divPost {
	border-top:			1px solid #909090;
	border-bottom:		1px solid #FFFFFF;
	padding-top:		6px;
	padding-bottom:		6px;
	padding-left:		18px;
	padding-right:		6px;
	overflow:			auto;
	}
#divPosts .spnDate {
	float:				right;
	margin-right:		8px;
	}
#divPosts .divMsg {
	margin-top:			3px;
	margin-left:		-12px; /* Undo part of the divPosts.padding-left */
	border:				1px solid #A0A0A0;
	padding-top:		4px;
	padding-bottom:		4px;
	padding-left:		6px;
	padding-right:		6px;
	background-color:	#F0F0FF;
	}
#divPosts .divSubject {
	}
#divPosts .imgUser {
	margin-top:			6px;
	margin-right:		6px;
	vertical-align:		middle;
	}
#divPosts .divSubject span, #divPosts .spnTo {
	font-weight:		bold;
	}
#divPosts .aL {
	margin-right:		40px;
	}
#divPosts .aR {
	float:				right;
	margin-left:		40px;
	}
#divPosts .tblSpecial {
	display:			inline;
	border:				0;
	border-spacing:		0;
	vertical-align:		middle;
	}

/*===================================*/
/* Forum page links */

#ulPaging {
	list-style-type:		none;
	font-size:				smaller;
	font-weight:			bold;
	}
#ulPaging li {
	display:				inline;
	margin-right:			4px;
	}
#ulPaging .liCurrent {
	border:					1px solid #102078;	/* Menu outline */
	padding-left:			6px;
	padding-right:			6px;
	background-color:		#4C44E0; /* Menu section bgc */
	color:					#E8F0FF; /* Page background */
	}
#ulPaging a {
	border:					1px solid #B4B4DA; /* Page.Text.Dim.2 */
	padding-left:			6px;
	padding-right:			6px;
	text-decoration:		none;
	}
#ulPaging a:link, #ulPaging a:visited {
	color:					#4C44E0; /* Menu section bgc */
	}
#ulPaging a:hover {
	border:					1px solid #102078;	/* Menu outline */
	background-color:		#6990EB; /* Panel background */
	color:					#E8F0FF; /* Page background */
	}
#ulPaging .liInactive {
	border:					1px solid #D0D0E0; /* Page.Text.Dim.3 */
	padding-left:			6px;
	padding-right:			6px;
	color:					#8080C0; /* Page.Text.Dim.1 */
	}

/*===================================*/
/* Clock/bonus period countdown timer */

#spnClock {
	color:				maroon;
	}
#spnHHMM {
	font-size:			larger;
	}
#spnSecs {
	font-size:			smaller;
	}
#spnClock b {
	margin-left:		2px;
	margin-right:		2px;
	color:				#404040;
	}

/*===================================*/
/*
Notes:

1) The menu title (div) has a left border and so does the first item (li) below.
As these are separate elements the border for the div is drawn in anticipation 
of a bottom border, ie. it's got a triangular end, as in carpentry. This produces 
a small indentation in the border where the first menu item's border continue. 
The fix for this is to slide the list of items up by 3 pixels so that the li's part
of the border overlaps the "hole" in the div's.
*/