* { background: none; color: #000000; border: 0px; padding: 0px; margin: 0px; font: 12px Arial, Helvetica; }

HTML,
BODY { height: 100%; }
A { color: #8B0000; font-weight: bold; }

#wrapper { margin: 0px auto; height: 100%; width: 800px; background: url(http://static.osyra.net/img/rabbit/games.png) no-repeat 0px 50px transparent; }
#header { margin: 0px auto; width: 500px; border-bottom: 3px solid #8B0000; padding: 5px; font-size: 32px; font-weight: bold; }
#body { overflow: auto; margin: 0px auto; width: 500px; padding: 5px; }
#footer { margin: 0px auto; width: 500px; border-top: 3px solid #8B0000; padding: 5px; text-align: center; }

#osyLoading { position: fixed; z-index: 999; top: 0px; left: 0px; height: 100%; width: 100%; }

.osyElement,
.osyElement * { border: 0px; margin: 0px; padding: 0px; line-height: 12px; font-size: 12px; list-style: none; border-spacing: 0px; border-collapse: collapse; }
.osyElement TD,
.osyElement TH { vertical-align: top; }

.osyFormPanelButtons .osyButton { float: left; }

#osyMask { background: #8B0000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.5; }

.osyPanel { border: 1px solid #8B0000; }
.osyPanel.osyBorderLess { border: 0px; }
.osyPanelBar { position: relative; }
.osyPanelTitle { background: #8B0000; color: #FFFFFF; padding: 5px; height: 14px; font-size: 14px; line-height: 14px; font-weight: bold; }
.osyPanelBody { overflow: hidden; }
.osyPanelCollapser { float: right; font-weight: bold; color: #FFFFFF; padding: 2px; cursor: pointer; }

.osyToolbar { background: #EEEEEE; overflow: hidden; height: 24px; padding: 2px; }

.osyFormLayout { width: 100%; }

.osyTabPanel { }
.osyTabs { width: 100%; overflow: auto; }
.osyTab { float: left; margin: 2px 0px 0px 2px; background: #EEEEEE; border: 1px solid #EEEEEE; border-bottom: 0px; }
.osyTabTitle { float: left; cursor: pointer; padding: 5px; height: 14px; font-size: 14px; line-height: 14px; font-weight: bold; color: #8B0000; }
.osyTabActive { background: #8B0000; border-color: #8B0000; }
.osyTabActive .osyTabTitle { color: #FFFFFF; }
.osyTabClose { float: left; width: 14px; height: 14px; padding: 5px; background: url(close.png) 50% 50% no-repeat; cursor: pointer; }
.osyTabPanelBody > .osyPanel > .osyPanelBar { display: none; }
.osyTabEmpty { border: 1px solid #8B0000; height: 10px; }

.osyWindow { position: absolute; top: 0px; left: 0px; }
.osyWindowTable { width: 100%; height: 100%; }
.osyWindowBar { overflow: auto; padding: 5px; background: #8B0000; }
.osyWindowTitle { float: left; height: 12px; padding: 4px; color: #FFFFFF; font-weight: bold; }
.osyWindowBody { overflow: auto; padding: 5px; background: #FFFFFF; }
.osyWindowButtons { float: right; height: 20px; }
.osyWindowButtonClose { float: left; margin: 4px; height: 12px; width: 12px; cursor: pointer; background: #FFFFFF; }

.osyButton { float: left; cursor: pointer; border: 1px solid #8B0000; padding: 5px; }
.osyButton:hover { background: #8B0000; border-color: #000000; }
.osyButton:hover .osyButtonText { color: #FFFFFF; }

.osyTextField { overflow: hidden; height: 22px; }
.osyTextFieldLabel { float: left; overflow: hidden; font-weight: bold; height: 12px; line-height: 12px; padding: 4px; text-align: right; margin: 1px; }
.osyTextFieldInput { overflow: hidden; border: 1px solid #8B0000; padding: 3px; margin: 1px; background: #FFFFFF; }
.osyTextFieldInput INPUT { width: 100%; height: 12px; }

.osyTextarea { overflow: auto; }
.osyTextareaLabel { float: left; overflow: hidden; font-weight: bold; height: 12px; line-height: 12px; padding: 4px; margin: 1px; }
.osyTextareaInput { border: 1px solid #8B0000; padding: 1px; margin: 1px; background: #FFFFFF; }
.osyTextareaInput TEXTAREA { width: 100%; }

.osyComboBox { overflow: auto; height: 22px; }
.osyComboBoxLabel { float: left; overflow: hidden; font-weight: bold; height: 12px; line-height: 12px; padding: 4px; text-align: right; margin: 1px; }
.osyComboBoxField { overflow: hidden; height: 18px; border: 1px solid #8B0000; margin: 1px; background: #FFFFFF; }
.osyComboBoxInput { overflow: hidden; border: 0px; padding: 3px; }
.osyComboBoxInput INPUT { width: 100%; line-height: 12px; }
.osyComboBoxButton { float: right; height: 18px; width: 18px; border-left: 1px solid #8B0000; cursor: pointer; background: #8B0000; }
.osyComboBoxButton:hover { }

#osyComboBoxDropdown { position: absolute; background: #FFFFFF; z-index: 1000; margin-top: -1px; }
#osyComboBoxDropdownList { border: 1px solid #8B0000; }
#osyComboBoxDropdownList DIV { height: 18px; line-height: 18px; padding: 2px; }
.osyComboBoxDropdownLegend { font-weight: bold; color: #FFFFFF; background: #707070; }
.osyComboBoxDropdownLegend,
.osyComboBoxDropdownUnselectable { cursor: default; }
.osyComboBoxDropdownSelectable { cursor: pointer; }
.osyComboBoxDropdownSelectable:hover,
.osyComboBoxDropdownSelectable:active { background: #8B0000; color: #FFFFFF; }

.osyLabel { padding: 5px; }

.osyLink { padding: 5px; }

.osyHorizontalLayout { width: 100%; }

.osyGrid.osyBorderLess { border: 0px; }
.osyGridTable { width: 100%; }
.osyGridHeaders { background: #8B0000; }
.osyGridHeader { padding: 5px; color: #FFFFFF; font-weight: bold; }
.osyGridRow { cursor: default; }
.osyGridRow.even { background: #FFFFFF; }
.osyGridRow.odd { background: #EEEEEE; }
.osyGridRow:hover { background: #8B0000; }
.osyGridRow:hover .osyGridCell { color: #FFFFFF; }
.osyGridCell { padding: 5px; }
.osyGridPaging { overflow: auto; }
.osyGridPagingArrow { float: left; padding: 5px; }
.osyGridPagingActive { cursor: pointer; font-weight: bold; color: #8B0000; }
.osyGridPage { float: left; padding: 5px; }
.osyGridRefresh { float: left; cursor: pointer; padding: 3px; width: 16px; height: 16px; background: url(refresh.png) no-repeat 50% 50%; }
.osyGridSortable { cursor: pointer; }

.osyTreeNode UL { clear: both; margin-left: 20px; }
.osyTreeNodeAction,
.osyTreeNodeLeaf,
.osyTreeNodeIcon { float: left; width: 16px; height: 16px; }
.osyTreeNodeAction.osyTreeNodeExpanded { background: url(arrows.gif) 48px 0px; }
.osyTreeNodeAction.osyTreeNodeExpanded:hover { background: url(arrows.gif) 16px 0px; }
.osyTreeNodeAction.osyTreeNodeCollapsed { background: url(arrows.gif) 32px 0px; }
.osyTreeNodeAction.osyTreeNodeCollapsed:hover { background: url(arrows.gif) 0px 0px; }
.osyTreeNodeIcon.osyTreeNodeExpanded { background: url(folderOpen.gif); }
.osyTreeNodeIcon.osyTreeNodeCollapsed { background: url(folder.gif); }
.osyTreeNodeLeaf { background: url(leaf.gif); }
.osyTreeNodeLabel { float: left; cursor: pointer; padding: 2px; }

#osyNotifications { position: fixed; width: 250px; right: 0; top: 0; padding: 10px; z-index: 1000; }
.osyNotification { width: 250px; margin-bottom: 10px; background: #000000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #FFFFFF; }
.osyNotificationClose { position: absolute; cursor: pointer; top: 0; right: 0; width: 20px; height: 20px; margin: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #8B0000; }
.osyNotificationText { font-weight: bold; color: #FFFFFF; padding: 10px; }