@charset "utf-8";
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, 
caption{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: #000000;background: #FFFFFF;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after, 
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

.clear:after {content:"."; height:0; visibility:hidden; display:block;clear:both;}
.clear {display:inline-block;}
/* Hlly Hack Targets IE Win only \*/
* html .clear {height:1%;}
.clear {display:block;}
/* End Holly Hack */
* html{filter:expression(document.execCommand("BackgroundImageCache", false, true));}
.word-ellipsis {overflow:hidden;text-overflow:ellipsis;word-wrap:normal;word-break:normal;white-space:nowrap;}

body  {margin: 0;padding: 0;text-align: center;color: #000000;}
#container {background:#FFFFFF;margin:0 auto;text-align:left;width:980px;margin-bottom:0px;font: 14px Verdana,"Microsoft Yahei", sans-serif;} 


.red_box .title {width:100%;height:30px;}
.red_box .title .lc {width:25px;height:30px;float:left;background:url(images/t_lrc_1.gif) no-repeat 0px 0px;}
.red_box .title .mc {height:30px;line-height:29px;float:left;text-align:left;font-size:16px;color:#fff;font-weight:bold;font-family:"Microsoft Yahei", "宋体";background:url(images/t_bg_1.gif) repeat-x 0px 0px;}
.red_box .title .rc {width:6px;height:30px;float:left;background:url(images/t_lrc_1.gif) no-repeat -25px 0px;}
.red_box .body {border:1px #C30000 solid;border-top:0px;}

.top {width:980px;height:159px;margin:10px 0;background:url(images/b_bg_1.gif) no-repeat scroll 0 0;}
.top a {width:220px;height:60px;display:block;position:relative;left:712px;top:26px;}

.user_rank {display:none;text-align:center;font-size:17px;color:yellow;margin-bottom:10px;background-color:red;border:1px solid #D20000;padding:30px;font-weight:bold;}
.user_rank span {padding:0 10px;}

.ranks {width:304px;float:left;}
.ranks .title  {width:304px;}
.ranks .title .mc {width:273px;}
#day_ranks {margin:0 34px;}
.ranks .body {width:302px;}
.ranks .body table {width:302px;}
.ranks .body table thead th {background-color:#F4F4F4;color:#666666;text-align:left;padding:0 2px;height:27px;line-height:27px;font-size:14px;}
.ranks .body table thead th.index {width:66px;}
.ranks .body table thead th.name {width:150px;}
.ranks .body table thead th.wpm {width:74px;}
.ranks .body table tbody tr td {height:26px;border-top:1px solid #F5F5F5;padding:0 2px;}
.ranks .body table tbody tr td .name {width:150px;overflow:hidden;height:20px;line-height:20px;}

.more_games {width:980px;margin-top:20px;}
.more_games .title  {width:980px;}
.more_games .title .mc {width:949px;}
.more_games .body {padding:14px 0 20px 0;width:978px;height:129px;overflow:hidden;}
.more_games ul {width:980px;margin-left:-1px;}
.more_games ul li {float:left;width:100px;margin:0px 10px;}
.more_games ul li .img, .more_games ul li img {width:100px;height:75px;}
.more_games ul li .name {width:100px;height:30px;line-height:30px;color:#70030C;font-size:14px;text-align:center;overflow:hidden;}
.more_games ul li .name a {text-decoration:none;color:#70030C;}
.more_games ul li .run {width:100px;height:24px;}
.more_games ul li .run a {display:block;width:81px;height:24px;background:url(images/run.gif) no-repeat scroll 0 0;margin:auto;}