#m-page-header { background-image:url(../img/header/category-account-info.jpg); }
#m-page-title.account-info { background-image:url(../img/header/page-account-info.png); }
#m-page-title.character-info { background-image: url(../img/header/page-character-info.png); }
#m-page-title.pic-info { background-image: url(../img/header/page-pic-info.png); }
#m-subnav h2 span { background-position:0 -175px; }

/* ACCOUNT INFO HEADER */
#m-account-info-header { line-height:20px; min-height:40px; padding:15px 25px; background:#f3f3f3; }
#m-account-info-header h4 { color:#c2170d; }

/* ACCOUNT INFO RESET BUTTONS */
#m-account-info-edit-reset { clear:both; padding:25px 0 20px; text-align:center; border:5px solid #f3f3f3; border-width:0 5px; }

/* ACCOUNT INFO BODY GENERAL */
#m-account-info-body { border:5px solid #f3f3f3; border-width:0 5px 5px; }
#m-account-info-body h4 { padding-left:10px; border-left:2px solid #99120a; }

/* ACCOUNT INFO ERROR */
#m-account-info-body h2 { font-size:16px; text-align:center; padding:80px 0 10px; }
#m-account-info-body .pic-info { margin:0 30px 80px; text-align:center; font-size:11px; color:#c2170d; }
#m-account-info-body .pic-info span { padding-left:16px; display:inline-block; background:url(../img/account-info/exclamation.png) 2px 4px no-repeat; }

/* ACCOUNT INFO SELECTED CHARACTER */
#passport-id,
#status-info,
#main-character-info,
#ranking-info { margin:0 10px 15px; padding:0 10px; }
#passport-id { border-top:solid 1px #e9e9e8; padding-top:25px; }
#passport-id h4, 
#status-info h4,
#ranking-info h4,
#main-character { width:160px; float:left; }
#passport-id > span, 
#status-info > span { padding-left:170px; display:block; }

/* ACCOUNT INFO NO MAIN CHARACTER */
.no-character-content { padding:0 0 20px 170px; }
.no-character-content p { font-size:11px; }
.no-character-content p.character-not-selected { padding-bottom:30px; font-size:13px; }
.no-character-content .character-not-selected strong { color:#c2170d; margin-left:20px; }
.no-character-content p.how-to-select { color:#c2170d; margin:15px 0; padding-left:16px; background:url(../img/account-info/exclamation.png) 2px 4px no-repeat; }
#other-characters p.how-to-select { font-size:11px; clear:left; margin-left:170px; padding:20px 0 0 16px; background:url(../img/account-info/exclamation.png) 2px 24px no-repeat; }

/* ACCOUNT INFO MAIN CHARACTER */
#main-character-info { min-height:124px; }
#main-character { width:160px; float:left; position:relative; }
#main-character img { padding:10px 0 0 25px; position:relative; }
#main-character img.pet { position:absolute; left:10px; bottom:10px; }
#main-character-info ul { padding-left:170px; width:220px; }
#main-character-info li { clear:right; margin-bottom:5px; }
#main-character-info li span { float:right; width:100px; color:#c2170d; }
#main-character-info li + li span { color:#333; font-weight:bold; }
#ranking-info ul { padding-left:170px; width:220px; }
#ranking-info li { clear:right; margin-bottom:5px; }
#ranking-info li span { float:right; width:100px; }

/* DIVIDER */
.change-character { background:#f3f3f3 url(../img/account-info/warning.gif) 45px 15px no-repeat; border:1px solid #eaeaea; border-width:1px 0; padding:15px 10px 15px 85px; margin-bottom:30px; font-size:11px; line-height:15px; }
.change-character input { float:right; }

/* ACCOUNT INFO OTHER CHARACTERS */
#other-characters { padding:0 25px 25px; background:url(../img/account-info/arrow.gif) 163px 50px no-repeat; }
#select-world { float:left; width:106px; background:#f3f3f3; padding:10px; margin-top:30px; }
#select-world select { margin-top:5px; width:106px; height:22px; border:solid 1px #bdbdbd; }
#select-avatars { padding-left:164px; width:357px; }
#select-avatars li { width:104px; float:left; border:solid 6px #ebebeb; text-align:center; color:#c2170d; font-weight:bold; margin:0 3px 3px 0; cursor:pointer; position:relative; }
#select-avatars li img { display:block; position:relative; }
#select-avatars li img.pet { position:absolute; margin:-5px 0 0 10px; }
#select-avatars li.selected { border-color:#c2170d; }
#other-characters input { padding:10px 0 0 164px; clear:left; }

/* ACCOUNT INFO ADDITIONAL INFO*/
#additional-information { font-size:11px; line-height:16px; border-top:solid 1px #e9e9e9; padding:25px 15px; margin:0 10px; }
#additional-information strong { color:#c2170d; }

/* ACCOUNT PIC PAGE FAIL/CONFIRMATION */
#m-acc-pin { width: 568px; height: 189px; margin-top: 20px; border: 5px solid #f3f3f3; }
#m-acc-pin li { text-align: center; }
#m-acc-pin p { margin-top: 66px; font-size: 16px; }
#m-acc-pin a { margin-top: 14px; font-size: 11px; color: #c2170d; text-decoration: none; background: url(http://nxcache.nexon.net/maplestory/img/account-info/exclamation.png) 225px 4px no-repeat; display: block; }
#m-acc-pin a:hover { text-decoration: underline; }
#m-acc-pin #success a { margin-top: 11px; background-position: 102px 4px; }

/* ACCOUNT PIC INFORMATION */
#pic-head { margin-bottom: 1px; padding: 8px; background: #f3f3f3; border-bottom: 1px solid #e9e9e8; }
#pic-head h3 { padding-left: 10px; font-size: 13px; border-left: 2px solid #99120a; }
#pic-body { padding: 20px; font-size: 12px; background: #f3f3f3; }
#pic-body h4 { margin-bottom: 3px; font-size: 13px; color: #c2170d; }
#pic-body p { line-height: 16px; }
#pic-body input { width: 263px; height: 53px; margin-bottom: 16px; text-indent: -9999px; background: transparent url(../img/btn/reset-pic.png) 0 0 no-repeat; display: block; }
#pic-body li { margin-bottom: 18px; padding-left: 6px; line-height: 15px; background: transparent url(../img/bg/pic-bullet.png) 2px 7px no-repeat; }
#pic-body .p-divider { width: 538px; height: 2px; margin: 20px 0 16px; background: transparent url(../img/bg/pic-divider.png) center 0 no-repeat; }
.add-boldline { width: 278px; margin: 20px 0 9px; font-weight: bold; border-bottom: 1px solid #333; }

/* NEW CHARACTER INFO PAGE, ADDED 9.27.11 */
#character-info-head { margin-bottom: 1px; padding: 8px; background: #f3f3f3; border-bottom: 1px solid #e9e9e8; }
#character-info-head h3 { padding-left: 10px; font-size: 13px; border-left: 2px solid #99120a; }
#character-info-body { padding: 17px 20px 1px; font-size: 12px; background: #f3f3f3; }
#character-info-body h4 { margin-bottom: 6px; color: #c2170d; line-height: 10px; }
#character-info-body p { margin-bottom: 18px; line-height: 16px; }
#character-selected { height: 148px; }
#no-character-selected { height: 178px; }
.avatar-display { width: 108px; height: 108px; margin: 0 20px 61px 0; border-width: 1px; border-style: solid; border-color: #c6c6c6 transparent transparent #c6c6c6; background: #fff; float: left; }
.avatar-display img { width: 96px; height: 96px; margin: 7px auto 0; display: block; }
#character-selected table { width: 160px; }
#character-selected table td { padding-top: 4px; }
#character-selected td + td { font-weight: bold; }
#character-selected .add-tspace { padding-top: 10px; }
#options-divide { margin: 30px 0 0; border-bottom: 1px solid #c6c6c6; }
/*#options-divide select { width: 174px; height: 31px; padding: 6px 0 0 11px; border-width: 1px; border-style: solid; border-color: #c6c6c6 #c6c6c6 transparent #c6c6c6; }*/
#selectbox-wrap, #select-drop { width: 200px; cursor: pointer;}
#selectbox-wrap, .select-arrow { height: 31px; }
#selectbox-wrap { background: #f3f3f3; border: 1px solid #c6c6c6; border-bottom: none; position: relative; }
.select-text { padding: 6px 15px 0 11px; text-decoration: none; color: #333; display: block; float: left; }
.select-arrow { width: 25px; text-indent: -9999px; background: transparent url(../img/support/selection-arrow.png) center center no-repeat; float: right; }
#select-drop { border: 1px solid #c6c6c6; border-top: none; background: #f3f3f3; position: absolute; top: 32px; left: -1px; display: none; }
#select-drop li { padding: 6px 15px 6px 11px; list-style: none; }
#select-drop li:hover { color: #000; background: #c6c6c6; }
#character-select .selection-box, #character-select .selection-box.no-select:hover { width: 137px; height: 160px; margin: 20px 10px 0 0; background: transparent url(../img/support/selection-boxes.png) center 0 no-repeat; float: left; }
#character-select .selection-box img { width: 96px; height: 96px; margin: 21px auto 0; display: block; }
#character-select .selection-box p { margin-top: 16px; text-align: center; }
#character-select .selection-box.selected, #character-select .selection-box.selected:hover { background-position: left 0; }
#character-select .selection-box:hover { background-position: right 0; cursor: pointer; }
.selection-box:nth-child(4n+4) { margin-right: 0; }
.pager { margin-top: 18px; font-size: 11px; }