/*
* © 20010 FunkBunk
* http://www.funkbunk.com/
*
* Funbunk, Version 1.0
*
* This stylesheet was modified for Vanilla by FunkBunk for private use. It was originally designed by SkinnyCorp for the YayHooray! Community.
* If used publicly, please leave this message intact.
*/

/* ---------- STRUCTURE ---------- */

body {
	background: url(body-bg.jpg) 0px 0px repeat fixed;
	margin: 0px;
	font-size:12px;
	padding: 0px;
}

body, div {
	font-family: Helvetica, Arial, verdana sans-serif;
	color:#494949;
}

*html body {
	font-size:12px;
}

#horizon {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: transparent;
}

#wrapper {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	width: 1000px;	
	clear: both;
	overflow: hidden;
}

#SiteContainer {
	position: relative;
	top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 100px;
	background-color: #fff;
	width: 960px;	
	clear: both;
	overflow: hidden;
community}

/* ---------- HEADER AND NAVIGATION ---------- */

#Header {
	width: 959px;
	height: 150px;
	border-bottom: 1px dotted #666;
	background: #fff;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	clear: both;
	overflow: hidden;
}

#logo {
	width: 493px;
	height: 90px;
}

#logo img {
	margin: 0px 0px 0px 0px;
}

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

#Header h1 {
	color:#494949;
	font-size:24px;
	line-height:48px;
	margin:30px 0px 30px 235px;
	padding: 0px;
	border-bottom:1px dotted #ccc;
}

#Header h1 strong {
	color:#494949;
}

#navigation {
	width: 959px;
	clear: both;
	height: 49px;
	border-top: 1px dotted #666;
}

#navigation ul {
	margin: 9px 0px 0px 0px;
	background-color:#494949;
	height: 40px;
	width: 959px;
	text-align:left;
	font-weight:none;
	}
#navigation ul li {
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 136px;
	height: 40px;
	border-right: 1px solid #fff;
	}
#navigation ul li.TabOn {
	background-color:#33ccff;
	color: #fff;
	}
#navigation ul li a {
	display:block;
	float: left;
	margin:0px;
	width: 131px;
	height: 35px;
	padding: 5px 0px 0px 5px;
	border-right: 1px solid #fff;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#494949;
	color:#ddd;
	font-size: 11px;
	font-weight: bold;
	}
#navigation ul li a:hover {
	background-color:#33ccff;
	color: #fff;
	}
#navigation ul li.TabOn a {
	background-color:#33ccff;
	color:#fff;
	border: 0px
}
#navigation ul li.TabOn a:hover {
	background-color:#66ccff;
	color:#fff;
	border: 0px;
	}
#navigation ul li a em {
	font-style:normal;
	text-decoration:underline;
	}


/* ---------- GLOBAL ---------- */

a {
	color: #494949;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #494949;
	font-weight: bold;
	line-height: 1.4em;
	padding: 0px;
	margin: 8px 0px .4em 0px;
}

a img, a:link img , a:active img , a:hover img  {
	border: 0px;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}



/* ---------- ELEMENTS ---------- */

div#body { 
	clear: both;
	overflow: hidden;
	background-color: #fff;
	position: relative;
}

#pgbottom {
	text-decoration: none !important;
	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: #33ccff !important;
	}
.Error {
	color: #33ccff !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;
	}
.Notices {
	padding: 9px;
	background-color: #fff;	
	border: 1px dotted #494949;
	margin-bottom: 20px;
}

.Notice {
	background-color: #d7f4fe;
	font-size:13px;
	padding: 8px 8px 8px 8px;

	color: #494949;
	line-height: 150%;
	}
.Notice h2 {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}
	
	
/* 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: #33ccff;
	}
.Invisible { display: none; }
	
/* Session.. */

#Session {
	width:200px;
	margin: 0px;
	position: absolute;
	top:60px;
	right:0px;
	text-align:right;
	font-size:11px;
	color:#ccc;
	background-color:none;
	background-color: transparent;
	}
#Session a {
	color:#494949;
	text-decoration:none;
	}
#Session a:hover {
	color:#33ccff;
	}



/* Panel.. */

#Panel {
	float:left;
	display: inline;
	background-color: transparent;
	padding: 0px;
	width: 230px;
	margin: -20px 0px 0px 0px;
}

#Panel * {
	margin:0px;
	padding:0px;
	list-style:none;
}

#Panel #start a, #Panel #private a {
	display: block;
	width: 230px;
	height: 20px;
	padding: 9px 0px 11px 0px;
	font-size:18px;
	margin: 20px 0px 0px 0px;
	text-align: center;
	background: #00ccff;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	clear: both;
}

#Panel #start a:hover, #Panel #private a:hover {
	display: block;
	width: 230px;
	height: 20px;
	padding: 9px 0px 11px 0px;
	font-size:18px;
	text-align: center;
	background: #494949;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#Panel #private {
	margin: 10px 0px 0px 0px;
}

#Panel h2 {
	color:#494949;
	font-size:16px;
	border-top:1px dotted #666;
	margin:20px 0px 5px 0px;
	padding:19px 0px 0px 0px;
	width:230px;
}
#Panel ul ul, #Panel ul p, #Panel select {
	margin:0px 0px;
	}
#Panel ul, #Panel p {
	color:#494949;
	font-size:11px;
	}
#Panel ul ul {
	color:#494949;
	font-size:10px;
	}
#Panel select {
	width:230px;
	margin-top:3px;
	}
#Panel ul ul li {
	margin-bottom:3px;
	overflow: hidden;	
}

#Panel ul ul li a, #Panel ul ul li a span {
	display:inline;
	width: auto;
	color:#fff;
	background-color:#00ccff;
	font-weight: bold;
	font-size: 12px;
	padding: 1px;
	text-decoration:none;
}

#Panel ul ul li a:hover, #Panel ul ul li a:hover span {
	display:inline;
	width: auto;
	color:#fff;
	background-color:#494949;
	font-weight: bold;
	font-size: 12px;
	padding: 1px;
	text-decoration:none;
}


	
#AboutVanilla {
	margin: 20px 0px 20px 0px !important;
	border-top:1px dotted #ccc;
	background-color:none;
	padding: 3px 0px 3px 0px;
	text-align:center;
	color:#bbb !important;
	width:230px;
	}
#AboutVanilla a {
	color:#d0d0d0 !important;
	text-decoration:none;
	}
#AboutVanilla a:hover {
	color:#aaa !important;
	text-decoration:none;
}





/* ---------- CONTENT ---------- */

#Content {
	float: left;
	display: inline;
	width: 710px;
	height: 1%;
	overflow: hidden;
	margin: 0px 0px 0px 20px;
}

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

.ContentInfo {
	text-align:right;
	}
.ContentInfo.Top {
	overflow: hidden;
	}
#AccountPage #Content,
#CommentsPage #Content,
#DiscussionsPage #Content,
#CategoryPage #Content,
#ExtensionPage #Content,
#SettingsPage #Content {
	padding-top: 0px;
	}
#DiscussionsPage .Bottom {
	margin: -6px 0px 8px 0px;
	}
.ContentInfo * {
	font-size:30px;
	font-weight:none;
	margin:0px 0px 10px 0px;
	padding:0px;
	}
.ContentInfo h1 {
	font-size:30px;
	color: #494949;
	clear: both;
	
	}
#CommentsPage .ContentInfo h1 {
	float:left;
	width:60%;
	overflow:hidden;
	text-align:left;
	}
html>body .ContentInfo h1 { width:80% !important; }
.ContentInfo input {
	font-size:30px;
	margin-left:5px;
	}
#DiscussionsPage .ContentInfo h1 {
	float:none;
	text-align:left;
	}
.ContentInfo h1 a {
	color:#ccc;
	font-size: 30px;
	text-decoration:none;
	clear: both;
	}
.ContentInfo h1 a:hover {
	color:#00ccff;
	}
.ContentInfo a {
	color:#bbb;
	font-size:11px;
	text-decoration:none;
	}
.ContentInfo a:hover {
	color:#33ccff;
	}
.PageInfo {
	color:#bbb;
	border-bottom:1px solid #ccc;
	padding:5px 1px;
	margin:5px 0px;
	line-height:12px;
	font-size: 12px;
	width: 100%;
	clear: both;
	text-align: left;
	}
.PageInfo p {
		font-size: 12px;
}
#CommentsPage .ContentInfo.Top .PageInfo{
		margin:5px 0px 0px 0px !important;
	}
	
.ContentInfo.Top .PageInfo {
 clear: both;
}

.PageInfo p {
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-size:10px;
	color:#494949;
	}
.PageList {
	margin:0px;
	padding:0px;
	list-style:none;
	color: #bbb;
	}
.PageList li {
	display:inline;
	font-size:10px;
	}
.PageList a,
.PageList li a {
	text-decoration:none;
	background-color:#fff;
	font-size:10px;
	padding:2px;
	color:#232323 !important;
	}
.PageList li a:hover {
	text-decoration:none;
	background-color:#494949;
	font-size:10px;
	color:#fff !important;
	}

/* Discussion Index */
  
#PageJump {
	margin: 9px 0px 0px 20px;
	float: right;
}

#Discussions {
	margin-top:-5px !important;
	float: left;
	width: 100%;
	}	
#Discussions, #Discussions * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Discussions li ul {
	background-color: transparent;
	border-bottom:1px solid #33ccff;
	}
#Discussions li li {
	height:auto;
	border:0px;
	}
.NoNewComments,
#Discussions li.Read ul {
	
	background: #fff url(read.jpg) right center no-repeat !important;
	}
.NewComments,
#Discussions li.Read.NewComments ul {
	background: #fff url(unread.jpg) right center no-repeat !important;
	}
#Discussions li ul {
	padding:14px 0px 14px 0px;
	color:#777;
	}
#Discussions ul span, #Discussions ul span a, #Discussions ul a {
	color:#aaa;
	text-decoration:none;
	}
#Discussions ul span a:hover, #Discussions ul a:hover {
	color:#33ccff;
	}
#Discussions ul a {
	color:#777;
	}
.Discussion {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 100%;
}
.DiscussionType {
	font-size:12px;
	float:left;
	margin-right:5px !important;
	color:#494949;
	font-weight:bold;
	line-height:20px;
	}
.DiscussionType span,
.DiscussionType.Normal {
	display:none;
	}
.DiscussionType * {
	float: left;
	}
.DiscussionTopic, .User.Name {
	font-size:14px;
	line-height:18px;
	overflow: hidden;
	}
.DiscussionTopic span {
	display:none;
	}
.DiscussionTopic a, .User.Name a {
	color:#fff !important;
	text-decoration:none !important;
	font-weight:bold;
	border: none;
	background-color: #33ccff;
	}
.DiscussionTopic a:hover, .User.Name a:hover {
	color: #fff !important;
	background-color:#494949;
	text-decoration: none !important;
	}
.DiscussionTopic a:active {
	color: #fff !important;
	background-color:#494949;
	text-decoration: none !important;
	}
.DiscussionCategory, .DiscussionStarted, .DiscussionComments, .DiscussionLastComment, .DiscussionActive, .DiscussionNew {
	width: auto;
	display:inline;
	font-size:10px;
	margin-right:10px!important;
	}
.NewComments .DiscussionNew a {
	color:#33ccff !important;
	}
#Discussions li.Read.NewComments .DiscussionNew {
	display:inline;
	}

/* Category Index */
  
#CategoryPage div.ContentInfo h1 {
	float: left;
	text-align: left;
	width: 100%;
	padding-bottom:6px;
	}
#Categories {
	margin:0px;
	padding:0px;
	list-style:none;
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	}
.BlockedCategory {
	background: #fffcd6;
	}
.UnblockedCategory {
	background: #fff;
	}
#Categories li ul {
	border-bottom:1px dotted #ccc;
	padding: 10px 0px 9px 0px;
	list-style: none;
	margin: 0px;
	}
#Categories li li {
	height:auto;
	border:0px;
	}
#Categories ul span, #Categories ul span a, #Categories ul a {
	color:#aaaaaa;
	text-decoration:none;
	}
#Categories ul span a:hover, #Categories ul a:hover {
	color:#33ccff;
	}
#Categories ul a {
	color:#777;
	}
.Category {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 100%;
	}
.CategoryName {
	font-size:16px;
	margin-right:5px !important;
	color:#fff !important;
	font-weight:bold;
	line-height:20px;
	}
.CategoryName a, .CategoryName a:visited {
	color: #fff !important;
	background-color:#00ccff;
	text-decoration: none;
	}
.CategoryName a:hover {
	background-color:#494949;
	color:#fff !important;
	}
.CategoryName span,
.CategoryDescription span,
.CategoryName.Normal {
	display:none;
	}
.CategoryDescription {
	font-size:13px;
	line-height:20px;
	overflow: hidden;
	}
.CategoryDiscussionCount, .CategoryOptions {
	width: auto;
	display:inline;
	font-size:10px;
	margin-right:10px !important;
	}

/* Comments.. */

#Comments {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Comments li {
	margin:0px;
	padding:5px 0px 15px 0px;
	border-bottom:1px solid #ace1f9;
	}
#Comments li.Hidden {
	background: url(hidden-tile.gif) top left repeat-x #fafafa;
	}
#Comments .CommentHeader {
	padding-left: 8px;
	padding-right: 8px;
	text-align:right;
	line-height:36px;
	background:none;
	}
#Comments .CommentHeader ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Comments .CommentHeader li {
	margin:0px;
	padding:0px;
	display:inline;
	color:#aaa;
	font-size:10px;
	border-bottom:0px;
	}
#Comments .CommentHeader li div.CommentIcon {
	padding:9px 0px 9px 30px;
	margin-right: 6px;
	display: inline;
	width: 32px;
	background-repeat:no-repeat !important;
	display: inline !important;
	background: center center no-repeat;
	}
#Comments .CommentHeader li span {
	display:none;
	}
#Comments .CommentHeader a.WhisperBack {
	margin-left: 10px;
	padding: 3px;
	border: 1px solid #ccc;
	color: #aaa;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	}
#Comments .CommentHeader a.WhisperBack:hover {
	color: #494949;
	}
#Comments .CommentHeader em {
	color:#bbb;
	font-style:normal;
	}
#Comments li.Hidden .CommentHeader i {
	padding-left: 8px;
	color:#33ccff;
	font-style:normal;
	}
#Comments .CommentHeader a {
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#494949;
	}
#Comments .CommentHeader span {
	font-size:10px;
	font-weight: normal;
	color:#aaa;
}
#Comments .CommentHeader span a {
	font-size:10px;
	font-weight: normal;
	color:#aaa;
	margin-left:3px;
	padding: 3px;
	border: 1px solid #ccc;
	cursor: pointer;
	text-decoration: none;
	}
#Comments .CommentHeader span a:hover {
	text-decoration: none;
	color: #494949;
	}
#Comments .CommentNotice {
	padding: 6px;
	font-size:13px;
	text-align: center;
	border-top: 1px solid #D9999A;
	border-bottom: 1px solid #D9999A;
	background: #FEE1E1;
	color: #777 !important;
	margin: 10px 0px 10px 0px;
	}
#Comments .CommentBody {
	display:block;
	margin: 10px 0 0 50px;;
	color:#494949;
	font-size: 12px;
	line-height: 150%;
	background:none;
	}
#Comments .CommentBody a:link, .CommentBody a:visited {
	text-decoration:underline;
	}
#Comments .CommentBody a:hover {
	background-color:#494949;
	color:#fff;
	}
#Comments .CommentBody ul li,
#Comments .CommentBody ol li {
	border-bottom:none;
	padding:0px;
	}	
#CommentsPage .ContentInfo.Middle .PageInfo {
	border-top: 0px;
	margin:0px;
	}
#CommentsPage .ContentInfo.Bottom {
	margin-bottom: 20px;
	}
#Comments code {
	border-left: 6px solid #FFFFAA;
	background: #FFFFEE;
	padding: 8px;
	padding-left: 16px;
	display: block;
	white-space: pre;
	}	
	
/* Quotations Extension Style */

.CommentBody blockquote {
   padding:8px 16px;
   margin:0 0 8px;
   background-color: #fefefe;
   border: 1px solid #ccc;
   color:#ccc;
}

.CommentBody blockquote blockquote {
   background-color: #fefefe;
   border: 1px solid #ccc;
}

.CommentBody blockquote cite{
   font-weight:bold;
   display:block;
   margin-bottom:8px;
   padding-bottom:8px;
   border-bottom:1px solid #ccc;
   color:#56568F;
}

.CommentQuote {
   display:inline;
   font-size:10px;
   color:#ccc;
}

/* Search Page */

#Form.Search {
	width: 99% !important;
	padding: 0px 0px 0px 0px !important;
	}
html>body #Form.Search { /* ugly hack, but fixes display error in IE. */
	width: 100% !important;
	}
#Form.Search fieldset legend {
	padding: 0px !important;
	margin-bottom: 6px;
	}
#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: #494949 !important;
	}
.SearchInput,
.SearchSelect,
.SearchSelect option {
	color: #494949 !important;
	}
#SimpleSearchRadios input {
	font-size: 10px;
}
#SimpleSearchRadios input {
	width: auto !important;
	margin: 0px 2px 0px 12px;
	}
#SimpleSearchRadios label {
	font-weight: normal !important;
	}
.SearchSwitch {
	display: block;
	font-size: 12px;
	color: #33ccff !important;
	}

/* Advanced Search Form */
#SearchDiscussionFields, #SearchCommentFields, #SearchUserFields {
	display: none;
	}
.AdvancedSearchInput {
	width: 60% !important;
	}
.AdvancedUserInput,
#DiscussionAutoCompleteResults,
#CommentAutoCompleteResults {
	width: 160px !important;
	}
#ddRoles, #ddOrder, #ddCommentCategories, #ddDiscussionCategories {
	width: auto !important;
	}
	
/* Search Results */
  
#SearchPage {
	margin-bottom: 20px;
	}
#SearchPage .ContentInfo h1 {
	text-align: left !important;
	}
#SearchPage .Bottom .PageInfo {
	margin-top: 0px !important;
	border-top: 0px !important;
	}

/* Comment Search Results */
  
#CommentResults {
	margin-top:-5px !important;
	}
#CommentResults, #CommentResults * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#CommentResults li li {
	height:auto;
	border:0px;
	}
#CommentResults li ul {
	padding: 6px 6px 7px 6px;
	color:#777;
	border-bottom:1px dotted #ccc;
	}
#CommentResults ul span, #CommentResults ul span a, #CommentResults ul a {
	color:#aaa;
	text-decoration:none;
	}
#CommentResults ul span a:hover, #CommentResults ul a:hover {
	color:#33ccff;
	}
#CommentResults ul a {
	color:#777;
	}	
#CommentResults .CommentResult ul {
	background-color:#fff !important;
	}
#CommentResults .CommentText span {
	display: none;
	}
#CommentResults .CommentText span.Highlight {
	display:inline;
	color:#fff;
	background:#494949;
	}
#CommentResults .CommentText {
	margin:6px 0px 4px 0px !important;
	}
#CommentResults .CommentText a {
	color:#494949 !important;
	}
#CommentResults .CommentText a:hover {
	background-color:#494;
	}
.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: none;
	}
#CommentResults .SearchComment ul {
	margin: 0px !important;
	}

/* User Search Results */
  
#UserResults {
	margin-top:-5px !important;
	}
#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 {
	margin-top: 0px !important;
	border-bottom:1px solid #ccc;
	}
#UserResults li li {
	height:auto;
	border:0px;
	}
#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;
	}
li.User.Name .UserIcon {
	padding:9px 0px 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 * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Form {
	margin-bottom: 10px;
	}
#Form fieldset {
	border:0px;
	clear:none;
	margin-bottom: 20px;
	}
#Form fieldset legend {
	padding: 0px 0px 4px 0px;
	margin: 0px;
	font-size:30px;
	font-weight:bold;
	color:#494949;
	}
#Form form {
	margin: 0px;
	padding:10px 10px 0px 10px;
	border:1px solid #ccc;
	border-left:0px;
	border-right:0px;
	background-color:#fefefe;
	}
#Form li {
	margin-bottom:10px;
	color:#777;
	font-weight:bold;
	}
#Form label a {
	margin-bottom:-3px;
	margin-right:15px;
	float:right;
	padding:3px 6px;
	color:#777;
	text-decoration:none;
	font-weight:normal;
	border:1px solid #ccc;
	background-color:#fff;
	}
#WhisperUsername,
#WhisperAutoCompleteResults {
	width: 200px;
	}
#Form textarea,
#Form input,
#Form select {
	font-family: Arial, Helvetica, 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: #494949 !important;
	}
#Form .Button.SubmitButton {
	margin-right:10px;
	}

/* Add Comment & Start Discussion Forms */

#Form.StartDiscussion legend {
	padding-top: 0px;
	}
#PostPage #Form.AddComments legend {
	padding-top: 0px;
	}
.AddComments {
	width: 99%;
	}
#Form.AddComments {
	width: 100%;
	}	
#Form.AddComments fieldset {
	margin: 0px;
	}
#Form.AddComments form {
	margin-top: 0px !important;
	}
#Form.StartDiscussion label, 
#Form.AddComments label {
	display:block;
	width:100%;
	color:#777;
	font-weight:bold;
	}
#Form.StartDiscussion label.Radio,
#Form.AddComments label.Radio {
	display:inline !important;
	width:auto !important;
	}
#Form.AddComments {
	margin: 0px 0px 4px 0px;
	padding: 4px 0px 0px 0px;
	}
#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 {
	padding-top: 20px !important;
	}

/* Account Section Forms.. */

.Account {
	width:450px;
	margin: 0px !important;
	}
#Form.Account * {
	color:#777;
	}
#Form.Account legend {
	color:#494949;
	}
#Form.Account h2 {
	font-size:14px;
	margin-bottom:10px;
	}
#Form.Account p {
	padding-bottom: 10px;
	}
#Form.Account ul p {
	padding: 0px;
	}
#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:#494949;
	width:40%;
	}
#Form.GlobalsForm input,
#Form.GlobalsForm select {
	width: 59%;
	}
.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:12px;
	}
#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 */
  
#Form.UpdateCheck p.Description {
	padding: 0px !important;
	margin: 0px 0px 10px 0px !important;
	}  
  
/* 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: 0px 0px 20px 0px !important;
	}
div.Extensions ul {
	border:1px solid #ddd;
	border-bottom:0px;
	margin: 10px 0px 20px 0px !important;
	}
div.Extensions ul {
	background-color:#fefefe;
	}
div.Extensions ul li { 
	border-bottom:1px solid #ddd;
	margin:0px !important;
	padding:10px !important;
	overflow: hidden;
	}
div.Extensions ul li.Enabled {
	background: #edf5f9;
	}
div.Extensions ul li.Disabled {
	background: url(disabled-tile.gif) #fefefe;
	}
div.Extensions ul li.Processing {
	background: #edf5f9;
	}
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: #777 !important;
	}
div.Extensions h3 {
	font-size:13px;
	color:#494949 !important;
	}
div.Extensions h3 label {
	display: inline !important;
	padding-left: 30px !important;
	}
div.Extensions ul li input {
	width: auto !important;
	margin-top: 3px !important;
	margin-left: -30px !important;
	position: absolute;
	}
div.Extensions h3 a {
	color:#494949 !important;
	text-decoration: none;
	}
div.Extensions h3 a:hover {
	text-decoration: none;
	}
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:#494949 !important;
	font-weight:normal;
	}
div.Extensions ul li p a {
	color:#494949 !important;
	text-decoration: none;
	}
div.Extensions ul li p a:hover {
	color:#494949 !important;
	text-decoration: none;
	}

/* Custom form for sortable list */

  
.SortList {
	background-color: #edf5f9;
	border: 1px solid #ddd;
	border-top: 0px;
	}
.MovableSortListItem {
	cursor: move;
	}
.SortListItem {
	border-top: 1px solid #ddd;
	padding: 6px !important;
	margin: 0px !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: #494949 !important;
	font-weight: normal !important;
	text-decoration: none !important;
	}
.SortEdit:hover {
	color: #494949;
	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 0px !important;
	text-align:right;
	}
.Submit input {
	width: auto !important;
	float:left;
	cursor:pointer;
	}
.Submit a {
	color: #33ccff !important;
	}

/* Profile Page.. */

#AccountProfile #Success,
#AccountProfile .ErrorContainer {
	margin-right: 18px;
	}
#AccountProfile .ErrorContainer {
	margin-bottom: 10px;
	border-bottom: 1px solid #FFC2CA;
	}
#AccountProfile {
	float:left;
	width:300px;
	font-size:11px;
	border-right:1px solid #ccc;
	}
#AccountProfile * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#AccountProfile li {
	clear:both;
	margin-right:20px;
	line-height:18px;
	}
#AccountProfile h3 {
	font-size:11px;
	width:44%;
	float:left;
	}
#AccountProfile p {
	float:left;
	width:55%;
	}
#AccountProfile h2 {
	font-size:14px;
	color:#494949;
	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: #777 !important;
	margin: 0px 20px 10px 0px;
	}
#AccountProfile a, #AccountProfile a:visited {
	color:#494949;
	text-decoration:underline;
	}
#AccountProfile a:hover {
	background-color:#494949;
	color:#fff;
	}
.ProfileTitleIcon {
	background-repeat:no-repeat;
	}
.ProfileTitle h2 {
	width:48% !important;
	}
.ProfileTitle.WithIcon h2 {
	padding-left:4px !important;
	width: auto;
	}
.ProfileTitle.WithIcon .ProfileIcon {
	padding:9px 0px 9px 30px;
	background: #fff 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:10px;
	}
#AccountProfile .Picture {
	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:0px;
	padding:0px;
	list-style:none;
	color:#999;
	}
#AccountHistory ul, #AccountHistory h2 {
	margin:0px 20px;
	}
#AccountHistory ul {
	margin-bottom:20px;
	}
#AccountHistory h2 {
	font-size:14px;
	color:#494949;
	}
#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:0px;
	font-style:italic;
	}
	
/* Settings Home */
  
#Form.Help form {
	width: 450px !important;
	margin: 0px;
	padding: 0px;
	}
#SettingsPage #Form.Help p.Description {
	padding: 10px !important;
	color:#777 !important;
	}
#SettingsPage #Content dl * {
	margin:0px;
	padding:0px;
	color: #777;
	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:#eefeff;
	}
.WhisperTo {
	background-color:#edf5f9;
	}
.left {
	float:left;
	}
.hiLite {
	background-color:yellow;
	font-style:normal;
	}

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