/* Various styles used in the login wizard module pages: login, passwordReset, securityQuestions etc. */

/*
  Note.. because the login module is the container itself then class selector needs to be a
  class union selector .class.class instead of a child selector .class .class to override
  the default background color obtained from .gugg
*/

.gateKeeperModule .x-panel-body,
.loginModule.x-border-layout-ct
{
    background-color: transparent;
}

.loginModule .x-form-text
{
    box-shadow: inset 0px 0px 3px 0px #EEEEEE;
}

.loginModule .x-btn-default-large
{
    /*border-radius: 5px 5px 5px 5px;*/
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #707070), color-stop(1, #000000) ) !important;
    background:-moz-linear-gradient( center top, #707070 5%, #000000 100% ) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#000000') !important;
    background-color:#707070 !important;
    -moz-border-radius:4px !important;
    -webkit-border-radius:4px !important;
    border-radius:4px !important;
    border:1px solid #615b61 !important;
    display:inline-block !important;
    vertical-align:middle !important;
    padding:6px 18px !important;
    text-decoration:none !important;
    text-shadow:1px 1px 0px #000000 !important;
    z-index: 100 !important;
}

.loginModule .x-btn-disabled
{
    color: #8E8E8E;
    border: 1px solid #CACACA !important;
    background: none repeat scroll 0 0 #E9E9E9 !important;
}
.loginModule .x-btn-disabled.x-btn-default-large em button .x-btn-inner,
.loginModule .x-btn-disabled.x-btn-primary-large em button .x-btn-inner
{
    color: #8E8E8E !important;
}

.loginModule .x-btn-default-large.over
{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #707070) ) !important;
    background:-moz-linear-gradient( center top, #000000 5%, #707070 100% ) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#707070') !important;
    background-color:#000000 !important;
}

.loginModule .x-btn-default-large.pressed
{
     position:relative !important;
     top:1px !important;
 }

.loginModule .x-btn
{
    box-shadow: none;
}

.loginModule .x-btn-default-large em button .x-btn-inner,
.loginModule .x-btn-primary-large em button .x-btn-inner
{
    color:#ffffff !important;
    font-family:arial !important;
    font-size:13px !important;
    font-weight:bold !important;
}