body {
    font-size: 11px;
    color: #d1d5db;
    background: #282c34; /* Màu xám tối hơn */
    padding: 5px 0px 5px 0px;
}

body, td {
    font: 13px Tahoma;
    color: #d1d5db;
}

a {
    cursor: pointer;
    font-family: "Tahoma";
    color: #89b4fa; /* Màu liên kết tối hơn */
    font-size: 11px;
    font-weight: bold;
    text-shadow: 1px 1px #040404;
    text-decoration: none;
}

a:hover {
    font-family: "Tahoma";
    color: #a9c6fa; /* Màu liên kết hover tối hơn */
    font-size: 11px;
    font-weight: bold;
    text-shadow: 1px 1px #040404;
    text-decoration: underline;
}

#menuto {
    text-align: center;
    height: 25px;
    padding-top: 10px;
}

#menuto ul {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
}

#menuto li {
    margin: 1px;
    display: inline;
}

#menuto a {
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    padding: 10px;
    color: #d1d5db;
}

#menuto a:hover, #menuto a:active {
    background: #36393f; /* Màu nền menu tối hơn */
    text-decoration: none;
    border: 1px solid #5a697f;
    padding: 10px;
    margin: -1px;
}

.asd {
    font-family: "Tahoma";
    color: #d1d5db;
    font-size: 11px;
    font-weight: bold;
    display: box;
    text-decoration: none;
    border: 1px solid #5a697f;
    padding: 4px 3px 4px 3px;
    vertical-align: top;
    background: #36393f; /* Màu nền asd tối hơn */
}

.menu a {
    font-family: "Tahoma";
    color: #d1d5db;
    font-size: 11px;
    font-weight: bold;
    display: block;
    width: 100%;
    text-decoration: none;
    border: 1px solid #5a697f;
    padding: 1px 3px 2px 3px;
    background: #36393f; /* Màu nền menu tối hơn */
}

.menu a:hover {
    font-family: "Tahoma";
    color: #d1d5db;
    font-size: 11px;
    font-weight: bold;
    display: block;
    width: 100%;
    text-decoration: none;
    border: 1px solid #5a697f;
    padding: 1px 3px 2px 3px;
    background: #40444b; /* Màu nền menu hover tối hơn */
}

.menu2 a {
    font-family: "Tahoma";
    color: #d1d5db;
    font-size: 11px;
    font-weight: bold;
    display: block;
    width: 100%;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    text-decoration: none;
    border: 1px solid #5a697f;
    padding: 1px 3px 2px 3px;
    background: #36393f; /* Màu nền menu2 tối hơn */
}

.menu2 a:hover {
    font-family: "Tahoma";
    color: #d1d5db;
    font-size: 11px;
    font-weight: bold;
    display: block;
    width: 100%;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    text-decoration: none;
    border: 1px solid #5a697f;
    padding: 1px 3px 2px 3px;
    background: #40444b; /* Màu nền menu2 hover tối hơn */
}

.bar1, .bar2, .bar3, .bar4, .bar5, .bar6, .bar7, .bar8 {
    border: 1px solid #5a697f;
    background: #36393f; /* Màu nền bar tối hơn */
    font-family: "Tahoma";
    color: #d1d5db;
    font-size: 11px;
    font-weight: bold;
}

.bar6 {
    color: #e06c75;
}

.bar7 {
    color: #d19a66;
}

.title {
    border: 1px solid #5a697f;
    background: linear-gradient(to right, #4a6572, #34495e); /* Màu nền title tối hơn */
    font-family: "Tahoma";
    height: 25px;
    text-align: center;
    color: #d1d5db;
    font-size: 11px;
    text-shadow: 1px 1px #040404;
    padding: 0px 0px 1px 5px;
    font-weight: bold;
}

.title1, .title2, .title3, .title4 {
    border: 1px solid #5a697f;
    background: linear-gradient(to right, #4a6572, #34495e); /* Màu nền title1-4 tối hơn */
    font-family: "Tahoma";
    height: 18px;
    text-align: left;
    color: #d1d5db;
    font-size: 11px;
    text-shadow: 1px 1px #040404;
}

.input,
input {
    border: 1px solid #5a697f; /* Viền xám tối */
    background-color: #36393f; /* Nền xám tối */
    font-family: "Tahoma";
    color: #d1d5db; /* Chữ xám nhạt */
    font-size: 11px;
    border-radius: 7px;
    text-shadow: 1px 1px #040404;
    padding: 2px 4px 2px 4px;
}

.input:focus,
input:focus {
    outline: none;
    border-color: #89b4fa; /* Viền sáng hơn khi focus */
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    border: 1px solid #5a697f;
    background-color: #4a6572;
    font-family: "Tahoma";
    color: #d1d5db;
    font-size: 11px;
    border-radius: 7px;
    text-shadow: 1px 1px #040404;
    padding: 2px 4px 2px 4px;
    cursor: pointer;
	margin: 3px 6px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
    background-color: #34495e;
}

div {
display: inline;
text-align: center;
}