* {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #FFFFFF;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#navi {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: auto;
    margin-bottom: 0px;
    background-color: #333333;
    color: #990000;
    border-bottom: 2px solid #DDDDDD;
    position: fixed;
    z-index: 1000;
}

h1 {
    color: #333333;
    font-size: 30px;
    margin-bottom: 20px;
    margin-left: 100px;
    margin-top: 50px;
    float: left;
}

#navi a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 100;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

#navi a:hover {
    color: #AAAAAA;
}

#content {
    width: auto;
    height: auto;
    float: none;
}

table {
    margin-left: 100px;
    margin-top: 3px;
}

table, #tr {
    border: 0px solid #999999;
    color: #333333;
}

th {
    width: auto;
    height: 30px;
    background-color: #DDDDDD;
    text-transform: uppercase;
}

#username {
    height: 40px;
    min-width: 100px;
    color: #333333;
    position: sticky;
    left: 0px;
    line-height: 39px;
    background-color: #DDDDDD;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    
}

#td {
    height: 39px;
    text-align: center;
    color: #000000;
    min-width: 30px;
    max-width: 30px;
    border: 1px solid;
    background-color: #333333;
}

.t7, .t14, .t21, .t28, .t35, .t42, .t49, .t56, .t63, .t70, .t77, .t84,
 .t91, .t98, .t105, .t112, .t119, .t126, .t133, .t140, .t147, .t154, .t161,
  .t168, .t175, .t182, .t189, .t196, .t203, .t210, .t217, .t224, .t231, .t238,
   .t245, .t252, .t259, .t266, .t273, .t280, .t287, .t294, .t301, .t308, .t315, .t322,
    .t329, .t336, .t343, .t350, .t357, .t364 {
    border-right: 2px solid #000000 !important;
}

.t1, .t8, .t15, .t22 , .t29, .t36, .t43, .t50, .t57, .t64, .t71, .t78, .t85,
 .t92, .t99, .t106, .t113, .t120, .t127, .t134, .t141, .t148, .t155, .t162,
  .t169, .t176, .t183, .t190, .t197, .t204, .t211, .t218, .t225, .t232, .t239,
   .t246, .t253, .t260, .t267, .t274, .t281, .t288, .t295, .t302, .t309, .t316, .t323,
    .t330, .t337, .t344, .t351, .t358 {
    border-left: 2px solid #000000 !important;
}

#td a {
    width: 30px;
    height: 39px;
    display: block;
}


/* Login siden - Create User Siden */

.loginForm {
    width: 300px;
    height: auto;
    padding: 15px;
    margin: auto;
    margin-top: 10px;
    background-color: #DDDDDD;
    border-radius: 10px;
}

h2 {
    color: #333333;
    text-align: center;
}

.loginField, .createField {
    width: 250px;
    height: 25px;
    display: block;
    padding: 3px;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #333333;
    text-align: center;
}

.loginBtn, .createBtn {
    width: 150px;
    height: 30px;
    display: block;
    margin: auto;
    margin-top: 15px;
    background-color: #EEEEEE;
    border: 1px solid #333333;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 5px;
}

#delBtn {
    width: 150px;
    height: 30px;
    display: block;
    margin-top: 15px;
    background-color: #EEEEEE;
    border: 1px solid #990000;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 5px;
    color: #990000;
}

#delBtn:hover, .loginBtn:hover, .createBtn:hover, .editForm #save:hover {
    background-color: #FFFFFF;
}

.createForm {
    width: 300px;
    height: auto;
    margin-left: 100px;
    background-color: #DDDDDD;
    border-radius: 10px;
    padding: 15px;
    margin-top: 25px;
}

.editForm {
    padding-top: 110px;
    margin-left: 100px;
}

.editForm select {
    width: 200px;
    padding: 5px;
    font-weight: 600;
    margin-top: 5px;
    text-transform: uppercase;
}

.editForm option {
    font-weight: 600;
    text-transform: uppercase;
}

.editForm #save {
    width: 150px;
    height: 30px;
    display: block;
    margin-top: 15px;
    background-color: #DDDDDD;
    border: 1px solid #333333;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 5px;
}

.editForm label {
    font-size: 16px;
    font-weight: 600;
}