/**
 * Tatoeba Project, free collaborative creation of multilingual corpuses project
 * Copyright (C) 2009-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/>.
 */


/* 
 * Add sentence 
 */
#newSentenceInList {
    margin: 20px 0 40px 0;
}

#newSentenceInList .submit,
#newSentenceInList .input,
.adding-new-sentence-in-list {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
}

#newSentenceInList .input {
    width: 510px;
}

#newSentenceInList .new-sentence-input {
    width: 500px;
}

.adding-new-sentence-in-list {
    display: none;
}


/*
 * List
 */
.sentenceInList {
    margin: 40px 0;
}

.sentenceInList .removeFromList {
    float: right;
    margin: 8px 10px 0px 10px;
}

.sentencesListActions li {
    margin: 10px 0;
}

.publicList {
    color: #4ABC00;
    font-weight: bold;
}

.translationInList {
    margin: 5px 0;
    font-size: 0.8em;
}

.removeFromListButton {
    cursor: pointer;
}

.deleteList a {
    color: #FF2128;
}

.editable-list-name {
    display: inline;
}

.edit-list-name {
    cursor: pointer;
    display: inline;
    margin: 3px 10px;
    color: #4caf50;
    border: 1px solid #4caf50;
    padding: 5px 4px 2px 5px;
    border-radius: 15px;

}

.edit-list-name-form {
    display: inline;
}

.edit-list-name-form input {
    border: 1px solid #CCCCCC;
    font-size: inherit;
    min-width: 400px;
    max-width: 400px;
    max-height: 24px;
}

.edit-icon {
    display: inline-block;
}

.loader-container {
    display: inline-block;
    vertical-align: bottom;
}