/*
* Copyright Stuart frisby 36-degrees.co.uk 2005
* This stylesheet was created for vanilla by Stuart Frisby for
* Private use, and was not intended for public use, however, 
* I decided to release it, so, if you do use it, please leave this message intact
* and credit me if at all possible. You will need to replace the logo image with your * own, it is contained within the '.panel' class. In order for sticky posts to  
* display correctly, remove the enclosing tags, and the 'sticky' label from within 
* the admin area.
*
* from http://www.36-degrees.co.uk and http://bored.36-degrees.co.uk
*
* Description: Basecamp inspired stylesheet for vanilla forum (tested on .91 and .92 releases)
*/

/* BEGIN GLOBAL DEFINITIONS (common to all pages) */
	body {
	background: #f0f0f0;
	color: #333;
	margin: 20px;
}

body, div, table, td {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

input, textarea, select {
	font-family: arial, sans-serif, verdana;
	font-size: 12px;
	color: #000;
}

a, a:link, a:visited {
	color: #336699;
	text-decoration: none;
}

a:hover {
	color: #345635;
	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: #E1ECD6;
	color: #000;
	text-decoration: none;
	display: block;
	width: 100%;
}

.ListOptionOff, .ListOptionOff:link, .ListOptionOff:visited, .ListOptionOff:hover {
	font-family: arial, sans-serif, verdana;
	font-size: 12px;
	background: #000;
	color: #E1ECD6;
	text-decoration: none;
	display: block;
	width: 100%;
}

/* NAMED ELEMENTS COMMON TO EVERY PAGE */
		/* 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 {
	position: absolute;
	font-size: 9px;
	color: #777;
	right: 85px;
	top: 24px;
}

.Session a, .Session a:link, .Session a:visited {
	text-decoration: none;
	color: #333;
}

.Session a:hover {
	color: #fff;
	background: #345635;
	text-decoration: none;
}
		.go {
	position: absolute;
	font-size: 9px;
	color: #777;
	left: 85px;
	top: 24px;
}

.go a, .go a:link, .go a:visited {
	text-decoration: none;
	color: #333;
}

.go a:hover {
	color: #fff;
	background: #345635;
	text-decoration: none;
}
/* SiteContainer: A div that encloses the entire application - allowing for borders and special padding. */
		.SiteContainer {
	margin: 20px auto;
	padding: 20px 0;
	width: 90%;
	min-width: 750px;
}

/* Head: The banner/menu container. */
	.Head {
	width: 100%;
	background: #9CCD6A;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

/* Logo: A container for the logo above the menu. */
	.Logo {
	margin: 12px 25px 5px 25px;
	font-size: 24px;
	font-weight: normal;
	color: #345635;
	text-align: left;
}

}

.Logo a, .Logo a:link, 	.Logo a:visited, .Logo a:hover {
	color: #345635;
	text-decoration: none;
}

.Logo strong,
		.Logo strong a,
		.Logo strong a:link,
		.Logo strong a:visited,
		.Logo strong a:hover {
	font-weight: normal;
	color: #345635;
	text-decoration: none;
}

/* MenuForum: The main menu, an unordered-list, contained within 
		  the Head class. */
		#MenuForum {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	height: 21px;
}

#MenuForum li {
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
	font-size: 10px;
	font-weight: normal;
	margin: 5px 0 0;
	text-decoration: none;
}

/* 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;
	font-size: 11px;
	text-align: center;
	margin-right: 1px;
	text-decoration: none;
	padding: 4px 6px;
	color: #333;
}

.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover {
	color: #000;
	background: #fff;
}


.TabOff, .TabOff:link, .TabOff:visited {
	background-color: #9CCD6A;
	color: #000;
}

.TabOff:hover {
	color: #fff;
	background-color: #345635;
}

/* Body: The element containing everything below the Head (panel and
		  page content). */
		.Body {
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* END GLOBAL DEFINITIONS */
  
  

/* BEGIN PANEL */
	.Panel {
	background: transparent url(http://www.36-degrees.co.uk/vanilla2/styles/camp/logowhite.gif) no-repeat 18px 0px;
	padding-top: 125px;
	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;
	text-align:center;
}

.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 {
	background: #E1ECD6;
	border-top: 1px solid #84BC62;
	border-bottom: 1px solid #84BC62;
	color: #555;
}

.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;
}

.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: #E1ECD6;
	color: #333;
	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: #CC0000;
}

/* 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: #777;
	text-decoration: none;
}

.NewCommentsPresent a, .NewCommentsPresent a:link, .NewCommentsPresent a:visited,
	.MetaItemLabel a:hover {
	color: #777;
	background: transparent;
	text-decoration: none;
}

.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;
}


.NewComments {
	background: #ffc;
}

.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;
}
.quote, blockquote {
	border-left: 6px solid #9CCD6A;
	background: #E1ECD6;
	padding: 8px;
	padding-left: 16px;
	display: block;
}
.underline {
	text-decoration: underline;
}
.WhisperTo {
	background: #FEEBFA;
}

.WhisperFrom {
	background: #FEFCEB;
}

.CommentIcon {
	float: left;
	margin-right: 8px;
}

.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;
}

.WhisperBack a:hover,
		.CommentOptions div a:hover {
	color: #3354AA;
	text-decoration: underline;
}

.CommentIp,
		.CommentEdit,
		.CommentHide,
		.CommentBlockUser,
		.CommentBlockComment {
	display: inline;
	font-size: 10px;
	color: #ddd;
}

.CommentEdit,
		.CommentHide,
		.CommentBlockUser,
		.CommentBlockComment {
	margin-left: 4px;
	border-left: 1px solid #eee;
	padding-left: 4px;
}

/* 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: #888;
}

.PageDetails strong {
	font-weight: bold;
	color: #888;
}

.PageDetailsBottom {
	clear: left;
}

.PageNav {
	display: block;
	width: 160px;
	border-bottom: 0px;
}

.PageJump {
	padding-left: 10px;
	border: 0px;
}
.Top {
 margin: 10px 20px;
}

.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: #000;
}

.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 img {
	float: left;
	margin-right: 10px;
}

.SearchUser {
	line-height: 28px;
	font-size: 11px;
	color: #999;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: normal;
}

/* 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;
}

.Account h1 {
	display: inline;
	color: #000;
	font-size: 14px;
	line-height: 200%;
	padding: 0px;
	margin: 0px;
}

.Account h1 img {
	float: left;
	margin-right: 6px;
}

.Account small {
	font-size: 11px;
	color: #ddd;
	padding-left: 10px;
}

.AccountBody {
	padding-top: 6px;
	clear: left;
	width: 440px;
	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 {
	position: absolute;
	font-weight: bold;
	width: 150px;
	overflow: hidden;
}

.AccountBody dd {
	margin-left: 0px;
	padding-left: 150px;
	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 {
	margin-left: 430px;
	padding-left: 28px;
}

.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;
	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;
	font-style: italic;
}

/* Generic styling for Forms */
		.Form,
		.ExtensionsForm {
	background: #FEF9E9;
	border: 1px solid #FFEDAE;
	padding: 8px;
	padding-bottom: 0px;
	width: 400px;
}

.Form dl {
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 2px;
	padding-left: 6px;
}

.Form .InputLabel,
		.Form dt,
		.Form dd {
	color: #A99861;
}

.Form .InputLabel,
		.Form dt {
	margin-left: 0px;
	font-weight: bold;
	position: absolute;
	width: 160px;
	overflow: hidden;
}

.Form dd {
	margin-left: 0px;
	padding-left: 170px;
}

.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: 230px;
}

.GlobalsForm dd {
	padding-top: 6px;
	padding-left: 230px;
}

/* ExtensionsForm: Elements specific to the "Settings > Manage
	Extensions" form. */
		.ExtensionsForm dl {
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 2px;
}

.ExtensionsForm dt,
		.ExtensionsForm dd {
	margin-left: 0px;
	color: #A99861;
}

.ExtensionsForm dt {
	font-weight: bold;
	position: absolute;
	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 {
	border: 1px solid #ccc;
	padding-left: 15px;
	font-size: 12px;
	margin-top: 20px;
	background: #f0f0f0;
	padding: 1px 0 5px 15px;
}

.DiscussionForm dl,
		.CommentForm dl {
	margin-bottom: 0px;
	margin-top: 0px;
}

.DiscussionForm dt,
		.CommentForm dt {
	font-weight: bold;
		font-size: 11px;
	color: #777;
}

.DiscussionForm dt small,
		.CommentForm dt small {
	font-weight: normal;
	font-size: 9px;
	color: #777;
}

.DiscussionForm dd,
		.CommentForm dd {
	margin-left: 2px;
		font-size: 9px;
	color: #777;
}

.AddCommentsTitle {
	border-bottom: 0px;
}

.CommentForm .ErrorContainer,
		.DiscussionForm .ErrorContainer {
	border: 1px solid #ccc;
	padding-left: 15px;
	font-size: 12px;
	margin-top: 20px;
	background: #f0f0f0;
	padding: 1px 0 5px 15px;
	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 {
	background: #fff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	font-weight: normal;
	margin-left: 280px;
}

#CommentBoxController, #CommentBoxController:link, #CommentBoxController:visited {
	color: #AA0000;
	text-decoration: none;
}

#CommentBoxController:hover {
	color: #fff;
	background-color:#AA0000;
	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: #666;
}

.FormatTypeRadio {
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	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 */


.Copyright {
	color: #777;
	float: left;
	padding-left: 60px;
	font-size: 9px;
	padding-bottom: 20px;
	text-align:center;
}

.Links, .foot {
	color: #777;
	float: right;
	padding-right: 60px;
	font-size: 9px;
	padding-bottom: 20px;
}

/* 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;
}

.SortOption img,
		.SortRemove img {
	margin-bottom: -2px;
	padding-bottom: 0px;
}

.SortItem {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.SortBottom {
	margin-right: 10px;
}

.SortRemove {
	position: absolute;
	text-align: right;
	margin-left: 370px;
}

/* Timer Extension */
		.Timer {
	position: absolute;
	top: 22px;
	left: 36px;
	color: #C7D3EA;
}

#ad {
	text-align: center;
	margin: 5px;
	padding-top: 10px;
}
/*
* Copyright Stuart frisby 36-degrees.co.uk 2005
* This stylesheet was created for vanilla by Stuart Frisby for
* Private use, and was not intended for public use, however, 
* I decided to release it, so, if you do use it, please leave this message intact
* and credit me if at all possible. You will need to replace the logo image with your * own, it is contained within the '.panel' class. In order for sticky posts to  
* display correctly, remove the enclosing tags, and the 'sticky' label from within 
* the admin area.
*
* from http://www.36-degrees.co.uk and http://bored.36-degrees.co.uk
*
* Description: Basecamp inspired stylesheet for vanilla forum (tested on .91 and .92 releases)
*/

/* BEGIN GLOBAL DEFINITIONS (common to all pages) */
	body {
	background: #f0f0f0;
	color: #333;
	margin: 20px;
}

body, div, table, td {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

input, textarea, select {
	font-family: arial, sans-serif, verdana;
	font-size: 12px;
	color: #000;
}

a, a:link, a:visited {
	color: #336699;
	text-decoration: none;
}

a:hover {
	color: #345635;
	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: #E1ECD6;
	color: #000;
	text-decoration: none;
	display: block;
	width: 100%;
}

.ListOptionOff, .ListOptionOff:link, .ListOptionOff:visited, .ListOptionOff:hover {
	font-family: arial, sans-serif, verdana;
	font-size: 12px;
	background: #000;
	color: #E1ECD6;
	text-decoration: none;
	display: block;
	width: 100%;
}

/* NAMED ELEMENTS COMMON TO EVERY PAGE */
		/* 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 {
	position: absolute;
	font-size: 9px;
	color: #777;
	right: 85px;
	top: 24px;
}

.Session a, .Session a:link, .Session a:visited {
	text-decoration: none;
	color: #333;
}

.Session a:hover {
	color: #fff;
	background: #345635;
	text-decoration: none;
}
		.go {
	position: absolute;
	font-size: 9px;
	color: #777;
	left: 85px;
	top: 24px;
}

.go a, .go a:link, .go a:visited {
	text-decoration: none;
	color: #333;
}

.go a:hover {
	color: #fff;
	background: #345635;
	text-decoration: none;
}
/* SiteContainer: A div that encloses the entire application - allowing for borders and special padding. */
		.SiteContainer {
	margin: 20px auto;
	padding: 20px 0;
	width: 90%;
	min-width: 750px;
}

/* Head: The banner/menu container. */
	.Head {
	width: 100%;
	background: #9CCD6A;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

/* Logo: A container for the logo above the menu. */
	.Logo {
	margin: 12px 25px 5px 25px;
	font-size: 24px;
	font-weight: normal;
	color: #345635;
	text-align: left;
}

}

.Logo a, .Logo a:link, 	.Logo a:visited, .Logo a:hover {
	color: #345635;
	text-decoration: none;
}

.Logo strong,
		.Logo strong a,
		.Logo strong a:link,
		.Logo strong a:visited,
		.Logo strong a:hover {
	font-weight: normal;
	color: #345635;
	text-decoration: none;
}

/* MenuForum: The main menu, an unordered-list, contained within 
		  the Head class. */
		#MenuForum {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	height: 21px;
}

#MenuForum li {
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
	font-size: 10px;
	font-weight: normal;
	margin: 5px 0 0;
	text-decoration: none;
}

/* 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;
	font-size: 11px;
	text-align: center;
	margin-right: 1px;
	text-decoration: none;
	padding: 4px 6px;
	color: #333;
}

.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover {
	color: #000;
	background: #fff;
}


.TabOff, .TabOff:link, .TabOff:visited {
	background-color: #9CCD6A;
	color: #000;
}

.TabOff:hover {
	color: #fff;
	background-color: #345635;
}

/* Body: The element containing everything below the Head (panel and
		  page content). */
		.Body {
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* END GLOBAL DEFINITIONS */
  
  

/* BEGIN PANEL */
	.Panel {
	background: transparent url(logowhite.gif) no-repeat 18px 0px;
	padding-top: 125px;
	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;
	text-align:center;
}

.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 {
	background: #E1ECD6;
	border-top: 1px solid #84BC62;
	border-bottom: 1px solid #84BC62;
	color: #555;
}

.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;
}

.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: #E1ECD6;
	color: #333;
	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: #CC0000;
}

/* 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: #777;
	text-decoration: none;
}

.NewCommentsPresent a, .NewCommentsPresent a:link, .NewCommentsPresent a:visited,
	.MetaItemLabel a:hover {
	color: #777;
	background: transparent;
	text-decoration: none;
}

.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;
}


.NewComments {
	background: #ffc;
}

.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;
}
.quote, blockquote {
	border-left: 6px solid #9CCD6A;
	background: #E1ECD6;
	padding: 8px;
	padding-left: 16px;
	display: block;
}
.underline {
	text-decoration: underline;
}
.WhisperTo {
	background: #FEEBFA;
}

.WhisperFrom {
	background: #FEFCEB;
}

.CommentIcon {
	float: left;
	margin-right: 8px;
}

.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;
}

.WhisperBack a:hover,
		.CommentOptions div a:hover {
	color: #3354AA;
	text-decoration: underline;
}

.CommentIp,
		.CommentEdit,
		.CommentHide,
		.CommentBlockUser,
		.CommentBlockComment {
	display: inline;
	font-size: 10px;
	color: #ddd;
}

.CommentEdit,
		.CommentHide,
		.CommentBlockUser,
		.CommentBlockComment {
	margin-left: 4px;
	border-left: 1px solid #eee;
	padding-left: 4px;
}

/* 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: #000000;
}

.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: #888;
}

.PageDetails strong {
	font-weight: bold;
	color: #888;
}

.PageDetailsBottom {
	clear: left;
}

.PageNav {
	display: block;
	width: 160px;
	border-bottom: 0px;
}

.PageJump {
	padding-left: 10px;
	border: 0px;
}
.Top {
 margin: 10px 20px;
}

.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: #3354AA;
}

.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 img {
	float: left;
	margin-right: 10px;
}

.SearchUser {
	line-height: 28px;
	font-size: 11px;
	color: #999;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: normal;
}

/* 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;
}

.Account h1 {
	display: inline;
	color: #000;
	font-size: 14px;
	line-height: 200%;
	padding: 0px;
	margin: 0px;
}

.Account h1 img {
	float: left;
	margin-right: 6px;
}

.Account small {
	font-size: 11px;
	color: #ddd;
	padding-left: 10px;
}

.AccountBody {
	padding-top: 6px;
	clear: left;
	width: 440px;
	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 {
	position: absolute;
	font-weight: bold;
	width: 150px;
	overflow: hidden;
}

.AccountBody dd {
	margin-left: 0px;
	padding-left: 150px;
	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 {
	margin-left: 430px;
	padding-left: 28px;
}

.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;
	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;
	font-style: italic;
}

/* Generic styling for Forms */
		.Form,
		.ExtensionsForm {
	background: #FEF9E9;
	border: 1px solid #FFEDAE;
	padding: 8px;
	padding-bottom: 0px;
	width: 400px;
}

.Form dl {
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 2px;
	padding-left: 6px;
}

.Form .InputLabel,
		.Form dt,
		.Form dd {
	color: #A99861;
}

.Form .InputLabel,
		.Form dt {
	margin-left: 0px;
	font-weight: bold;
	position: absolute;
	width: 160px;
	overflow: hidden;
}

.Form dd {
	margin-left: 0px;
	padding-left: 170px;
}

.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: 230px;
}

.GlobalsForm dd {
	padding-top: 6px;
	padding-left: 230px;
}

/* ExtensionsForm: Elements specific to the "Settings > Manage
	Extensions" form. */
		.ExtensionsForm dl {
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 2px;
}

.ExtensionsForm dt,
		.ExtensionsForm dd {
	margin-left: 0px;
	color: #A99861;
}

.ExtensionsForm dt {
	font-weight: bold;
	position: absolute;
	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 {
	border: 1px solid #ccc;
	padding-left: 15px;
	font-size: 12px;
	margin-top: 20px;
	background: #f0f0f0;
	padding: 1px 0 5px 15px;
}

.DiscussionForm dl,
		.CommentForm dl {
	margin-bottom: 0px;
	margin-top: 0px;
}

.DiscussionForm dt,
		.CommentForm dt {
	font-weight: bold;
		font-size: 11px;
	color: #777;
}

.DiscussionForm dt small,
		.CommentForm dt small {
	font-weight: normal;
	font-size: 9px;
	color: #777;
}

.DiscussionForm dd,
		.CommentForm dd {
	margin-left: 2px;
		font-size: 9px;
	color: #777;
}

.AddCommentsTitle {
	border-bottom: 0px;
}

.CommentForm .ErrorContainer,
		.DiscussionForm .ErrorContainer {
	border: 1px solid #ccc;
	padding-left: 15px;
	font-size: 12px;
	margin-top: 20px;
	background: #f0f0f0;
	padding: 1px 0 5px 15px;
	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 {
	background: #fff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 3px;
	font-weight: normal;
	margin-left: 280px;
}

#CommentBoxController, #CommentBoxController:link, #CommentBoxController:visited {
	color: #AA0000;
	text-decoration: none;
}

#CommentBoxController:hover {
	color: #fff;
	background-color:#AA0000;
	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: #666;
}

.FormatTypeRadio {
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	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 */


.Copyright {
	color: #777;
	float: left;
	padding-left: 60px;
	font-size: 9px;
	padding-bottom: 20px;
	text-align:center;
}

.Links, .foot {
	color: #777;
	float: right;
	padding-right: 60px;
	font-size: 9px;
	padding-bottom: 20px;
}

/* 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;
}

.SortOption img,
		.SortRemove img {
	margin-bottom: -2px;
	padding-bottom: 0px;
}

.SortItem {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.SortBottom {
	margin-right: 10px;
}

.SortRemove {
	position: absolute;
	text-align: right;
	margin-left: 370px;
}

/* Timer Extension */
		.Timer {
	position: absolute;
	top: 22px;
	left: 36px;
	color: #C7D3EA;
}

#ad {
	text-align: center;
	margin: 5px;
	padding-top: 10px;
}
.Sticky .DataItem {
background: url(sticky.png) no-repeat 0.0% 91%;
text-indent: 50px;
}
.Private .DataItem {
	background: url(private.png) no-repeat 0.0% 91%;
	text-indent: 50px;
}
.Closed .DataItem {
	background: url(closed.png) no-repeat 0.0% 91%;
	text-indent: 50px;
}
.Bookmarked .DataItem {
	background: url(saved.png) no-repeat 0.0% 91%;	
	text-indent: 50px;
}
.Hidden .DataItem{
	background: url(hidden.png) no-repeat 0.0% 91%;	
	text-indent: 50px;
}
/* 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;
}
.About {
	text-align: center;
}
.Sql {
	border-top: 2px dashed #efefef;
	margin-top: 4px;
	padding-top: 2px;
	color: #CA0971;
}
/* END DEBUG OPTIONS */