html {
height: 100%;
width: 100%;
padding:0px;
margin: 0px;
overflow: hidden;
}
body {
height: 100%;
width: 100%;
padding:0px;
margin:0px;
color: #DDE4EE;
font-size: 12px;
font-family: Lucida, Lucida Grande,sans-serif;
background-color: #494e5e; /*middle color for navigator that not support gradient*/
background-image: -webkit-gradient(linear,left top,left bottom,from(#6f768c),to(#13151b));
background-image: -webkit-linear-gradient(top,#6f768c,#13151b);
background-image: -moz-linear-gradient(top,#6f768c,#13151b);
background-image: -ms-linear-gradient(top,#6f768c,#13151b);
background-image: -o-linear-gradient(top,#6f768c,#13151b);
background-image: linear-gradient(top,#6f768c,#13151b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6f768c',EndColorStr='#13151b');
/*background-image: url(../images/logoLarge.png);
background-position: bottom right;
background-repeat: no-repeat;*/
}
.containerError {
min-height: 30px;
bottom: 0px;
margin:0px;
margin-left:0px;
white-space: nowrap;
}
.success {
color: #98c61d;
font-weight: bold;
font-size: 13px;
}
.error {
color: #f63e3e;
font-weight: bold;
font-size: 13px;
}
.pleaseWait {
background-color: white;
border: 1px solid black;
opacity: 0.95;
}
.pleaseWaitContent {
height:100%;
margin-top: 25px;
text-align: center;
}
.logo {
position: absolute;
top: 30%;
right: 50%;
margin-top: 30px;
}
.doLogin {
margin-bottom: -6px;
margin-left: 10px;
opacity: 0.7;
}
.doLogin:hover {
margin-bottom: -6px;
margin-left: 10px;
opacity: 1;
}
.container {
top: 30%;
position: absolute;
left: 50%;
margin-left: 25px;
}
.loginInput {
margin-bottom:5px;
width: 200px;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.passwordInput {
margin-bottom:5px;
width: 200px;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.rememberMeInput {
margin:0px;
margin-bottom:5px;
}
.containerPasswordLink {
bottom: 0px;
margin-top:20px;
margin-left:-210px;
white-space: nowrap;
}
.containerCancelLink {
bottom: 0px;
margin-top:20px;
margin-left:-10px;
white-space: nowrap;
}
.containerPasswordLink a, .containerPasswordLink a:VISITED,
.containerCancelLink a, .containerCancelLink a:VISITED {
color: #DDE4EE;
text-decoration: none;
margin-left: 8px;
margin-right: 8px;
}
.containerPasswordLink a:hover,
.containerCancelLink a:hover {
text-decoration: underline;
}
.footer {
position: absolute;
right: 15px;
bottom: 5px;
font-size: 10px;
font-style: italic;
}
.buttonLogin {
border: 0px;
margin-top: -1px;
background: no-repeat url(../images/login.png);
width: 18px;
height: 18px;
display: inline-block;
}
.buttoninputLogin-right {
margin-left: -4px;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.buttoninputLoginSmall {
height: 18px;
}
.buttoninputLogin {
margin-bottom: 5px;
vertical-align: bottom;
display: inline-block;
min-width: 20px;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
color: #444;
font-size: 90%;
font-weight: bold;
padding: 0;
/*line-height: 27px;*/
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
border-image: initial;
}
.buttoninputLogin:hover {
border:1px solid #c6c6c6;
color:#333;
-webkit-transition:all 0.0s;
-moz-transition:all 0.0s;
-o-transition:all 0.0s;
transition:all 0.0s;
background-color:#f8f8f8;
background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
box-shadow:0 1px 1px rgba(0,0,0,0.1);
text-decoration:none;
}
.buttoninputLogin img {
opacity: 0.55;
vertical-align: middle;
}
.buttoninputLogin:hover img {
opacity: 1;
vertical-align: middle;
}