/* Oracle Retail Brand Compliance Management Cloud Service Login CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {
   font:12px Arial, Helvetica;

 }

input, select, textarea {font:12px Arial, Helvetica, sans-serif;}

.panel {
   width:820px;
   height:400px;
   position:absolute;
   left:50%;
   top:90px;
   margin-left:-410px;
   /*margin-top:-200px; */
   background:url(../../images/Bespoke_Images/shadow.png) top;
   left no-repeat;
}

.panel .login-panel {
   height:400px;
   width:800px;
   background: url(branding/loginBackground.png) no-repeat top left;
   margin-left:10px;
}

.login-button {
    background: url(../../images/Bespoke_Images/ORBCMS_Login_Button.png) !important;

    border: none;
    color: #404041 !important;
    padding: 4px !important;
}

.cancel-button {
    background: transparent url(../../images/Bespoke_Images/ORBCMS_Login_Button.png);
    background-repeat: repeat-x !important;
    border: none !important;
    color: #404041 !important;
    padding: 4px !important;
}

.confirm-button {
    background: transparent url(../../images/Bespoke_Images/ORBCMS_Login_Button.png) repeat-x scroll;
    border: none;
    color: #404041 !important;
    padding: 4px !important;
    padding-right: 4px !important;
}

.register-button {
    background: transparent url(../../images/Bespoke_Images/ORBCMS_Login_Button.png) repeat-x scroll;
    border: none;
    color: #404041 !important;
    padding: 4px !important;
    padding-right: 4px !important;
}

.clickHereLinkContainer .clickHereLink {
    color: #404041 !important;
}
.clickHereLinkContainer .clickHereToOpenLink {
    color: #404041 !important;
}

.panel .login-panel h1 {
    height:10px;
    margin:0 30px;  /* background:url(../../images/Bespoke_Images/micros-logo.gif) right 20px no-repeat; text-indent:-9999px; */
}

.errorTitle {
  width: 660px !important;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background-color: #AF2129 !important;
  border: solid 2px #D1D7DB !important;
  padding: 4px !important;
  padding-left: 10px !imporant;
  color: #404041 !important;
}

.errorMessage {
  width: 660px !important;
  height: 50px !important;
  margin-left: auto;
  margin-right: auto;
  background-color: #305069 !important;
  border: solid 1px #7B8F9F !important;
  padding: 4px !important;
  padding-left: 10px !imporant;
  margin-top: 15px !important;
  color: #404041 !important;
  overflow-y: auto !important;

}

.panel .login-panel .banner {background:url(../../images/creations/login/banner.gif) 60px 0 no-repeat; height:10px; text-indent:-9999px;}

/* Set the padding for launchers with the logos in the 100px deep banner */
.bannerBrandingOnly .panel .login-panel .content {padding:130px 60px 30px; color:#404041;}
.bannerBrandingOnly .panel .login-panel .content .intro {width:300px; padding:30px 40px 0 0; background:url(../../images/creations/login/sep.gif) top right no-repeat;}

.panel .login-panel .content {padding:0px 60px 30px; color:#404041;}
.panel .login-panel .content .col {width:310px; float:left; padding:0 0 0 30px; min-height:180px;}
.panel .login-panel .content .intro {width:300px; padding:20px 40px 0 0; background:url(../../images/creations/login/sep.gif) top right no-repeat;}
.panel .login-panel .content .intro p {line-height:1.6em; margin-bottom:1em;}
.panel .login-panel .content a {color:#404041; text-decoration:underline;}
.panel .login-panel .content a:hover, .panel .login-panel .content a:focus, .panel .login-panel .content a:active {text-decoration:none;}

.panel .login-panel .form {clear:both}
.panel .login-panel .form .row {margin:8px 0;}
.panel .login-panel .form .buttons, .panel .login-panel .form .message {padding-left:80px;}
.panel .login-panel .form .row label {display:block; float:left; cursor:pointer; text-align:right; width:70px; font-weight:bold; margin-right:10px; padding-top:5px;}
.panel .login-panel .form .text-field {color:#000; width:200px; border:1px solid #5e92c1; padding:5px; background:#404041;}
.panel .login-panel .form .text-field:hover {border-color:#293644; color:#000;}
.panel .login-panel .form .error .text-field {border:1px solid #d01414; background:#f5e9e9;}
.panel .login-panel .form .button {font-family:Arial, Helvetica,; font-size:1.2em; color:#404041; border:1px solid #2e4f73; padding:0.5em; background:#293644;}

.error-message {background:#404041; color:#db1727; padding:3px 10px 4px 10px; border:3px solid #730202; line-height:1.6em; margin-bottom:15px;}

.hidden {font-size:0 !important; position:absolute !important; height:0 !important; left:-9999px !important;}

.clear:after, .row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear, * html .row {height: 1%;}


/* ====== mz added ====== */

/*
.banner {height: 150px !important; text-align: left !important;   margin-left: -78px !important;}

*/

.loadingDivPanel {
  width:820px;
  height:400px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-410px;
  margin-top:-200px;
  background: transparent url(../../images/creations/login/shadow.png) top left no-repeat;
}

.splash {
   width: 800px;
   height: 400px !important;
   background: url(../../images/Bespoke_Images/login-bg.jpg) no-repeat top left;
}



.loadingDivPanel .login-panel {
  height:400px;
  width:800px;
  background:#041F34 url(../../images/Bespoke_Images/loginBackground.jpg) no-repeat top left;
  margin-left:10px;
}
.loadingDivPanel .login-panel h1 {
height:10px;
margin:0 30px;
}
.loadingDivPanel .login-panel .banner {background:url(../../images/creations/login/banner.gif) 60px 0 no-repeat; height:60px; text-indent:-9999px;}

.loadingDivPanel .login-panel .content {padding:0 60px 30px; color:#404041;}
.loadingDivPanel .login-panel .content .col {width:310px; float:left; padding:0 0 0 30px; min-height:180px;}
.loadingDivPanel .login-panel .content .intro {width:300px; padding:0 40px 0 0; background:url(../../images/creations/login/sep.gif) top right no-repeat;}
.loadingDivPanel .login-panel .content .intro p {line-height:1.6em; margin-bottom:1em;}
.loadingDivPanel .login-panel .content a {color:#404041; text-decoration:underline;}
.loadingDivPanel .login-panel .content a:hover, .panel .login-panel .content a:focus, .panel .login-panel .content a:active {text-decoration:none;}

.loadingDivPanel .login-panel .form {clear:both}
.loadingDivPanel .login-panel .form .row {margin:8px 0;}
.loadingDivPanel .login-panel .form .buttons, .panel .login-panel .form .message {padding-left:80px;}
.loadingDivPanel .login-panel .form .row label {display:block; float:left; cursor:pointer; text-align:right; width:70px; font-weight:bold; margin-right:10px; padding-top:5px;}
.loadingDivPanel .login-panel .form .text-field {color:#000; width:200px; border:1px solid #5e92c1; padding:5px; background:#404041;}
.loadingDivPanel .login-panel .form .text-field:hover {border-color:#293644; color:#000;}
.loadingDivPanel .login-panel .form .error .text-field {border:1px solid #d01414; background:#f5e9e9;}
.loadingDivPanel .login-panel .form .button {font-family:Arial, Helvetica !important; font-size:1.2em; color:#404041; border:1px solid #2e4f73; padding:0.5em; background:#293644;}


/* ====================== */




.errorMessage a:link {color: #404041 !important;}

.errorStack {
    white-space: pre;
  width: 660px !important;
  height: 80px !important;
  margin-left: auto;
  margin-right: auto;
  background-color: #305069 !important;
  border: solid 1px #7B8F9F !important;
  padding: 4px !important;
  padding-left: 10px !imporant;
  margin-top: 15px !important;
  color: #404041 !important;
  overflow-y: auto !important;
}