html, body {
	margin: 10px 0;
	padding: 0;
	background-color: #fff;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 0.9em;
	color: #4a2d22;
}

a {
	font-weight: bold;
	color: #4e3024;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #ad9482;
	text-decoration: none;
}

hr.clear {
	clear: both;
	visibility: hidden;
	height: 0;
}



#page {
	width:85%;
	min-width: 760px;
	max-width: 1100px;
	margin: 0px auto;
	padding: 0;
}

#content {
	position: relative;
	z-index: 10;
	width: 74%;
	margin: 0;
	padding: 0;
	float: left; 
}

#Form dt {
	margin-top: 10px;
	font-size: large;
	font-weight: bold;
}

/* HEADER */

h1 {
	font-size: x-large;
}

h2 {
	font-size: large;
}

#header {
	margin: -15px 0 0 0;
	padding: 0;
	width: 100%;
	background: url(img/header.png) top left repeat-x;
}

#headergauche {
	margin: 0;
	height: 150px;
	background: url(img/headergauche.png) no-repeat top left;
}

#headerdroit {
	height: 150px;
	background: url(img/headerdroit.png) no-repeat top right;
}

/* menu */


#menu {
	margin: 0 0 -5px 0;
	padding: 0;
}

#menu h2{
	display: none;
}

#menu ul { 
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 46px;
}

#menu li {
	float: left;
	background: url(img/boutongauche.png) no-repeat left top;
	padding: 10px 0px 12px 10px;
	font-size: medium;
}

#menu li a {
	background: url(img/boutondroite.png) no-repeat top right;
	padding: 10px 25px 12px 10px;
	font-size: medium;
}

#menu li:hover {
  background-position: 0% -46px;
}
  
#menu li a:hover {
	color: #fff;
	text-decoration: none; 
}

#menu li:hover a {
	background-position: 100% -46px;  
}



/* Panel - sidebar */

#bright div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#bright {
	width: 25%;
	padding: 0;
	background: url(img/bordgauche3.png) top left repeat-y;
	background-color: #fff;
	float: right;
	font-size: 0.8em;
}

#bright2 {
	background: url(img/bordroit3.png) top right repeat-y;
}

#brightTop {
	margin: 0 auto;
	padding: 0;
	background: url(img/bordhaut3.png) top left repeat-x;
	height: 130px;
}

#brightleftTop {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordgauchehaut3.png) top left no-repeat;
	height: 130px;
}

#brightrightTop {
	margin: 0 auto;
	display: block;
	padding: 0;
	background: url(img/bordroithaut3.png) top right no-repeat;
	height: 130px;
}


#brightcenter {
	position: relative;
	z-index: 2;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 0.9em;
	margin: -100px 35px -88px 30px;

}

#brightFoot {
	margin: 0 auto;
	padding: 0;
	background: url(img/bordbas3.png) bottom left repeat-x;
	height: 128px;
}

#brightleftFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordgauchebas3.png) bottom left no-repeat;
	height: 128px;
}

#brightrightFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordroitbas3.png) bottom right no-repeat;
	height: 128px;
}

.brighth2{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: medium;
	margin: 10px 0 0 0;
}


.dark {
	position: relative;
	z-index: 20;
	margin: 0;
	padding: 0;
	background: url(img/bordgauche1.png) top left repeat-y;
	background-color: #f4cab9;
}

.dark2 {
	position: relative;
	z-index: 30;
	background: url(img/bordroit1.png) top right repeat-y;
}

.darkTop {
	position: relative;
	z-index: 40;
	margin: 0 auto;
	padding: 0;
	background: url(img/bordhaut1.png) top left repeat-x;
	height: 76px;
}

.darkleftTop {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordgauchehaut1.png) top left no-repeat;
	height: 76px;
}

.darkrightTop {
	margin: 0 auto;
	display: block;
	padding: 0;
	background: url(img/bordroithaut1.png) top right no-repeat;
	height: 76px;
}

.darktitre {
	padding: 25px 30px;
	font-size: large;
	display: block;
}

.darkcenter {
	position: relative;
	z-index: 50;
	display: block;
	margin: -20px 30px -50px 30px;

}


.darkcenter2 {
	position: relative;
	z-index: 50;
	display: block;
	float: left;
	margin: -40px 30px -30px 30px;
	font-size: large;

}

#newTopic {
	position: relative;
	z-index: 50;
	display: block;
	float: right;
	margin: -40px 40px -30px 30px;
	font-size: large;
}

.darkFoot {
	position: relative;
	z-index: 40;
	margin: 0 auto;
	padding: 0;
	background: url(img/bordbas1.png) bottom left repeat-x;
	height: 92px;
}

.darkleftFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordgauchebas1.png) bottom left no-repeat;
	height: 92px;
}

.darkrightFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordroitbas1.png) bottom right no-repeat;
	height: 92px;
}

/* PAGE */


.middle {
	position: relative;
	z-index: 20;
	margin: 0;
	padding: 0;
	background: url(img/bordgauche2.png) top left repeat-y;
	background-color: #e1d6cf;
}

.middle2 {
	position: relative;
	z-index: 30;
	background: url(img/bordroit2.png) top right repeat-y;
}

.middleTop {
	position: relative;
	z-index: 40;
	margin: 0 auto;
	padding: 0;
	background: url(img/bordhaut2.png) top left repeat-x;
	width: 100%;
	height: 130px;
}

.middleleftTop {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordgauchehaut2.png) top left no-repeat;
	height: 130px;
}

.middlerightTop {
	margin: 0 auto;
	display: block;
	padding: 0;
	background: url(img/bordroithaut2.png) top right no-repeat;
	height: 130px;
}

.middletitre {
	padding: 35px 30px;
	font-size: large;
	display: block;
}

.middleFoot {
	position: relative;
	z-index: 40;
	margin: 0 auto;
	padding: 0;
	background: url(img/bordbas2.png) bottom left repeat-x;
	height: 135px;
}

.middleleftFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordgauchebas2.png) bottom left no-repeat;
	height: 135px;
}

.middlerightFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(img/bordroitbas2.png) bottom right no-repeat;
	height: 135px;
}

.post-contenu{
	text-align: justify;
	position: relative;
	z-index: 50;
	margin: -85px 40px -100px 30px !important;
	margin: -75px 40px -100px 30px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
}

.post-info {
	font-style: italic;
}

.post-info p {
	width: 95%;
	font-size: 1.1em;
}

.post-info a{
	text-decoration: none;
}

.post-info a:hover {
	color: #ad9482;
	text-decoration: none;
}

.post-content {
	padding: 10px 0 40px 0;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: right;
	font-size: x-small;
	clear: left;
	border: 0;
	padding: 5px;
	margin: 0 0 26px 0;
}
	.post-info-co a:link, .post-info-co a:visited {
		text-decoration: none;
		padding: 2px 10px 2px 18px;
	}



/* Le pied de page
-------------------------------------------------------- */
#footer {
	width:85%;
	min-width: 750px;
	max-width: 1100px;
	margin: 0 auto 10px auto;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: x-small;
	color: #4a2d22;
}

#footer a {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #816656;
}

#footer a:hover {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #ad9482;
}


/*-----------------------*/



#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: #c00 !important;
	}
.Error {
	color: #c00 !important;
	}
#Success {
	border-top: 1px solid #9C9;
	border-bottom: 1px solid #9C9;
	background: #E2F9E3;
	color: #060 !important;
	display: block;
	line-height: 200%;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px !important;
	}
.Notice {
	background: url(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%;
	}
	
/* 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: #f60;
	}
.Invisible { display: none; }
.Visible { display: block; }
	
/* Session.. */

#Session {
	width:80%;
	min-width: 750px;
	max-width: 1100px;
	margin: 0px auto;
	padding: 0;
	text-align: right;
	font-weight: bold;
	font-size: x-small;
}


/* Header.. */

#Header {
	background: url(waves.blue.gif) repeat-x left top #E5EAF6;
	border-top:1px solid #acbedf;
	border-bottom:1px solid #acbedf;
	}
#Header * {
	margin:0px;
	padding:0px;
	}
#Header h1 {
	text-align:center;
	color:#000;
	font-size:22px;
	margin:10px 0px;
	}
#Header h1 strong {
	color:#ffa500;
	}
#Header ul {
	text-align:center;
	}
#Header ul li {
	display:inline;
	margin:0px 1px;
	border-bottom:1px solid #acbedf;
	}
#Header ul li.TabOn {
	background-color:#fff;
	border:1px solid #acbedf;
	border-bottom:1px solid #fff;
	font-weight:bold;
	}
#Header ul li a {
	padding:1px 5px;
	font-size:11px;
	text-decoration:none;
	background-color:#5d709f;
	color:#fff;
	}
#Header ul li a:hover {
	background-color:#919ebe;
	}
#Header ul li.TabOn a,
#Header ul li.TabOn a:hover {
	background-color:#fff;
	color:#000000;
	}
#Header ul li a em {
	font-style:normal;
	text-decoration:underline;
	}


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

/* Content.. */

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

.ContentInfo.Top {
	white-space:nowrap;
	overflow: hidden;
	}
#AccountPage #Content,
#CommentsPage #Content,
#DiscussionsPage #Content,
#CategoryPage #Content,
#ExtensionPage #Content,
#SettingsPage #Content,
#SearchPage #Content {
	padding-top: 20px;
	}
#DiscussionsPage .Bottom {
	margin: -6px 0px 8px 0px;
	}


.PageInfo {
	color:#bbb;
	padding:0px 1px;
	margin:5px 0px;
	font-weight:bold;
	
	}

.PageList {
	margin:0px;
	padding:0px;
	list-style:none;
	color: #bbb;
	}
.PageList li {
	display:inline;
	}

/* 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 {
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
	
	}

.Discussion {
	margin: 0px;
	padding: 0px;
}
.DiscussionType {
	font-size:14px;
	float:left;
	margin-right:5px !important;
	color:#062971;
	font-weight:bold;
	line-height:20px;
	}
.DiscussionType span,
.DiscussionType.Normal {
	display:none;
	}
.DiscussionType * {
	float: left;
	}
.DiscussionTopic, .User.Name {
	font-size: x-large;
	font-variant: small-caps;
	}
.DiscussionTopic span {
	display:none;
	}


.DiscussionCategory, .DiscussionStarted, .DiscussionComments, .DiscussionLastComment, .DiscussionActive, .DiscussionNew {
	width: auto;
	display:inline;
	font-size:10px;
	margin-right:10px!important;
	}
.NewComments .DiscussionNew a {
	color:#c00 !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;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	}
.BlockedCategory {

	}
.UnblockedCategory {

	}
#Categories li ul {
	padding: 7px 6px 7px 6px;
	list-style: none;
	margin: 0px;
	}
#Categories li li {
	}

#Categories ul a {
	}
.Category {
	margin: 0px;
	padding: 0px;
	}
.CategoryName {
	font-size: x-large;
	font-variant: small-caps;
	}
.CategoryName a {

	}
.CategoryName a:hover {

	}
.CategoryName span,
.CategoryDescription span,
.CategoryName.Normal {
	display:none;
	}
.CategoryDescription {

	}
.CategoryDiscussionCount, .CategoryOptions {
	font-size: x-small;
	color: #888;
	}

.CategoryOptions a {
	cursor: pointer;
}

/* Comments.. */

.CommentHeader {
	width: 25%;
	float: left;
	text-align: right;
	padding: 0;
	margin: 1px 5px 0 0;
}

#Comments {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#Comments li {
	margin:0px;
	padding: 5px 0 1px 0px;
	}
#Comments li.Hidden {
	background: url(hidden-tile.gif) top left repeat-x #fafafa;
	}
#Comments .CommentHeader {
	text-align:right;
	}
#Comments .CommentHeader ul {
	float: right;
	padding: 0 5px 0 0px;
	margin: 0;
	list-style:none;
	}
#Comments .CommentHeader li {
	margin:0px;
	padding:0px;
	display:inline;
	color:#aaa;
	font-size: x-small;
	border-bottom:0px;
	}
	
#Comments .CommentHeader li div.CommentIcon {
	margin: 0;
	background-repeat:no-repeat;
	padding:0;

	}
#Comments .CommentHeader li span {
	display:none;
	}
#Comments .CommentHeader a.WhisperBack {
	padding-left: 10px;
	margin: 0;
	color: #aaa;
	text-decoration: underline;
	font-size: x-small;
	font-weight: normal;
	}
#Comments .CommentHeader a.WhisperBack:hover {
	color: #333;
	}
#Comments .CommentHeader em {
	color:#bbb;
	font-style:normal;
	}
#Comments li.Hidden .CommentHeader i {
	padding-left: 8px;
	color:#c00;
	font-style:normal;
	}
#Comments .CommentHeader a {
	font-weight:bold;
	font-size: large;

	}
#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;
	cursor: pointer;
	}
#Comments .CommentHeader span a:hover {
	color: #333;
	}
#Comments .CommentNotice {
	padding: 6px;
	font-size:13px;
	text-align: center;
	border-bottom: 1px solid #fff;
	margin: 10px 0px 10px 0px;
	}
.CommentBody {
	width: 68%;
	float: left;
	margin: 0;
	padding:0;
}	
	
.little {
	font-size: xx-small;
}	
	
#Comments .CommentBody {
	display:block;
	margin: 0;
	padding: 7px 15px;
	border: 1px solid #fff;
	color:#000;
	font-size: small;
	line-height: 150%;
	background-color: #e8e0da;
	}

#Comments code {
	border-left: 6px solid #ffa;
	background: #ffe;
	padding: 8px;
	padding-left: 16px;
	display: block;
	white-space: pre;
	}	

/* Search Page */

#Form.Search {
	width: 99% !important;
	padding: 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: #000 !important;
	}
.SearchInput,
.SearchSelect,
.SearchSelect option {
	}
#SimpleSearchRadios input {
	width: auto !important;
	margin: 0px 2px 0px 12px;
	}
#SimpleSearchRadios label {
	font-weight: normal !important;
	}
.SearchSwitch {
	display: block;
	position: relative;
	top: -20px;
	float: right;	
	}

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


#CommentResults .CommentText span {
	display: none;
	}
#CommentResults .CommentText span.Highlight {
	display:inline;

	}
#CommentResults .CommentText {
	margin:6px 0px 4px 0px !important;
	}
#CommentResults .CommentText a {
	}
#CommentResults .CommentText a:hover {
	background-color:#ffa;
	}
.CommentAuthor, .CommentAdded {
	width: auto;
	display:inline;
	font-size:10px;
	margin-right:10px!important;
	}
/*
  This is an IE kludge.
  For some reason IE was adding about 20px of padding to the top of this element
  and the only way to get rid of it was to add a 1px border to the top.
*/
#CommentResults .SearchComment {
	border-top: 1px solid #fefecc;
	}
#CommentResults .SearchComment ul {
	margin: 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 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;
	}
li.User {
	display:inline;
	font-size:10px;
	margin-right:10px !important;
	}
li.User span {
	}
li.User.Name {
	display:block;
	font-size: 11px;
	overflow: visible;
	}
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: 4px 0px 4px 0px;
	margin: 0px;
	font-size:14px;
	font-weight:bold;
	}
#Form form {
	margin: 0px;
	padding:10px 10px 0px 10px;

	}
#Form li {
	margin-bottom:10px;
	font-weight:bold;
	font-size: medium;
	}
#Form label a {
	font-size: small;
	margin-bottom:-3px;
	margin-right:15px;
	float:right;
	padding:3px 6px;
	text-decoration:none;
	background-color:#f8ddd1;
	}
#WhisperUsername,
#WhisperAutoCompleteResults {
	width: 200px;
	}
#Form textarea {
	width:99.5%;
	height:150px;
	}
#Form textarea.SmallCommentBox {
	height: 150px;
	}
#Form textarea.LargeCommentBox {
	height: 400px;
	}
#Form .Button {
	cursor: pointer;
	}
#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: 99%;
	}	
#Form.AddComments fieldset {
	margin: 0px;
	}
#Form.AddComments form {
	margin-top: 0px !important;
	}
#Form.StartDiscussion label, 
#Form.AddComments label {
	display:block;
	width:100%;
	font-weight:bold;
	font-size: medium;
	}
#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 * {
	}
#Form.Account legend {
	color:#000;
	}
#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 {
	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:14px;
	}
#Form.Preferences p span label {
	font-weight: normal;
	}
	
/* Globals Form */
  
#Form.GlobalsForm select.SmallSelect {
	font-size: 11px;
	width: 50px;
	}
#Form.GlobalsForm #ForumOptions p span label {
	font-weight: normal !important;
	}
#Form.GlobalsForm #ForumOptions {
	margin-bottom: 20px;
	}
#Form.GlobalsForm p {
	margin-bottom: 10px;
	}
	
/* Update Check form */
.UpdateOld .Name,
.UpdateGood .Name,
.UpdateUnknown .Name,
.UpdateChecking .Name {
	padding: 0px 0px 4px 23px !important;
	}
.UpdateOld .Details,
.UpdateGood .Details,
.UpdateUnknown .Details,
.UpdateChecking .Details {
	font-weight: normal;
	}
.UpdateOld .Name {
	background: url(ico.alert.gif) no-repeat top left;
}
.UpdateGood .Name {
	background: url(ico.check.gif) no-repeat top left;
}
.UpdateUnknown .Name {
	background: url(ico.unknown.gif) no-repeat top left;
}
.UpdateChecking .Name {
	background: url(progress.gif) no-repeat center left;
}

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

/* Category List */
#Form.CategoryList .RoleBlocked {
	background: url(disabled-tile.gif) #F4F4C2;
	}
	
/* Category Form */
#Form.CategoryForm li p span label {
	font-weight: normal !important;
	}

/* Custom form for extensions management screen */

#Form.Extensions {
	margin: 0px 0px 20px 0px !important;
	}
div.Extensions ul {
	border:1px solid #ddd;
	border-bottom:0px;
	margin: 10px 0px 20px 0px !important;
	}

div.Extensions ul li { 
	border-bottom:1px solid #ddd;
	margin:0px !important;
	padding:10px !important;
	overflow: hidden;
	}
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:13px;
	}
div.Extensions h3 label {
	display: inline !important;
	padding-left: 30px !important;
	}
div.Extensions ul li input {
	width: auto !important;
	margin-top: 3px !important;
	left: 260px;
	position: absolute;
	}
div.Extensions h3 a {
	color:#1EB136 !important;
	text-decoration: none;
	}
div.Extensions h3 a:hover {
	text-decoration: underline;
	}
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;
	font-weight:normal;
	}
div.Extensions ul li p a {
	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: 0px 0px 10px 0px !important;
	}
div.Applicants .Approve input {
	font-size: 11px !important;
	}
div.Applicants ul {
	margin: 10px 0px 10px 0px !important;
	}

/* Custom form for sortable list */
  
.SortList {
	background-color: #ffc;
	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: #1eb136 !important;
	font-weight: normal !important;
	text-decoration: none !important;
	}
.SortEdit:hover {
	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 {
	}

/* Profile Page.. */

#AccountProfile #Success,
#AccountProfile .ErrorContainer {
	margin-right: 18px;
	}
#AccountProfile .ErrorContainer {
	margin-bottom: 10px;
	border-bottom: 1px solid #FFC2CA;
	}
#AccountProfile {
	float:left;
	width:300px;
	border-right:1px solid #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;
	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;
	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;
	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:#84733d !important;
	}
#SettingsPage #Content dl * {
	margin:0px;
	padding:0px;
	color: #84733d;
	font-size:12px;
	}
#SettingsPage #Content dl dt {
	margin: 10px 10px;
	font-weight:bold;
	font-size:14px;
	}
#SettingsPage #Content dl dd {
	margin:10px;
	}
.WhisperFrom {
	background-color:#fefceb;
	}
.WhisperTo {
	background-color:#feebfa;
	}
.left {
	float:left;
	}
.hiLite {
	background-color:#ff9;
	font-style:normal;
	}

/* Autocomplete results */
  
.AutoCompleteContainer {
	margin: 0px;
	padding: 0px;
	border: 1px solid #888;
	border-top: 0px;
	}
.AutoCompleteContainer td {
	padding: 3px;
	cursor: pointer;
	}


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