* { margin: 0px; padding: 0px; border: 0px; font-size: 12px; font-family: Arial, sans-serif; color: #000000; }

HTML { height: 100%; }
BODY { background: #FFFFFF; height: 100%; }
NOSCRIPT { font-weight: bold; color: #FF0000; margin: 5px; padding: 5px; text-align: center; }
PRE { background: #FFFFFF; border: 1px solid #378ECC; overflow: hidden; margin: 5px; padding: 5px; font-family: Courier New; }
TABLE { border-spacing: 0px; border-collapse: collapse; }
TABLE TH,
TABLE TD { padding: 2px; }
THEAD TD { border-bottom: 1px solid #378ECC; }
THEAD * { color: #378ECC; font-weight: bold; }
INPUT,
SELECT,
TEXTAREA { border: 1px solid #378ECC; }
TEXTAREA { font-family: monospace; width: 450px; }
INPUT,
SELECT { height: 16px; }
INPUT[type=button],
INPUT[type=submit] { height: 20px; text-align: absmiddle; background: #FFFFFF; }
INPUT[type=button]:hover,
INPUT[type=submit]:hover { border: 1px solid #C0E0FF; background: #378ECC; color: #FFFFFF; cursor: pointer; }
FIELDSET { margin: 5px; padding: 5px; border: 1px solid #378ECC; }
LEGEND { text-transform: uppercase; background: #378ECC; color: #FFFFFF; padding: 2px 5px; }
A { color: #378ECC; font-weight: bold; text-decoration: underline; }
A:hover { text-decoration: none; }

DIV.boxTitle { padding: 5px; font-weight: bold; height: 14px; line-height: 14px; font-size: 14px; color: #FFFFFF; background: #378ECC; border: 1px solid #378ECC; }
DIV.boxTitle > DIV { padding: 0px 5px 0px 0px; }
DIV.boxTitle * { line-height: 14px; font-size: 14px; color: #FFFFFF; }
DIV.boxBody { padding: 5px; background: #FFFFFF; border: 1px solid #378ECC; border-top: 0px; }
A.external { background: url(external.png) right center no-repeat; padding-right: 15px; }
SPAN.alias { font-style: italic; font-size: 10px; }

.important { color: #FF0000 !important; }

#Wrapper { }
#Header { height: 35px; padding: 5px 0px; background: #296A99; }
#HeaderStart1 { }
#HeaderStart2 { }
#HeaderCustom { }
#HeaderMiddle1 { }
#HeaderMiddle2 { }
#Actions { width: 900px; margin: 0px auto; }
#Flags { float: left; width: 175px; }
.flag { float: left; width: 20px; height: 12px; }
#LoginForm { float: right; width: 375px; }
#LoginFormEmail,
#LoginFormPassword { float: left; width: 150px; }
#LoginFormEmail INPUT,
#LoginFormPassword INPUT { width: 140px; padding: 1px 2px; }
#LoginFormSubmit { float: left; width: 75px; }
#LoginFormForgot { float: left; margin-left: 150px; width: 150px; }
#LoginFormRegister { float: left; width: 75px; }
#LoginFormForgot A { color: #C0E0FF; }
#LoginFormRegister A { color: #FFFFFF; }
#LoginPanel { float: right; width: 375px; }
#LoginPanel A { color: #FFFFFF; }
#LoginPanelMail,
#LoginPanelProfile,
#LoginPanelAdmin { float: left; margin-right: 10px; }
#LoginPanelLogout { float: right; }
#QuickSearch { float: left; width: 225px; }
#QuickSearchKeywords { float: left; width: 150px; }
#QuickSearchKeywords INPUT { float: left; width: 140px; padding: 1px 2px; }
#QuickSearchSubmit { float: left; width: 75px; }
#HeaderEnd1 { }
#HeaderEnd2 { }
#Main { overflow: auto; width: 900px; margin: 5px auto 0px; }
#Menu { clear: left; float: left; width: 172px; }
DIV.menuBox { margin: 0px 0px 5px 0px; }
#Module { float: right; width: 723px; }
#Error { }
#Footer { width: 900px; margin: 0px auto; border-top: 1px solid #378ECC; }
#FooterStart1 { }
#FooterStart2 { }
#FooterCustom { }
#FooterMiddle1 { }
#FooterMiddle2 { }
#Copyright { font-size: 10px; text-align: center; font-weight: bold; color: #378ECC; }
#FooterEnd1 { }
#FooterEnd2 { }
#System { display: none; position: fixed; bottom: 0px; right: 0px; font-weight: bold; background: #378ECC; padding: 5px; }
#System DIV { color: #FFFFFF; }
#System A { color: #FFFFFF }

/* FORUM MODULE */
DIV.forumsGroup { margin: 0px 0px 5px; }
DIV.forum { overflow: auto; height: 35px; }
DIV.forum DIV { float: left; }
DIV.forum DIV.button { height: 35px; }
DIV.forum DIV.button A { display: block; width: 20px; margin: 2px 5px 2px 2px; height: 31px; background: #e6e6e6; text-decoration: none; }
DIV.forum.unread DIV.button A { background: #C0E0FF; }
DIV.forum DIV.button A:hover { background: #378ECC; }
DIV.forum DIV.label { height: 35px; width: 320px; }
DIV.forum DIV.label DIV.title { width: 320px; height: 20px; }
DIV.forum DIV.label DIV.title A { padding: 2px; line-height: 16px; font-size: 16px; font-variant: small-caps; }
DIV.forum DIV.label DIV.description { width: 320px; height: 11px; padding: 2px; line-height: 11px; font-size: 11px; }

#ForumThreads { margin: 5px 0px 0px; }
#ForumThreads DIV.line { overflow: auto; width: 711px; }
#ForumThreads DIV.line DIV { float: left; height: 20px; line-height: 20px; }
#ForumThreads DIV.line DIV.header { border-bottom: 1px solid #378ECC; font-weight: bold; }
#ForumThreads DIV.line DIV.icon,
#ForumThreads DIV.line DIV.flag { width: 20px; }
#ForumThreads DIV.line DIV.replies,
#ForumThreads DIV.line DIV.views { width: 35px; }
#ForumThreads DIV.line DIV.icon A { display: block; width: 16px; height: 16px; margin: 2px; background: #e6e6e6; text-decoration: none; }
#ForumThreads DIV.line DIV.title { width: 280px; }
#ForumThreads DIV.line DIV.author { width: 130px; }
#ForumThreads DIV.line DIV.last { width: 191px; }
#ForumThreads DIV.line DIV.last SPAN.date { font-size: 10px; }
#ForumThreads DIV.unread DIV.icon A { background: #C0E0FF; }
#ForumThreads DIV.unread DIV.icon A:hover { background: #378ECC; }

DIV.post { overflow: auto; margin: 5px 0px 0px; border: 1px solid; }
DIV.post.odd { background: #f2f9ff; border-color: #f2f9ff; }
DIV.post.even { background: #e6f2ff;  border-color: #e6f2ff; }
DIV.post:hover { border-color: #378ECC; }
DIV.post DIV.poster { float: left; width: 120px; padding: 5px; }
DIV.post DIV.poster DIV.name { margin-bottom: 5px; }
DIV.post DIV.poster DIV.avatar { width: 50px; height: 50px; background: #FFFFFF; border: 5px solid #FFFFFF; }
DIV.post DIV.poster DIV.avatar IMG { width: 50px; height: 50px; }
DIV.post DIV.body { float: right; width: 573px; padding: 5px; }
DIV.post DIV.body DIV.header { overflow: auto; }
DIV.post DIV.body DIV.header DIV.date { float: left; }
DIV.post DIV.body DIV.header DIV.actions { float: right; }
DIV.display { float: left; width: 613px; }
DIV.quote { margin: 5px; padding: 5px; border: 1px solid #378ECC; }

#Breadcrumbs { overflow: auto; }
#Breadcrumbs DIV { float: left; color: #FFFFFF; }
#Breadcrumbs A { color: #FFFFFF; text-decoration: underline; }

#OnlineUsers DIV.boxTitle { background: lightgrey; border-color: lightgrey; }
#OnlineUsers DIV.boxBody { border-color: lightgrey; }

/* REGISTER MODULE */

.formLine { overflow: auto; padding: 5px; }
.formLabel { float: left; width: 150px; }
.formField { float: left; width: 225px; }
.formError { float: left; font-weight: bold; color: red; }

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

.osyFormPanelButtons .osyButton { float: left; }

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

.osyPanel { border: 1px solid #378ECC; }
.osyPanel.osyBorderLess { border: 0px; }
.osyPanelTitle { background: #378ECC; color: #FFFFFF; padding: 5px; height: 14px; font-size: 14px; line-height: 14px; font-weight: bold; }

.osyToolbar { background: #FFFFFF; }
.osyToolbar TD { padding: 5px 0px 5px 5px; }

.osyFormLayout { width: 100%; }

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

.osyTextarea,
.osyTextField { overflow: auto; }
.osyTextField { height: 22px; }
.osyTextareaLabel,
.osyTextFieldLabel { float: left; overflow: hidden; font-weight: bold; height: 12px; line-height: 12px; padding: 4px; margin: 1px; }
.osyTextareaInput,
.osyTextFieldInput { border: 1px solid #378ECC; padding: 1px 5px; border-color: #378ECC; margin: 1px; }
.osyTextareaInput TEXTAREA,
.osyTextFieldInput INPUT { width: 100%; }

.osyWindow { position: absolute; top: 0px; left: 0px; }
.osyWindowTable { width: 100%; height: 100%; }
.osyWindowBar { overflow: auto; padding: 5px; background: #378ECC; }
.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 #378ECC; padding: 5px; }
.osyButton:hover { background: #378ECC; border-color: #C0E0FF; }
.osyButton:hover .osyButtonLabel { color: #FFFFFF; }

.osyComboBox { overflow: auto; height: 22px; }
.osyComboBoxLabel { float: left; overflow: hidden; font-weight: bold; height: 12px; line-height: 12px; padding: 4px; margin: 1px; }
.osyComboBoxField { float: left; overflow: auto; height: 18px; padding: 0px 5px; border: 1px solid #0174DF; border-right: 0px; background: #FFFFFF; margin: 1px 0px 1px 1px; }
.osyComboBoxField INPUT { border: 0px; height: 16px; background: #FFFFFF; }
.osyComboBoxField INPUT:hover { border: 0px; }
.osyComboBoxButton { float: left; border: 1px solid #0174DF; margin: 1px 1px 1px 0px; padding: 0px 5px; border: 1px solid #0174DF; height: 18px; width: 18px; cursor: pointer; background: url(../images/select.png) no-repeat; }
.osyComboBoxButton:hover { background: url(../images/select-active.png) no-repeat; }

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

.osyGridTable { width: 100%; }
.osyGridCell { padding: 5px; }
.osyGridPaging { overflow: auto; }
.osyGridPagingArrow { float: left; padding: 5px; }
.osyGridPagingActive { cursor: pointer; font-weight: bold; color: #378ECC; }
.osyGridPage { float: left; padding: 5px; }
.osyGridRefresh { float: left; cursor: pointer; padding: 3px; width: 16px; height: 16px; background: url(refresh.png) no-repeat 50% 50%; }

.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(folder-open.gif); }
.osyTreeNodeIcon.osyTreeNodeCollapsed { background: url(folder.gif); }
.osyTreeNodeLeaf { background: url(leaf.gif); }
.osyTreeNodeLabel { float: left; cursor: pointer; padding: 2px; }

#osyNotifications { position: fixed; width: 220px; right: 0px; top: 0px; padding-bottom: 10px; }
#osyNotifications DIV { margin: 10px 10px 0px; padding: 10px; font-weight: bold; background: #000000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #FFFFFF; }