/**
 * Tatoeba Project, free collaborative creation of multilingual corpuses project
 * Copyright (C) 2010  HO Ngoc Phuong Trang <tranglich@gmail.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */


/*
 * Navigation
 */
@import url(../elements/navigation.css);


/*
 * Pagination
 */
@import url(../elements/pagination.css);


/*
 * Status colors
 */
@import url(../elements/status_colors.css);


/*
 * Users
 */
.users {
    margin: 20px 0px;
    overflow: hidden;
}

.user {
    border: 1px solid #CCC;
    background: url(../../img/module_background.png) repeat-x bottom left;
    padding: 7px;
    float: left;
    width: 240px;
    margin: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.user .memberSince {
    margin-top: 5px;
}

.memberSince .date {
    color: #888;
    font-style: italic;
}

.user .username {
    font-size: 1.3em;
    line-height: 36px;
}

.user .image {
    float: left;
    margin-right: 7px;
}

.user .status {
    font-weight: bold;
    margin-top: 5px;
}

.status .power {
    float: right;
}

.status img {
    margin: 0px 2px;
}

/*
 * Current contributors
 */
.currentContributor {
    border: 1px solid #DDD;
    margin: 5px;
    padding: 5px;
}

.currentContributor .image {
    float: left;
    margin-right: 10px;
}

.currentContributor .username {
    font-size: 1.2em;
}

.currentContributor .score {
    color: #777;
    font-size: 0.8em;
}

.activityBar {
    float: right;
    border: 1px solid #CCC;
    width: 10px;
    margin: 2px 0px;
}

.activityBar .box{
    height: 5px;
    margin: 1px;
}

.activityBar .level0 {
}

.activityBar .level1 {
    background: #00CBE7;
}

.activityBar .level2 {
    background: #00DA3C;
}

.activityBar .level3 {
    background: #F4F328;
}

.activityBar .level4 {
    background: #FD8603;
}

.activityBar .level5 {
    background: #DF151A;
}