body {
	margin: 0;
	padding: 0;
	font: 12px 'Trebuchet MS', Tahoma, Arial, sans-serif;
	color: #333;
}

a {
	color: #900;
}
a:hover {
	text-decoration: none;
}

h1,h2 {
	margin: 0;
	font-weight: normal;
}

ol,ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

textarea,input,select {
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

small{
	font-weight: normal;
	font-size: 11px;
}


/* Header */

#Session {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #FFF;
}
#Session a { color: #FFF;}

#Header {
	background: url(header_bg.png) repeat-x;
	border-top: 1px solid #777;
	border-bottom: 1px solid #FFF;
}

#Header * {
	margin:0px;
	padding:0px;
}

#Header h1 {
	overflow: hidden;
	margin: 30px 0 10px 30px;
	color: #FFF;
	font-size: 42px;
}

#Header h1 strong {
	color: #FFF;
}

#Header ul {
	overflow: hidden;
	margin-left: 240px;
	height: 26px;
	text-align: center;
}

#Header ul li {
	display: inline;
}

#Header ul li.TabOn a {
	background: url(header_tabon_bg.png);
	border-bottom: 1px solid #DDD;
}

#Header ul li a {
	overflow: hidden;
	float: left;
	margin: 0 2px;
	width: 120px;
	height: 20px;
	padding-top: 5px;
	border-bottom: 1px solid #DDD;
	background: url(header_tab_bg.png);
	text-decoration: none;
}
#Header ul li a:hover {
	border-bottom: 1px solid #CCC;
	color: #D34141;
}

#Header ul li a em {
	font-style: normal;
	text-decoration: underline;
}

#Body a { text-decoration: none;} 
#Body a:hover { color: #D34141;} 


/* Panel */

#Panel {
	float: left;
	width: 195px;
	padding: 10px 15px 0 20px;
	background: url(panel_fadetop.png) right top no-repeat;
}

#Panel a:hover { text-decoration: underline;}

#Panel h1 {
	height: 26px;
	line-height: 26px;
	border: 1px solid #E5E5E5;
	border-top: 0;
	border-top: 1px solid #E5E5E5;
	background: url(bgfade.png);
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#Panel h1 a {
	padding-left: 18px;
	background: url(panel_h1_pen.gif) left top no-repeat;
	color: #D34141;
}

#Panel h2 {
	margin: 0;
	margin-top: 10px;
	height: 26px;
	line-height: 26px;
	border-top: 1px solid #E5E5E5;
	background: url(bgfade.png);
	font-size: 12px;
	text-indent: 10px;
	font-weight: bold;
}

#Panel ul {
	list-style: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}
#Panel ul li {
	width: 195px !important;
	padding: 0 !important;
	border-top: 1px solid #E5E5E5;
	border-bottom: 0;
	background: #FBFBFB;
	color: #666;
	line-height: 24px;
	text-indent: 10px;
}

#Panel ul li a {
	color: #666;
}
#Panel ul li h2 {
	margin: 0;
	border: 0;
}
#Panel ul li ul {
	margin: 0;
}

#Panel p {
	width: 195px;
	text-align: center;
}

#AboutVanilla {
	padding: 3px 0px;
	border-top: 1px solid #EEE;
	background: #FAFAFA;
	color: #BBB;
}
#AboutVanilla a {
	color: #C5C5C5;
	text-decoration:none;
}
#AboutVanilla a:hover {
	color: #AAA;
	text-decoration:underline;
}


/* 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;
}
.Error {
	color: #C00;
}

#Success {
	display: block;
	margin-bottom: 10px;
	width: 500px;
	border-top: 1px solid #9C9;
	border-bottom: 1px solid #9C9;
	background: #E2F9E3;
	color: #060;
	line-height: 200%;
	text-align: center;
	font-size: 13px;
}

.Notice {
	margin-bottom: 10px;
	padding: 8px 8px 8px 25px;
	background: url(notice.gif) left center no-repeat #FFD;
	border: 1px solid #FAEBB1;
	font-size: 13px;
	color: #555;
	line-height: 150%;
}
.Notice a {
	color: #DF7575;
}


/* Remove System Message Button */
.Notice span {
	float:right;
	display: block;
	font-size: 11px;
}
.Invisible { display: none;}


/* Content */

#Content {
	margin: 0 0 0 230px;
	padding: 10px;
	border-left: 1px solid #FFF;
	background: url(content_topbg.png) repeat-x top;
}

.ContentInfo {
	text-align: right;
	font-size: 14px;
	font-weight:bold;
}
.ContentInfo * {
	font-weight: bold;
}
.ContentInfo a { color: #AAA;}

.ContentInfo.Top {
	white-space:nowrap;
	overflow: hidden;
}

#DiscussionsPage .ContentInfo h1 {
	float: none;
	text-align: left;
}

.ContentInfo h1 {
	border-right: 1px solid #DDD;
	background: url(contentinfo_h1_bg.png) repeat-x;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	text-indent: 8px;
}

.PageInfo {
	margin: 5px 0px;
	padding: 0 8px;
	background: url(dottedline.gif) bottom repeat-x;
	line-height: 23px;
	color: #BBB;
	font-weight: bold;
}
.PageInfo p {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

.PageList li {
	display:inline;
}
.PageList li.CurrentPage {
	color: #DB6464;
}

#CommentsPage .ContentInfo.Top {
	background: url(contentinfo_h1_bg.png) repeat-x;
}
#CommentsPage .ContentInfo.Top a {
	line-height: 22px;
}
#CommentsPage .ContentInfo.Top h1 {
	float: left;
	width: 86%;
	background: none;
	border: 0;
}

#CommentsPage .ContentInfo.Top .PageList a {
	float: none;
}
#CommentsPage .ContentInfo.Bottom {
	padding-top: 5px;
	background: url(dottedline.gif) repeat-x top;
}

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

#Discussions {}

#Discussions, #Discussions * {
	list-style: none;
}
	
#Discussions li ul {
	padding: 5px;
	background: url(dottedline.gif) bottom repeat-x;
	line-height: 170%;
}

#Discussions li ul a {
	text-decoration: none;
	color: #AAA;
}
#Discussions li ul a:hover {
	text-decoration: underline;
}
#Discussions li ul span {
	margin: 0 0 0 8px;
}

.Discussion {
	overflow: hidden;
	width: 99%;
}

.NoNewComments, #Discussions li.Read ul {
	background-color:#FFF !important;
}
	
.NewComments, #Discussions li.Read.NewComments ul {
	background-color:#FFE !important;
}

#Discussions li.Read ul li.DiscussionTopic {
	background: url(icon_discussion.gif) no-repeat 9px 5px;
}

.DiscussionType {
	float: left;
	padding-left: 30px;
	background: url(icon_discussion.gif) no-repeat 9px 5px;
	color: #DB6464;
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
}
.DiscussionType span,
.DiscussionType.Normal,
.DiscussionTopic span {
	display:none;
}
.DiscussionType * {
	float: left;
}

.Sticky .DiscussionType {
	background: url(icon_sticky.gif) no-repeat 9px;
}
.Sticky .DiscussionTopic,
.Closed .DiscussionTopic, 
.Hidden .DiscussionTopic,
.Bookmarked .DiscussionTopic,
.Sink .DiscussionTopic {
	background: none !important;
	padding-left: 6px !important;
}

.DiscussionTopic {
	padding-left: 30px;
	background: url(icon_red.gif) no-repeat 9px 5px;
	color: #CCC;
}
.DiscussionTopic a {
	font-size: 14px;
	color: #555 !important;
	font-weight: bold;
}

.DiscussionCategory,
.DiscussionStarted,
.DiscussionComments,
.DiscussionLastComment,
.DiscussionActive,
.DiscussionNew {
	display: inline;
	color: #BBB;
	font-size: 12px;
}


/* Categories */

#Categories {}

#Categories li ul {
	margin: 0;
	padding: 5px;
	padding-left: 10px;
	background: url(dottedline.gif) bottom repeat-x;
	line-height: 170%;
}
#Categories li ul li span {	color: #BBB;}

.Category {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 99%;
}

.CategoryName span { display: none;}
.CategoryName a {
	font-size: 14px;
	color: #555;
	font-weight: bold;
}

.CategoryDescription span { display: none;}


/* Search Page */

#Form.Search form {
	padding-top: 10px;
	background: none !important;
	border: 0 !important;
}

#Form.Search fieldset {
	margin: 10px 0;
}
	
#Form.Search fieldset legend {
	font-size: 14px;
	font-weight: bold;
}

#SimpleSearchRadios input {
	margin: 0px 2px 0px 12px;
}
#MainSearchInput #txtKeywords {
	width: 60%;
}

#Form.Search form input,
#Form.Search form select {
	border: 1px solid #DDD;
	background: #FFF;
}

#MainSearchInput label { display: none;}

.SearchSwitch {
	display: block;
	position: absolute;
	top: 130px;
	right: 20px;
	color: #F60;
}

#SearchDiscussionFields, #SearchCommentFields, #SearchUserFields {
	display: none;
}
	
#Form.Search .Button {
	padding: 2px 5px;
	border: 1px solid #DDD;
	background: url(bgfade.png) repeat-x #FAFAFA;
}


/* Comment Search Results */

#CommentResults li ul {
	padding: 5px;
	background: url(dottedline.gif) bottom repeat-x;
	line-height: 170%;
	color: #999;
}

#CommentResults li ul a {
	text-decoration: none;
	color: #AAA;
}
#CommentResults li ul a:hover {
	text-decoration: underline;
}
.SearchComment {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 99%;
}

.CommentText a { margin-left: 8px; color: #444 !important;}
#CommentResults .CommentText span { display: none;}
#CommentResults .CommentText a:hover { background: #FFC;}
#CommentResults .CommentText span.Highlight {
	display: inline;
	background: #FFC;
	color: #F90;
}

#CommentResults .DiscussionCategory, .CommentAuthor, .CommentAdded {
	display: inline;
	margin-left: 8px;
}


/* User Search Results */

#UserResults li ul {
	padding: 5px;
	background: url(dottedline.gif) bottom repeat-x;
	line-height: 170%;
	color: #999;
}
#UserResults li ul span {
	color: #BBB;
}

.UserAccount {
	overflow: hidden;
	width: 99%;
}

#UserResults .UserIcon {
	display: block;
	float: left;
	margin: 0 6px 0 5px;
	width: 32px;
	height: 32px;
	background: center no-repeat;
}

#UserResults .Name { margin: 10px 0; line-height: 32px;}
#UserResults .Name a {
	font-size: 14px;
	font-weight: bold;
}
#UserResults .Name span { display: none;}

.AccountCreated, .LastActive, .VisitCount, .DiscussionsCreated, .CommentsAdded {
	display: inline;
	margin-left: 6px;
}


/* Comments */

#Comments li {
	margin: 0;
	width: 99%;
	padding:10px 0px;
	background: url(dottedline.gif) bottom repeat-x;
}
#Comments li.Hidden {
	background-color: #F5F5F5;
}
	
#Comments .CommentHeader {
	width: 99%;
	padding: 0 5px;
	text-align: right;
	line-height: 32px;
}

#Comments .CommentHeader ul {
	float: left;
}

#Comments .CommentHeader li {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
	color: #BBB;
	font-size: 12px;
}

#Comments .CommentHeader li div.CommentIcon {
	display: block;
	float: left;
	margin-right: 10px;
	width: 32px;
	height: 32px;
	background: center no-repeat;
}

#Comments .CommentHeader li a {
	margin: 0 5px 0 0;
	font-weight: bold;
	font-size: 14px;
	color: #D34141;
}
#Comments .CommentHeader li span {
	display: none;
}

#Comments .CommentHeader span a { color: #AAA;}
#Comments .CommentHeader span em { font-weight: bold;}
#Comments .CommentBody {
	padding: 10px;
	line-height: 150%;
	font-size: 13px;
}
#Comments .CommentBody a { text-decoration: underline;}

#Comments .CommentBody ul,
#Comments .CommentBody ol {
	margin: 0 10px;
}
#Comments .CommentBody ul li,
#Comments .CommentBody ol li {
	list-style-type: disc;
	padding: 0;
	background: none;
}


/* Add Comment & Start Discussion Forms */

.AddComments {
	margin: 10px 0;
}

.AddComments legend {
	width: 97%;
	padding-left: 6px;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
}

#Form.AddComments li, #Form.StartDiscussion li {
	margin-bottom: 10px;
}

#Form fieldset {
	border: 0;
}

#Form.AddComments form, #Form.StartDiscussion form {
	margin: 5px 0;
	padding: 0 10px;
}

#Form.AddComments label a {
	float:right;
	margin-right: 4px;
	padding: 3px;
	border: 1px solid #E5E5E5;
	border-bottom: 0;
	background: url(bgfade.png) repeat-x #FAFAFA;
	color: #888;
}

#Form.AddComments textarea,
#Form.AddComments input,
#Form.AddComments select {
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #DDD;
	background: url(bgfade.png) repeat-x #FAFAFA;
}	
	
#Form.AddComments textarea {
	width: 99%;
	height: 150px;
}
#Form textarea:focus,
#Form input:focus {
	border: 1px solid #DDD;
	background: #FFF;
}

#Form textarea.SmallCommentBox {
	height: 150px;
}
#Form textarea.LargeCommentBox {
	height: 400px;
}

#CommentFormats input {
	margin: 0px 2px 0px 12px;
}

#Form .Button {
	margin-right: 5px;
	padding-top: 4px;
	color: #D34141;
}

#Form.StartDiscussion form {
	width: 500px;
	padding-top: 10px;
	border: 1px solid #DDD;
	background: #FFF;
}


.StartDiscussion legend {
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #DB6464;
}
.StartDiscussion label a {
	float:right;
	margin-right: 4px;
	padding: 3px;
	border: 1px solid #E5E5E5;
	border-bottom: 0;
	background: #FAFAFA;
	color: #888;
}
.StartDiscussion input,
.StartDiscussion textarea {
	border: 0;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background: #FFD;
	font-size: 13px;
	font-weight: normal;
	color: #555;
}
.StartDiscussion input.DiscussionBox {
	width: 50%;
}
.StartDiscussion textarea#CommentBox {
	width: 99%;
}


/* 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-bottom: 1px solid #EEE;
}

#AccountProfile li {
	padding: 3px 8px;
	background: #FFF;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}
#AccountProfile li h3 {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #EEE;
	color: #777;
}
#AccountProfile li p {
	display: inline;
	margin: 0;
	padding-left: 8px;
	border-bottom: 1px solid #EEE;
}

#AccountProfile li.ProfileTitle {
	padding-bottom: 10px;
	background: url(titletop.gif) repeat-x left bottom;
	border: 0;
	line-height: 32px;
}
#AccountProfile li.ProfileTitle h2 {
	display: inline;
	font-size: 14px;
	font-weight: bold;
}

#AccountProfile .ProfileIcon {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	width: 32px;
	height: 32px;
	background: left center no-repeat;
}

#AccountProfile li.ProfileTitle p {
	display: inline;
	color: #999;
}

#AccountProfile li.Picture {
	height: 200px;
	background: 6px 6px no-repeat #FFF;
}


#AccountHistory {
	margin-left: 300px;
}
#AccountHistory h2 {
	margin: 0 20px;
	border-bottom: 1px solid #DDD;
	line-height: 26px;
	font-size: 14px;
	font-weight: bold;
}
#AccountHistory h3 {
	margin: 0;
	font-size: 13px;
}
#AccountHistory ul {
	margin: 0 20px 10px 20px;
	color: #777;
}
#AccountHistory ul a {
	text-decoration: underline;
	color: #777;
}
#AccountHistory ul li {
	padding: 5px;
	background: url(dottedline.gif) repeat-x bottom;
}
#AccountHistory p {
	margin: 0;
}
#AccountHistory p.Info {
	color: #777;
}
#AccountHistory p.Note {
	padding-left: 3px;
	color: #888;
}


#Form.Identity p.Description input {
	width: auto;
}

#CustomInfo li {
	width: 48%;
	float: left;
}
#CustomInfo li input {
	width: 90% !important;
}

/* Settings Home & Account style */

#Form.Help fieldset, #Form.Account fieldset {
	width: 500px;
	padding: 10px 8px;
	border: 1px solid #DDD;
}

#Form.Help form, #Form.Account form {
	margin: 0;
	padding: 0;
	width: 500px;
	border: 1px solid #DDD;
	background: #FFF;
	color: #555;
}

#Form.Help legend, #Form.Account legend{
	font-weight: bold;
	font-size: 14px;
}

#Form.Account input,
#Form.Account select {
	border: 0;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background: #FFD;
	font-size: 13px;
	font-weight: normal;
	color: #555;
}
#Form.GlobalsForm input, #Form.Identity input {
	width: 59%;
}

#Form.Account textarea {
	margin-left: 5px;
	width: 90%;
	height: 120px;
	border: 1px solid #DDD;
	background: #FFD;
	font-size: 13px;
	color: #555;
}

#Form.Account h2 {
	border-top: 1px solid #DDD;
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #DB6464;
	text-indent: 10px;
}

#Form.Account ul li {
	padding: 2px 5px;
}

#Form.Account label {
	padding-left: 5px;
}

#Form.Account p {
	padding-left: 5px;
}

#Form div.Submit {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #DDD;
	line-height: 28px;
}

#Form div.Submit .Button {
	padding: 2px 8px;
	border: 1px solid #DDD;
	background: url(bgfade.png) repeat-x #FAFAFA;
}

#SettingsPage #Form.Help p.Description {
	padding: 10px !important;
}
#SettingsPage #Content dl * {
	margin:0px;
	padding:0px;
	color: #555;
	font-size:12px;
}
#SettingsPage #Content dl dt {
	margin: 0 10px;
	font-weight: bold;
	font-size: 14px;
	color: #DB6464;
}
#SettingsPage #Content dl dd {
	margin: 10px;
	margin-bottom: 15px;
}
.WhisperFrom {
	background-color:#fefceb;
}
.WhisperTo {
	background-color:#feebfa;
}
.left {
	float:left;
}
.hiLite {
	background-color:#ff9;
	font-style:normal;
}


/* Globals Form */

#Form.GlobalsForm form {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#Form.GlobalsForm ul {
	padding-top: 8px;
}
#Form.GlobalsForm ul li {
	margin: 0;
	padding: 0 0 10px 10px;
}
#Form.GlobalsForm ul li#ForumOptions input {
	width: auto;
}
#Form.GlobalsForm p {
	margin: 5px 0 10px 0;
}

#Form.GlobalsForm select.SmallSelect {
	font-size: 11px;
	width: 50px;
}


/* Custom form for extensions management screen */

.Extensions ul * {
	margin: 0;
}

.Extensions ul li { 
	overflow: hidden;
	margin: 0 !important;
	padding: 15px !important;
	border-top: 1px solid #ddd;
}

.Extensions ul li.Enabled {
	background: url(bgfade.png) repeat-x #FAFAFA;
}

.Extensions ul li.Disabled {
	background: #FFF;
}

.Extensions h3 {
	font-size: 13px;
}

.Extensions h3 label {
	display: inline;
	color: #DB6464;
}
.Extensions h3 span {
	margin-left: 5px;
	font-size: 11px;
	font-weight: normal;
}
.Extensions ul li input {
	border: 0 !important;
	background: none !important;
}
.Extensions h3 span.Version {
	color: #DF7575;
	font-weight: bold;
}

.Extensions ul li p {
	padding-top: 10px;
}

.Extensions ul li.Processing {
	background: #FFD;
}
.Extensions ul li.Processing * {
	color: #BBB !important;
}
.Extensions ul li.Processing label {
	padding-left: 20px !important;
	background: url(progress.gif) no-repeat left;
}
.Extensions ul li.Processing input {
	display: none;
}


/* Custom form for sortable list */

.SortList {}
.MovableSortListItemd {
	cursor: move;
}
.SortListItem {
	position: relative;    /* set item to relative for IE6 */
	margin: 0px;
	padding: 6px;
	border-top: 1px solid #DDD;
	background: #FFD;
}
.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: #DB6464;
}
.SortEdit:hover {
	color: #393;
	text-decoration: underline;
}
.SortRemove {
	background: url(btn.remove.gif) no-repeat center right;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 15px;
}
.SortNoRemove {
	text-decoration: none;
	margin-left: 10px;
	padding-left: 15px;
}

/* */

.Submit {
	margin: 20px 0px;
	text-align: right;
}
.Submit input {
	width: auto !important;
	float: left;
}


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