.pageST { width:1000px; margin:0px auto; background-color:white }


/********* Master pages ***********/

.headerST {width:100%; height:107px;background-image:url('/images/gfx/background/top.jpg');}
 .headerST .logo span {width:380px;height:90px;float:left;}
  .headerST .logo a{ cursor:pointer;}  
 .headerST .login { float:right;text-align:right;padding:5px 40px 0 0; }
 .headerST .login a:visited {color:Blue} 
 .headerST .slogan{ position:absolute;top:77px;font-size:12px;width:370px;text-align:right;font-weight:normal;}
 .headerST .sloganPart1{ display:block;}
 .headerST .sloganPart2{ display:inline;font-style:italic;}
 .headerST .BlogFAQ { float:right; margin-right:40px;color:#A6A6A6;position:relative;top:5px;}
 .headerST .BlogFAQ a {color:#A6A6A6}
 
 .headerST .BlogFAQ h1 {font-size:12px;line-height:15px;padding:0;margin:0;display:inline;font-weight:bold;}
 .headerST .BlogFAQ .selected {font-weight:bold;}
 .headerST .betaText {position:absolute; margin-left: 15px; top:75px;font-weight:bold;}
 .headerST .stIntroSentence {color:#336699;float:left;padding:28px 0 0 40px;width:400px;margin:0}
.portal .headerST .pageTitle { float:left; margin: 35px 0 0 30px;}
.tribe .headerST .tribeBlocTitle {float:left;}
 .tribe .headerST .tribeBlocTitle .tribeStatus {border:0;float:left;margin:30px 5px 0 15px;}
 .tribe .headerST .tribeBlocTitle .tribeImageTitle {border:0; float:left; margin:30px 15px 0 10px; height:45px;width:45px; }
 .tribe .headerST .tribeBlocTitle .titleText {float:left;margin-top:25px;} 
  .tribe .headerST .tribeBlocTitle .titleText .tribeTitle { font-size:14px; }
  .tribe .headerST .tribeBlocTitle .titleText .tribeTitleSport {margin-bottom:0;margin-top:8px; line-height:10px;padding:0;}
  .tribe .headerST .tribeBlocTitle .titleText .tribeTitleLocation {margin-top:0; }
  .tribe .headerST .tribeBlocTitle .titleText .changeTribe { position:relative;top:-14px;font-size:14px; font-weight:bold; }     
 .tribe .headerST .tribeBlocTitle .pageTitle { position:absolute; margin:-88px 0 0 15px;}
 
 
.navigationST { border:0;margin:0px;padding:0;text-align:center; }
 .navigationST .sepNavigation { width:100%;height:6px; background:url('/images/gfx/background/ligne_cut.jpg') no-repeat; }
 .navigationST ul { list-style:none;text-align:center; margin:0;font-weight:bold;height:68px;float:left;width:100%;background:url('/images/gfx/background/menu.jpg') no-repeat; }	
  .navigationST li{	padding:0;	margin:20px 0; float:left; text-align:center;width:230px; }    
   .navigationST li a {top:0px;text-decoration:none;color:#404040 }
   .navigationST li a:visited {text-decoration:none;color:#404040 } 
   .navigationST li a:link {text-decoration:none;color:#404040}    
   .navigationST li a:active {text-decoration:none;color:#404040}                      
   .navigationST li a:hover { color:#0066FF; }
   .navigationST li.selected a { color:#E90102; }
   .navigationST li.menuHome {padding:0;}
   
   .defaultPage li.menuHome {padding:5px 0;}   
   .navigationST li.menuMembers {padding:5px 0;}
            
   .tribe .navigationST .menuHome {margin:10px 0;width:210px;}
 
 .navigationST .ulNavigationSignIn li {width:160px;}
 .navigationST .ulNavigationSignIn .menuFavorite {padding:5px 0;}
 .navigationST .ulNavigationSignIn .menuFriend {padding:5px 0;}
 
 .navigationST h1 {margin:0;padding:0;font-size:14px;line-height:15px;}
 
 .tribe .navigationST .ulNavigationSignIn li {width:180px;}
 .tribe .navigationST .ulNavigationSignIn .menuHome {width:210px;}
 .tribe .navigationST .ulNavigationSignIn .menuMembers {width:100px; }
 .tribe .navigationST .ulNavigationSignIn .menuFavorite {width:140px;}
 .tribe .navigationST .ulNavigationSignIn .menuFriend {width:100px;}

   /* menu styles 
  #ulNavigation li ul {	margin: 5px 0 0 30px;padding: 0;position: absolute;display:none;border-top: 1px solid white}
  #ulNavigation li ul li {	float: none;margin: 3px 0 0;padding: 0 5px; width:100%;background: #F0F0F0;}
  #ulNavigation li ul li a {	width: auto;padding: 0 20px;}
  #ulNavigation li ul li:hover {background: #C6C6C6} */  

.contentST { border:0;padding:0; width:100%;background:url('/images/gfx/background/background.jpg') repeat-y;min-height:400px;}

.footerST {color:#A6A6A6;z-index:2;background:url('/images/gfx/background/footer.jpg');height:150px;}
 .footerST a { text-decoration:none; }
 .footerST a:link {color:#A6A6A6;text-decoration:none;}    
 .footerST a:visited {color:#A6A6A6;text-decoration:none;}  
 .footerST a:active {color:#A6A6A6;text-decoration:none;} 
 .footerST a:hover {text-decoration:underline;}
 .footerST .footerContent {padding:50px 0 0 100px;}
 .footerST .footerContent a {display:block;}
 .footerST .footerContent .col {float:left;}
  .footerST .footerContent .col .middle { margin:6px 0 6px 0;}
 .footerST .footerContent .col1 {margin-left:0px;}
 .footerST .footerContent .col2 {margin-left:80px;}
 .footerST .footerContent .lang { float:right;margin-right:80px;}
 .footerST .footerContent .facebookLink { margin-top:10px;text-align:right;}
 .footerST .footerContent .facebookLink img {border:0;}
 .footerST .footerContent .facebookLink a {display:inline;}
 .footerST .footerContent .facebookLink span {position:relative;top:-10px;margin-right:5px;}
 
 .footerST .footerContent h1 {font-size:12px;line-height:15px;padding:0;margin:0;display:inline;font-weight:normal;}

/************************************* COMMON ***************************************************/

.actionGeneric 
{
    float:left;
    border-style: none;
    border-color: inherit;
    border-width: 0;
    text-align:center;
    color: white;
    background-image: url('/images/gfx/button/bouton_search.jpg');
    background-position: center 0px; 
    background-repeat: no-repeat;    
    padding:20px 0px;
    text-decoration: none; 
    width:200px;
    display: block;
    font-weight:bold;
    font-size:20px; 
}
a.actionGeneric:link {text-decoration: none; }
a.actionGeneric:hover {text-decoration: none;color: white;}

.actionSearch { background-image: url('/images/gfx/button/bouton_search.jpg');}
.actionAdd {   background-image: url('/images/gfx/button/bouton_add.jpg');  }
.actionGO { background-image: url('/images/gfx/button/bouton_go.jpg'); }
.actionMember {  background-image: url('/images/gfx/button/bouton_member.jpg');}
.actionJoin { background-image: url('/images/gfx/button/bouton_join.jpg'); }


/*** message system ***/
#message {position:fixed;top:32px;left:60px;width:90%;z-index:105;text-align:center;
          font-weight:bold;padding:11px 0px;background-color:#CCCCFF;border: solid 1px;}
#message span {text-align: center;width: 95%;float:left;font-size:14px;}
.close-notify {color: #404040;white-space: nowrap;float:right;margin-right:10px;text-decoration:none;border:2px #404040 solid;padding-left:3px;padding-right:3px}


.actionButton {border-style: none;border-color: inherit;border-width: 0;height:26px;text-align:center;color: white;background:url('/images/gfx/button/bouton_off.png') no-repeat center 0px;padding:5px 0 0 0;text-decoration: none; width:142px;display: block;font-weight:bold;font-size:14px;}
 a.actionButton:hover {background:url('/images/gfx/button/bouton_mo.png') no-repeat;text-decoration: none;color: white;  }
 a.actionButton:link {text-decoration: none; }

.actionButtonArrow {margin-right:4px; float:left;}

/*** contact ***/
.contactContent { margin:0 auto; width:500px; padding-top:40px; }
 .contactContent .formulaire label { width:100px; float:left;margin-bottom:5px;}
 .contactContent .formulaire input, .contactContent .formulaire textarea { width:390px;margin-bottom:5px;}

/*** help ***/
.mainHelp {padding-top:30px;margin-left:auto;margin-right:auto;width:700px;}


/*** join ***/
.joinContent { padding:40px 0 0 370px;}
 .joinContent .congradulation {font-weight:bold;font-size:16px; margin-bottom:20px;display:block;}
 .joinContent .formulaire {margin-top:15px; }
  .joinContent .formulaire label {width:200px; text-align:right; margin: 8px 10px 0 0;float:left;}
  .joinContent .formulaire input {width:200px;margin-top:5px;}
 .joinContent .ageCheck { width:425px; text-align:right; margin-top:10px;}
  .joinContent .ageCheck .ageCheckHelp {margin:10px 0 0 30px; text-align:left}
 .joinContent .joinError { padding-top:10px;width:450px;}
 .joinContent .joinValidate { padding-top:15px;}
  .joinContent .joinValidate .capchaHelp { position:relative;top:-40px;left:250px;}
   .joinContent .joinValidate .capchaHelp .capchaHelpContent {margin:20px 0 10px 20px}
  .joinContent .joinValidate .joinButton {width:460px; text-align:right;}
  .joinContent .joinValidate .joinButton .joinTerm { float:right; width:400px; margin-top:5px;}
  .joinContent .email_NoDisplay {float:left;width:160px;margin:40px 0 0 10px;}
  .imgJoin {height:320px;padding:50px 0 0 80px;position:absolute;}
/*** not authorized ***/
.notAutorized { padding-top:60px;margin:0 0 0 150px; width:600px;}
 .notAutorized .notAutorizedContent { margin-top:50px;}
 .notAutorized img {border:0;}
 .notAutorized a { color:Blue;text-decoration:none; }
 .notAutorized a:link {color:Blue;text-decoration:none;}    
 .notAutorized a:visited {color:Blue;text-decoration:none;}  
 .notAutorized a:active {color:Blue;text-decoration:none;} 

/*** change password ***/
.changePassContent { padding-top:60px;margin:0 0 0 150px; width:600px;}
 .changePassContent .formulaire { float:right;}
 .changePassContent .formulaire label {margin:5px 10px 5px 0; text-align:right;width:300px;float:left;}
 .changePassContent .formulaire input {margin:5px 0 0; width:200px;}
 .changePassContent .changeSuccess {padding:40px 0 0 20px}

/*** forgot password ***/
.forgotContent {padding-top:60px;margin:0 0 0 150px; width:600px;}
 .forgotContent p { text-align:right;}
 .forgotContent .formulaire label {text-align:right;margin-right:10px;}
 .forgotContent .formulaire { float:right;}
 .forgotContent .forgotButton { float:right;}


/*** login ***/
.loginContent {padding-top:60px; margin:0 0 0 100px; width:800px;}

/* uc login */
.loginControl { float:left; margin:20px 0 0 20px;}
.loginControl .loginControlForm {float:left; }
 .loginControl .loginControlForm .userEntryText {margin:3px 5px 0 0;float:left;}
  .loginControl .loginControlForm .userEntryText .emailText {margin-bottom:10px;}
 .loginControl .loginControlForm .userEntryValue { float:left;}
 .loginControl .loginControlForm .userEntryValue input { width:110px; display:block;}
 .loginControl .loginControlForm .userEntryValue .emailValue { margin-bottom:3px;}
 .loginControl .loginControlForm .userEntryValue .forgotPassordText { text-align:right;}
 .loginControl .loginControlForm .notMemberYet {text-align:right;margin-top:15px;}

.loginControl .loginControlButton {float:left;margin:10px 0 0 25px;}
 .loginControl .loginControlButton .buttonSignIn {margin-top:80px;}
 

/*** message ***/
.mainMessageContent { padding:20px 0 0 240px;}
 .mainMessageContent .messageMenu {padding:20px 0 20px 0;width:570px;position:relative;left:-10px;}
 
 .mainMessageContent .viewMessage { padding-top:20px; min-height:400px;}
 .mainMessageContent .viewMessage .messageFromUser a {text-decoration:none; text-align:center;}
 .mainMessageContent .viewMessage .messageFromUser a div { margin-top:10px;}
 .mainMessageContent .viewMessage .messageFromUser { float:left; width:auto;height:auto; margin-right:20px;text-align:center;}
 .mainMessageContent .viewMessage .messageContent { float:left; width:500px;height:auto;}
 .mainMessageContent .viewMessage .messageContent .subject {display:block; margin-bottom:30px;font-weight:bold;}
 .mainMessageContent .viewMessage .reply {margin-top:20px;}
 .mainMessageContent .viewMessage .reply .replyTitle {margin-bottom:5px;}

 .mainMessageContent .messageFrom img {width:40px; float:left;}
 .mainMessageContent .messageFrom span {margin:4px 0 0 10px;float:left;}
 .mainMessageContent .messageFrom {text-decoration:none;}
 
 .mainMessageContent .deleteMailSelection { margin:20px 265px 0 0; }
 .mainMessageContent .deleteMailSelection a { margin-right:5px;float:right;}
 .mainMessageContent .deleteMailSelection img { float:right;}
 
 .mainMessageContent .masterSent { margin-left:15px; }
 
 .mainMessageContent .emailNotification { margin-top:15px; }
 .mainMessageContent .emailNotification .emailNotificationTitle {margin-bottom:10px;}
 .mainMessageContent .emailNotification .emailNotificationChoose label {margin-left:5px;position:relative;top:-4px;}
 .mainMessageContent .emailNotification .emailNotificationApply {margin:10px 0 0 10px;}

.sendMessageContent { padding:25px 0 0 40px;}
.sendMessageContent .messageSuccess {margin:50px 0 0 300px;}
 .sendMessageContent .titleContent {font-weight:bold; color:#B92120;margin:10px 0 0 150px;font-size:12px;}
 .sendMessageContent .sendBtn { margin-left:590px; margin-top:10px;}
 .sendMessageContent .formulaire .line {margin:5px 0 0 0;}
 .sendMessageContent .formulaire label { text-align:right; margin:0 10px 0 0; float:left;display:block; width:150px;}

/****** uc sport selector ****/
.sportSelector { width: 370px; height: 250px; overflow: auto; border-bottom:solid 1px #CCCCCC}


/**** FAQ ***/
.FAQContent { padding-top:30px; width:700px;margin:0 auto 0 auto; }
 .FAQContent ul {margin:0}
 .FAQContent .questions li {margin-top:20px;font-size:14px;}
 
 .FAQContent .answersTitle {margin-top:50px;}
 .FAQContent .answersContent li {margin-top:20px;font-size:16px;line-height:20px;}
 .FAQContent .answersContent li a {font-weight:bold;}
 .FAQContent .answersContent li .answer {margin-top:10px;} 
 
 
 /*** Comment ***/
 .commentlist { width:555px; background-color:White;}
  .commentlist .commentTitle {margin:20px 0; font-size:14px; font-weight:bold;}
  .commentlist .comment { border:solid 1px silver; margin-top:10px; padding:10px}
 
   .commentlist .comment .picture { float:left; width:auto; margin:0 10px 0 0;}
    .commentlist .comment .picture img { width:50px;}
   .commentlist .comment .info  { margin-left:50px;}
    .commentlist .comment .info .author { float:left;}
    .commentlist .comment .info .date { text-align:right;}
    .commentlist .comment .info .content {margin-top:5px;}
   .commentlist .comment .comment-replies {background: transparent url(/images/gfx/icon/reply-arrow.gif) no-repeat 2px 2px;padding: 0 0 0 25px;}
   .commentlist .comment .reply { margin:4px;}
   .commentlist .comment .cancelReply {display:none;}
 
  .commentlist .addCommentContent {margin:10px 0 0 10px; width:400px;} 
   .commentlist .addCommentContent .star{ position:relative;top:2px;color:#B92120;font-size:14px;font-weight:bold; }
   .commentlist .addCommentContent label {float:left;margin-top:6px;width:80px;}
   .commentlist .addCommentContent input {width:60%;margin-top:5px;}
   .commentlist .addCommentContent .emailRemq { color:Gray;margin:2px 0 4px 5px;}
   .commentlist .addCommentContent .commentAddContent {margin:10px 0 4px 0;}
   .commentlist .addCommentContent .commentContent {height:100px; width:100%;}
   .commentlist .addCommentContent .saveBtn { padding-top:10px; height:26px;}
    .commentlist .addCommentContent .saveBtn img { border:0;}
   .commentlist .addCommentContent .errors { margin:5px;}   
 
  /*** BlogPost ***/
 .blogpost { width:750px; background-color:White;border:solid 1px silver;padding:15px 20px 10px 20px;margin-top:20px;}
  .blogpost .postTitle {padding:0;}
  .blogpost .postTitle a {color:#404040;}
  .blogpost .postTitle a:hover h2 {text-decoration:underline;cursor:pointer;}
  .blogpost .infoBlog {width:100%; float:left;}
   .blogpost .infoBlog .date {float:right;}
   .blogpost .infoBlog .author {float:left;}   
  .blogpost .post { width:100%;margin:10px 0 10px 0}
  .blogpost .post .more { margin-left:10px;}
  .blogpost .nbcommentsBlog {text-align:right;}
  
  .blogList {width:750px;background-color:White;}
  .blogList .nav {width:100%; float:left;margin:15px 0 15px 0;}
   .blogList .nav .previous {float:left;}
   .blogList .nav .next {float:right;}   
   
  .addBlogEntry { margin-top:20px; }
  .addBlogEntry .addBlogPopup {background-color:#EEEEEE;}
  .addBlogEntry .addBlogPopup img {border:0;}
  .addBlogEntry .addBlogPopup .addblogTitle { font-weight:bold; font-size:14px;margin-bottom:5px;}
  .addBlogEntry .addBlogPopup .addblogContent { font-weight:bold; font-size:14px;margin:15px 0 5px 0;}
  .addBlogEntry .addBlogPopup .addblogContentBtn {margin:10px 0 10px 420px;}
  .addBlogEntry .addBlogPopup .tinyMCEBlogContent { width:500px;height:440px;}
                                
  
  .gridSite { border:solid 1px #CCC;margin-bottom:10px;padding:5px 5px 5px 10px;}
   .gridSite .siteInfoTitle {font-weight:bold;color:#B92120;}
   .gridSite .gridSiteMainInfo {width:300px;float:left;}
    .gridSite .linkName {position:relative;top:-4px;}
    .gridSite .gridSiteMainInfo .listSport {padding:5px 0 5px 0;}
     .gridSite .gridSiteMainInfo .listSport .siteInfoTitle {margin-right:10px;}
   .gridSite .gridSiteDetails {width:280px;float:left;margin-top:8px;}
    .gridSite .gridSiteDetails .gridSiteEventDate {}
    .gridSite .gridSiteDetails .gridSiteAddress .siteInfoTitle {float:left;margin:0 10px 10px 0;}
   .gridSite .gridSiteAction {float:left;}
   .gridSite .gridSiteAction img {border:0}
   
   .gridSite .gridSiteAction .linkText {position:relative;top:-4px;margin-left:5px;}
   .gridSite .gridSiteAction a:visited {color:Blue;}
   .gridSite .gridSiteAction .anchorIcon:visited { text-decoration:none;}
   .gridSite .gridSiteAction .anchorIcon:link { text-decoration:none;}
   
   
   .gridUser {border:solid 1px #CCC;margin-bottom:10px;padding:5px 5px 5px 10px;}
   .gridUser .userInfoTitle {font-weight:bold;color:#B92120;}
   .gridUser .gridUserMainInfo {width:300px;float:left;}
    .gridUser .gridUserMainInfo img {height:50px;}
    .gridUser .linkName {}
    .gridUser .gridUserMainInfo .userName { float:left; margin:15px 0 0 5px;}
    .gridUser .gridUserMainInfo .userImage { float:left; }
    .gridUser .gridUserMainInfo .listSport {padding:5px 0 5px 0;}
     .gridUser .gridUserMainInfo .listSport .UserInfoTitle {margin-right:10px;}
   .gridUser .gridUserDetails {width:235px;float:left;margin-top:8px;}
    .gridUser .gridUserDetails .gridUserAddress .userInfoTitle {float:left;margin:0 10px 10px 0;}
    .gridUser .gridUserDetails .userGender {margin-top:5px;}
    .gridUser .gridUserDetails .userGender .userInfoTitle {margin-right:10px;}
   .gridUser .gridUserAction {float:left;}
   .gridUser .gridUserAction img {border:0}
   
   .gridUser .gridUserAction .linkText {position:relative;top:-4px;margin-left:5px;}
   .gridUser .gridUserAction a:visited {color:Blue;}
   .gridUser .gridUserAction .anchorIcon:visited { text-decoration:none;}
   .gridUser .gridUserAction .anchorIcon:link { text-decoration:none;}
  
  .selectedGridListItem { text-decoration:none; color:#606060; font-weight:bold;}
  .gridBar { margin-top:20px;}
  
  
  .stTabs { padding: 3px 0;margin: 0;border-bottom: 1px solid #778;font: bold;}
   .stTabs li {list-style: none;margin: 0;display: inline;}
    .stTabs li a {padding: 2px 25px 3px 25px;border: 1px solid #778;border-bottom: none;background: #EAEAEA;text-decoration: none;}
    .stTabs li a:link { color: #404040; }
    .stTabs li a:visited { color: #404040; }
    .stTabs li a:hover {color: #000;background: #C1C1C1;border-color: #227;}
    .stTabs li a.selectedTab {background: white;border-bottom: 1px solid white;}
  .borderStTabs { padding:5px 0 5px 0; border-left:solid 1px #777788;border-right:solid 1px #777788;position:relative;top:-1px; }
  
  .error404 {padding-top:30px; width:700px;margin:0 auto 0 auto;height:400px;
             background:url('/images/gfx/background/error_404.jpg') no-repeat;}
 
  .bannerSection { margin-top:20px;}
  .bannerSection .linkCodeMini {margin-left:20px;position:relative;top:-8px;font-size:10px;color:#0000A3}
  .bannerSection .linkCodeMedium {margin-left:20px;position:relative;top:-25px;font-size:10px;color:#0000A3}
  .bannerSection .linkCodeLarge {margin-left:20px;position:relative;top:-25px;font-size:10px;color:#0000A3}
  
 
/************************** PORTAL **********************/

.defaultPortal {behavior: url("/CSS/csshover.htc"); height:480px; }

.defaultPortal .title {margin:0;padding-top:20px; text-align:center;}
.defaultPortal .chooseCountry {padding-left:80px; float:left;position:relative;}
.defaultPortal .chooseSport {float:right; width:450px;}
 .defaultPortal .chooseSport .missingSport {position:relative;top:15px;float:right;margin-right:150px;}
.defaultPortal .selectSport {width: 300px; height: 250px; overflow: auto;}
.defaultPortal .chooseTribeContent {padding-top:20px;}
.defaultPortal .location .worldMap{margin: 10px 0 0 0;padding: 0; height: 203px;	width: 351px;position: relative;}
.defaultPortal .location .worldMap .continent {position:absolute;border:0px solid;}
.defaultPortal .location .worldMap .continent:hover {cursor:pointer;}
.defaultPortal .location img {margin-top:5px;border:0;	}

 .defaultPortal .location .locationList {padding:0 5px 0 5px;margin:0;list-style: none;background-color:white;display:none;position:absolute;border:thin #343434 solid;	height:200px;max-height:200px;overflow:auto;text-align:left;font-size:10px;z-index:2;}
 .defaultPortal .location .locationList a{	text-decoration:none;display:block;color:#343434;}
 .defaultPortal .location .locationList a:hover{background-color:#CCCCCC;}
 .defaultPortal .location .locationList li {margin:0;padding:0;border:solid 1px white;line-height:15px;}
 .defaultPortal .location .yourSelection { margin:4px 0 0 5px;}
  
 .defaultPortal .emptyDiv {width:60px;height:290px; float:left;}

.defaultPortal .quicksearch {margin: 4px 0 0 5px; width:350px;}
.defaultPortal .quicksearch input { width:130px;  }
.defaultPortal .selectSportTitle {position:relative; top:5px; float:left;}

.defaultPortal .chosenCountry {color:#0066FF;font-size:18px;font-weight:bold;float:left; margin:0 0 0 10px;}
.defaultPortal .chosenSport {color:#0066FF;font-size:18px;font-weight:bold;float:left; margin:2px 0 0 10px;line-height:20px;}

.defaultPortal .goTribeArea { margin-top:10px}
 .defaultPortal .goTribeArea .btnAccessTribe {padding-top:10px;}
  .defaultPortal .goTribeArea .btnAccessTribe .actionGO {margin:0 auto 0 auto; float:none;}
  .defaultPortal .goTribeArea .btnAccessTribe .actionSearch {margin:0 auto 0 auto; float:none;}
  .defaultPortal .goTribeArea .btnAccessTribe .actionAdd {margin:0 auto 0 auto; float:none;}
  .defaultPortal .goTribeArea .btnAccessTribe .actionMember {margin:0 auto 0 auto; float:none;}
  

.defaultPortal .error {width:100%;text-align:center;padding-top:10px;}

.userHome {padding:50px 0 0 80px;}
.userHome .userHomeMenu {width:800px;padding:0 0 10px 0; }

.userHome .tableTitle {color:#B92120; font-weight:bold; margin-top:10px;}
.userHome .userTab { }

.userHome .mainContent { width:760px;text-align:left;padding-top:0;}
.userHome .mainContent .actionSearch { background-image: url('/images/gfx/button/bouton_search_small.jpg');}
.userHome .mainContent .actionAdd {   background-image: url('/images/gfx/button/bouton_add_small.jpg');  }
.userHome .mainContent .actionMember {  background-image: url('/images/gfx/button/bouton_membre_small.jpg');}
.userHome .mainContent .actionGO {  background-image: url('/images/gfx/button/bouton_go_small.jpg'); float:right;margin-right:20px;}
.userHome .mainContent .actionGeneric {width:140px;padding:11px 0;}
.userHome .mainContent .enterTribe { }
.userHome .mainContent .enterTribe .enterTribeText { float:left;font-weight:bold;margin:0 0 0 10px}
.userHome .mainContent .searchTribe { margin-top:30px;float:none;font-size:14px;}
.userHome .mainContent .addSite { float:none;margin-top:30px;}
.userHome .mainContent .searchText {float:left;font-weight:bold;margin:12px 0 0 10px}
.userHome .mainContent .addSite .addSiteText{font-weight:bold;float:left;margin:12px 0 0 10px;font-size:14px;}
      
    
.userHome .mainContent .accessMember { float:none;}
.userHome .otherOption {}
.userHome .otherOption .invite { margin-left:640px;}
.userHome .otherOption .invite .linkImg img{border:0; float:left;}
.userHome .otherOption .invite .linkText {float:left;text-align:left;margin:5px 0 0 5px;width:140px;}
.userHome .otherOption .sharethis { padding-top:10px;margin-left:655px;}

.userHome .mainContent .accessMember .accessMemberText{margin:12px 0 0 10px}
.userHome .mainContent .lastestNews {text-align:left;float:left;margin:50px 0 0 20px; }

.userHome .imgTribe {float:left;padding:0px 20px 0 0;width:110px;}
.userHome .imgNoTribe {float:left;}
.userHome .tribeWithPic {float:left; width:660px;}
.userHome .noTribePic {float:left; margin-left:0px;width:550px;}
.userHome .stIntroSentence  {color:#336699;font-size:24px;line-height:28px;text-align:left;}
.userHome .tribeExplanation h1 {display:inline; margin-right:30px;}
.userHome .deleteBtn {float:right; margin-right:65px;}
.userHome .invitePopup .jqmWindow {margin-left:0px;}

.stHome {padding:40px 0 0 0;  background-position:50px 40px; background-repeat: no-repeat; }
.stHome .mainContent {width:900px;padding-top:0;}
.stHome .stIntroSentence  {color:#336699;margin-left:340px;font-size:24px;line-height:28px;text-align:left;}


.invitePopup .jqmWindow { background-color: #003366;color:White;width:300px;}
.invitePopup .jqmWindow a{ color:White;}
.invitePopup .inviteTitle .inviteTitleText {float:left;margin:10px 0 0 10px;}
.invitePopup .inviteTitle .inviteTitleText .inviteTitleText1 {font-weight:bold;font-size:14px;}
.invitePopup .inviteTitle .inviteTitleText .inviteTitleText2 {margin-top:5px;}
.invitePopup .inviteContent {padding:10px 0 0 10px;}
.invitePopup .inviteContent .inviteTo {margin-bottom:5px;}
.invitePopup .inviteContent .inviteToLabel {float:left;}
.invitePopup .inviteContent .inviteToLabel .inviteToLabelName {margin-top:3px;}
.invitePopup .inviteContent .inviteToLabel .inviteToLabelEmail {margin-top:8px;}
.invitePopup .inviteContent .inviteToField {float:left;margin-left:5px;}
.invitePopup .inviteContent .inviteToField input {display:block;margin-bottom:5px;width:235px;}
.invitePopup .inviteContent .inviteMessageTitle {margin:5px 0 3px 0;}
.invitePopup .inviteContent .inviteMessage {width:274px;height:100px;}
.invitePopup .inviteContent .btnClose {float:right;margin-top:20px;}
.invitePopup .inviteContent .btnClose span {position:relative;top:-7px;margin-right:5px;}
.invitePopup .inviteContent .btnClose img {border:0;}
.invitePopup .inviteContent .actionGO {background-image: url('/images/gfx/button/bouton_join_small.png');}
.invitePopup .inviteContent .actionGeneric {width:120px;padding:8px 0;margin: 10px 0 20px 0;}

.inviteHome {margin-bottom:20px;position:relative;top:-25px;}
.inviteHome .inviteHomeTitle { font-size:18px;font-weight:bold;color:#B92120;line-height:22px;}
.inviteHome .inviteHomeLink {margin-top:10px;font-size:14px;}
    
.popCtrlConfirm .jqmWindow{ width:350px;}
 .popCtrlConfirm .textUser { font-weight:bold; font-size:14px; padding-top:5px;}
 .popCtrlConfirm .btnControl {margin-top:20px;font-size:14px;}
 .popCtrlConfirm .btnControl a{margin-right:20px;}

/***************************** Tribe *****************************/

.addConfContent { padding:40px; width:800px;margin:0 auto;}
 .addConfContent .banner {display:block;}
 .addConfContent .addSiteConfirmation {font-size:14px;line-height:20px;}
 .addConfContent .addSiteConfirmation p {font-size:14px;line-height:20px;}

.eventClubSpotOrganizer {background:#EEE;}
 .eventClubSpotOrganizer .searchButton {width:92%; text-align:right;}

.tribeHome {padding:40px 0 0 0; background-position:90px 40px; background-repeat: no-repeat;  }
.tribeHome .mainContent {width:850px;}
.tribeHome .stIntroSentence { color:#336699; padding:0 0 0 350px;width:500px;}
.tribeHome .mainContent .searchTribe {margin-top:30px;float:right;font-size:14px;}
   .tribeHome .mainContent .searchTribe .searchTextBegin { float:left;font-weight:bold;margin-top:18px}
   .tribeHome .mainContent .searchTribe .searchTextMiddle {float:left;font-weight:bold;margin:18px 0 0 3px}
   .tribeHome .mainContent .searchTribe .searchTextEnd {float:left;font-weight:bold;margin:18px 10px 0 0}
  .tribeHome .mainContent .addSite {float:right;margin-top:30px;}
   .tribeHome .mainContent .addSite .addSiteText{font-weight:bold;float:left;margin:18px 10px 0 0;font-size:14px;width:350px;}
    .tribeHome .mainContent .addSite .addSiteText .addSiteTextEnd {margin:0 0 0 3px}

.mainContent { text-align:right;padding-top:20px;}
  .mainContent .tribeExplanation h1 { font-size:22px;}
  .mainContent .enterTribe {margin-top:10px;float:right;font-size:14px;}
   .mainContent .enterTribe .enterTribeText { float:left;font-weight:bold;margin:10px 15px 0 0;width:380px; }   
   .mainContent .enterTribe .enterTribeText2 { display:block;margin-top:5px;}   
 
  .mainContent .lastestNews {text-align:left;margin:45px 0 0 340px;}
  .mainContent .lastestNews div { margin-top:3px;}
  .mainContent .lastestNews div .newTitle {margin-left:20px;}
  .mainContent .lastestNews div.newsViewMore {margin:10px 0 0 5px}
   
   .mainContent .accessMember {float:right;margin-top:30px;} 
   .mainContent .accessMember .accessMemberText{font-weight:bold;float:left;margin:18px 10px 0 0;font-size:14px;}
    
   .mainContent .joinST {float:right;margin-top:15px;position:relative; } 
   .mainContent .joinST .joinSTText{font-weight:bold;float:left;margin:10px 10px 0 0;font-size:14px;}
   .mainContent .joinST .joinSTText2{display:block;margin-top:5px;}
    
  .mainContent .otherOption { padding:20px 0 10px 0;}
   .mainContent .otherOption .accessMember { margin:5px; }
   .mainContent .otherOption .faq { margin-top:20px; }
   .mainContent .otherOption .sharethis { margin-top:20px;}
 
 
/*********** other pages ****/
.email_NoDisplay {font-size:10px;font-style:italic;}

.STBlogList {padding:10px 0 0 150px;}
.STBlogList .blogpost {background-color:#EEE; border-color:#BBB;width:650px;}
.STBlogList .commentlist {width:630px;background-color:#DDDDDD;padding:10px;margin-top:15px;}
.STBlogList .commentlist .commentTitle { margin-top:0;}

.newsItem {margin-top:10px;width:600px;}
.newsItem .dateNews {margin-right:15px;font-size:10px;}
.newsItem .newsType {font-size:10px;}
.newsItem .info {margin:4px 0;}
.newsItem .title {font-size:16px;}
.newsItem .newsCategory {margin-right:15px;}
.newsItem .teaser {color:#808080}
.newsItem .imageType {float:left;width:50px;margin-right:15px;}
.newsItem .imageType img {border:0; max-height:50px;max-width:50px;}
.newsItem .imgTypeSite {margin-left:10px;position:relative; top:3px;}
.newsItem .memberCountry {margin-right:10px;}


.pageNews {padding-top:30px; width:900px;min-height:600px;margin-left:100px;background-repeat:no-repeat;background-position:610px 70px;}
.pageNews .newsIntro { margin:10px 0 30px 0;}
.pageNews .newsIntro .newsIntro1 { color:#B92120;font-weight:bold}
.pageNews .newsIntro .newsIntro2 { margin-left:5px;}
.pageNews h1  {font-size:12px;line-height:15px;padding:0;margin:0;display:inline;font-weight:normal;}


.terms {padding-top:30px; width:700px;margin:0 auto 0 auto}
.terms p {margin:0;padding:15px 0 10px 0;}