/*

* Copyright 2003 - 2005 Mark O'Sullivan

* This file is part of Vanilla.

* Vanilla is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

* Vanilla is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

* You should have received a copy of the GNU General Public License along with Vanilla; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

* The latest source code for Vanilla is available at www.lussumo.com

* Contact Mark O'Sullivan at mark [at] lussumo [dot] com

*

* Description: Default cascading stylesheet for Vanilla

*/



/* BEGIN GLOBAL DEFINITIONS (common to all pages) */

	body { 

		background: #9fa8bf url('main-bg.gif') repeat-x;

		text-align: center;
		margin-top: 0px;
		padding-top: 0px;

	}

	body, div, table, td {

		font-family: Trebuchet MS, Verdana, Tahoma, Arial;

		font-size: 12px;

		color: #062971;

	}

	input, textarea, select {

		font-family: arial, sans-serif, verdana;

		font-size: 12px;

		color: #000;

	}

	a, a:link, a:visited {

		color: #3354AA;

		text-decoration: underline;

	}

	a:hover {

		color: #4B6DB7;

		text-decoration: none;

	}

	ul {

		margin-bottom: 0px;

		margin-top: 0px;

	}

	form {

		display: inline;

	}

	.ErrorContainer {

		border: 1px solid #FFC2CA;

		background: #FFEDEF;

		padding: 8px;

	}

	.ErrorTitle {

		font-size: 16px;

		font-weight: bold;

		color: #CC0000;

		border-bottom: 2px dotted #FFC2CA;

		margin-bottom: 4px;

	}

	.Error {

		font-size: 12px;

		color: #CC0000; 

	}

	

	/* Autocomplete results style */

		.AutoCompleteContainer {

			border: 1px solid #000;

		}

		/* ListOptionOn/ListOptionOff: Used on the autocomplete feature to highlight

		  when navigating through the faux-autocomplete results. */

		.ListOptionOn, .ListOptionOn:link, .ListOptionOn:visited, .ListOptionOn:hover {

			font-family: arial, sans-serif, verdana;

			font-size: 12px;

			background: #0A246A;

			color: #fff;

			text-decoration: none;

			display: block;

			width: 100%;

		}

		.ListOptionOff, .ListOptionOff:link, .ListOptionOff:visited, .ListOptionOff:hover {

			font-family: arial, sans-serif, verdana;

			font-size: 12px;

			background: #fff;

			color: #000;

			text-decoration: none;

			display: block;

			width: 100%;

		}

	

	

	/* NAMED ELEMENTS COMMON TO EVERY PAGE */

		
		.ad {
			font-family: verdana;
			font-size: 10px;
			text-align: center;
			line-height: 12px;
			color: #000;
		}		
		
		#custom_header {
			margin-top: 13px;
		}
		
		* html #custom_header {
			padding-top: 10px;
			height: 120px;
		}

		.custom_logo {
			float: left;
			border: none;
			margin-bottom: 5px !important;			
			margin-left: 10px;			
		}		

		#custom_header #navigation { 
			clear: both; 
			height: 22px; 
			background: url('../../images/navigation-bg.gif') 0 0 repeat-x; 
			text-align: center;
			padding-top: 4px;
			display: block;
		}
		
		#custom_header #navigation a { 
			color: white;
			font-family: verdana;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
			padding: 5px 15px 5px 15px;
			background: url('../../images/navigation-li-bg.gif') 100% 50% no-repeat;
		}
		
		#custom_header #navigation a:hover { 
			background: url('../../images/navigation-on-bg.gif') top right repeat-x !important;
		} 

		#custom_header #navigation .last { 
			background: none 
		}		
			
		#custom_header .promo {
			float: right;
		}
		
		#custom_header .promo img {
			border: none
		}
		
		#custom_header h1 { display: none }

		#custom_footer { 
			text-align: center; 
			width: 750px;  
			margin-top: 35px; 
			padding: 10px 0 10px 0; 
			background: url('../../images/dot-line.gif') top left repeat-x;
		}
		#custom_footer p { 
			margin: 0; 
			padding: 0; 
			font-size: 10px; 
			color: #666;
		}
		#custom_footer ul { 
			margin: 0;
			padding: 0;
		}
		#custom_footer li { display: inline; }
		#custom_footer li a { 
			font-family: verdana;
			color: #204B61;
			border-left: 1px solid #666;
			padding: 0 5px 0 7px;
			text-decoration: none;
			font-size: 10px;
		}


		/* LoadStatus: A tiny window that becomes visible when an AJAX action is performed */

		#LoadStatus {
			z-index: 2;

			position: fixed;

			top: 0px;

			left: 0px; 

			border-right: 1px solid #C7D3EA;

			border-bottom: 1px solid #C7D3EA;

			background: #fff;

			padding-top: 4px;

			padding-bottom: 4px;

			padding-left: 8px;

			padding-right: 8px;

			color: #062971;

			font-size: 11px;

		}

		

		/* InlineSelect: A small-font style of select meant to go inline with

		  paragraph text. Currently used on the "settings > application

		  settings" form. */

		.InlineSelect {

			font-size: 10px;

		}		

		/* Session: The message about who you are signed in as w/ option to sign out. */

		.Session {
			width: 750px;
			line-height: 14px;
			font-size: 11px;

			color: #919EBE;

			text-align: right;
			padding-bottom: 20px;

		}

		.Session a, .Session a:link, .Session a:visited {

			text-decoration: none;

			color: #919EBE;

		}

		.Session a:hover {

			color: #000;

			text-decoration: none;

		}

		

		/* SiteContainer: A div that encloses the entire application - allowing for borders and special padding. */

		.SiteContainer {
			
			margin-left: auto;
			margin-right: auto;
			width: 780px;
			background: #fff;

		}

		

		/* Head: The banner/menu container. */

		.Head {

			/* background: url("waves.blue.2.gif") repeat-x left top #E5EAF6;

			border-top: 1px solid #C7D3EA;

			border-left: 1px solid #C7D3EA;

			border-right: 1px solid #C7D3EA;
            margin-left: 8px;
						margin-right: 8px;
			*/
			background: none;
			background-color: #fff;
			border: none;

		}

		

		/* Logo: A container for the logo above the menu. */

		.Logo {

			text-align: left;

			font: bold 24px georgia;
			
			color: #204B61 !important;

			padding-top: 8px;

			padding-bottom: 8px;
			padding-left: 10px;

		}

		.Logo a,

		.Logo a:link,

		.Logo a:visited,

		.Logo a:hover {

			color: #000;

			text-decoration: none;

		}

		.Logo strong,

		.Logo strong a,

		.Logo strong a:link,

		.Logo strong a:visited,

		.Logo strong a:hover {

			font-weight: normal;

			color: #FFA500;

			text-decoration: none;

		}

		

		/* MenuForum: The main menu, an unordered-list, contained within 

		  the Head class. */

		#MenuForum {

			list-style: none; 

			padding: 0px;

			margin: 0px;

			text-align: center;

		}

		#MenuForum li {

			display: inline;

			margin-right: 1px;

			margin-left: 1px;

		}

		

		/* TabOn/TabOff: The tabs in the main menu, which can appear different if

		  they are identified as the current tab (TabOn). */

		.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover,

		.TabOff, .TabOff:link, .TabOff:visited, .TabOff:hover {

			position: relative;

			padding: 6px;

			padding-top: 2px;

			font-size: 11px;

			text-align: center;

			text-decoration: none;

		}

		.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover {

			padding-bottom: 2px;

			border: 1px solid #C7D3EA;

			border-bottom: 0px;

			font-weight: bold;

			background: #fff;

			color: #000;

		}

		.TabOff, .TabOff:link, .TabOff:visited {

			padding-bottom: 1px;

			background: #919EBE;

			color: #fff;

		}

		.TabOff:hover {

			background: #9BA8C7;

			padding-bottom: 1px;

			color: #fff;

		}

		

		/* Body: The element containing everything below the Head (panel and

		  page content). */

		.Body {

			border-top: 1px solid #C7D3EA;

			background: #fff;

			/* float: left; */

			width: 760px;

			padding-bottom: 0px;
			margin: 0 10px 0 10px;

		}
		
		* html .Body { margin: 0px !important }

/* END GLOBAL DEFINITIONS */

  

  



/* BEGIN PANEL */

	.Panel {

		margin-left: 18px;

		padding-right:18px;

		float: left;

		display: inline;

		border-right: 1px solid #ddd;

	}

	/* PanelTitle: Only used for the "welcome, guest" text when

	  unauthenticated users are allowed to browse the forum. */

	.PanelTitle {

		width: 180px;

		padding: 0px;

		margin: 0px;

		text-indent: 4px;

		font-size: 11px;

		font-weight: bold;

		color: #000;	

	}

	/* PanelButton: The "Start a New Discussion" button. */

	.PanelButton {

		width: 180px;

		display: block;

		margin-bottom: 10px;

	}

	.PanelButton, .PanelButton:link, .PanelButton:visited {

		font-size: 14px;

		font-weight: bold;

		color: #CC0000;

	}

	.PanelButton:hover {

		font-size: 14px;

		font-weight: bold;

		color: #FF0000;

	}

	.Panel h2 {

		width: 180px;

		padding-top: 0px;

		margin-top: 0px;

		margin-bottom: 0px;

		text-indent: 4px;

		border-bottom: 1px solid #ddd;

		font-size: 11px;

		font-weight: bold;

		color: #000;	

	}

	.Panel p {

		padding: 0px;

		margin: 0px;

		padding-left: 4px;

		padding-bottom: 12px;

	}

	.PanelInformation {

		background: #F5F9FF;

		border-top: 1px solid #C7D3EA;

		border-bottom: 1px solid #C7D3EA;

		margin-bottom: 20px;

		display: block;

		width: 180px;

	}

	.PanelInformation p {

		margin: 0px;

		padding: 4px;

	}



	/* SPECIAL PANEL ELEMENTS */

	  

		/* CategoryJumper: An extension that allows the categories to

	    be navigated by a select list in the panel. */

		.CategoryJumper {

			margin-top: 4px;

			margin-bottom: 8px;

			margin-left: 2px;

		}

		.CategoryJumper select {

			width: 170px;

			font-size: 11px;

		}

		

		/* TextMode: Text-Only mode switches */

		.TextModeOFF {

			border-top: 1px solid #EBC8C6;

			border-bottom: 1px solid #ebc8c6;

			color: #741703;

			background: #FEE8EF;

		}

		.TextModeON a, .TextModeON a:link, .TextModeON a:visited,

		.TextModeOFF a, .TextModeOFF a:link, .TextModeOFF a:visited {

			padding-left: 0px;

			padding-right: 0px;

			display: inline;

			text-decoration: underline;

			background: none;

		}

		.TextModeON a:hover,

		.TextModeOFF a:hover {

			padding-left: 0px;

			padding-right: 0px;

			display: inline;

			text-decoration: none;

			background: none;

		}

		.TextModeOFF a, .TextModeOFF a:link, .TextModeOFF a:visited, .TextModeOff a:hover {

			color: #741703;

		}

		.TextModeON,

		.TextModeOFF {

			margin-top: 20px;

			text-align: center;

			padding-top: 5px;

			padding-bottom: 5px;

		}

		

		/* LinkedList: Used for discussion lists & searches in the panel */

		.LinkedList {

			width: 180px;

			margin-left: 0px;

			padding-left: 0px;

			margin-bottom: 10px;

			list-style: none;

		}

		.LinkedList li {

			padding-top: 2px;

			padding-bottom: 2px;

			color: #999;

			font-size: 10px;

		}

		.LinkedList li small {

			color: #999;

			font-size: 10px;

			padding-left: 5px;

			padding-right: 5px;

		}

		.LinkedList strong {

			font-weight: normal;

			color: #c00;

		}

		.LinkedListFootNote {

			text-align: right;

			font-size: 11px;

		}

		

		/* PanelLink: A special class sometimes applied to LinkedList items

		  for special formatting. */

		.PanelLink {

			display: block;

			padding-left: 4px;

			padding-right: 4px;

		}

		.PanelLink, .PanelLink:link, .PanelLink:visited {

			text-decoration: none;

			font-size: 11px;

		}

		.PanelLink:hover {

			background: #ffc;

			font-size: 11px;

		}

		.SavedSearchContainer .PanelLink {

			display: inline;

		}

		

		/* Appendix: Used to display color co-ordination appendices on various pages */

		.Appendix {

			margin: 0px;

			padding: 0px;

			width: 180px;

		}

		.Appendix li {

			text-indent: 6px;

			font-size: 11px;

			border-bottom: 1px solid #ddd;

		}



/* END PANEL */

  

/* BEGIN PAGEBODY (All content within the body that is not in the panel) */



	.PageBody {

		border-left: 1px solid #ddd;

		margin-left: 216px;

		padding-right: 18px;

		padding-left: 18px;

	}

	

	/* PAGEBODY ELEMENTS */



	/* Title: used to write the page title (heading on each page). */

	.Title a, .Title a:link, .Title a:visited {

		text-decoration: none;

	}

	.Title a:hover {

		text-decoration: none;

		color: #000;

	}

	

	/* DataItem & MetaItem: common classes used to identify themes

	  among the discussion list, category list, and search results. */

   .DataItem {

		padding: 0px;

		margin: 0px;

		overflow: hidden;

	}

	.DataItem,

	.DataItem a,

	.DataItem a:link,

	.DataItem a:visited,

	.DataItem a:hover {

		font-weight: bold;

		font-size: 14px;

	}

	.DataItemLabel {

		display: none;

	}

	.MetaItemLabel,

	.MetaItem {

		font-size: 10px;

		display: inline;

		margin: 0px;

	}

	.MetaItemLabel {

		color: #aaa;

		padding-right: 2px;

	}

	.MetaItem {

		color: #777;

		padding-right: 7px;

	}

	.MetaItem a, .MetaItem a:link, .MetaItem a:visited {

		color: #777;

		text-decoration: none;

	}

	.MetaItemLabel a, .MetaItemLabel a:link, .MetaItemLabel a:visited {

		color: #aaa;

		text-decoration: none;

	}	

	.NewCommentsPresent a, .NewCommentsPresent a:link, .NewCommentsPresent a:visited,

	.MetaItemLabel a:hover {

		color: #c00;

	}

	.ExtendedMetaItemLabel {

		display: none;

	}

	.ExtendedMetaItem {

		padding: 0px;

		margin: 0px;

	}



	/* Discussion: Container for a discussion on the discussion index page. */

	.Discussion {

		margin: 0px;

		border-bottom: 1px solid #ddd;

		padding-bottom: 8px;

		padding-left: 8px;

	}

	.DiscussionTopic {

		padding-top: 8px;

		padding-right: 8px;

	}

	.Bookmarked .DataItem {

		background: url('ico.bookmark.2.gif') top right no-repeat;

	}

	.NewComments { background: #ffd; }

	.NoNewComments { background: #FFFEEC; }

	



	/* Category: Container for a category on the category page. */

	.Category {

		margin: 0px;

		border-bottom: 1px solid #ddd;

		padding: 8px;

		padding-top: 6px;

	}

	.CategoryDescription {

		display: block;

		padding: 4px;

	}

	.UnblockedCategory { background: #f5f9ff; }



  

	/* Comment: Container for a comment on the comment page. */

	.Comment {

		padding: 8px;

		padding-bottom: 2px;

		border-bottom: 1px solid #DEDEDF;

	}

	/* Some special formatting for comments */

		.Comment code {

			border-left: 6px solid #FFFFAA;

			background: #FFFFEE;

			padding: 8px;

			padding-left: 16px;

			display: block;

		}

		.WhisperTo { background: #FEEBFA; }

		.WhisperFrom { background: #FEFCEB; }

		.CommentAuthor,

		.CommentWhisper,

		.CommentTime {

			color: #aaa;

			float: left;

		}

		.CommentTime em {

			font-style: normal;

			color: #ccc;

			padding-left: 4px;

		}

		.CommentAuthor {

			margin-top: 5px;

			font-size: 13px;

			font-weight: bold;

			margin-right: 8px;

		}

		.CommentAuthor a, .CommentAuthor a:link, .CommentAuthor a:visited, .CommentAuthor a:hover {

			text-decoration: none;

		}

		.CommentWhisper,

		.CommentTime {

			margin-top: 7px;

			font-size: 11px;

		}

		.CommentWhisper {

			margin-right: 4px;

		}

		.CommentNotice {

			margin-top: 24px;

		}

		.CommentBody {

			font-size: 12px;

			padding: 8px;

			padding-top: 0px;

			margin-top: 24px;

			color: #333;

		}

		.CommentHidden {

			margin-bottom: 4px;

		}

		.Highlight {

			background: #ff9;

		}

		.CommentOptions,

		.WhisperBack {

			margin-top: 0px;

			text-align: right;

			font-size: 10px;

		}

		.WhisperBack a, .WhisperBack a:link, .WhisperBack a:visited,

		.CommentOptions div a, .CommentOptions div a:link, .CommentOptions div a:visited {

			color: #bbb;

			text-decoration: none;

		}

		.CommentOptions {

			height: 15px;

		}

		.WhisperBack a:hover,

		.CommentOptions div a:hover {

			color: #3354AA;

			text-decoration: underline;

		}

		.CommentIp,

		.CommentEdit,

		.CommentHide,

		.CommentBlockUser,

		.CommentBlockComment {

			display: inline;

			font-size: 10px;

			color: #ddd;

		}

		.CommentIp {

			padding-right: 4px;

			border-right: 1px solid #eee;

			margin-right: 4px;

		}

		.CommentHide,

		.CommentBlockUser,

		.CommentBlockComment {

			margin-left: 4px;

			border-left: 1px solid #eee;

			padding-left: 4px;

		}

		.CommentAuthorWithIcon {

		  position: relative;

		  padding-left: 40px;

		}

		

		.CommentIcon {

		  position: absolute;

		  top: 50%;

		  margin: -16px 0 0 -40px;

		  display: block;

		  height: 32px;

		  width: 32px;

		  background: #fff center center no-repeat;

		}		





	/* Page Navigation (above and below discussions, categories, and searches. */

		.PageNav,

		.PageJump,

		.PageDetails,

		.Title {

			padding-top: 3px;

			padding-bottom: 3px;

			font-weight: bold;

			font-size: 14px;

			border-bottom: 1px solid #ddd;

			overflow: hidden;

			color: #000;

		}

		.PageList {

			margin: 0px;

			padding: 3px;

			font-weight: bold;

			font-size: 14px;

			border-bottom: 1px solid #ddd;

			overflow: hidden;

			color: #000;

			list-style: none;

		}

		.PageList li {

			display: inline;

		}

		.PageList a, .PageList a:link, .PageList a:visited, .PageList a:hover {

			font-weight: bold;

			font-size: 14px;

			text-decoration: none;

		}

		.SettingsTitle {

			border-bottom: 0px;

		}

		.PageDetails {

			color: #ddd;

		}

		.PageDetails strong {

			font-weight: bold;

			color: #d0d0d0;

		}

		.PageDetailsBottom {

			clear: left;

		}

		.PageNav {

			display: block;

			width: 160px;

			border-bottom: 0px;

		}

		.PageJump {

			padding-left: 10px;

			border: 0px;

		}

		.AllDiscussions,

		.Bottom {

			border-bottom: 1px solid #ddd;

		}

		.PageJump,

		.PageList {

			background: none;

			color: #999;

			float: right;

			z-index: 10;

		}

		.PageNav .PageNav:link, .PageNav:visited,

		.PageJump, .PageJump:link, .PageJump:visited {

			text-decoration: none;

			color: #ddd;

		}

		.PageNav:hover,

		.PageJump:hover {

			text-decoration: none;

			color: #3354AA;

		}

		



	/* Basic Search Results Definitions */

		.Search .Title {

			display: block;

			border-top: 1px solid #C7D3EA;

			border-bottom: 0px;

			background: #F2F3FF;

			text-indent: 4px;

		}

		.SearchErrors,

		.SearchComment {

			margin-top: 30px;

		}

		.Search .PageDetails {

			background: #f9faff;

			color: #ddd;

			text-indent: 4px;

		}

		.Search .PageList {

			background: #f9faff;

		}

		.Search .PageList,

		.Search .PageJump {

			padding-right: 4px;

		}

		

		/* SearchLabelForm: The tiny form above search results that allows

		  you to save the search. */

		.SearchLabelForm {

			position: relative;

			top: 25px;

			z-index: 10;

			height: 22px;

			padding-top: 2px;

			padding-right: 3px;

			text-align: right;

		}

		.SearchLabelInput,

		.SearchLabelButton {

			font-size: 10px;

		}

		.SearchLabelInput {

			border-top: 1px solid #666;

			border-left: 1px solid #666;

			border-bottom: 1px solid #ddd;

			border-right: 1px solid #ddd;

			width: 100px;

			text-indent: 2px;

		}

		.SearchLabelButton {

			border-top: 1px solid #ddd;

			border-left: 1px solid #ddd;

			border-bottom: 1px solid #666;

			border-right: 1px solid #666;

			cursor: pointer;

			width: 76px;

		}





	/* User Search Results */

		.UserAlternate { background: #f6f6f6; }

		.User, .UserAlternate {

			padding-left: 8px;

			padding-right: 8px;

			padding-top: 5px;

			padding-bottom: 8px;

			border-bottom: 1px solid #ddd;

			margin: 0px;

		}

		.SearchUser {

			line-height: 28px;

			font-size: 11px;

			color: #999;

			margin-bottom: 5px;

			margin-left: 0px;

			font-weight: normal;

		}

		.SearchUserWithIcon {

			position: relative;

			padding-left: 40px;

			padding-bottom: 4px;

		}

		.SearchIcon {

			position: absolute;

			margin: 0 0 0 -40px;

			display: block;

			height: 32px;

			width: 32px;

			background: #fff center center no-repeat;

		}





	/* Comment Search Results */

		.SearchComment {

			margin: 0px;

			padding: 0px;

			padding-bottom: 6px;

			border-bottom: 1px solid #DEDEDF;

		}

		.SearchCommentTopic {

			padding-left: 8px;

		}

		.SearchCommentBody a, .SearchCommentBody a:link, .SearchCommentBody a:visited, .SearchCommentBody a:hover {

			display: block;

			text-decoration: none;

			color: #000;

			padding: 8px;

			padding-top: 4px;

			padding-bottom: 4px;

			margin-top: 4px;

			margin-bottom: 4px;

		}

		.SearchCommentBody a:hover {

			background: #ffc;

		}

		.SearchCommentInformationLabel {

			padding-left: 8px;

		}



	/* [Administrative] Settings Page Layout */

	  

		/* SettingsBody: Really only used on the "instruction" page when you

		  first click the settings tab. */

		.SettingsBody h1 {

			font-size: 14px;

			margin: 0px;

			padding: 0px;

			margin-bottom: 6px;

		}

		.SettingsBody {

			color: #999;

			padding: 4px;

			margin-top: 10px;

		}

		.SettingsBody p {

			padding-left: 10px;

			padding-right: 10px;

			margin-top: 0px;

			margin-bottom: 10px;

		}

		



	/* Account Page Layout */

		.AccountPanel {

			border-right: 1px solid #ddd;

			display: inline;

		}

		.Account {

			padding-right: 19px;

			float: left;

			border-right: 1px solid #ddd;

		}

		.Account h1 {

			color: #000;

			font-size: 14px;

			padding: 0px;

			margin: 0px;

		}

		.AccountWithIcon {

			position: relative;

			left: 40px;

		}

		.AccountIcon {

		  position: absolute;

		  margin: -7px 0 0 -40px;

		  display: block;

		  height: 32px;

		  width: 32px;

		  background: #fff center center no-repeat;

		}

		.Account small {

			display: block;

			text-align: right;

			position: relative;

			margin-top: -17px;

			font-size: 11px;

			color: #ddd;

			padding-left: 10px;

		}

		.AccountBody {

			margin-top: 8px;

			clear: left;

			width: 281px;

			overflow: hidden;

		}

		/* AccountBody blockquote & CommentNotice: If a role has an alert

		  associated with it, it will be encompassed by these classes on

        the account page and the comment list. */

			.AccountBody blockquote,

			.CommentNotice {

				border: 1px solid #FFC2CA;

				background: #FFEDEF;

				padding: 8px;

				font-size: 12px;

				color: #CC0000; 

			}

			.AccountBody blockquote {

				margin: 0px;

				margin-top: 10px;

				margin-bottom: 4px;

			}

		/* .Account .Picture: A bug cropped up where the dl's below the

		  account picture would partially slide up the page if the picture

        didn't load for some reason. This fixed height repairs that bug. */

			.Account .Picture {

				height: 218px;

			}

		.Account .Picture img {

			margin-top: 8px;

			margin-bottom: 10px;

			height: 200px;

			width: 280px;

		}

		.AccountBody dl {

			margin-top: 0px;

		}

		.AccountBody dt {

			float: left;

			font-weight: bold;

			width: 120px;

			overflow: hidden;

		}

		.AccountBody dd {

			margin-left: 0px;

			padding-left: 126px;

			padding-bottom: 2px;

		}

		

		/* .Discovery & .IpHistory are only visible to user-adminning roles,

		  but should be styled almost exactly like the Role History. */

			.Discovery,

			.IpHistory,

			.RoleHistory {

				border-left: 1px solid #ddd;

				margin-left: 300px;

				padding-left: 18px;

			}

			.RoleAlternate,

			.Role {

				border-top: 1px solid #DEDEDF;

				padding: 8px;

			}

			.Discovery h1,

			.IpHistory h1, 

			.RoleHistory h1 {

				border-bottom: 1px solid #ddd;

				font-size: 14px;

				font-weight: bold;

				color: #000;

				margin-top: 0px;

				margin-bottom: 0px;

				padding-bottom: 4px;

			}

			.Discovery,

			.IpHistory {

				padding-top: 20px;

			}

			.Discovery blockquote,

			.IpHistory blockquote,

			.RoleHistory blockquote {

				margin: 0px;

				padding: 6px;

				border-bottom: 1px solid #ddd;

			}

			.RoleHistory blockquote {

				color: #999;

			}			

			.RoleDetails {

				font-size: 11px;

				color: #999;

			}

			.RoleDetails blockquote {

				padding: 4px;

				margin: 0px;

				margin-top: 2px;

				font-style: italic;

				background: #f9f9f9;

				color: #999;

			}

			.Discovery h2,

			.RoleHistory h2,

			.IpHistory h2 {

				font-size: 11px;

				color: #666;

				font-weight: bold;

				display: inline;

			}

			.Discovery small,

			.RoleHistory small,

			.IpHistory small {

				font-size: 11px;

				color: #999;

			}

			.Discovery h3,

			.RoleHistory h3,

			.IpHistory h3 {

				font-size: 11px;

				color: #999;

				font-weight: normal;

				margin: 0px;

				margin-top: 2px;

			}

			.Discovery p,

			.RoleHistory p,

			.IpHistory p {

				padding: 0px;

				padding-left: 6px;

				padding-right: 6px;

				margin: 0px;

				margin-bottom: 5px;

				background: #f9f9f9;

				font-style: italic;

			}



	/* Generic styling for Forms */

		.Form,

		.ExtensionsForm {

			background: #FEF9E9;

			border: 1px solid #FFEDAE;

			padding: 8px;

			padding-bottom: 0px;

			margin-left: 10px;
			margin-right: 10px;

		}

		.Form dl {

			margin: 0px;

			margin-top: 4px;

			margin-bottom: 2px;

			padding-left: 6px;
			
			width: 100%;
			
		}

		.Form .InputLabel,

		.Form dt,

		.Form dd {

			color: #A99861;

		}

		.Form .InputLabel,

		.Form dt {

			margin-left: 0px;

			font-weight: bold;

			_position: absolute;
			
			float: left;

			width: 170px;

			overflow: hidden;
			text-align: left;



		}

		.Form dd {

			margin-left: 0px;

			padding-left: 180px;

		}

		.Form h2 {

			margin: 0px;

			margin-bottom: 10px;

			font-size: 14px;

			font-weight: bold;

			color: #84733D;

			background: #FFFDF2;

			padding: 3px;

		}

		.InputNote {

			padding: 6px;

			margin-bottom: 10px;

			color: #A99861;

			background: #FFFDF2;

			text-align: left;

		}

		.InputBlock {

			margin-bottom: 12px;

		}

		.InputBlock .Radio,

		.InputBlock .CheckBox {

			padding-left: 4px;

			color: #84733D;

		}

		.InputNote .CheckBox,

		.InputNote .Radio {

			padding-top: 4px;

			color: #84733D;

		}

		.CheckBox {

			text-align: left;

			line-height: 200%;

		}

		.Button {

			cursor: pointer;

			font-weight: bold;

			font-size: 12px;

			color: #996600;

			border: 1px solid #FFEDAE;

			background: #FEF2C9;

			padding: 4px;

		}

		.SmallInput {

			width: 138px;

		}

		.LargeTextbox {

			width: 218px;

			height: 100px;

		}

		.CancelButton, .CancelButton:link, .CancelButton:visited, .CancelButton:hover {

			position: relative;

			top: -10px;

			margin-left: 40px;

			text-decoration: underline;

		}

		.CancelButton, .CancelButton:link, .CancelButton:visited {

			color: #FF6600;

		}

		.CancelButton:hover {

			color: #000;

		}		

		

	/* .GlobalsForm: Elements specific to the "Settings > Application

	Settings" form. */

		.GlobalsForm dt {

			margin-top: 5px;

			width: 240px;
			
			text-align: left;

		}

		.GlobalsForm dd {

			padding-top: 6px;

			
			text-align: left;

		}



	/* ExtensionsForm: Elements specific to the "Settings > Manage

	Extensions" form. */

		.ExtensionsForm dl {

			margin: 0px;

			margin-top: 4px;

			margin-bottom: 2px;
			
			width: 100%;
			
			border: 1px solid #fffdf2;

		}

		.ExtensionsForm dt,

		.ExtensionsForm dd {

			margin-left: 0px;

			color: #A99861;
			
			text-align: left;

		}

		.ExtensionsForm dt {

			font-weight: bold;

			_position: absolute;
			
			float: left;

			width: 90px;

			overflow: hidden;

		}

		.ExtensionsForm dd {

			padding-left: 100px;

		}

		.ExtensionsForm h2 {

			font-size: 14px;

			color: #000;

			margin: 0px;

			padding: 4px;

			padding-top: 0px;

		}

		.ExtensionsForm .InputBlock {

			background: #FFFDF2;

			padding: 6px;

			margin-bottom: 20px;

		}

		.DisableExtension,

		.EnableExtension {

			text-align: right;

			margin: 10px;

			margin-top: 15px;

			margin-bottom: 5px;

		}

		.EnableExtension a, .EnableExtension a:link, .EnableExtension a:visited {

			color: #FF6600;

		}

		.DisableExtension a, .DisableExtension a:link, .DisableExtension a:visited {

			color: #aaa;

		}

		.EnableExtension a:hover,

		.DisableExtension a:hover {

			color: #000;

		}



  

	/* SearchForm: Elements specific to the Search page. */

		.SearchForm {

			margin: 10px;

		}

		.SearchInput {

			color: #333;

			width: 300px;

		}

		.SearchTypeLabel { margin-left: 12px; }

		.SearchTypeLabel,

		.SearchType {

			margin-right: 16px;

			float: left;

		}

		.SearchType {

			margin-bottom: 10px;

			margin-right: 10px;

			text-transform: lowercase;

		}

		.SearchType a, .SearchType a:link, .SearchType a:visited, .SearchType a:hover {

			text-decoration: none;

			color: #000;

		}

		.SearchType input {

			vertical-align: text-top;

		}

		.SearchButton {

			cursor: pointer;

		}

		#AdvancedSearchButton {

			font-size: 10px;

			margin-left: 10px;

		}

		

		/* SearchTitle: Appears above the different search types on the

		  advanced search form.*/

		.SearchTitle {

			font-weight: bold;

			font-size: 14px;

			padding: 4px;

			padding-top: 10px;

		}

		.SearchLabels td {

			padding-left: 4px;

			padding-right: 4px;

			padding-top: 6px;

			background: #f3f3f3;

		}

		.SearchInputs td {

			padding: 4px;

			padding-top: 0px;

			padding-bottom: 8px;

			background: #f3f3f3;

		}

		.AdvancedUserInput {

			width: 140px;

		}

		.AdvancedSearchInput {

			width: 200px;

		}

		/* Autocomplete containers on the advanced search form. */

		#SearchTopicsACContainer, #SearchCommentsACContainer {

			position: absolute;

			width: 140px;

		}



	/* Discussion & Comment forms */

		.StartDiscussion .Title {

			margin-bottom: 0px;

			border-bottom: 0px;

		}

		.DiscussionForm {

			padding-top: 10px;

		}

		.DiscussionForm,

		.CommentForm {

			margin-top: 0px;

			background: #FEF9E9;

			border-top: 1px solid #FFEDAE;

			border-bottom: 1px solid #FFEDAE;

			padding-left: 12px;

			padding-right: 12px;

			padding-bottom: 0px;

			color: #834300;

		}

		.DiscussionForm dl,

		.CommentForm dl {

			margin-bottom: 0px;

			margin-top: 0px;

		}

		.DiscussionForm dt,

		.CommentForm dt {

			font-weight: bold;
			float: left;

		}

		.DiscussionForm dt small,

		.CommentForm dt small {

			font-weight: normal;

			font-size: 10px;

			color: #A6730D;

		}

		.DiscussionForm dd,

		.CommentForm dd {

			margin-left: 2px;

		}

		.AddCommentsTitle {

			border-bottom: 0px;

		}

		.CommentForm .ErrorContainer,

		.DiscussionForm .ErrorContainer {

			margin-top: 5px;

			margin-bottom: 10px;

			width: 444px;

		}

		.CategorySelect {

			width: 230px;

		}

		.CategoryInput,

		.DiscussionInput {

			margin-bottom: 6px;

		}

		.SubmitButton {

			margin-bottom: 10px;

		}

		/* DiscussionBox: The discussion title input. */

		.DiscussionBox {

			width: 460px;

		}

		

		/* CommentBoxController: The switch between viewing the comment box

		  as a large or small input. */

			#CommentBoxController {

				border: 1px solid #FFEDAE;

				border-bottom: 0px;

				background: #fff;

				padding-left: 4px;

				padding-right: 4px;

				padding-top: 2px;

				padding-bottom: 3px;

				font-weight: normal;

				margin-left: 260px;

			}

			#CommentBoxController, #CommentBoxController:link, #CommentBoxController:visited {

				color: #A99861;

				text-decoration: none;

				cursor: hand;

			}

			#CommentBoxController:hover {

				color: #663300;

				cursor: hand;

			}

			.SmallCommentBox,

			.LargeCommentBox {

				width: 460px;

				font-size: 12px;

			}

			.SmallCommentBox {

				height: 130px;

			}

			.LargeCommentBox {

				height: 400px;

			}

		

		/* FormatType: A radio list of the various comment formatting options. */

			.FormatType {

				padding-top: 4px;

				font-size: 11px;

				font-weight: bold;

				color: #996600;

			}

			.FormatTypeRadio {

				font-weight: normal;

				color: #996600;

				display: inline;

				padding-left: 16px;

			}

			.FormatTypeRadio input {

				vertical-align: text-top;

			}

			.FormatTypeRadio a, .FormatTypeRadio a:link, .FormatTypeRadio a:visited, .FormatTypeRadio a:hover {

				text-decoration: none;

				color: #996600;

			}

			

		/* Whisper & Clipboard elements */

			.WhisperBox,

			.ClipboardSelect,

			#WhisperACContainer {

				width: 200px;

			}

			/* WhisperACContainer: The whisper autocomplete container. */

			#WhisperACContainer {

				z-index: 3;

				position: absolute;

			}

			.CommentInputLabel,

			.WhisperInputLabel {

				margin-top: 10px;

			}

			.ClipboardInput {

				margin-bottom: -12px;

			}

			.CommentButtons,

			.DiscussionButtons {

				margin-top: 10px;

				margin-bottom: 6px;

			}



	/* Settings & Account forms & buttons */

	  

		/* SettingsForm h1, AccountForm h1: Generic styles for headings on

		  the settings & account pages. */

		.SettingsForm h1,

		.AccountForm h1 {

			margin: 0px;

			padding-bottom: 3px;

			font-weight: bold;

			font-size: 14px;

			overflow: hidden;

			color: #000;

		}

		/* InputCustom & DefinitionHeading: The custom, user-defined

		  account properties. */

		.Form .InputCustom dt,

		.Form .InputCustom dd {

			font-weight: normal;

		}

		.Form .InputCustom .DefinitionHeading {

			font-weight: bold;

		}



		/* AppearanceForm: The form in "Settings > Forum Appearance". */

		.AppearanceForm {

			padding-bottom: 16px;

		}

		

		/* RoleAbilities .InputLabel: Fixes a glitch on the "Settings > Role

		  Management > Edit Role" form && the "Settings > Category Management

        > Edit Category" form. */

      #CategoryRoles .InputLabel,

		#RoleAbilities .InputLabel {

			position: relative;

			padding-top: 4px;

			padding-bottom: 4px;

		}

		

		.AccountPersonal .FormButtons {

			margin-top: 30px;

		}

		

		/* StyleAuthorACContainer: Autocomplete definition for the style

		  extension. */

		#StyleAuthorACContainer {

			position: absolute;

			width: 138px;

			margin-top: 21px;

		}

		

		.FormLink {

			margin: 10px;

		}

		.FormLink a, .FormLink a:link, .FormLink a:visited {

			color: #FF6600;

			text-decoration: underline;

		}

		.FormLink a:hover {

			color: brown;

			text-decoration: underline;

		}



	/* Style Preview Form */

		.Preview {

			background: #FFFDF2;

			padding-bottom: 4px;

			margin-bottom: 8px;

		}

		.PreviewTitle {

			font-size: 14px;

			font-weight: bold;

			color: #84733D;

			padding: 3px;

		}

		.PreviewImage, .PreviewImage:link, .PreviewImage:visited, .PreviewImage:hover {

			display: block;

			text-align: center;

			margin: 6px;

		}

		.PreviewEmpty, .PreviewEmpty:link, .PreviewEmpty:visited, .PreviewEmpty:hover {

			text-decoration: none;

			display: block;

			margin: 6px;

			text-align: center;

			line-height: 400%;

			background: #FFFEF6;

		}

		.PreviewEmpty, .PreviewEmpty:link, .PreviewEmpty:visited {

			color: #D4C080;

			border: 1px solid #F7EED1;

		}

		.PreviewEmpty:hover {

			color: #B49D55;

			border: 1px solid #EDE2C0;

		}



	/* Footer */

		.Links {

			float: right;

		}

		.Copyright {

			float: left;

		}

		.Copyright,

		.Links {

			color: #C7D3EA;

			line-height: 200%;

			margin-bottom: 20px;

		}

		.Foot {
			clear: both
		}		

		.Foot a, .Foot a:link, .Foot a:visited {

			color: #C7D3EA;

			text-decoration: none;

		}

		.Foot a:hover {

			color: #062971;

			text-decoration: none;

		}



	/* SortList: Styles for the "sortable list" on the category form */

		.SortList,

		.SortList ul {

			list-style: none;

			padding: 0px;

			margin: 0px;

		}

		.SortList a, .SortList a:link, .SortList a:visited {

			text-decoration: none;

			color: #84733D;

		}

		.SortList a:hover {

			color: #000;

			text-decoration: none;

		}

		.SortListItem {

			border-bottom: 1px solid #FFEDAE;

			padding-bottom: 3px;

			margin-bottom: 3px;
			text-align: left;

		}

		.SortOption img,

		.SortRemove img {

			margin-bottom: -2px;

			padding-bottom: 0px;

		}

		.SortItem {

			margin: 0px;

			padding: 0px;

			display: inline;

		}

		.SortBottom {

			margin-right: 10px;

		}

		.SortRemove {		

			text-align: left;

		}



	/* Timer Extension */

		.Timer {

			position: absolute;

			top: 22px;

			left: 36px;

			color: #C7D3EA;

		}

		

/* END PAGE BODY */





/* BEGIN DEBUG OPTIONS */

	.DebugBar {

		clear: both;

		display: block;

		padding: 4px;

		background: #ffffff;

		border: 1px solid #C7D3EA;

		text-align: left;

		margin-bottom: 20px;

	}

	.Sql {

		border-top: 2px dashed #efefef;

		margin-top: 4px;

		padding-top: 2px;

		color: #CA0971;

	}

/* END DEBUG OPTIONS */