.pageST { width:1000px; margin:0px auto; background:url('/images/gfx/background/background.jpg') repeat-y; }

/********* 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:10px 20px 0 0; } 
 .headerST .login a:visited {color:Blue} 
 .headerST .login .linkInboxTop {font-weight:bold}
 .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 { color:#A6A6A6;top:5px;}
 .headerST .BlogFAQ a {color:#A6A6A6}
 .headerST .BlogFAQ a:visited {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 {background-image:url('/images/gfx/background/topTribe.jpg');}
.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 img {float:left;margin:10px 5px 0 0 }
 .tribe .headerST .tribeBlocTitle .titleText a h2 {color:#404040;}
  .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;}
 
/*** menu ***/
.navigationST {background-color:#006699; float:right;margin-top:25px;}
.navigationST #nav {  margin:0;padding:0;list-style:none;}  
.navigationST a {color:#FFF;}

/* make the LI display inline */  
/* it's position relative so that position absolute */  
/* can be used in submenu */  
.navigationST #nav li {float:left;display:block;width:170px;position:relative;z-index:500;}  

/* this is the parent menu */  
.navigationST #nav li a {display:block;text-decoration:none;text-align:center;padding:8px 5px 0 5px;font-size:14px;height:23px;   }  
.navigationST #nav li a .triangle {border:0;position:relative;top:2px;margin-left:5px;}
.navigationST #nav li a .menuDiv {position:relative;left:5px;}

.navigationST #nav li a:hover {background-color:#007DBB;  }  
  
/* submenu, it's hidden by default */  
.navigationST #nav ul {position:absolute; left:0;display:none;list-style:none;background-color:#007DBB;margin:0;padding:0;}  
.navigationST #nav ul li {width:170px;float:left}  
.navigationST #nav ul li .linkSearch,.navigationST #nav ul li .linkAdd {height:40px;}
.navigationST #nav ul li .menuHomeTribe{height:60px;}
.navigationST #nav ul li a {height:30px;padding:12px 5px 0 5px;}
.navigationST #nav ul li a:hover {padding:12px 5px 0 5px;}
/* display block will make the link fill the whole area of LI */  
.navigationST #nav ul a {display:block;}  
.navigationST #nav ul a:hover {text-decoration:none;background-color:#006699;padding:8px 5px 0 5px  }  


.contentST { border:0;padding:0; 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 ***************************************************/

.pageTitle {color:#B92120;font-size:20px;font-weight:bold;margin:30px 0 30px 0;}

.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:5px;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-left:100px;}
 .contactContent .contactUsForm {}
 .contactContent .contactUsForm .formulaire label { width:100px; float:left;margin-bottom:5px;}
 .contactContent .contactUsForm .formulaire input, .contactContent .formulaire textarea { width:390px;margin-bottom:5px;}
 

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


/*** join ***/
.imgJoin {height:320px;padding:20px 0 0 80px;float:left;}
.joinContent { padding:10px 0 0 0; float:left;}
 .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 { }
  .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 {margin:0 0 5px 210px;width:300px;}
  .joinContent .joinExplanationPanel { margin:20px 0 0 20px;}
  .joinContent .joinExplanationPanel .joinTitle{ color:#B92120; font-size:16px; font-weight:bold;} 
  .joinContent .joinExplanationPanel .whyJoin{ } 
  .joinContent .joinExplanationPanel .joinText{ width:600px; margin-top:10px;} 
  
  
  
/*** 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 ***/
.changePassMainContent {margin-left:100px;}
.changePassContent { padding-top:40px;width:520px;}
 .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;}
 
 .changePassMainContent .changeSuccess {padding:30px 0 0 90px;font-size:14px;}

/*** forgot password ***/
.forgotContent {padding-top:40px;margin:0 0 0 100px;}
 .forgotContent .forgotContentForm {width:230px; margin-top:20px;}
 .forgotContent .forgotContentForm .formulaire label {text-align:right;margin-right:10px;}
 .forgotContent .forgotContentForm .formulaire { float:right;}
 .forgotContent .forgotContentForm .forgotButton { float:right;margin-top:10px;}


/*** login ***/
.loginContent {margin:0 0 0 100px; width:800px;}
.loginContent .mainImage {float:left;height:320px;margin-top:30px;}
.loginContent .pageTitle {margin : 30px 0 40px 20px; }

/* uc login */
.loginControl { }
.loginControl .loginControlForm {margin:3px 0 30px 20px; 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:0 0 30px 110px;}
 .mainMessageContent .messageMenu {padding: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:0 0 0 40px;}
.sendMessageContent .pageTitle { padding-left:60px;}
.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;border:0;}
    .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}
  
 
 .favoriteContent { margin:20px 0 0 80px;}
 .favoriteContent .tableTitle {color:#B92120;font-weight:bold;margin-top:10px;}
 .favoriteContent .deleteBtn{ float:right;margin-right:65px;}
 .friendContent { margin:20px 0 0 80px;}
 .friendContent .tableTitle {color:#B92120;font-weight:bold;margin-top:10px;}
 .friendContent .deleteBtn{ float:right;margin-right:65px;}
 
 
/************************** 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 .linkCountry{display:block;color:#343434;}
  
 .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 .invitePopup .jqmWindow {margin-left:0px;}
.invitePopup .jqmWindow { background-color: #003366;color:White;width:500px;}
.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:435px;}
.invitePopup .inviteContent .inviteMessageTitle {margin:5px 0 3px 0;}
.invitePopup .inviteContent .inviteMessage {width:474px;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:20px;}
.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;}


.mainContent { padding-top:20px;min-height:600px;}  
  .mainContent .stIntroSentence  {color:#336699;margin:20px 0 0 120px;font-size:24px;line-height:28px;text-align:left;width:600px;}
  .mainContent .homeImage {float:left;padding:30px 0 0 18px;margin:0;}
  .mainContent .frontPage {float:left;width:780px;}
  .mainContent .frontPage .tribeExplanation {margin:20px 0 0 120px;}
  
  .mainContent .startArea {margin:30px 0 0 60px;}
  .mainContent .startArea a {color:#404040;}  
  .mainContent .startArea a:hover {text-decoration:none;cursor:pointer;}
  .mainContent .startArea img {border:none;}  
  
  .mainContent .startElem {margin-right:40px;float:left;}
  .mainContent .startElem .textExplanation {margin:20px 0 0 0;font-size:18px;font-weight:bold;line-height:20px;text-align:center;width:200px;}
 
  .mainContent .lastestNews {}
  .mainContent .lastestNews div { margin-top:3px;}
  .mainContent .lastestNews .latestNewsTitle { font-size:14px;}
  .mainContent .lastestNews div .newTitle {margin-left:20px;}
  .mainContent .lastestNews div.newsViewMore {margin:10px 0 0 5px}
  
  .mainContent .hotAndNews {text-align:left;margin:40px 0 0 40px; float:left;}
  .mainContent .hotTribes {margin-bottom:30px;}
  .mainContent .hotTribes div { margin-top:3px;}
  .mainContent .hotTribes #hotTribeTitle {width:115px; font-size:14px; color:#B92120;font-style:italic;}
  
  .mainContent .joinST { margin:80px 50px 0 0; float:right;}
  .mainContent .joinST .textJoin {display:block;font-size:18px;font-weight:bold;line-height:20px;text-align:center;width:240px;margin-bottom:10px;color:#404040;}
  .mainContent .joinST .actionJoin {margin-left:20px;}
    
  .mainContent .banner {margin:40px 0 10px 300px;}
  
 .stHomeTribe .mainContent {}  
 .stHomeTribe .mainContent .homeImage { margin-top:15px;}  
 .stHomeTribe .mainContent .lastestNews {text-align:left;margin:80px 0 0 40px; float:left;}
 .stHomeTribe .mainContent .invite .linkImg img {border:0 none;float:left;}
 .stHomeTribe .mainContent .invite .linkText {float:left;margin:0 0 0 5px;text-align:left;width:140px;}
  
/*********** other pages ****/
.email_NoDisplay {font-size:10px;font-style:italic;}

.STBlogList {padding:0 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;border-top:1px solid #E9E9E9}
.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;height: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 .pageTitle {margin:0 0 10px 0;}
.pageNews .newsFeed {float:left;margin-right:15px;position:relative;top:-5px;}
.pageNews .newsIntro { margin:10px 0 30px 0;}
.pageNews .newsIntro .newsIntro1 { color:#B92120;font-weight:bold}
.pageNews .newsIntro .newsIntro2 { margin-left:5px;}


.stHomeTribe .pageNews {padding-top:30px; width:900px;margin-left:100px;min-height:0;background:none;}
.stHomeTribe .pageNews .pageNewsText { clear:both; margin-bottom:10px;}
.stHomeTribe .newsItem {width:830px;padding:5px 0 10px 0;margin-top:0;}
.stHomeTribe .newsItem .dateNews {margin-right:8px;}
.stHomeTribe .newsItem .newsContent{margin-top:6px;}
.stHomeTribe .newsItem .teaser{margin-top:5px;}

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