body, td, div, span
    {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 10pt;
    }

    .textGreen
    {
        color:green;
    }

    .textRed
    {
        color:red;
    }

    .textOrange
    {
        color:orange;
    }
    .panel {
        /*background-color: #f7fff9;*/
        border: 2px solid #99cc00;
        border-radius: 5px;
        padding: 12px;
        background-image: linear-gradient(to bottom right, #f7fff9, white);
    }
    .storageFont
    {
        font-family: "Lucida Console", Monaco, monospace;
        color: #9933FF;
    }
    .oddRow 
    {
        background-color:#CCFFCC; /*whitesmoke*/
    }
    .evenRow 
    {
        /*background-color:#FFCCCC;*/
    }
    td 
    {
        padding:2px;
    }

    a:link, a:hover, a:visited
    {
        color: Navy;
        font-weight: bold;
        text-decoration: none;
    }

    .Headline {
        margin-left: 3px;
        margin-top: 10px;
        font-family: Calibri, 'Gill Sans MT';
        color: #3fa338;
        font-size: 18pt;
        font-weight: normal;
    }

    .HeadlineSmall
    {
        margin-left:3px;
        margin-top:10px;
        font-family: Calibri, 'Gill Sans MT';
        color: #3fa338 ;
        font-size: 14pt;
        font-weight: normal;
    }

    img
    {
        border-style: none;
    }

    input[type=text], input[type=password], textarea, select {
        font-size: 10pt;
        border: 1px solid #008000;
        background-color: #fafff7;
        font-family: 'Trebuchet MS', Tahoma, Verdana;
        border-radius: 3px;
        padding: 3px;
        box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
        margin: 0px 1px 1px 0px;
    }


    button, input[type=button], input[type=submit] {
        background-color: #4CAF50; /* Green */
        color: white;
        border: 2px solid darkgreen; /* Green */
        -webkit-transition-duration: 0.2s; /* Safari */
        transition-duration: 0.2s;
        border-radius: 3px;
        padding: 4px 12px 4px 12px;
        box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    }
    button, input[type=button], input[type=submit]:hover {
        background-color: darkgreen; /* Green */
        color: white;
        border-color: darkgreen;
    }
    button, input[type=button], input[type=submit]:active {
        background-color: darkgray;
    }

/*
.button {
    border-top: 1px solid #96d1f8;
    background: #65a9d7;
    background-image: linear-gradient(to bottom right, #3e779d, #65a9d7);
    padding: 7px 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
}
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
}
.button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}
*/


.TextError
{
    color:Red;
}
.TextInfo
{
    color:Green;
}



.middle 
{
    vertical-align: middle;
}




.Box
{
    width:auto;
    padding: 0px;
    border: 1px solid gray;
    border-radius: 5px;
}
.BoxHeadline 
{
    width:auto;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    font-size: 13px;
    color: #FFFFFF;
    background-color:navy;
    padding: 4px;
    margin: 0px;
    font-weight: bold;
}
.BoxContent 
{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    width:auto;
    padding: 5px;
    margin: 0px;
}


.backgroundObject {
    width: 800px;
    border: solid 1px gray;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px;
    background-image: linear-gradient(to bottom right, rgba(222,239,255,1), rgba(152,190,222,1));
}

.backgroundPerson {
    width: 800px;
    border: solid 1px gray;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px;
    background-image: linear-gradient(to bottom right, rgba(248,255,232,1), rgba(183,223,45,1));
    /*
    background: rgb(248,255,232); 
    background: -moz-linear-gradient(-45deg, rgba(248,255,232,1) 0%, rgba(227,245,171,1) 33%, rgba(183,223,45,1) 100%); 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(248,255,232,1)), color-stop(33%,rgba(227,245,171,1)), color-stop(100%,rgba(183,223,45,1))); 
    background: -webkit-linear-gradient(-45deg, rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); 
    background: -o-linear-gradient(-45deg, rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); 
    background: -ms-linear-gradient(-45deg, rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); 
    background: linear-gradient(135deg, rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 ); 
    */
}


.helpBox {
    border-top-left-radius: 3px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: solid 1px gray;
    padding: 3px;
    background-image: linear-gradient(to bottom right, rgba(169,210,243,1), rgba(189,243,253,1));
    /*
    background: rgb(169,210,243); 
    background: -moz-linear-gradient(left, rgba(169,210,243,1) 47%, rgba(189,243,253,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(47%,rgba(169,210,243,1)), color-stop(100%,rgba(189,243,253,1))); 
    background: -webkit-linear-gradient(left, rgba(169,210,243,1) 47%,rgba(189,243,253,1) 100%); 
    background: -o-linear-gradient(left, rgba(169,210,243,1) 47%,rgba(189,243,253,1) 100%); 
    background: -ms-linear-gradient(left, rgba(169,210,243,1) 47%,rgba(189,243,253,1) 100%); 
    background: linear-gradient(to right, rgba(169,210,243,1) 47%,rgba(189,243,253,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9d2f3', endColorstr='#bdf3fd',GradientType=1 ); 
    */
}

.helpBoxImportant {
    border-top-left-radius: 3px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: solid 1px gray;
    padding: 3px;
    background-image: linear-gradient(to bottom right, rgba(254,187,187,1), rgba(254,144,144,1));
    /*
    background: rgb(254,187,187); 
    background: -moz-linear-gradient(-45deg, rgba(254,187,187,1) 0%, rgba(254,144,144,1) 13%, rgba(255,92,92,1) 100%); 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,187,187,1)), color-stop(13%,rgba(254,144,144,1)), color-stop(100%,rgba(255,92,92,1))); 
    background: -webkit-linear-gradient(-45deg, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 13%,rgba(255,92,92,1) 100%); 
    background: -o-linear-gradient(-45deg, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 13%,rgba(255,92,92,1) 100%); 
    background: -ms-linear-gradient(-45deg, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 13%,rgba(255,92,92,1) 100%); 
    background: linear-gradient(135deg, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 13%,rgba(255,92,92,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=1 ); 
    */
}