/* @override http://macristocracy.com/vanilla/themes/macristocracy/styles/default/vanilla.css */

/* Style Reset */
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#panel ul ul li a:hover,
a:hover{
	color:#76618f;
}
a img{
	border:0;
}
body{
	background: url('gray_background.png');
	font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma, sans-serif;
	font-size:12px;
	color:#fff;
	}
#pgbottom {
	height: 1px;
	width: 1px;
	font-size: 1px;
	}

/* Errors & Success */
.ErrorContainer {
	background: url(alert.gif) no-repeat top left #FFEDEF;
	border-top: 1px solid #FFC2CA;
	padding: 10px 10px 10px 27px !important;
	overflow: hidden;
	}
.ErrorTitle {
	font-weight: bold;
	color: #c00 !important;
	}
.Error {
	color: #c00 !important;
	}
#Success {
	border-top: 1px solid #9C9;
	border-bottom: 1px solid #9C9;
	background: #E2F9E3;
	color: #060 !important;
	display: block;
	line-height: 200%;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px !important;
	}
.Notice{
	background:url("bg_notice.png") center left no-repeat;
	min-height:68px;
	width:767px;
	color:#58534a;
	margin-left:-33px;
}
.NoticeContent{
	width:710px;
	padding:26px 24px 10px 32px;
	text-shadow:#fff 0px 1px 0px;
}
.Notice a{
	color:#bf9861;
}
.Notice a:hover{
	color:#876441;
}

/* Remove System Message Button */
.Notice span a{
	float:right;
	display: block;
	text-indent:-623em;
	width:19px;
	height:19px;
	margin-top:-1px;
	background:url('btn_notice_close.png') top left no-repeat;
}
.Notice span a:hover{
	background-position:bottom left;
}

.Invisible { display: none; }
.Visible { display: block; }

/* Session.. */
#Session {
	width: 1140px;
	margin:0 auto;
	text-align:right;
	font-size:11px;
	color: #373b3e;
}
#Session a {
	color:#334e62;
}
#Session a:hover {
	color:#dce9f2;
}

/* Site */
#SiteContainer{
	width:1170px;
	margin:10px auto;
}
/* Page */
#pgtop{
	background:url('panel_top.png') no-repeat;
	width:1170px;
	height:24px;
}
#pgmain{
	background:url('panel_mid.png') repeat-y;;
}
#pgbottom{
	background:url('panel_btm.png') no-repeat;	
	height:109px;
	width: 1170px;
	clear: both;
	height:109px;
}
.break{
	clear:both;
	height:1px;
	font-size:1px;
}
#Session{

}


#body{
	width:1100px;
	margin:0 auto;
}
/* Panel.. */
#panel{
	width:288px;
	margin-right:20px;
	margin-left:6px;
	float:left;
	display: inline;
	font-size:11px;
	margin-bottom:-80px;
}
#panel h1 a{
	display:block;
	text-indent:-623em;
	height: 52px;
	width: 282px;
	background:url('logo.png') no-repeat;
	margin-top: 0;
	margin-bottom: 14px;
}
#panel h2,
#panel ul li h3{
	color:#bab;
	text-shadow:#000 0px -1px 0px;
	margin:15px 12px 5px;
}
#panel h3{
	color:#bab;
	text-shadow:#000 0px -1px 0px;
	margin:15px 20px 5px;

}
#panel h2 {
	font-size:14px;
	margin:20px 20px 36px;
	font-weight: normal;
}
#panel h2 a{
	color:#deb76d;
	margin-top:20px;
	margin-bottom:20px;
}
#panel h2 a:hover{
	color: #d5a45c;
}
#panel ul{
	list-style:none;
	margin-left:8px;
}
#panel #tabs li a{
	display:block;
	font-size:14px;
	line-height:28px;
	width: 264px;
	text-indent:12px;
	padding:2px 0;
}
#panel #tabs li a:hover{
	color:#d8b47d;
}
#panel #tabs li.TabOn a{
	background:#180d1f;
	border-bottom: 1px solid #291832;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

#panel ul ul, 
#panel ul p, 
#panel select {
	margin:0 4px;
	}
#panel ul ul {
	font-size:10px;
	}
#panel select {
	margin-top:3px;
	}
#panel ul ul li {
	text-indent: 10px;
	margin-bottom:3px;
	overflow: hidden;
	line-height:18px;
	}
#panel ul ul li a {
	font-size:10px;
	display:block;
	width:100%;
	color:#ccc;
	}
#panel ul ul li a span {
	color: #582954;
	font-size: 10px;
	padding-left: 4px;
	}
#AboutVanilla {
	display:block;
	clear:left;
	margin: 24px 8px 30px 12px;
	line-height: 16px;
	font-size: 10px;
}
#AboutVanilla,
#AboutVanilla a{
	color:#8c7697;
}
#AboutVanilla a:hover {
	color: #a08bba;
	}

/* Content.. */

#Content {
	width: 778px;
	float: left;
	padding:0;
	margin-top:-10px;
	margin-bottom:-60px;
}
#pageTop{
	background:url('page_top.png') no-repeat;
	height:150px;
}
#pageBody{
	background:url('page_mid.png') repeat-y;
	margin:0;
	margin-bottom:-35px;
}
#pageBottom{
	background:url('page_btm.png') no-repeat;
	margin:0;
	height:48px;
}
#pageWrapper{
	min-height:500px;
	position:relative;
	top:-90px;
	margin:0 32px;
	color:#333;
}

#panel ul li ul li a,
#pageWrapper a{
	-webkit-transition-duration: 500ms;
}
/* ContentInfo/Control/Whatever - Universal to Discussion Index & Comments */

.ContentInfo {
	text-align:right;
}
.ContentInfo.Top {
	/*white-space:nowrap;
	overflow: hidden;*/
	}
#AccountPage #Content,
#CommentsPage #Content,
#DiscussionsPage #Content,
#CategoryPage #Content,
#ExtensionPage #Content,
#SettingsPage #Content,
#SearchPage #Content {
	padding-top: 20px;
	}
#DiscussionsPage .Bottom {
	margin: -6px 0 8px 0;
	}
.ContentInfo * {
	margin:0;
	padding:0;
	}
.ContentInfo h1 {
	font-size: 16px;
	color:#786651;
	text-shadow: #fff 0px 1px 0px;
	}
.ContentInfo.Top h1 a{
	font-size: 16px;
	color:#786651;
	text-shadow: #fff 0px 1px 0px;
}
.ContentInfo.Top a,
.ContentInfo.Bottom a,
a#TopOfPage{
	color: #999;
	font-size: 11px;
}
a#TopOfPage{
	display:block;
	margin-top:4px;
	float:right;
}
.ContentInfo.Top a:hover,
.ContentInfo.Bottom a:hover,
a#TopOfPage:hover{
	color:#777;
}
#CommentsPage .ContentInfo h1 {
	float:left;
	width:600px;
	}

.ContentInfo input {
	font-size:10px;
	margin-left:5px;
	}
#DiscussionsPage .ContentInfo h1 {
	float:none;
	text-align:left;
	}
.ContentInfo h1 a {
	color:#3354aa;
	text-decoration:none;
	}
.ContentInfo h1 a:hover {
	color:#000;
	}
.ContentInfo a {
	color:#bbb;
	text-decoration:none;
	}
.ContentInfo a:hover {
	color:#3354aa;
	}

#CommentsPage .ContentInfo.Top .PageInfo{
	margin:5px 0 0 0 !important;
}
#CategoryPage .ContentInfo.Bottom{
	display:none;
}
.PageInfo {
	color:#8b886f;
	margin:5px 0;
	line-height:23px;
	text-shadow:#fff 0px 1px 0px;
	clear:left;
	display:block;
	height:20px;
	}
.PageInfo p {
	margin:0;
	padding:0;
	float: left;
	font-size: 10px;
	clear:left;
	}
.PageList{
	float:right;
	display:block;
	position:relative;
	font-weight:bold;
	list-style:none;
	margin-top:2px;
}
.PageList li{
	display:inline;
	padding:4px 4px 4px;
	background: #e5e2db;
	line-height:10px;
	min-width:12px;
	float:left;
	text-align:center;
	font-size:10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	margin-left:1px;

	text-shadow:#000 0px 0px 0px;
	color: #ada59b;
}
.ContentInfo.Top .PageList a{
	color: #433;
	font-size:10px;
	width:12px;
	display:block;
}
.PageList li a{
	position:relative;
	color:#433;
}
.PageListEmpty{
	display:none;
}
.ContentInfo.Top .PageList a:hover,
.PageList li a:hover{
	color:#000;
	font-weight:bold;
}
/* Discussion Index */

#PageJump {
	margin: 9px 0 0 20px;
	float: right;
}
#Discussions {
	float: left;
	width: 100%;
	}
#Discussions, #Discussions * {
	list-style:none;
	}
#Discussions li ul.topicCol {
	float:left;
	width:450px;
	}
#Discussions li ul.commentCol{
	float:left;
	width:240px;
}
#Discussions li li {
	height:auto;
	border:0;
	}
.NoNewComments .DiscussionTopic a,
#Discussions li.Read ul .DiscussionTopic a{
	font-weight:normal;
}
.NewComments,
#Discussions li.Read.NewComments ul {
	font-weight:bold;
	}
#Discussions li ul {
	padding: 7px 6px 6px 6px;
}
#Discussions ul{
	color: #737b7b;	
}
#Discussions ul span a, 
#Discussions ul a {
	color:#705562;
	}
#Discussions ul span a:hover,
#Discussions ul a:hover {
	color:#974968;
	}
.Discussion {
	margin: 0;
	padding: 0 0 0 24px;
	overflow: hidden;
	width: 100%;
	border-bottom:1px dotted #d1cec8;
	background-image:url('icons_type.png');
	background-repeat:no-repeat;
	background-position:0 -11px;
}
.Discussion.Unread{
	background-position:0 -59px;	
}
.Discussion.Closed{
	background-position:0 -155px;	
}
.Discussion.Sticky{
	background-position:0 -107px;
}
.Discussion.Bookmarked{
	background-position:0 -203px;
}
.DiscussionType {
	display:none;
	}
.DiscussionType span,
.DiscussionType.Normal {
	display:none;
	}
.DiscussionType * {
	float: left;
	}
.DiscussionTopic, 
.User.Name {
	font-size:14px;
	line-height:20px;
	overflow: hidden;
	}
.DiscussionTopic span {
	display:none;
	}
#Discussions .DiscussionTopic a,
.User.Name a {
	color:#322e27;
	font-weight:bold;
	text-shadow:#fff 0px 1px 0px;
	}
#Discussions .DiscussionTopic a:hover {
	color:#000;
	}
.DiscussionCategory,
.DiscussionStarted,
.DiscussionActive,
.DiscussionNew {
	width: auto;
	display:inline;
	font-size:10px;
	margin-right:5px;
	}
#Discussions .NewComments .DiscussionNew a {
	background-color: #675381;
	color:#fff;
	padding:1px 8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	font-weight:normal;
	-webkit-box-shadow:#998 0px 1px 2px;
	-moz-box-shadow:#998 0px 1px 2px;
}
#Discussions .NewComments .DiscussionNew a:hover {
	background-color: #4d365d;	
}
#Discussions .NoNewComments .DiscussionNew{
	display:none;
}
#Discussions li.Read.NewComments .DiscussionNew {
	display:inline;
}
.DiscussionComments{
	float:left;
	display:block;
	width:100px;
	font-size:14px;
	color:#786e5d;
	margin-top:12px;
	text-indent:18px;
	background:url('icon_comment.png') left 3px no-repeat;
}
.DiscussionLastComment{
	margin-top:4px;
	font-size:10px;
	line-height:16px;
}
.DiscussionMod{
	margin-top:3px;
	font-size:10px;
}
/* Category Index */

#CategoryPage div.ContentInfo h1 {
	float: left;
	text-align: left;
	width: 100%;
	padding-bottom:6px;
	}
#Categories {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	}
.BlockedCategory {
	/*background: #fff;*/
	}
.UnblockedCategory {
	/*background: #f5f9ff;*/
	}
#Categories li ul {
	/*border-bottom:1px solid #ccc;*/
	padding: 7px 6px 7px 6px;
	list-style: none;
	margin: 0;
	}
#Categories li li {
	height:auto;
	border:0;
	}
#Categories ul span, #Categories ul span a, #Categories ul a {
	text-decoration:none;
	}
#Categories ul span a:hover, #Categories ul a:hover {
	}
#Categories ul a {
	}
.Category {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	border-bottom:1px dotted #d1cec8;
	}
.CategoryName {
	font-size:14px;
	margin-right:5px !important;
	font-weight:bold;
	line-height:18px;
	float:left;
	}
.CategoryName a {
	color: #322e27;
	display:block;
	width:360px;
	}
.CategoryName a:hover {
	color: #000;
	}
.postCount{
	float:right;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	padding:2px 8px;
	background-color:#b4aba0;
	color:#f4f1eb;
	margin-right:10px;
	margin-top:8px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
}
.CategoryName span,
.CategoryDescription span,
.CategoryName.Normal {
	display:none;
	}
.CategoryName small {
	font-weight:normal;
	font-size:10px;
	line-height:14px;
	overflow: hidden;
	color:#6a635a;
	float:left;
	margin-top:2px;
	margin-bottom:8px;
	width:630px;
	}
.CategoryOptions {
	display:block;
	font-size:10px;
	clear:left;
	display:none;
	margin-bottom:2px;
	color: #737b7b;
}
.CategoryOptions a{
	color:#705562;
}
/* Comments.. */

#Comments {
	margin:0;
	padding:0;
	list-style:none;
	}
#Comments li {
	margin:0;
	padding:10px 0 4px;
	border-bottom:1px dotted #998f7e;
	}
#Comments li.Hidden {
	background: url(hidden-tile.gif) top left repeat-x #fafafa;
	}
#Comments .CommentHeader {
	padding-left: 8px;
	padding-right: 8px;
	text-align:right;
	}
#Comments .CommentHeader ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}
#Comments .CommentHeader li {
	margin:0;
	padding:0;
	display:inline;
	color:#aaa;
	font-size:11px;
	border-bottom:0;
	}
#Comments .CommentHeader .commentAvatar{
	display:block;
	margin-right: 6px;
	float:left;
}
#Comments .CommentHeader .commentAvatar div.CommentIcon {
	background-repeat:no-repeat;
	background: center center no-repeat;
	height:32px;
	width:32px;
	}
#Comments .CommentHeader div span {
	display:none;
	}
#Comments .CommentHeader a.WhisperBack {
	padding-left: 10px;
	color: #aaa;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
	}
#Comments .CommentHeader a.WhisperBack:hover {
	color: #333;
	}
#Comments .CommentHeader a {
	font-weight:bold;
	font-size:12px;
	color:#322e27;
	}
#Comments .CommentHeader a:hover {
	color:#000;
}
#Comments .CommentHeader span {
	font-size:10px;
	color:#aaa;
}

#Comments .CommentHeader span a {
	font-size:10px;
	font-weight: normal;
	color:#72924d;
	margin-left:3px;
	padding-left:3px;
	cursor: pointer;
	display:none;	
	}
#Comments .CommentHeader span a:hover {
	color: #647551;
	}
#Comments li:hover .CommentHeader span a{
	display:inline;
}
#Comments .CommentHeader .commentAuthor {
	text-align:left;
	float:left;
	padding:0;
	margin-bottom:8px;	
}
#Comments .CommentHeader .commentAuthor small{
	font-size:10px;
	color: #95907f;
}
#Comments .CommentHeader .commentTime{
	color:#95907f;
	font-size:10px;
}
#Comments .CommentHeader .commentTime em{
	color:#767162;
	font-style:normal;
}
#Comments .CommentNotice {
	padding: 6px;
	font-size:13px;
	text-align: center;
	background: #FEE1E1;
	color: #850406 !important;
	margin: 10px 0 10px 0;
	}
#Comments .CommentBody {
	display:block;
	margin: 10px;
	color:#352e29;
	font-size: 12px;
	line-height: 17px;
	clear:both;
	}
.CommentBody a{
	color:#72924d;
}
.CommentBody a:hover{
	color:#647551;
}
.CommentBody img{
	max-width:680px;
}
.CommentBody img:hover{
	/*max-width:none;*/
}
.CommentBody p{
	margin-bottom:1em;
}
#Comments .CommentBody ul,
#Comments .CommentBody ol{
	margin-left:20px;
	line-height:16px;
	margin-bottom:1em;
}
#Comments .CommentBody ul{
	list-style:disc;
	margin-left:18px;
}
#Comments .CommentBody ul li,
#Comments .CommentBody ol li{
	margin-bottom:1px;
}
#Comments .CommentBody ul li,
#Comments .CommentBody ol li {
	border-bottom:none;
	padding:0;
	}
#CommentsPage 
.ContentInfo.Middle {
	border-top: 0;
	margin:0;
	}
#CommentsPage {
	margin-bottom: 20px;
}
.ContentInfo.Bottom{
	display:block;
	margin-top:30px;
}
#Comments code {
	background: #e1e6e2;
	padding: 8px;
	padding-left: 20px;
	display: block;
	white-space: pre;
	color:#333;
	font-size:11px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;	
	max-width:680px;
	overflow:hidden;
}
#Comments code:hover{
	overflow:auto;
}
#Comments blockquote code{
	margin-top:4px;
	background-color: #dce2d6;
}

#Comments blockquote {
	font-size:11px;
	line-height:14px;
	padding:8px 20px;
	margin:1px 0 8px;
	background-color: #e8edd9;
	color:#5f6158;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}
#Comments code p,	
#Comments blockquote p{
	margin:0.8em 0;
}
#Comments blockquote blockquote {
	/*border-right: 1px solid #ACBEDF;
	border-top: 1px solid #ACBEDF;
	border-bottom: 1px solid #ACBEDF;*/
	}
#Comments blockquote cite {
	font-style:normal;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin:4px 0 10px;
	padding-bottom:8px;
	border-bottom:1px solid #a7ad93;
	color:#70765e;
	}

/* Search Page */

#Form.Search {
	width: 99% !important;
	padding: 0 !important;
	}
html>body #Form.Search { /* ugly hack, but fixes display error in IE. */
	width: 100% !important;
	}
#Form.Search fieldset legend {
	margin-bottom: 6px;
	}
#SearchSimple {
	margin: 0 !important;
	}
#SearchSimple label {
	display: inline !important;
	width: 10px !important;
	}
#MainSearchInput #txtKeywords {
	width: 60% !important;
	margin-left: 0 !important;
	}
#MainSearchInput label {
	display: none !important;
	}
#Form.Search .Submit input {
	margin: 0 !important;
	color: #000 !important;
	}

#SimpleSearchRadios input {
	width: auto !important;
	margin: 0 2px 0 12px;
	}
#SimpleSearchRadios label {
	font-weight: normal !important;
	}
#Form.Search .SearchSwitch {
	display: block;
	background: #968a77;
	color: #fff;
	position: relative;
	top: -20px;
	float: right;
	right:20px;
	padding:2px 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;	
}
#Form.Search .SearchSwitch:hover{
	background: #333;
	color: #fff;
}

/* Advanced Search Form */
#SearchDiscussionFields, #SearchCommentFields, #SearchUserFields {
	display: none;
	}

/* Search Results */

#SearchPage {
	margin-bottom: 20px;
	}
#SearchPage .ContentInfo h1 {
	text-align: left !important;
	}
#SearchPage .Bottom .PageInfo {
	margin-top: 0 !important;
	border-top: 0 !important;
	}

/* Comment Search Results */

#CommentResults {
	margin-top:-5px !important;
	}
#CommentResults, #CommentResults * {
	margin:0;
	padding:0;
	list-style:none;
	}
#CommentResults li li {
	height:auto;
	border:0;
	}
#CommentResults li ul {
	padding: 6px 6px 7px 6px;
	color:#777;
	background-color:#fefecc;
	min-width:0;
	}
#CommentResults ul span, #CommentResults ul span a, #CommentResults ul a {
	color:#aaa;
	text-decoration:none;
	}
#CommentResults ul a {
	color:#777;
	}
#CommentResults .CommentResult ul {
	background-color:#fff !important;
	}
#CommentResults .CommentText span {
	display: none;
	}
#CommentResults .CommentText span.Highlight {
	display:inline;
	background: #ff9;
	}
#CommentResults .CommentText {
	margin:6px 0 4px 0 !important;
	}
#CommentResults .CommentText a {
	color:#000 !important;
	}
#CommentResults .CommentText a:hover {
	background-color:#ffa;
	}
.CommentAuthor, .CommentAdded {
	width: auto;
	display:inline;
	font-size:10px;
	margin-right:10px!important;
	}
/*
  This is an IE kludge.
  For some reason IE was adding about 20px of padding to the top of this element
  and the only way to get rid of it was to add a 1px border to the top.
*/
#CommentResults .SearchComment {
	/*border-top: 1px solid #fefecc;*/
	}
#CommentResults .SearchComment ul {
	margin: 0 !important;
	}

/* User Search Results */

#UserResults {
	margin-top:-5px !important;
	}
#UserResults, #UserResults * {
	margin:0;
	padding:0;
	list-style:none;
	}
/*
  This is an IE kludge.
  For some reason IE was adding about 20px of padding to the top of this element
  and the only way to get rid of it was to add a 1px border to the top.
*/
#UserResults li {
	/*border-top: 1px solid #fff;*/
	}
#UserResults li ul {
	margin-top: 0 !important;
	/*border-bottom:1px solid #ccc;*/
	min-width:0;
	}
#UserResults li li {
	height:auto;
	border:0;
	}
#UserResults li ul {
	padding: 6px 6px 7px 6px;
	color:#777;
	}
li.User {
	display:inline;
	font-size:10px;
	margin-right:10px !important;
	}
li.User span {
	color: #aaa;
	}
li.User.Name {
	display:block;
	font-size: 11px;
	overflow: visible;
	}
li.User.Name .UserIcon {
	padding:9px 0 9px 30px !important;
	margin-right: 6px !important;
	background-repeat:no-repeat !important;
	display: inline !important;
	background: center center no-repeat;
	}
li.User.Name a {
	font-size: 14px;
	}
li.User.Name.WithIcon {
	line-height:32px;
	}
li.User.Name a:hover {
	text-decoration: none !important;
	}
li.User.Name span {
	display:none;
	}

/* Forms.. */

#Form * {
	list-style:none;
	}
#CommentsPage #Form {
	position:relative;
	top: 20px;
	background:#e5e2db;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-box-shadow:#fff 0px 1px 0px;
	-moz-box-shadow:#fff 0px 1px 0px;
	border:1px solid #d5d2cb;
}
#SettingsPage #Form{
	margin-top:-3px;
}
#Form fieldset {
	border:0;
	clear:both;
	}
#Form fieldset legend {
	padding: 16px 0 4px 0;
	margin: 0;
	font-size:18px;
	font-weight:bold;
	color:#534f4c;
	text-indent:20px;
	text-shadow:#fff 0px 1px 0px;
	}
#Form form {
	margin: 0;
	padding:10px 20px 10px 20px;
	border-left:0;
	border-right:0;
}
#Form li {
	margin-bottom:10px;
	color:#5b5342;
	font-weight:bold;
	}
#Form label a {
	margin-bottom:-1px;
	margin-right:-1px;
	float:right;
	padding:4px 10px;
	background: #a0978f;
	color:#fff;
	text-shadow:#a0978f 0px 0px 0px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;	
	}
#Form label a:hover{
	background: #333;
}
#Form label{
	margin-bottom:4px;
	margin-left:2px;
	text-shadow:#fff 0px 1px 0px;
}

textarea,
.textbox,
.DiscussionBox,
#WhisperUsername,
.SearchInput,
.SmallInput,
#CustomInfo input,
.PanelInput{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #726f6b;
	color: #4f4c46;
	height: 14px;
	width:400px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-box-shadow:0px 1px 0px #eeecdd;
	-moz-box-shadow:0px 1px 0px #eeecdd;
	margin:4px 0px;
	font-size: 12px;
}
	
textarea,
.textbox,
.DiscussionBox,
#WhisperUsername,
.SearchInput,
#CustomInfo input,
.PanelInput{
	height: 14px;
	padding:6px 4px;	
	width:400px;
}
textarea{
	margin:0px 0px 4px;
	padding:4px 4px;
	line-height: 16px;
}
.SmallInput{
	height:18px;
	padding:2px 4px;
	width:200px;
}
textarea:focus,
input:focus{
	outline-color:#a0978f;
}
.Button {
	margin: 0;
	cursor: pointer;
	background:url('gold_button_bg.png') top repeat-x;
	height:32px;
	width:auto;
	padding:0 16px;
	border:1px solid #b4aa92;
	font-size:11px;
	color:#6a5f4c;
	text-transform: uppercase;
	text-shadow:#e4dac0 0px 1px 0px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-box-shadow:0px 1px 2px #d4d3d0;
	-moz-box-shadow:0px 1px 2px #d4d3d0;
}
select{
	width: 410px;
	height: 24px;
	margin: 2px 0 4px;
}
#WhisperUsername,
#WhisperAutoCompleteResults {
	width: 400px;
}
#Form textarea,
#Form input,
#Form select {
	font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma, sans-serif;
	font-weight: normal;
	}
#Form textarea {
	width:99%;
	height:150px;
	}
#Form textarea.SmallCommentBox {
	height: 150px;
	}
#Form textarea.LargeCommentBox {
	height: 400px;
	}
#Form .Button {
	cursor: pointer;
	}
#Form .Button.SubmitButton {
	margin-right:8px;
	}

/* Add Comment & Start Discussion Forms */

#Form.StartDiscussion legend {
	padding-top: 0;
	}
#PostPage #Form.AddComments legend {
	padding-top: 0;
	}
.AddComments {
	width: 99%;
	}
#Form.AddComments {
	width: 100%;
	}
#Form.AddComments fieldset {
	margin: 0;
	}
#Form.AddComments form {
	margin-top: 0 !important;
	}
#Form.StartDiscussion label,
#Form.AddComments label {
	display:block;
	width:100%;
	color:#5b5342;
	font-weight:bold;
	}
#Form.StartDiscussion label.Radio,
#Form.AddComments label.Radio {
	display:inline;
	width:auto;
	}
#Form.AddComments {
	margin: 0 0 4px 0;
	padding: 4px 0 0 0;
	}
#PostPage #Form.AddComments {
	padding: 0;
	}
#Form.AddComments a,
#Form.StartDiscussion a {
	font-weight: normal;
	}
#CommentFormats input {
	margin: 0 2px 0 12px;
	}
#Form.StartDiscussion #CommentFormats label,
#Form.AddComments #CommentFormats label {
	font-weight: normal;
	}
/* Pad fatal errors on post page */
#PostPage #Content {
	padding-top: 20px !important;
	}

/* Account Section Forms.. */

.Account {
	width:700px;
	margin: 0 !important;
	}
#Form.Account legend {
	color:#635f5c;
	}
#Form.Account h2 {
	font-size:14px;
	margin-bottom:10px;
	}
#Form.Account p {
	padding-bottom: 10px;
	}
#Form.Account ul p {
	padding: 0;
	}
#Form.Account label {
	display:block;
	width:80%;
	line-height:18px;
	margin-bottom: 4px;
	}
#Form.GlobalsForm label {
	float: left;
	}
#Form.Extensions label {
	width: 100%;
	}
#Form.Account .Description span label,
#Form.Account label small {
	font-weight:normal;
	}
#Form.Account input,
#Form.Account select {
	color:#000;
	}
#Form.GlobalsForm input,
#Form.GlobalsForm select {
	}
.Description {
	margin:3px 0 !important;
	padding: 3px 0 5px 0 !important;
	font-weight:normal;
	}
#Form.Account p span {
	display:block;
	margin-top:5px;
	}
#Form.Account p span label {
	float:none;
	display:inline;
	margin-left:5px;
	font-weight:bold;
	line-height:20px;
	width:90%;
	}
#Form.Account p span input {
	width:14px;
	}
#Form.Preferences p span label {
	font-weight: normal;
	}

/* Globals Form */

#Form.GlobalsForm select.SmallSelect {
	font-size: 11px;
	width: 50px;
	}
#Form.GlobalsForm #ForumOptions p span label {
	font-weight: normal !important;
	}
#Form.GlobalsForm #ForumOptions {
	margin-bottom: 20px;
	}
#Form.GlobalsForm p {
	margin-bottom: 10px;
	}

/* Update Check form */
.UpdateOld .Name,
.UpdateGood .Name,
.UpdateUnknown .Name,
.UpdateChecking .Name {
	padding: 0 0 4px 23px !important;
	}
.UpdateOld .Details,
.UpdateGood .Details,
.UpdateUnknown .Details,
.UpdateChecking .Details {
	font-weight: normal;
	}
.UpdateOld,
.UpdateUnknown {
	background: #FFC;
	}
.UpdateGood {
	background: #FFFB97;
	}
.UpdateChecking {
	background: #FFFEEC;
	}
.UpdateOld .Name {
	background: url(ico.alert.gif) no-repeat top left;
}
.UpdateGood .Name {
	background: url(ico.check.gif) no-repeat top left;
}
.UpdateUnknown .Name {
	background: url(ico.unknown.gif) no-repeat top left;
}
.UpdateChecking .Name {
	background: url(progress.gif) no-repeat center left;
}


/* RoleEdit Form */

#Form.RoleEditForm li p span label {
	font-weight: normal !important;
	}

/* Category List */
#Form.CategoryList .RoleBlocked {
	background: url(disabled-tile.gif) #F4F4C2;
	}

/* Category Form */
#Form.CategoryForm li p span label {
	font-weight: normal !important;
	}

/* Custom form for extensions management screen */
#Form.Extensions {
	margin: 0 0 20px 0;
	}
div.Extensions ul {
	margin: 10px 0 20px 0;
	}
div.Extensions ul {
	}
div.Extensions ul li {
	margin:0 !important;
	padding:10px !important;
	overflow: hidden;
	}
div.Extensions ul li.Enabled {

	}
div.Extensions ul li.Disabled {
	background: url(disabled-tile.gif);
	}
div.Extensions ul li.Processing {
	background: #FEFECB;
	}
div.Extensions ul li.Processing label {
	background: url(progress.gif) no-repeat center left;
	}
div.Extensions ul li.Processing input {
	display: none;
	}
div.Extensions ul li.Processing * {
	color: #B9AB7E !important;
	}
div.Extensions h3 {
	font-size:12px;
	color:#000 !important;
	}
div.Extensions h3 label {
	display: inline !important;

	}
div.Extensions ul li input {
	width: auto !important;
	margin-top: 3px;
	margin-left:4px;
	margin-right:8px;
	}
div.Extensions h3 a {
	text-decoration: none;
	}
div.Extensions h3 a:hover {
	}
div.Extensions ul li span,
div.Extensions ul li span * {
	font-size: 12px;
	font-weight: normal;
	z-index: 1;
	}
div.Extensions ul li span {
	margin-left: 10px !important;
	}
div.Extensions .Version {
	font-weight: bold;
	margin-left: 5px !important;
	}
div.Extensions ul li p {
	padding-left:30px !important;
	color:#000 !important;
	font-weight:normal;
	}
div.Extensions ul li p a {
	}
div.Extensions ul li p a:hover {
	}
	
/* Custom form for sortable list */

.SortList {
	background-color: #ffc;
	border: 1px solid #ddd;
	border-top: 0;
	}
.MovableSortListItem {
	cursor: move;
	}
.SortListItem {
	padding: 6px !important;
	margin: 0 !important;
	position: relative;    /* set item to relative for IE6 */
	}
.SortListOptions {
	float: right !important;       /* float for modern browsers - no need to clear this float */
	float: none;                   /* no float for IE6 */
	position: relative !important; /* realtive positioning for modern browsers */
	position: absolute;            /* absolute positioning for IE6 */
	right: auto !important;         /* no right positioning for modern browsers */
	right: 20px;                   /* right positioning for IE6 */
	}
.SortEdit, .SortEdit:link, .SortEdit:active, .SortEdit:visited {
	color: #1eb136;
	font-weight: normal;
	text-decoration: none;
	}
.SortEdit:hover {
	color: #393;
	text-decoration: underline;
	}
.SortRemove {
	background: url(btn.remove.gif) no-repeat center right;
	text-decoration: none;
	margin-left: 10px !important;
	padding-left: 15px !important;
	}
.SortNoRemove {
	text-decoration: none;
	margin-left: 10px !important;
	padding-left: 15px !important;
	}

/* */

#CustomInfo li {
	width:50%;
	float:left;
	}
#CustomInfo li input {
	width:80% !important;
	}
.Submit {
	margin:20px 0 !important;
	text-align:right;
	}
.Submit input {
	width: auto !important;
	float:left;
	cursor:pointer;
	}
#AccountPage #pageWrapper .Submit a,
#AccountPage #pageWrapper .Identity .Submit a,
.Submit a,
#Comments .CommentHeader .commentHide {
	color:#dd7800;
	font-weight:normal;
}
#AccountPage #pageWrapper .Submit a:hover,
#AccountPage #pageWrapper .Identity .Submit a:hover,
.Submit a:hover,
#Comments .CommentHeader .commentHide:hover{
	color:#c55d00;
}
/* Profile Page.. */

#AccountProfile #Success,
#AccountProfile .ErrorContainer {
	margin-right: 18px;
	}
#AccountProfile .ErrorContainer {
	margin-bottom: 10px;
	/*border-bottom: 1px solid #FFC2CA;*/
	}
#AccountProfile {
	float:left;
	width:300px;
	border-right:1px solid #d1cec8;
	}
#AccountProfile * {
	margin:0;
	padding:0;
	list-style:none;
	}
#AccountProfile li {
	clear:both;
	margin-right:20px;
	line-height:20px;
	display:block;
	}
#AccountProfile h3 {
	font-size:11px;
	width:120px;
	float:left;
	margin-bottom:2px;
	font-weight:normal;
	color:#211;
	}
#AccountProfile p {
	font-size:11px;
	float:left;
	}
#AccountProfile p.rcCount{
	background-color:#b4aba0;
	color:#f4f1eb;
	padding:1px 8px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	margin-bottom:3px;
}
#AccountProfile ul.vcard a{
	width:140px;
	overflow:hidden;
	display:block;
	text-overflow: ellipsis;
}

/* My Comment */
#AccountProfile h2 {
	font-size:14px;
	color:#000;
	width:60%;
	float:left;
	}
#AccountProfile .ProfileTitle * {
	line-height:32px;
	}
#AccountProfile .Tagline {
	padding: 6px;
	text-align: center;
	background: #FEE1E1;
	color: #850406 !important;
	margin: 0 20px 10px 0;
	}
.ProfileTitleIcon {
	background-repeat:no-repeat;
	}
.ProfileTitle h2 {
	width:48% !important;
	}
.ProfileTitle.WithIcon h2 {
	padding-left:4px !important;
	width: auto;
	}
.ProfileTitle.WithIcon .ProfileIcon {
	padding:9px 0 9px 30px;
	background: no-repeat center center;
	margin-right: 6px;
	display: inline;
	float: left;
	width: 32px;
	}
#AccountProfile .ProfileTitle p {
	width:auto;
	float: right;
	text-align:right;
	font-size:11px;
	color:#aaa;
	}
#AccountProfile .ProfileTitle {
	line-height:20px;
	margin-bottom:12px;
	}
#AccountProfile .Picture {
	clear:left;
	display:inline-table;
	margin:10px 0;
	width: 280px;
	height: 200px;
	overflow: hidden;
	background: center center no-repeat;
	margin-bottom: 6px;
	}
#AccountHistory {
	margin-left:320px;
	}
html>body #AccountHistory { /* ugly hack, but fixes display error in IE. */
	margin-left:300px !important;
	}
#AccountHistory * {
	margin:0;
	padding:0;
	list-style:none;
	color:#999;
	}
#AccountHistory ul, #AccountHistory h2 {
	margin:0 20px;
	}
#AccountHistory ul {
	margin-bottom:20px;
	}
#AccountHistory h2 {
	font-size:14px;
	color:#000;
	}
#AccountHistory ul {
	/*border-top:1px solid #ccc;*/
	}
#AccountHistory li {
	padding:5px;
	/*border-bottom:1px solid #ccc;*/
	}
#AccountHistory h3,
#AccountHistory h3 a {
	color:#666;
	font-size:12px;
	}
#AccountHistory h3 small {
	font-size:11px;
	}
#AccountHistory p {
	font-size:11px;
	}
#AccountHistory p.Note {
	padding:3px;
	padding-bottom:0;
	font-style:italic;
	}

/* Settings Home */

#Form.Help form {
	width: 700px !important;
	margin: 0;
	padding: 0;
	padding-bottom:4px;
}
#SettingsPage #Form.Help p.Description {
	padding: 10px 20px !important;
	color:#333 !important;
	}
#SettingsPage #Content dl * {
	margin:0;
	padding:0 11px;
	color: #333;
	font-size:12px;
	}
#SettingsPage #Content dl dt {
	margin: 10px 10px;
	font-weight:bold;
	font-size:14px;
	}
#SettingsPage #Content dl dd {
	margin:10px;
	}
.WhisperFrom {
	background-color:#fefceb;
	}
.WhisperTo {
	background-color:#ebf2d6;
}
.WhisperFrom .CommentHeader ul,
.WhisperTo .CommentHeader ul{
	
}
#Comments .WhisperFrom div,
#Comments .WhisperTo div{
	
}
#Comments .WhisperFrom,
#Comments .WhisperTo{
	margin-top:-1px;
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:3px;
	padding:10px 10px;
	border-bottom:0px solid #b2b38e;
	-webkit-box-shadow:#333 0px 1px 3px;
	-moz-box-shadow:#333 0px 1px 3px;	
}
.left {
	float:left;
	}
.hiLite {
	background-color:#ff9;
	font-style:normal;
	}

/* Autocomplete results */

.AutoCompleteContainer {
	margin: 0;
	padding: 0;
	border: 1px solid #888;
	border-top: 0;
	}
.AutoCompleteContainer td {
	padding: 3px;
	cursor: pointer;
	}
.AutoCompleteRow td {
	background: #fff;
	color: #000;
	}
.AutoCompleteHoverRow td {
	background: #335EA8;
	color: #fff;
	}

/* Ajax progress */
.HideProgress {
	background: url(hprogress.gif) center center no-repeat;
	text-decoration: none !important;
	padding-left: 15px;
	padding-right: 15px;
	}
.Progress {
	background: url(hprogress.gif) left center no-repeat;
	padding-left: 22px !important;
	}
.PreferenceProgress {
	background: url(hprogress.gif) left center no-repeat;
	padding-left: 16px !important;
	}
.Complete,
.PreferenceComplete {
	background: none;
	padding-left: 0;
	}
.PreferenceProgress input {
	display: none;
	}
.PreferenceComplete input {
	display: inline;
	}

/* others */
#Form.Account a,
#AccountPage #pageWrapper #AccountProfile a,
#AccountPage #pageWrapper .Identity a{
	color: #634669;
}
#Form.Account a:hover,
#AccountPage #pageWrapper #AccountProfile a:hover,
#AccountPage #pageWrapper .Identity a:hover{
	color:#76618f;
}
#TagCloud{
	font-size:11px;
	margin:4px 20px;
}
#TagCloud a{
	display:block;
	float:left;
	background: #362244;
	color:#eee;
	padding:2px 6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:2px 1px;
	border-top: 1px solid #150d17;
	border-bottom: 1px solid #3a2b44;
	opacity:.8;
}
#TagCloud a:hover{
	background:#513364;
	color:#fff;
	opacity:1;
}

/* Addon: Discussion Overview */
.DiscussionOverview {
	margin-top: 6px;
	}
.DiscussionOverview #Categories {
	margin: 0;
	padding: 0;
	}
.DiscussionOverview .Category{
	background:#ede7dc;
	border-bottom:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.DiscussionOverview .Category ul {
	margin: 0;
	padding:0;
	list-style: none;
	position: relative;
	}
.DiscussionOverview .Category ul .CategoryName{
	font-size:11px;
	margin-bottom:4px;
	margin-left:8px;
}
.DiscussionOverview .Category ul .CategoryName a{
	color:#605b51;
	text-shadow:#fff 0px 1px 0px;
}
.DiscussionOverview .Category ul .CategoryName a:hover{
	color:#413b33;
}
.DiscussionOverview .CategoryDiscussionCount{
	float:right;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	padding:2px 8px;
	color:#83786a;
	margin-top:-2px;
	margin-right:4px;
	margin-bottom:4px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.DiscussionOverview .CategoryDiscussionCount span{
	display:none;
	}
.DiscussionOverview .CategoryOptions {
	position: absolute;
	top: 10px;
	right: 10px;
	}

.DiscussionOverview .DiscussionType * {
	clear: both;
	}
.DiscussionOverview #Discussions {
	margin-top: 0px !important;
	margin-bottom: 5px;
	}

.DiscussionOverview .ShowAllLink a {
	display: block;
	padding: 0px 5px;
	margin-left:2px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
	color:#72924d;
	}
.DiscussionOverview .ShowAllLink a:hover {
	color:#647551;
}

.DiscussionOverview .CategoryDescription{
	display:none;
}
#ExtensionPage .ContentInfo h1 {
	float: none;
	text-align: left;
	}

/* Addon: For MessageWall */
#MW_NewCommentNotice {
	float:none;
	display: inline;
	color: #cf4e00;
} 
#AccountPage #discussionHistory{
	clear:both;
}

/* Addon: Preview Post */
#Comment_Preview {
	background-position: center top;
	background-repeat: no-repeat;
}

/* Addon: ModTool */
#Content .ContentInfo h1 {
	text-align: left;
}

.selected {
	background-color: #ccc;
}

.unselected {
	background-color: none ;
}

/* Addon PanelList */
#panel ul li ul li a span,
#panel ul ul#BookmarkList a span{
	background-color: #675381;
	color:#fff;
	padding:1px 6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	font-size:9px;
	text-transform:uppercase;
	-webkit-box-shadow:#000 0px 1px 2px;
	-moz-box-shadow:#000 0px 1px 2px;
}
#panel ul li ul li a:hover span,
#panel ul ul#BookmarkList a:hover span {
	background-color: #4d365d;
	color:#fff;
}
/* Addon Notif*/
#Form.Notifications fieldset legend{
	text-indent:0;
	margin-bottom:8px;
}

/* Check Boxes */
#WallForce{
	margin-right:10px;
}

/* Links Colour */
#Comments .CommentHeader .BuyADrink{
	color: #faa852;
}
#Comments .CommentHeader .BuyADrink:hover{
	color: #c78553;
}

/* Role Colour */
/*
#Comments .CommentHeader .commentAuthor small.Moderator{
	color: #b07931;
}
#Comments .CommentHeader .commentAuthor small.Administrator{
	color: #b45a5a;
}
#Comments .CommentHeader .commentAuthor small.Resident{
	color: #537ca3;
}*/

/* Addon: Kinds */
.KeywordSet{
	display:inline;	
}
#pageWrapper .keywordSet a{
	font-weight:normal;
	font-size:11px;
	padding:2px 8px 3px;
	background: #a69a87;	
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
 	margin-right:5px;
 	position:relative;
 	top: -2px;
 	border-bottom: 1px solid #968a77;
	text-shadow:#867a67 0px -1px 0px;
}
#pageWrapper .keywordSet a:hover{
	color:#fff;
	background:#867a67;
}

/*Addon BBcodeBar*/
#ForcedBBBar {

}

#ForcedBBBar select {
	background-color:#f2efe8;	
}

#ForcedBBBar img {
	padding:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

#ForcedBBBar a:hover img {
	background-color:#fff;
}

/*Addon announcement*/
#announcement{
	padding:10px 12px;
}
/*Addon Account Picutres*/
#profileIcon,
#profilePicture{
	float:left;
	display:block;
	-webkit-box-shadow:#333 0px 1px 3px;
	-moz-box-shadow:#333 0px 1px 3px;
}
#profileIcon{
	margin-top:5px;
	margin-left:8px;
}
#profileIconForm,
#profilePictureForm{

	padding:10px 20px 10px;
	background:#e5e2db;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-top:1px solid #c3bfb7;
	-webkit-box-shadow:#fff 0px 1px 0px;
	-moz-box-shadow:#fff 0px 1px 0px;
}
#profilePictureForm{
	margin-top:12px;
	height:240px;
}
#profileIconUpload{
	display:block;
	margin-left:60px;
}
#profilePictureUpload{
	display:block;
	margin-left:300px;
	position:relative;
	top: 55px;
}
#profileIconForm p,
#profilePictureForm p{
	font-size:10px;
	position:relative;
	top: 8px;
}

/* for publicity addon*/
#switch{
	display:block;
	width:107px;
	height:24px;
	margin:0;
	text-indent:-623em;
	background-image:url('switch_on_off.png');
	background-repeat:no-repeat;
	cursor:pointer;
	position:relative;
	left: 300px;
	top:-20px;
}
#hiddenSwitch{
	display:none;
}
label#privacy{
	padding-top:12px;
}