#m-page-header { background-image:url(../img/header/category-guide.jpg); }
#m-page-title { background-image:url(../img/header/pages-guides.png); }
#m-page-title.what-is-maplestory { background-position:100% 0; height:38px; }
#m-page-title.getting-started { background-position:100% -36px; }
#m-page-title.classes-and-jobs { background-position:100% -77px; }
#m-page-title.game-play { background-position:100% -120px; }
#m-subnav h2 span { background-position:0 -25px; }

/*guide main content (static pages)*/
/*#m-page img{float:left;margin-right:20px;}*/
#m-page p{clear:right;margin-bottom:10px;overflow:hidden}
	#m-page p.p-intro{margin-bottom:45px;}
	#m-page p.alert{color:#9e0b0f;font-weight:bold;text-transform:uppercase}
	#m-page p.p-cash-intro{margin-bottom:30px;font-weight:bold}
	#m-page p a{color:#bd0101;text-decoration:none}
		#m-page p a:hover{text-decoration:underline}
	#m-page .btn-faq{margin-bottom:20px;}
	#m-page .btn-notice{margin-bottom:5px;}
#m-page ul.guide-list{padding-left:10px;}
	#m-page ul.guide-list li{list-style:disc}
#m-page #GameUI{padding-left:20px}

#m-page ul.content li{clear:both;float:left;margin-bottom:30px;width:570px}
#m-page ul.content img{float:left;margin-right:20px}
	
/*guide tabs. Some do not have a table beneath them, use the class no-table for these*/
.m-tabs.no-table{border-bottom:solid 3px #a0130a;margin-bottom:30px;}
.table-list td a {padding-left:20px}
td.monster-map, td.map{font-size:11px}


/* DETAIL VIEW HEADER (borrows News section template) */
#m-news-detail-header { color:#333; background:url(../img/news/red-down.gif) 0 0 repeat-x; font-size:11px; position:relative; line-height:20px; }
#m-news-detail-header h4 { line-height:20px; padding:10px 0 7px 0; color:#be0d00; margin-bottom:10px; font-size:13px; border-bottom:1px solid #e9e9e9; background-position:0 12px; background-repeat:no-repeat; }
#m-news-detail-header .left { float:left; height:20px; margin-bottom:10px; }
#m-news-detail-header .left a { display:block; float:left; margin:-1px 10px 0 0; }
#m-news-detail-header .right { float:right; color:#333; height:20px; margin-bottom:10px; }

/* DETAIL VIEW BODY */
#m-news-detail-body { clear:both; padding:20px 0; border-bottom:solid 3px #99120a; float:none; background:url(../img/news/red-up.gif) 0 0 repeat-x; }

/* detail view for NPC and Monster library pages */
.p-search{width:140px; line-height:28px; height:28px; border:solid 1px #ccc; float:left; position:relative; background:#eee;text-align:center; }

.m-library-detail-header {color:#333; background:url(../img/news/red-down.gif) 0 0 repeat-x; font-size:11px; position:relative; line-height:20px;}
	.m-library-detail-header h4 {line-height:20px; padding:10px 0 7px 0; color:#be0d00; margin-bottom:10px; font-size:13px; border-bottom:solid 3px #a0130a; }

.m-library-detail-body {clear:both;padding:10px 15px 45px;border-bottom:solid 3px #a0130a;margin-bottom:10px;}
	.m-library-detail-body img{margin:0;float:left;}	

table.detail-table{border:solid 1px #bfbfbf;width:400px;float:left}
	table.detail-table td{border-bottom:1px solid #bfbfbf;color:#666;line-height:20px;padding:5px 20px 5px 10px;}
		table.detail-table td.bg{background:#ebebeb;font-size:12px;font-weight:bold;text-transform:uppercase;padding:5px 0 0 18px;width:97px;vertical-align:top}
	
/*pager (previous and next buttons)*/
.pager img{margin:0;float:none;}
.detail-pager img{margin:0;float:none;}
.detail-pager{clear:both}

/*NPC, Monster, Item Pager (requires different ASPX control)*/
#guide-pager{padding-left:100px;margin-top:15px}
	#guide-pager img{margin:0 3px}
.pageNumbers{float:left;margin:0 10px;color:#ea830b}
	.pageNumbers a{color:#666;text-decoration:none;margin:0 3px}
		.pageNumbers a:hover{text-decoration:underline}

/*Headers and headings*/
ul.content h3 { margin-bottom:10px; padding-left:10px; border-left:2px solid #99120a;margin-left:205px; }
	ul.content.getting-started h3{margin-left:310px}
	ul.content.cash-guide h3{margin-left:315px}
	ul.content.game-ui h3{border-left:none;padding-left:0;margin-left:0}
	#m-page .h-intro{background:url(http://nxcache.nexon.net/maplestory/img/bg/bg-tagline-guide-intro.png) no-repeat;width:501px;height:14px;clear:both;text-indent:-9999px;margin-bottom:15px}

/*style requested by Su Hyun, hides the image on Library detail pages*/
.icon_category{display:none;}
.list_category {display: none}

/*spotlight adjustments, might be deprecated due to Big Bang renewal*/
#m-page div#m-news-detail-body{float:none}
#m-news-detail-body table {border-spacing: 2px;display:table;border:solid 1px #666;margin-bottom:10px}
	#m-news-detail-body thead,#m-news-detail-body tbody,#m-news-detail-body tfoot{vertical-align:middle}
	#m-new-detail-body td, #m-news-detail-body  th, #m-news-detail-body tr{vertical-align:inherit}
	#m-news-detail-body tbody tr {border:solid 1px #666;}
	#m-news-detail-body tbody td {border:solid 1px #666;padding:2px;height:auto;line-height:normal;color:#333}
	#m-page #m-news-detail-body img{float:none;margin:0}
#m-news-detail-body div{clear:both;float:none}

/* Cash Shop Update - Added 4.24.12 */
.itemized-list { margin-left: 23px; float: left; }
.itemized-list li { width: 230px !important; margin-bottom: 10px !important; list-style-type: disc !important; }
.itemized-list span { font-weight: bold; }
.adjust-bm { margin-bottom: 88px; }
.adjust-lb { height: 18px; }
.adjust-tm { margin-top: 25px; }
.adjust-ft { font-size: 15px; }