@charset"utf-8";

html{background:#00245c}
body{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:1100px;margin:auto;background:#fff;text-align:left;padding:0 10px 10px 10px;overflow:hidden}
#container2{width:1400px;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(../images/header.jpg);background-position:center top;background-repeat:no-repeat;margin-top:3px;height:88px;padding-top:5px;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:#00245c;border-bottom:1px solid #8B8B8B;color:#fff;text-indent:5px;font-size:15px;padding:5px 0px 5px 0px}

/*content*/
h1.title{width:100%;font-size:16px;font-weight:bold;color:#006;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}

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:16%;float:left; background-color:none;margin-bottom:20px}
#content-right{width:83.5%;float:right;background:none;overflow:hidden;margin-bottom:20px}
#content-inright{width:100%;margin:0px;padding:0px;float:left;background:none}
#content-ads{width:0%;padding:0px;margin:0px;float:right;background:none;padding-top:5px}
#content-right2{width:100%;float:right;background:none;overflow:hidden;margin-bottom:20px}

#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:8px 0px 8px 0px}
#menu ul li a{text-decoration:none;font-weight:bold;font-size:15px;color:#008686;display:block}
#menu ul li a:hover{color:#ffcc00}

#menu-top{width:100%;background:#00245c;border-top:1px solid #8B8B8B;border-bottom:5px solid #00245c;color:#FFFF00;text-indent:5px;font-size:15px;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}

/*search-games*/
#search-games{width:99.5%;background:#ffffff;border-top:1px solid #fffff;border-bottom:1px solid #fffff;padding:3px 0px 3px 0px;margin:5px 0px 5px 0px;text-align:center}
#search-games input.kwd{height:18px}.cate{font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;color:#03C}

.descirption-game{width:98%;padding-left:8px;margin:auto;line-height:20px;font-size:16px;text-indent:20px;margin-top:10px;margin-bottom:10px;color:#00C}
.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}

#flash{width:100%;background:none;text-align:center;background:url(../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:9px;font-family:Arial}
#show-tags strong{color:#0c7b00}
#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; padding:0px; margin-top:5px; margin-left:2px; overflow:hidden; margin-bottom:0px; width:100%;}
#list-game-1 li{ background:#000000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 0px 3px 0px 0px rgba(216,151,3,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(216,151,3,1);
box-shadow: 0px 3px 0px 0px rgba(216,151,3,1); float:left; display:block; padding:3px 0px 0px 0px; margin:0px 0px 7px 7px; text-align:center; vertical-align:top;overflow:hidden;width:144px; height:163px;!important }
#list-game-1 li a{ text-decoration:none; font-weight:500; color:#00daf4; display:block; cursor:pointer; font-size:14px;}
#list-game-1 li a:hover{ color:#0095f4;}
#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-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 3px #000000 solid ; display:block; margin:auto; width:140px; height:105px;}
#list-game-1 li span{ font-size:11px; font-weight:normal; color:#0095f4;}
#list-game-1 li span a{ color:#0095f4; font-size:11px; font-weight:normal; display:inline;}
#list-game-1 li span span{ color:#0095f4;}
#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{color:#00daf4;width:100%;margin-bottom:5px;overflow:hidden;font-size:12px;line-height:16px;padding:4px 4px 4px 4px}
#list-game-2 li.c1{background:#000}
#list-game-2 li.c2{background:#111}
#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:#0095f4;font-size:12px}
#list-game-2 li h4 a{color:#0095f4}
#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:140px;height:105px;border:1px #eaeaea solid;padding:2px;margin-right:8px}

#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(../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}

#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:#ddb600}
#ranGame li p.cate a:hover{color:#0015dd}
#ranGame li img{float:left;margin-right:6px;width:110px;height:82px;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}

/*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;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}

/*Menu*/
.menugame{font-family:tahoma;font-size:11px;text-decoration:none;padding-top:5px;}
.menugame A:link{border-style:solid;border-width:1px 1px 1px 1px;text-decoration:none;padding-right:2px;padding-left:2px;padding-bottom:2px;padding-top:2px;background:#f1f1f1;border-color:#000033;}
.menugame A:visited{border-style:solid;border-width:1px 1px 1px 1px;text-decoration:none;padding-right:2px;padding-left:2px;padding-bottom:2px;padding-top:2px;background:#f1f1f1;border-color:#000033;}
.menugame A:active{border-style:solid;border-width:1px 1px 1px 1px;text-decoration:none;padding-right:2px;padding-left:2px;padding-bottom:2px;padding-top:2px;background:#f1f1f1;border-color:#000033;}
.menugame A:hover{border-style:solid;border-width:1px 1px 1px 1px;text-decoration:none;padding-right:2px;padding-left:2px;padding-bottom:2px;padding-top:2px;background:#0000ff;border-color:#000033;color:#ffffff;}

/*cooking*/
.cooking{font-family:tahoma;font-size:16px;text-decoration:none;color:#ff0000}
.cooking2{
	font-family:tahoma;
	font-size:24px;
	text-decoration:none;
	color:#ff0000
}



.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEf4; color: #00557F; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEf4;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#006699;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}