/*TODO: change the file name to Profile*/
.profile
{
 
}

.profile .header
{
    margin-bottom: 20px;
}

.profile .ressume > div
{
    float: left;
    margin: 0px 20px 5px 0px;
}

.profile .ressume > div,
.profile .ressume > div > img
{
    width: 150px;
    height: 150px;
}

.profile .ressume ul li
{
    padding:3px 0px;
}

.profile .ressume ul li span
{
    color: #afafaf;
}

.profileEditMode .ressume ul li>span,
ul.uiEditor li>span
{
    color: #afafaf;
    display:inline-block;
    min-width:60px;
} 

.profileEditMode .additional ul li span
{
    display:inline-block;
    min-width:110px;
} 

.profileEditMode .ressume ul li strong,
ul.uiEditor li strong
{
    display:block;
    padding:25px 0px 5px 0px;
} 

.profile ul.profileSections > li
{
    margin:20px 0px 40px 0px;
}

.profile ul.profileSections > li h2
{
    padding:5px 0px;
    font-size:12px;
    color:#afafaf;
}

.profileEditMode textarea,
.uiEditor textarea
{
    width:500px;
} 

.profileEditMode input.parent
{
    width:162px;
}

ul.pictures
{
    height:140px;
    overflow:hidden;
}

ul.pictures li 
{
    height:140px;
    margin:0px;
}

.profileSidebar .avatar
{
    margin: 20px 0px 15px 0px;
}

#personProfile .ressume
{
    margin-bottom:20px;
}

#personProfile .ressume ul li
{
    margin:0px 2px;
    white-space:nowrap;
}

.wallSection
{
    margin: 20px;
}

.wallSection > .header, .wallSection .footer
{
    margin: 25px 0px 40px 0px;
}

.wallSection > .header > a, .wallSection .footer
{
    float: right;
    padding-left: 10px;
    padding-right: 10px;
}

.wallSection > .header span.desc
{
    display: block;
    margin: 3px 0px;
}

.wallSidebar > div
{
    clear: both;
}


#organizationProfile
{
   min-height:600px;
}