body {
	margin:0px;
	padding:0px;
	background: #000;
	}
body, div, table, td {
	font-family:"lucida grande",tahoma,arial,sans-serif;
	font-size:11px;
	}
a {
	color: #3B5998;
	text-decoration: none;
	cursor: pointer;
	}
a:hover {
	text-decoration: underline;
	}
#pgbottom {
	text-decoration: none !important;
	height: 1px;
	width: 1px;
	font-size: 1px;
	float: right;
	}

/* 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-bottom: 1px solid #9C9;
	background: #E2F9E3;
	color: #060 !important;
	display: block;
	line-height: 200%;
	text-align: center;
	font-size: 13px;
	}
.Notice {
	background: #D8DFEA url('notice.gif') 0 10px no-repeat;
	font-size:11px;
	padding: 8px 8px 8px 30px;
	margin-bottom: 20px;
	color: #000;
	line-height: 150%;
	border-bottom: 1px solid #A0A0A0;
	}
#NoticeCollector  .Notice {
	margin: 0;
	}

/* Remove System Message Button */
.Notice span {
	float:right;
	display: block;
	font-size: 11px;
	}
.Notice span a,
.Notice span a:link,
.Notice span a:visited,
.Notice span a:hover {
	color: #3B5998;
	}
.Invisible { display: none; }
.Visible { display: block; }

/* Session.. */

#Session {
	float: right;
    font-size: 11px;
    text-align: right;
	color:#a7badf;
	}
#Session a {
	color:#a7badf;
	text-decoration:none;
	}
#Session a:hover {
	color:#fff;
	}

/* Header.. */

#Header {
	background: #000;
	height: 47px;
	margin: auto;
    width: 950px;
	}
#Header * {
	margin:0;
	padding:0;
	}
#Header h1 {
display: none;
	text-align:left;
	color:#fff;
	font-size:22px;
	margin:0 auto;
	line-height: 53px;
	width: 950px;
	}
#Header ul {
	text-align:left;
	width: 950px;
	margin: 0 auto 5px auto;
	line-height: 20px;
	padding: 0px;
	}
#Header ul li {
	background-color: f7f7f7;
	display: inline;
	font-size: 12px;
	font-weight:normal;
	padding: 7px 0px 7px 0px;
	line-height: 10px;
	}
#Header ul li.TabOn {
	font-weight:bold;
	}
#Header ul li a {
	padding: 11px 10px 6px;
	margin: -4px 0px 0px;
	text-decoration:none;
	color: #f29915;
	line-height: 15px;
	}
#Header ul li a:hover {
	text-decoration: underline;
	}
#Header ul li.TabOn a,
#Header ul li.TabOn a:hover {
	font-weight: bold;
	background: #f29915;
	color:#000000;
	}
#Header ul li a em {
	font-style:normal;
	text-decoration:underline;
	}

/* Body */

#Body {
	background-color: #fff;
	width: 950px;
	margin: 10px auto;
	padding: 0;
	border: 0px;
	}

/* Panel.. */

#Panel {
	width:250px;
	margin: 0;
	padding: 0;
	float:left;
	background-color: #f7f7f7;
	display: inline;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #A0A0A0;
	font-size: 11px;
	}
#Panel * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Panel h1 {
	margin-top:10px;
	font-size:14px;
	text-align: center;
	}
#Panel h1.StartNew {
	background: url('017.png') no-repeat 10px center;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 20px;
	margin: 0;
	}
#Panel h1 a {
	color: #3b5998;
	font-size:14px;
	font-family: 'Lucida Grande',Geneva,Verdana,Arial,sans-serif;
	font-weight: bold;
	text-decoration: none;
	}
#Panel h1 a em {
	font-style: normal;
	text-decoration: underline;
	color:#a00;
	}
#Panel h1 a:hover {
	text-decoration: underline;
	}
#Panel h2 {
	color:#000;
	font-size:11px;
	background: #D8DFEA;
	border-top: 1px solid #3B5998;
	border-bottom:1px solid #ccc;
	margin:10px 0 0 0;
	padding:5px 8px;
	}
#Panel ul ul, #Panel ul p, #Panel select {
	margin:0;
	}
#Panel ul, #Panel p {
	color:#335eb7;
	font-size:11px;
	text-align: left;
	}
#Panel ul ul {
	color:#f00;
	font-size:10px;
	}
#Panel select {
	width:167px;
	margin-top:3px;
	}
#Panel ul ul li {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	}
#Panel ul ul li a {
	font-size:11px;
	display:block;
	width:100%;
	color:#3B5998;
	text-decoration:none;
	padding: 4px 8px;
	}
#Panel ul ul li a span {
	color: #c00;
	font-size: 10px;
	padding-left: 4px;
	}
#Panel ul ul li a:hover {
	background-color:#EFEFEF !important;
	}
#CommentsPage #Panel #SetBookmark {
	background: url('006.png') no-repeat 5px center;
	padding-left: 27px;
	}
#CommentsPage #Panel #HideDiscussion {
	background: url('004.png') no-repeat 5px center;
	padding-left: 27px;
	}
#CommentsPage #Panel #CloseDiscussion {
	background: url('018.png') no-repeat 5px center;
	padding-left: 27px;
	}	
#CommentsPage #Panel #StickDiscussion {
	background: url('009.png') no-repeat 5px center;
	padding-left: 27px;
	}
#CommentsPage #Panel #SinkDiscussion {
	background: url('031.png') no-repeat 5px center;
	padding-left: 27px;
	}
#AboutVanilla {
	margin: 10px auto;
	padding: 3px 0px 3px 0px;
	text-align:center !important;
	color:#bbb !important;
	width:180px;
	}
#AboutVanilla a {
	color:#d0d0d0 !important;
	text-decoration:none;
	}
#AboutVanilla a:hover {
	color:#aaa !important;
	text-decoration:underline;
	}

/* Content.. */

#Content {
	border-left: 1px solid #b7b7b7 !important;
	margin-left: 250px;
	}

/* ContentInfo/Control/Whatever - Universal to Discussion Index & Comments */

.ContentInfo {
	text-align:right;
	}
.ContentInfo.Top {
	white-space:nowrap;
	overflow: hidden;
	background: #F7F7F7;
	}
#AccountPage #Content,
#CommentsPage #Content,
#DiscussionsPage #Content,
#CategoryPage #Content,
#ExtensionPage #Content,
#SettingsPage #Content,
#SearchPage #Content {
	padding-top: 0;
	}
#DiscussionsPage .Bottom {
	margin: -6px 0px 0x 0px;
	}
.ContentInfo * {
	font-size:11px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	}
#DiscussionsPage .ContentInfo h1 {
	color:#000;
	margin: 10px 80% 0 10px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	}
#CommentsPage .ContentInfo {
	position: relative;
	}
#CommentsPage .ContentInfo h1 {
	color: #555;
	font-size: 12px;
	padding: 10px;
	font-weight: bold;
	width:80%;
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
	}
#CommentsPage .ContentInfo a.pgbottom {
	position: absolute;
	right: 10px;
	top: 10px;
	}
.ContentInfo input {
	font-size:10px;
	margin-left:5px;
	}
#DiscussionsPage .ContentInfo h1 {
	float:none;
	}
.ContentInfo h1 a {
	color:#3354aa;
	text-decoration:none;
	}
.ContentInfo h1 a:hover {
	color:#000;
	}
.PageInfo {
	color:#000;
	border-top:1px solid #D8DFEA;
	border-bottom:1px solid #D8DFEA;
	padding: 0 10px;
	margin:0;
	background: #fff;
	}
#CommentsPage .ContentInfo.Top .PageInfo{
	}
.PageInfo p {
	margin:0px;
	padding: 8px 0 0 0;
	display:inline;
	float: left;
	font-size: 11px;
	font-weight: normal;
	}
.PageList {
	margin:0px;
	padding:10px 0 5px 0;
	list-style:none;
	}
	
.PageList .CurrentPage {
	font-weight: bold;
	border-bottom: 2px solid #3B5998;
	padding: 3px;
	}
.PageList li {
	display:inline;
	}
.PageList a,
.PageList li a {
	text-decoration:none;
	color: #3B5998;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	}
.PageList a:hover,
.PageList li a:hover {
	background-color: #3B5998;
	color: #fff;
	}

#TopOfPage {
	padding: 10px !important;
	display: block;
	background: #F7F7F7;
	}
	
/* Discussion Index */

#ContentBody {
	background-color: #F7F7F7;
	padding: 10px;
	}

#PageJump {
	margin: 10px 10px 0px 20px;
	float: right;
}

#Discussions {
	width: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
#Discussions, #Discussions * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Discussions li ul {
	border-bottom:1px solid #ccc;
	position: relative;
	padding: 8px;
	color:#777;
	}
#Discussions li.LastComment {
	width: 160px;
	border: none !important;
	position: absolute !important;
	top: 5px;
	right: 15px;
	font-size: 9px;
	margin:0 !important;
	padding: 0 !important;
	}
#Discussions li.LastComment ul {
	border: none !important;
	}
#Discussions li li {
	height:auto;
	border:0px;
	}
.NoNewComments,
#Discussions li.Read ul {
	background-color:#fff !important;
	}
.NewComments,
#Discussions li.Read.NewComments ul {
	background-color:#EBEEF3 !important;
	}
#Discussions ul span, #Discussions ul span a, #Discussions ul a {
	text-decoration:none;
	}
#Discussions ul span a:hover, #Discussions ul a:hover {
	text-decoration: underline;
	}
#Discussions ul a {
	}
.Discussion {
	background: yellow;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 100%;
}
.DiscussionType {
	font-size:12px;
	float:left;
	margin-right:5px !important;
	color:#555;
	font-weight:bold;
	line-height:20px;
	}
.DiscussionType span,
.DiscussionType.Normal {
	display:none;
	}
.DiscussionType * {
	float: left;
	}
.DiscussionTopic, .User.Name {
	font-size:13px;
	line-height:20px;
	overflow: hidden;
	}
.DiscussionTopic span {
	display:none;
	}
.DiscussionTopic a, .User.Name a {
	text-decoration: underline;
	font-weight:bold;
	}
.DiscussionTopic a:hover {
	color:#f29915;
	}
.DiscussionCategory, .DiscussionStarted, .DiscussionComments, .DiscussionNew {
	width: auto;
	display:inline;
	font-size:9px;
	margin-right:10px!important;
	}
.NewComments .DiscussionNew a {
	font-weight: bold;
	}
.NewComments .DiscussionNew a span {
	font-weight: normal;
	}
#Discussions li.Read.NewComments .DiscussionNew {
	display:inline;
	}

/* Category Index */

#CategoryPage div.ContentInfo h1 {
	background-color: #6D84B4;
	color:#fff;
	margin: 10px 80% 0 10px;
	padding: 5px;
	border-left: 1px solid #898989;
	border-top: 1px solid #898989;
	border-right: 1px solid #898989;
	font-weight: bold;
	text-align: center;
	}
#CategoryPage  #ContentBody {
	margin: 0 !important;
	padding: 10px;
	border-top: 1px solid #D8DFEA;
	}
#Categories {
	margin:0px;
	padding:0px;
	list-style:none;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 100%;
	}
.BlockedCategory {
	background: #EEF0F6;
	}
.UnblockedCategory {
	background: #fff;
	}
#Categories li ul {
	border-bottom:1px solid #ccc;
	padding: 8px;
	list-style: none;
	margin: 0px;
	}
#Categories li li {
	height:auto;
	border:0px;
	}
#Categories ul span, #Categories ul span a, #Categories ul a {
	text-decoration:none;
	}
#Categories ul span a:hover, #Categories ul a:hover {
	text-decoration: underline;
	}
#Categories ul a {
	}
.Category {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 100%;
	}
.CategoryName {
	font-size:13px;
	line-height:20px;
	overflow: hidden;
	font-weight:bold;
	}
.CategoryName a {
	text-decoration: none;
	}
.CategoryName a:hover {
	text-decoration: underline !important;
	}
.CategoryName span,
.CategoryDescription span,
.CategoryName.Normal {
	display:none;
	}
.CategoryDescription {
	font-size:11px;
	line-height:20px;
	overflow: hidden;
	}
.CategoryDiscussionCount, .CategoryOptions {
	width: auto;
	display:inline;
	font-size:9px;
	margin-right:10px!important;
	}

/* Comments.. */

#Comments {
	margin:0px;
	padding:0px;
	list-style:none;
	height:1%;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	}
#Comments li {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	background: #EBEEF3;
	height: 100%;
	overflow: hidden;
	}
#Comments li.Hidden {
	background: url(hidden-tile.gif) top left repeat-x #fafafa;
	}
#Comments .CommentInfo {
	float: left;
	width: 80px;
	padding: 10px 10px 8px 10px;
	}
#Comments .CommentInfo div.CommentIcon {
	margin: 0 auto;
	width: 32px;
	padding:10px 0px 10px 0;
	background: center center no-repeat;
	}
#Comments .CommentInfo div.AuthorInfo {
	text-align: center;
	color: #999;
	font-size: 9px;
	overflow: hidden;
	margin-top: 8px;
	}
#Comments .CommentContainer {
	background: #fff;
	margin-left: 100px;
	padding: 10px;
	border-left: 1px solid #ccc;
	}
#Comments .CommentHeader {
	padding: 0;
	padding-left: 10px;
	text-align:left;
	line-height: 22px;
	background: #f7f7f7;
	border-top: 1px solid #3B5998;
	border-bottom: 1px solid #ccc;
	position: relative;
	}
#Comments .CommentHeader ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Comments .CommentHeader li {
	background: transparent;
	margin:0px;
	padding:0px;
	display:inline;
	color:#aaa;
	font-size:11px;
	border-bottom:0px;
	}
#Comments .CommentHeader li span {
	display:none;
	}
#Comments .CommentHeader a.WhisperBack {
	padding-left: 10px;
	color: #3B5998;
	font-size: 10px;
	font-weight: normal;
	}
#Comments .CommentHeader a.WhisperBack:hover {
	text-decoration: underline;
	}
#Comments .CommentHeader em {
	color:#bbb;
	font-style:normal;
	}
#Comments li.Hidden .CommentHeader i {
	padding-left: 8px;
	color:#c00;
	font-style:normal;
	}
#Comments .CommentHeader a {
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#3354aa;
	}
#Comments .CommentHeader a:hover {
	text-decoration: underline;
	}
#Comments .CommentHeader span {
	font-size:10px;
	font-weight: normal;
	color:#3B5998;
	position: absolute;
	top: 0;
	right: 10px;
}
#Comments .CommentHeader span a {
	font-size:10px;
	font-weight: normal;
	color:#3B5998;
	margin-left:3px;
	padding-left:3px;
	cursor: pointer;
	}
#Comments .CommentHeader span a:hover {
	text-decoration: underline;;
	}
#Comments .CommentNotice {
	padding: 6px;
	font-size:13px;
	text-align: center;
	border-top: 1px solid #D9999A;
	border-bottom: 1px solid #D9999A;
	background: #FEE1E1;
	color: #850406 !important;
	margin: 10px 0px 10px 0px;
	}
#Comments .CommentBody {
	display:block;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	color:#000;
	font-size: 11px;
	line-height: 150%;
	}
#Comments .CommentBody ul li,
#Comments .CommentBody ol li {
	background: transparent;
	border-bottom:none;
	padding:0;
	margin: 0;
	overflow: visible;
	}
#Comments .CommentBody ul ol {
	margin: 8px 15px !important;
	padding: 0 !important;
	}
#Comments .CommentBody  ul {
	list-style: square;
	}
#CommentsPage .ContentInfo.Middle .PageInfo {
	margin:0px;
	}
#CommentsPage .ContentInfo.Bottom {
	padding: 10px;
	background: #f7f7f7;
	border-top: 1px solid #ccc;
	}
#Comments code {
	background: #EFEFEF url('code.gif') top left no-repeat;
	margin: 0 0 10px;
	padding: 8px;
	padding-left: 40px;
	display: block;
	min-height: 35px;
	white-space: pre;
	}
/* Thanks to Bergamot */
#Comments blockquote {
	min-height: 35px;
	padding:8px 16px 8px 40px;
	margin:0 0 10px;
	background: #E5EAF6 url('quote.gif') top left no-repeat;
	color:#56568F;
	}
#Comments blockquote blockquote {
	border-right: 1px solid #ACBEDF;
	border-top: 1px solid #ACBEDF;
	border-bottom: 1px solid #ACBEDF;
	}
#Comments blockquote cite {
	font-weight:bold;
	display:block;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid #ACBEDF;
	color:#56568F;
	}

/* Search Page */

#Form.Search {
	width: 99% !important;
	padding: 0px !important;
	background-color: #F7F7F7;
	position: relative;
	margin: 0 0 -2px 0 !important;
	}
html>body #Form.Search { /* ugly hack, but fixes display error in IE. */
	width: 100% !important;
	}
#SearchPage fieldset {
	margin-bottom: 0 !important;
	}
#Form.Search fieldset h1{
	background-color: #6D84B4;
	color:#fff;
	margin: 10px 80% 0 10px;
	padding: 5px;
	border-left: 1px solid #898989;
	border-top: 1px solid #898989;
	border-right: 1px solid #898989;
	font-weight: bold;
	text-align: center;
	font-size: 11px !important;
	}
#Form.Search form {
	border-top: 1px solid #ccc;
	}
#SearchSimple {
	margin: 0px !important;
	}
#SearchSimple label {
	display: inline !important;
	width: 10px !important;
	}
#MainSearchInput #txtKeywords {
	width: 60% !important;
	margin-left: 0px !important;
	}
#MainSearchInput label {
	display: none !important;
	}
#Form.Search .Submit input {
	margin: 0px !important;
	color: #000 !important;
	}
.SearchInput,
.SearchSelect,
.SearchSelect option {
	color: #000 !important;
	}
#SimpleSearchRadios input {
	width: auto !important;
	margin: 0px 2px 0px 12px;
	}
#SimpleSearchRadios label {
	font-weight: normal !important;
	}
.SearchSwitch {
	color: #3B5998 !important;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	}

/* Advanced Search Form */
#SearchDiscussionFields, #SearchCommentFields, #SearchUserFields {
	display: none;
	}
.AdvancedSearchInput {
	width: 67% !important;
	}
.AdvancedUserInput,
#DiscussionAutoCompleteResults,
#CommentAutoCompleteResults {
	width: 160px !important;
	}
#ddRoles, #ddOrder, #ddCommentCategories, #ddDiscussionCategories {
	width: auto !important;
	}
	
/* Search Results */

#SearchPage {
	margin-bottom: 0;
	}
#Form.Search fieldset legend, #SearchPage .ContentInfo h1 {
	text-align: left !important;
	color: #555 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	padding: 10px !important;
	}
#SearchPage .Bottom .PageInfo {
	margin-top: 0px !important;
	}

/* Comment Search Results */

#CommentResults {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	}
#CommentResults, #CommentResults * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#CommentResults li li {
	height:auto;
	border:0px;
	}
#CommentResults li ul {
	padding: 8px;
	color:#777;
	background-color:#EEF0F6;
	border-bottom:1px solid #ccc;
	min-width:0px;
	}
#CommentResults ul span, #CommentResults ul span a, #CommentResults ul a {
	text-decoration:none;
	}
#CommentResults ul span a:hover, #CommentResults ul a:hover {
	text-decoration: underline;
	}
#CommentResults ul a {
	}
#CommentResults .CommentResult ul {
	background-color:#fff !important;
	}
#CommentResults .CommentText span {
	display: none;
	}
#CommentResults .CommentText span.Highlight {
	display:inline;
	color: #f00;
	background: #f7f7f7;
	}
#CommentResults .CommentText {
	margin:6px 0px 4px 0px !important;
	}
#CommentResults .CommentText a {
	color:#000 !important;
	}
#CommentResults .CommentText a:hover {
	background-color:#f7f7f7;
	}
.DiscussionCategory, .CommentAuthor, .CommentAdded {
	width: auto;
	display:inline;
	font-size:9px;
	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 #EEF0F6;
	}
#CommentResults .SearchComment ul {
	margin: 0px !important;
	}

/* User Search Results */

#UserResults {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	}
#UserResults, #UserResults * {
	margin:0px;
	padding:0px;
	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 {
	background-color: #fff;
	margin-top: 0px !important;
	border-bottom:1px solid #ccc;
	min-width:0px;
	}
#UserResults li li {
	height:auto;
	border:0px;
	}
#UserResults li ul {
	padding: 8px;
	color:#777;
	}
li.User {
	display:inline;
	font-size:9px;
	margin-right:10px !important;
	}
li.User span {
	color: #aaa;
	}
li.User.Name {
	display:block;
	font-size: 10px;
	overflow: visible;
	}
li.User.Name .UserIcon {
	float: left;
	padding:10px 0px 10px 30px !important;
	margin-right: 6px !important;
	background-repeat:no-repeat !important;
	display: inline !important;
	background: center 2px no-repeat;
	}
li.User.Name a {
	font-size: 13px;
	}
li.User.Name.WithIcon {
	}
li.User.Name a:hover {
	text-decoration: underline;
	}
li.User.Name span {
	display:none;
	}

/* Forms.. */

#Form * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Form {
	margin-bottom: -2px !important;
	}
#Form fieldset {
	border:0px;
	clear:none;
	}
#Form fieldset legend {
	padding: 4px 0px 4px 0px;
	margin: 0px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	}
#Form form {
	margin: 0px;
	padding:10px;
	background-color:#fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #A0A0A0;
	border-left: none;
	border-right: none;
	}
#Form li {
	margin-bottom:10px;
	color:#000;
	font-weight:bold;
	}
#Form label a {
	margin-bottom:-3px;
	margin-right:15px;
	float:right;
	padding:3px 6px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	border:1px solid #A0A0A0;
	background-color:#fff;
	}
#WhisperUsername,
#WhisperAutoCompleteResults {
	width: 200px;
	}
#Form textarea,
#Form input,
#Form select {
	font-family:'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
	font-size:13px;
	font-weight: normal;
	}
#Form textarea {
	width:99.5%;
	height:150px;
	}
#Form textarea.SmallCommentBox {
	height: 150px;
	}
#Form textarea.LargeCommentBox {
	height: 400px;
	}
#Form .Button {
	cursor: pointer;
	color: #000 !important;
	}
#Form .Button.SubmitButton {
	margin-right:10px;
	}
#Form .Button.SearchButton {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	background: #3B5998 url('search_button.gif') no-repeat scroll 5px 60%;
	border: 1px solid #D9DFEA;
	color: #fff !important;
	padding: 3px 5px 3px 20px !important;
	}

/* Add Comment & Start Discussion Forms */

#Form.StartDiscussion legend {
	text-align: left !important;
	color: #555 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	padding: 10px !important;
	}
#Form.StartDiscussion {
	background: #f7f7f7;
	}
#Form.StartDiscussion form {
	background: #fff;
	border-top: 1px solid #ccc;
	}
#PostPage #Form.AddComments legend {
	padding-top: 0px;
	}
.AddComments {
	width: 99%;
	}
#Form.AddComments legend {
	text-align: left !important;
	color: #555 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	padding: 10px !important;
	}
#Form.AddComments {
	width: 100%;
	background: #f7f7f7;
	}
#Form.AddComments fieldset {
	margin: 0px;
	}
#Form.AddComments form {
	border-top: 1px solid #D8DFEA;
	margin-top: 0px !important;
	background: #fff;
	}
#Form.StartDiscussion label,
#Form.AddComments label {
	display:block;
	width:100%;
	font-weight:bold;
	}
#Form.StartDiscussion label.Radio,
#Form.AddComments label.Radio {
	display:inline !important;
	width:auto !important;
	}
#Form.AddComments {
	margin: 0;
	padding: 0;
	}
#PostPage #Form.AddComments {
	padding: 0px;
	}
.DiscussionBox {
	width: 400px;
	}
#Form .Button {
	width: auto !important;
	}
#Form.AddComments a,
#Form.StartDiscussion a {
	font-weight: normal;
	}
#CommentFormats input {
	margin: 0px 2px 0px 12px;
	}
#Form.StartDiscussion #CommentFormats label,
#Form.AddComments #CommentFormats label {
	font-weight: normal;
	}
/* Pad fatal errors on post page */
#PostPage #Content {
	}

/* Account Section Forms.. */

#Form.Identity form {
	border: none;
	}
#Form.Identity fieldset {
	border-bottom: 1px solid #A0A0A0;
	}
.Account {
	margin: 0px !important;
	background: #F7F7F7;
	}
#Form.Account * {
	}
#Form.Account legend {
	text-align: left !important;
	color: #555 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	padding: 10px !important;
	}
#Form.Account form {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent;
	}
#Form.Account form ul {
	margin: 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 0;
	background: #fff;
	}
#Form.Password form,
#Form.Role form {
	border-top: 1px solid #ccc;
	}
#Form.Account form ul li {
	margin: 0;
	padding: 10px 40px 10px 20px;
	border-bottom: 1px solid #ccc;
	}
#Form.Account form ul li.RoleAbilities,
#Form.Account form ul li.RoleCategories {
	padding: 5px 40px 5px 8px;
	}
#Form.Account form ul li p span {
	margin: 0 !important;
	}
#Form.Account h2 {
	font-size:11px;
	margin:0;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #fff;
	}
#Form.Account p {
	padding: 10px 40px 10px 20px;
	}
#Form.Account ul p {
	padding: 0px;
	}
#Form.Account label {
	display:block;
	width:80%;
	line-height:18px;
	margin-bottom: 4px;
	}
#Form.GlobalsForm label {
	float: left;
	width: 80%;
	}
#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;
	width:40%;
	}
#Form.GlobalsForm input,
#Form.GlobalsForm select {
	width: 59%;
	}
#Form ul p.Description {
	margin:3px 0px !important;
	padding: 3px 0px 5px 0px !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.Description {
	border-top: 1px solid #ccc;
	}
#Form.Preferences p span label {
	font-weight: normal;
	}
#Form.Roles p {
	border-top: 1px solid #ccc;
	background: #fff;
	}
/* Globals Form */

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

/* Update Check form */
#Form.UpdateCheck form {
	border-top: 1px solid #ccc;
	background: #fff;
	}
#Form.UpdateCheck p {
	margin: 0;
	padding: 0;
	padding: 10px;
	}
#Form form#frmUpdateReminders {
	background: #f7f7f7;
	}
#Form form#frmUpdateReminders p {
	background: #fff;
	}
.UpdateOld .Name,
.UpdateGood .Name,
.UpdateUnknown .Name,
.UpdateChecking .Name {
	padding: 0px 0px 4px 23px !important;
	}
.UpdateOld .Details,
.UpdateGood .Details,
.UpdateUnknown .Details,
.UpdateChecking .Details {
	font-weight: normal;
	}
.UpdateOld,
.UpdateUnknown {
	background: #FFFFCC;
	}
.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 */

#ExtensionPage #Form {
	background: #f7f7f7;
	margin: 0;
	padding: 0;
	}

#Form.Extensions {
	margin: 0px 0px 20px 0px !important;
	}
div.Extensions form {
	background: #f7f7f7;
	}
div.Extensions p {
	border-bottom: 1px solid #ccc;
	}
div.Extensions ul {
	border: 1px solid #ccc !important;
	border-bottom: none !important;
	margin: 10px !important;
	padding: 0 !important;
	}
div.Extensions ul {
	background-color:#fffeec;
	}
div.Extensions ul li {
	border-bottom:1px solid #ccc;
	margin:0px !important;
	padding:10px !important;
	overflow: hidden;
	position: relative;
	}
div.Extensions ul li.Enabled {
	background: #FEFECB;
	}
div.Extensions ul li.Disabled {
	background: url(disabled-tile.gif) #F4F4C2;
	}
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;
	padding-left: 30px !important;
	}
div.Extensions ul li input {
	width: auto !important;
	margin-top: 3px !important;
	left: 10px;
	position: absolute;
	}
div.Extensions h3 a {
	color:#3B5998 !important;
	text-decoration: none;
	}
div.Extensions h3 a:hover {
	text-decoration: underline;
	}
div.Extensions ul li span,
div.Extensions ul li span * {
	font-size: 11px;
	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;
	background: transparent !important;
	border: none;
	}
div.Extensions ul li p a {
	color:#3B5998 !important;
	text-decoration: none;
	}
div.Extensions ul li p a:hover {
	text-decoration: underline;
	}

/* Custom form for applicant management screen */
div.Applicants ul li.CheckController p {
	padding-left: 4px !important;
	}
div.Applicants ul li.NoApplicants p {
	padding-left: 4px !important;
	}
div.Applicants .Approve {
	padding: 10px !important;
	}
div.Applicants .Approve input {
	font-size: 11px !important;
	}
div.Applicants ul {
	margin: 10px !important;
	}

/* Custom form for sortable list */

.SortList {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px !important;
	}
.MovableSortListItem {
	cursor: move;
	background: #ffc;
	}
.SortListItem {
	width: 60%;
	border: 1px solid #ddd;
	padding: 6px !important;
	margin: 0 0 -1px 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: #3B5998 !important;
	font-weight: normal !important;
	text-decoration: none !important;
	}
.SortEdit:hover {
	text-decoration: underline !important;
	}
.SortRemove {
	background: url(btn.remove.gif) no-repeat center right;
	text-decoration: none;
	margin-left: 10px !important;
	padding-left: 15px !important;
	}
.SortRemove:hover {
	text-decoration: none !important;
	}
.SortNoRemove {
	text-decoration: none;
	margin-left: 10px !important;
	padding-left: 15px !important;
	}

/* */

#CustomInfo li {
	float:left !important;
	}
#CustomInfo li.LabelHeader {
	width: 200px;
	}
#CustomInfo li.ValueHeader {
	width: 417px;
	}
#CustomInfo li input.LVLabelInput {
	width:200px !important;
	}
#CustomInfo li input.LVValueInput {
	width: 409px;
	}
.Submit {
	margin:10px 15px 25px 15px !important;
	text-align:right;
	}
.Submit input {
	width: auto !important;
	float:left;
	cursor:pointer;
	}
.Submit a {
	color: #3B5998 !important;
	}

/* Profile Page.. */

#AccountPage {
	font-size: 11px !important;
	}

#AccountProfile #Success,
#AccountProfile .ErrorContainer,
.GlobalsForm #Success,
.GlobalsForm .ErrorContainer {
	border-top: none !important;
	margin-bottom: 0 !important;
	}
#AccountProfile .ErrorContainer {
	border-bottom: 1px solid #FFC2CA;
	}
#AccountProfile {
	padding-bottom: 10px !important;
	float:left;
	width:300px;
	border-right:1px solid #B7B7B7;
	}
#AccountProfile * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#AccountProfile li {
	background: #F7F7F7;
	line-height:18px;
	border-bottom: 1px solid #CCCCCC;
	margin-left: 10px;
	margin-right: 10px;
	height: 100%;
	overflow: hidden;
	}
#AccountProfile h3 {
	font-size:11px;
	font-weight: normal;
	color: #8F8F8F;
	width:110px;
	float:left;
	padding-left: 5px;
	overflow: hidden;
	}
#AccountProfile p {
	margin-left: 125px;
	width:150px;
	padding-right: 5px;
	}
#AccountProfile h2 {
	font-size:14px;
	color:#000;
	width:60%;
	float:left;
	}
#AccountProfile .ProfileTitle * {
	line-height:32px;
	}
#AccountProfile .Tagline {
	padding: 6px;
	text-align: center;
	border-top: 1px solid #D9999A;
	border-bottom: 1px solid #D9999A;
	background: #FEE1E1;
	color: #850406 !important;
	margin: 0px 0 10px 0px;
	}
	
.ProfileHeader {
	background-color: #F7F7F7;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 10px !important;
	}
.ProfileTitle.WithIcon .ProfileIcon {
	padding:9px 0px 10px 29px !important;
	background-repeat: no-repeat;
	background-position: center center !important;
	display: inline;
	border: none !important;
	margin: 0 !important;
	}
.ProfileTitle.WithIcon .ProfileName {
	display: inline;
	padding-left: 10px !important;
	}
.ProfileTitle .ProfileName {
	display: inline;
	font-size: 13px !important;
	font-weight: bold !important;
	border: none !important;
	margin: 0 !important;
	}
.ProfileTitle .ProfileRole {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #AFAFAF;
	margin: 0 !important;
	}
.ProfileTitleIcon {
	background-repeat:no-repeat;
	display: inline;
	}

#AccountProfile .ProfileTitle {
	line-height:20px;
	background: none !important;
	border: none !important;
	margin: 0 0 10px 0 !important;
	}
#AccountProfile .Picture {
	height: 200px;
	overflow: hidden;
	background: center center no-repeat;
	margin: 0 0 10px 0 !important;
	border: none !important;
	}
#AccountProfile .ProfileInfo {
	margin: 0 10px !important;
	padding: 5px !important;
	background: #D8DFEA;
	border-top: 1px solid #3B5998;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}
#AccountHistory {
	margin-left:320px;
	padding: 10px;
	}
html>body #AccountHistory { /* ugly hack, but fixes display error in IE. */
	margin-left:300px !important;
	}
#AccountHistory * {
	margin:0px;
	padding:0px;
	list-style:none;
	color:#999;
	}
#AccountHistory ul, #AccountHistory h2 {
	margin:0;
	}
#AccountHistory ul {
	margin-bottom:20px;
	}
#AccountHistory h2 {
	color:#000;
	font-size:11px;
	background: #D8DFEA;
	border-top: 1px solid #3B5998;
	margin:0;
	padding:5px 8px;
	}
#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:11px;
	}
#AccountHistory h3 small {
	font-size:10px;
	}
#AccountHistory p {
	font-size:11px;
	}
#AccountHistory p.Note {
	padding:3px;
	padding-bottom:0px;
	font-style:italic;
	}

/* Settings Home */

#Form.Help {
	background:#F7F7F7;
	}
#Form.Help form {
	margin: 0px;
	padding: 0px;
	background:#F7F7F7;
	}
#Form.Help fieldset {
	}
#Form.Help legend {
	text-align: left !important;
	color: #555 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	padding: 10px !important;
	}
#SettingsPage #Form.Help p.Description {
	padding: 10px !important;
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
#SettingsPage #Form.Identity form,
#SettingsPage #Form.CategoryList form,
#SettingsPage #Form.Extensions form,
#SettingsPage #Form.Theme form {
	border-top: 1px solid #ccc;
	}
#SettingsPage #Form.CategoryList p,
#SettingsPage #Form.Extensions p,
#SettingsPage #Form.Theme p {
	background: #fff;
	}
#SettingsPage #Form.Theme p {
	border-bottom: 1px solid #ccc;
	}
#SettingsPage #Form.Theme ul li p {
	border: none;
	}
#SettingsPage #Content dl * {
	margin:0px;
	padding:0px;
	}
#SettingsPage #Content dl {
	margin: 10px;
	background: #fff;
	}
#SettingsPage #Content dl dt {
	font-weight:bold;
	font-size:12px;
	padding: 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	}
#SettingsPage #Content dl dd {
	padding: 0 10px 10px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: -1px;
	}
.WhisperFrom {
	background-color:#fefceb;
	}
.WhisperTo {
	background-color:#feebfa;
	}
.left {
	float:left;
	}
.hiLite {
	background-color:#ff9;
	font-style:normal;
	}
#Form form {
	border-top: none;
	}
/* Autocomplete results */

.AutoCompleteContainer {
	margin: 0px;
	padding: 0px;
	border: 1px solid #888;
	border-top: 0px;
	}
.AutoCompleteContainer td {
	padding: 3px;
	cursor: pointer;
	}
.AutoCompleteRow td {
	background: #fff;
	color: #000000;
	}
.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: 0px;
	}
.PreferenceProgress input {
	display: none;
	}
.PreferenceComplete input {
	display: inline;
	}

/* IE Rendering Fixes */

#Body, #Form h2, #Form p {height: 1%;}

/* Thank you positioniseverything.com*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {
	display:inline-table;
	}

/* Hides from IE-mac \*/

* html .clearfix {
	height:1%;
	}
.clearfix {
	display:block;
	}

/* End hide from IE-mac */

/* IE 7 Fixes - thanks WallPhone */

#Content .ContentInfo.Bottom .PageInfo p {
	min-width: 20px;
	}

/* selfmade */
.DiscussionTopic a:visited {
	color: #5b6478;
	text-decoration: none;
	font-weight:normal;
	}
	
/*--- TopBar ---*/

#topbar {
	width:950px;
	height:30px;
    position: relative;
    margin: 0px 0px 15px 0;
	padding: 0;
	color: #999999;
	text-align:right;
	background-color:#333333;

}

div#topbar a {
	color: #999999;
	margin-right:6px;
}

div#topbar a:hover {
	color: #FFF;
	margin-right:6px;
}

div#topbar img {
	margin-right:6px;
	vertical-align:middle;
	margin: 7px;
	
}

/*--- /TopBar ---*/