﻿/*td {
    border:1px solid white;
}*/
body {
    background-color: #D3D3D3;
    font-family: Tahoma, sans-serif;
    font-size: 16px;
    padding-top: 55px;
}

h1 {
    /*font: bold 16px tahoma;*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #5a5a5a;
}

td {
    vertical-align: top;
    /*   border: 1px solid cyan;
}

table {
    border: 1px solid navy;
}

div {
    border: 1px solid yellow;*/
}

.formLabel {
    padding-right: 6px;
}

.basicBox {
    background-color: #797979;
    padding: 2px 10px;
    border-radius: 10px;
    border: 1px solid black;
    display: table;
    margin: 0px 10px;
}

.generalBox {
    background-color: #797979;
    padding: 10px;
    border-radius: 15px;
    border: 2px solid black;
    display: table;
    margin: 10px;
}

.importantBox {
    box-shadow: 10px 20px #5a5a5a;
    height: 100px;
    position: absolute;
    top: 20%;
    margin-top: -20px;
    left: 50%;
    margin-left: -50px;
}

.wideBox {
    display: block;
}

.contentBox {
    box-shadow: 5px 5px #5a5a5a;
}

.appDetail {
    font-size: 20px;
    color: #e9e9e9;
}

.userDetail {
    text-align: right;
    font-size: 14px;
}

#TopBar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 5px;
    background-color: #797979;
    border-bottom: 5px solid black;
    font-weight: bold;
    /*height: 45px;*/
}

    #TopBar td {
        vertical-align: middle;
        /*border: 1px solid gold;*/
    }

    #TopBar a {
        text-decoration: none;
        color: white;
    }

#OldMenu, #Logout, #BackToMenu, #DeleteUserCode {
    background-color: #d37979;
}

.redHighlight {
    background-color: #d37979;
}

#btmHolder {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 5px;
    background-color: #797979;
    border-right: 2px solid black;
    border-top: 2px solid black;
    border-radius: 0 25px 0 0;
}

input[type=submit], input[type=button] {
    font: 2.4em Tahoma, sans-serif;
    font-size: 70%;
    padding: 5px;
    /*background-color: #d3d3d3;*/
    border: 0 solid; /* 1px solid; */ /* #d3d3d3;*/
    border-radius: 10px;
    /*border-bottom: 1px solid; #797979;*/
    box-shadow: inset 0 20px 0 0 rgba(255,255,255,0.5);
    /*display: block;*/
    margin: 5px;
    width: 125px;
    color: black;
}

    input[type=submit]:hover, input[type=button]:hover {
        background-color: #d3e9d3;
    }

    input[type=submit][disabled], input[type=button][disabled] {
        background-color: #a6a6a6;
        box-shadow: inset 0 0;
        color: #797979;
    }


#EUWarning {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #d3d3d3;
    padding: 2px;
    border-top: 4px solid #d37979;
    display: none;
}

@media screen {
    #EUWarning {
        display: block;
    }
}

#APIVersion {
    position: absolute;
    display: table;
    top: 10px;
    right: 10px;
    font-size: 8px;
}

.pseudoButtonContainer {
    margin: 6px;
    text-align: center;
}

.pseudoButtonContainerLeft {
    margin: 6px;
    text-align: left;
    vertical-align: middle;
}

.pseudoButton {
    background: #d3d3d3;
    padding: 3px 15px;
    border-radius: 15px;
    cursor: default;
    vertical-align: middle;
}

    .pseudoButton img {
        vertical-align: middle;
    }

.ImagePreviewLink {
}

    .ImagePreviewLink a {
        position: absolute;
        right: 5px;
        text-decoration: none;
        cursor: default;
    }

.ItemListLink {
    position: relative;
    /*color: #d3d3d3;*/
    margin: 2px;
    border: 1px solid black;
    border-radius: 6px;
    cursor: default;
    padding: 3px 40px 3px 3px;
    /*background-color: #5a5a5a;*/
}

#screenBox {
    position: fixed;
    top: 70px;
    right: 20px;
    padding: 15px 10px;
    text-align: center;
    cursor: default;
    border: 3px solid white;
    border-radius: 20px;
    background-color: black;
    box-shadow: 0 0 0 3px #797979;
}

.InfoTitle {
    font-weight: bold;
}
