/* Import css.  You can also do a import url("mycss.css"); */
@import "reset.css";

.dash-login-page {
    background: #111111;
    background: -moz-linear-gradient(center top , #353535 0%, #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#111111));
    background: -webkit-linear-gradient(top, #353535 0%,#111111 100%);
    background: -o-linear-gradient(top, #353535 0%,#111111 100%);
    background: -ms-linear-gradient(top, #353535 0%,#111111 100%);
    background: linear-gradient(top, #353535 0%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#111111',GradientType=0 );
    color: #A0A0A0;    
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    margin: 0;
}

.login-content-box {
    width: 240px;
    height: 150px;
    margin-top: -120px;
    margin-left: -75px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.dash-login-title {
    font-family: Arial;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 1px 1px 1px #000000;
    margin: 0 auto;
}


.dash-login-label {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

.dash-login-user {
   position: relative;
   top: 15px;
}

.dash-login-textfield-user {
    position: relative;
    top: 20px;
}

.dash-login-textfield {
    background: none repeat scroll 0 0 #2d2d2d;
    border: 1px solid #A0A0A0;
    color: #9c9c9c;
    font-size: 1.1em;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 10px;
    width: 240px;
}

.dash-login-password {
    position: relative;
    top: 30px;
}

.dash-login-textfield-password {
  position: relative;
  top: 35px;
}

.login-button {
    -moz-border-radius: 5px 5px 5px 5px;
    background: -moz-linear-gradient(center top , #1783BF 0%, #0C4C88 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1783BF), color-stop(100%,#0C4C88)); 
    background: -webkit-linear-gradient(top, #1783BF 0%,#0C4C88 100%); 
    background: -o-linear-gradient(top, #1783BF 0%,#0C4C88 100%); 
    background: -ms-linear-gradient(top, #1783BF 0%,#0C4C88 100%); 
    background: linear-gradient(top, #1783BF 0%,#0C4C88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1783BF', endColorstr='#0C4C88',GradientType=0 ); /* IE6-8 */
    border-color: #666666 #666666 #555555;
    border-style: solid;
    border-width: 1px;
    color: #DDDDDD;
    cursor: pointer;
    font-weight: bolder;
    height: 30px;
    padding: 0.4em 0.6em;
    text-align: center;    
    position: relative;
    top:55px;
    float: right;
}

.dash-login-company-copyright {
   float: left;
   color: #9c9c9c;
   font-family: Arial;
   font-size: 11px;
   position: relative;
   top:110px;
}

.dash-login-customMessage {
   float: left;   
   font-family: Arial;
   font-size: 12px;
   position: relative;
   top:110px;
}

.dash-login-company-logo {
   background-image:url('../../../../unsecured/themes/breezedark/ibm_logo.gif');
   position: relative;
   top:105px;
   left: 100px;
   height: 15px;
   width: 38px;
   margin: 0 auto;
}

.blaze-login-error-icon {
   background-image:url('../../../../unsecured/images/st16_critical_24.png');
   background-repeat:no-repeat;
   position: relative;
   height: 16px;
   width: 16px;
}

.blaze-login-error-text {
   position: relative;
   top:-22px;
   left: 30px;
   font-family: Arial;
   font-size: 15px;
   font-weight: 500;
   color:red;
}
.blaze-login-lock-icon {
   background-image:url('../../../../unsecured/images/st16_disabled.png');
   background-repeat:no-repeat;
   position: relative;
   height: 16px;
   width: 16px;
}