html, body {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    background-image: url(../img/Background.gif);
    background-position: 0px 70px;
    background-repeat: repeat-x;
    min-width: 1004px;
    min-height: 644px;
}

.box {
    text-align: center;
    background-color: rgba(255,255,255,0.85);
    border-color: #900000;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    box-shadow: black 7px 10px 20px;
}

.box .header {
    background: #900000; /* Old browsers */
    background: -moz-linear-gradient(top,  #cc0000 0%, #990000 7%, #660000 47%, #500000 91%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(7%,#990000), color-stop(47%,#660000), color-stop(91%,#500000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cc0000 0%,#990000 7%,#660000 47%,#500000 91%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cc0000 0%,#990000 7%,#660000 47%,#500000 91%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cc0000 0%,#990000 7%,#660000 47%,#500000 91%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cc0000 0%,#990000 7%,#660000 47%,#500000 91%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.label {
    color: #666666;
    position: relative;
    top: 3px;
}

.field input,
.button input {
    width: 200px;
    font-size: 11pt;
    -webkit-appearance: none;
}

.button input {
    background-color: #900000;
    color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #CC5E5E;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    border-left: 1px solid #CC5E5E;
    box-shadow: black 3px 3px 5px;
    transition: background-color 1s;
    -moz-transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -o-transition: background-color 1s;
}

.button input.disabled {
    background-color: #f0f0f0;
    color: #c0c0c0;
    border-top: 1px solid #EEE;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #EEE;
    box-shadow: grey 1px 1px 3px;
}

.hint-border.error input {
    background-color: #cc3333;
    color: #ffffff;
}
.hint-txt        { font-size: 8pt; margin-bottom: 5px;}
.hint-txt.empty  { color: #a0a0a0; }
.hint-txt.error  { color: #cc3333; }
.hint-txt.valid  { color: #a0a0a0; }

.hashcode div {
    position: relative;
    top: 3px;
    background-color: #666666;
    color: #ffffff;
    padding: 2px 6px 2px 6px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: none;
}

.hashcode div.c0, .rehashcode div.c0 { display: none; }
.hashcode div.c1, .rehashcode div.c1 { display: block; background-color: #cc3333; }
.hashcode div.c2, .rehashcode div.c2 { display: block; background-color: #339933; }
.hashcode div.c3, .rehashcode div.c3 { display: block; background-color: #3366cc; }

.message-txt { 
    font-size: 12pt;
    display: none;
    padding: 15px 5px 15px 40px;
    background-repeat: no-repeat;
    background-position: 2px;
    border: 1px solid;
    border-radius: 10px;
    margin-bottom: 10px;
}

.message-txt.error,
.message-txt.success {
    display: block;
}

.message-txt.error {
    border: 1px solid #cc3333;
    background-color: #FFB2B2;
    background-image: url('../img/error.png');
    color: #cc3333;
}
.message-txt.success {
    border: 1px solid #027E02;
    background-color: #D2EBCA;
    background-image: url('../img/success.png');
    color: #027E02;
}

.warning {
    color: red;
    font-size: 12px;
}

.warning a,
.warning a:visited,
.warning a:hover {
    color: blue;
}

.bold {
    font-weight: bold;  
}

.visible {
    display: block;
}

.hidden {
    display: none;
}    

div.Acti { color: #19cc00; font-weight: bold; }
div.Wait { color: #FFB737; font-weight: bold; }
div.Disa { color: #FF0000; font-weight: bold; }
div.Deni { color: #FF0000; font-weight: bold; }
div.Admi { color: #0018CC; font-weight: bold; }

/* @license
 * MyFonts Webfont Build ID 2426609, 2012-12-08T05:15:26-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Museo Sans 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500/
 * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * Licensed pageviews: Unlimited
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2426609
 * 
 * © 2012 Bitstream Inc
*/

@font-face {
    font-family: 'MuseoSans-500';
    src: url('fonts/2506F1_0_0.eot');
    src: url('fonts/2506F1_0_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/2506F1_0_0.woff') format('woff'),
         url('fonts/2506F1_0_0.ttf') format('truetype');
}