#user {
    background:#FFF url(/web/v1/images/profile-tab-bg-left.png) -180px top repeat-y;
    min-height: 700px;
}
#user div.sidebar {
    float:left;
    width:319px;
}
#user div.sidebar div.bio {
border-top-left-radius:5px;
}
#user div.sidebar div.bio div.photo {
    width: 60px;
    height: 60px;
    border:4px solid #FFF;
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    float: left;
    background-size:contain;
}
#user div.sidebar div.bio div.photo div.edit {
    background: url(/web/v1/images/icons/change-photo.png) 48% 50%;
    height:20px;
    width:20px;
    margin:40px 0 0 40px;
    background-size:cover;
}
#user div.sidebar div.bio div.name {
    width: 195px;
    padding: 12px 0 0 15px;
    float:left;
}
#user div.sidebar div.bio div.name h3 {
    font-size:18px;
}
#user div.sidebar div.bio div.name h4 {
    font-size: 13px;
    padding:3px 0 0 0;
}
#user div.sidebar div.item {
    padding:20px 0px 13px 0px;
    border-bottom:1px dashed #CCC;
}
#user div.sidebar div.item div.icon {
    float:left;
    width:24px;
    font-size: 18px;
    color:#CCC;
    line-height: 1em;
    padding-top:2px;
    padding-left:20px;
    padding-right:10px;
    text-align: center;

}
#user div.sidebar div.item div.text {
    float:left;
    width:245px;
    padding-top:2px;
    line-height: 1em;
}
#user div.sidebar p {
    line-height: 1.4em;
    margin: 15px 0 0 0;
}
#user div.content {
    float: right;
    width:670px;
}
#user div.tab-pane {
    padding:20px 20px;
    min-height: 200px;
}
#user div.tab-content {
}
#user div.blank-state {
    padding:75px 0;
}
#user div.blank-state h1 {
    font-size:60px;
    color:#999999;
    padding:0 0 0 0;
}
#user div.blank-state h3 {
    padding:20px 0 20px 0;
    font-size: 18px;
}
#user div.backed {

}
#user div.tab-pane.loading {
    background:url('/web/v1/images/loaders/light-big.gif') 50% 50% no-repeat;
}
#user div.content ul.tab-nav {
}
#user div.content ul.tab-nav li {
    float:left;
}
#user div.content ul.tab-nav.me li a {
    width:133px;
}
#user div.content ul.tab-nav li a {
    display: block;
    text-align: center;
    color: #ccc;
    width: 222px;
    padding: 22px 0 16px;
    border-right: 1px solid #ccc;
    margin-bottom: -1px;
}
#user div.content ul.tab-nav li:last-child a {
    width: 223px;
}
#user div.content ul.tab-nav li a:hover {
    color:#999;
}
#user div.content ul.tab-nav li.active a {
    color: #08C;
    background:#FFF;
}
#user div.content div.nav {
    background:#F7F7F7;
    border-top-right-radius: 5px;
    border-bottom:1px solid #CCC;
}
#user div.content ul.tab-nav li a span.pictos {
    font-size:18px;
    display: inline-block;
    margin: 0px 5px 0px 0;
}
#user div.content ul.tab-nav li a span.text {
    font-size:14px;
}
#user div.content ul.tab-nav li:last-child a {
    border-right:none;
    border-top-right-radius: 5px;
}
#edit-user-modal div.social-auth-listing {
    background:#EEEEEE;
    border:1px solid #CCC;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    padding:20px 20px 15px 20px;
    margin-bottom:1px solid #CCC;
    border-radius: 3px;
    margin-bottom: 15px;
}
#edit-user-modal div.social-auth-listing div.icon {
    float:left;
    margin-right: 16px;
}
#edit-user-modal div.social-auth-listing div.icon img {
    height:32px;
    width:32px;
}
#edit-user-modal div.social-auth-listing div.provider {
    float: left;
    font-size:18px;
    font-weight: bold;
    padding: 12px 0 0 0;
}
#edit-user-modal div.social-auth-listing div.buttons {
    float: right;
}
#edit-user-modal form {
    padding:0 20px;
}
#edit-user-modal div.field {
    padding-top: 15px;
}
#edit-user-modal div.field label {
    margin-bottom: 2px;
    font-weight: bold;
}
#edit-user-modal div.field.half {
    width: 259px;
    float:left;
}
#edit-user-modal div.field.half input[type="text"] {
    width:235px;
}
#edit-user-modal div.field input[type="text"] {
}
#edit-user-modal div.field.spacer {
    width:20px;
    float:left;
    height: 10px;
} 
#edit-user-modal div.field.full input[type="text"],
#edit-user-modal div.field.full textarea {
    width:515px;
}
#user ul.vertical-company-list {
    border-top:1px dashed #CCC;
}
#user ul.vertical-company-list li {
    padding:20px 10px;
    border-bottom:1px dashed #CCC;
}
#user ul.vertical-company-list li div.logo {
    float:left;
    height:62px;
    width: 100px;
    margin-right: 20px;
    background-color: #FFF;
    border:2px solid #FFF;
    box-shadow: 0 0 3px rgba(0,0,0,.45);
    background-size: cover;
    background-position: 50% 50%;
}
#user ul.vertical-company-list li div.info {
    float:left;
    width:360px;
}
#user ul.vertical-company-list li div.button {
    float:right;
    padding:15px 0 0 0;
}
#user ul.vertical-company-list li h4 {
    font-weight: bold;
    font-size: 16px;
    padding: 15px 0 5px 0;
}
#user ul.vertical-company-list li p {
    font-size:14px;
}