html { height: 100%; overflow: hidden;}
body { font-family: Arial, Tahoma, sans-serif;
       text-align: center; margin:10px 0 0 0; padding:0px; 
background: #999999; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTk5OTk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjYzRjNGM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjYThhOGE4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzIlIiBzdG9wLWNvbG9yPSIjYzRjNGM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #999999 0%, #c4c4c4 27%, #a8a8a8 49%, #c4c4c4 72%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#999999), color-stop(27%,#c4c4c4), color-stop(49%,#a8a8a8), color-stop(72%,#c4c4c4), color-stop(100%,#999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #999999 0%,#c4c4c4 27%,#a8a8a8 49%,#c4c4c4 72%,#999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #999999 0%,#c4c4c4 27%,#a8a8a8 49%,#c4c4c4 72%,#999999 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #999999 0%,#c4c4c4 27%,#a8a8a8 49%,#c4c4c4 72%,#999999 100%); /* IE10+ */
background: linear-gradient(135deg,  #999999 0%,#c4c4c4 27%,#a8a8a8 49%,#c4c4c4 72%,#999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


       
       height: 100%;}

h1 { font-size: 1.7em; color: #123; }

.warn { width: 400px; 
        background-image: url(../images/red-white-back.png);
        background-size: 100% 100%;
        padding: 40px;
        border: 1px solid #a44;
        text-align: center;
        margin:auto;
        line-height: 1.4em;
        margin-bottom:0px;
        -moz-border-radius:10px; /* Firefox */
        -webkit-border-radius:10px; /* Safari, Chrome */
        -khtml-border-radius:10px; /* Konqueror */
        -border-radius:10px; /* CSS3 */
        -moz-box-shadow: 0px 0px 10px #666;
        -webkit-box-shadow: 0px 0px 10px #666;
        box-shadow: 0px 0px 10px #666;}

.please {   width: 400px;
            background-image: url(../images/grey-white-back.png);
            background-size: 100% 100%;
            padding: 40px;
            border: 1px solid #44a;
            text-align: center;
            margin-bottom:0px;
            margin:auto;
            line-height: 1.4em;            
            -moz-border-radius:10px; /* Firefox */
            -webkit-border-radius:10px; /* Safari, Chrome */
            -khtml-border-radius:10px; /* Konqueror */
            -border-radius:10px; /* CSS3 */
            -moz-box-shadow: 0px 0px 10px #666;
            -webkit-box-shadow: 0px 0px 10px #666;
            box-shadow: 0px 0px 10px #666;}

.pleaseshadow { width: 450px; height: 40px;}

.logout { position:relative; width:100%; bottom:0px; height:2em; vertical-align: middle; background-color: #bb9; text-align:center; }
.logout input { vertical-align: middle; }

.content { background-color: #f99;}

.copyright { font-size: 11px; color: #555; }

#logo { width: 500px }