/**
* 
* Register
* 
*/

#hpjUserProfileEditionBox .message {
	margin:10px 0;
	color:#0B56A6;
}

#hpjUserWrapper {
    background-color:#eceded;
}
.accueil #hpjUserWrapper {
    background-color:transparent;
}
p.hpjUserSpecialOffer {
    text-transform:none;
    font-size:15px;
    font-weight:bold;
    color:#2757c8;
    letter-spacing:normal;
    line-height:26px;
}
.hpjUserErrors span{
    background:#5B5B5B url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/notice-alert.png) no-repeat scroll 24px center;
    padding:10px 30px 10px 70px;
    color: #ffffff;
    margin:-5px -25px 10px;
}
.param-box .hpjUserErrors span, .accueil .hpjUserErrors span {
    margin:5px -20px 10px;
}

.supportForm .hpjUserErrors span, .supportForm .hpjUserSuccess span {
    margin:5px 0 10px;
}
.hpjUserSuccess span{
    background:#5b5b5b url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/notice-info.png) no-repeat scroll 24px center;
    padding:10px 30px 10px 70px;
    color: #ffffff;
    margin:-5px -25px 10px;
}
.param-box .hpjUserSuccess span {
    margin:5px -20px 10px;
}

#hpjUserMessageLoadingUserName {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
#hpjUserMessageAvailableUserName {
    color: #2f55c6;
    text-transform: uppercase;
}
#hpjUserMessageNotAvailableUserName {
    color: red;
}

#hpjUserMessageLoadingEmail {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
#hpjUserMessageAvailableEmail {
    color: #2f55c6;
    text-transform: uppercase;
    line-height:30px;
    padding-left:10px;
}
#hpjUserMessageNotAvailableEmail {
    color: red;
    line-height:30px;
    padding-left:10px;
}

.accueil #hpjUserMessageAvailableUserName, .accueil #hpjUserMessageNotAvailableUserName, .accueil #hpjUserMessageAvailableEmail, .accueil #hpjUserMessageNotAvailableEmail, .accueil #hpjUserMessageLoadingEmail, .accueil #hpjUserMessageLoadingUserName {
    padding-left:155px;
}
form#registerForm, form#membershipForm {
    padding:5px 20px;
}

.accueil form#registerForm {
    background:#d3d3d5 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-formulaire.jpg) repeat-x top left;
    margin:0px 0 10px;
}
form#registerForm #columnLeft, form#registerForm #columnRight {
    float:left;
    display:inline;
    width:321px;
}
form#registerForm #columnLeft {
    margin-right:10px;
}
span.hpjUserLabel {
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:1.5px;
    display:block;
}
.accueil form#registerForm span.hpjUserLabel {
    float:left;
    display:inline;
    width:155px;
    font-size:11px;
    text-transform:none;
    letter-spacing:normal;
    padding:7px 0;
}

.accueil form#registerForm span.hpjUserToolLink {
    margin-top:-7px;
}
p.hpjUserContener {
    margin:0;
}
.accueil p.hpjUserContener {
    clear:both;
}
p.hpjUserContener input {
    color:#ffffff;
    font-size:12px;
    background-color:#acb0b5;
    border:1px solid #231f20!important;
    width:175px;
    padding:3px 8px;
    margin:4px 0px 10px;
    letter-spacing:1.8px;
    vertical-align:top;
}
.accueil form#registerForm p.hpjUserContener input {
    width:140px;
    margin:7px 0;
    padding:2px 8px;
}
.accueil form#registerForm p.hpjUserContener #registerButton {
    margin-top:15px;
}
p.hpjUserContener input[type="checkbox"] {
    width:17px!important;
    border:none!important;
    background-color:transparent!important;
    margin:0!important;
    vertical-align:text-top;
}
span#memberType_label {
    display:block;
    margin-bottom:10px;
}
p.hpjUserContener input.hpjFieldChecked {
    width:auto;
    background-color:transparent;
    border:none!important;
    vertical-align:middle;
    margin:5px 0;
}


#informationsSubmission {
    clear:both;
}

p.hpjUserContener select {
    color:#ffffff;
    font-size:12px;
    background-color:#acb0b5;
    border:1px solid #231f20!important;
    width:191px;
    padding:3px 0px;
    margin:4px 0px 10px;
    letter-spacing:normal;
    text-transform:none;
}
.accueil p.hpjUserContener select {
    width:166px;
    margin:7px 0;
}
p.hpjUserContener select.birthSelect{
    width:75px;
}

p.hpjUserContener select#birthDay, p.hpjUserContener select#birthMonth, p.hpjUserContener select#birthYear {
    width:60px;
}
.accueil p.hpjUserContener select#birthDay, .accueil p.hpjUserContener select#birthMonth {
    width:47px;
}
p.hpjUserContener span#selectbirthDay, p.hpjUserContener span#selectbirthMonth, p.hpjUserContener span#selectbirthYear {
    width:42px;
    display:inline;
}
.accueil p.hpjUserContener span#selectbirthDay, .accueil p.hpjUserContener span#selectbirthMonth {
    width:30px;
} 

.accueil input#birthdate {
    margin:0;
    padding:0;
}

#sexe_label, #urbanCenter_label {
    display:block;
}
span.select {
    position: absolute;
    color:#ffffff;
    font-size:12px;
    background:#acb0b5 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/form-select.jpg) no-repeat top right;
    border:1px solid #231f20!important;
    width:175px;
    padding:2px 8px;
    margin:4px 0px 10px;
    letter-spacing:normal;
    text-transform:none;
    overflow: hidden;
    height:15px;
    line-height:15px;
    display:block;
}
.accueil span.select {
    display:inline;
    width:147px;
    margin:7px 0;
}
span.emptySelect{
    background: #cccccc url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/form-select.jpg) no-repeat top right;
    color:#666666;  
}

.hpjUserComment {
    text-align:left;
}

#membershipInfosWrapper p.hpjUserIntro {
    clear:both;
    font-size:10px;
    letter-spacing:1px;
}
p.daysleft {
    padding:0 25px;
}
p.daysleft img {
    margin-right:-5px;
}

#membershipInfosWrapper p.invite {
    padding:0 5px;
    clear:both;
    margin:15px 0 0;
}

#membershipInfosWrapper .text-styled {
    padding:0 25px;
    margin:0 0 15px;
}

#membershipForm #choose-forfait {
    margin:0 0 10px;
    padding:0 5px;
}

form#membershipForm p.hpjUserContener {
    margin:0 175px 0 5px;
}
#membershipInfosWrapper p.invite a:link, #membershipInfosWrapper p.invite a:visited, #membershipInfosWrapper p.invite a:active {
    color:#f95f00;
    font-weight:bold;
}
#membershipInfosWrapper p.invite a:hover {
    color:#000000;
}
span.membershipInfos {
    float:right;
    margin:5px 0;
    }
#membershipButton {
    float:right;
    clear:both;
    margin-bottom:10px;
}

.control-group.companyName {
	display:none;
}

/**
* 
* Profil
* 
*/
#myProfilBox, #myProfilEditBox {
    padding: 10px;
}
#myProfilEditBox textarea {
    border: #476bc1 solid 1px;
    background-color: #FFF;
    color: #5d5b5c;
}
#myProfilEditBox p.searchContener textarea {
    background-color:#ACB0B5;
    border:1px solid #231F20;
    color:#FFFFFF;
}
#generalBox {
    margin-bottom: 15px;
    /*border: #87888a solid 1px;
    background-color: #ecedef;*/
}

#hpjUserProfileEditionBox #generalBox, #profilePictureContener, #hpjUserProfileEditionBox #youtubeBox, #hpjUserProfileEditionBox #passwordBox{
    clear:both;
    margin:15px 0;
    padding-bottom:55px;
    border-bottom:1px solid #BCBCBC;
}


p.infoContener span.label, p.searchContener span.label, #profilsBox p.proContener span.label, .infoContener span.hpjUserLabel, p.searchContener span#province_s_label, p.searchContener span#region_s_label {
    float:left;
    clear:left;
    width:210px;
    font-size:10px;
    color:#525254;
}

p.proContener span.label.error {
    color:#C43336;
}

#profilsBox p.searchContener span.label, #profilsBox p.proContener span.label, p.searchContener span#province_s_label, p.searchContener span#region_s_label {
    width:270px!important;
}
p.infoContener span.value {
    float:left;
    clear:none;
    width:140px;
    font-size:10px;
    font-weight:bold;
    text-transform:none;
    letter-spacing:normal;
    color:#525254;
}

#informationsBox .amount {
	
}

/**
* 
* Header
* 
*/
#headerBox {
    padding: 10px 20px;
    margin-bottom: 5px;
    background-color: #e2e3e5;
    color: #606062;
    font-weight:bold;
    line-height:20px;
}


#microBlogGeneralBox {
    margin:20px 5px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-microblog.jpg) repeat-y 1px 0;
    
}
#headerBox a {
    color: #606062;
}
#headerBox a:hover {
    color: #1F63E3;
}
#hpjHomeWrapper #headerBox a.button:link, #hpjHomeWrapper #headerBox a.button:visited, #hpjHomeWrapper #headerBox a.button:hover, #hpjHomeWrapper #headerBox a.button:active {
    color:#ffffff;
    float:right;
    border-color:#3F65C1 #0B3BAF #0335AD !important;
    border-style:solid;
    border-width:1px;
}
/**
* Message
*/
#messageBox {
    padding: 10px 20px;
    margin-bottom: 5px;
    color: #fff;
    font-weight:bold;
    line-height:20px;
}
#messageBox.msgError {
    background: url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/notice-alert.png) no-repeat scroll 24px center;
    background-color: #5b5b5b;
}
#messageBox.msgInfo {
    background: url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/notice-info.png) no-repeat scroll 24px center;
    background-color: #5b5b5b;
}
#messageBox span {
    margin: 0px 30px 0 60px;
    display:block;
}

/**
* View et Edit
*/
#statusBarWrapper {
    width: 100px;
    border: #486cc2 solid 1px;
    background-color: #FFF;
    float:left;
    margin:4px 10px 5px 0;
    height:12px;
}
#statusBarWrapperHighlight {
    width: 100px;
    border: #ea9222 solid 1px;
    background-color: #FFF;
}
#statusBar {
    width: 0px;
    height:12px;
}
.statusLow {
    background: #b71111 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/profil-rouge.jpg) repeat-x top left;
}
.statusMedium {
    background: #ff5a00 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/profil-orange.jpg) repeat-x top left;
}
.statusHigh {
    background: #648bea url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/profil-complete.jpg) repeat-x top left;
}

#statusButton {
    float: right;
}
span#statusButton a {
    display:block;
    line-height:19px;
    }
/**
* Show
*/
.actionButton {
    cursor: pointer;
    width: 100px;
    height: 19px;
    color: #FFFFFF;
    float:left;
    display:inline;
    margin:0 2px;
    letter-spacing:1px;
    font-size:10px;
}
.actionButtonDisabled {
    cursor: default;
    width: 100px;
    height: 19px;
    color: #FFFFFF;
    float:left;
    display:inline;
    letter-spacing:1px;
    font-size:10px;
}
#actionButtonMicroBlog {
    width:132px;
}

#actionButtonChat {
    width:110px;
}
#actionButtonMessages {
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-btn-bleu.jpg) repeat-x left top;
    border:1px solid #0335ad;
    width:120px;
}

#actionButtonFavorites, #actionButtonMicroBlog, .actionButtonMicroBlog, #actionButtonBlock, #actionButtonChat, #actionButtonBack {
    background:#5b595a url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-btn-gris.jpg) repeat-x left top;
    border:1px solid #5b595a;
    height:19px;
}

#actionButtonBack {
    float:right;
    margin-right:20px;
}
.actionButton.getMembership, .actionButton.getVipMembership, .actionButton.blocked {
    background:#5b595a url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-btn-gris.jpg) repeat-x left top!important;
    border:1px solid #5b595a!important;
    height:19px;
}
#actionButtonFavorites.active, #actionButtonMicroBlog.active, .actionButtonMicroBlog.active, #actionButtonChat.active {
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-btn-bleu.jpg) repeat-x left top;
    border:1px solid #0335ad;
    height:19px;
}
#actionButtonBlock.active {
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-btn-rouge.jpg) repeat-x left top;
    border:1px solid #bd0106;
    height:19px;
}
div#actionButtonFavorites span {
    display:block;
    height:19px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/icon-favori.png) no-repeat 2px center;
    padding-left:25px;
    color:#ffffff;
}
#actionButtonMicroBlog a, #actionButtonMicroBlog a:link, #actionButtonMicroBlog a:visited, #actionButtonMicroBlog a:hover, #actionButtonMicroBlog a:active, .actionButtonMicroBlog a, .actionButtonMicroBlog a:link, .actionButtonMicroBlog a:visited, .actionButtonMicroBlog a:hover, .actionButtonMicroBlog a:active {
    display:block;
    height:19px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/icon-microblog.png) no-repeat 2px center;
    padding-left:25px;
    color:#ffffff;
    line-height:20px;
}
#actionButtonMessages a, #actionButtonMessages a:link, #actionButtonMessages a:visited, #actionButtonMessages a:hover, #actionButtonMessages a:active {
    display:block;
    height:19px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/icon-ecrire.png) no-repeat 2px center;
    padding-left:25px;
    color:#ffffff;
}

#actionButtonChat a, #actionButtonChat a:link, #actionButtonChat a:visited, #actionButtonChat a:hover, #actionButtonChat a:active {
    display:block;
    height:19px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/icon-clavardage.png) no-repeat 2px center;
    padding-left:25px;
    color:#ffffff;
}
#actionButtonBack a, #actionButtonBack a:link, #actionButtonBack a:visited, #actionButtonBack a:hover, #actionButtonBack a:active {
    display:block;
    height:19px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/icon-back.png) no-repeat 2px center;
    padding-left:25px;
    color:#ffffff;
    line-height:20px;
    font-weight:bold;
}
#actionButtonBlock {
    float:right!important;
}
#actionButtonBlock span{
    display:block;
    height:19px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/icon-bloquer.png) no-repeat 2px center;
    padding-left:25px;
    color:#ffffff;
}
#actionButtonBlock.actionButtonDisabled {
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-btn-gris.jpg) repeat-x left top;
    border:1px solid #5b595a;
}
#actionHidden {
    visibility: hidden;
    display: none;
}

#helpCircleBtn {
    float:left;
    display:inline;
    height:31px;
    width:32px;
    text-indent:-9999px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/bouton-aide.png) no-repeat top left;
    position:relative;
    top:-5px;
}

#helpCircleBtn a {
    display:block;
    height:31px;
    width:32px;
    text-indent:-9999px;
}

/**
* 
* Online
* 
*/
#onlineBox {
    float: right;
    padding-right: 20px;
}
.online {
    color: #7fdc05;
}
.busy {
    color: #F67225;
}

#myProfilBox .online {
    font-weight:bold;
    font-size:12px;
}



/**
* 
* Pictures
* 
*/

#editProfile {
    margin-top: 15px;
    clear:both;
}

#editProfile a:link, #editProfile a:visited, #editProfile a:hover, #editProfile a:active{
    text-decoration:none;
}
.thumb{
    border:none;
    background-color:#ffffff;
    width: 62px;
    height: 62px;
    float: left;
    margin-right:10px;
}

#pictureBox .picture-info {
    background-color:#d3d4d8;
    display:block;
    margin:0 -20px;
    padding:5px 20px;
    color:#4C4C4C;
    font-size:10px;
    letter-spacing:1px;
}

#picturesBox .action a {
    display:inline;
}

#picturesBox #profilePicture .action a {
    margin-top:0;
}


#partnersPictureContener .pictureContener {
    position:relative;
    margin-bottom: 10px; 
     
}


input.partnerLink {
    width:350px;
}

/**
* 
* Micro Bblog
* 
*/
#microBlogBox {
    float: left;
    padding: 20px;
    width: 330px;
}
#myProfilEditBox #microBlogBox {
    padding-top:5px;
}
#myProfilEditBox #microBlogBox #microBlogLabel {
    padding:5px 14px;
}
#microBlogLink {
    text-align:right;
    display:block;
}
#microBlogBox textarea {
    width: 312px;
    height: 50px;
}
.nbChars {
    color: #8ba7e8;
    font: bold 20px Georgia, "Times New Roman", Times, serif;
    float:right;
}
.nbCharsError {
    color: #ff2c21;
    font-size: 20px;
}

#microBlogButton {
    float:right;
}
.microBlogline {
    color:#2365fb;
    letter-spacing:normal;
    text-transform:none;
    padding:10px 35px 10px 8px;
    border-bottom:1px solid #aaaaab;
    position:relative;
    
}
.microBlogline .thumb{
    border:1px solid #8a8a8c;
    margin-right:15px;
}
#microBlogGeneralBox #headerBox {
    background:#e2e3e4 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/logo-mini-b.jpg) no-repeat top right;
}

#microBlogGeneralBox .actionButton  {
    display:block;
    float:left;
    height:11px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/btn-gris.jpg) repeat-x top left;
    border:1px solid #5b595a;
    padding:4px 9px;
    text-align:center;
    line-height:normal;
}

#microBlogGeneralBox .microblogButtonActive {
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/btn-orange.jpg) repeat-x top left;
    border:1px solid #f67225;
}

#microBlogGeneralBox .actionButton  a, #microBlogGeneralBox .actionButton  a:link, #microBlogGeneralBox .actionButton  a:visited, #microBlogGeneralBox .actionButton  a:hover, #microBlogGeneralBox .actionButton  a:active{
    color:#ffffff;
}

#microBlogGeneralBox .actionButton img {
    vertical-align:top;
}

#buttonMyMicroblogs {
    width:80px;
}
#buttonAllMicroblogs {
    width:105px;
}
.microBlogTexte {
    padding-left:77px;
}

#microBlogBox #microBlogLabel, #hpjHomeWrapper #microBlogLabel {
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/puce.png) no-repeat left center;
    padding-left:14px;
    font-weight:bold;
    letter-spacing:1px;
    color:#59595b!important;
}

#microBlogBox textarea#microBlog {
    background-color:#ffffff;
    border:1px solid #466bc1;
    color:#5e5b5b;
    height:65px;
}

#microBlogBox .username a:link, #microBlogBox .username a:visited, #microBlogBox .username a:hover, #microBlogBox .username a:active {
    padding-right:5px;
}

.microBloglineUnique {
    letter-spacing:normal;
    line-height:normal;
    border-bottom:1px solid #AAAAAB;
    margin-top:25px;
}

.microBloglineUnique span.username a:link, .microBloglineUnique span.username a:visited, .microBloglineUnique span.username a:active {
    color:#5a5859;
    font-size:16px;
}
#listBox .microBloglineUnique span.microBlog {
    font-size:16px;
    color:#231f20;
    display:block;
    margin-top:10px;
    text-transform:none;
}
#listBox .microBloglineUnique span.date {
    font-size:12px;
    text-transform:none;
}

.microBloglineUnique .actionButtonMicroBlog {
    margin-left:71px;
    width:75px;
}
/**
* 
* Infos
* 
*/
form#infosForm {
    padding-bottom:20px;
}
#infosBox {
    float: left;
    padding: 0 15px;
    width: 350px;
}

#descBox {
    padding: 20px 20px 0px;
    clear:both;
}
#descBox textarea {
    width: 610px;
}
.text-description {
    padding:20px 0 35px 15px;
    text-transform:none;
    letter-spacing:normal;
}

#description {
    height: 50px;
}
#whoAmI {
    height: 100px;
}

input#infosButton {
    float:right;
    display:inline;
    margin-right:20px;
}

#profilsBox .current {
    border: #87888a solid 1px;
    background-color: #ecedef;
    padding:15px 20px;
}


.subFormSlider {
    padding-bottom:20px;
}
#godfatherTeamSubForm, #godfatherUserSubForm, #subscriptionJoinTeamSubForm {
    padding-bottom:30px;
}


.subscriptionForm #commonSubForm, #godfatherUserSubForm, #godfatherTeamSubForm {
    border-top:1px solid #BCBCBC;
    padding-top:15px;
    margin-top:5px;
	padding-bottom:30px;
}

.subscriptionForm #commonSubForm {
    border-top: 1px solid #BCBCBC;
}


#fieldContenerCompanyName input#company_name {

}
#fieldContenerCompanyName .fieldValue {
    float:none;    
}

.subFormSlider {
    clear:both;
}

#donationFormContener span.titleSubSection,
#informationsForm span.titleSubSection{
    font-weight:bold;
    padding-bottom:20px;
    display:block;
}

#donationFormContener span#commentLabel {
    display:block;
    width:100%;
    padding-bottom: 5px;
}

#subscriptionUserSubForm p.fieldContener {
    padding:10px 0 0;
}

#subscriptionJoinTeamSubForm #searchTeams_form {
    padding-bottom: 10px;
}

p.fieldContener {
    clear:both;
    margin:0px 0;
    padding:10px 0;
}



input#email1.hpjFieldEmail, input#email2.hpjFieldEmail, input#email.hpjFieldEmail, input#addressStreet, input#city, input#company{
    width:300px;
        }
input#questionRefOther {
    margin-left:10px;
}
input#addressApartment {
    width:50px;
}
#paymentForm #expirationDateMonthLabel, #paymentForm #expirationDateYearLabel {
    width:auto;
    clear:none;
        }
#paymentForm #expirationDateMonth, #paymentForm #expirationDateYear {
    margin:0 5px 0 2px;
    }
#cardVerificationCode {
    width:50px;
    }
.searchButtonContener button {
        margin-left:310px;
    }
#searchTeams_list {
    margin:25px 0 10px;
    clear:both;
    }
#searchTeams_list .topPagination, #searchTeams_list .bottomPagination, .bottomPagination{
    text-align:center;
    font-size:15px;
}
#searchTeams_list span.pagenav, .bottomPagination span.pagenav {
    font-weight:normal;
    color:#999999;
    }
#searchTeams_list span.currentPage, .bottomPagination span.currentPage {
    font-weight:bold;
    color:#000000;
    }
#searchTeams_list span.active, .bottomPagination span.active{
    cursor:pointer;
    border:none;
    }

#userIdNote, #teamIdNote {
    display:block;
}  
     
#godfatherUserSubForm #searchUsers_form, #godfatherTeamSubForm #searchTeams_form {
    clear:both;
    padding-bottom: 10px;
}
#searchUsers_list {
    clear:both;
    padding:25px 0 10px;
}

#userNameLabel, #searchTeamNameLabel {
    font-weight:bold;
    font-size:14px;
    margin-left:0px;
}

#joinTeamForm #teamNameLabel {
    line-height:12px;
}
#godfatherUserSubForm #searchUsers_form p.searchContener {
    float:left;
    width:50%;
    display:inline;
    margin:5px 0;
}

#godfatherUserSubForm #searchUsers_form p.searchButtonContener button {
    margin:15px 0 10px;
}

#godfatherUserSubForm #searchUsers_form p.searchContener span {
    width:200px;
}

#godfatherUserSubForm #searchUsers_form p.searchContener input {
    width:200px;
}

#selectedTeamNote, #selectedUserNote {
    float:right;
}

/**
* 
* Profil détaillé
* 
*/

#detailBox {
    padding-bottom:20px;
}

.activitiesLine {
    margin-top:9px;
}
.activity {
    float: left;
    padding-top: 10px;
    width: 87px;
    height: 100px;
    text-align: center;
    margin-right:3px;
    text-transform:none;
    font-size:10px;
    letter-spacing:normal;
}

.activitiesNote {
    display:block;
    margin:20px 0px 10px;
    text-transform:none;
    letter-spacing:normal;
    font-weight:normal;
}
.selected {
    background-color: #cfd5e3;
}

.detailContener {
    float: left;
    width: 150px;
    margin-right: 7px;
    margin-bottom: 10px;
    letter-spacing:normal;
    color:#231f20;
    font-size:11px;
    font-weight:bold;
    text-transform:none;
}
.detailContener span {
    font-weight:normal;
}
.activityName {
    padding-top:8px;
    display:block;
}
.detailContener .inputbox {
    width:130px;
}
#detailButton, #proButton, #searchButton {
    float:right;
    display:inline;
    margin-right:52px;
}
#proButton, #searchButton {
    margin-right:109px;
}
#detailButton {
    margin-right:10px!important;
}
.likesContener, .dislikesContener {
    padding-top:15px;
    clear:both;
}
.likesContener .detailTitle, .dislikesContener .detailTitle {
    margin-bottom:10px;
}


.valueReg {
    display:none;
}

#myPicture {
    width:250px;
    height:310px;
    overflow:hidden;
}
.profilPic  {
    width:250px;
    height:310px;
    background-color:#E2E3E5;
}


#pictureBox #myAlbum {
    float:left;
    display:inline;
    width:202px;
    
}
#myAlbum .thumb {
    margin-right:4px;
}

#pictureBox .account {
    width:48px;
    float:left;
    display:inline;
    padding:5px 0;
}
/**
* 
* Profil pro
* 
*/
#proBox, #searchBox {
    padding-left: 0px;
    padding-bottom:20px;
}
p.proContener span {
    float:left;
    width:357px;
    clear:left;
    line-height:19px;
    margin:2px 0;
}
p.searchContener span {
    float:left;
    width:200px;
    clear:left;
    line-height:19px;
    margin:2px 0;
}
.proContener span.select, p.searchContener span.select {
    float:none;
    display:inline;
    width:235px;
    clear:none;
    line-height:normal;
}
.proContener select.styled, p.searchContener select.styled {
    width:252px;
    color:#ffffff;
    font-size:12px;
    background-color:#acb0b5;
    letter-spacing:normal;
    text-transform:none;
}
.proContener select.styled {
    width:355px!important;
}
.proContener input.inputbox, .searchContener input.inputbox {
    width:235px;
    padding:2px 8px;
    margin:2px 0;
} 
p.searchContener textarea {
    width:235px;
}
textarea#comment {
    width:100%;    
}
p.searchContener span.value {
    float:left;
    clear:none;
    width:240px;
    font-size:10px;
    font-weight:bold;
    text-transform:none;
    letter-spacing:normal;
    color:#525254;
}
p.proContener span.value {
    float:left;
    clear:none;
    width:215px;
    font-size:10px;
    font-weight:bold;
    text-transform:none;
    letter-spacing:normal;
    color:#525254;
}
/**
* 
* Edit Profile
* 
*/
p.infoContener {
    margin:0;
}
.infoContener span {
    float:left;
    width:199px;
    clear:left;
    line-height:19px;
    margin:2px 0;
}
.infoContener span.hpjUserLabel {
    width:199px!important;
}
.infoContener span.hpjUserLabel.error {
    color:#C43336;
}
.infoContener span.select {
    float:none;
    display:inline;
    width:130px;
    clear:none;
    line-height:normal;
}
.infoContener select.styled {
    width:149px;
    color:#ffffff;
    font-size:12px;
    background-color:#acb0b5;
    letter-spacing:normal;
    text-transform:none;
}
.infoContener input.inputbox {
    width:131px;
    padding:2px 8px;
    margin:2px 0;
} 


/**
* 
* Recherche
* 
*/

#box-search {
    margin:20px 5px 0;
    background-color:#ecedee;
    padding:10px 20px;
}
.hpjdetailedSearch h1 {
    margin-bottom:10px;
}

div.filter, .noProFilter, .proFilter {
    float:left;
    width:160px;
}
body.page-recherche div.filter, body.page-recherche .noProFilter, body.page-recherche .proFilter {
    width:157px;
}
div.filter label, div.filter span.hpjUserLabel, .noProFilter label, .proFilter label {
    display:block;
    text-transform:none;
    letter-spacing:normal;
}
#searchFilters label {
    font-size:10px;
}
div.filter .inputbox {
    width:130px;
    margin:3px 0 0;
    padding:2px 8px;
}
div.filter span.select, .noProFilter span.select, .proFilter span.select {
    width:130px;
    margin:3px 0;
}

div.filter select.styled, div.proFilter select.styled {
    width:148px;
    margin:3px 0;
    color:#ffffff;
    font-size:12px;
    background-color:#acb0b5;
    letter-spacing:normal;
    text-transform:none;
}

.noProFilter select {
    width:148px;
    margin:3px 0;
    font-size:12px;
    letter-spacing:normal;
    text-transform:none;
}
.hpjNoProSearch {
    clear:both;
    background-color:#d8d8d9;
    margin:25px -20px 15px;
    padding:12px 20px;
}
.hpjProSearch {
    clear:both;
    background-color:#d8d8d9;
    margin:0px -20px 15px;
    padding:12px 20px;
    position:relative;
}
#hpjDetailedSearchForm .toggler {
    margin:25px -20px 0;
    padding:12px 35px;
    clear:both;
    background:#d8d8d9 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/recherche-pro.png) no-repeat 20px 15px;
    display:block;
    color:#294cc1;
    letter-spacing:normal;
    text-transform:none;
    font-weight:bold;
}

#hpjDetailedSearchForm .toggleropen {
    background:#d8d8d9 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/recherche-open.png) no-repeat 20px 15px;
}
input#advSearchButton, input#advCancelButton {
    float:right;
    margin:0 1px 0 2px;
}
input#advCancelButton {
    margin-right:15px;
}

#searchResults {
    clear:both;
    margin:0px 5px 20px;
    background-color:#ecedee;
    padding:25px 20px 10px;
}
body.page-recherche #box-search, body.page-recherche #searchResults {
    float:left;
    display:inline;
    width:473px;
    clear:left;
}
.topnav {
    clear:both;
    text-align:right;
    color:#4C4C4C;
    letter-spacing:1.3px;
    padding-bottom:13px;
    border-bottom:1px solid #9fa0a0;
}
.bottomnav {
    clear:both;
    text-align:right;
    color:#4C4C4C;
    letter-spacing:1.3px;
    padding-top:13px;
}
.userBadge {
    clear:both;
    padding:25px 60px 25px 0;
    border-bottom:1px solid #9fa0a0;
    position:relative;
    text-transform:none;
    min-height:62px;
    font-weight:bold;
}
.userBadge .date {
    font-weight:normal;
    display:block;
    font-size:10px;
    letter-spacing:1px;
    text-indent:15px;
    color:#666666;
}
.userBadge br {
    line-height:5px;
}
.username a:link, .username a:visited, .username a:hover, .username a:active{
    color:#2365fb;
    font-weight:bold;
}
span.online {
    color:#7fdd04;
    font-weight:bold;
    padding-left:15px;
}
.infos-badge {
    padding-left:87px;
}
span.account {
    position:absolute;
    top:33px;
    right:10px;
}
span.account img {
    width:auto!important;
}

.userBadge .lastLogin {
    padding-left:87px;
    font-size:10px;
    font-weight:normal;
    letter-spacing:normal;
    margin-top:3px;
    color:#4C4C4C;
}

.userBadge .lastLogin .lastLoginLabel {
    font-weight:bold;
    color:#F95F00;
}
#hpjUserListWrapper {
    margin:20px 5px;
    background-color:#ecedee;
    padding:10px 20px 30px;
}

body.favoris #hpjUserListWrapper, body.vu-fiche #hpjUserListWrapper {
    margin:20px 5px;
    background-color:#ecedee;
    padding:10px 20px 30px;
    float:left;
    width:473px;
}



#searchWrapper #searchTitle, #rankingWrapper #rankingTitle {
    display:block;
    margin:0 0 20px;
}
#searchWrapper p.searchContener {
    float:left;
    display:inline;
    width:50%;
    margin:5px 0;
}
#searchWrapper p.searchContener span {
    width:100px;
}

#searchWrapper p.searchContener input {
    width:190px;
}

#searchComplete_form .searchButtonContener button {
    /*margin:5px 0 5px 100px;*/
    float:right;
}

#searchComplete_list {
    clear:both;
    margin:25px 0 0;
}
/***
Paramètres
***/

div.param-box {
    margin:20px 5px;
    background-color:#ecedee;
    padding:10px 20px 30px;
}

._myParamTitle {
    margin-bottom:30px;
}

._myParamSectionTitle {
    font-size:14px;
    font-weight:bold;
    text-transform:none;
    letter-spacing:1px;
    border-bottom:1px solid #9fa0a0;
    padding-bottom:8px;
}

._myParamSectionTitle a.togglers {
    float:right;
    color:#2365fb;
    font-size:11px;
    font-weight:normal;
}
._myParamSectionContent {
    padding:12px 0!important;
    text-transform:none;
    letter-spacing:1px;
}

#newMail ._intro, #emailAlerts ._intro, #language ._intro  {
    margin-bottom:35px;
    display:block;
}

#newMail span.hpjUserLabel, #changePasswordForm span.hpjUserLabel, #emailAlerts span.hpjUserLabel, #language span.hpjUserLabel {
    font-weight:bold;
    float:left;
    display:inline;
    margin-right:10px;
    clear:left;
}
#newMail span.hpjUserLabel, #changePasswordForm span.hpjUserLabel, #language span.hpjUserLabel {
    width:230px;
    text-align:right;
}
#emailAlerts div.alertLine{
    position:relative;
    clear: both;
}
#emailAlerts span.hpjUserLabel{
    width:400px;
}
#newMail #email_label, #changePasswordForm span.hpjUserLabel, #emailAlerts span.hpjUserLabel, #language span.hpjUserLabel{
    padding:4px 0;
}
#language span.select {
    display:inline;
    
}
#language select {
    float:none;
    padding:1px 8px;
    width:194px;
    }
#emailAlerts p input{
    width:20px;
    margin:7px 0;
    vertical-align:middle;
}
#emailAlerts p input[type="radio"]{
    margin:7px 10px;
    width:13px;
}
#newMail input.button, #changePasswordForm input.button, #emailAlerts input.button, #language input.button {
    margin-left:240px;
    margin-top:10px;
    clear:left;
}

._intro_upper {
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    margin:20px 0;
}

.param-box textarea {
    background-color:#FFFFFF;
    border:1px solid #466BC1;
    color:#5E5B5B;
    width:389px;
}
._myParamSectionContent p {
    line-height:17px;
    margin:0;
}
#disableAcc input, #dontDisableAcc {
    margin:3px 15px 3px 0;
}

#dontDisableAcc {
    line-height:23px;
}
#disableAcc input.button {
    float:left;
    margin:3px 5px 3px 0;
    height:22px;
}
/***
Messages
***/

#inboxMenu {
    background-color:#E2E3E5;
    margin:20px 5px -20px;
    padding:10px 20px;
    height:20px;
    position:relative;
}


.menuButton{
    border:1px solid #5B595A;
    background:transparent url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-btn-gris.jpg) repeat-x scroll left top;
    height:19px;
    float:left;
    display:inline;
    width:170px;
    text-align:center;
    margin-right:5px;
}
.menuButton.active {
    background:transparent url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-btn-bleu.jpg) repeat-x scroll left top;
    border:1px solid #0335AD;
    }
.menuButton a:link, .menuButton a:visited, .menuButton a:hover, .menuButton a:active{
    color:#FFFFFF;
    display:block;
    height:19px;
    line-height:20px;
}
.message-box {
    margin:20px 5px 20px;
    background-color:#ecedee;
    padding:10px 17px 30px;
    width:478px;
    float:left;
}

#inboxMenu #arnaques {
    position:absolute;
    top:10px;
    right:20px;
    text-transform:none;
    letter-spacing:normal;
    height:20px;
    line-height:20px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/protection.png) no-repeat top left;
    padding-left:25px;
    font-size:12px;
}

#inboxMenu #arnaques a:link, #inboxMenu #arnaques a:visited, #inboxMenu #arnaques a:hover, #inboxMenu #arnaques a:active {
    color:#c03032;
}
.pageTitle {
    margin-bottom:30px;
}

.threadContainer {
    clear:left;
    padding:10px 30px 10px 0;
    border-bottom:1px solid #9fa0a0;
    position:relative;
    text-transform:none;
    min-height:62px;
}

#threadList .new {
    background-color:#DCE2EE;
}

.threadContainer input.deleteButton, button.deleteButton {
    position:absolute;

    right:16px;
    top:50%;
    margin-top:-10px;
    width:20px;
    height:21px;
    border:none;
    background:transparent url(/components/com_hpjuser/assets/images/trash.jpg) no-repeat top left;
    padding:0;
    cursor:pointer;
}
.userBadge .smallAccount {
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-47px;
}

.microBlogline button.deleteButton {
    right:8px;
}

.thread .thumbnail img {
    float:left;
    margin:0 10px;
}

span.friendPseudo {
    font-weight:bold;
    color:#2365fb;
    
    letter-spacing:1px;
    overflow:hidden;
    
}
div.message-from-when {
    float:left;
    width:140px;
    display:inline;
    margin-right:10px;
}
span.re, span.subject, span.messageBody {
    color:#2365fb;
    font-size:10px;
    letter-spacing:1px;
}

span.messageBody {
    display:block;
    margin-top:5px;                                       
}
div.when {
    margin-top:5px;
    letter-spacing:1px;
    color:#514f51;
}

#myMessages {
    margin:15px 0 5px;
    padding:0px 0 10px;
}
.myMessageHeader {
    margin-left:126px;
    text-transform:none;
    color:#5b5a5b;
}
.myMessagesTitle {
    color:#2365fb;
    font-size:18px;
    font-weight:bold;
    text-transform:none;
    margin-bottom:3px;
}
.myMessageHeader .you, .myMessageHeader .friendUsername {
    color:#2365fb;
}
#myMessages .message {
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/messages-inbox.jpg) no-repeat top left;
    padding:10px 40px;
    margin:0;
    text-align:left;
}
#myMessages .friendPseudo {
    color:#2365fb;
    font-weight:bold;
}
#myMessages ._expanded {
    min-height:62px;
    margin:0 -38px 0 -40px;
    background:transparent url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/messages-inbox-bas.jpg) no-repeat scroll left bottom;
    padding-bottom:6px;
}
#myMessages ._expanded div{
    padding:5px 40px;
    border-left:1px solid #b8b8ba;
    border-right:1px solid #b8b8ba;
}
#myMessages .thumbnail img {
    float:left;
    clear:left;
    margin-right:20px;
    border:1px solid #2365fb;
}
#myMessages span.when {
    width:77px;
    padding:0 5px;
    float:none;
    display:inline;
    color:#514f51;
    letter-spacing:normal;
    text-transform:none;
    font-size:10px;
}
#myMessages span.messageBody {
    text-transform:none;
    color:#5b5a5b;
    letter-spacing:1px;
    width:310px;
    float:right;
    display:inline;
}
#hpjReplyForm {
    background-color:#D8D8D9;
    padding:12px 60px;
    margin:0px -17px 0;
    clear:both;
}

#hpjReplyForm textarea {
    height:125px;
    width:374px;
    margin:12px 0;
}
a#reply_link {
    font-weight:bold;
}
#messageBodyDiv input {
    display:block;
}

#signalAbuse {
    float:right;
    margin-bottom:10px;
}
._returnDiv {
    margin:30px 0 0;
    font-size:10px;
    letter-spacing:1px;
}

form#hpjCreateForm label {
    float:left;
    clear:left;
    width:150px;
    margin:3px 0;
    font-weight:bold;
    letter-spacing:1px;
}
form#hpjCreateForm span, form#hpjCreateForm input, form#hpjCreateForm textarea {
    margin:3px 0;
    float:left;
}
form#hpjCreateForm .subjectContener input {
    width:334px;
}
form#hpjCreateForm .message-btn {
    margin-left:150px;
}
form#hpjCreateForm .message-btn input {
    margin-right:3px;
}

form#hpjCreateForm a.button {
    height:16px;
    margin-top:3px;
    line-height:18px;
}


/**
* 
* Microblog
* 
*/
dl#microblogTab {
    float: right;
}
dl#microblogTab dt {
    display: inline;
    float: left;
    width: 155px;
    text-align:center;
    padding-bottom: 39px;
    background: #bfcdeb url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/img-suis.jpg) no-repeat bottom left;
    color: #265de2;
}
dl#microblogTab dt.open {
    background: #f67225 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/img-suis.jpg) no-repeat bottom right;
    color: #ffffff;
}
dl#microblogTab dt#followersPanel, dl#microblogTab dt#followersPanel.open {
    background-image:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/img-suivent.jpg)!important;
    margin-left:1px;
}
dl#microblogTab dt span{
    display:block;
    width:155px;
    border-bottom:1px solid #7fa0ee;
    padding:5px 0;
}
/**
* Liste des microblogs
*/
#microBlogBox {
    background-color: #ecedef;
}
#formBox {
    margin-bottom: 20px;
}
#listBox .date, .microBlogline .date {
    font-size: 10px;
    color:#514f51;
}
#listBox .microBlog, .microBlogline .microBlog {
    font-size: 11px;
    color:#231f20;
    font-weight:bold;
}

/**
* Recherche
*/
#microblogSearchBox {
    width: 311px;
    padding-bottom: 10px;
    float: right;
    background-color: #ecedef;
    text-align:right;
}
#microblogSearchBox .searchInput {
    padding:5px 10px;
    border-width:1px;
}
.searchInput {
    margin-top: 10px;
    margin-left: 3px;
    padding: 4px 10px;
    font-size: 10px;
    text-transform: uppercase;
    width: 166px;
}
.searchButton img {
    vertical-align: top;
    margin-top: 10px;
}

/**
* Liste d'amis
*/

#microBlogGeneralBox div.nbPeople {
    margin:7px 0;
}
#microBlogGeneralBox .current dd {
    float:right;
    clear:right;
}
#followingBox, #followersBox {
    float: left;
    width: 291px;
    padding-top: 10px;
    padding-left: 20px;
    background-color: #dce2ee;
    text-align: center;
    color: #2560e2;
}
.followerline {
    float: left;
    padding-top: 10px;
    width: 87px;
    height: 90px;
    cursor: pointer;
    text-align: center;
    margin-right:3px;
    text-transform:none;
    font-size:10px;
    letter-spacing:normal;
}
.followerSelected {
    background-color: #bfcdea;
}

/***
*Home
***/

#hpjHomeWrapper #centerBox {
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/accueil-membres.jpg) no-repeat top left;
    margin:0 3px;
    padding:40px 0;
}
#centerBox .whitebox {
    background:transparent url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-transparent-blanc.png) repeat top left;
    letter-spacing:1px;
    
}
#centerBox  #infoBox {
    padding:20px;
    font-weight:bold;
    width:455px;
    float:left;
    display:inline;
}
#centerBox #infoBox span {
    color:#2365fb;
}
#centerBox #infoBox #microBlogLink {
    display:block;
    text-align:right;
}
#centerBox #infoBox textarea {
    width:436px;
    height:75px;
}
#centerBox #infoBox span.help-micro {

    font-weight:normal;
    text-transform:none;
    color:#000000;
    display:block;
    letter-spacing:0.5px;
    padding:5px;
}

#statsBox {
    float:left;
    display:inline;
    background:transparent url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-gradient-orange.png) repeat-x top left;
    width:152px;
    padding:20px;
    min-height:209px;
}
#statsBox .title {
    font-size:15px;
    font-weight:bold;
}

#statsBox p {
    text-transform:none;
    margin:10px 0 0;
}

#vipBox {
    margin:0 3px;
    background-color:#4c79e4;
    padding:0 15px;
    position:relative;
}

#vipBox .titleLastProfil {
    height:25px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/titre-nouv-membres.jpg) repeat-x top left;
    color:#ffffff;
    font-size:15px;
    padding:13px 20px 0;
    margin:0 -15px;
}
#vipBox .lastProfil {
    width:125px;
    float:left;
    color:#ffffff;
}

#vipBox .thumbnail {
    width:120px;
    height:120px;
    overflow:hidden;
    position:relative;
}
#vipBox .thumbnail img {
    position:relative;
}

span.lastUsername, .lastAge {
    font-weight:bold;
    display:block;
    margin-top:2px;
    letter-spacing:0.5px;
    font-size:10px;
    width:125px;
    overflow:hidden;
}

/***
* Support
***/

.supportItem{
    float:left;
    padding:10px;
    width:133px;
}
.supportItem.selected {
    background-color:#b3c2e9;
}
.imgSupport{
    overflow:hidden;
    width: 133px;
    height: 170px;
    margin-bottom:10px;
    border:1px solid #676868;
    cursor:pointer;
}
.supportName, .supportTitle{
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/puce.png) no-repeat 0 4px;
    padding-left:14px;
    display:block;
}
#supportForm{
    display:none;
    padding-bottom:15px;
}
#supportForm div.inputbox {
    width:275px;
}
.supportDesc{
    display:none;
    margin:30px 0;
}

#supportTypes {
    /*margin:20px 5px;*/
    padding:10px 20px 30px;
    background:#9FADD2 url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/fond-main-degrade.jpg) repeat-x scroll 0 0;
}

h1#supportTitle {
    height:16px;
    font-size:16px;
    background:url(http://www.granddefoulement.ca/components/com_hpjuser/assets/images/titre-ombre.jpg) no-repeat bottom left;
    padding:25px 30px;
    margin:0 -20px 20px;
}

#supportFooter {
    margin:15px 0;
}


#activation {
    background-color:#ECEDEE;
    margin:20px 5px;
    padding:10px 20px 30px;
}

.hpjUserEnableAction {
    margin-top:10px;
}


/* MEH */

#TeamProfile #descriptionCharsCounter {
    margin-top:22px;
}

#informationsBox a{
    text-decoration:none;
}

#shareProfile img {
    display:inline;
    margin-right:3px;
}


p.textareaValue {
    background-color:#FFFFFF;
    padding:10px;
    border:1px solid #86ADD3;
}

#informationsSubTitle {
    margin-bottom:25px;
}

#hpjUserProfileBox #profileBox {
    margin-bottom:25px;
     min-height: 200px;
}


#userDonationsBox, #godfathersDonationsBox {
    margin-top: 25px;
	clear:both
}

#informationsBox #youtubePlayer {
	margin-bottom:15px;
}
.donationsSubTotal {
    background-color:#BCBCBC;
    padding:2px 6px;
    color:#ffffff;
    font-weight:bold;
    margin-bottom:5px;
}

.donationsTotal {
    padding:2px 6px;
    font-weight:bold;
    font-size:14px;
    margin:10px 0;
    text-align:right;
}
.donationsSubTotal .donationsSubTotalLabel{
    float:left;
    display:inline;
    width:45%;
}

.donationsSubTotal .donationsSubTotalValue {
    float:right;
    text-align:right;
    display:inline;
    width:45%;
}

#listUserDonations_list .tableHeaderLine {
    display: none;
}

#listUserDonations_list tr {
    background-color: #ffffff;  
}

#listUserDonations_list .listTable {
    border: 1px solid #BCBCBC;
}

#listUserDonations_list tr:hover {
    background-color: #fafafa;       
}

#listUserDonations_list .receipt img {
    display:inline;
    text-decoration:none;
    vertical-align:middle;
}

#teamDonationsBox {
    margin-top: 20px;
}

#viewProfile {
    padding-bottom: 25px;
}

.fieldContener #descriptionLabel {
    background: none;
    font-weight: normal;
    padding-left: 0px;
    letter-spacing: 0px;
    color: #000000;
}
.partners {
	text-align:center;
}
.partners img {
	margin: 0 20px 30px;
	display:inline-block;
	max-height:120px;
	
}


.profileFormContener .radioLabel {
    margin:0 7px 0 0;
}

.profileFormContener .radioLabel, .profileFormContener .radioValue {
    vertical-align:middle;
}

.profileFormContener .labelvalue0 {
    margin-right:0;
}
     

form#ranking_form {
    float:left;
    display:inline;
    width:45%;
}

.legendRanking {
    float:right;
    display:inline;
    width:45%;
    text-align:right;
}

.legendRanking span {
	margin-left:10px;
}
.legendRanking i {
	color:#666666;
}
#ranking_list {
    clear:both;
}


.cardtype img {
    vertical-align: middle;
	display:inline;
}

.do-not-validate #postalCodePartUn {
    
     width: 206px;
}
.do-not-validate #postalCodePartDeux {
    
     display: none;
}