/* Dragon Nest Official Site - Forums, created 6.16.11 */

/* This is temporary as it is exactly as #body on the original markup, REMOVE BEFORE FINISHING PRODUCTION */
#forum-body {
  width: 960px;
  padding: 0 14px;
  background: transparent url(../img/bg/nx-wrap.png)  0 0 repeat-y;
}
/* Position the forum textured top background behind the login, search, find us here, and ad modules */
#forum-bg { width: 980px; background: #fff url(../img/bg/forum-top.jpg) 0 0 no-repeat; margin-top: 22px; margin-left: -10px; }

/* Container for the login, search, and nx-tracker modules */
#m-fstart { width: 623px; height: 293px; background: #fff url(../img/bg/forum-login-header.jpg) 0 0 no-repeat; position: relative; top: -234px; left: 10px; z-index: 81; }

/* Forum header */
#m-fheader { }
#m-fheader h2 { width: 100px; height: 37px; text-indent: -9999px; float: left; }
#m-fheader h2 a { width: 100px; height: 37px; display: block; }

/* Play, login & search field container */
#m-flogin { width: 302px; height: 186px; padding-top: 1px; /* To tame collapsing margins */ }

/* Play game */
#m-playgame { margin: 40px 0 0 40px; position: absolute; z-index: 20; }
#m-playgame a { width: 255px; height: 150px; margin: 30px auto 0; text-indent: -9999px; background: transparent url(../img/btn/forum-login.png) 0 top no-repeat; display: block; }
#m-playgame a:hover { background-position: 0 bottom; }

/* Post login container */
#post-flogin { margin-top: 36px; padding: 0 16px; }

/* Welcome message & logout button */
#f-welcome { margin-bottom: 18px; padding-bottom: 5px; border-bottom: 1px dotted #666; }
#f-welcome p { font-size: 12px; }
#f-welcome span { font-size: 13px; font-weight: bold; color: #003745; }
#f-welcome p a { width: 58px; height: 20px; text-indent: -9999px; background: transparent url(../img/btn/forum-logout.png) 0 0 no-repeat; display: block; float: right; }

/* User w/no forum name & error message */
#user-no-fname { font-size: 12px; }
#user-no-fname .name-error { color: #d72f20; line-height: 15px; }
#user-no-fname input[type="text"] { width: 251px; height: 27px; margin-top: 6px; padding: 5px 0 5px 14px; font-size: 16px; color: #004d42; background: transparent url(../img/bg/forum-input.png) 0 0 no-repeat; }
#user-no-fname input + p { margin: 5px 4px 0 0; font-size: 12px; text-decoration: underline; text-align: right; }

/* User logged in */
#user-loggedin { }
#user-loggedin img { width: 91px; height: 91px; float: left; border: 1px solid #004d42; }
#user-loggedin p, #user-loggedin small, #user-loggedin small + a { width: 168px; float: right; }
#user-loggedin p { font-size: 12px; }
#user-loggedin small { margin-top: 1px; font-size: 13px; font-weight: bold; color: #003745; }
#user-loggedin small + a { margin-top: 40px; font-size: 12px; text-decoration: underline; text-indent: 0; background: none; }

/* More nexon forums dropdown */
.m-fdropdown { margin: 4px 2px 0 0; font-size: 12px; float:right; height:24px; cursor: pointer; position: relative; z-index: 82; }
.m-fdropdown .selected { font-family: 'Lucida Sans Unicode',sans-serif; text-indent: 12px; }
.fake-select { background: transparent url(../img/btn/more-forums-arrow.png) 144px 10px no-repeat; }
.m-fdropdown .fake-select { width:165px; height: 28px; line-height:18px; float:left; position:relative; }
.m-fdropdown .fake-select:hover { margin: -1px -1px 0 0; background-color: #003745 !important; border-top: 1px solid #004d42; border-right: 1px solid #004d42; border-left: 1px solid #004d42; }
.m-fdropdown .fake-select .selected { margin: 5px 0 0 8px; color: #fff; }
.m-fdropdown .fake-select .options { display:none; position: absolute; top: 28px; left: -1px; right: -1px; }
.m-fdropdown .fake-select:hover .options { display:block; border-right: 1px solid #004d42; border-bottom: 1px solid #004d42; border-left: 1px solid #004d42; }
.m-fdropdown .fake-select .options .option { font-family: Arial, sans-serif; background: #fff; cursor:pointer; }
.m-fdropdown .fake-select .options .option:hover { font-weight: bold; background: #fff; }
.m-fdropdown a { padding: 5px 0 5px 20px; color: #666; display: block; }
.m-fdropdown a:hover { text-decoration: none; color: #000; background: #e0e0e0; }

/* Search input and search button */
#m-searchbox { width: 302px; height: 70px; }
#m-searchbox input[type="text"] {
  width: 220px; height: 30px; margin-left: 16px; padding: 5px 0 5px 12px; font-size: 16px; color: #004d42; background: transparent url(../img/bg/forum-search.png) 0 top no-repeat; float: left; }
.searchFocus { background-position: 0 bottom !important; }
#m-searchbox input[type="submit"] { width: 39px; height: 40px; text-indent: -9999px; background: transparent url(../img/bg/forum-search.png) right 0 no-repeat; float: left; }
#m-searchbox p { margin: 0 15px; padding-top: 5px; font-size: 11px; text-align: right; clear: both; }

/* NX Tracker */
#nx-tracker { width: 281px; height: 248px; position: absolute; top: 45px; left: 323px; }
#nx-tracker h2 { margin: 18px 0 20px; font-size: 14px; font-weight: normal; color: #003745; background: transparent url(../img/bg/forum-nxtracker-divider.png) right center no-repeat; }
#nx-track-list { }
#nx-track-list li { margin-top: 4px; padding-left: 12px; background: transparent url(../img/bg/m-forum-tracker-bullet.png) 0 center no-repeat; clear: both; }
#nx-track-list a:hover { text-decoration: none; color: #00b085; }
#nx-track-list li span { font-size: 11px; float: right; }

/* Container for network links and ads */
#m-snetwork-ad { width: 300px; height: 303px; margin: 22px 0 0 14px; background: #fff url(../img/bg/forum-snetwork.jpg) 0 0 no-repeat; position: absolute; left: 650px; }
#m-fsns { height: 36px; margin-bottom: 4px; position: absolute; width: 300px; z-index: 30; }
#m-fsns h2 { display: none; }
#m-fsns a { width: 51px; height: 20px; margin: 7px 10px 0 0; text-indent: -9999px; display: block; float: right; cursor: pointer; }
#m-fnxad-wrap { height: 250px; margin-top: 40px; }
.fadtech_container { width: 298px; height: 248px; border: 1px solid #342f29 !important; }
.fadtech_container iframe { width: 298px; height: 248px; margin: 0; }
#m-fnxad-text { font-size: 9px; text-align: center; text-transform: uppercase; }
iframe { width: 100%; background-color: transparent; overflow: hidden; height: 1963px; border: 0 none; margin: 16px 10px 0; position: relative; z-index: 10; }