/***************************************************
  General / Elements 
****************************************************/
html {
height:100%;
}

* {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font-family:Arial, sans-serif;
font-size:8pt;
color:#969696;
background-image:url(images/bg_main.gif);
height:100%;
}

img {
border:0;
}

a:link,a:visited {
text-decoration:none;
color:#969696;
}

a:hover,a:active {
text-decoration:none;
}

h1 {
font-size:11pt;
font-weight:400;
color:#000;
}

h2 {
margin:0 0 2px;
font-size:8pt;
font-weight:400;
color:#969696;
}

h3 {
font-size:11pt;
font-weight:700;
line-height:11pt;
color:#537cc4;
margin:2px 0 3px;
}

h4 {
font-size:8pt;
font-weight:700;
color:#537cc4;
margin:0 0 2px;
}

/***************************************************
  General / Classes
****************************************************/
form.inlineRight {
display:block;
float:right;
}

.iSubmit {
background:none;
padding:0;
text-align:right;
border:0;
cursor:pointer;
overflow:visible;
}

.iSubmitArrowLarge {
background:url(images/arrow_right.png) no-repeat left center;
padding:0 0 0 13px;
text-align:right;
border:0;
cursor:pointer;
overflow:visible;
}

.iSubmitArrowSmall {
background:url(images/arrow_content_link.png) no-repeat left center;
background-position:0 1px;
padding:0 0 0 5px;
margin:3px 3px 0 0;
text-align:right;
border:0;
cursor:pointer;
overflow:visible;
}

.iSubmitArrowSmallNoMargin {
background:url(images/arrow_content_link.png) no-repeat left center;
background-position:0 1px;
padding:0 0 0 5px;
margin:0 3px 0 0;
text-align:right;
border:0;
cursor:pointer;
overflow:visible;
}

.iInput {
padding:1px 0;
margin:0 1px;
border:1px solid silver;
vertical-align:middle;
}

input.medium {
height:15px;
width:180px;
margin:0;
}

.textHighlightDark {
font-family:Arial, sans-serif;
font-size:8pt;
color:#000;
font-weight:700;
}

.textHighlightBright {
font-family:Arial, sans-serif;
font-size:8pt;
color:#FFF;
font-weight:700;
}

.textHighlightColorBright {
font-family:Arial, sans-serif;
font-size:8pt;
font-weight:700;
color:#3C3;
}

.textHighlightColorDark {
font-family:Arial, sans-serif;
font-size:8pt;
font-weight:700;
color:#68a03f;
}

.clearBoth {
clear:both;
}

.displayNone {
display:none;
}

.paddingBottomLarge {
padding-bottom:10px;
}

.paddingBottomSmall {
padding-bottom:5px;
}

.marginBottomXSmall {
margin-bottom:5px;
}

.verticalAlignMiddle {
vertical-align:middle;
}

.checkbox {
width:13px;
height:13px;
margin:0 3px 0 0;
}

.inputLabel {
margin-top:4px;
}

.floatLeft {
float:left;
}

.block {
display:block;
}

img.verticalAlignMiddle {
vertical-align:middle;
}

/***************************************************
  Layout 
****************************************************/
#rGlobalOuterWithPartner {
width:1105px;
margin-left:auto;
margin-right:auto;
}

#rGlobalOuter {
width:1000px;
margin-left:auto;
margin-right:auto;
}

#rPartner {
width:100px;
float:right;
overflow:hidden;
}

#rStage {
width:1000px;
}

/* is superclass */
.rOuter {
width:1000px;
margin-left:auto;
margin-right:auto;
}

/* need superclass: rOuter */
#subRTopNav {
height:2.15em;
padding:5px 0;
}

/* need superclass: rOuter */
#subRHeader {
height:110px;
}

/* need superclass: rOuter */
#subRMainMenu {
background-image:url(images/mainnavibar.png);
background-repeat:no-repeat;
height:39px;
}

/* need superclass: rOuter */
#subRSubMainMenu {
background-image:url(images/subnavi_game_bg.png);
background-repeat:no-repeat;
height:26px;
text-align:center;
overflow:hidden;
}

/* need superclass: rOuter */
#subRUserMenu {
background-image:url(images/mynavi_bar.png);
background-repeat:no-repeat;
height:17px;
text-align:center;
}

/* need superclass: rOuter */
#subRHeaderBar {
background-image:url(images/bar.png);
background-repeat:no-repeat;
height:25px;
}

/* need superclass: rOuter */
#subRContent {
}

#rContentInner {
position:relative;
width:1020px;
margin:-5px 0 0 -20px;
padding:0;
}

/* need superclass: rOuter */
#subRFooter {
padding:20px 0;
text-align:center;
}

/***************************************************
  Layout / Modules
****************************************************/
/* is superclass */
.rModule {
padding:10px 0 0 20px;
float:left;
}

/* need superclass: rModule */
.subRModuleSmall {
width:320px;
}

/* need superclass: rModule */
.subRModuleMedium {
width:660px;
}

/* need superclass: rModule */
.subRModuleLarge {
width:1000px;
}

.rModuleTeaser {
width:320px;
padding:10px 0 0 20px;
float:left;
}

.rModuleHeader {
height:33px;
overflow:hidden;
}

.rModuleSmallCornersTop {
width:320px;
height:3px;
background-image:url(/static/images/window_small_1.png);
}

.rModuleMediumCornersTop {
width:660px;
height:3px;
background-image:url(/static/images/window_medium_1.png);
}

.rModuleLargeCornersTop {
width:1000px;
height:3px;
background-image:url(/static/images/window_large_1.png);
}

.rModuleSmallCornersBottom {
width:320px;
height:3px;
background-image:url(/static/images/window_small_2.png);
}

.rModuleMediumCornersBottom {
width:660px;
height:3px;
background-image:url(/static/images/window_medium_2.png);
}

.rModuleLargeCornersBottom {
width:1000px;
height:3px;
background-image:url(/static/images/window_large_2.png);
}

/* is superclass */
.rModuleContent {
padding:7px 10px;
background-color:#FFF;
color:#646464;
overflow:auto;
}

/* need superclass: rModuleContent */
.subRSmallHeight {
height:132px;
}

/* need superclass: rModuleContent */
.subRMediumHeight {
height:327px;
}

/* need superclass: rModuleContent */
.subRLargeHeight {
height:522px;
}

.rModuleContent a:link,.rModuleContent a:visited,.rModuleTeaser a:link,.rModuleTeaser a:visited {
font-weight:700;
/*color: ##568a36;*/
color:#68a03f;
}

#confirmBox a:link,#confirmBox a:visited {
font-weight:700;
color:#68a03f;
}

.rModuleContent a:hover,.rModuleContent a:active,.rModuleTeaser a:hover,.rModuleTeaser a:active {
}

.rModuleContent a.arrow:link,.rModuleContent a.arrow:visited,.rModuleTeaser a.arrow:link,.rModuleTeaser a.arrow:visited {
background-image:url(images/arrow_content_link.png);
background-repeat:no-repeat;
background-position:0 0;
padding:0 0 0 7px;
}

#confirmBox a.arrow:link,#confirmBox a.arrow:visited {
background-image:url(images/arrow_content_link.png);
background-repeat:no-repeat;
background-position:0 0;
padding:0 0 0 7px;
}

.rModuleContent a.h3link:link,.rModuleContent a.h3link:visited,.rModuleTeaser a.h3link:link,.rModuleTeaser a.h3link:visited {
color:#537CC4;
}

.rModuleContent p {
margin:0 0 5px;
}

.rModuleContent img.floatLeft {
float:left;
margin:0 12px 0 0;
}

.rModuleTeaser img.floatLeft {
float:left;
margin:3px 5px 0 0;
}

.rModuleContent img.floatRight {
float:right;
margin:0 0 0 12px;
}

.rModuleContent ul {
list-style:none;
font-weight:700;
margin:0 0 5px;
}

.error {
color:#C00;
}

/***************************************************
  Content / TopNav  
****************************************************/
#topNavMenu {
padding:4px 0 0;
font-weight:700;
}

#searchSite {
margin:0;
width:350px;
float:right;
color:#646464;
}

#selectLang {
float:right;
text-align:right;
width:180px;
color:#646464;
}

#selectLang select {
padding:1px 0;
border:1px solid silver;
vertical-align:middle;
width:6em;
}

/***************************************************
  Content / Header  
****************************************************/
#headerLogoImg {
width:170px;
height:104px;
float:left;
margin:0 6px 6px 0;
}

#headerLogoFlash {
width:170px;
height:104px;
float:left;
margin:0 6px 6px 0;
}

#headerPicImg {
width:630px;
height:104px;
float:left;
margin:0 6px 6px 0;
}

#headerPicFlash {
width:630px;
height:104px;
float:left;
margin:0 6px 6px 0;
}

#headerUserArea {
width:188px;
height:110px;
float:left;
background-image:url(images/registration_bg.png);
background-repeat:no-repeat;
}

#headerUserAreaLogin {
margin:7px 12px 5px 15px;
}

#headerUserAreaLoginSubmit {
height:11px;
}

#headerUserAreaLogged {
margin:8px 8px 5px 15px;
}

#headerUserAreaLogged h3 {
margin:0;
padding:0;
font-size:8pt;
font-weight:700;
color:#9b9c9b;
}

#headerUserAreaLogged img#avatarPic {
float:right;
}

#headerUserAreaLoggedAvatar {
height:70px;
}

#notice {
width:160px;
}

#headerUserAreaLogged a:link,#headerUserAreaLogged a:visited {
font-size:8pt;
font-weight:700;
color:#68a03f;
}

#headerUserAreaLogged a:hover,#headerUserAreaLogged a:active {
}

.loginInput {
width:155px;
margin:0 0 2px;
}

#headerUserAreaLogin a:link,#headerUserAreaLogin a:visited {
font-size:7pt;
font-weight:700;
color:#68a03f;
}

#headerUserAreaLogin a:hover,#headerUserAreaLogin a:active {
}

#headerUserArea input.iSubmitArrowLarge {
float:right;
}

/***************************************************
  Content / Main Menu  
****************************************************/
#mainMenu {
margin:0 0 0 100px;
}

#mainMenu img {
display:block;
float:left;
}

#mainMenu a:link,#mainMenu a:visited {
margin:9px 10px 0;
padding:1px 0 0 13px;
background-image:url(images/arrow_right.png);
background-position:left center;
background-repeat:no-repeat;
color:#FFF;
font-weight:700;
display:block;
float:left;
}

#mainMenu a:hover,#mainMenu a:active {
text-decoration:none;
color:#68a03f;
}

#mainMenu a.active:link,#mainMenu a.active:visited {
color:#68a03f;
}

#mainMenuInfo {
list-style:none;
text-align:right;
padding:11px 104px 0 0;
font-weight:700;
}

#mainMenuInfo li {
display:inline;
}

#mainMenuInfo li.value {
font-weight:400;
margin-right:6px;
}

#subMainMenu {
padding:6px 0 0;
}

#subMainMenu a:link,#subMainMenu a:visited {
padding:2px 0 0 8px;
background-image:url(/static/images/arrow_subnavi_right.png);
background-position:left center;
background-repeat:no-repeat;
margin:0 4px;
color:#FFF;
font-weight:700;
}

/***************************************************
  Content / User Menu  
****************************************************/
#userMenu {
padding-top:1px;
}

#userMenu img {
vertical-align:bottom;
}

#userMenu a.userMenu:link,#userMenu a.userMenu:visited {
margin:0 52px;
padding:2px 0 0 11px;
background-image:url(images/arrow_subnavi_up.png);
background-position:left center;
background-repeat:no-repeat;
color:#68a03f;
font-weight:700;
}

#userMenu a.userMenu:hover,#userMenu a.userMenu:active {
background-image:url(images/arrow_subnavi_down.png);
background-position:left center;
background-repeat:no-repeat;
text-decoration:none;
color:#9b9c9b;
}

div.userMenuOn {
text-align:center;
font-weight:700;
padding-bottom:15px;
}

/***************************************************
  Content / Module General
****************************************************/
.pageNavi {
text-align:center;
}

.leftAndRightMargin {
margin:0 3px;
}

.leftAndRightPadding {
padding:0 3px;
}

.barBlack {
background-color:#000;
padding:2px 0;
}

.barGrey {
background-color:#b4b4b4;
padding:2px 3px;
margin:2px 0;
display:block;
}

p em {
font-style:italic;
}

td em {
font-style:normal;
color:#000;
}

p.textAlignRight,div.textAlignRight {
text-align:right;
}

p.textAlignCenter,div.textAlignCenter {
text-align:center;
}

span.floatRight,div.floatRight {
float:right;
}

h3.inline {
display:inline;
margin-right:5px;
}

a:link .sortArrow,a:visited .sortArrow {
padding:2px 0 0 11px;
background-image:url(images/arrow_subnavi_up.png);
background-position:left center;
background-repeat:no-repeat;
color:#68a03f;
font-weight:700;
}

a:hover .sortArrow,a:active .sortArrow {
background-image:url(images/arrow_subnavi_down.png);
background-position:left center;
background-repeat:no-repeat;
text-decoration:none;
color:#9b9c9b;
}

.notice {
font-style:italic;
}

table.tableOuter {
width:300px;
border-spacing:0;
margin:0 0 5px;
}

table.tableMiddleOuter {
width:638px;
border-spacing:0;
margin:0 0 7px;
}

td.tableHeaderCell,th.tableHeaderCell {
padding:2px 4px;
}

td.tableCell,th.tableCell {
padding:4px 6px;
}

tr.seperator {
background-image:url(images/pointline_window_small.png);
background-repeat:no-repeat;
background-position:bottom;
}

tr.seperatorMedium {
background-image:url(images/pointline_window_medium.png);
background-repeat:no-repeat;
background-position:bottom;
}

tr.seperatorLarge {
background-image:url(images/pointline_window_large.png);
background-repeat:no-repeat;
background-position:bottom;
}

.moduleMedium3Box {
width:206px;
float:left;
padding:0 10px 0 0;
}

.moduleMedium2Box {
width:315px;
float:left;
padding:0 10px 0 0;
}

.moduleLarge3Box {
width:320px;
float:left;
padding:0 10px 0 0;
}

.moduleLarge2Box {
width:485px;
float:left;
padding:0 10px 0 0;
}

.moduleBoxLast {
padding:0;
}

ul.bullets {
list-style:disc;
font-weight:400;
list-style-position:inside;
margin:0 0 5px;
}

.contentAd {
background-color:#000;
width:300px;
height:289px;
padding:38px 0 0;
}

/***************************************************
  Content / Module Screenshots 
****************************************************/
.screenshotsThumbs {
float:left;
margin:0 10px 0 0;
}

.screenshotsThumbLast {
float:left;
margin:0;
}

/***************************************************
  Content / Module About Game 
****************************************************/
#aboutGame img {
margin:0 0 7px;
}

/***************************************************
  Content / Module Highscore
****************************************************/
.highscoreRank {
height:20px;
background-color:#969696;
font-size:11pt;
font-weight:700;
color:#FFF;
margin:2px 7px 3px 2px;
padding:2px 2px 0;
}

th.highscoreFirstCol {
width:29px;
}

th.highscoreSecoundCol {
width:227px;
}

/***************************************************
  Content / Module Register
****************************************************/
/* is superclass */
.registerContainer {
width:292px;
padding:5px 2px 5px 6px;
margin:2px 0 0;
color:#FFF;
}

.registerContainer h4 {
font-size:14pt;
font-weight:700;
color:#FFF;
}

/* need superclass: registerContainer */
.colorGradientFirst {
background-color:#b4b4b4;
}

/* need superclass: registerContainer */
.colorGradientSecound {
background-color:#969696;
}

/* need superclass: registerContainer */
.colorGradientThird {
background-color:#646464;
}

#registerBar {
text-align:right;
padding-right:3px;
margin-bottom:2px;
}

.registerInputArea {
width:160px;
float:right;
padding-right:10px;
}

.registerInput {
width:164px;
}

.betaRegisterTextarea {
width:98%;
height:55px;
border:1px solid silver;
display:block;
padding:1px 0;
overflow:auto;
}

.betaRegisterTextareaShort {
width:98%;
height:38px;
border:1px solid silver;
display:block;
padding:1px 0;
overflow:auto;
}

/***************************************************
  Content / Module Requirements
****************************************************/
ul#requirementsList {
padding:0 0 0 5px;
}

/***************************************************
  Content / Module News
****************************************************/
.article {
padding:0 0 6px;
}

.article h3 {
font-size:8pt;
}

/***************************************************
  Content / Module User Guestbook
****************************************************/
#userGuestbookFormOuter {
width:280px;
height:290px;
padding:5px 20px 0 0;
float:left;
}

#userGuestbookFormOuter input[type=text] {
width:100%;
}

#userGuestbookFormOuter textarea {
width:100%;
height:230px;
}

#userGuestbookItemsOuter {
}

.userGuestbookEntryDate {
margin:0 3px 0 0;
font-style:italic;
color:#000;
}

/***************************************************
  Content / Module Incoming Mail
****************************************************/
th.incomingMailFirstCol {
width:360px;
}

td.incomingMailCheckbox {
width:20px;
}

td.incomingMailTitleCell {
width:345px;
}

input.msgCheckbox {
height:13px;
width:13px;
}

.privMsgTableHeaderCell {
padding:3px;
}

.privMsgTableCell {
padding:3px;
color:#000;
}

.privMsgTableCell a:link,.privMsgTableCell a:visited,.privMsgTableCell,.privMsgTableCell.active {
font-weight:400;
}

#headerBar {
padding:3px;
}

#newMessageArea {
width:98%;
}

/***************************************************
  Content / Module Premium Register / Module Edit User Data
****************************************************/
.editUserDataPart {
width:196px;
float:left;
margin:0 0 10px;
}

.editUserDataPartMiddle {
width:196px;
margin:0 24px;
float:left;
}

.premiumRegisterInput {
width:196px;
border:1px solid silver;
display:block;
padding:1px 0;
}

select.premiumRegisterSelectLarge {
width:196px;
height:20px;
padding:0;
margin:0;
border:1px solid silver;
}

select.premiumRegisterSelectMedium {
width:96px;
height:20px;
}

select.premiumRegisterSelectSmall {
width:47px;
height:20px;
}

div.premiumInputLabel {
height:14px;
padding:4px 0 0;
}

div.inputOuter {
height:20px;
}

/***************************************************
  Content / Module Full Register
****************************************************/
.fullRegisterPart {
width:195px;
float:left;
margin:0 25px 10px 0;
}

.fullRegisterPartLast {
width:195px;
float:left;
margin:0;
}

.fullRegisterInput {
width:195px;
border:1px solid silver;
display:block;
padding:1px 0;
}

.fullRegisterCheckboxOuter {
height:18px;
}

select.fullRegisterSelectLarge {
width:195px;
height:20px;
padding:0;
margin:0;
border:1px solid silver;
}

select.fullRegisterSelectMedium {
width:95px;
height:20px;
}

/***************************************************
  Content / Module Buddylist
****************************************************/
#buddylistInputSearch {
margin:3px 0 2px;
width:170px;
}

/***************************************************
  Content / Module User Data
****************************************************/
div.userDataItems {
margin:0 0 2px;
}

/***************************************************
  Content / Module Edit Profile Options
****************************************************/
.editOptionsCheckbox {
margin:0;
}

tr.editOptionsRow {
height:25px;
}

/***************************************************
  Content / Module Edit About
****************************************************/
.editAboutTexteara {
width:298px;
height:2em;
font-family:Arial;
font-size:8.5pt;
}

.editAboutTextearaLarge {
width:298px;
height:3em;
font-family:Arial;
font-size:8.5pt;
}

/***************************************************
  Content / Module Room Select
****************************************************/
.roomOuter {
width:61px;
float:left;
margin:4px 15px;
text-align:center;
}

.roomOuter .roomName {
font-weight:700;
height:2em;
text-align:center;
padding:1px 1px 3px;
}

img.roomSelectLegend {
vertical-align:middle;
margin:0 2px 0 5px;
}

.roomSelectFilter {
padding:3px 5px;
}

#roomSelectHeaderOuter {
text-align:right;
padding:3px 0;
margin:10px 0 3px;
}

.roomFull {
font-family:Arial, sans-serif;
font-size:8pt;
font-weight:700;
color:#C00;
}

.roomNotFull {
font-family:Arial, sans-serif;
font-size:8pt;
font-weight:700;
color:#3C3;
}

#downloadJre {
display:block;
width:492px;
margin:auto;
}

/***************************************************
  Content / Module Contact
****************************************************/
#contactTextearea {
width:630px;
height:120px;
}

.contactInputText {
width:300px;
}

/***************************************************
  Content / Module Manual Keys
****************************************************/
table.manualKeysTableOuter {
width:640px;
border-spacing:0;
margin:0 0 5px;
}

th.manualKeysFirstCol {
width:80px;
}

th.manualKeysSecoundCol {
width:280px;
}

.manualKeysKey {
width:80px;
height:20px;
background-color:#969696;
font-size:11pt;
font-weight:700;
color:#FFF;
margin:2px 7px 3px 2px;
padding:2px 0 0;
text-align:center;
}

/***************************************************
  Content / Module Stats Simple
****************************************************/
table.tableStatsSimple,table.tableStatsSimpleTwo {
width:980px;
margin-top:8px;
}

table.tableStatsSimpleTwo {
width:640px;
}

a:link.sortColumn,a:visited.sortColumn {
padding:2px 0 0 11px;
background-image:url(/static/images/arrow_subnavi_up.png);
background-position:left center;
background-repeat:no-repeat;
color:#68a03f;
font-weight:700;
}

a:hover.sortColumn,a:active.sortColumn {
padding:2px 0 0 11px;
background-image:url(/static/images/arrow_subnavi_down.png);
background-position:left center;
background-repeat:no-repeat;
text-decoration:none;
color:#9b9c9b;
font-weight:700;
}

a:link.sortColumnOn,a:visited.sortColumnOn {
padding:2px 0 0 11px;
background-image:url(/static/images/arrow_subnavi_down.png);
background-position:left center;
background-repeat:no-repeat;
color:#68a03f;
color:#9b9c9b;
font-weight:700;
}

a:hover.sortColumnOn,a:active.sortColumnOn {
padding:2px 0 0 11px;
background-image:url(/static/images/arrow_subnavi_down.png);
background-position:left center;
background-repeat:no-repeat;
text-decoration:none;
color:#9b9c9b;
color:#68a03f;
font-weight:700;
}

.statsSimpleLastCell {
padding-right:3px;
}

/***************************************************
  Content / Module Teaser
****************************************************/
.moduleTeaser {
height:122px;
background-image:url(images/window_info.png);
background-repeat:no-repeat;
padding:20px 15px 10px 20px;
}

.moduleTeaserHeader {
height:33px;
background-image:url(images/bar_window_info.png);
background-repeat:no-repeat;
}

.moduleTeaser h2,.moduleTeaser h2.large {
font-size:14pt;
font-weight:700;
color:#FFF;
margin:0;
}

.moduleTeaser h2.medium {
font-size:12pt;
font-weight:700;
color:#FFF;
}

.moduleTeaser h2.small {
font-size:10pt;
font-weight:700;
color:#FFF;
}

.moduleTeaser p,.moduleTeaser p.large {
font-size:10pt;
font-weight:700;
color:#969696;
}

.moduleTeaser p.small {
font-size:8pt;
font-weight:700;
color:#969696;
}

p.large strong,p.large b {
font-size:12pt;
font-weight:700;
color:#FFF;
}

p.small strong,p.small b {
font-size:8pt;
font-weight:700;
color:#FFF;
font-style:normal;
}

p.large em,p.large i {
font-size:10pt;
font-weight:700;
color:#87b1dc;
font-style:normal;
}

p.small em,p.small i {
font-size:8pt;
font-weight:400;
color:#FFF;
font-style:normal;
}

.moduleTeaser a:link,.moduleTeaser a:hover,.moduleTeaser a:visited,.moduleTeaser a:active {
font-size:8pt;
}

.moduleTeaser p.large a:link,.moduleTeaser p.large a:hover,.moduleTeaser p.large a:visited,.moduleTeaser p.large a:active {
font-size:10pt;
}

.moduleTeaser img.avatarPic {
float:left;
margin:0 10px 0 0;
}

#moduleTeaserDownloadJava {
margin-top:2px;
}

/***************************************************
  Overlay
****************************************************/
#overlay {
position:fixed;
background:#FFF none repeat scroll 0;
opacity:.5;
filter:alpha(opacity=50);
text-align:center;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
}

#confirmBox {
background-color:#FFF;
border:1px solid #646464;
color:#646464;
left:35%;
margin:100px auto;
opacity:1;
padding:15px;
position:absolute;
text-align:center;
top:200px;
width:30%;
z-index:1002;
}

#screenshotBox {
background-color:#FFF;
border:1px solid #333;
color:#000;
padding:10px 20px 20px;
width:800px;
margin:auto;
}

#screenshotBoxOuter {
margin:0 auto;
opacity:1;
position:absolute;
text-align:center;
top:0;
left:0;
width:100%;
z-index:1002;
}

#confirmBox h1 {
font-weight:700;
font-size:12pt;
}

/** online users stuff **/
div.onlinetitle {
font-weight:700;
color:#68a03f;
padding:10px 0 5px;
text-align:center;
}

div.onlineroom {
color:#fff;
padding:2px 0 5px;
}

span.roomname_easy,span.roomname_medium,span.roomname_hard,span.roomname_tsingle,span.roomname_tmulti,span.roomname_beta {
font-weight:700;
padding:2px 0 6px 25px;
}

span.roomname_easy {
background:url(/static/images/icon_level_noob.png) no-repeat left;
}

span.roomname_medium {
background:url(/static/images/icon_level_interm.png) no-repeat left;
}

span.roomname_hard {
background:url(/static/images/icon_level_pro.png) no-repeat left;
}

span.roomname_tsingle {
background:url(/static/images/icon_tournament.png) no-repeat left;
}

span.roomname_tmulti {
background:url(/static/images/icon_tournament_multiplayer.png) no-repeat left;
}

span.roomname_beta {
background:url(/static/images/icon_level_noob_beta.png) no-repeat left;
}

a.onlineuser,a.onlineuserpremium {
color:#68a03f;
font-weight:400;
}

div.onlineuser {
padding:1px 1px 1px 30px;
}

div.onlineuserclose {
text-align:center;
background:url(/static/images/dropdown_bar.png) no-repeat left;
}

a.onlineuserclose {
font-weight:700;
color:#68a03f;
}

a.onlinestart {
font-size:7pt;
font-weight:700;
color:#68a03f;
}

#OUOuter {
z-index:100;
/* border:1px solid #282828; */
}

#OUInner {
width:192px;
background-color:#000;
background-image:url(/static/images/bg_online_users_top.png);
background-repeat:repeat-x;
background-position:top;
text-align:left;
padding:0 7px 10px;
/* margin-top:-1px;*/
}

/** comments **/
a.commentLink {
margin-right:5px;
}

form.commentForm {
display:inline;
}