@import "inc/bootstrap";
/*
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; under version 2
 * of the License (non-upgradable).
 *
 * 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 General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 *
 * Copyright (c) 2008-2010 (original work) Deutsche Institut für Internationale Pädagogische Forschung (under the project TAO-TRANSFER);
 *               2009-2012 (update and modification) Public Research Centre Henri Tudor (under the project TAO-SUSTAIN & TAO-DEV);
 *
 */


#control {
    width: 960px;
    height: 17px;
    margin: 0px auto 0px auto;
    background: #f3f3f3;
    font-size: 16px;
    li {
        display: inline;
        font-size: 14px;
        .language {
            color: #000000;
            text-decoration: none;
            padding: 0;
            /*overrides padding set to other link of control*/
            &:link, &:visited {
                color: #000000;
                text-decoration: none;
            }
            &:hover, &:active {
                color: #000000;
                text-decoration: underline;
            }
        }
        .action {
            color: #000000;
            text-decoration: none;
            &:link, &:visited {
                color: $info;
                text-decoration: underline;
            }
            &:hover, &:active {
                color: $logoRed;
                text-decoration: underline;
            }
        }
        #username {
            color: #000000;
            font-weight: bold;
            font-style: normal;
        }
        #connecteduser {
            font-style: normal;
        }
    }
}



.hintMsg {
    float: left;
    width: 80%;
    color: #888;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.tileLabel {
    float: right;
    margin-top: 0px;
    padding-left: 12px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 0px;
    width: 200px;
    background-color: #ddd;
}

.tileLabelSelected {
    background-color: $logoRed;
    color: #fff;
}

.portalInfo {
    float: left;
    left: 0px;
}

.tile {
    float: right;
    width: 430px;
    margin-top: 15px;
    margin-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*box-shadow: 3px 3px 5px #aaa;*/
    background-color: #eee;
    font-weight: bolder;
    color: #666666;
}

.tileSelected {
    background-color: #dddddd;
    cursor: pointer;
}

.Title {
    display: block;
}

.TitleSelected {
    color: $logoRed;
}

div {
    &#portal-box ul {
        margin: 0;
        padding: 0;
        margin-left: 20px;
        li {
            padding: 2px 60px;
        }
    }
    &#login-form, &#login-title {
        margin-top: 35px;
        width: 100%;
        text-align: left;
        padding-left: 80px;
    }
}

.ui-widget input {
    height: 22px;
    vertical-align: top;
    width: 120px;
}



.loginHeader {
    float: right;
    width: 430px;
    height: 50px;
    margin-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 0px;
    background-color: #eee;
    font-weight: bolder;
    color: #666666;
}

.hintMsg {
    float: left;
    width: 80%;
    font-style: normal;
    color: #888;
    font-weight: normal;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.loginBox {
    float: right;
    width: 430px;
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 0px;
    font-weight: bolder;
    color: #666;
}

.hintLink {
    float: right;
    padding-right: 15px;
    color: $info;
}