body {
}

.headertext {
    font-size:13pt;
    color:#EEEEEE;
    text-shadow: 1px 0 black;
}

.error {
    color:red;
    font-size:10pt;
}

.button {
    width:80px;
    height:30px;
    font-size:9pt;
}

.button:hover {
    background-color:#CCCCFF;
}

.button1 {
    width: 60px;
    height: 20px;
    font-size: 8pt;
}

.acc {
    font-size: 8pt;
    text-align:right;
}

.form {
    font-size:8pt;
    color:#333333;
    text-decoration:none;
}

.form:hover{
    color:#888888;
}

.menu
{
    font-size:12pt;
    color:#FFFFFF;
    text-decoration:none;
}
.menu:hover
{
    color:#DDDDDD;
}

.item {
    font-size: 10pt;
    color:#000000;
}

.itemh {
    text-decoration: none;
    font-size: 10pt;
    color: #000000;
}

.itemh:hover{
    color:#666666;
}

.item1 {
    text-decoration: none;
    font-size: 9pt;
    color: #000000;
}

.item1h {
    text-decoration: none;
    font-size: 9pt;
    color: #000000;
}

.item1h:hover{
    color:#666666;
    color:#666666;
}

.title{
    color:#000066;
    font-weight:bold;
    font-size:12pt;
}

.mw320{
    max-width:320px;
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.notification {
    color:#0000FF;
    animation: fadeout 5s;
    animation-delay: 5s;
    animation-fill-mode: both;
}