@charset "windows-874";

/***********************************************
		     File:			game_main.css
		   Date:			20 เมษายน 2550
		Author:			Sanook Online Limited.
							(C) 2007
							
**********************************************/

@import url(http://game.sanook.com/css/game/gamerhouse_main.css);
/*@import url(gameshop_main.css);
@import url(gameupdate_main.css);*/
@import url(http://game.sanook.com/css/game/search_main.css);
@import url(http://game.sanook.com/css/sanook_banner.css);
@import url(http://game.sanook.com/css/disscussion.css);
@import url(http://game.sanook.com/css/sanook_bar.css);
@import url(ad_leftmenu.css);
/*@import url(game_top_nav_bar.css);*/
@import url(game_top_navigation_2009.css);
@import url(game_side_bar_left_2009.css);
@import url(game_side_bar_right_2009.css);
@import url(memberbox_2009.css);
@import url(playnow_main_2009.css);


/*html {
	height: 100%;
	font-size: 1.0em;
}*/
* {
	padding: 0;
	margin: 0;
	outline: 0;
}
img {
	border: 0;
}
body {
	background: url(../../imgs/game/bg.gif);
	font-family: Tahoma;
	font-size: 100%;
}
form {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	font-family: Tahoma, sans serif;
}
input, select {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	font-family: Tahoma, sans serif;
}
.design {
	padding: 2px 0 0 2px;
	height: 18px;
	line-height: 18px;
	border: solid 1px #a0a0a0;
}
.designer {
	padding: 2px 0 0 2px;
	height: 18px;
	line-height: 18px;
	border: solid 1px #9e0b0f;
	background-color: #FFFFF0;
}
.designer2 {
	padding: 2px 0 0 2px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	border: solid 1px #9e0b0f;
	background-color: #FFFFF0;
	margin-right: 1px;
}
.designer_button {
	margin: -5px;
}
a {
	color: #2b66cc;
}
a:link {
	color: #2b66cc;
}
a:visited {
	color: #2b66cc;
}
a:hover {
	color: #5a86d2;
	text-decoration: none;
}
/* Header Wrapper */
#header_wraptop {
	position: relative;
	float: none;
	margin: 0 auto;
	width: 950px;
	z-index: 998;
/*	margin-top: 24px; /*กำหนดพื้นที่ สำหรับ Sanook Bar*/
}
#header_wraptop div.subwrap {
	position: relative;
	width: 950px;
	height: 220px;
	float: left;
	background: url(../../imgs/game/header.jpg) no-repeat;
}
/* Contents & Wrapper */
#content_wrapper {
	width: 950px;
	position: relative;
	float: none;
	margin: 0 auto;
	clear: both;
}
#contents {
	width: 940px;
	position: relative;
	float: left;
	border-left: solid 1px #2666af;
	border-right: solid 1px #2666af;
	background: #FFFFFF;
	padding: 4px;
	z-index: 988;
/*	margin-bottom: 10px;*/
}
/* Reader Page*/
#reader_main_contents {
	width: 560px;
	position: relative;
	float: left;
	padding: 5px;
}
#reader_contents {
	width: 780px;
	position: relative;
	float: left;
/*	padding: 0 5px;*/
}
/* END Reader */
/* Main Content */
#main_contents {
	width: 466px;
	position: relative;
	float: left;
	padding: 0 5px;
}
/* Sidebar Left */
#sidebar_left {
	width: 160px;
	position: relative;
	float: left;
}
/* Sidebar Right */
#sidebar_right {
	width: 300px;
	position: relative;
	float: right;
	padding-right: 0.1em;
}
/* Sub Wrapper */
div.subwrap h1 { /*Sanook Game Logo*/
	position: absolute;
	font-size: 10%;
	width: 202px;
	height: 50px;
	line-height: 30px;
	left: 0;
	top: 4px;
	z-index: 1000;
	overflow: hidden;
}
div.subwrap h1 a { /*Sanook Game Logo*/
	position: absolute;
	font-size: 10%;
	width: 202px;
	height: 50px;
	line-height: 30px;
	left: 0;
	top: 4px;
	z-index: 999;
	overflow: hidden;
}
div.subwrap h1 span {
	background: url(../../imgs/game/logo.jpg) no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
/* Game Search */
.sub_search {
	position: absolute;
	top: 190px;
	width: 950px;
	float: left;
	height: 30px;
	text-align:center;
	line-height: 30px;
	background: url(../../imgs/game/bg_search.gif) no-repeat;
}
.sub_search form {
	width: 100%;
}
.sub_search form label {
	font-size: 80%;
	font-weight:bold;
}
.sub_search form select {
	font-size: 70%;
	border: solid 1px #7e7e7e;
	padding: 2px;
}
.sub_search form input.insert {
	border: solid 1px #7e7e7e;
	padding: 1px;
	width: 250px;
	height: 15px;
	font-size: 70%;
}
.sub_search form input.butt {
	border: 0px;
	padding: 1px;
	margin-bottom: -6px;
}
.loged {
	width: 100px;
	height: 80px;
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 0.7em;
	color: #FFFFFF !important;
	text-align: center;
	z-index: 996;
}
.loged a {
	font-size: 0.7em;
	color: #FFFFFF !important;
}
p.spacer {
	height: auto;
	clear:both;
	float:left;
	line-height: 5px;
}
/*End Of Header Part*/

/* Game Path */
div.game_path {
	clear: both;
	position: relative;
	height: 28px;
	background: url(../../imgs/game/bg_path_fade.gif) no-repeat;
}
div.game_path p {
	line-height: 28px;
}
div.game_path p span.home a {
	display: block;
	width: 128px;
	float: left;
	text-indent: -9999px;
}
div.game_path p span.home a:link {
	display: block;
	width: 128px;
	float: left;
	text-indent: -9999px;
}
div.game_path p span.home a:visited {
	display: block;
	width: 128px;
	float: left;
	text-indent: -9999px;
}
div.game_path p span {
	padding-left: 5px;
	font-family: Verdana, sans serif;
	font-size: 11px;
	color: #3c3c3c;
}
div.game_path p span a {
	color: #3C3C3C;
	text-decoration: none;
}
div.game_path p span a:link {
	color: #3C3C3C;
	text-decoration: none;
}
div.game_path p span a:visited {
	color: #3C3C3C;
	text-decoration: none;
}
div.game_path p span a:hover {
	color: #767676;
	text-decoration: underline;
}
div.game_path em {
	display: none;
}
/* Game Hilight */
div.hil_game {
	position: relative;
	float: left;
	width: 145px;
	height: 167px;
	padding-left: 9px;
	padding-top: 10px;
	margin-right: 1px;
	background: url(../../imgs/game/bg_hl_box.gif) center no-repeat;
}
.hilight_big {
	width: 466px;
	height: 225px;
	margin-bottom: 5px;
}
.hilight_big span {
	display: none;
}
.sub_hilight {
	font-size: 70%;
	color: #565656;
}
div.hil_game p {
	font-size: 70%;
	color: #565656;
}
div.hil_game p img {
	float: right;
	clear: right;
	margin-right: 10px;
}
/* Master Talk parent */
div.master_talk {
	position: relative;
	float: left;
	font-size: 75%;
	padding-bottom:5px;
}
div.master_talk p.talks {
	width: 456px;
	height: 72px; /* Edit 11-07-08 */
/*	float: none;
	margin: 0 auto; */
	background: url(../../imgs/game/bg_content.gif) repeat-y;
	padding: 5px;
}
div.master_talk p.talks em {
	color: #7c7c7c;
	font-size: 80%;
}
div.master_talk p.talks span {
	font-size: 90%;
	padding-right: 5px;
}
div.master_talk div.talks {
	width: 456px;
	height: auto;
	float: left;
	background: url(../../imgs/game/bg_content.gif) repeat-y;
	padding: 5px;
	_margin-bottom: -8px;
}
div.master_talk div.talks p.news_up {
	position: relative;
	float: left;
	line-height: 30px;
	padding-left: 5px;
/*	background: url(../../imgs/game/icons/icon_read.gif) no-repeat;*/
}
div.master_talk div.talks p.news_up img {
	float: left;
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
}
div.master_talk div.talks p.news_up strong {
	width: 68%;
	float: left;
	font-size: 95%;
}
/*div.master_talk div.talks p.news_up strong a {
	width: 330px;
	float: left;
	font-size: 95%;
	color: #2b66cc;
	text-decoration: underline;
}
div.master_talk div.talks p.news_up strong a:link {
	color: #2b66cc;
	text-decoration: underline;
}
div.master_talk div.talks p.news_up strong a:visited {
	color: #2b66cc;
	text-decoration: underline;
}
div.master_talk div.talks p.news_up strong a:hover {
	color: #0066ff;
	text-decoration: underline;
}*/
div.master_talk div.talks p.news_up span {
	float: right;
	padding-right: 5px;
	padding-left: 10px;
	font-size: 90%;
	color: #898989;
}
div.master_talk div.talks div.d_list {
	position: relative;
	float: left;
	width: 71px;
	padding: 7px;
	border: dashed 1px #CCCCCC;
	background: #e5e5e5;
	margin: 2px;
}
div.master_talk div.talks div.d_list h4 {
	font-size: 95%;
}
div.master_talk div.talks div.d_list h4 a {
	color: #000000;
	text-decoration: underline;
}
div.master_talk div.talks div.d_list h4 a:link {
	color: #000000;
	text-decoration: underline;
}
div.master_talk div.talks div.d_list h4 a:visited {
	color: #000000;
	text-decoration: underline;
}
div.master_talk div.talks div.d_list h4 a:hover {
	color: #454545;
	text-decoration: none;
}
div.master_talk div.talks div.d_list p {
	font-size: 95%;
	color: #898989;
}
div.master_talk p.talks strong {
	float: left;
}
div.master_talk p.talks em {
	float: right;
	font-style: normal;
	padding-right: 10px;
}
div.master_talk p.talks span {
	width: 100%;
	display: block;
	padding: 5px 0;
	float: left;
	clear: both;
}
div.master_talk p span.editor {
	padding: 0;
	width: 440px;
	text-align: right;
	font-weight: bold;
}
/* Table Control */
.game_genre_select {
	width: 465px;
	height: 36px;
	line-height: 36px;
	list-style-type: none;
	text-align: center;
}
.game_genre_select ul {
}
.game_genre_select ul li {
}
.game_genre_select li {
	float: left;
	border-left: solid 1px #B5D5F2;
	background: url(../../imgs/game/bg_game_list.gif) repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}
.game_genre_select li a {
	color: #FFFFFF;
	text-decoration: none;
}
.game_genre_select li a:hover {
	color: #CCFF99;
	text-decoration: underline;
}
.game_genre_select em {
	width: 100px;
}
/*div.master_talk table {
	border-collapse: collapse;
	width: 466px;
}
div.master_talk table th {
	border: solid 1px #b5d5f2;
	background: url(../../imgs/game/bg_game_list.gif) repeat-x;
	height: 30px;
	text-align: left;
	padding-left: 5px;
	font-size: 75%;
	color: #FFFFFF;
}
div.master_talk table th a {
	color:#FFFFFF;
	text-decoration: none;
}
div.master_talk table th a:link {
	color:#FFFFFF;
	text-decoration: none;
}
div.master_talk table th a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
div.master_talk table th a:hover {
	color:#CCFF99;
	text-decoration: underline;
}
div.master_talk table th span {
	background: url(../../imgs/game/bg_game_list_over.gif) repeat-x;
/*	line-height: 30px;
}*/
/*div.master_talk table th.title {
	width: 200px;
}
div.master_talk table td {
	border: solid 1px #b5d5f2;
	width: 42px;
	text-align: center;
}
div.master_talk table td.headings {
}
div.master_talk table td.headings p {
	width: 200px;
	text-align: left;
	line-height: 14px;
}
div.master_talk table td.headings p strong {
	float: left;
	font-size: 90%;
	color:#164e8d;
}
div.master_talk table td.headings p span {
	float: left;
	width: 140px;
	font-size: 85%;
	color: #545454;
}
div.master_talk table td.headings p img {
	float: left;
	margin-right: 5px;
}*/
/*table replace*/
div.new_game_hit {

            clear: both;

            width: 300px;

            float: left;

            background: url(../../imgs/game/bg_right.gif) repeat-y;

}

div.new_game_hit img {

            float: left;

            margin: 5px 5px 0px 0px;

}

div.new_game_hit strong {

            display: block;

            font-size: 100%;

            color: #2b66cc;

}

div.new_game_hit span {

            float: none;

            margin-right: 5px;

}

div.new_game_hit strong a {

            color: #2b66cc;

}

div.new_game_hit strong a:link {

            color: #2b66cc;

}

div.new_game_hit strong a:visited {

            color: #2b66cc;

}

div.new_game_hit strong a:hover {

            color: #5a86d2;

            text-decoration: none;

}

div.new_game_hit p {

            clear: both;

            font-size: 70%;

            color: #333333;

            padding-left: 10px;

            padding-right: 5px;

            line-height:14px;

}

	
div.master_talk div.table {
	width: 464px;
	border-left: solid 1px #b5d5f2;
	border-right: solid 1px #b5d5f2;
}
div.master_talk div.table p.tcolor {
	width: 464px;
	height: 37px;
	font-weight: bold;
	color: #FFFFFF;
	border-top: solid 1px #b5d5f2;
	border-bottom: solid 1px #b5d5f2;
	background: url(../../imgs/game/bg_game_list.gif) repeat-x;
}
div.master_talk div.table p.tcolor span.frist {
	width: 238px;
	height: 33px;
	font-size: 80%;
	line-height: 30px;
	padding-left: 5px;
}
div.master_talk div.table p.tcolor span {
	width: 37px;
	height: 33px;
	float: left;
	font-size: 80%;
	border-left: solid 1px #b5d5f2;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
div.master_talk div.table li.title {
	clear: both;
	width: 464px;
	font-weight: bold;
	color: #FFFFFF;
	border-top: solid 1px #b5d5f2;
	border-bottom: solid 1px #b5d5f2;
	/*border: solid 1px #b5d5f2;*/
	background: url(../../imgs/game/bg_game_list.gif) repeat-x;
}
div.master_talk div.table li.title p {
	float: left;
	width: 239px;
	font-size: 80%;
	line-height: 24px;
	text-align: left;
	padding-left: 5px;
}
div.master_talk div.table li.title span {
	width: 37px;
	float: left;
	font-size: 80%;
	border-left: solid 1px #b5d5f2;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
div.master_talk div.table ul {
}
div.master_talk div.table li {
	width: 464px;
	list-style: none;	
}
div.master_talk div.table li.headings {
	clear: both;
	width: 464px;
	margin-top: -2px;
	border-bottom: solid 1px #b5d5f2;
/*	border-left: solid 1px #b5d5f2;
	border-right: solid 1px #b5d5f2;*/
}
div.master_talk div.table li.headings p {
	float: left;
	width: 244px;
	font-size: 90%;
	line-height: 14px;
}
div.master_talk div.table li.headings span {
	width: 42px;
	height: 40px;
	padding-top: 10px;
	float: left;
	line-height: 30px;
	border-left: solid 1px #b5d5f2;
	text-align: center;
	}
div.master_talk div.table li.headings p strong {
	float: left;
	font-size: 100%;
	color:#164e8d;
}
div.master_talk div.table li.headings p em {
	float: left;
}
div.master_talk div.table li.headings p img {
	float: left;
	margin-right: 5px;
}
/* Sub New Game */
p.sub_new_game {
	height: 30px;
	width: 466px;
	background: url(../../imgs/game/bg_game_list.gif) repeat-x;
	padding-right: 5px;
}
/*p.sub_new_game a, a:link {
	color: #FFFFFF;
	text-decoration: none;
}
p.sub_new_game a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
p.sub_new_game a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}*/
/* Sidebar Left Header*/
/* Webmaster Talk */
.webmaster_over {
	width: 466px;
	height: 39px;
	overflow: hidden;
}
.webmaster_over span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../../imgs/game/bar_webmaster.gif) no-repeat;
}
/* Cool Cool */
.head_main_all_over {
	width: 466px;
	height: 35px;
	overflow: hidden;
}
.head_main_all_over span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../../imgs/game/bar_cool.gif) no-repeat;
}
/* New Games*/
.newgame_over {
	width: 466px;
	height: 39px;
	overflow: hidden;
}
.newgame_over span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../../imgs/game/bar_newgame.gif) no-repeat;
}
/* News Update */
.news_over {
	width: 466px;
	height: 39px;
	overflow: hidden;
}
.news_over span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../../imgs/game/bar_news.gif) no-repeat;
}

/* Center Top*/
p.center_top {
	width: 466px;
	height: 5px;
	overflow: hidden;
	float:left;
	clear:both;
}
.center_top span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../../imgs/game/bar_content_top.gif) no-repeat;
}  

/* Center Buttom*/
p.center_buttom {
	width: 466px;
	height: 5px;
	overflow: hidden;
	float:left;
	clear:both;
}
.center_buttom span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../../imgs/game/bar_content_x.gif) no-repeat;
}

/* More for All */
p.more {
	clear: both;
	position: relative;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	font-size: 85%;
	font-weight: bold;
	color:#7c7c7c;
}
p.more a {
	position: relative;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	font-size: 85%;
	font-weight: bold;
	color:#7c7c7c;
	clear: both;
}
p.more a:link {
	color:#7c7c7c;
}
p.more a:visited {
	color:#7c7c7c;
}
p.more a:hover {
	color:#333333;
}
/* End of More */

/* Style for Reader Pages */
div.contents_reading {
	width: 766px;
	position: relative;
	float: left;
	padding: 0 5px;
}
/*#disscuss_box {
	width: 100%;
	padding: 5px 5px 5px 165px;
}*/

/* Clear Both Special */
p.clear {
	clear: both;
	height: 5px;
}
/* Sanook TopTab */
#sanook_tab {
	 position: absolute;
	 height: 24px;
	 line-height: 24px;
	 width: 100%;
	 top: 0;
	 left: 0;
	 z-index: 99;
	 background: url(../imgs/top_tab_bg.gif) repeat-x;
}
#sanook_tab span {
	 line-height: 24px;
	 padding-left: 8px;
}
#sanook_tab span a {
	display: block;
	float: left;
	font-size: 0.85em;
	color: #FFFFFF;
	padding-left: 3px;
}
#sanook_tab strong {
	padding-right: 5px;
}
#sanook_tab strong img {
	margin: 0 5px 4px 0;
}
#sanook_tab strong a {
	display: block;
	float: right;
	font-size: 1em;
	color: #FFFFFF;
	padding: 0 3px;
}


/* MKT Ads text */

div.mkt_ads {

          position: relative;

          float: left;

          font-size: 75%;

          padding-bottom:5px;

          margin-top: 5px;

}

div.mkt_ads img {

          vertical-align: middle;

          margin-right: 5px;

}

div.mkt_ads p.ads_text {

          width: 460px;

          background: url(../../imgs/game/bg_content.gif) repeat-y;

          padding: 5px;

          font-size: 0.9em;

          text-align: center;

          color: #FF3300;

}

div.mkt_ads p.ads_text a {

          color: #FF3300;

}