/**
 * YouAMA.com
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA that is bundled with this package
 * on http://youama.com/freemodule-license.txt.
 *
 *******************************************************************************
 *                          MAGENTO EDITION USAGE NOTICE
 *******************************************************************************
 * This package designed for Magento Community edition. Developer(s) of
 * YouAMA.com does not guarantee correct work of this extension on any other
 * Magento edition except Magento Community edition. YouAMA.com does not
 * provide extension support in case of incorrect edition usage.
 *******************************************************************************
 *                                  DISCLAIMER
 *******************************************************************************
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future.
 *******************************************************************************
 * @category   Youama
 * @package    Youama_Ajaxlogin
 * @copyright  Copyright (c) 2012-2014 YouAMA.com (http://www.youama.com)
 * @license    http://youama.com/freemodule-license.txt
 */
.login-overlay{
     /*visibility: hidden;*/
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 100001;
     background:rgba(255,255,255,0.5);
}
h3.window-title{
    color: #de5700;
    font-weight: bold;
    font-size: 14px;
}
#header-account { position:relative; }

.youama-window-outside { position:relative; }
.youama-window-outside .close { cursor:pointer; text-align:center; width: 40px;
                                float:right; display: block; color: #636363; text-decoration:none;
                                font-weight:normal; font-size:30px; position:absolute;  top:-28px;
                                right:-38px;
}
.youama-register-window,
.youama-login-window{
    display:none; 
    z-index:100002; 
    padding:10px 30px; 
    position:fixed;
    top:50%;
    left:50%;
    background-color: #ffffff;        
    border: 8px solid #d1d1d1;
    width:auto;
    /*max-width: 250px;*/
}

.youama-window-box .input-fly { padding:5px 0; width:100% }
.youama-window-box .input-fly label { font-size:14px; line-height:26px; }
.youama-window-box .input-fly input[type="text"],
.youama-window-box .input-fly input[type="password"] {
    font-size:15px; padding:3px; height:40px;
    width: 97%;
}

.youama-ajaxlogin-error { color:#eb340a; }

/* Desktop or TV **************************************************************/
@media only screen and (min-width: 771px) {
    #header-account {
        /*position: absolute;*/
        width: 100%;
        height: 100%;
        top:auto;
    }
    .youama-register-window,
    .youama-login-window { 
        display:none; 
        width:350px; 
        /*z-index:9998;*/ 
        padding:0; 
        position:fixed;
        margin-top:-175px;
        margin-left:-175px;
        padding:10px 30px;

        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;}
    .youama-window-outside { margin:10px 0px; }
    .youama-window-box .input-fly input[type="text"],
    .youama-window-box .input-fly input[type="password"] {
        width:97%;
    }
    .youama-forgot-password a { text-align:right !important; }
    .yoauam-switch-window { 
        text-align:center; 
        padding:5px; 
        display:inline; 
        background-color: rgba(134,167,124, 0.85);
    }
    .youama-register-window{
        height:auto;
        margin-top: -340px  !important;
        overflow-y: auto;
        overflow-x: hidden;
    }
}
/******************************************************************************/

/* Tablet *********************************************************************/
@media only screen and (max-width: 771px) {
    #header-account {
        /*position: absolute;*/
        width: 100%;
        height: 100%;
        top:auto;
    }
    .youama-register-window,
    .youama-login-window {
        width:400px;    
        margin-left:-200px
    }
    .youama-forgot-password a { text-align:right !important; }
    .yoauam-switch-window { text-align:center; padding:5px; display:inline; }
    .youama-window-content button,.youama-window-content .or-separator{
        width:100% !important;
    }
    .youama-window-content .or-separator{
        text-align: center ;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 670px) {
    #header-account {
        /*position: absolute;*/
        width: 100%;
        height: 100%;
        top:auto;
    }

    .youama-login-window {
        width:300px; 

        margin-left:-190px;
        margin-top:-160px;
    }
    .youama-register-window{
        width:250px; padding:10px 30px;
        margin-left:-190px;
        margin-top:-360px;
    }
    .yoauam-switch-window { text-align:center; display:block; padding:0; }
    .youama-forgot-password a { text-align:center !important; }
    .youama-window-content button,.youama-window-content .or-separator{
        width:100% !important;
    }
    .youama-window-content .or-separator{
        text-align: center ;
        margin-bottom: 10px;
    }
    .youama-window-outside .close { top:-20px;right:-38px;}
/******************************************************************************/

/* Mobile *********************************************************************/
@media only screen and (max-width: 480px) {
    #header-account {
        /*position: absolute;*/
        width: 100%;
        height: 100%;
        top:auto;
    }
    .youama-login-window {
        /*width:auto; padding:15px;*/
        /*width:250px; padding:10px 30px;*/
        /*margin-left:-190px;*/
        width: 240px;
        margin-left: -160px;
        margin-top:-150px;
    }
    .youama-register-window {
        /*width:auto; padding:15px;*/
        /*width:250px; padding:10px 30px;*/
        margin-left:-165px;
        margin-top:-360px;
    }
    .yoauam-switch-window { text-align:center; display:block; padding:0; }
    .youama-window-box .input-fly input[type="text"],
    .youama-window-box .input-fly input[type="password"] {
        width:97%;
    }
    .youama-window-content button,.youama-window-content .or-separator{
        width:100% !important;
    }
    .youama-window-content .or-separator{
        text-align: center ;
        margin-bottom: 10px;
    }
    .youama-window-outside .close { top:-20px;right:-38px;}
}
/******************************************************************************/

.youama-ajaxlogin-loader {
    display:none; position:absolute; top:50%; left:50%; margin-left:-20px;
    margin-top:-15px; height:31px; width:40px; z-index:100002;
    background: url('../../../images/youama/ajaxlogin/loader.gif') no-repeat center center;
}
.youama-window-title h3 { display:inline; margin:0; color:#3399cc; }
.yoauam-switch-window {
    cursor:pointer; color:#3399cc; line-height:33px;
}
.youama-window-box { margin-top:15px; }
.youama-window-subtitle p {
    margin:20px 0 5px 0; width:100%; font-size:14px; font-weight:bold; color:#888;
    border-bottom:1px solid #3399cc;
}
.youama-window-box .input-fly { padding:5px 0; width:100% }
.youama-window-box .input-fly label { font-size:14px; line-height:26px; }
.youama-window-box .input-fly input[type="text"],
.youama-window-box .input-fly input[type="password"] {
    font-size:15px; padding:3px; height:40px;
    width: 97%;
}
.youama-ajaxlogin-error { color:#eb340a; }
.err-licence {  }
.err-newsletter {  }
.youama-window-box label a { display:inline !important; padding:0 !important; }
.youama-window-box .input-fly-checkbox input { margin:7px 7px 0 0; }
.youama-window-box .input-fly-checkbox label { font-size:12px; width:auto; }
.youama-window-box .input-fly .youama-ajaxlogin-error { }
.youama-window-box .input-fly-checkbox .youama-ajaxlogin-error { text-align:left; }
.youama-window-box .box-contents {  }
.youama-window-box .box-contents-button { width:100%; margin-top:20px; }
.youama-window-box .box-contents-button button { }
.youama-window-box .youama-forgot-password { margin-top:10px; }