/*------------------------------------------
Author: Pubug
MSN: chyuu@msn.com
E-mail: pubug@126.com
------------------------------------------*/
/*- basic -*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

/*
Fix ie5/6 [font-style: italic;] bug
See http://www.positioniseverything.net/explorer/italicbug-ie.html
--------------------- */
* html body * { overflow: visible; }

* html iframe, * html frame { overflow: auto; }

* html frameset { overflow: hidden; }

/*
Forcing vertical scrollbars in Netscape, Firefox and Safari browsers[html{height:100%;}body{min-height:101%;}]
See http://www.websemantics.co.uk/tutorials/useful_css_snippets/#leveller
--------------------- */
html{ height: 100%;background:#ffffff;  }

/* reset font size for all elements to standard (16 Pixel) */
html * { font-size: 100.01%; }

/*
Fix IE6 background flicker
See http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker
--------------------- */

body{ min-height: 101%; margin: 0 auto; font: normal normal normal 11px/1.2 Tahoma,Arial,Verdana; text-align: center;background:url(/images/bg.gif) top repeat-x;color:#000000;  }

fieldset{ border: 0 solid; }

* html legend {margin:0;padding:0;}

input, button, select { vertical-align:middle;font-size:11px; }

label,button,input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"] { cursor: pointer; }

input[type="hidden"] { display: none !important; }

table	{ border-collapse: collapse; border-spacing: 0; }

table caption{ text-align: center; border-bottom: none; margin-left: -1px; }

ol,ul{ list-style-type: none; }

img{ border: 0 solid; vertical-align:middle; }

q:before,q:after,blockquote:before,blockquote:after{content: "";}

abbr, acronym { border:1px dotted #000000; cursor:help; }

ins { text-decoration: none; }

del { text-decoration: line-through; }


* html input { overflow: hidden; }

/*-basic font-size -*/
h1 { font-size: 14px }

h2,h3,h4,li,dt,dd,p { font-size: 11px; }

select,
input,
textarea { font: normal normal normal 11px/1.2 Tahoma, Arial, Verdana; }

address,caption,cite,code,dfn,th,var{ font-style: normal; font-weight: normal; }

strong { font-weight: bold; }

em { font-style: italic; }


pre, code, kbd, samp, tt {font-family:monaco,'courier new','bitstream vera sans mono',monospace;}

/*- A -----------------------*/
a{ text-decoration:none;}

a:hover	{text-decoration:underline;}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html
--------------------- */
/*- add [font-size:0px;]-fix empty div bug in firefox -*/
.clearfix:after { content: "."; clear: both; height: 0; line-height:0; visibility: hidden; display: block; font-size: 0px; }

.clearfix { display: inline-block;}/* Fixes IE/Mac */

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }


.clearfix { display: block; }

/* End hide from IE-mac */

/*
Skip links and hidden content
See http://www.yaml.de/en/documentation/basics/skip-links.html
--------------------- */
/* Classes for invisible elements in the basic layout */
.skip, .hideme, .print { position: absolute; top: -1000em; left: -1000em; height: 1px; width:1px; }

/* Skip-links for making the tab navigation visible */
.skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto; }


/*---------- warpper ----------*/
#wrapper{width:998px;text-align:left;margin:0 auto;padding:0;overflow:hidden;position:relative;}
/*---------- other ----------*/
.left{float:left;}
.right{float:right;}
.space{height:10px;clear:both;}
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;}
/*---------- header ----------*/
#header{margin:0 auto;width:998px;height:71px;clear:both;}
/* Logo */
#logo{margin:0 15px;background:url(/images/logo.gif) no-repeat;}
#logo a{width:179px;height:71px;text-indent:-9999px;display:block;}
/* Nav */
#nav{width:560px;height:40px;color:#49b001;margin:-40px 0 0 195px;_margin-left:110px;clear:both;}
#nav li{float:left;font-size:14px;font-weight:bold;}
#nav li a{color:#49b001;width:100px;line-height:35px;padding-bottom:5px;margin:0 20px;text-align:center;display:block;}
#nav li a:hover{color:#ffffff;background:url(/images/navBg.gif) center no-repeat;text-decoration:none;}
#nav .boxBg{background:url(/images/navBg.gif) center no-repeat;}
#nav a.boxBg{color:#ffffff;}
/*---------- Search ----------*/
#search{width:235px;height:30px;margin:0 auto;padding-left:763px;clear:both;}
#search p{float:left;margin:5px 0;}
#search .text input{width:200px;height:16px;border-left:none;border-right:none;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;*margin-top:-2px;}
#search .search input{width:26px;height:21px;border:0;background:url(/images/schRight.gif) no-repeat;}
#search .schLeft{width:6px;height:20px;margin:5px 0;background:url(/images/schLeft.gif) no-repeat;}
/*---------- area ----------*/
#area{width:976px;margin:0 auto;padding:10px;border:1px solid #999999;background:#f9f9f9;overflow:hidden;clear:both;}
#gameList{width:180px;}
#gameList h2{padding:10px 0;}
#gameList li{line-height:21px;background:#e6e6e9;margin-bottom:1px;padding-left:5px;}
#gameList li a{color:#0000ff;}
#gameList li a:hover{color:#ff0000;}
/*---------- Public ----------*/
.col{width:783px;}
.conBg{background-image:url(/images/conBg.gif);background-repeat:repeat-x;background-position:top;background-color:#ffffff;}
.conEdge1{border:1px solid #bdbdbd;}
.conEdge2{border:1px solid #49b001;}
.conEdge3{border:1px solid #af0000;}
/*---------- footer ----------*/
#footer{width:998px;margin:0 auto;overflow:hidden;clear:both;}
#footer .copyright{width:998px;text-align:center;color:#000000;line-height:40px;}
#footer .copyright a{color:#000000;}
/*---------- Login ----------*/
.login{position:absolute;top:76px;left:5px;}
.login p{float:left;}
.login p input{margin:0 5px;}
.login p a{color:#49b001;margin:0 5px;text-decoration:underline;}
.login p a:hover{color:#ff0000;}
.login p strong{color:#ff0000;margin:0 5px;}