/*
 * Copyright (c) 2013 Axway Inc. All Rights Reserved.
 * Please refer to the file "LICENSE" for further important copyright
 * and licensing information.  Please also refer to the documentation
 * for additional copyright notices.
 */

/* This file contains overrides to the axway-ui-common-global CSS */

.login-page {
    font-size: 13px;
}

/* This is the default header, it is overridden by CSS in logicsheet.xsl */
#loginPageLogo {
    background-image: url(/ui/default/00000000-000000/product/product-title_Interchange_32px.png);
    width: 260px;
}

.login-header:before {
    background-image: none;
}

.login-header:after {
    background-image: url(/ui/default/00000000-000000/product/big-light-curves-blue.png);
}

/* Morphing the existing Error Message to match A5 style */
#errorMessage .ErrorName {
    /*display: none;*/
}

#errorMessage .error {
    display: none;
}

#errorMessage .ErrorText {
    line-height: 21px;
}

#errorMessage table {
    background-color: #fce5e5;
    border: 1px solid #ea0a0a;
    border-radius: 3px;
    padding: 14px;
    display: block;
    position: relative;
}

#errorMessage table td,
#errorMessage table th {
    padding: 0;
    padding-left: 38px;
}

#errorMessage table:before {
    background-image: url(/ui/default/00000000-000000/product/A5-sprites-icons_Error_24x24_Highlighted.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -12px;
}
/* END - Error Message */

/* This is needed because in Interchange we have a script section that is the first child */
/*   implements the rule, '.login-content .form-container .login-form .submit-section>input:first-child' */
.login-content .form-container .login-form .submit-section>input:last-child {
    margin-left: 18.18%;
    position: relative;
    left: 5.090909090909091px;
}

button.btn-primary,
button[type="button"].btn-primary,
input[type="button"].btn-primary,
input[type="submit"].btn-primary {
    background-color: #005d8a;
}

button.btn-primary:hover,
button[type="button"].btn-primary:hover,
input[type="button"].btn-primary:hover,
input[type="submit"].btn-primary:hover {
    background-color: #177bb2;
}

/* EMA Customization */
.login-header {
   /* background: #F5F5F5; */
	background-image: url(/ui/default/00000000-000000/product/ema_header.png);
	background-repeat: no-repeat;
}


/* For Domain width issue */
.login-content .form-container .login-form .form-row>.form-input-container .form-input select {
    width: 230px!important;
}

/* FOR PRE IE 9 */
/* using modernizr.js to detect if an alternate style should be used */
/*   this attempts to solve the actual issue running in Quirks Mode, which */
/*   does not support the following selectors, :first-child, :before, */
/*   :after, etc. */
.no-multiplebgs .login-header {
    background-image: url(/ui/default/00000000-000000/product/big-light-curves-blue.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.no-multiplebgs .login-content .form-container .logo-container {
    border-right: 1px solid #aaa;
}

.no-multiplebgs .login-content .form-container .inner-form-container {
    border-left: 1px solid #fff;
}

.no-multiplebgs .login-content .form-container .login-form .form-row>label {
    margin-top: 4px;
    text-align: right;
}

.no-multiplebgs .login-content .form-container .login-form .submit-section input {
    margin-left: 18.18%;
    left: 5.090909090909091px;
}

/* Morphing the Error Message to match A5 style */
.no-cssgradients #errorMessage .error {
    display: inline;
    vertical-align: top;
    padding-right: 14px;
}
.no-cssgradients #errorMessage table {
    display: inline-table;
}
.no-cssgradients #errorMessage table td,
.no-cssgradients #errorMessage table th {
    padding: 0;
}

/* END PRE IE 9 */