* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
}

body {
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

.content {
    background-color: #ffffff;
    padding: 20px;
    margin: 10px;
    border: 1px solid #cccccc;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

ul {
    list-style: none;
    padding-left: 0;
}

ul li {
    padding: 4px 0;
    border-bottom: 1px dotted #eee;
}

.highlight {
    color: #C71585;
    font-weight: bold;
}

.version {
    background-color: #e0e0e0;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
}

.download-btn {
    background-color: #86c7e3;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #555;
    display: inline-block;
    margin: 8px 0;
}

.download-btn:hover {
    background-color: #6bb3d0;
}

.screenshot {
    margin: 10px 0;
    max-width: 100%;
    border: 1px solid #ddd;
}

.news-item {
    border-bottom: 1px dotted #ccc;
    padding: 8px 0;
}

.news-date {
    color: #666;
    font-size: 11px;
}

.game-item {
    display: inline-block;
    margin: 8px;
    padding: 12px 20px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    text-align: center;
}

.game-item a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.game-item a:hover {
    color: #C71585;
}
h1 {
    font-size: medium;
}

.OKCancelButton {
    width: 80px;
}

.SmallerFont {
    font-size: xx-small;
}

.ObjectItem {
    border-color: white;
    border-style: solid;
    border-width: thin;
}

.Grid {
    background-color: white;
    border-color: #cccccc;
    border-width: 1px;
    border-style: none;
}

.GridHeader {
    color: white;
    background-color: steelblue;
}

.GridFooter {
    color: #000066;
    background-color: white;
}

.GridItem {
    color: #000066;
}

.GridSelectedItem {
    color: white;
    background-color: #669999;
}

.MenuGroup {
    background-color: #d8d8d8;
    border: 1px solid #737373;
}

.MenuGroupEditLevel {
    border: 1px solid #737373;
    background-color: lightblue;
}

.MenuItem {
    border: 1px solid #d8d8d8;
    padding: 2px 15px 2px 5px;
    cursor: pointer;
    background-color: #d8d8d8;
    padding-left:5px;
    padding-right:15px;
 
}

.MenuItem:hover {
    background-color: silver;
    color: black;
    border: 1px solid #ababab;
    border-right-color: #737373;
    border-bottom-color: #737373;
}

.MenuItem:active {
    background-color: bisque;
    border: 1px solid #b30000;
    border-left-color: #ff4c4c;
    border-top-color: #ff4c4c;
    padding: 2px 15px 2px 5px;
    cursor: pointer;
}

.MenuItem:active:hover {
    background-color: #e9cfb1;
    color: black;
    border: 1px solid #b30000;
    border-left-color: #ff4c4c;
    border-top-color: #ff4c4c;
}

.ChildSelectedMenuItem {
    background-color: bisque;
    border: 1px solid #0000b3;
    border-left-color: #4c4cff;
    border-top-color: #4c4cff;
    padding: 2px 15px 2px 5px;
    cursor: pointer;
}

.ChildSelectedMenuItem:hover {
    background-color: #e9cfb1;
    color: black;
    border: 1px solid #0000b3;
    border-left-color: #4c4cff;
    border-top-color: #4c4cff;
}

.MenuItemEditLevel {
    border: 1px solid lightblue;
    padding: 2px 15px 2px 5px;
    cursor: pointer;
}