/* -------------------------------------------------------------- 
 
 _profile.css
 * css for profiles
 * @author    julien bidoret
 * @copyright (c) 2008, oxys.net
 * @date      26 juin 2009
 * @version   0.4
 
-------------------------------------------------------------- */


/* Babelians (home + community)
---------------------------------------------------------------------------------------------------*/

#ie6 #babelians h3 { width:320px; overflow:hidden;}
#babelians h3 { overflow:hidden; height:1.2em; white-space:nowrap; margin:0 0 .6em 0}
#babelians ul { margin-right:-6px }
#babelians li { height:50px; width:50px; overflow:hidden; float:left; margin:0 4px 6px 0 }
#babelians li.last{ margin-right:0}
.span-1 #babelians li { height:50px; width:50px; overflow:hidden; float:left; margin:0 5px 5px 0 }


/* Register 
---------------------------------------------------------------------------------------------------*/

#register-form .inline-checkbox { padding-left:110px }
#register-form .checkbox-input {  }
#register-form .inline-checkbox label {
    display:inline;
    text-align:left;
    width:430px;
    }
    #register-form .inline-checkbox span.error {
    margin-left:0
    }




/* Profile 
---------------------------------------------------------------------------------------------------*/

/* Profile nav
---------------------------------------------------------------------------------------------------*/

.profile-border { border:1px solid #e7e7e7; padding:18px}

#profile-nav ul{
	height:25px;
    overflow:hidden;
    border-bottom:4px solid #a23a02
	}
.profile-nav ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	}
#profile-nav ul li {
	position:relative;
	float:left;
	background:url("img/profile-nav.png") no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 0 2px;
	}
#profile-nav ul a {
	float:left;
	display:block;
	background:url("img/profile-nav.png") no-repeat right top;
	padding:5px 15px 2px 13px;
	text-decoration:none;
	font-size:inherit;
    text-transform:none;
    text-indent:0;
    width:auto; height:auto;
	color:#444;
	}
#profile-nav ul li:hover {
    background-position:0 -100px;
    }
#profile-nav ul a:hover {
	background-position:100% -100px;
    color:#000; 
    }
.profile-nav-display #profile-nav-display,
.profile-nav-write #profile-nav-write,
.profile-nav-translate #profile-nav-translate,
.profile-nav-publish #profile-nav-publish,
.profile-nav-contributions #profile-nav-contributions,
.profile-nav-messages #profile-nav-messages, 
.profile-nav .profile-current {
	background-position:0 -50px;
	top:-3px;
	}
.profile-nav-display #profile-nav-display a,
.profile-nav-write #profile-nav-write a,
.profile-nav-translate #profile-nav-translate a,
.profile-nav-publish #profile-nav-publish a,
.profile-nav-contributions #profile-nav-contributions a,
.profile-nav-messages #profile-nav-messages a, 
.profile-nav .profile-current a {
	background-position:100% -50px;
	color:#fff;
	font-size:16px; font-weight:bold;  
	}



.profile-intro, #profile-contribs, .profile-post, #profile-about{margin-bottom:2.5em}

#profile-about:empty, #profile-contribs:empty{ margin:0}

/* smalltools ------------------------------------------------*/
.smalltools { font-size:11px; color:#999; height:1em}
    
    .smalltools span {cursor:pointer}
    .smalltools span:hover,
    .smalltools a:hover,
    .smalltools a.active{color:#444; text-decoration:underline;}
    
/* Avatar ------------------------------------------------*/
.avatar{float:left; border:1px solid #ddd; background:#fff; padding:4px; height:50px; width:50px; display:block;text-align:center}

    .avatar-bigger{ width:170px; height:170px;  }
        .avatar-bigger span, .avatar-bigger strong, .avatar-bigger a{ line-height:168px;  }
    
    .avatar-big{ width:150px; height:150px;  }
        .avatar-big span, .avatar-big strong, .avatar-big a{ line-height:148px;  }
        
    .avatar-medium{ width:90px; height:90px;  }
        .avatar-medium span, .avatar-medium strong, .avatar-medium a{ line-height:88px; }
        
    .avatar-small{width:50px; height:50px;}
        .avatar-small span, .avatar-small strong, .avatar-small a{ line-height:50px; }
        
        .avatar ul li a, .avatar ul li span{line-height:1}
        
    .avatar img { vertical-align:middle; }
    
/* Profile display 
---------------------------------------------------------------------------------------------------*/

.profile-about{clear:both;}
    #profile-about-intro {clear:both; position:relative;}
    #profile-about ul#switch-language{float:right; margin:0; width:164px; position:relative;}
    #profile-about .more-block {display:none}
    #profile-only-one-language #profile-about p.more-block {display:block !important; display:block;}
    
    
	#profile-about-more{border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:1.25em 0 .25em; margin:.5em 0}
	.question-answer{margin-bottom:1em}
    .js #profile-about-more {display:none}
    
        /*
        .js .profile-only-one-language #profile-about-more, 
        .profile-only-one-language #profile-about-more {display:block}
        */
    
/* profile-inline-tools ------------------------------------------------*/
    .profile-inline-tools {
        display:none;
        float:right; 
        position:relative; 
       }
       .profile_block-hover .profile-inline-tools {display:block}
       
    .profile-inline-tools a{
        right:0;
        position:absolute;           
        cursor:pointer; z-index:4010; background:#fff; white-space:nowrap; padding:3px 9px 4px; 
        background:#b0b0b0 url(img/submit-grey.png) repeat-x;  -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px;
        }
        .profile-inline-tools a, 
        .fix-profile-inline-tools a{ 
            color:#779802/*profile-default*/;
            line-height:1 !important;        
            }
        .profile-inline-tools a:hover,
        .fix-profile-inline-tools a:hover{color:#000}
        
    
        #user-avatar {position: relative; text-align:left;  text-align:center;}
        #user-avatar strong { }
        #user-avatar .profile-inline-tools{ line-height:12px}
    
    .profile-invitation{ display:block; color:#779802/*profile-default*/; padding:10px; margin-bottom:20px; border:1px solid #e7e7e7; background:#fff url(img/box-white-bg.png) repeat-x;  -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px; }
    
/* ------------------------------------------------*/


    
#profile #private-message-form,
#profile #comments-form { padding:0 }
    #profile #private-message-form label,
    #profile #comments-form label { width:160px; margin-right:20px }
    
    #profile #private-message-form input.text-input,
    #profile #private-message-form textarea.textarea-input,
    #profile #comments-form input.text-input,
    #profile #comments-form textarea.textarea-input { width:370px; }
    
        #ie6 #profile #private-message-form input.text-input,
        #ie6 #profile #private-message-form textarea.textarea-input,
        #ie6 #profile #comments-form input.text-input,
        #ie6 #profile #comments-form textarea.textarea-input { width:347px;  margin:0 }
    
    #profile #private-message-form textarea.textarea-input,
    #profile #comments-form textarea.textarea-input { height:80px; }
    
    #profile #private-message-form .x-form-check-wrap,
    #profile #comments-form .x-form-check-wrap{
        margin-left:180px;
        }
        
        #profile #comments-form label[for="private-message-comments"],
        #profile #private-message-form label[for="private-message-private"] {
            display:inline;
            float:none;
            padding-left:10px;
            text-align:left;
            }
            
    #profile #private-message-form .field span.error,
    #profile #private-message-form .field span.hint,
    #profile #comments-form .field span.error, 
    #profile #comments-form .field span.hint { margin-left:180px}
    

#profile-post-invitation {display:block; margin:0 0 20px}

    

    
    
/* wall
---------------------------------------------------------------------------------------------------*/
#wall{ position:relative; }
    /*
    #wall .loading-container {background:fff; position:absolute; top:0; bottom:0; width:100%; min-height:50px; }
    #ie6 #wall .loading-container {background:#fff url(img/box-white-bg-ie6.png); height:100%; bottom:0; position:absolute; width:100%; }
    #wall .loading { position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; background:url(img/loading-24.gif) no-repeat 0 50%;  height:50px; width:24px; float:none;}
    */
    
    .profile-contribs{border-bottom:1px solid #e7e7e7; padding-bottom:.25em }
    
    
        .profile-contrib h4 { border-width:0; margin-bottom: 0; font-size:1.6em; font-weight:normal; }
        .profile-contrib .span-2 img{margin-bottom:.5em; }
        .profile-contrib .span-1{font-size:11px; text-align:right; color:#999;}
            .profile-contrib .span-1 p.post-label{background:#999; margin:0; color:#fff; padding-right:4px}
            
        
        .profile-contrib{border-top:1px solid #e7e7e7; padding-top:1em; margin:.5em 0 2em}
        
        .profile-contrib-article{}
        .profile-contrib-gallery{}
        .profile-contrib-video{}
        .profile-contrib-comment{}
        .profile-contrib-topic{}
        .profile-contrib-forumcomment{}
        .profile-contrib-blogpost{}
        .profile-contrib-blogcomment{}
        .profile-contrib-usercomment{}
            .profile-contrib-usercomment p.usercomment{font: normal 1.6em/1.1em Georgia,"Times New Roman", Times, serif; font-style:italic; color:#999; }
            .profile-contrib-usercomment p.usercomment:before{content:"“"; color:#444; font-size:2.2em; line-height:10px; vertical-align:text-bottom;}
        .profile-contrib-statusupdate{}
        
        
        .profile-contrib-usercomment .avatar{ float:right;}
        
        /*
        .post-label-comment span{ background:url(img/ico/post-label-comment-ico.png) no-repeat 0 50%; padding-left:15px}
        .post-label-babelblog span{ background:url(img/ico/post-label-babelblog-ico.png) no-repeat 0 50%; padding-left:15px}
        */
       
.profile-toolbox-interact,   
.profile-toolbox {border-top:1px solid #e7e7e7; margin:0; padding: .5em 0 0 0;}    
    .profile-toolbox-interact li,
    .profile-toolbox li {border-bottom:1px solid #e7e7e7; list-style-type:none; color:#b4b4b4; padding:0 0 .5em 0; margin:0 0 .5em 0}
        .profile-toolbox-interact li li,
        .profile-toolbox li li {border-width:0px; padding:0; margin:0}
    .profile-toolbox-interact label, .profile-toolbox-interact span
    .profile-toolbox label, .profile-toolbox span{ color:#444; }
    .profile-toolbox-interact p.field,
    .profile-toolbox p.field{margin:0}
    .profile-toolbox-interact li select {width:310px}
    .profile-toolbox-interact label[for~=owner-blog-list]{ display:block !important; margin:0 0 4px}
    
    
    
/* .ox-popup-form & .ox-popup-message
---------------------------------------------------------------------------------------------------*/

    

    
    .ox-popup-form h1,
    .ox-popup-message h1 { font-size:24px; margin-bottom:20px; }

    .ox-popup-message .intro, 
    .ox-popup-form .intro  { margin-bottom:20px; line-height:1.4 }

    .ox-popup-form p.field{position:relative;}
    
    .ox-popup-form textarea{ height:50px }
    
    .ox-popup-form .cloned_field{margin:1.5em 0 0 110px ; clear:left; display:block; float:left; display:inline} 
    
    .ox-popup-form .checkbox-label {
        float:right;        
        text-align:left;
        padding-left:20px;
        line-height:1.4;
        width:348px;
        display:inline;
        margin-left:0
        }
        .checkbox-label span{ clear:left; display:block; text-indent:0; color:#999; }
        
    
    .checkbox-input{
        display:inline;
        margin-right:5px;
        float:left;
        }    

    .ox-popup-form .checkbox-input    {
        margin-left:110px;
        position:absolute;
        zoom:1;
        }
        
    
    
    /* .ox-popup-form special forms ----- */
   
    /* multi checkboxes  ----- */
    #edit-newsletters-popup-form .more {line-height:1.1; color: #247694/*link-default*/; cursor:pointer; }
    #edit-newsletters-popup-form label { margin-right:5px}
    .ox-popup-form .checkbox-input,
    #edit-newsletters-popup-form .checkbox-input{
        margin-left:0;
        position:inherit;
        }
    .option-container { padding-top:6px; display:block;}
    .option-container div { padding:4px 0 0 20px; clear:both;  }
    .option-container .checkbox-input{margin-left:0}
    
    /* map positionning form  ----- */
        #popup-map-container { clear:both; margin:1.5em 0 0 110px;  font-size:Arial Black; }
        #popup-position-form { margin:0 0 1.5em 110px; }
    

    
    /* radio group  ----- */
    .radio-container { display:block;} 
    .radio-container .x-form-check-wrap { float:left;  position:relative; display:block;}
    .radio-container .radio-input{
        left:25px;
        position:absolute;
        }
    .radio-container label {
        background:transparent url(img/ico/minipicto.png) 0 0 no-repeat;
        display:block; 
        height:12px; 
        padding:16px 0 0 28px;
        width:18px;
        }
    .radio-container label[for~=gender_U] { background-position: 0 0}
    .radio-container label[for~=gender_M] { background-position: 0 -50px}
    .radio-container label[for~=gender_F] { background-position: 0 -100px}
    
    
    
   


/* map  ----- */

.babelians-map-users {background:#ededed; -moz-border-radius:0 0 4px 4px;  -webkit-border-radius:0 0 4px 4px;  border-radius:0 0 4px 4px; padding:10px;border-top:1px solid #fff}    
    .babelians-map-users a{font-weight:bold; }
    .babelians-map-users {position:relative;}
    
    .main-user em,
    .pink-user em,
    .yellow-user em,
    .green-user em,
    .gray-user em,
    .blue-user em{ 
        display:inline-block;
        font-size:1px;
        overflow:hidden;
        background:url(img/users-mini.png) no-repeat; width:8px; height:10px; text-indent:-9999em
        }
    
    #ie6 .main-user em, 
    #ie7 .main-user em{display:none;}
    

    .pink-user em{background-position:0 -20px}
    .blue-user em{background-position:0 -40px}
    .yellow-user em{background-position:0 -60px}
    .gray-user em{background-position:0 -80px}


h3.warning { background:url(img/ico/ox-ico-alert-48.png) no-repeat; padding-left:50px; height:33px; padding-top:15px; margin-top:.2em }


/* messages privés
---------------------------------------------------------------------------------------------------*/

#msg-write { float:right;}
    
.msg-selector { border-bottom:1px solid #E7E7E7; height:2.5em; margin:4px 0 10px}
    .msg-selector label{}
    .msg-selector select {font-size:inherit;}
    .msg-selector p {float:left; padding-right:10px}
    .msg-selector ul{ list-style-type:none; margin:0}
    .msg-selector li{ display:inline; cursor:pointer; }
    
.msg-panel{
    padding:10px; 
    -moz-border-radius: 0 0 3px 3px;  -webkit-border-radius:0 0 3px 3px ;  border-radius:0 0 3px 3px ;
    overflow:visible;
}
.msg-panel:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
    
    
.msg-list { width:100%; background:#fafafa}   
     .msg-list thead {}
     .msg-list th {
        color:#666666; 
        font-weight:700;
        }
    .msg-list th, .msg-list td {
        border-bottom:1px solid #E7E7E7;
        padding:5px 0 5px 5px; 
        }
    
    .msg-list .unread td {background:#fff } 
    .msg-list .unread .msg-subject { font-weight:700 }
    
    .msg-list .spam td {background:#666; color:#999 }
    .msg-list .spam td a {color:#999 } 
    
    
    .msg-list-exp, .msg-list-dest { width:120px; }
    .msg-list-date {width:140px; }
    .msg-list-select, .msg-list-delete { width:30px}
    
    /* message tools ------------------------------------------------*/
    .msg-delete,.msg-reply, .msg-flag,
    .contact-remove, .contact-write, .contact-blacklist, .contact-whitelist  {
        -moz-border-radius: 3px;  -webkit-border-radius: 3px ;  border-radius:3px ;
        display:block; height:21px; width:21px;text-indent:-9999em;
        background:#9ba903 url(img/submit-grey.png)  repeat-x;
        color:#666;
        }
        .msg-reply:hover, .contact-write:hover, .contact-whitelist:hover  {
            background:#9ba903 url(img/submit-green.png)  repeat-x;
            color:#fff;
            }
        .msg-delete:hover, .msg-flag:hover, .contact-remove:hover, .contact-blacklist:hover {
            background:#9ba903 url(img/submit-red.png)  repeat-x; 
            color:#fff;
            }
    .msg-delete span,.msg-reply span, .msg-flag span,
    .contact-remove span, .contact-write span, .contact-blacklist span, .contact-whitelist span  {     
    display:block; height:22px; width:22px; background-image:url(img/messages-icons.png); background-repeat: no-repeat; text-indent:-9999em}
    
    .contact-actions a {float:left;}
    
    .contact-remove:hover span,
    .msg-delete:hover span { background-position:0 -44px}
    .unread .msg-delete span { background-position:0 -22px}
    .unread .msg-delete:hover span { background-position:0 -44px}
    
    .msg-reply span { background-position:0 -88px}
    .msg-reply:hover span { background-position:0 -110px}
    .msg-flag span { background-position:0 -132px}
    .msg-flag:hover span{ background-position:0 -154px}
    .contact-write { text-indent:0px; width:auto; padding:0; line-height:22px}
    .contact-write span { background-position:0 -176px; text-indent:14px; width:auto; padding:0px 8px 0; line-height:22px}
    .contact-write:hover span{ background-position:0 -198px}
    .contact-blacklist span { background-position:0 -220px}
    .contact-blacklist:hover span{ background-position:0 -242px}
    .contact-whitelist span { background-position:0 -264px}
    .contact-whitelist:hover{ span background-position:0 -286px}
    
    
    
#full-msg {}
#full-msg .avatar {margin-right: 20px}
    .full-msg-text { margin:1em 0}
    
.full-msg-actions { border-bottom:1px solid #E7E7E7; height:2.5em; list-style-type:none;  margin:0; padding-left:120px}
.full-msg-actions li {display:block; float:left; margin:0 10px 0 0} 
.full-msg-actions a { text-indent:0px; width:auto; height:auto;  -moz-border-radius:4px;}
.full-msg-actions a span{ text-indent:14px; width:auto; height:auto; padding:2px 8px;}



#contacts-list {}
    #contacts-list .contacts{ list-style:none; margin:1em 0 0}
    #contacts-list .contacts li { border-bottom:1px solid #E7E7E7; height:60px; padding:5px 0; line-height:60px}
        #contacts-list .avatar { float:left; margin-right:20px; line-height:50px }
        #contacts-list .contacts ul {float:right;}
            #contacts-list .contacts ul li {display:block; float:left; border-width:0; height:auto; line-height:normal; margin-top:15px; margin-left:4px}


#msg-write {}
    #msg-send {margin:1em 0}
    #msg-send label{ width:90px; margin-right:20px; display:block; float:left}
    #msg-send .text-input, #msg-send .textarea-input{width:420px }
    #msg-send .textarea-input{height:80px }
    #msg-send .select-input { width:430px }
    p.msg-submit {text-align:right; margin-bottom:0}
    
    
    
#msg-spam-message {padding:1em; border:1px solid #e7e7e7; margin:1em 0}    

    
/* Workflow
---------------------------------------------------------------------------------------------------*/

.workflow-filters { background:#eee url(img/box-bg.png) repeat-x; margin-bottom:2.5em; padding:15px 15px 10px}
.workflow-filters h4 {float:left; width:100px; border:none; border-top: 1px solid #ddd; padding:5px 0; font-size:100%;}
.workflow-filters p { width:420px; margin-left:10px; border-top: 1px solid #ddd; padding:5px 0; float:left; margin-bottom:0 }
.workflow-filters div {clear:left}
.workflow-filters label { margin-right:10px; text-align:left;}
    .workflow-filters label[for="alerts"] {float:none; display:inline}
    .checkbox-container span{width:120px; float:left; height:18px; display:block;}

/* dirty double margin attempt */
    #ie6 .workflow-filters p,
    #ie6 .workflow-filters div,
    #ie6 .workflow-filters label,
    #ie6 .workflow-filters h4 { display:inline;}
    #ie6 .checkbox-container span{ margin:0 0 1px 0; display:inline;  }
    #ie6 .checkbox-container span span { display:inline; width:auto; margin:0; float:none;}

.call-item { border-top: 1px solid #e7e7e7; padding:20px 0 }
.call-item h3 { margin-top:0 }
.call-item .call-info { margin:0 0 0.5em; color:#999 }
.call-item .call-info p { margin-bottom:0}

.call { margin-bottom: 30px;}

#original-details{ margin-bottom:2.5em; }

.order-tools{ border:1px solid #e7e7e7; margin:10px 0; padding:5px; color:#999; float:left; display:block; line-height:18px; -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px;}
.order-tools em { float:left; display:block; margin-right:5px; font-style:normal}
.order-tools .move-up,
.order-tools .move-down,
.order-tools .move-last{ float:left}
.order-tools a.disabled{ opacity:.5}

.permanent-call-for-action{ height:92px; background-image:url(img/wf/permanent-bg.png);  margin-bottom:20px; -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px; position:relative; }
.permanent-call-for-action a { display:block; background-repeat:no-repeat; height:92px; text-indent:-9999em; background-position:-8px -92px; position:relative; right:-8px; outline:none; display:block;}
.permanent-call-for-action a:hover { background-position:-8px 0}

.permanent-call-fre a{ background-image:url(img/wf/permanent-fre.png)}
.permanent-call-eng a{ background-image:url(img/wf/permanent-eng.png)}
.permanent-call-ger a{ background-image:url(img/wf/permanent-ger.png)}
.permanent-call-ita a{ background-image:url(img/wf/permanent-ita.png)}
.permanent-call-pol a{ background-image:url(img/wf/permanent-pol.png)}
.permanent-call-spa a{ background-image:url(img/wf/permanent-spa.png)}

.calls-widget { 
    padding: 10px; 
    margin-bottom: 20px; 
    background: #eeeeee url(img/calls-widget.png) repeat-y; 
    overflow:hidden;
    -moz-border-radius:3px ;  -webkit-border-radius:3px ;  border-radius:3px ;
    }
    .calls-widget a {color:#247694}
    .calls-widget a:hover,.calls-widget a:focus { color:#013d63}
    .calls-widget h3 { 
        color:#FFFFFF;
        color:rgba(255,255,255,.95);
        
        font-family:"Arial black", Arial, Helvetica, sans-serif;
        font-size:24px;
        letter-spacing:-0.06em;
        line-height:15px;
        position:absolute;
        text-transform:uppercase;
        }
    .calls-widget .calls { background:#fff; background:rgba(255,255,255,.95); padding:10px; margin:16px 0 0; -moz-border-radius:3px ;  -webkit-border-radius:3px ;  border-radius:3px ;}
    .calls-widget .calls ul{ margin-top:10px;}
    .calls-widget .calls li { border-bottom:1px solid #E7E7E7; padding:0 0 5px; margin:0 0 5px}
    .all-calls { margin:0}