/**
 * 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-2013 YouAMA.com (http://www.youama.com)
* @license    http://youama.com/freemodule-license.txt
*/

.youama-ajaxlogin-cover {
    display: none;
    background: #000;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    z-index: 9997;
}
.youama-showhideme {
    display: none;
}
.youama-register-window {
    float: left;
    padding: 28px 0 28px 20px;
    position: relative !important;
    top: 0 !important;
    width: 400px;
    z-index: 9998;
}
.youama-login-window {
    float: right;
    padding: 28px 20px 28px 0;
    position: relative !important;
    top: 0 !important;
    width: 400px;
    z-index: 9998;
}
.youama-register-window, .youama-login-window {
    /*    height:258px*/
}
.youama-register-window input[type="text"], .youama-login-window input[type="text"], .youama-login-window input[type="password"], .youama-register-window input[type="password"] {
    font: 12px/1.55 TransatTextStandard;
}
.youama-register-window button.btn-checkout span, .youama-login-window button.btn-checkout span {
    font: 16px/1.55 TransatTextStandard;
}
#cstm-shiraz {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 20%;
    width: 890px;
    z-index: 999999;
    display: none;
    margin-left: 25px;
    overflow: hidden;
    left: 14%
}
.youama-window-outside {
    margin: 20px;
    position: relative;
}
.youama-close {
    /*right: 0;*/
    right: 20px;
    /*top: 0;*/
    top: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index:9999
}
.youama-window-title h3 {
    margin: 0;
    color: #e76200;
}
.youama-window-box {
}
.youama-window-subtitle p {
    margin: 20px 0 0 0;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #aaa;
}
.youama-window-box .input-fly {
    padding: 5px 0;
    float: left;
    width: 100%
}
.youama-window-box .input-fly label {
    font-size: 14px;
    float: left;
    width: 50%;
    line-height: 26px;
}
.youama-window-box .input-fly input {
    font-size: 14px;
    float: right;
    padding: 3px;
}
.youama-ajaxlogin-error {
    float: right;
    width: 100%;
    color: #eb340a;
}
.err-licence {
    float: left;
}
.err-newsletter {
    float: left;
}
.youama-window-box .input-fly-checkbox input {
    float: left;
    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 {
    text-align: right;
}
.youama-window-box .input-fly-checkbox .youama-ajaxlogin-error {
    text-align: left;
    float: left;
}
.youama-window-box .box-contents {
    float: left;
    margin-bottom: 4px;
}
.youama-window-box .box-contents-button {
    width: 100%;
    margin-top: 4px;
}
.youama-window-box .box-contents-button button {
    float: left;
}
.youama-window-box .youama-forgot-password {
    float: left;
    margin-top: 27px;
}
.youama-window-box .input-fly-checkbox {
    padding-top: 27px;
}
.youama-ajaxlogin-loader {
    /*background-image: url('../../../images/youama/ajaxlogin/loader.gif');*/
    background-image: url('ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 220px;
    height: 40px;
    position: fixed;
    display: none;
    margin-left: -110px;
    margin-top: 0;
    top: 45%;
    left: 50%;
    z-index: 99999;
}

.youama-register-window input, .youama-login-window input{
    color: #000;
}

@media only screen and (max-width: 980px) {

    #cstm-shiraz * {
        box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ **/
    }
    .youama-register-window input, .youama-login-window input {
        box-sizing: border-box;
        width: 50%;
    }
    .youama-register-window, .youama-login-window {
        padding:20px 10px
    }
    .youama-window-box .youama-forgot-password {
        margin-top:12px
    }
    #cstm-shiraz input[type="checkbox"] {
        width:auto;
    }
    .youama-window-box .input-fly-checkbox{
        padding-top: 15px;
    }
    .youama-login-window {
        float: none;
        overflow: hidden
    }
}
@media only screen and (max-width: 479px) {
    /*.youama-window-box .youama-ajaxlogin-button {
            left:37%
    }
    .youama-login-window .youama-window-box .youama-ajaxlogin-button {
            left:28%
    }
    .youama-window-box .input-fly label {
            display:block;
            float:none;
            width:100%
    }
    .youama-register-window input, .youama-login-window input {
            width: 100%;
    }
    .youama-window-box .youama-window-content {
            float:left!important
    }
    .youama-window-box {
            width:100%;
            overflow:hidden
    }
    #cstm-shiraz input[type="checkbox"] {
            width:auto;
    }
    .youama-window-box .input-fly-checkbox {
            padding-top:8px
    }
    .youama-window-box .youama-forgot-password {
            margin-top:10px
    }*/
    #cstm-shiraz{
        left: 5%;
        /*width: 63%!important;*/
           width: 90%!important;
        margin-left: 0
    }
    .youama-register-window, .youama-login-window {
        padding: 20px 0;
    }
    .youama-login-window .youama-window-box .box-contents-button button{
        float: none !important;
        left: 0;

        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}