﻿* {margin:0; padding:0;}
html{ width:100%; height:100%;}
body { position:relative; width:100%; min-height:100%; height:100%; height:auto!important; font:14px "Times New Roman", Times, serif; color:#333; background:#76C9FF url(/images/top.png) repeat-x; }
#bg { background:url(/images/bg.png) top repeat-x; position:absolute; bottom:0; left:0; right:0; width:100%; height:632px; z-index:1;}
#reflex {display:block;	margin:0 auto; z-index:102; position:relative; background:url(/images/reflex.png) no-repeat; width:901px; height:105px;}
.plashka { margin:0 auto; z-index:102; position:relative; width:900px; height:20px; background:url(/images/plashka_btm2.png) no-repeat;}

/*
STRUCT -----------------------------------------------------------------------------------------------*/
#header  {position:relative; width:1000px; min-width:1000px; height:233px; clear:both; margin:0 auto; z-index:101;background: url(/images/header_bg.jpg) no-repeat left top;}
#content {position:relative; margin:0 auto; width:900px; min-width:900px;  height:auto; clear:both; overflow:hidden; z-index:103;}
#footer  {position:relative; width:900px; margin:0 auto; overflow:hidden; z-index:102;}

/*
STYLES -----------------------------------------------------------------------------------------------*/
a:link {color:#0066CC;}
a:visited {color:#0066CC;}
/*
a:visited { color:#569FE9;}
*/
a:hover {text-decoration:none;}
img {border:none;}
h1, h2, h3, h4, h2 a:link, h2 a:visited{ color:#990000; font-weight:normal;}
h1 {font-size:28px;}
h2 {font-size:21px;}
h3 {font-size:14px; font-weight:bold;}
small {font-size:10px; color:#999;}

/*
HEADER ----------------------------------------------------------------------------------------------*/
#header .logo { position:absolute; top:40px; left:190px;background:url(/images/lapster_logo.png) no-repeat; cursor:pointer;}
#header .logo a:link, #header .logo a:visited{display:block;width:246px;height:85px;text-indent:-99999px;outline:none;}

#tree {background:url(/images/tree.png) no-repeat top right; width:356px; height:285px; position:absolute; right:0; top:0; z-index:102;}

#main-nav { width:100%; height:36px; position:absolute; z-index:103; left:0; top:198px;}
#main-nav ul {width:651px; margin:0 auto; padding:0 0 0 30px;}
#main-nav ul li{ float:left; list-style:none outside;}
#main-nav ul li a { display:block;position:relative;color:#fff; font-size:16px; text-decoration:none; cursor:pointer;}
#main-nav ul li i {float:left; display:block; background:url(/images/tab_left.png) no-repeat; width:13px; height:36px;}
#main-nav ul li u {float:left; display:block; background:url(/images/tab_right.png) no-repeat; width:13px; height:36px;}
#main-nav ul li a span { background:url(/images/tab_bg.png) repeat-x; float:left; display:block; padding:4px 17px 0; height:32px; text-align:center; line-height:13px;}

#main-nav ul li.act i {background:url(/images/tab_left_act.png) no-repeat; }
#main-nav ul li.act u {background:url(/images/tab_right_act.png) no-repeat;}
#main-nav ul li.act a span { background:url(/images/tab_bg_act.png) repeat-x; color:#f8eeee;}

#main-nav ul li:hover i {background:url(/images/tab_left_act.png) no-repeat;}
#main-nav ul li:hover u {background:url(/images/tab_right_act.png) no-repeat;}
#main-nav ul li:hover a span { background:url(/images/tab_bg_act.png) repeat-x;}

#search   { background:url(/images/search_bg.png) no-repeat; width:191px; height:45px; position:absolute; top:115px; right:50%; margin:0 -450px 0 0; z-index:108;}
#search .s_input {position:absolute; top:15px; left: 35px; width:125px; background:transparent; border:none; color:#3F61A4; font-weight:bold; z-index:1000;}
#search .s_btn {background:url(/images/search_btn.png) no-repeat; width:18px; height:18px; border:none; position:absolute; right:6px; top:15px; cursor:pointer;}

/*
CONTENT
------------------------------------------------------------------------------------------*/
#pathWay {font-size:12px; padding:1px 0 0;}
#pathWay a:link, #pathWay a:visited{color:#0066CC;}

#content .contTop{background:url(/images/top_round.png) no-repeat top; height:20px;}
#content .contBg{background:#fff url(/images/contBg.png) 0px 0px repeat-x ; padding:10px 25px 40px; overflow:hidden; width:850px;}
#content h1 { padding:10px 0px 0px;}
#content .rubricDesc {padding:0px;}

#left {float:left;width:526px; padding:10px 20px 0 0;}
#left h2 { padding:0 0 10px;}

#right{float:left;width:301px; padding-top:10px;}
#right h2{padding:0 0 5px 13px;}

.searchSort { margin:0px 0 20px; font-size:14px; overflow:hidden; width:526px;}
.searchSort span {font-size:11px; padding-left:5px;}
.searchSort a:link, .searchSort a:visited { font-size:14px;}

.viewCount {float:left;  margin:5px 0 10px; font-size:12px;}
.viewSort { float:right; margin:5px 0 10px; font-size:12px;}

#pages {border:#ccc solid; border-width:1px 0 0; padding:10px 0 0; margin-bottom:25px; /*font:12px Tahoma, Verdana, Arial;*/ font-size:14px; text-align:center; color:#666;}
#pages p{ padding: 5px 0 0px;}
#pages span {font-size:16px;}
#pages p span {font-size:14px; padding:0 5px; color:#aaa;}
#pages strong{ padding:0 3px;}
#pages p strong{ padding:0 5px; color:#333;}
#pages img { padding:0 10px;}
#pages a:link, #pages a:visited{ padding:0 5px; font-size:14px; text-decoration:none; color:#666;}

.searchWord { background:yellow; padding:0 3px; font-weight:bold;}

/*
GAMES LIST
------------------------------------------------------------------------------------------*/
.gamesList { border-collapse:collapse; margin:0px; clear:both; width:100%; }
.gamesList td{ border-top: 1px #ccc solid; padding:10px 0; vertical-align:top;}
.gamesList td td {border:none;}
.gamesList .gameImage { width:110px;}
.gamesList .gameImage img {border:2px #3197ed solid;}
.gamesList .gameInfo { padding-right:10px; padding-left:10px;}
.gamesList .desc {}
.gamesList .vertAlign {vertical-align:middle; width:100px;}
.gamesList .gameDownload { padding:5px 10px 5px 20px;  border-left:1px #ccc solid;}
.gamesList .gameDownload .btn{ }
.gamesList .gameDownload .counters{ font-size:11px; padding:3px 0 0; color:#888;}
.gamesList .gameDownload .counters a:link, .gamesList .gameDownload .counters a:visited {color:#888;}
.gamesList .gameDownload .counters p{ white-space:nowrap;}
.more { text-align:right; border:#ccc solid; border-width:1px 0; padding:5px 0 7px; margin-bottom:20px;}

/*
VOTING
------------------------------------------------------------------------------------------*/
.voting {position:relative;margin:0 0 5px;width:90px;height:15px;overflow:hidden;background:url(/images/stars.png) 0 -15px no-repeat; float:left;}
.mobile .voting, .bestGame .voting {position:relative;margin:0 0 5px;width:90px;height:15px;overflow:hidden;background:url(/images/stars2.png) 0 -15px no-repeat; float:left;}
.online .voting {position:relative;margin:0 0 5px;width:90px;height:15px;overflow:hidden;background:url(/images/stars4.png) 0 -15px no-repeat; float:left;}
#Game .voting {position:relative;margin:0 0 5px;width:90px;height:15px;overflow:hidden;background:url(/images/stars3.png) 0 -15px no-repeat; float:left;}
.voting li {float:left;}
.voting a {position:absolute;top:0;left:0;display:block;height:15px;text-indent:-9999px;}
.voting a.cur,.voting a:hover,.voting:hover a.cur:hover,.voting:hover a:hover{background: url(/images/stars.png) no-repeat;}
#Game .voting a.cur,#Game .voting a:hover,#Game .voting:hover a.cur:hover,#Game .voting:hover a:hover{background: url(/images/stars3.png) no-repeat;}
.mobile .voting a.cur,.mobile .voting a:hover,.mobile .voting:hover a.cur:hover,.mobile .voting:hover a:hover,
.bestGame .voting a.cur,.bestGame .voting a:hover,.bestGame .voting:hover a.cur:hover,.bestGame .voting:hover a:hover{background: url(/images/stars2.png) no-repeat;}
/*.online .voting a.cur,.online .voting a:hover,.online .voting:hover a.cur:hover,.online .voting:hover a:hover {background: url(/images/stars4.png) no-repeat;}*/
.voting:hover a.cur, #Game .voting:hover a.cur {background:none;}
.voting .one a {width:18px;z-index:5;}
.voting .two a {width:36px;z-index:4;}
.voting .three a {width:54px;z-index:3;}
.voting .four a {width:72px;z-index:2;}
.voting .five a {width:90px;z-index:1;}
.gameRate { overflow:hidden; height:22px; margin:10px 0 2px;}
.gameRate p { font-size:11px; margin:0 0 0 100px; color:#999; white-space:nowrap;}
.games .gameRate {height:auto; margin:10px 0 5px;}
.games .gameRate p {margin:0;}
.online .gameRate {height:auto; margin:10px 0 5px;}
.online .gameRate p {margin:0;}

#Game.voice .voting {position:relative;margin:0 0 5px;width:90px;height:15px;overflow:hidden;background:url(/images/stars.png) 0 -15px no-repeat; float:left;}
#Game.voice .voting a.cur, #Game.voice .voting a:hover, #Game.voice .voting:hover a.cur:hover, #Game.voice .voting:hover a:hover{background: url(/images/stars.png) no-repeat;}
#Game.voice .voting:hover a.cur{background:none;}

.rate {position:relative;margin:0 0 5px;width:90px;height:15px;overflow:hidden;background:url(/images/stars.png) 0 -15px no-repeat; float:left;}
.rate .voting, .bestGame .rate {position:relative;margin:0 0 5px;width:90px;height:15px;overflow:hidden;background:url(/images/stars2.png) 0 -15px no-repeat; float:left;}
.rate li {float:left;position:absolute;top:0;left:0;display:block;height:15px;text-indent:-9999px;}

.games .rate {float:none;}
.online .rate {position:relative;margin:0 0 2px;width:90px;height:15px;overflow:hidden;background:url(/images/stars4.png) 0 -15px no-repeat; float:none;}
.mobile .rate {position:relative;margin:0 0 2px;width:90px;height:15px;overflow:hidden;background:url(/images/stars2.png) 0 -15px no-repeat; float:none;}

.rate .cur{background: url(/images/stars.png) no-repeat;}
.online .rate .cur {background: url(/images/stars4.png) no-repeat;}
.mobile .rate .cur,.bestGame .rate .cur {background: url(/images/stars2.png) no-repeat;}

.rate .one    {width:18px;z-index:5;}
.rate .two    {width:36px;z-index:4;}
.rate .three  {width:54px;z-index:3;}
.rate .four   {width:72px;z-index:2;}
.rate .five   {width:90px;z-index:1;}

/*
BLOCKS
------------------------------------------------------------------------------------------*/
#rubrics { background:#4AB0FC url(/images/rubricsBg.png) repeat-y; margin:0 0 20px}
#rubrics .top{background:url(/images/rubricsTop.png) no-repeat;}
#rubrics .btm{background:url(/images/rubricsBtm.png) no-repeat bottom;}
#rubrics h2 {color:#fff; padding:13px 0 0 10px;}
#rubrics ul{ width:100%; overflow:hidden; padding:10px 0 15px;}
#rubrics ul li{ list-style:none outside; float:left; padding:3px 5px 3px 10px; width:130px;}
#rubrics ul li img{ vertical-align:middle; margin-right:5px; padding-bottom:3px;}
#rubrics ul li a:link, #rubrics ul li a:visited{ color:#fff; font-size:16px; text-decoration:none; white-space:nowrap; font-weight:normal;}
#rubrics ul li a:hover span {text-decoration:none;}
#rubrics ul li span { text-decoration:underline;}

.bestGame {border:1px #CC6600 solid; background:#ffc; overflow:auto; padding:5px 10px 10px 10px; margin:0 0 20px;}
.bestGame h2 {padding:0 0 7px;}
.bestGame .gameImage {float:left;}
.bestGame .gameImage img {border:3px #58baff solid;}
.bestGame .gameInfo { margin: 0 0 0 220px;}
.bestGame .desc {}
.bestGame .gameDownload { padding:10px 0 0; margin:0 0 0 220px;}
.bestGame .gameDownload .btn{ padding:0 10px 0 0;}
.bestGame .gameDownload .counters{ font-size:10px; padding:6px 2px 0;}

.bestGame .new {position:relative; padding-bottom:25px;}
.bestGame .new i { background:url(/images/new-big.png) no-repeat; position:absolute; bottom:0px; right:-12px; display:block; width:74px; height:72px;}
.gamesList .new { position:relative; padding-bottom:10px;}
.gamesList .new i{ background:url(/images/new.png) no-repeat; position:absolute; bottom:-5px; right:0; display:block; width:45px; height:45px;}

.gamesDownload { width:100%;}
.gamesDownload td{width:130px; padding:0 5px 15px 10px; vertical-align:top;}
.gamesDownload td img{ display:block;border:2px #58baff solid;}
.gamesDownload td p {font-size:10px; color:#888;}
.gamesDownload td p a:link, ul.gamesDownload li p a:visited {color:#888;}
.gamesDownload td span {font-weight:bold;}

.game { padding:0 0 20px; overflow:hidden;}
.game .gameImage {float:left; padding-left:10px;}
.game .gameImage img {border:2px #58baff solid;}
.game .gameInfoShot {font-size:11px; margin:5px 0 0; color:#888;}
.game .gameInfoShot a:link, .game .gameInfoShot a:visited{font-size:11px;color:#888;}
.game .gameInfo { margin: 0 0 0 125px;}
.game .desc {}
.game .gameDownload { padding:10px 0 0; margin:0 0 0 125px;}
.game .gameRate {height:auto;}
.game .gameRate .voting {float:none;}
.game .gameRate p {margin:0;  color:#999;}

.games  {border:1px #999 solid; overflow:hidden; padding:10px 0 0; margin: 0 0 20px;}
.online {border:1px #1768c2 solid; background:#e8f9ff; overflow:hidden; padding:10px 0; margin:0 0 20px;}
.mobile {border:1px #CC6600 solid; background:#ffc; overflow:hidden; padding:10px 0; margin:0 0 20px;}
.flash {padding:4px 5px 0;}

.megapack {border:1px #999 solid; overflow:hidden; padding:10px 0 0; margin: 0 0 20px; overflow:hidden;}
.megapack .mpImage { float:left; padding: 0px 0 0 10px;}
.megapack .mpInfo { margin: 0 0 7px 89px;}
.megapack .mpInfo h3 {padding:0 0 7px;}
.megapack .mpInfo p { font-size:11px; color:#999;}
.megapack .mpInfo div {padding:7px 0 2px;}

.contextRight { margin:0 0 20px;}
.contextLeft { margin:0 0 20px;}

.downloadHelp {}
.downloadHelp p{ padding:0 0 10px;}

.friends {border:1px #CC6600 solid; background:#ffc; overflow:auto; padding:5px 10px 10px 10px; margin:20px 0;}
.friends h2 {padding:0 0 7px; }
.friends .prjList { padding:5px 0 0; overflow:hidden; zoom:1; width:100%; position:relative;}
.friends .prj { padding:0 0 15px; width:245px;}
.friends .prj .desc{ padding:0 11px;}
.friends .img{ margin: 0 0 5px; height:41px; border:none; padding:0; border-collapse:collapse;}
.friends .img td{ padding:0;}
.friends .img td.prjImg{width:100%;}
.friends .img .imgLeft  {background:url(/images/friends/imgLeft.png) no-repeat;  width:9px; height:41px;}
.friends .img .imgRight {background:url(/images/friends/imgRight.png) no-repeat; width:9px; height:41px;}
.friends .img .imgBg{ background:url(/images/friends/imgBg.png) repeat-x; margin: 0; width:auto; height:41px;}
.friends .prj .img img{ margin:0 auto; display:block; padding:5px 0 0; }
.friends .prjList .prjLeft { float:left; }
.friends .prjList .prjRight { float:right;}


.friends-block {border:1px #999 solid; overflow:hidden; padding:10px 15px 0; margin: 0 0 20px;}
.friends-block ul{ list-style:none outside;}
.friends-block ul li{margin:0; padding:0 0 15px; margin:0;}
.friends-block ul li img{ }
.friends-block ul li span{ display:block;}
.friends-block ul li strong {color:#333; text-decoration:none;}

/*
GAME
---------------------------------------------------------------------------------------------*/
#Game {}
#Game .rate_download{padding:10px; border:1px solid #ccc; background:#f4f4f4; overflow:hidden;}
#Game .rate_download table {width:100%}
#Game .rate_download table td{}
#Game .rate_download table td.gameImageBig { padding:0px 10px 0 0; vertical-align:top; width:100px; height:100px;}
#Game .rate_download .rating{ padding:0px; text-align:center;}
#Game .rate_download .rating .voting {float:none; margin:0 auto 5px;}
#Game .rate_download .rating .gameRate { height:auto; margin: 7px 0 0;}
#Game .rate_download .rating .gameRate p{ margin:0; padding:0; color:#666;}
#Game .rate_download .rating .rate {position:relative;margin:0 auto 5px;width:90px;height:15px;overflow:hidden;background:url(/images/stars3.png) 0 -15px no-repeat; float:none;}
#Game .rate_download .rating .rate .cur{background: url(/images/stars3.png) no-repeat;}
#Game .rate_download .download{ font-size:11px; text-align:center; white-space:nowrap; padding:25px 0 0;}
#Game .rate_download .download .btn{ margin: 0 0 5px;}
#Game .desc{ margin:0; padding:20px 0 5px;}
#Game .desc p { padding:0 0 5px;}
#Game .desc h2{ margin:0; padding:0 0 5px;}
#Game .controls { border:1px #ccc solid; overflow:hidden; width:516px; padding:5px; margin:5px 0 0;}
#Game .controls .rules { float:left; font-size:12px;}
#Game .controls .dwnld{ float:left; background:url(/images/down.png) no-repeat; padding:0 0 0 20px;}
#Game .controls .gmng{ float:left; background:url(/images/gmng.png) no-repeat; padding:0 0 0 20px;}
#Game .controls ul.share{float:right;}
#Game .controls ul.share li{ list-style:none outside; float:left; padding:0 0 0 10px; font-size:12px;}
#Game .ss{ margin:0; padding:20px 0 0;}
#Game .ss ul.screenshots{ width:100%; overflow:hidden;}
#Game .ss ul.screenshots li{ float:left; list-style:none outside; padding:0 25px; height:102px;}
#Game .ss ul.screenshots img{ border:3px solid #58baff;}
#Game .comments{ margin:0; padding:20px 0 0; overflow:hidden; width:100%;}
#Game .comments h2{border:#ccc solid; border-width:0 0 1px;}
#Game .comments .commentsNav{ float:right; margin:5px 0 0;}
#Game .comments .comment{ background:#f5f5f5; border:#ccc solid; border-width:0 0 1px; padding:5px 5px 7px;}
#Game .comments .comment .autor_date{ font-weight:bold;}
#Game .comments .comment .autor_date span{ font-weight:normal; color:#777; font-size:12px; padding: 0 0 0 5px;}
#Game .comments .comment .text{ padding:3px 0;}
#Game #pages { border:none; margin:5px 0 0;}
#Game .icons{ overflow:hidden; font-size:11px; color:#b41414; width:100%;}
#Game .icons li{ list-style:none outside; float:right; padding:0 5px 0 10px;text-align:center; line-height:10px;}

#Game .receive{}
/*#Game .receive .rating {clear:both;}*/
#Game .receive .rating .gameRate {padding:2px 0 0 5px; margin:0; }
#Game .receive .rating strong {display:block; float:left;}
#Game .receive .rating .voting {float:left; margin:0 0 5px 5px;}
#Game .receive .rating .rate {float:left; margin:0 0 5px 5px;}
#Game .receive h2{ font-size:16px; margin:25px 0 10px; text-align:left; padding:0;}
#Game .receive table{}
#Game .receive table td{ padding:0 0 7px;}
#Game .receive span  {font:bold 11px Tahoma, Verdana, Arial; display:block; padding: 0 0 3px; text-align:left;}
#Game .receive input {vertical-align:top; margin:0; float:left;}
#Game .receive select {width:130px; padding:1px 2px; margin: 0; float:left; font-size:11px;}
#Game .receive .receiveNmbr{width:120px; padding:1px 2px; vertical-align:middle; font-size:16px; color:#555; margin-right:20px;}
#Game .receive .receiveBtn{ margin:0 0 -15px;}
#Game .help{ padding:27px 0 0; font-size:12px; text-align:right; float:right;}

#Game .gamersRating{ /*padding:12px 0 5px;*/ clear:both;}
/* html #Game .gamersRating{ padding:5px 0 5px; }*/



/*
ORDER
---------------------------------------------------------------------------------------------*/
.order { border-collapse:collapse;}
.order td{border:1px #ccc solid; padding:5px 10px;}
.order th{ font-weight:bold; font-size:12px; background:#f8f8f8; padding:5px 10px;border:1px #ccc solid; text-align:left;}
.order th span {white-space:nowrap;}
.price { text-align:right; font-size:22px; margin:10px 0 20px;}
.paymentInfo { margin:20px 0 0;}
.paymentInfo td{ padding: 0 15px 7px 0;}
.paymentInfo select{ width:208px;}
.paymentInfo input{width:200px; padding:1px 2px;}
.paymentInfo .nextBtn {text-align:right; padding:10px 15px 0;}
.paymentInfo .nextBtn input{ width:auto; }
.tip {border:1px #999 solid; overflow:hidden; padding:15px; margin: 4px 0 20px 0px;}
.tip p {padding:0 0 10px;}

/*
BLOCK
---------------------------------------------------------------------------------------------*/
#page { padding:0 0 40px; background-image:none;}
#page h1 {padding:0 0 10px;}
#page .logo { margin:13px 0 15px 51px; width:246px; height:83px; background:url(/images/lapster_logo.png) no-repeat;}
#page .block {width:500px; margin:0 auto;overflow:hidden; background-color:#fff;}
#page .blockBtm { padding:30px 35px 0px;background:url(/images/pageBlockBtm.gif) bottom center no-repeat;}
#page .blockTop {background:url(/images/pageBlockTop.gif) no-repeat;}
#page h1 {line-height:30px;}
#page h3 { padding:10px 0 5px;}
#page h5 {font-size:15px; padding:10px 0 2px; color:#555;}
#page p  { padding:0 0 8px;}
#page ul { padding:0 0 5px;}
#page ul li{ list-style: disc inside; }
#page ol { padding:0 0 0 22px;}
#page ol li{ padding:0 0 10px;}
#page .commentInput {width:212px;}
#page textarea {width:212px; height:100px; display:block;}
#buttonSupportSend { margin:10px 0 0;}

#page .footer {overflow:hidden; width:100%; padding:30px 0 0;}
#page .counters { float:right; width:181px; padding:15px 0 0 0;}
#page .rambler { float:left; padding:0 5px 0 0;}
#page .mailru { float:left; padding:0;}
#page .liru { float:left; padding:0 5px 0px 0;}
#page .copyrights  {padding:10px 0 20px 0; width:220px; float:left; font-size:12px; }
#page .copyrights p{padding:0px 0px 10px 0px;}

/*
FOOTER
---------------------------------------------------------------------------------------------*/
#footer { background:url(/images/plashka_btm.png) no-repeat bottom; overflow:hidden; z-index:102; height:auto; padding:20px 0 0; font-size:12px;}
#footer .copyrights {z-index:105;float:left; width:210px; padding-left:25px; z-index:1000;}
#footer .counters {float:right; width:100px; padding-right:25px;}
#footer .bottom_menu { text-align: center; float:left; padding:0 0px 10px 10px; width:500px;}
#footer .bottom_menu span {padding:0 5px;}
.mailru {width:88px; height:31px; float:right; margin-bottom:5px;}
.li {width:88px; height:31px; float:right;}


/*
TOP 10
---------------------------------------------------------------------------------------------*/
.topList {border:1px #999 solid; background:#fff; overflow:hidden; padding:0; margin:0 0 20px;}
.topList .game { padding:10px; overflow:hidden;}
.topList .game .gameImage {float:left; padding:0; position:relative;}
.topList .game .gameImage a{display:block; line-height:0; font-size:0;}
.topList .game .gameImage i { line-height:12px; color:#fff; font-style:normal; font-weight:bold; position:absolute; bottom:2px; left:2px; display:block; padding:2px 5px;}
.topList .game .gameDesc {margin:0 0 0 95px;}
.topList .game .gameInfo { margin:0; padding:5px 0 0; overflow:hidden;}
.topList .game .gameInfo p { color:#888; font-size:11px;}
.topList .game .gameBtn { float:right; margin:3px 0 0;}
.topList .game .red i{ background:#E32D2D;}
.topList .game .red img{border:2px #E32D2D solid;}
.topList .game .green i{background:#7DC014;}
.topList .game .green img{border:2px #7DC014 solid;}
.topList .game .blue i{background:#48ADFC;}
.topList .game .blue img{border:2px #48ADFC solid;}


/*
JUST NOW
---------------------------------------------------------------------------------------------*/
#justNow {border:1px #999 solid; margin:0 0 20px;}
#justNow .justNowCont{ height:372px; overflow:hidden; position:relative;}
#justNow .gamesArray{ position:absolute;}
#justNow .game{ height:104px; padding:10px 0;}
#justNow .game .gameImage{ position:relative;}
#justNow .game .gameImage i{ background:url(/images/new.png) no-repeat; position:absolute; bottom:-10px; right:-5px; display:block; width:45px; height:45px;}
* html #justNow .game .gameImage i{ background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/new.png", sizingMethod="image");}
#justNow .game .gameDesc{ margin-left:120px;}
#justNow .game .gameDesc p{ font-size:11px; color:#999;}
#justNow .game .gameDesc .btn { padding:8px 0 0;}
#justNow .game .gameDesc .gameRate {margin:8px 0 4px; height:15px;}

.voice {margin:-10px 0 0;}
.voice .desc ul { list-style:outside square; padding:5px 0 0 17px;}
.voice .desc ul li{ padding:0 0 10px;}
.voice table { width:100%;}
.voice table td{ vertical-align:top;}

.voiceAbout { padding:0 0 0 20px;}
#content .voiceAbout h1 { padding:0;}
.voiceAbout .gameRate p{font-size:12px;}
.voiceAbout .voiceDesc{ padding:0 0 10px;}
.voiceAbout .stat{ color:#999; font-size:12px;}

.voice_btn_cont{ border-top:2px dotted #ccc; text-align:center; padding:20px 0; margin:15px 0;}

.gameFragments {overflow:hidden; padding:0 10px 0 50px; margin: 0 0 20px;}
#right .gameFragments h2 { padding:0 0 10px 13px;}
.gameFragments .gameFragment { overflow:hidden; width:100%; padding:0 0 10px 13px;}
.gameFragments .player{ width:40px; float:left;}
.gameFragments span { margin:0 0 0 50px; display:block; padding:10px 10px 0 0;}

.bestGamers{ padding:0 0 0 50px;}
#right .bestGamers h2 { padding:0 0 10px 13px;}
#statTable { width:230px; border-collapse:collapse; margin:0 0 5px 12px;}
#statTable td, #statTable th{ padding:3px 20px 4px 10px; border:1px solid #ccc;}
#statTable th {text-align:left;font-weight:bold; padding-top:8px; padding-bottom:9px;}
#statTable td img {position:relative; bottom:-2px;}