/* 
    Document   : login.widget
    Created on : 25.03.2010, 15:47:03
    Author     : Гребенников Андрей <v.grebennikov@gmail.com>
    Copyright  : Copyright (c), 2010, BASdesignstudio, http://basdesign.ru

    Description:
        Настраиваем отображение формы для администраторского входа
        на сайт и выхода из него.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.modal
    {
        background-color:#fff;
        position:relative;
        display:none;
        width:250px;
        padding:15px;
        text-align:left;
        border:1px solid #999;
        margin-bottom: 100px;
        opacity:0.8;
    }

    /**
     * форма для входа
     */
    #login-modal *
    {
        font-family: Tahoma, Geneva, sans-serif;
    }

    #login-modal > form
    {
        /*display: none;*/
    }

    /* элементы ввода в форме вместе с заголовками */
    #login-modal label
    {
        display:block;
        margin-bottom: 5px;
    }

    /* название элемента ввода (логин, пароль, электронная почта) */
    #login-modal label > span
    {
        display:block;
        color:#333;
        font-size: small;
    }

    /* сами элементы ввода */
    #login-modal label > input
    {
        font-size: 18px;
        border: 1px solid #AAA;
        width: 236px;
        padding: 5px;
        text-align: center;
    }
    #login-modal label > input:focus
    {
        background-color: #EEE;
    }

    /* кнопки */
    #login-modal div.buttons
    {
        text-align: right;
    }

    /* блок, в котором отображаются ошибки */
    #login-modal div.errors
    {
        margin-top: 10px;
        background-color: #FEE;
        border: 1px solid #F00;
        padding: 10px 5px;
        display:none;
    }
    #login-modal div.errors > ul
    {
        margin: 0px;
        font-size: 12px;
        list-style: none;
        padding: 0px;
    }

    /* блок с сообщением об удаче */
    #login-modal > div.succeed,
    #logout-modal > div.succeed
    {
        color: #009900;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
        display: none;
    }

    /**
     * Модальное окно для выхода
     */
    #logout-modal { text-align: center; }

        /* кнопки */
        #logout-modal > form > button { vertical-align: bottom; }

            /* главная кнокп выхода */
            #logout-modal > form > button.exit { font-size: 25px; }