html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

header {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

footer {
    color:white;
    background-color: black;
}

a {
    color: forestgreen;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a.button 
    {
        color: black;
        outline: none;
        padding-left: 3px;
        padding-right: 3px;
        cursor:pointer;
        border-style: outset; 
        border-radius:4px;
        height:200px;
        width:200px;
        text-decoration:none;
    }
    a:link, a:visited,
    a:active, a:hover {
        color: forestgreen;
    }

    a:hover {
        color: white;
        background-color: forestgreen;
    }

.label {
    cursor:pointer;
    color:black;
    font-size:large;
    text-align:center;
     
}
    .label:hover {
        color: green;
        font-weight: bold;
    }

.textarea {
    background-color:beige;
}

.bar_menu {
    background-color:rgba(128, 128, 128, 0.00);
    width:1000px;
    text-align:center;
}
.bar_menu_label_Img {
    width:100%;
    height:160%;float: left;
    position:relative;
    margin:-29px 0px -52px 0px;
}

.bar_menu_label_text {
    position:relative;
    width:100%;
    height:100%;
    margin:0px 0px 5px 0px;
}

button {
    color: black;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    cursor:pointer;
    border-radius:4px;
}

    button:link, button:visited,
    button:active, button:hover {
        color: darkgray;
    }

    button:hover {
        color: white;
        background-color: forestgreen;
    }

.button {
    color: black;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    cursor:pointer;
    border-radius:4px;
}
    .button:link, .button:visited,
    .button:active, .button:hover {
        color: darkgray;
    }

    .button:hover {
        color: white;
        background-color: forestgreen;
    }

.buttonInic {
    color: black;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    width:90%;
    height:40px;
    font-size:small;
    cursor:pointer;
    border-radius:4px;
}
    .buttonInic:link, .buttonInic:visited,
    .buttonInic:active, buttonInic:hover {
        color: darkgray;
    }

    .buttonInic:hover {
        color: white;
        background-color: forestgreen;
    }

.button2 {
    color: black;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    cursor:pointer;
    border-radius:4px;
    height:100px;
    width:160px;
    text-align:center;
    white-space: normal; 
    cursor:pointer; 
    font-size:medium;
    font-weight: bold;
    border-radius:10px;
}
    .button2:link, .button2:visited,
    .button2:active, .button2:hover {
        color: black;
        text-decoration:underline;
        border-color:yellowgreen; 
    }

    .button2:hover {
        color: black;
        text-decoration:underline;
    }

.buttonsend {
    color: black;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    cursor:pointer;
    border-radius:4px;
    border-radius:4px;
    height:22px;
    width:140px;
}
    .buttonsend:link, .buttonsend:visited,
    .buttonsend:active, .buttonsend:hover {
        color: darkgray;
    }

    .buttonsend:hover {
        color: white;
        background-color: forestgreen;
    }


header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
}

th {
    text-align: center;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        text-decoration: none;
    }

    th a:hover {
        color: #000;
    }


    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    border: 0 none;
}
.panel {
    width:190px;
    text-align:left;
    border: 1px solid;
}