body{
margin:0px;
padding:0px;
background: #e3fad8 url(menu3.jpg) repeat-x 0 0;
}
body, div, table, td{
font-family: "trebuchet ms", verdana, sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}
h1, h2, h3{
font-family: arial, verdana, sans-serif;
}
a{
border-bottom: 1px dotted;
color: #5bbc5f;
cursor: pointer;
text-decoration: none;
}
a:hover{
border-bottom: 1px solid;
color: #4b6db7;
text-decoration: none;
}
#pgbottom_original{
text-decoration: none !important;
height: 0;/*original:1px;*/
width: 0;/*original:1px;*/
font-size: 0;/*original:1px;*/
color: #e3fad8;
}
#pgbottom{
clear: both;
}

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

/* Session.. */

#Session{
position:absolute;
top:25px;
right:18px;
text-align:right;
font-size:11px;
color:#fff;
z-index: 1000;
}
#Session a{
color:#e6efdb;
text-decoration:none;
}
#Session a:hover{
color:#fff;
}

/*=============== Header............... */

#Header{
position: relative;
background-color: #4bb34f;
}
#Header *{
margin:0px;
padding:0px;
}
#Header h1{
background: #4bb34f url(logo_tinker.jpg) no-repeat left top;
height: 80px;
width: 970px;/*==original:920px;==*/
margin: 0 auto;
line-height:80px;
text-indent: 110px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 35px;
font-weight: normal;
letter-spacing: 2px;
color: #fff;
}
#Header h1 strong{
color:#ffa500;
}
#Header ul{
list-style: none;
margin: 0 auto;
padding: 0;
width: 970px;/*==original:920px;==*/
}
#Header ul li{
display: inline;
padding: 0;
margin: 0;
}
#Header ul li a{
display: block;
float: left;
padding: 10px 15px;
text-decoration: none;
border-bottom: none;
border-left: 1px solid #4bb34f;
color: #fff;
height: 36px;
voice-family: "\"}\"";
voice-family: inherit;
height: 16px;
}
#Header ul li a:hover{
background-color: #4bb34f;
color: #e4eed6;
text-decoration: underline;
}
#Header ul li.TabOn a{
background-color: #4bb34f !important;
}
#Header ul li a.logo_chi:hover{
background: #4bb34f url(logo_tinker.jpg) no-repeat -1px -80px;
}
#Header ul li.TabOn a.logo_chi{
background: #4bb34f url(logo_tinker.jpg) no-repeat -1px -80px;
}
#Header ul li a em{
font-style: normal;
text-decoration: underline;
}
#Header ul li a.menuLast{
border-right: 1px solid #39a83d;
}
#Body{
clear: both;
width: 970px;/*==original:920px;==*/
margin: 0 auto;
padding-top: 10px;
}

/*=============== Panel............... */

#Panel{
border: 1px solid #4bb34f;
float: right;
width: 200px;
}
#Panel *{
margin: 0;
padding: 0;
list-style: none;
}
#Panel h1{
text-align: center;
margin-top: 15px;
margin-bottom: 10px;
font-size: 0;/*pour masquer sous ie*/
}
#Panel h1 a{
background: url(btn_new_post.gif) left top no-repeat;
width: 180px;
height: 43px;
display: block;
margin: 0 auto;
border: 0;
color: #e3fad8;/*pour masquer sous ie*/
}
#Panel>h1 a{
color: transparent;/*petit defaut sur safari, donc on masque avec de la transparence*/
}
#Panel h1 a em{
font-style: normal;
text-decoration: underline;
color: #a00;
}
/*#Panel h1 a:hover{*/
/*border: 0;*/
/*color: #efa40e;*/
/*}*/
#Panel h2{
background-color: #e6efdb;
border-bottom: 1px solid #ddd;
border-top: 1px solid #4bb34f;
color: #6b8d3f;
display: block;
font-size: 15px;
font-weight: bold;
padding: 6px 10px;
}
#Panel ul,#Panel p{
color:#335eb7;
}
#Panel select{
	margin-top:3px;
	}
#Panel ul{
margin-top: 0;
}
#Panel ul ul{
margin: 0;
}
#Panel ul ul li a{
background-color: #e3fad8;
border: 0;
color: #516a30;
display: block;
font-size: 12px;
padding: 2px 10px;
text-decoration: none;
}
#Panel ul ul li a span{
color: #eaa40e;
display: block;
}
#Panel ul ul li a:hover{
background-color: #e3fad8;
color: #eaa40e;
}
#AboutVanilla{
margin: 1px 0px 2px 0px !important;
background: #e3fad8 url(frimousse.jpg) no-repeat 99% center;
padding: 6px 55px 3px 5px;
text-align: justify;
color: #999 !important;
font-size: 9px; /* pour IE*/
}
#Panel>#AboutVanilla{
font-size: 10px;/* pour les autres*/
}
#AboutVanilla a{
border-bottom: none;
color: #999 !important;
text-decoration: none;
}
#AboutVanilla a:hover{
color: #516a30 !important;
text-decoration: underline;
}
#SinkDiscussion{
display: none !important;
}
#Panel .CategorySelect{
margin-bottom: 5px;
margin-left: 10px !important;
width: 92%;
}
#Panel .hotDiscuss{
display: none;
}
#googleAdsense{
margin: 5px 0;
padding: 0;
}
/*=============== Content............... */

#Content{
float: left;
width: 730px;/*==original:680px;==*/
padding: 0px 10px;
}

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

.ContentInfo{
text-align: right;
}
.ContentInfo.Top{
overflow: hidden;
white-space: nowrap;
}
#AccountPage #Content,
#CommentsPage #Content,
#DiscussionsPage #Content,
#CategoryPage #Content,
#ExtensionPage #Content,
#SettingsPage #Content{
padding-top: 20px;
}
#DiscussionsPage .Bottom{
margin: -6px 0px 8px 0px;
}
.ContentInfo h1{
color: #eaa40e;
}
.ContentInfo *{
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
}
#CommentsPage .ContentInfo h1{
float: left;
width: 60%;
overflow: hidden;
white-space: nowrap;
text-align: left;
}
html>body .ContentInfo h1{
width: 80% !important;
}
.ContentInfo input{
	font-size: 10px;
	margin-left: 5px;
}
#DiscussionsPage .ContentInfo h1{
	float: none;
	text-align: left;
}
.ContentInfo h1 a{
border-bottom: none;
color: #000;
text-decoration: none;
}
.ContentInfo h1 a:hover{
color: #999;
}
.ContentInfo a{
border-bottom: none;
color: #999;
text-decoration: none;
}
.ContentInfo a:hover{
color: #8b6046;
}
.PageInfo{
border-top: 1px solid #ccc;
color: #bbb;
padding: 0px 1px;
margin: 5px 0;
line-height: 23px;
font-weight: bold;
}
#CommentsPage .ContentInfo.Top .PageInfo{
		margin: 5px 0px 0px 0px !important;
	}
.PageInfo p{
margin: 0 0 0 5px;
padding: 0;
display: inline;
float: right;
}
.PageList{
margin: 0;
padding: 0;
list-style: none;
color: #bbb;
}
.PageList li{
display: inline;
}
.PageList a,
.PageList li a{
color: #eaa40e !important;
padding: 0 5px;
text-decoration: none;
}
.PageList a:hover,
.PageList li a:hover{
color: #999 !important;
text-decoration: none;
}

/*=============== Discussion Index............... */
  
#PageJump{
border-bottom: none;
margin: 9px 0 0 20px;
float: right;
}

#Discussions{
margin-top: -5px !important;
float: left;
width: 100%;
font-family: arial;
}	
#Discussions, #Discussions *{
margin: 0;
padding: 0;
list-style: none;
}
#Discussions li ul{
background-color: #fff;
border: 1px solid #cee0b6;
margin-bottom: 2px;
}
#Discussions li li{
height: auto;
border: 0;
}
.NoNewComments,
#Discussions li.Read{
background-color: #e3fad8 !important;
}
#Discussions li.Read ul{
background-color: #fff !important;
}
#Discussions li ul{
padding: 7px 6px 7px 6px;
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: #eaa40e;
}
#Discussions ul a{
color: #777;
}
.Discussion {
	background: #e3fad8 ;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
.DiscussionType{
font-size: 14px;
float: left;
margin-right: 5px !important;
color: #d9d3b3;
font-weight: bold;
line-height: 20px;
}
.DiscussionType span,
.DiscussionType.Normal{
display: none;
}
.DiscussionType *{
float: left;
}
.DiscussionTopic, .User.Name{
font-family: arial, verdana, sans-serif;
font-size: 120%;
line-height: 20px;
overflow: hidden;
}
.DiscussionTopic a, .User.Name a{
color: #4bb34f !important;
font-weight: bold;
text-decoration: none !important;
}
.DiscussionTopic a:hover{
text-decoration: none !important;
}
.DiscussionTopic i{
border-left: transparent 5px solid;
color: #ff3200;

}
.DiscussionCategory, .DiscussionStarted, .DiscussionComments, .DiscussionLastComment, .DiscussionActive, .DiscussionNew{
width: auto;
display: inline;
font-size: 10px;
margin-right: 10px!important;
}
.DiscussionStarted a{
border-bottom: 0;
text-transform: capitalize;
}
.NewComments .DiscussionNew a{
color: #eaa40e !important;
}
li.DiscussionNew a{
border-bottom: 0;
}
li.DiscussionNew a:hover{
border-bottom: 1px solid #eaa40e;
}
#Discussions li.Read.NewComments .DiscussionNew{
display: inline;
}
.DiscussionTopic span,
.DiscussionLastComment *,
.DiscussionActive *{
display: none;
}
li.Whispered li.DiscussionTopic a{
color: #eaa40e !important;
}
li.Hidden li.DiscussionTopic a{
color: red !important;
}

/*=============== Category Index............... */
  
#CategoryPage div.ContentInfo h1{
float: left;
text-align: left;
width: 100%;
padding-bottom: 6px;
}
#Categories{
float: left;
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 20px;
width: 100%;
}
#Categories .BlockedCategory ul{
border: 2px solid #eaa40e;
}
#Categories .BlockedCategory ul a:hover{
color: #fff;
}
.UnblockedCategory{
background: #e3fad8;
}
#Categories li ul{
background-color: #fff;
border: 1px solid #cee0b6;
padding: 7px 6px;
list-style: none;
margin: 0 0 2px 0;
}
#Categories li li{
height: auto;
border: 0;
}
#Categories ul span, #Categories ul span a, #Categories ul a{
color: #693;
text-decoration: none;
}
#Categories ul span a:hover, #Categories ul a:hover{
color: #eaa40e;
}
#Categories ul a{
color: #777;
}
.Category{
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}
.CategoryName{
font-size: 16px;
margin-bottom: 5px;
color: #4bb34f !important;
font-weight: bold;
line-height: 20px;
}
.CategoryName a{
color: #4bb34f !important;
text-decoration: none !important;
}
.CategoryName a:hover{
text-decoration: none !important;
}
.CategoryName span,
.CategoryDescription span,
.CategoryName.Normal{
display: none;
}
.CategoryDescription{
font-size: 13px;
line-height: 20px;
overflow: hidden;
}
.CategoryDiscussionCount, .CategoryOptions{
display: inline;
font-size: 10px;
margin-right: 10px !important;
width: auto;
}
.CategoryDiscussionCount span, .CategoryOptions span{
margin-right: 3px;
}
/*=============== Comments............... */

#Comments{
background-color: #fff;
border: 1px solid #dfebcf;
list-style: none;
margin: 0;
padding: 0;
}
#Comments li{
border-bottom: 1px solid #dfebcf;
padding: 0;/*pour IE*/
position: relative; /* pour le role */
}
#Comments>li{
padding: 10px 0;/*pour les autres*/
}
#Comments li.Alternate{
background-color: #f1f6ea;
}
#Comments li.Hidden{
background: url(hidden-tile.gif) top left repeat-x #fafafa;
}
#Comments li.Hidden .CommentBody{
color: #ccc !important;
}
#Comments .CommentHeader{
margin: 0;
margin-left: 78px;/*==original:90px;==*/
position: relative;
}
#Comments .CommentHeader ul{
margin: 0;
padding: 0;
list-style:none;
}
#Comments .CommentHeader li{
margin: 0 0 3px 0;
padding: 0 0 2px 0;
color: #aaa;
font-size: 11px;
border-bottom: 0;
}
#Comments .CommentHeader .CommentIcon{
background: no-repeat center center;
border: 1px solid #eaa40e;
height: 64px;
left: -74px;
position: absolute;
top: -6px;
width: 64px;
z-index: 100;
}
#Comments .CommentHeader li span{
display: none;
}
#Comments .CommentHeader a.WhisperBack{
border-bottom: none;
color: #eaa40e;
font-size: 11px;
font-weight: normal;
padding-left: 10px;
text-decoration: underline;
}
#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{
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #4bb34f;
}
#Comments .CommentHeader span{
font-size: 10px;
font-weight: normal;
color: #aaa;
}
#Comments .CommentHeader span a{
font-size: 10px;
font-weight: normal;
color: #aaa;
margin-right: 3px;
padding-right: 3px;
cursor: pointer;
text-decoration: none;
}
#Comments .CommentHeader span a:hover{
text-decoration: none;
color: #333;
}
#Comments .CommentNotice{
color: #5bbc5f !important;
font-size:11px;
margin: 0;
padding: 2px;
position: absolute;
right: 18px;
top: 12px;
text-align: right;
}
#Comments .CommentBody{
color: #000;
clear: both;
display: block;
font-size: 13px;
line-height: 150%;
margin-bottom: 0;/*pour IE, evite un bug de presentation*/
margin-left: 78px;/*==original:90px;==*/
margin-top: 20px;
max-width:640px;/*==svendtofte.com max-width hack pour ie==*/
width:expression(document.body.clientWidth > 640? "640px": "auto" );/*==svendtofte.com max-width hack pour ie==*/
overflow: hidden;
padding-bottom: 10px;/*pour IE*/
}
#Comments .CommentBody ul li,#Comments .CommentBody ol li{
border-bottom: none;
padding: 0;
}
.CommentBody a,.CommentBody a img,.CommentBody a:hover{
border: 0;
}
#CommentsPage .ContentInfo.Middle .PageInfo{
border-top: 0;
margin: 0;
}
#CommentsPage .ContentInfo.Bottom{
margin-bottom: 20px;
}
#Comments code{
border-left: 6px solid #ffa;
background: #ffe;
display: block;
overflow: auto;
padding: 8px;
padding-left: 16px;
white-space: nowrap;
	}	
.WhisperFrom{
background-color: #fbc5f0 !important;
border-bottom-color: white !important;
}
.WhisperTo{
background-color: #fcd3f3 !important;
border-bottom-color: white !important;
}
/*=============== Search Page............... */

#Form.Search{
padding: 20px 0 0 0 !important;
position: relative;
width: 99%;
}
html>body #Form.Search{ /* ugly hack, but fixes display error in IE. */
width: 100% !important;
}
#Form.Search fieldset legend{
padding: 0 !important;
margin-bottom: 6px;
}
#SearchSimple{
margin: 0 !important;
}
#SearchSimple label{
display: inline !important;
width: 10px !important;
}
#MainSearchInput #txtKeywords{
width: 60% !important;
margin-left: 0 !important;
}
#MainSearchInput label{
display: none !important;
}
#Form.Search .Submit input{
margin: 0 !important;
color: #000 !important;
}
.SearchInput,
.SearchSelect,
.SearchSelect option{
color: #000 !important;
}
#SimpleSearchRadios input{
width: auto !important;
margin: 0 2px 0 12px;
}
#SimpleSearchRadios label{
font-weight: normal !important;
}
.SearchSwitch{
color: #eaa40e !important;
display: block;
position: absolute;
right: 20px;
top: 86px;
}

/*=============== 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: 0 !important;
border-top: 0 !important;
}

/* Comment Search Results */
  
#CommentResults, #CommentResults *{
margin: 0;
padding: 0;
list-style: none;
}
#CommentResults li ul{
background-color: #fff;
border: 1px solid #ccc;
color: #777;
padding: 6px 6px 7px 6px;
}
#CommentResults li.SearchComment ul{
margin-bottom: 0;/* Pour IE */
}
#CommentResults li.SearchComment>ul{
margin-bottom: 5px !important;/* Pour les autres */
}
#CommentResults ul span, #CommentResults ul span a, #CommentResults ul a{
border-bottom: none;
color: #aaa;
text-decoration: none;
}
#CommentResults ul span a:hover, #CommentResults ul a:hover{
color: #f00;
}
#CommentResults ul a{
color: #777;
}	
#CommentResults .CommentResult ul{
background-color: #fff !important;
}
#CommentResults .CommentText span{
display: none;
}
#CommentResults .CommentText span.Highlight{
display: inline;
color: #f00;
background: #ff9;
}
#CommentResults .CommentText{
margin: 6px 0 4px 0 !important;
}
#CommentResults .CommentText a{
color: #000 !important;
}
#CommentResults .CommentText a:hover{
color: #eaa40e !important;
}
.CommentAuthor, .CommentAdded{
width: auto;
display: inline;
font-size: 10px;
margin-right: 10px!important;
	}
#CommentResults .SearchComment ul{
margin: 0 !important;
}

/*=============== User Search Results............... */

#UserResults, #UserResults *{
list-style:none;
margin: 0;
padding: 0;
}
#UserResults li.UserAccount ul{
border-bottom: 1px solid #ccc;
color: #777;
padding: 6px 6px 7px 6px;
}
li.User{
display: inline;
font-size: 10px;
}
li.User span{
color: #aaa;
}
li.User.Name{
display: block;
font-size: 11px;
position: relative;
}
li.User.Name .UserIcon{
height: 64px;
left: 0;
position: absolute;
top: 0;
width: 64px;
}
li.User.Name a{
font-size: 14px;
}
#UserResults li.User.Name.WithIcon{
height: 66px;
padding-left: 110px;
}
li.User.Name span{
display: none;
}

/*=============== Forms.............. */

#Form *{
margin: 0;
padding: 0;
list-style: none;
}
#Form{
margin-bottom: 10px;
}
#Form fieldset{
border: 0;
clear: none;
margin-bottom: 20px;
}
#Form fieldset legend{
padding: 4px 0;
margin: 0;
font-size: 14px;
font-weight: bold;
color: #333;
}
#Form form{
margin: 0;
padding:10px 10px 0 10px;
border: 1px solid #e6efdb;
background-color: #fff;
}
#Form li{
margin-bottom: 10px;
color: #834300;
font-weight: bold;
}
#Form label a{
margin-bottom: -3px;
margin-right: 7px;
float: right;
padding: 3px 6px;
color: #eaa40e;
text-decoration: none;
font-weight: normal;
border: 1px solid #cee0b6;
background-color: #fff;
}
#WhisperUsername,
#WhisperAutoCompleteResults{
	width: 200px;
}
#Form textarea,
#Form input,
#Form select{
padding: 2px;
font-family: verdana, sans-serif;
font-size: 12px;
font-weight: normal;
border: 1px solid #cee0b6;
}	
#Form textarea{
width: 99.5%;
height: 150px;
}
#Form textarea.SmallCommentBox{
height: 150px;
}
#Form textarea.LargeCommentBox{
height: 400px;
}
#Form .Button {
	cursor: pointer;
	color: #000 !important;
	border: 1px solid #cee0b6;
	background-color: #f1f6ea;
	padding: 2px 5px;
	}
#Form .Button.SubmitButton{
margin-right: 5px;
}

/*=============== Add Comment & Start Discussion Forms............... */

#Form.StartDiscussion legend{
padding-top: 0;
}
#PostPage #Form.AddComments legend{
padding-top: 0;
}
.AddComments{
width: 99%;
}
#Form.AddComments{
width: 100%;
}	
#Form.AddComments fieldset{
margin: 0;
}
#Form.AddComments form{
margin-top: 0 !important;
}
#Form.StartDiscussion label, 
#Form.AddComments label{
display: block;
width: 100%;
color: #eaa40e;
font-weight: bold;
}
#Form.StartDiscussion label.Radio,
#Form.AddComments label.Radio{
	display: inline !important;
	width: auto !important;
}
#Form.AddComments{
margin: 0 0 4px 0;
padding: 4px 0 0 0;
}
#PostPage #Form.AddComments{
padding: 0;
}
.DiscussionBox{
	width: 400px;
}
#Form .Button{
	width: auto !important;
}
#Form.AddComments a,
#Form.StartDiscussion a{
	font-weight: normal;
}
#CommentFormats input{
	margin: 0 2px 0 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{
margin: 0 !important;
}
#Form.Account *{
color: #84733d;
}
#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: 0;
}
#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: #000;
	width: 40%;
}
#Form.GlobalsForm input,
#Form.GlobalsForm select{
	width: 59%;
}
.Description{
	margin: 3px 0 !important;
	padding: 3px 0 5px 0 !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;
}

/*=============== Parametres Avatar............... */

.choixAvatar,.choixImage{
margin-top: 10px !important;
}
	
/* 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: 0 !important;
	margin: 0 0 10px 0 !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: 0 0 20px 0 !important;
}
div.Extensions ul{
border: 1px solid #ddd;
border-bottom: 0;
margin: 10px 0 20px 0 !important;
}
div.Extensions ul{
background-color: #e3fad8;
}
div.Extensions ul li{
border-bottom: 1px solid #ddd;
margin: 0 !important;
padding: 10px !important;
position: relative;
overflow: hidden;
}
div.Extensions ul li.Enabled{
background: #e3fad8;
}
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;
color: #000 !important;
}
div.Extensions h3 label{
display: inline !important;
padding-left: 30px !important;
}
.Extensions ul li input{
left: 15px;/*difference local & serveur*/
margin-top: 3px !important;
position: absolute;
width: auto !important;
}
div.Extensions h3 a{
color: #1eb136 !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: #4bb34f !important;
text-decoration: none;
}
div.Extensions ul li p a:hover{
color: #eaa40e !important;
text-decoration: none;
}
.Approve{
height: 30px;
}

/* Custom form for sortable list */

  
.SortList{
	background-color: #ffc;
	border: 1px solid #ddd;
	border-top: 0;
}
.MovableSortListItem{
	cursor: move;
}
.SortListItem{
	border-top: 1px solid #ddd;
	padding: 6px !important;
	margin: 0 !important;
	position: relative;    /* set item to relative for IE6 */
}
.SortListOptions{
	float: right !important;       /* float for modern browsers - no need to clear this float */
	float: none;                   /* no float for IE6 */
	position: relative !important; /* realtive positioning for modern browsers */
	position: absolute;            /* absolute positioning for IE6 */
	right: auto !important;         /* no right positioning for modern browsers */
	right: 20px;                   /* right positioning for IE6 */
}
.SortEdit, .SortEdit:link, .SortEdit:active, .SortEdit:visited{
	color: #1eb136 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
.SortEdit:hover{
	color: #393;
	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 0 !important;
text-align:right;
}
.Submit input{
cursor: pointer;
float: left;
width: auto !important;
}
.Submit a{
color: #f60 !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;
border-right: 1px solid #ccc;
}
#AccountProfile *{
margin: 0;
padding: 0;
list-style: none;
}
#AccountProfile li{
clear: both;
margin-right: 20px;
line-height: 20px;
}
#AccountProfile h3{
font-size: 12px;
width: 49%;
float: left;
}
#AccountProfile p{
float: left;
overflow: hidden;
padding-left: 3px;
width: 47%;
}
#AccountProfile h2{
color: #000;
float: left;
font-size: 14px;
text-transform: uppercase;
width: 60%;
}
#AccountProfile .ProfileTitle *{
line-height: 64px;
}
#AccountProfile .Tagline{
padding: 6px;
text-align: center;
border-top: 1px solid #d9999a;
border-bottom: 1px solid #d9999a;
background: #fee1e1;
color: #850406 !important;
margin: 0 20px 10px 0;
}
.ProfileTitleIcon{
	background-repeat: no-repeat;
}
.ProfileTitle h2{
width: 48% !important;
}
.ProfileTitle.WithIcon h2{
	padding-left: 4px !important;
	width: auto;
}
.ProfileTitle.WithIcon .ProfileIcon{
	padding: 9px 0 9px 30px;
	background: #fff no-repeat center center;
	margin-right: 6px;
	display: inline;
	float: left;
	width: 64px;
}
#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;
	border: 5px solid #6b8d3f;
	}
#AccountHistory {
	margin-left: 320px;
	}
html>body #AccountHistory{ /* ugly hack, but fixes display error in IE. */
	margin-left: 300px !important;
}
#AccountHistory *{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #999;
}
#AccountHistory ul, #AccountHistory h2{
	margin: 0 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: 0;
	font-style: italic;
}
	
/* Settings Home */
  
#Form.Help form{
	margin: 0;
	padding: 0;
}
#SettingsPage #Form.Help p.Description{
	padding: 10px !important;
	color: #84733d !important;
}
#SettingsPage #Content dl *{
	margin: 0;
	padding: 0;
	color: #84733d;
	font-size: 12px;
}
#SettingsPage #Content dl dt{
	margin: 10px 10px;
	font-weight: bold;
	font-size: 14px;
}
#SettingsPage #Content dl dd{
	margin: 10px;
}
.left{
	float: left;
}
.hiLite{
	background-color: #ff9;
	font-style: normal;
}

/* Autocomplete results */
  
.AutoCompleteContainer{
	margin: 0;
	padding: 0;
	border: 1px solid #888;
	border-top: 0;
}
.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: 0;
}
.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 */

/*=============== Extensions............... */

/* Invite Friends*/
p.textEplicatif{
border: 1px solid #999;
float: right;
font-size: 14px;
margin-right: 55px;
padding: 15px;
text-align: justify;
width: 200px;
}
p.textEplicatif em{
font-size: 0.85em;
}