body { width: 100%; height: 100%; margin: 0px; padding: 0px; background: #FFFFFF url("/?cmd=img&id=alberon_white.png") no-repeat fixed; text-align: center; font-family: Verdana; }
h1 { font-weight: normal; }

input {
-webkit-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;

-o-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image;
-o-transition-duration: 0.5s;
-o-transition-timing-function: linear;

-moz-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image;
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: linear;

transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image;
transition-duration: 0.5s;
transition-timing-function: linear;
}

input:hover {
-webkit-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;

-o-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image;
-o-transition-duration: 0.2s;
-o-transition-timing-function: linear;

-moz-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: linear;

transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image;
transition-duration: 0.2s;
transition-timing-function: linear;
}

input { border: 1px solid STEELBLUE; }
.page { display: inline-block; margin: 10% auto 0px auto; font-size: .7em; padding: 15px; border: 1px solid #75A4CA; border-radius: 20px 40px 20px 40px; box-shadow: 3px 3px 10px BLACK; background-color: #F3FAFF;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .2),rgba(0, 100, 150, .2));
background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, .2),rgba(0, 100, 150, .2));
background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, .2),rgba(0, 100, 150, .2));
background-image:      -o-linear-gradient(top, rgba(255, 255, 255, .2),rgba(0, 100, 150, .2));
background-image:         linear-gradient(top, rgba(255, 255, 255, .2),rgba(0, 100, 150, .2));
}
.osloveni { margin-left: -10px; font-weight: bold; }
.info { width: 360px; color: #5B8497; text-align: left; margin-left: 10px; }
.ip { font-weight: bold; color: STEELBLUE; font-size: 1em; }
.image-frame { margin-right: 130px; }
.image {  }
.key { display: inline-block; border-radius: 8px 0px 0px 8px; color: #35648A; width: 250px; height: 36px; font-size: 2em; margin: 0px; border-width: 1px 0px 1px 1px; padding: 10px auto; text-align: center; }
.key-none { display: inline-block; border-radius: 8px 0px 0px 8px; color: #A9C4DA; width: 250px; height: 36px; font-size: 2em; margin: 0px; border-width: 1px 0px 1px 1px; padding: 10px auto; text-align: center; }

input.webmail, input.postfix { display: inline-block; border-radius: 8px; color: STEELBLUE; border: 1px solid STEELBLUE;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .2)0%,rgba(200, 230, 250, .1)3%,rgba(200, 230, 250, .5)49%,rgba(200, 230, 250, .9)51%,rgba(200, 230, 250, .1)97%,rgba(255, 255, 255, .2)100%);
background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, .2)0%,rgba(200, 230, 250, .1)3%,rgba(200, 230, 250, .5)49%,rgba(200, 230, 250, .9)51%,rgba(200, 230, 250, .1)97%,rgba(255, 255, 255, .2)100%);
background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, .2)0%,rgba(200, 230, 250, .1)3%,rgba(200, 230, 250, .5)49%,rgba(200, 230, 250, .9)51%,rgba(200, 230, 250, .1)97%,rgba(255, 255, 255, .2)100%);
background-image:      -o-linear-gradient(top, rgba(255, 255, 255, .2)0%,rgba(200, 230, 250, .1)3%,rgba(200, 230, 250, .5)49%,rgba(200, 230, 250, .9)51%,rgba(200, 230, 250, .1)97%,rgba(255, 255, 255, .2)100%);
background-image:         linear-gradient(top, rgba(255, 255, 255, .2)0%,rgba(200, 230, 250, .1)3%,rgba(200, 230, 250, .5)49%,rgba(200, 230, 250, .9)51%,rgba(200, 230, 250, .1)97%,rgba(255, 255, 255, .2)100%);
}

input.webmail:hover, input.postfix:hover { color: #35648A;
background-image: -webkit-linear-gradient(top, rgba(200, 230, 250, .2)0%,rgba(170, 210, 230, .7)49%,rgba(170, 210, 230, 1)51%,rgba(170, 210, 230, 7)100%);
background-image:    -moz-linear-gradient(top, rgba(200, 230, 250, .2)0%,rgba(170, 210, 230, .7)49%,rgba(170, 210, 230, 1)51%,rgba(170, 210, 230, 7)100%);
background-image:     -ms-linear-gradient(top, rgba(200, 230, 250, .2)0%,rgba(170, 210, 230, .7)49%,rgba(170, 210, 230, 1)51%,rgba(170, 210, 230, 7)100%);
background-image:      -o-linear-gradient(top, rgba(200, 230, 250, .2)0%,rgba(170, 210, 230, .7)49%,rgba(170, 210, 230, 1)51%,rgba(170, 210, 230, 7)100%);
background-image:         linear-gradient(top, rgba(200, 230, 250, .2)0%,rgba(170, 210, 230, .7)49%,rgba(170, 210, 230, 1)51%,rgba(170, 210, 230, 7)100%);
}

input.webmail { font-size: 2em; width: 130px; height: 40px; border-radius: 8px; margin: 0px; }
input.WMinline { border-radius: 0px 8px 8px 0px; margin: 0px 0px 0px -5px; }
input.postfix { opacity: .5; float: right; margin-top: 5px; padding: 5px; }
input.postfix:hover { opacity: 1; }
input.PFinline {  }

.err { position: absolute; display: inline-block; color: RED; margin: 40px 0px 0px 20px; border: 1px solid #E87B8B; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 5px 5px; padding: 3px 8px; background-color: #F9DDE1; }
div.error { width: 500px; margin: 0px auto; padding: 8px 15px; border: 1px solid RED; background-color: #EFAFBB; font-size: 1em; color: #823; border-radius: 0px 0px 20px 20px; border-width: 0px 1px 1px 1px; }

.fatal { margin: 60px 40px; background-color: RED; color: WHITE; border: 1px solid DARKRED; border-radius: 8px 16px;; padding: 18px 25px; text-decoration: blink; text-shadow: 1px 1px 3px BLACK; box-shadow: 0px 0px 20px DARKRED; font-size: 1.2em;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .4)0%,rgba(255, 255, 255, .3)3%,rgba(255, 255, 255, 0)49%,rgba(0, 0, 0, .1)51%,rgba(0, 0, 0, .3)97%,rgba(0, 0, 0, .4)100%);
background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, .4)0%,rgba(255, 255, 255, .3)3%,rgba(255, 255, 255, 0)49%,rgba(0, 0, 0, .1)51%,rgba(0, 0, 0, .3)97%,rgba(0, 0, 0, .4)100%);
background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, .4)0%,rgba(255, 255, 255, .3)3%,rgba(255, 255, 255, 0)49%,rgba(0, 0, 0, .1)51%,rgba(0, 0, 0, .3)97%,rgba(0, 0, 0, .4)100%);
background-image:      -o-linear-gradient(top, rgba(255, 255, 255, .4)0%,rgba(255, 255, 255, .3)3%,rgba(255, 255, 255, 0)49%,rgba(0, 0, 0, .1)51%,rgba(0, 0, 0, .3)97%,rgba(0, 0, 0, .4)100%);
background-image:         linear-gradient(top, rgba(255, 255, 255, .4)0%,rgba(255, 255, 255, .3)3%,rgba(255, 255, 255, 0)49%,rgba(0, 0, 0, .1)51%,rgba(0, 0, 0, .3)97%,rgba(0, 0, 0, .4)100%);
}

.certificate_table { display: inline_block; margin: 100px auto; }
.certificate_table td { vertical-align: middle; text-align: left; }
.certificate_table td a { text-decoration: none; display: block; padding: 10px 5px 8px 40px; vertical-align: middle; background: transparent url('/IMG/cer2.png') no-repeat center left; font-size: .7em; color: STEELBLUE; }
.certificate_table td a:hover { color: #8AC; }

@-moz-document url-prefix() {
	.key, .key-none { position: relative; top: -1px; z-index: 1; }
	.webmail { position: relative; z-index: 2; }
}