@charset"utf-8";

html{background:#e7f6fd;}
body{ background:url(file:///D|); background-position:center top; background-repeat: repeat-x; margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}

ul,li,p,h1,h2,h3,h4,img{ margin:0px; padding:0px; list-style:none;}
a{ outline:none; text-decoration:none;}
form{ margin:0px; padding:0px; display:inline;}
input{font-family:Arial, Helvetica, sans-serif; border:1px #ccc solid;}
input.nobrd{font-family:Arial, Helvetica, sans-serif; border:0px;}
input.rdo{ border:0px;}

.msgbox{ border:1px #CCC solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
input.btn1{ border:2px #ccc solid; height:24px; background-color:#eaeaea; padding:1px 0 1px 0px; cursor:pointer; width:100px;}
input.btn2{ display:inline; border:1px #ccc solid; background:#ccc;}
input.btn3{ border:2px #ccc solid; height:24px; background-color:#eaeaea; padding:0px 0px 2px 0px; cursor:pointer; width:60px;}
.lstbox{ border:1px solid #999; font-family:Arial; font-size:12px;}


#container{ width:960px; margin:auto; background:#fff; text-align:left; padding:0 10px 10px 10px; overflow:hidden;}
#game-link{ width:99%; font-size:11px; background:#eaeaea; padding:6px 5px 6px 5px; overflow:hidden;}
#game-link span{ float: right; color:#990000;}
#game-link a{ color:#666;}
#game-link a:hover{ color:#333;}

/*header*/
#header{ width:99%; background:url(../../../+สำรองข้อมูลserver8-2555/83/108topgame/+2557/images/header.jpg); background-position:center top; background-repeat:no-repeat; margin-top:3px; height:88px; padding-top:2px; padding-right:10px; border-bottom:1px #ccc solid; padding-bottom:4px; margin-bottom:5px;}
#header div.logo{ width:40%; background:none; float:left;}
#header div.banner{ float:right; width:550px; text-align:center; font-family:Arial; padding-top:3px;}
#header div.banner img{ border:0px; vertical-align:middle;}


h3.title{ width:100%; background:#414141; border-bottom:1px solid #8B8B8B; color:#fff; text-indent:5px; font-size:12px; padding:5px 0px 5px 0px;}

/*content*/

h1.title{ width:100%; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; padding:3px 0px 3px 0px; margin-top:5px;   text-shadow:1px 1px 1px #ccc}
h1.title img{ vertical-align:middle; border:0px;}
h1.title span{ float:right; font-size:12px; color:#CC0000;  font-weight:normal;}
h1.title span img{ vertical-align: middle;}
h1.title span a{ color:#CC0000;} 
h1.title span a:hover{ color:#0066CC;} 

.addthis_toolbox{ background:none; overflow:hidden; width:99%; padding:0px 0px 0px 5px;}
.addthis_toolbox span{ float: left; font-size:11px;}


div.title{ width:100%; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; padding:3px 0px 3px 0px; margin-top:5px;   text-shadow:1px 1px 1px #ccc}
div.title img{ vertical-align:middle; border:0px;}
div.title span{ float:right; font-size:12px; color:#CC0000;  font-weight:normal;}
div.title span img{ vertical-align: middle;}
div.title span a{ color:#CC0000;} 
div.title span a:hover{ color:#0066CC;} 


#content{ width:100%;}
#content-left{ 
	width:18%; float:left; background:none; margin-bottom:20px;
}


#content-right{ width:81.5%; float: right; background:none; overflow:hidden; margin-bottom:20px;}

#content-inright{ width:67%; margin:0px; padding:0px; float:left; background:none;}
#content-ads{ width:32.5%; padding:0px; margin:0px; float:right; background:none; padding-top:5px;}

#login{ width:100%; margin-bottom:2px;}

#login span{ font-size:11px; color:#333;}
#login span a{ text-decoration:none; color: #333;}
#login span a:hover{ color: #FF0000;}



#menu{ width:100%; overflow:hidden;}
#menu ul{ width:100%; float:left; }
#menu ul li img{ vertical-align:middle; border:0px;}
#menu ul li{ width:100%; float:left; border-bottom:1px #ccc dotted; text-indent:5px; padding:5px 0px 5px 0px;}
#menu ul li a{ text-decoration:none; font-weight:bold; font-size:12px; color:#003399; display:block;}
#menu ul li a:hover{ color:#FF0000;}


#menu-top{ width:100%; background:#414141; border-top:1px solid #8B8B8B; border-bottom:1px solid #8B8B8B; color:#FFFF00; text-indent:5px; font-size:12px; padding:5px 0px 5px 0px;}
#menu-top ul{ width:80%; float:left;}
#menu-top ul li{ width:auto; margin:0px 6px 0px 6px; float:left; font-family:Arial;}
#menu-top ul li a{ color:#fff; font-weight:bold; text-decoration:none;}
#menu-top ul li a:hover{ color:#FFFF00;}
#menu-top p{ padding-right:5px; text-align:right; font-size:11px; color:#f6f6f6;}
#menu-top p strong{ color:#FFFF00; font-family:Arial;}


.ads120{ width:100%; margin:10px 0px 10px 0px; overflow:hidden;}
.ads120 li{ width:120px; float:left; margin:0px 0px 5px 4px;!important} 
*html body .ads120 li{margin:0px 1px 5px 3px;} 
.ads120 li img{ width:120px; height:120px; border:0px; padding:0px; margin:0px;} 

.banner170{ width:100%; overflow:hidden; margin:0px; padding:0px; margin-top:10px;}
.banner170 li{ text-align:center; margin:0px; padding:8px 0px 2px 0px; text-indent:0px; border:0px;}
.banner170 li img{ vertical-align:middle; border:0px; margin:0px; padding:0px; width:170px; height:70px;}

.banner170-horizontal{ width:100%; overflow:hidden; margin:0px; padding:0px;}
.banner170-horizontal li{ float:left; overflow:hidden; width:auto; text-align:center; margin:0px 0px 0px 3px; padding:5px 0px 2px 0px; text-indent:0px; border:0px;}
.banner170-horizontal li img{ vertical-align:middle; border:0px; margin:0px; padding:0px; width:170px; height:70px;}

#ads-gg468{ width:99%; margin:auto; margin-top:10px; }

/*search-games*/
#search-games{ width:99.5%; background:#414141; border-top:1px solid #8B8B8B; border-bottom:1px solid #8B8B8B; padding:3px 0px 3px 0px; margin:5px 0px 5px 0px; text-align:center;}
#search-games input.kwd{ height:18px;}


.descirption-game{ width:98%; padding-left:8px; margin:auto; line-height:18px; font-size:12px; text-indent:20px; margin-top:10px; margin-bottom:10px;}
.played{ width:100%; font-size:11px; margin-bottom:5px;}
.played span{ float:right; font-size:12px; }
.played span a{ color:#009900; font-weight:bold;}
.played span a:hover{ color:#003399;}
.played strong{ color:#CC0000; font-family:Arial; font-size:12px;}
.played img{ vertical-align:middle; border:0px;}

#game-page{ width:100%; font-weight:bold; font-size:12px;}
#game-page span{ float:right;}
#game-page strong{ color:#FF0000; font-family:Arial;}

#falsh-swf{ width:100%; background:none; text-align:center; background:url(../../../+สำรองข้อมูลserver8-2555/83/108topgame/+2557/images/loading-swf.gif); background-position:center center; background-repeat:no-repeat;}

#code-game{ width:99%; margin:auto; border:1px #eaeaea solid; margin-top:10px; text-align:center; padding-bottom:10px; font-size:12px;}
#code-game p{ width:100%; text-align:left; margin-bottom:5px; font-weight: bold; text-indent:5px; padding-top:5px; color: #003399;}
#code-game p img{ vertical-align:middle; margin-right:5px;}
#code-game img.ss{ border:0px; width:70px; vertical-align:top;}

#show-tags{ width:100%; margin-top:10px; font-size:8px; font-family:Arial;}
#show-tags strong{ color:#003399;}
#show-tags strong a{ color: #009900; padding-left:15px; line-height:18px; text-decoration:underline;}
#show-tags strong a:hover{ color:#003399; text-decoration:none;}

#vote-game{ width:100%; margin:10px 0px 0px 0px; border-top:1px #eaeaea solid; border-bottom:1px #eaeaea solid; font-size:11px; 
padding:5px 0px 5px 0px; overflow: hidden;}
#vote-game a{ color: #003399; font-weight:bold;}
#vote-game a:hover{ color:#CC0000;}
#vote-game span{ float:right; padding-top:2px; font-size:12px;}
#vote-game img{ vertical-align:middle; border:0px;}

#list-game-1 { background:none; border:0px #eaeaea solid; padding:0px; margin-top:5px; margin-left:2px; overflow:hidden; margin-bottom:5px; width:100%;}
#list-game-1 li{ background:#f6f6f6; float:left; display:block; padding:8px 0 8px 0px; margin:0px 0px 8px 7px; text-align:center; vertical-align:top;  overflow:hidden;width:123px; height:135px;!important }
*html body #list-game-1 li{ height:135px; width:120px;}
#list-game-1 li a{ text-decoration:none; font-weight:bold; color:#333; display:block; cursor:pointer; font-size:12px;}
#list-game-1 li a:hover{ color:#000099;}
#list-game-1 li h4{ width:98%; background:none; height:30px; overflow:hidden; line-height:15px; margin-bottom:7px\0/; /*hack ie8*/}
#list-game-1 li img{border:0px; padding:0px 3px 3px 3px; display:block;margin:auto; width:110px; height:82px;}
#list-game-1 li span{ font-size:11px; font-weight:normal; color: #666;}
#list-game-1 li span a{ color:#CC0000; font-size:11px; font-weight:normal; display:inline;}
#list-game-1 li span span{ color:#CC0000;}
#list-game-1 li img.delmb{ display:inline; vertical-align:middle; border:0px; width:12px; height:12px;}



#list-game-2{ width:100%; overflow:hidden; margin-top:10px;}
#list-game-2 li{ width:100%; margin-bottom:5px; overflow:hidden; font-size:12px; line-height:16px; padding:4px 4px 4px 4px;}
#list-game-2 li.c1{ background:#f6f6f6;}
#list-game-2 li.c2{ background:#fff;}
#list-game-2 li p{ line-height:18px; height:55px; overflow:hidden; padding-right:8px;}
#list-game-2 li span{ font-size:11px; color:#999;}
#list-game-2 li span span{ float:right;}
#list-game-2 li h4{ color:#0066FF; font-size:12px;}
#list-game-2 li h4 a{ color:#0066FF;}
#list-game-2 li h4 a:hover{ color: #FF0000;}
#list-game-2 li h4 span{ font-size:11px; font-weight:normal; float:right; color:#999; padding-right:5px;}
#list-game-2 li img { float:left; width:110px; height:82px; border:1px #eaeaea solid; padding:2px; margin-right:8px;}





/*Commemt Game*/
#list-cmt{ width:100%; background:none; overflow:hidden;}
#list-cmt li{ padding:4px; text-align:center; background: #fff; float:left; margin-bottom:5px; margin-top:4px; border:1px #ccc solid; padding-bottom:5px; color:#333; width:98%; !important}
*html body #list-cmt li{ width:98%; }
#list-cmt li p{ width:99%; margin:8px 0px 8px 0px;  text-align:left; color:#666; font-size:12px;}
#list-cmt li div.title{ width:100%; text-align:left; border-bottom:1px #ccc dotted; font-size:11px; color: #333; margin:0px; padding:0px 0px 2px 0px;}
#list-cmt li div.title span{ float:right; text-align:right; width:45%; font-size:11px; font-weight:normal; color:#999; padding:0px; margin:0px;}
#list-cmt li div.footer{ width:100%; text-align:left; border-top:1px #ccc dotted; padding-top:2px; font-size:11px; color:#999; margin:0px; padding:2px 0px 0px 0px;}
#list-cmt li div.footer span{ float:right; text-align:right; width:45%; margin:0px; padding:0px;}
#list-cmt li div.footer span a{ text-decoration:none; color:#CC0000; font-weight:normal;}
#list-cmt li div.footer span a:hover{ color:#003399;}


#comment{ width:100%; border:1px solid #ccc; border-collapse: separate; border-spacing:5px; margin-top:5px; background:#f6f6f6;}
#comment td{ font-size:12px;}
#comment td span{ font-size:11px; color:#FF0000;}
#comment td.warning{ font-size:11px; color:#FF0000; line-height:16px;}
#comment tr.title{ background:#eaeaea;}
#comment tr.title td{ height:26px; text-indent:5px; color: #006600;}
#comment td.setsmile { height:30px;}
#comment td.setsmile img{ border:0px; vertical-align:middle; margin-bottom:3px;}


#notfound{ width:50%; text-align:center; font-weight:bold; font-size:14px; margin: auto; margin-top:50px; margin-bottom:50px;  text-align:left;}
#notfound a{ font-size:11px; color: #CC0000; display:inline; font-weight:normal;}
#notfound a:hover{ color:#003399;}
#notfound img{ margin:auto; float:left; display:inline; vertical-align:text-top;}

h1#error404{ width:45%; margin:auto; font-size:20px; font-weight:bold; color:#666; background:url(../../../+สำรองข้อมูลserver8-2555/83/108topgame/+2557/images/warning-icon.gif); background-position:left top; background-repeat:no-repeat; height:50px; padding-left:52px; padding-top:5px; font-family:Arial; margin-top:50px;}
h1#error404 span{ color:#FF0000; display:block; font-size:12px;}
h1#error404 span strong{ color:#333;}

strong.cls1{ color:#009900;}
strong.cls2{ color:#990000;}

#footer{ width:98%; overflow:hidden; background:#eaeaea; border-top:1px #ccc solid; padding:10px;}
#footer ul{ width:100%; overflow:hidden;}
#footer ul li{ font-size:11px; line-height:20px; color:#666;}
#footer ul li strong{ font-size:12px; color:#CC0000;}
#footer ul li a{ text-decoration:none; color:#333;}
#footer ul li a:hover{ color:#CC0000;}
#footer div{ font-size:11px; margin-top:5px; color:#999;}
#footer div span{ float:right; text-align:right; line-height:14px;}


/*info-script*/
#info-script{ width:96%; margin:auto; margin-top:10px; padding-bottom:15px; margin-bottom:10px; border-bottom:1px #999 dotted;}
#info-script li{ width:100%; text-indent:15px; font-size:12px; padding-top:5px; color:#000;}
#info-script li.title{ padding:0px; margin-top:10px; font-size:14px; text-shadow:1px 1px 1px #ccc; text-indent:0px; font-weight:bold; color:#CC0000;}

#ranGame{ width:98%; margin:auto; margin-top:5px; padding:0px; overflow:hidden;}
#ranGame li{ width:98%; font-size:12px; line-height:16px; float:left; overflow:hidden; padding:5px; cursor:pointer; margin-bottom:2px; border-bottom:1px #ccc dotted;}
#ranGame li p{ width:75%; height:16px; overflow:hidden; background:none;}
#ranGame li p a{ color: #0066FF; font-weight: bold;}
#ranGame li p a:hover{ color: #FF0099;}
#ranGame li p.cate{ color:#CC0000;}
#ranGame li p.cate a{ color: #333;}
#ranGame li p.cate a:hover{ color: #CC0000;}
#ranGame li img{ float:left;  margin-right:6px; width:50px; height:50px; border:0px;}
#ranGame li strong{ font-size:11px; font-weight:400;}

#tb_warring{ background: #E7F6FD; width:100%; margin:auto; border-collapse:separate; border-spacing:5px;}
#tb_warring{ text-align:left; font-size:12px;}
#tb_warring strong.error{ color:#CC0000;}
#tb_warring span{ font-size:11px; color:#FF0000;}
#tb_warring a{ color:#C00;}
#tb_warring a:hover{ color:#333;}



/*Login*/
.tb-login{ width:100%; border:0px; border-collapse:separate; border-spacing:2px;}
.tb-login td{ font-size:12px;}
.tb-login td a{ color: #000099; font-weight:bold;}
.tb-login td a:hover{ color:#CC0000;}
.tb-login td.register{ font-weight:normal;}
.tb-login td.register a{ font-weight:normal;}
.tb-login td img{ border:0px; vertical-align:middle;}


#postdate-news{ width:98%; font-size:11px; color:#999; padding-top:4px;}
#postdate-news img{ vertical-align:middle;}
#postdate-news span{ float:right;}

#detail-news{ width:98%;margin:auto; margin-bottom:10px; line-height:16px; padding:10px; padding-bottom:15px; border-bottom:1px #CCC solid;}
#detail-news img{ border:0px;}
#detail-news a{ color:#0033FF;}
#detail-news a:hover{ color:#FF0000;}


/*List News*/
#list-news{ width:100%; background:none; overflow:hidden; margin-top:10px; margin-bottom:10px;}
#list-news li{ width:98%; padding:5px 5px 8px 5px; float:left; margin-bottom:5px; border-bottom:1px #CCC dotted; font-size:12px; color:#333;}
#list-news li strong{ color:#0033CC;}
#list-news li strong a{ color:#0033CC;}
#list-news li strong a:hover{ color: #FF0000;}
#list-news li p{ background:none; overflow:hidden; line-height:18px; height:65px; text-indent:30px;}
#list-news li p a{ font-weight:bold; color:#0000CC;}
#list-news li p a:hover{ color:#CC0000;}
#list-news li span{ text-align:right; float:right; font-size:11px; color:#999;}
#list-news li img{ vertical-align:top;}
#list-news li span a{ color: #000099; text-decoration:none;}
#list-news li span a:hover{ color:#CC0000;}
#list-news li img.imgnews{ float:left; padding:2px; border:1px #CCC solid; margin-right:10px; width:120px; height:90px;}


h4.notfound{ width:100%; font-size:16px; font-weight:bold; text-align:center; font-family:Arial; margin:10px 0px 10px 0px;}

/*tag-cloud*/
#tag-cloud{background:#fff; /*border:1px #eaeaea solid;*/ margin:auto; margin-bottom: 10px; width:94%;!important}
*html body #tag-cloud{width:96%;}
a.LinkNormal:link { color: #0099FF; text-decoration: none }
a.LinkNormal:visited { color: #0099FF; text-decoration: none }
a.LinkNormal:active { color: #0099FF; text-decoration: none }
a.LinkNormal:hover { color: #FF0000; text-decoration: none }

/*KG Pages*/
#pager_links { padding-bottom:10px; text-align:center; margin:auto; font-size:12px; font-family:Arial; padding-top:20px;}
#pager_links a { text-decoration:none; color:#333; background:#fff; border:1px solid #e0e0e0; padding:1px 4px 1px 4px; margin:2px;}
#pager_links a:hover { text-decoration:none; color: #CC0000; background:#fff; border:1px solid #CC0000; padding:1px 4px 1px 4px; margin:2px; }
#current_page { border:1px solid #333; padding:1px 4px 1px 4px; margin:2px; color:#333; }