/*
* © 2006 Jon Contino
* http://www.one26.com/
*
* Scene, Version 1.0
*
* This stylesheet was created for Vanilla by Jon Contino for private use.
* If used publicly, please leave this message intact.

(then edited with a machete by will)

*/

body {
	padding: 0;
	margin: 0;
	background-image: url(http://www.bcrunners.org.uk/_themes/blends/blegtext.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
	
body, div, table, td {
	font-family: Helvetica, Arial, sans-serif;
	color: black;
}

a {
	color: #096;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #2DB590;
	text-decoration: none;
	border-bottom: 1px dotted #2DB590;
}

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

#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(notice.gif) left center no-repeat #FFFECC;
	border: 1px solid #FAEBB1;
	font-size:13px;
	padding: 8px 8px 8px 30px;
	margin-bottom: 20px;
	color: #D57D00;
	line-height: 150%;
}

.Invisible { display: none; }

blockquote {
  color:#666;
  margin-left:30px;
}

/* Session.. */

/* Header.. */

#Header {
	padding-bottom: 5px;
	font-size: 10px;
}

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

#Header h1 {
	text-align:center;
	color:#000;
	font-size:36px;
	line-height:60px;
	margin:10px 0px;
	padding: 15px;
	font-weight: lighter;
	letter-spacing: -0.05em;
}

#Header ul {
  margin-left: 220px;
}

#Header ul li {
	display:inline;
	margin:0px 1px;
}

#Header ul li.TabOn {
	background-color:#fff;
}

#Header ul li a {
	padding:5px;
	font-size:11px;
	text-decoration:none;
	background-color: white;
	background-repeat: repeat-x;
	background-position: bottom left;
	background-image: url(whitetab.png);
	color: #999;
	border: 1px solid #999;
	border-bottom: 0;
}

#Header ul li a:hover {
	color: #096;
	background-image: none;
	border-bottom: 1px solid #fff;
}

#Header ul li.TabOn a {
	background-color:#fff;
	color:black;
	border: 1px solid #999;
	border-bottom: 1px solid #fff;
	background-image: none;
	font-weight: bold;
}

#Header ul li.TabOn a:hover {
	color: #096;
}

#Header ul li.EmTab {
/*  margin-right: 24px;*/
}

#Header ul li.EmTab a {
  color: white;
  font-weight: bold;
  background-color: #096;
	background-image: url(greentab.png);
}

#Header ul li.EmTab a:hover {
	background-image: none;
	border-bottom: 1px solid #096;
}

/* Sitenav.. */

#Sitenav {
  position: absolute;
	width:140px;
	left:18px;
}

/* Body */

#Body {
  
}

/* Content.. */

#Content {
	margin: 0;
	margin-left: 205px;
	min-height: 800px;
	border: 0;
	padding: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
	
/* Panel.. */

#Panel {
	width:160px;
  position: absolute;
  top: 146px !important;
  top: 129px;
  right: 20px;
	display: block;
	font-size: 10px;
	background-color: white;
	border: 1px solid #999;
	border-bottom: 0;
	padding: 0;
	margin-right: 20px;
	margin-left:18px;
	margin-top: -25px;
	color: #999;
	opacity: 0.8;
}

#Panel h1 {
	background-image: url(palegreyfade.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
  padding: 0;
  padding-left: 10px;
  margin: 0;
  border-bottom: 1px solid #999;
  font-size: 14px;
  font-weight: lighter;
  height: 24px;
  line-height: 24px;
	color: black;
}

#Panel h1 a, #Panel h1 a:visited {
  color: #09;
}

a.toggle {
}

#PanelContent {
  border-bottom: 1px solid #999;
  display: none;
}

#PanelContent h2 {
  font-size: 14px;
  font-weight: lighter;
  padding-left: 10px;
}

#PanelContent ul {
  margin: 0;
	padding: 0;
  padding-left: 10px;
}

#PanelContent li {
  list-style: none;
	padding-bottom: 3px;
}

#PanelContent p {
	margin: 10px;
}

#PanelContent li a, #PanelContent li a:link, #PanelContent li a:visited {
  color: black;
}

#PanelContent a, #PanelContent a:link, #PanelContent a:visited {
  color: #666;
}

#PanelContent a:hover, #PanelContent li a:hover {
  color: #096;
}

#CategoryJumper {
  width: 130px;
  margin-left: 10px;
}

/* Main page list.. */

div.ContentInfo {
	margin: 0;
	padding: 0;
	padding-top: 7px;
	padding-left: 32px;
	border-bottom:1px solid #999;
	background-image: url(palegreyfade.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}

div.ContentInfo h1 {
  font-weight: lighter;
  font-size: 24px;
  line-height: 1.1;
}

div.ContentInfo p {
  font-size: 10px;
  color: #666;
}

div.ContentInfo h1 a {
  font-size: 12px;
  line-height: 12px;
}

div.PageInfo p {
  font-size: 16px;
}

div.ContentInfo.Emphatic {
  background-color: #096;
  color: white;
	background-image: url(greenfade.jpg);
}

ol.BigList {
	margin:0;
	padding:0;
	list-style-type: square;
	margin-bottom: 20px;
}
	
.Alternate {
/*  background-color: #eee;*/
}
	
ol.BigList li {
	border-bottom:1px dotted #ccc;
	padding: 12px;
  padding-left: 32px;
	list-style: none;
	margin: 0px;
}

ol.BigList a.ItemName {
	color: #063;
	text-decoration:none;
	font-size:24px;
	margin-right:5px !important;
}

.ItemDetails {
	color: #666;
	font-size: 10px;
}

.ItemDetails a {
	color: #6c9 !important;
}

ol.BigList a {
	color: #063;
}

ol.BigList a:hover {
	color: #0c9;
}

ol.BigList li.Sticky a {
  color:#D3005F;
}
	

/*.NoNewComments a,
ol.BigList li.Read a {
	color:#333 !important;
}

.NoNewComments a:hover,
ol.BigList li.Read a:hover {
	color:#063 !important;
}

.NewComments a,
ol.BigList li.Unread.NewComments a, {
	color:#063 !important;
}
*/











ol.PageList {
	margin:0px;
	padding:0px;
	list-style:none;
	color: #bbb;
}
	
ol.PageList li {
	display:inline;
}
	
ol.PageList a,
ol.PageList li a {
	text-decoration:none;
	color:#3354aa !important;
	}

ol.PageListEmpty {
  display: none;
}

/* Form presentation */

div.FormHeader {
	margin: 0;
	padding: 0;
	padding-top: 7px;
	padding-left: 32px;
	border: 1px solid white;
	border-bottom: 1px solid #999;
	background-image: url(palegreyfade.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}

div.FormHeader h1 {
  font-weight: lighter;
  font-size: 24px;
  line-height: 1.1;
}

legend {
  display: none;
}

/* Comments.. */

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

div.Comment {
	border-bottom: 1px dotted #999;
}

div.CommentHeader {
	color: #666;
	margin: 16px;
	margin-left: 32px;
}

div.CommentHeader h2 {
  padding: 0;
  margin: 0;
  font-weight: lighter;
	font-size: 12px;
	border-bottom: 1px dotted #999;
	display: inline;
}

div.CommentHeader a {
	font-size: 20px;
	padding-right: 6px;
}

span.CommentIcon {
	padding:9px 0px 9px 30px;
	margin-right: 6px;
	background-repeat:no-repeat;
	display: inline;
	background: center center no-repeat;
}

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

div.CommentBody {
  padding: 20px;
  padding-left: 32px;
}

div.CommentControls {
  float: right;
  width: 80px;
}

div.CommentControls a {
  display: block;
  border: 1px solid #999;
  padding: 3px;
  margin: 3px;
  font-size: 10px;
  width: 32px;
  text-align: center;
}

a.EditComment {
  background-color: #096;
  color: white;
}

a.DeleteComment {
  background-color: #900;
  color: white;
}












/* Search Page */

#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 {
	font-size: 12px;
}


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

#CommentResults ul a {
	color:#777;
	}	
#CommentResults .CommentResult ul {
	background-color:#fff !important;
}

#CommentResults .CommentText span {
	display: none;
}

#CommentResults .CommentText span.Highlight {
	display:inline;
	color:#2DB590;
	background:#4FD7CD;
}

#CommentResults .CommentText {
	margin:6px 0px 4px 0px !important;
}

#CommentResults .CommentText a {
	color:#000 !important;
}

#CommentResults .CommentText a:hover {
	background-color:4FD7CD;
}

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

#Form fieldset {
	border: 0;
	clear: none;
	margin-bottom: 20px;
}

#Form li {
	margin-bottom:10px;
	color:#777;
	font-weight:bold;
	list-style-type: none;
}

#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: Helvetica, 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;
}


/* Add Comment & Start Discussion Forms */

.AddComments {
	width: 99%;
}

#Form ul, #Form li {
  margin: 0; 
  padding: 0;
}

form {
  padding: 32px;
}

#Form.StartDiscussion label, 
#Form.AddComments label {
	display:block;
	font-weight:bold;
}

#Form.StartDiscussion label.Radio,
#Form.AddComments label.Radio {
	display:inline !important;
	width:auto !important;
}

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

/* Account Section Forms.. */


  
  

/* 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;
	font-size: 10px;
}

div.Extensions ul li.Enabled {
	background: #ffe0ff;
}

div.Extensions ul li.Disabled {
	background: url(disabled-tile.gif) #fefefe;
}

div.Extensions ul li.Processing {
	background: #ffe0ff;
}

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:#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;
	margin-left: -30px !important;
	position: absolute;
}

div.Extensions h3 a {
	color:#222 !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:#000 !important;
	font-weight:normal;
}

div.Extensions ul li p a {
	color:#222 !important;
	text-decoration: none;
}

div.Extensions ul li p a:hover {
	color:#222 !important;
	text-decoration: none;
}


/* Custom form for sortable list */

  
.SortList {
	background-color: #ffe0ff;
	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: #222 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

.SortEdit:hover {
	color: #222;
	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: #2DB590 !important;
}


/* Profile Page.. */

#AccountProfile {
  padding: 32px;
}

#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 #ccc;
}

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

#AccountProfile li {
	clear:both;
	margin-right:20px;
	line-height:18px;
}

#AccountProfile h3 {
	font-size:12px;
	width:44%;
	float:left;
}

#AccountProfile p {
	float:left;
	width:55%;
}

#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: #777 !important;
	margin: 0px 20px 10px 0px;
}

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

.left {
	float:left;
}

.hiLite {
	background-color:4FD7CD;
	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: #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: 0px;
}

.PreferenceProgress input {
	display: none;
}

.PreferenceComplete input {
	display: inline;
}

table.ruled {
  margin-left: 40px;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

table.ruled td, table.ruled th {
  padding:5px;
  margin:0;
  border:0;
  border-right: 1px solid #ccc;
}

table.ruled tr.odd td {
  background-color:#eee;
}

table.ruled td.quiet {
  color: #999;
}

table.ruled td.loud {
  color: #c00;
}
	
table.ruled th {
  text-align: left;
  border-bottom: 1px solid #ccc;
}

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

.pale {
  color: #666;
}

/* Hides from IE-mac \*/
  
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

/* Remove System Message Button */

.Notice span {
	float:right;
	display: block;
	font-size: 11px;
}


/* End hide from IE-mac */