/*

  Copyright 2011 moxter.net S.A.C.

  All Rights Reserved.
  This program contains proprietary and trade secret information of
  moxter.net S.A.C. Copyright notice is precautionary only and does not
  evidence any actual or intended publication of such program.

  Author:          moxter.net S.A.C.
  Revision:        $Rev: 28 $
  Last Changed:    $Date: 2013-01-18 15:13:29 -0500 (Fri, 18 Jan 2013) $
  Last Changed By: $Author: Jan Moxter $

 */
html {
    height: 100%;
}

body {
    font-family: arial, verdana, helvetica, sans-serif;
    text-align: center;
    font-size: 12pt;
    color: white;
    font-weight: bold;
    height: 100%;
    margin: 0;
    background: #dbd7d2; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #F0F0F0 20%, #888888 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center 20%, 0px, center center, 100%,
        color-stop(0%, #F0F0F0), color-stop(100%, #888888) );
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #F0F0F0 20%, #888888 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #F0F0F0 20%, #888888 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #F0F0F0 20%, #888888 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center 20%, #F0F0F0 20%, #888888 100%);
    /* W3C */
}

.center {
    background: #999692; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #999692 0%, #3f3f3f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%,
        color-stop(0%, #999692), color-stop(100%, #3f3f3f) );
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #999692 0%, #3f3f3f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #999692 0%, #3f3f3f 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #999692 0%, #3f3f3f 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #999692 0%, #3f3f3f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#999692',
        endColorstr='#3f3f3f', GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #FFFFFF;
    box-shadow: 2px 2px 15px #000000;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    width: 400px;
}

.eFapsWrongLoginMsg {
    background-color: #FFB0B0;
    color: red;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.centerImage {
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    display: block;
    width: 250px;
}

.table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 100px;
}

.table tr td {
    width: 110px;
    padding-top: 10px;
}

.table tr td img {
    height: 50px;
}

.innobiertoImg {
    bottom: 25px;
    right: 25px;
    width: 250px;
    position: absolute;
}

button {
    background-color: grey;
    background: -webkit-gradient(linear, left top, left bottom, from(grey), to(black) );
    background: -webkit-linear-gradient(top, grey, black);
    background: -moz-linear-gradient(top, grey, black);
    background: -ms-linear-gradient(top, grey, black);
    background: -o-linear-gradient(top, grey, black);
    background: linear-gradient(top, grey, black);
    border: 1px solid lightgrey;
    border-bottom: 1px solid darkgrey;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: inset 0 1px 0 0 darkgrey;
    -webkit-box-shadow: 0 1px 0 0 darkgrey inset;
    -ms-box-shadow: 0 1px 0 0 darkgrey inset;
    -o-box-shadow: 0 1px 0 0 darkgrey inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 darkgrey;
}

button:hover {
    opacity: .85;
    cursor: pointer;
}

button:active {
    border: 1px solid white;
    box-shadow: 0 0 10px 5px darkgray inset;
    -webkit-box-shadow: 0 0 10px 5px darkgray inset;
    -moz-box-shadow: 0 0 10px 5px darkgray inset;
    -ms-box-shadow: 0 0 10px 5px darkgray inset;
    -o-box-shadow: 0 0 10px 5px darkgray inset;
}

input {
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    box-shadow: 0 0 3px #CCCCCC, 0 10px 15px #EEEEEE inset;
    height: 14px;
    padding: 5px 8px;
    width: 195px;
}

body.qa {
    background: darkred;
}

.qa .Innobierto b::after {
    content: " - DEMO / QA";
}