/* Elements */
* { margin: 0; padding: 0; }

body 
{ 
	font: 11px Arial;
	background: #0b0b0b url(/i/bg.jpg) repeat-y center; 
	color: #fff; 
	text-align: center;
  /* word-wrap: break-word; */ 
}

img { border: 0; }

embed {
  min-width: 10px;
}

a { outline: none; color: #fff; }
a:hover { text-decoration: none; }

hr { display: none; }

input, textarea, select { font-family: Arial; }

/* Classes */
.bg, .m, .p, .b, .inp, .nav, .first, .t,
.last, .spr, .box, .row, .top, .floor, .bot,
.up, .down, .box1, .box2, .box3, .box4, .box5,
.cell, .msg, .cont, .rib, .w, .h { word-wrape: brake-word; }

.fl { float: left; }
.fr { float: right; }

.s { font-weight: bold; }

.v { vertical-align: middle; }

.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }

.upp { text-transform: uppercase; }

.pr { position: relative; }

.but *,
.but { cursor: pointer; }

.clr { clear: both; }

.n { display: none; }

.red,
.err { color: #ff0000; }

.ok, .yes { color: #607e00; }

.fx { font-size: 0; }

.i { display: inline; }

.on { background: url(../i/ico/on.gif) no-repeat 0 50%; padding-left: 8px; }
.off { background: url(../i/ico/off.gif) no-repeat 0 50%; padding-left: 8px; }

.share { padding: 8px 15px 0; }
.share img { margin: 0 3px; }

.excl {
    background: url(../i/excl.gif) no-repeat 0 50%;
    padding: 5px 0 5px 30px;
}

/* container */
.cont,
.login { margin: auto; text-align: left; width: 990px; }
* html .cont,
* html .login { width: 997px; }

/* links */
a.add {
    background: url(../i/plus.gif) no-repeat;
    padding-left: 15px;
    height: 0;
}
a.done {
    background: url(../i/added.gif) no-repeat 0 50%;
    padding-left: 15px;
    height: 0;
}
a.liked {
    background: url(../i/thumbDis.gif) no-repeat 0 50%;
    padding-left: 15px;
    height: 0;
}
a.like {
    background: url(../i/thumbUp.gif) no-repeat 0 50%;
    padding-left: 15px;
    height: 0;
}
a.likeLog {
    background: url(../i/thumbDis.gif) no-repeat 0 50%;
    padding-left: 15px;
    height: 0;
}

a.log {
    background: url(../i/add_login.gif) no-repeat;
    padding: 1px 0 1px 15px;
    height: 0;
}

a.downIt {
    background: url(../i/download.png) no-repeat;
    padding: 1px 0 2px 18px;
    height: 0;
}

/* bg star */
.star {
    background: url(../i/star.png) no-repeat 0 50%;
    padding: 1px 0 3px 22px;
    height: 0;
}
* html .star { background: url(../i/star.gif) no-repeat; }
b.star { font-weight: normal; }
/* links end */

/* box */
.box {
    width: 210px;
    height: 256px;
    background: url(../i/box_bg.png) no-repeat;
    margin: 0 10px 0 -10px;
    float: left;
    display: inline;
}
.box h3 a { color: #ff921e; }
.box p { margin: 5px 0 0; }
.box .p { padding: 18px 25px; }
.box div.fl { margin-left: 6px; }
.box .row { margin: 7px 0; min-height: 0; }
* html .box .row { height: 0; }

.box p.link {
    text-align: right;
}

/* box block */
.boxBlock {
    width: 330px;
    margin: 18px -15px 12px;
    height: 283px;
    background: url(../i/box_block_bg.png) no-repeat center top;
}
.boxBlock .p { padding: 20px 30px 0; }
.boxBlock h2 { padding: 0 0 15px; }
.boxBlock h3 a { color: #ff921e; }
.boxBlock h4 a { color: #57baff; }
.boxBlock .row {
    margin: 0 15px 11px;
    min-height: 0;
}
.boxBlock .row p { margin: 5px 0 0; }
* html .boxBlock .row { height: 0; }
.boxBlock img.fl { margin-right: 10px; }
.boxBlock .boxScroll {
    width: 245px;
    height: 178px;
    overflow: auto;
}

/* box block end */

/* box end */

/* submit button */
.submit {
    background: url(../i/but_ro_bg.gif) no-repeat 100% 100%;
    float: left;
}
.submit input {
    background: transparent url(../i/but_l_bg.gif) no-repeat 0 100%;
    border: 0;
    position: relative;
    left: -7px;
    font: bold 12px Arial;
    color: #d55509;
    padding: 0 10px;
    width: auto;
    height: 25px;
    cursor: pointer;
    text-transform: uppercase;
}
:root *> .submit input {
    padding: 0 20px;
    height: 26px;
}

/* submit button end */

/* navigation button */
ul.nBut { list-style: none; float: left; display: inline; }
ul.nBut.fr { float: right; }
ul.nBut li { float: left; font-size: 12px; }
ul.nBut a,
ul.nBut a span { float: left; text-decoration: none; }
ul.nBut a:hover,
ul.nBut a.sel { background: url(../i/but_l_bg.gif) no-repeat 0 50%; }
ul.nBut a.sel span.but,
ul.nBut a:hover span.but { background: url(../i/but_ro_bg.gif) no-repeat 100% 50%; }
ul.nBut span span { padding: 5px 10px 5px 26px; }
ul.nBut span span.spr {
    padding: 5px 25px 5px 10px;
    background: url(../i/down_b.gif) no-repeat 98% 50%;
}
ul.nBut span.but { margin-right: -5px; }
* html ul.nBut a:hover span.but,
* html ul.nBut a.sel span.but { position: relative; }
ul.nBut li.spr {
    background: url(../i/h_nav_spr.gif) no-repeat 0 50%;
    padding-left: 5px;
    margin-left: 10px;
    display: inline;
}

.navOps {
    position: relative;
    z-index: 3;
    display: none;
}
.navOps ul {
    border: 1px solid #a6a6a6;
    background: #fff;
    list-style: none;
    position: absolute;
}
.navOps li a {
    padding: 3px 8px;
    display: block;
    text-decoration: none;
}
* html .navOps li a { height: 0; }
.navOps li a.sel:hover,
.navOps li a:hover { background-color: #f1f1f1; }
.navOps li a.sel { background: url(../i/added.gif) no-repeat 98% 50%; }

/* navigation button end */

/* drob-down menu */
.gameNav {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
    width: 136px;
    display: none;
    z-index: 1;
    background: url(../i/drob_bot_bg.gif) no-repeat 0 100%;
    padding: 20px 0 0;
}
.gameNav ul {
    background: url(../i/drob_tab_bg.gif) no-repeat;
    position: relative;
    z-index: 1;
    top: -50px;
    padding-top: 30px;
    border-bottom: 1px solid transparent;
    margin: 0 0 -35px;
}
.gameNav a {
    display: block;
    padding: 4px 12px;
    text-decoration: none;
    color: #d55509;
}
.gameNav a:hover { text-decoration: underline; }
.gameNav li {
    list-style: none;
    float: none;
    margin: 0;
    font-size: 12px;
}
/* fix ie6 */
* html .gameNav ul { border-bottom: 0; }
* html .gameNav li,
* html .gameNav a { height: 0; }
/* drob-down menu end */

/* scrollbar classes */
.blue.slideUp { background: url(../i/s/up_b_o.gif) no-repeat; }
.blue.slideBut { background: url(../i/s/but_b_o.gif) repeat-y; }
.blue.slideDown { height: 23px; background: url(../i/s/down_b_o.gif) no-repeat; }

.orange.slideUp { background: url(../i/s/up_o_o.gif) no-repeat; }
.orange.slideBut { background: url(../i/s/but_o_o.gif) repeat-y; }
.orange.slideDown { height: 23px; background: url(../i/s/down_o_o.gif) no-repeat; }

.scrollBar { width: 23px; font-size: 0; position: absolute; z-index: 1; }
.slideBack { position: relative; border: 1px solid #000; border-width: 0 1px; }
.slideUp { height: 23px; background: url(../i/s/up.gif) no-repeat; }
.slideBut {
    height: 5px;
    width: 100%;
    background: url(../i/s/but_bg.gif) repeat-y;
    border: 1px solid #000;
    position: absolute;
    left: -1px !important;
}
.slideDown { height: 23px; background: url(../i/s/down.gif) no-repeat; }

/* scrollbar classes end */

/* borders */
img.b,
.cell a img.fl,
.row a img.fl { border: 1px solid #000; }

.downloadBox .row a img.fl { border: 0; margin: 4px; }

/* borders end */

/* terms and conditions */

.tc {
    border: 1px solid #000;
    background: #e6e6e6;
    padding: 40px;
    margin: 30px 25px 0;
    text-align: justify;
    color: #000;
    font-size: 12px;
}

.tc a { color: #006fbc; }
.tc h2.t { font: 18px Arial;text-align: center; }
.tc h2 { font: bold 12px Arial; }
.tc h2.t,
.tc p { margin: 0 0 20px; }

.tc div.b { height: 20px; border-top: 1px solid #b8b8b8; }

/* terms and conditions end */

/* refuse */

.ref {
    background: url(../i/ref_bg.gif) repeat-y;
    width: 585px;
    font-size: 12px;
    margin: 0 0 10px;
}

.ref div {
    background: url(../i/ref_top_bg.gif) no-repeat;
}

.ref div div {
    background: url(../i/ref_bot_bg.gif) no-repeat 0 100%;
    padding: 10px 10px 20px;
}

.ref h2 {
    color: #ff0000;
    font: bold 12px Arial;
    padding: 0 0 10px;
    margin: 0 0 -10px;
    background: url(../i/excl.gif) no-repeat;
}

.ref h2, .ref p { padding-left: 34px; }

/* refuse end */

/* languages */

.langLink
{
    color: #fff;
    background: #d65412;
    padding: 2px;
    border: 1px solid black;
    cursor: pointer;
    display: block;
}

/* languages end */

/* letter to users */

.letter {
    background: url(http://vgames.bg/s/i/l2u_bg.jpg) no-repeat 100% 100%;
    padding: 45px;
    font: 18px/1.5 Arial;
    color: #e02c52;
}

.letter span { color: #ee6310; }
.letter h2,
.letter p { margin: 0 0 25px; }
.letter p.t { font-size: 12px; }

/* letter to users end */

/* message box */

.mb-10 { margin-bottom: -10px; }

.msgExBox
{
	background: url(../i/msg_bg_1.gif) no-repeat;
	margin-left: -9px;
}

.msgExBg
{
	background: url(../i/msg_bg_2.gif) no-repeat 100% 100%;
	padding: 6px 10px 10px 6px;
	position: relative;
	left: 4px;
	top: 4px;
}

.msgExBox .exclam
{
	background: url(../i/exclam_msg_ico.gif) no-repeat 5px 8px;
	padding: 5px 5px 5px 40px;
}

/* message box end */

/* Classes end */

/* Ids */

/* header */
#header { background: url(../i/h_bg.gif) repeat-x; }
#header.log { background: url(../i/h_bg_log.gif) repeat-x; }

#header .cont { height: 130px; background: url(../i/h_bg.jpg) no-repeat; }
#header.log .cont { height: 180px; background: url(../i/h_bg_log.jpg) no-repeat; }

#logo { padding: 35px 0 0 20px; display: block; float: left; }
#logo em { display: none; }
#header.log #logo { margin-top: 50px; }
* html #header.log #logo { margin-top: 44px; }
* html #logo { background: url(../i/logo.gif) no-repeat right bottom; margin-top: -6px; }
* html #logo img { visibility: hidden; }

#header #ban728x90 .r { color: #333; font: 11px Arial; }
#header #ban728x90 {
    clear: both;
    margin: 5px 25px -60px 0;
    float: right;
    width: 728px;
    display: inline;
}

#header div.fr { width: 850px; }

#search {
    float: right;
    width: 274px;
    height: 24px;
    background: url(../i/s_bg.gif) no-repeat;
    display: inline;
    margin: 2px 25px;
    color: #333;
}
#search p { padding: 3px 8px; }
#search input { vertical-align: middle; }
#search .v { cursor: pointer; }
#search .but { margin-left: 10px; }
#search .inp {
    border: 0;
    font: 12px Tahoma;
    margin: 0 3px;
    width: 205px;
    background: transparent;
    color: #444;
}

#catNav a { color: #007bd1; }
#catNav a.sel { background: url(../i/added.gif) no-repeat 99% 50%; padding-right: 18px; }
#catNav a.sel:hover { background-color: #eee; }

#header .nav {
    list-style: none;
    font: bold 12px Tahoma;
    margin-right: 10px;
}
#header .nav li {
    float: left;
    margin: 72px 12px 0 0;
    color: #444;
    position: relative;
    z-index: 3;
}
#header .nav li a { color: #ee6310; text-decoration: none; }
#header .nav li a:hover { color: #fff; background: #ee6310; }
#header .nav li img.spr,
#header .nav li img.v {
    position: relative;
    z-index: 2;
    margin-top: -2px;
}
#header .nav li img.spr {
    background: url(../i/h_nav_spr.gif) no-repeat;
    padding: 4px 5px;
    margin-right: -15px;
    left: 5px;
    top: 2px;
    cursor: pointer;
}
html>/**/body #header .nav li img.v { top: 0; }

#header .nav li.last {
    float: right;
    margin-right: 6px;
}
#header .nav li.last a { color: #007bd1; }
#header .nav li.last a:hover { color: #fff; background: #007bd1; }
#header .nav li.spr {
    padding-left: 6px;
    background: url(../i/h_nav_blue_spr.gif) no-repeat 0 1px;
    display: inline;
}

#header div.pr { z-index: 3; }
#gameNav { top: 98px; left: 75px; }


/* header end */

/* ribbon */
#header .ribb a { text-decoration: none; }
#header .ribb a:hover { background: none; text-decoration: underline; }

#header .ribb dt.f { padding-left: 0; background: none; }
#header .ribb dt
{
    float: left;
    padding: 0 0 0 8px;
    margin: 0 7px 0 0;
    background: url(../i/ribb_bg.gif) no-repeat 0 60%;
}
#header .ribb img { float: left; margin: 2px 0 0; }
#header .ribb
{
    height: 18px;
    font: 12px Arial;
    position: absolute;
    left: 23px;
    top: 7px;
}
/* ribbon end */


/* terms */
#terms { background: #808080 url(../i/c_bg.jpg) repeat-x; }
#terms .cont {
    min-height: 1100px;
    background: url(../i/c_bg_top.jpg) no-repeat;
    padding: 0 0 30px;
}
* html #terms .cont { height: 1100px; }
/* terms end */

/* container */
* html #content { height: 0; }
#content { background: #808080 url(../i/c_bg.jpg) repeat-x; }

#content h2 { font: 18px Arial; margin: 0 0 4px; }
#content h4,
#content h3 { font: 12px Arial; }

#content .m { margin: 0 0 28px; min-height: 0; }
* html #content .m { height: 0; margin: 0 0 22px; }

#content .login,
#content .cont {
    min-height: 1100px;
    background: url(../i/c_bg_top.jpg) no-repeat;
}
* html #content .cont { height: 1100px; }

#content .login { min-height: 520px; }
* html #content .login { height: 520px; }

/* login & registion */

#login {
    padding: 45px 80px;
    color: #000;
}

* html #login div.bg { height: 357px; }
#login div.bg {
    min-height: 357px;
    width: 868px;
    background: url(../i/log_bg.png) no-repeat;
}

#login h2 { margin: 0 0 25px; font-size: 24px; }
#login h2.c { font-size: 18px; }
#login h2 span,
#login span.t { color: #d55509; }
#login a { color: #006fbc; }
#login .err a { color: #ff0000; }

#login .msg h3.err,
#login .excl {
    background: url(../i/excl.gif) no-repeat 0 50%;
    padding: 5px 0 5px 30px;
}
#login .ok {
    background: url(../i/added.gif) no-repeat 0 50%;
    padding: 2px 0 0 18px;
}

#login .inp { width: 265px; background: #fff; font-size: 18px; }
#login select,
#login textarea { background: #fff; font-size: 14px; }
#login div.w select { width: 265px; }
#login div.w textarea { width: 585px; margin-right: -320px; }
* html #login div.w textarea { position: relative; }
#login label { margin: 0 5px; }
#login textarea.err,
#login select.err,
#login input.err { background: #f7dada; }
#login img.b { border: 1px solid #a6a6a6; width: 268px; height: 68px; }
#login input.v.p { margin: 0 5px 20px 0; float: left; }
#login input.t { margin: 0 0 5px; }

#profile #login .msg { min-width: 270px; }

#login .msg, 
#profile #login .msg
{
    height: 40px;
    border-right: 1px solid #a6a6a6;
    background: url(../i/tooltip_bg.gif) no-repeat 0 50%;
    position: absolute;
    left: 275px;
    top: -10px;
    z-index: 2;
    white-space: nowrap;
}
#login span.w div.msg { left: 405px; }
#login .msg h3 { margin: 6px 15px; font-weight: bold; }
#login .msg h3.ok { margin-top: 12px; }
#login div.fl {
    width: 460px;
    display: inline;
    margin: 50px 0 0 50px;
}
#login div.fl.m { margin-left: 150px; }
#login div.fl h4 { margin: -20px 0 20px; }
#login div.fl h3.fl { font-weight: bold; text-align: right; width: 152px; padding: 6px 0 0; }
#login div.w h3.fl { width: 102px; }
#login div.fl h3.fl.m { padding: 2px 0; }
#login div.fl p.fr { width: 295px; margin: 0 0 10px; }
#login div.w p.fr { width: 345px; margin: 0 0 10px; }
#login div.fl p.fr.m { margin: 0 0 25px; }
#login div.fl p.fr.t,
#login div.fl p.fr.m { font-size: 12px; }
#login div.fl p.fr.h { margin: 0; }
#login div.fl .submit { margin: -5px 0 0 70px; position: relative; left: -5px; }
#login div.fl.m .submit { margin: 20px 0 0; position: relative; left: 240px; }
#login div.w p.t { position: relative; left: 140px; padding: 10px 0 0; }
#login div.fr {
    width: 320px;
    min-height: 260px;
    background: url(../i/log_tbox_bg.gif) no-repeat;
    margin: 30px 30px 0 0;
    display: inline;
    font-size: 12px;
}
* html #login div.fr { height: 260px; }
#login div.fr div.p { padding: 45px; }
#login div.fr h2,
#login div.fr p { margin: 0 0 15px; }
#login h2 span { color: #d55509; }

#f8m { width: 120px; }
#f8d { width: 60px; }
#f8y { width: 85px; }
#f_7 { left: -150px; }

#comfirm { padding: 120px 120px 50px; font-size: 14px; }
#login #comfirm h2 { font: 18px arial; }
#comfirm p.excl { width: 50%; margin: 0 auto 15px; background-position: 0 3px; }

#login div.floor {
    height: 40px;
    width: 868px;
    background: url(../i/log_bot_bg.png) no-repeat;
}

#login p.fr.c { text-align: left; }
#login p.fr.c span.submit { margin: 0 10px 5px; }

/* login & registion end */

/* game multy player */
#gameTable {
    width: 993px;
    min-height: 639px;
    margin: 0 auto;
}
* html #gameTable { height: 639px; }

/* game multy player end */

/* game single player */

#singleTop {
    width: 1000px;
    height: 93px;
    background: url(../i/game_top_bg.png) no-repeat;
    font-size: 12px;
}

#singleTop div.p { padding: 25px 15px 0 35px; }

#addFrom {
    width: 165px;
    height: 56px;
    border-right: 1px solid #000;
    padding: 5px 0;
}
#addFrom img { margin-top: 2px; }
#addFrom p { padding: 10px; }
#addFrom a { color: #57baff; }

/* send to friend */
#gameName {
    height: 50px;
    margin: 9px 15px 0;
    position: relative;
    z-index: 4;
}

#singleTop #gameName {
    width: 585px;
}

#gameName h2 {
    margin-bottom: 6px;

}
#gameName h2 a.edit {
    background: transparent url(../i/ico/border_edit.gif) no-repeat scroll 8px 50%;
    padding-left: 25px;
    font-size: 12px;
    font-weight: normal;
}

#description .closed {
    font-size: 12px;
    margin: -3px 6px -6px;
    margin-left: -5px;
    padding: 3px 8px;
    float: left;
    background: url(../i/add.gif) no-repeat 96% 45%;
}

#description .opened {
    font-size: 12px;
    margin: -4px 5px -6px;
    padding: 3px 8px;
    margin-left: -6px;
    float: left;
    background: #383838 url(../i/r_arr.gif) no-repeat 96% 45%;
    position: relative;
    border: 1px solid #000;
    border-right: 0;
    z-index: 3;
}

#description span {
    padding: 0 14px 3px 14px;
    display: block;
    background: url(../i/ico/descr.gif) no-repeat 0 45%;
}

.pr #descriptionBox h3 {
    color: #bfbfbf;
    font-size: 12px;
    padding: 15px 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.pr #descriptionBox p {
    padding: 4px 0 !important;
    text-align: left;
    margin: 0 auto;
    width: 280px;
    margin-left: 0px;
}

#descriptionBox .scroll {
    height: 166px;
    overflow: auto;
    border-bottom: 1px solid #000000;
    padding: 3px 0 !important;
    width: 310px;
    float: right;
    position: relative;
}

#descriptionBox p.large {
    height: 136px !important;
}

#descriptionBox .close_link {
    float: right;
    margin-top: 5px;
    display: block;
    background: url(../i/ico/del.gif) no-repeat 0 3px;
    padding-left: 15px;
    position: absolute;
    right: 15px;
    bottom: 7px;
}

#gameName a.send {
    font-size: 12px;
    margin: -3px 6px -6px -8px;
    padding: 3px 8px;
    float: left;
    background: url(../i/add.gif) no-repeat 96% 45%;
}

#gameName a.send span {
    padding: 0px 14px 3px 22px;
    display: block;
    background: url(../i/friend.gif) no-repeat 0 45%;
}

#gameName a.sent {
    font-size: 12px;
    margin: -4px 6px -6px -9px;
    padding: 3px 8px;
    float: left;
    background: #383838 url(../i/r_arr.gif) no-repeat 96% 45%;
    position: relative;
    z-index: 3;
    border: 1px solid #000;
    border-right: 0;
}

#gameName a.sent span {
    padding: 0 14px 3px 22px;
    display: block;
    background: url(../i/friend.gif) no-repeat 0 45%;
}

embed#sendFriend {
    position: absolute;
    left: -5px;
    top: -2px;
    z-index: 3;
    display: none;
}

#descriptionBox,
form#sendFriend {
    position: absolute;
    width: 330px;
    height: 200px;
    left: 345px;
    top: -160px;
    z-index: 1;
    background: #383838;
    border: 1px solid #000;
    display: none;
}
#descriptionBox { left: -6px; }

#description span.pr,
#gameName span.pr {
    display: block;
    width: 2px;
    float: left;
}

#descriptionBox h3,
#sendFriend h3 { font: bold 12px Arial; margin: -5px 10px; }

#descriptionBox p,
#sendFriend p { font-size: 12px; }

#descriptionBox p.c,
#sendFriend p.c { padding: 10px 0; }

#sendFriend p.r { margin: 0 78px; }

#descriptionBox .inp,
#sendFriend .inp {
    width: 300px;
    display: block;
    border: 1px solid #000;
    height: 20px;
    color: #fff;
    padding: 5px;
    background: #5e5e5e;
    margin: auto;
}
/* send to friend end */

#gameScore {
    height: 56px;
    padding: 10px 20px 0;
    border-left: 1px solid #000;
}
#gameScore a { color: #57baff; }
#gameScore strong { font: 18px Arial; }

#gameInfo {
    width: 135px;
    height: 56px;
    padding: 5px 0;
    margin: 5px 0 0 10px;
}

#gameScore p,
#gameInfo p { padding: 5px 0 0; }

#single {
    width: 1000px;
    background: url(../i/game_bg_moz.png) no-repeat;
    font-size: 12px;
}
#single .p {
    padding: 5px 38px 0 33px;
    min-height: 297px;
}
* html #single .p { height: 297px; }

* >/**/ body #gameBoard { margin-top: 0; }
#gameBoard
{
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

#gameBoard td { padding: 10px 0; }

#singleBot {
    width: 1000px;
    height: 305px;
    background: url(../i/game_bot_bg.png) no-repeat;
    margin: 0 0 -10px;
}

#singleBot #chatRoom {
    width: 602px;
    min-height: 255px;
    padding-top: 15px;
    display: inline;
    margin-left: 35px;
}

#singleBot #bannerBox {
    width: 300px;
    height: 267px;
    display: inline;
    margin-right: 35px;
}
#bannerBox h3 { font-size: 10px; color: #ccc; margin: 0 0 2px; }

/* dark orbit */

/* fix float problems */

.fix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
*+html .fix { display: inline-block; }
* html .fix { height: 0; }

/* fix float problems end */

* html #singleBot *,
* html #single * { position: relative; }


#singleBot.bgDor #bannerBox
{
	margin: 0 68px 0 0;
	display: inline;
}

#singleBot.bgDor
{
	height: auto;
	min-height: 306px;
}

html[xmlns] #singleBot.bgDor
{
	background: url(../i/game_bot_bg2.png) no-repeat 0 100%;
}

#singleBot.bgDor #chatRoom
{
	width: 505px;
	margin-left: 68px;
	display: inline;
}

#singleBot .textArea { padding: 0 0 40px; font-size: 12px; }

#singleBot .textArea h3 { font: 18px Arial; }

#singleBot .textArea p,
#singleBot .textArea h3
{
	margin: 0 0 15px;
}

* html #darkOrbit { height: 682px; background: none; }
#darkOrbit
{
	width: 902px;
	min-height: 682px;
	background: url(../i/dark_bg.png) no-repeat;
	margin: auto;
}

* html #darkOrbit .darkPad
{
	height: 658px;
	background: #1b0d00 url(../i/dark_bg.jpg) repeat-x;
	padding-top: 0;
	margin: 24px 19px 0 24px;
}
#darkOrbit .darkPad
{
	margin: 0 19px 0 20px;
	min-height: 658px;
	padding-top: 24px;
	padding-bottom: 20px;
}

#darkOrbit .darkPad div.fl
{
	width: 620px;
	margin: 15px 0 0 20px;
	display: inline;
	text-align: left;
	font-size: 12px;
}

#darkOrbit h3,
#darkOrbit p { margin: 0 0 15px; }
#darkOrbit h3,
#darkOrbit .darkPad div.fl strong  { font: 18px Arial; }

#darkOrbit .darkPad .playDark { margin: 60px 45px 0 0; }
#darkOrbit .darkThumb { margin: 0 -7px; padding: 10px 0 0; }
#darkOrbit .darkThumb img { margin: 0 7px; cursor: pointer; }

#darkOrbit a { text-decoration: none; }
#darkOrbit a:hover { text-decoration: underline; }

/* preview layer */

#darkLayer
{
	width: 550px;
	height: 490px;
	background: #383838;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}
html[xmlns] #darkLayer
{
	background: url(../i/dark_layer_bg.png) no-repeat;
	padding: 25px 44px;
}

.darkHead a
{
	background: url(../i/ico/del.gif) no-repeat 0 3px;
	padding-left: 16px;
}

.darkHead
{
	padding: 5px 10px 15px;
	font: 12px Arial;
	cursor: move;
}

.darkNav
{
	padding: 200px 6px;
	cursor: pointer;
}

.darkPrev table td
{
	padding: 0;
	text-align: center;
}
.darkPrev table
{
	width: 510px;
	height: 440px;
	border-collapse: collapse;
}

/* preview layer end */

/* dark orbit end */

/* game single player end */


/* big blocks */

.bigBlocksCont { margin: 0 -10px 15px; }
.bigPad { padding: 20px 30px; }
.bigBlock
{
	width: 310px;
	height: 315px;
	background: url(../i/big_block.png) no-repeat;
	margin: 0 3px;
	display: inline;
	float: left;
}
#content .bigBlock p { margin: 0 0 5px; }
#content .bigBlock p.stats { margin: -10px; display: inline; }
#content .bigBlock div.t { height: 65px; }
#content .bigBlock h3
{
	font: 18px Arial;
	margin: 0 0 10px;
}
#content .bigBlock h4 a { color: #ff921e; }
#content .bigBlock h4
{
	font: 12px Arial;
	margin: 10px 0 0;
}

.bigBlock .imgBg img { border: 1px solid #000; }
html[xmlns] .bigBlock .imgBg
{
	padding: 10px;
	margin: -10px;
	background: url(../i/big_img_bg.png) no-repeat;
}

.bigBlock .nav ul
{
	list-style: none;
	white-space: nowrap;
	height: 36px;
}

.bigBlock .nav
{
	height: 36px;
	width: 250px;
	overflow: hidden;
	float: left;
}
.bigBlock .nav li
{
	float: left;
	display: inline;
	height: 36px;
	padding: 0 4px;
}
.bigBlock .nav a
{
	display: block;
	font-size: 12px;
	text-decoration: none;
	padding-left: 4px;
	margin-left: -4px;
}

.bigBlock .nav a span
{
	display: block;
	padding: 6px 4px 6px 0;
	margin-right: -4px;
	height: 15px; 
}

.bigBlock .nav a:hover
{
	background: url(../i/big_tab.gif) no-repeat;
}

.bigBlock .nav a:hover span
{
	background: url(../i/big_tab.gif) no-repeat 100% 0;
}

.bigBlock .nav .sel a,
.bigBlock .nav .sel a:hover
{
	background: url(../i/big_tab.gif) no-repeat 0 100%;
}

.bigBlock .nav li.sel
{
	background: url(../i/big_tab.gif) no-repeat 50% -36px;
}

.bigBlock .nav .sel a span,
.bigBlock .nav .sel a:hover span
{
	background: url(../i/big_tab.gif) no-repeat 100% 100%;
}

.bigBlock .navGame
{
	padding: 0 20px;
	margin: 0 -20px;
}

.bigBlock .blueLoader
{
	padding: 80px 0;
	text-align: center;
}

.bigBlock .arrowL,
.bigBlock .arrowR
{
	width: 5px;
	height: 9px;
	margin: 10px -10px 0;
	background: url(../i/arrows.gif) no-repeat;
	float: left;
	font-size: 0;
}
.bigBlock .arrowR
{
	background: url(../i/arrows.gif) no-repeat 100% 0;
	margin-left: 5px;
}

.bigBlock .disR
{
	background: url(../i/arrows.gif) no-repeat 100% 100%;
	cursor: default;
}

.bigBlock .disL
{
	background: url(../i/arrows.gif) no-repeat 0 100%;
	cursor: default;
}

/* big blocks end */

/* left */
#left { width: 640px; display: inline; margin: 22px 0 20px 20px; }

/* left cell */
#left .cell {
    width: 209px;
    height: 97px;
    background: url(../i/cell_bg.png) no-repeat;
    margin: 0 14px 0 -12px;
    float: left;
    display: inline;
}
* html #left .cell { background: url(../i/cell_bg.gif) no-repeat; position: relative; z-index: 2; }
#left .cell h3 a { color: #57baff; }
#left .cell h4 a { color: #ff921e; }
#left .cell .p { padding: 20px 25px; }
#left .cell div.fl { margin-left: 8px; padding: 3px 0; }

/* left cell end */

/* games */

#games {
    width: 634px;
    margin: 0 -7px;
    font-size: 12px;
}

/* navigation */
#games ul.nav {
    list-style: none;
    height: 42px;
    margin: 0 0 -22px 9px;
    position: relative;
    z-index: 2;
}
#games ul.nav li {
    float: left;
    margin-right: -1px;
    text-align: center;
}
#games ul.nav li.sel {
    height: 42px;
    background: red;
    background: url(../i/tab_sel.gif) no-repeat 50% 100%;
}
#games ul.nav li a {
    text-decoration: none;
    display: block;
    background: url(../i/tab_l.gif) no-repeat;
    font: 12px Tahoma;
}
#games ul.nav li span {
    display: block;
    line-height: 30px;
    background: url(../i/tab_r.gif) no-repeat 100% 0;
    padding: 0 18px;
}

#games ul.nav li a:hover,
#games ul.nav li.sel a {
    background: url(../i/tab_l_o.gif) no-repeat;
}
#games ul.nav li a:hover span,
#games ul.nav li.sel span {
    background: url(../i/tab_r_o.gif) no-repeat 100% 0;
}
#games ul.nav li img.spr {
    vertical-align: middle;
    margin: -1px -18px 0 6px;
    padding: 14px 9px 12px;
    border-left: 1px solid #000;
}
* html #games ul.nav li .spr { margin-top: 0; }

/* navigation end */

/* drob-down menu */
#dropDown {
    position: absolute;
    left: -4px;
    top: -30px;
    width: 136px;
    display: none;
}
html>/**/body #dropDown { top: -31px; }
html:first-child #dropDown { top: -30px; }

#dropDown .r {
    margin: 0 0 -4px;
    position: relative;
    z-index: 2;
}
#dropDown .r img { margin-right: 20px; }

#games #dropDown ol {
    background: url(../i/drob_bg.gif) no-repeat;
    padding-top: 10px;
}
#games #dropDown ol li {
    float: none;
    list-style: none;
    text-align: left;
    padding: 0 10px 8px;
}
#games #dropDown ol li a {
    background: none;
    color: #d55509;
    height: 21px;
    line-height: 21px;
}
#games #dropDown ol li a:hover {
    text-decoration: underline;
}

#dropDown .bot {
    background: url(../i/drob_bot.gif) no-repeat;
    height: 10px;
}

/* drob-down menu end */

/* upload button */
#uploadButton { z-index: 5; }
#uploadButton img { position: absolute; top: -20px; right: 10px; }
/* upload button end */

/* backgrounds */
#games .top {
    background: url(../i/g_top_bg.png) no-repeat;
    height: 20px;
    width: 634px;
}

#games .bg {
    background: url(../i/g_bg.png) no-repeat;
    min-height: 710px;
    width: 634px;
}
* html #games .bg { height: 715px; }

#games .floor {
    background: url(../i/g_bot_bg.png) no-repeat left bottom;
    height: 29px;
    width: 634px;
}
/* backgrounds end */

/* additional navigation */
#games h2.t,
#games dl.nav {
    border-bottom: 1px solid #197ac3;
    margin: 0 12px;
    clear: both;
    padding: 10px 8px 20px 15px;
    font: 18px Arial;
    height: 22px;
}
#games h2.t { padding-top: 5px; }

#games h2.t a.down {
    text-decoration: none;
}

#games dl.nav dt { display: block; line-height: 22px; }

#games dl.nav a.down { background: url(../i/down.gif) no-repeat 100% 60%; padding-right: 15px; }
#games dl.nav a.up { background: url(../i/up.gif) no-repeat 100% 60%; padding-right: 15px; }


/* additional navigation end */

/* games row */
#games .box1,
#games .box2,
#games .box3,
#games .box4,
#games .box5 { float: left; }

#games .box1 { width: 212px; }
#games .box2 { width: 132px; }
#games .box3 { width: 150px; }
#games .box4 { width: 92px; font-size: 11px; }
#games .box5 { width: 324px; }
#games dt.box3 { width: 160px; }

#games .row { margin: 0 12px; padding: 10px 8px 10px 15px; min-height: 0; }
* html #games .row { height: 0; }
#games .row p,
#games .row h2,
#games .row h3 { margin: 0 0 4px; }
#games .row h3.off a,
#games .row h3.on a { color: #57baff; }
#games .row h2 { font-size: 14px; margin: 0 0 4px; }
#games .row h2 a { color: #ffa044 !important; }
#games .row p span { color: #4ad7ff; }
#games .row img.fl { margin-right: 4px;  }
#games .row span.fl {
    display: block;
    font: bold 30px Arial;
    color: #fff;
    padding: 9px 10px 9px 4px;
    text-align: center;
    margin: 0 4px 0 -17px;
    letter-spacing: -3px;
    background: url(../i/t100_bg.gif) no-repeat 100% 0;
}
#games .row div.fl { width: 108px; }
#games .row .box4 img { margin: 0 0 4px; }
#games .row .box5 p,
#games .row .box1 p 
{ 
  display: none;
  background: #005195;
  padding: 6px;
  border: 1px solid #3299e7;
  margin: 2px -60px 0 0;
  position: relative;
  z-index: 10;
  zoom: 1; 
}

#games .rib { background: #000; margin: 0 9px 0 10px; min-height: 1px; }
* html #games .rib { height: 1px; }
#games .rib div { padding: 4px 10px; }
#games .rib strong { font-size: 18px; }
#games .rib span a { color: #4ad7ff; font-weight: bold; }
/* games row end */

/* games box */
#left #games .box {
    width: 205px;
    min-height: 256px;
    height: auto;
    background: none;
    margin: 0 -10px 6px 10px;
    font-size: 11px;
}
* html #left #games .box { height: 256px; }
#left #games .box.last { margin-bottom: 0; }
#left #games .box h2 { margin: 0 15px; }
#left #games .box p { margin: 5px 0 0; }
#left #games .box .p { padding: 5px; }
#left #games div.b { border-top: 1px solid #197ac3; clear: both; margin: 0 9px 0 10px; }
#left #games .box.last .p { margin: 0 0 -10px; }
#left #games .box .row { margin: 0; }
/* ganes box end */

/* pagination */
#games .c { padding: 15px 20px 5px; word-spacing: 4px; font-size: 18px; }
#games .c p { padding: 15px 0 0; font-size: 12px; }
#games .c .v { margin: 0 5px; padding: 5px; }
#games .c .v.last { margin: 0 -5px; padding: 5px; }
* html #games div.c * { position: relative; }

/* games end */

/* other games */

#others {
    width: 632px;
    height: 255px;
    background: url(../i/other_bg.png) no-repeat;
    margin: 0 -6px;
}

#others .box { background: none; margin: 0 -10px 6px 10px; height: auto; }
#others h2 { padding: 18px 25px 0; }
#others .box .p { padding: 0 15px; }

/* other games end */

/* comments */

#comments { margin: 0 0 32px -6px; width: 321px; }

#comments h2 { margin: 0 10px 5px; min-height: 0; }
* html #comments h2 { height: 0; }

/* add comment */
#comments h2 a.add {
    font-size: 12px;
    margin: 2px 6px -6px;
    padding: 3px 8px;
    float: left;
    background: url(../i/add.gif) no-repeat 96% 55%;
    min-height: 16px;
}
#comments h2 a.add span {
    padding: 0 14px 0 18px;
    display: block;
    background: url(../i/comment.gif) no-repeat 0 50%;
}

#comments h2 a.added {
    font-size: 12px;
    margin: 1px 5px -6px;
    padding: 3px 8px;
    float: left;
    background: #383838 url(../i/up_o.gif) no-repeat 96% 55%;
    position: relative;
    z-index: 3;
    border: 1px solid #000;
    border-bottom: 0;
}
#comments h2 a.added span {
    padding: 0 14px 0 18px;
    display: block;
    background: url(../i/comment.gif) no-repeat 0 50%;
}

#comments .pr { z-index: 2; }

#comment {
    position: absolute;
    width: 330px;
    min-height: 196px;
    left: -5px;
    top: -4px;
    z-index: 3;
    background: #383838;
    border: 1px solid #000;
    display: none;
}
html>/**/body #comment { top: -5px; }
html:first-child #comment { top: -4px; }
#comment p { font-size: 12px; }
#comment p.r { margin: 10px 78px; }
#comment textarea {
    width: 300px;
    overflow: auto;
    border: 1px solid #000;
    height: 123px;
    color: #fff;
    padding: 5px;
    background: #5e5e5e;
}
div#comment { height: auto; }
div#comment p { padding: 20px; }

#comment span.langLink {
    font-size: 11px;
    position: absolute;
    left: 10px;
  top: 148px;
}

/* add emos */
#emos
{
    width: 309px;
    height: 64px;
    background: url(../i/emoticons_bg.gif) no-repeat;
    margin: 5px 10px 0;
}

#emos a.fl,
#emos a.fr
{
    display: block;
    width: 14px;
    height: 64px;
}

#emoBut {
    margin: 5px 45px;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
}

#emos div
{
    width: 270px;
    height: 64px;
    overflow: hidden;
    margin: 0 5px;
    float: left;
}
#emos div p
{
    display: block;
    width: 780px;
    height: 64px;
}
#emos div p img
{
    margin: 8px 3px 0;
    cursor: pointer;
}
/* add emos end */

/* add comment end */

#comments .bg {
    width: 321px;
    height: 496px;
    background: url(../i/comm_bg.png) no-repeat;
    padding-top: 15px;
}

#comments .bg h2 { font-size: 12px; margin: 0 0 6px; }
#comments .bg h2 a { color: #57baff; }
#comments .bg img.fl { margin: 4px 6px 10px 0; }
#comments .bg p.fl { width: 70%; }


#comments .b {
    border-bottom: 1px solid #000;
    min-height: 0;
    margin: 0 7px 0 8px;
    padding: 10px 9px 5px;
}
* html #comments .b { height: 0; }

/* coments scroll */

#commScroll
{
    margin: 0 0 6px;
    height: 435px;
    width: 292px;
    overflow: auto;
}

/* coments scroll end */

#comments em.fr { color: #bfbfbf; margin-top: 3px; }

#comments .c { margin-top: 8px; }
#comments .c p { margin: 2px 0; }
#comments .c .v { padding: 2px 3px; }
#comments .c .v.last { margin: 0 -2px; }

/* comments end */

/* position and champion */

#chamPos { width: 308px; height: 509px; margin: 0 5px; }

#chamPos h2 { margin: 0 10px 5px;  }
#chamPos strong { font: 13px Arial; }

/* navigation */
#chamPos ul.nav {
    list-style: none;
    height: 42px;
    margin: 9px 0 -21px 9px;
    position: relative;
    z-index: 2;
}
#chamPos ul.nav li {
    float: left;
    margin-right: -1px;
    text-align: center;
}
#chamPos ul.nav li.sel {
    height: 39px;
    background: red;
    background: url(../i/tab_sel_g.gif) no-repeat 50% 100%;
}
#chamPos ul.nav li a {
    text-decoration: none;
    display: block;
    background: url(../i/tab_l_g.gif) no-repeat;
    font: 12px Tahoma;
}
#chamPos ul.nav li span {
    display: block;
    line-height: 30px;
    background: url(../i/tab_r_g.gif) no-repeat 100% 0;
    padding: 0 15px;
}

#chamPos ul.nav li a:hover,
#chamPos ul.nav li.sel a {
    background: url(../i/tab_l_o_g.gif) no-repeat;
}
#chamPos ul.nav li a:hover span,
#chamPos ul.nav li.sel span {
    background: url(../i/tab_r_o_g.gif) no-repeat 100% 0;
}
/* navigation end */

#chamPos .box1 {
    width: 308px;
    height: 360px;
    background: url(../i/pos_bg.png) no-repeat;
    margin: 0 0 5px;

}
#chamPos .box1 .p { padding: 20px 0 0; }
#chamPos .box1 a.fr { margin: -5px 25px 0; }

#chamPos .row {
    padding: 5px;
    min-height: 0;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    clear: both;
}
#chamPos .box2 strong a,
#chamPos .row strong a
{
    background: url(../i/w_dot.gif) repeat-x 0 100%;
    cursor: default;
}
#chamPos .row h2,
#chamPos .row p { margin: 0; }
#chamPos .row h2 a { color: #57baff; font-size: 12px; }
#chamPos .row span {
    display: block;
    float: left;
    font: bold 30px Arial;
    color: #fff;
    padding-top: 9px;
    width: 40px;
    text-align: center;
    margin: 0 10px 0 0;
    letter-spacing: -3px;
}
* html #chamPos .row { height: 0; }
#chamPos img.fl { margin-right: 10px; }

#chamPos .row div.fl { margin-top: 3px; }
#chamPos .row { background-image: url(../i/t20_b_bg.gif); }

#chamPos .box2 {
    width: 308px;
    height: 101px;
    background: url(../i/cham_bg.png) no-repeat;
    margin-top: -5px;
}
#chamPos .box2 h2 { margin: 0 0 2px; }
#chamPos .box2 h2 a { font-size: 12px; color: #57baff; }
#chamPos .box2 img.fl { margin-right: 6px; }
#chamPos .box2 div.p { padding: 25px 0 0 80px; }
#chamPos .box2 div.fl { width: 50%; }

/* position and champion end */

/* profile */

/* navigation */
#profile ul.nav {
    list-style: none;
    height: 42px;
    margin: 9px 0 -20px 9px;
    position: relative;
    z-index: 2;
}
* html #profile ul.nav { margin-left: 8px; }

#profile ul.nav li {
    float: left;
    margin-right: -1px;
    text-align: center;
}
#profile ul.nav li.sel {
    height: 40px;
    background: red;
    background: url(../i/tab_sel_s.gif) no-repeat 50% 100%;
}
#profile ul.nav li a {
    text-decoration: none;
    display: block;
    background: url(../i/tab_l.gif) no-repeat;
    font: 12px Tahoma;
}
#profile ul.nav li span {
    display: block;
    line-height: 30px;
    background: url(../i/tab_r.gif) no-repeat 100% 0;
    padding: 0 15px;
}

#profile ul.nav li a:hover,
#profile ul.nav li.sel a {
    background: url(../i/tab_l_o.gif) no-repeat;
}
#profile ul.nav li a:hover span,
#profile ul.nav li.sel span {
    background: url(../i/tab_r_o.gif) no-repeat 100% 0;
}
/* navigation end */

#profile {
    width: 634px;
    margin: 0 -4px;
    color: #000;
    font-size: 12px;
}

#profile .top {
    width: 634px;
    height: 16px;
    background: url(../i/prof_top_bg.png) no-repeat;
}

#profile .bg {
    width: 634px;
    min-height: 155px;
    background: url(../i/prof_bg.png) repeat-y;
}
* html #profile .bg { height: 155px; }

#profile .floor {
    width: 634px;
    height: 17px;
    background: url(../i/prof_bot_bg.png) no-repeat;
}


#profile .p { padding: 15px 30px; }

#profile div.b { border-top: 1px solid #b8b8b8; margin: 0 0 15px; }

#profile img.b { border: 1px solid #000; }

#profile .bg a { color: #006fbc; }

#profile ul.s { list-style: none; margin: 0 0 10px; }
#profile ul.s li {
    display: inline;
    padding: 0 10px;
    background: url(../i/h_nav_spr.gif) no-repeat 0 50%;
}
#profile ul.s li.first {
    padding-left: 0;
    background: none;
}
#profile ul.s span {
    font: 18px Arial;
    margin-top: -6px;
}
#profile ul.s a {
    color: #d55509;
    font-size: 12px;
}

#profile p.fr img { margin-left: 3px; }

#profile .msg { background: url(../i/msg_r_bg.gif) no-repeat 100% 50%;	margin-top: -5px; }
#profile .msg span {
    background: url(../i/msg_l_bg.gif) no-repeat 0 50%;
    display: block;
    padding: 8px 10px;
}

#profile .but { cursor: default; }

/* select button */
#profile h3.but  { margin: -5px 0 15px; min-height: 0; font-size: 18px; }
* html #profile h3.but  { height: 0; position: absolute; }
#profile h3.but .v  { margin-left: 6px; }
#profile h3.but a.fl {
    background: url(../i/but_l_bg.gif) no-repeat 0 50%;
    text-decoration: none;
    color: #d55509;
}
#profile h3.but span {
    background: url(../i/but_r_bg.gif) no-repeat 100% 50%;
    padding: 3px 15px 5px;
    display: block;
}

#profile #selNav {
    list-style: none;
    position: absolute;
    left: 4px;
    top: 23px;
    border: 1px solid #b8b8b8;
    background: #fff;
    width: 208px;
    display: none;
    z-index: 4;
}

#profile #selNav a {
    display: block;
    padding: 5px 8px;
    display: block;
    text-decoration: none;
    width: auto;
}
* html #profile #selNav a { width: 194px; height: 0; }
#profile #selNav a:hover { background: #f1f1f1; }
#profile #selNav li {
    float: none;
    margin: 0;
    display: block;
}

/* select button end */

/* profile row */
#profile .row { color: #666; }
#profile .row.first { background: url(../i/cup.jpg) no-repeat 100% 90%; }
#profile .row .s { color: #000; }
#profile .row a.s { background: url(../i/b_dot.gif) repeat-x 0 100%; cursor: default; }
#profile .row h2 { font: bold 12px Arial; margin: 0; }
#profile .row h2 a { color: #d55509; }
#profile .row img.fl { margin: 5px 10px 5px 0; }
#profile .row div.fl,
#profile .row p.fr { width: 50%; }
#profile .row p.fr.w { width: 95%; margin-right: -110px; }
#profile .row h2.m,
#profile .row p.m { margin: 0 0 15px; }
#profile .row p.t { margin: 0 0 10px; }
#profile .row p.fr span { font-weight: normal; }
/* navigation */
#profile .row ul.clr { list-style: none; padding: 10px 0 15px; }
#profile .row ul.clr li { float: left; margin-right: 10px; display: inline; }
#profile .row ul.clr li.fr { float: right; margin: 0; }

#profile .row ul.clr a,
#profile .row ul.clr a span.but { display: block; text-decoration: none; }
#profile .row ul.clr a:hover { background: url(../i/but_l_bg.gif) no-repeat 0 50%; }
#profile .row ul.clr a:hover span.but { background: url(../i/but_r_bg.gif) no-repeat 100% 50%; }

#profile .ref { color: #000; }
#profile .ref h2 { margin: 0 0 -10px; }
* html #profile .ref h2 { margin: 0; }

#profile span.add { background: url(../i/ico/add.gif) no-repeat 6px 50%; }
#profile span.rem { background: url(../i/ico/remove.gif) no-repeat 6px 50%; }
#profile span.fri { background: url(../i/ico/friend.gif) no-repeat 4px 50%; }
#profile span.edit { background: url(../i/ico/edit.gif) no-repeat 8px 50%; }
#profile span.del { background: url(../i/ico/del.gif) no-repeat 8px 50%; }
#profile span.delEmpty { background: url(../i/ico/emptytrash.gif) no-repeat 8px 50%; }
#profile span.restore { background: url(../i/ico/restore.gif) no-repeat 8px 50%; }

#profile .row ul.clr span span { padding: 5px 10px 5px 25px; display: block; }

#profile .row ul.clr .msg { color: #000; }
#profile .row ul.clr .msg a:hover,
#profile .row ul.clr .msg a {
    display: inline;
    background: none;
    text-decoration: underline;
}

#profile .pr .msg {
    background: url(../i/topic_bg_lt.png) no-repeat;
    padding: 0;
    margin: -7px 0 0;
    position: absolute;
    width: 150px;
    top: -23px;
    left: -2px;
}
#profile .pr .msg span {
    background: url(../i/topic_bg_rb.png) no-repeat 100% 100%;
    display: block;
    padding: 5px 12px 12px 5px;
    position: relative;
    top: 7px;
    left: 7px;
}

/* navigation end*/

/* pagination */
#profile div.c { padding: 15px 20px 5px; word-spacing: 4px; font-size: 18px; color: #006fbc; }
#profile div.c p { padding: 15px 0 0; font-size: 12px; }
#profile div.c .v { margin: 0 5px; padding: 5px; }
#profile div.c .v.last { margin: 0 -5px; padding: 5px; }
* html #profile div.c * { position: relative; }
/* profile row end */

/* upload */
#profile #upload {
    background: url(../i/upload_bg.gif) no-repeat 0 100%;
    margin: 20px -10px 0;
    width: 586px;
}
* html #profile #upload { height: 250px; }
#profile #upload h2.upp { font: bold 12px Arial; }
#profile #upload .se,
#profile #upload .s1,
#profile #upload .s2{
    padding: 75px 25px 30px;
    min-height: 150px;
}
* html #profile #upload .se,
* html #profile #upload .s1,
* html #profile #upload .s2{
    height: 150px;
}
#profile #upload .s1 {
    background: url(../i/step1_bg.gif) no-repeat;
    text-align: center;
}
#profile #upload .s2 {
    background: url(../i/step2_bg.gif) no-repeat;
}
#profile #upload .se {
    background: url(../i/step_edit_bg.gif) no-repeat;
    padding-top: 30px;
}
#profile #upload h2.err,
#profile #upload p { margin: 0 0 20px; }
#profile #upload textarea,
#profile #upload select,
#profile #upload .inp {
    font-size: 16px;
    padding: 4px;
    width: 99%;
    background: #fff;
    border: 1px solid #b3b9c3;
}

#profile #upload .s2 p.fr { margin-right: 10px; }
* html #profile #upload .s2 p.fr { margin: 0; }
#profile #upload .s2 p.fl,
#profile #upload .s2 p.fr,
#profile #upload textarea { width: 250px; }
#profile #upload textarea { overflow: auto; height: 72px; }

#profile #upload select { padding: 0; }
#profile #upload .s1 .inp { width: 85%; }
#profile #upload .s1 .inp,
#profile #upload .v { margin: 0 6px; }

#profile #upload p.l { margin: 10px 0 -10px; padding: 10px 0 10px 220px; }
#profile #upload p.l .submit { margin: -5px 5px 0; }
/* upload end */

/* my profile */

/* left side */
#profile #pLeft {
    width: 200px;
    float: left;
    margin-left: -10px;
    display: inline;
}

#profile #pLeft h2 { font: bold 14px Arial; }
#profile #pLeft h2.t { font: 18px Arial; margin: 0 0 15px; color: #d55509; }
#profile #pLeft h2 { font: 12px Arial; }
#profile #pLeft p span { color: #666; }
#profile #pLeft p { margin: 0 0 5px; }

#profile #pLeft .box1 {
    background: url(../i/profile_b_bg.gif) no-repeat 0 100%;
    margin: 0 0 5px;
}
#profile #pLeft .box2 {
    background: url(../i/profile_t_bg.gif) no-repeat;
    min-height: 100px;
    padding: 20px;
}
* html #profile #pLeft .box2 { height: 200px; }
#profile #pLeft span.s { color: #000; }

#profile #pLeft .row h2,
#profile #pLeft .row h3,
#profile #pLeft .row p { margin: 0; font-size: 12px; color: #000; }
#profile #pLeft .row img.fl { margin-top: 3px; }
#profile #pLeft .row { margin: 0 0 10px; min-height: 0; }
* html #profile #pLeft .row { height: 0; }

#profile span.find { background: url(../i/ico/find.gif) no-repeat 6px 50%; }
#profile span span.find { padding-left: 28px; }
#profile span.inv { background: url(../i/ico/invite.gif) no-repeat 6px 50%; }
#profile span span.inv { padding-left: 28px; }
#profile span.set { background: url(../i/ico/settings.gif) no-repeat 6px 50%; }
#profile span.pub { background: url(../i/ico/public.gif) no-repeat 6px 50%; }
#profile span.chng { background: url(../i/ico/change.gif) no-repeat 6px 50%; }
#profile span.mail { background: url(../i/ico/mail.gif) no-repeat 6px 50%; }
#profile span.compl { background: url(../i/m/m_ico_complain.gif) no-repeat 6px 50%; }
#profile span.ers { background: url(../i/ico/erase.gif) no-repeat 6px 50%; }
#profile span.block { background: url(../i/ico/user_block.gif) no-repeat 6px 50%; }
#profile span.accept { background: url(../i/m/m_ico_accept.gif) no-repeat 6px 50%; }

#profile #pLeft .t span { display: block; padding: 5px 0 5px 28px; color: #000; }

#profile #pLeft ul { list-style: none; float: left; }
#profile #pLeft ul li { clear: both; float: left; margin: 5px 0 0; }
#profile #pLeft ul.m { height: 60px; margin: 0 0 5px; }
#profile #pLeft ul.m li { margin: 0; }
#profile #pLeft ul a,
#profile #pLeft ul a span { float: left; text-decoration: none; white-space: nowrap; }
#profile #pLeft ul a:hover,
#profile #pLeft ul.sel a { background: url(../i/but_l_bg.gif) no-repeat 0 50%; }
#profile #pLeft ul.sel a span.but,
#profile #pLeft ul a:hover span.but { background: url(../i/but_ro_bg.gif) no-repeat 100% 50%; }
#profile #pLeft ul span span { padding: 6px 10px 6px 28px; }
#profile #pLeft ul span.but { margin-right: -5px; }

#profile #pLeft div.b { margin: 5px 0; }

#profile #pLeft h2.t { font: bold 12px Arial; margin: 0 -3px 5px; }
#profile #pLeft form { margin: 0 0 10px; text-align: center; }
#profile #pLeft textarea {
    background: #fff;
    border: 1px solid #b3b9c3;
    width: 100%;
    margin: 0 0 10px;
    overflow: auto;
}

/* left side end */

/* right side */
#profile #pRight { width: 370px; float: right; }
#profile #pRight div.b { margin: 15px 0; }

#profile #pRight h2.t { margin: 0 0 15px; }
#profile #pRight p.t { margin: 0 0 15px; color: #666; }
#profile #pRight p.t strong { color: #000; font: 18px Arial; }
#profile #pRight p.t span.s { color: #000; }
#profile #pRight p.t a { color: #d55509; }

#profile #pRight #selNav { top: 24px; left: 110px; }
#profile #pRight h3.but { margin: -4px 6px 0; }

/* right side row */
#profile #pRight .row { color: #666; padding: 15px 0 0; width: auto; min-height: 0; }
* html #profile #pRight .row { height: 0; }
#profile #pRight .row h2 { margin: 0 0 3px; }
#profile #pRight .row p.t { margin: 0 0 10px; font-size: 11px; }
#profile #pRight .row p.t a { color: #000; }
#profile #pRight .row strong.fl {
    font-size: 30px;
    padding: 10px 0;
    color: #d55509;
    background: url(../i/top10_bg.gif) no-repeat;
    letter-spacing: -4px;
    text-align: center;
    width: 39px;
}
html>/**/body #profile #pRight .row strong.fl {
    width: 45px;
    margin-left: -6px;
    background-position: 100%;
}
#profile #pRight .row img.fl { margin: 2px 8px; }
#profile #pRight .row div.fl { width: 255px; }
/* right side row end */

/* my settings */

#profile #pRight ul.t li { display: inline; }
#profile #pRight ul.t li a.spr {
    background: url(../i/h_nav_spr.gif) no-repeat 5px 50%;
    padding-left: 14px;
}
#profile #pRight ul.t li.sel a { color: #000; font: 18px Arial; text-decoration: none; cursor: text; }



#profile span.sendMail { background: url(../i/m/m_ico_send.gif) no-repeat 6px 50%; }
#profile span.upload { background: url(../i/ico/upload.gif) no-repeat 6px 50%; }

#profile #pRight ul.nBut { margin: 5px 0; }
html>/**/body #profile #pRight ul.nBut { margin: 5px 0 -10px; }
#profile #pRight ul.nBut li { margin-right: 10px; }

#settings h3.fl {
    font-weight: bold;
    width: 16%;
    padding: 7px 0 0;
}

#settings #ops_2 h3.fl, #settings #ops_3 h3.fl { width: 30%; }
#settings #ops_2 p.fr, #settings #ops_3 p.fr { width: 68%; }

#settings h4.fl { font-weight: bold; }

#settings p.fr { width: 82%; height: 40px; }
#settings p.fr span { display: block; font-size: 11px; margin: 2px 0 0; }

#pRight #settings p.t {
    padding: 5px 0 0;
    color: #000;
    height: 25px;
}

#pRight #settings p.m { height: 65px; margin: 0; }

#settings input.inp {
    background: #fff url(../i/input_bg.gif) no-repeat;
    border: 1px solid #b3b9c3;
    font-size: 18px;
    width: 200px;
    padding: 1px 2px;
}

#settings input.t {
    background: transparent;
    border: 0;
    font: bold 12px Arial;
    width: auto;
    padding: 5px 0 0;
    color: #006fbc;
}

#settings input.v { margin: 0 2px; }

#pRight #settings div.b { margin: 0 0 15px; }

#settings ul.fr,
#changePic ul.fr { margin: -10px 10px 15px; float: right; width: 40%; }
#settings ul,
#changePic ul { list-style: none; float: left; }
#settings ul li,
#changePic ul li { clear: both; float: left; margin: 3px 0 0 8px; font-size: 12px; }
* html #settings ul li,
* html #changePic ul li { margin-left: 5px; }
#settings ul a,
#changePic ul a,
#settings ul a span,
#changePic ul a span { float: left; text-decoration: none; white-space: nowrap; }
#settings ul a:hover,
#changePic ul a:hover,
#settings ul.sel a,
#changePic ul.sel a { background: url(../i/but_l_bg.gif) no-repeat 0 50%; }
#changePic ul.sel a span.but,
#settings ul.sel a span.but,
#changePic ul a:hover span.but,
#settings ul a:hover span.but { background: url(../i/but_ro_bg.gif) no-repeat 100% 50%; }
#settings ul span span,
#changePic ul span span { padding: 5px 10px 5px 28px; }
#settings ul span span.spr {
    padding: 5px 25px 5px 10px;
    background: url(../i/down_b.gif) no-repeat 98% 50%;
}
#settings ul span.but,
#changePic ul span.but { margin-right: -5px; }

#changePicFr { margin: 20px -5px; }
#changePicFr,
#changePic {
    width: 327px;
    height: 100px;
    background: url(../i/change_bg.gif) no-repeat;
}


#changePic div.fr img { margin: 0 0 -3px; }
html>/**/body #changePic div.fr img { margin: 0; }


#changePic input { font-size: 12px; margin: 0 0 3px; }

#settings div.pr ol {
    width: 143px;
    background: #fff;
    border: 1px solid #a6a6a6;
    float: right;
    list-style: none;
    position: absolute;
    right: 5px;
    top: 36px;
    z-index: 2;
}
* html #settings div.pr ol { right: 10px; }
* html #settings div.pr ol a { height: 0; }
#settings div.pr ol a {
    padding: 5px 8px;
    display: block;
    text-decoration: none;
}
#settings div.pr ol a:hover { background-color: #f1f1f1; }
#settings div.pr ol a.sel {
    background-image: url(../i/added.gif);
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

#settings p.c a { font-size: 12px; }

#settings p.l a { font-size: 12px; }
#settings p.l .submit { margin: -5px 5px 0 100px; }

/* my settings end */

/* right side end */

/* my profile end */

/* my friends */

#profile #myFriends { margin: -5px -14px 0 -11px; }

#myFriends .box1 {
    display: inline;
    color: #666;
    float: left;
    width: 296px;
    min-height: 180px;
    background: url(../i/friends_bg.gif) no-repeat 0 100%;
    margin-right: 2px;
}
* html #myFriends .box1 { height: 180px; }

#myFriends .box1 .m {
    margin: 0;
    padding: 20px;
    background: url(../i/friends_top_bg.gif) no-repeat;
	height: 200px;
}
#myFriends .box1 div.b {
    border: 1px solid #b8b8b8;
    border-width: 0 0 1px;
    min-height: 0;
    padding: 0 0 10px;
    margin: 0 0 10px;
}
* html #myFriends .box1 div.b { height: 0; }
#myFriends .box1 img.fl { margin-right: 10px; }
#myFriends .box1 h2 { font: bold 14px Arial; margin: 8px 0 3px; }
#myFriends .box1 h2 a { color: #006fbc; }
#myFriends .box1 a { color: #d55509; }
#myFriends .box1 div.fl p { color: #000; }
#myFriends .box1 p.t { margin: -10px 10px 0; }

#myFriends form.c { padding: 0 0 2px; }
#myFriends h2 { margin: 0 0 5px; }
#myFriends h2 span {
    color: #000;
    font-size: 12px;
    padding-left: 28px;
}

#myFriends textarea,
#myFriends textarea {
    border: 1px solid #b8b8b8;
    background: #fff;
    overflow: auto;
    clear: left;
    width: 96%;
    margin-right: 5px;
    height: 50px;
    font: 12px Arial;
    margin: 0 0 5px;
}

#profile #myFriends ul { list-style: none; float: left; margin: 12px 0 0; }
#profile #myFriends ul li { clear: both; float: left; margin: 5px 0 0; }
#profile #myFriends ul a,
#profile #myFriends ul a span {
    float: left;
    text-decoration: none;
    white-space: nowrap;
    color: #006fbc;
}
#profile #myFriends ul a:hover { background: url(../i/but_l_bg.gif) no-repeat 0 50%; }
#profile #myFriends ul a:hover span.but { background: url(../i/but_ro_bg.gif) no-repeat 100% 50%; }
#profile #myFriends ul span span { padding: 5px 10px 5px 28px; }
#profile #myFriends ul span.but { margin-right: -5px; }

/* my friends end */

/* profile end */

/* profiles */

#profs h2 { padding: 0 10px; }

/* navigation */
#profs ul.nav {
    list-style: none;
    height: 42px;
    margin: 9px 0 -19px 7px;
    position: relative;
    z-index: 2;
}

#profs ul.nav li {
    float: left;
    margin-right: -1px;
    text-align: center;
}
#profs ul.nav li.sel {
    height: 40px;
    background: url(../i/tab_sel_d.gif) no-repeat 50% 100%;
}
#profs ul.nav li a {
    text-decoration: none;
    display: block;
    background: url(../i/tab_l.gif) no-repeat;
    font: 12px Tahoma;
}
#profs ul.nav li span {
    display: block;
    line-height: 30px;
    background: url(../i/tab_r.gif) no-repeat 100% 0;
    padding: 0 15px;
}

#profs ul.nav li a:hover,
#profs ul.nav li.sel a {
    background: url(../i/tab_l_o.gif) no-repeat;
}
#profs ul.nav li a:hover span,
#profs ul.nav li.sel span {
    background: url(../i/tab_r_o.gif) no-repeat 100% 0;
}

/* game position */

#profs ul.nav.i li a {
    background: url(../i/tab_l_m.gif) no-repeat;
}
#profs ul.nav.i li span {
    background: url(../i/tab_r_m.gif) no-repeat 100% 0;
}

#profs ul.nav.i li a:hover,
#profs ul.nav.i li.sel a {
    background: url(../i/tab_l_o_m.gif) no-repeat;
}

#profs ul.nav.i li a:hover span,
#profs ul.nav.i li.sel span {
    background: url(../i/tab_r_o_m.gif) no-repeat 100% 0;
}
/* game position end */

/* navigation end */

#profs {
    width: 634px;
    margin: 0 -4px;
    font-size: 12px;
}

#profs b { font-weight: normal; }

#profs .top {
    width: 634px;
    height: 16px;
    background: url(../i/profs_top_bg.png) no-repeat;
}

#profs .bg {
    width: 634px;
    min-height: 355px;
    background: url(../i/profs_bg.png) repeat-y;
}
* html #profs .bg { height: 355px; }

#profs .floor {
    width: 634px;
    height: 17px;
    background: url(../i/profs_bot_bg.png) no-repeat;
}


#profs .p { padding: 10px 20px; }

#profs .box1 {
    width: 296px;
    height: 156px;
    display: inline;
    float: left;
    color: #666;
    background: url(../i/user_bg.png) no-repeat;
    margin-right: -2px;
}

#profs .box1 .m { margin: 0; padding: 20px; }
#profs .box1 div.b {
    border-bottom: 1px solid #b8b8b8;
    min-height: 0;
    padding: 0 0 10px;
    margin: 0 0 10px;
}
* html #profs .box1 div.b { height: 0; }
#profs .box1 img.fl { margin-right: 10px; }
#profs .box1 h2 { font: bold 14px Arial; margin: 8px 0 3px; }
#profs .box1 h2 a { color: #006fbc; }
#profs .box1 a { color: #d55509; }
#profs .box1 div.fl p { color: #000; }

#profs .c { padding: 15px 5px; word-spacing: 4px; font-size: 18px; }
#profs .c p { padding: 15px 0 0; font-size: 12px; }
#profs .c .v { margin: 0 5px; padding: 5px; }
#profs .c .v.last { margin: 0 -5px; padding: 5px; }

/* vip statistics */

#profs .vipStatistics
{
  background: url(/i/pos_row_mid.gif) repeat-y; 
}

#profs .vipSTop
{
  background: url(/i/pos_row_top.gif) no-repeat 0 0;
}

#profs .vipSBot
{
  min-height: 750px; 
  padding: 25px; 
  background: url(/i/pos_row_bot.gif) no-repeat 0 100%;  
}

#profs .vipSBot ol
{
  list-style: none;  
}

#profs .vipSBot li
{
  border-bottom: 1px solid #666; 
  padding: 0 0 18px; 
  margin: 0 0 18px;  
}

#profs .vipSBot img.fl
{
  border: 1px solid #000; 
  margin-top: 5px;  
}

#profs .vipSBot div.fl
{
  width: 450px; 
  padding: 0 20px; 
  color: #222;  
}

#profs .vipSBot h2
{
  padding: 0; 
  font-size: 14px; 
  margin: 0 0 6px;  
}

#profs .vipSBot div.fl a
{
  color: #006fbc;  
}

/* search form */

#searchProfs {
    width: 320px;
    height: 352px;
    background: url(../i/search_bg.png) no-repeat;
    margin: 28px -12px 10px;
    font-size: 12px;
}
#searchProfs div.p { padding: 30px 25px; }
#searchProfs input { vertical-align: middle; }
#searchProfs .inp { font-size: 14px; background: #fff; }
#searchProfs form.top { margin: 0 0 50px; }
#searchProfs .top input.inp { width: 174px; padding: 2px 1px; }
#searchProfs div.cont { padding: 30px 25px; }
#searchProfs label { margin: 0 3px; }
#searchProfs h1 { margin: 0 0 25px; }
#searchProfs h2 { margin: 0 0 12px; }
#searchProfs p { margin: 0 0 15px; }
#searchProfs p.c { margin: 0; }
#searchProfs p.l select { width: 100%; margin: 3px 0; }


#gameSearch {
    width: 320px;
    height: 270px;
    background: url(../i/search2_bg.png) no-repeat;
    margin: 28px -12px 10px;
    font-size: 12px;
}
#gameSearch div.p { padding: 25px 25px 0; }
#gameSearch .inp { font-size: 14px; background: #fff; }
#gameSearch p,
#gameSearch h2 { margin: 0 0 15px; }
#gameSearch p.c { padding: 15px 0 0; }

#gameSearch input.inp,
#gameSearch select { width: 271px; }

#gameSearch p.fr { margin-right: -10px; }
#gameSearch p.fr,
#gameSearch p.fl { width: 135px; }

#gameSearch p.fr input.inp,
#gameSearch p.fl input.inp { width: 122px; }

/* search form end */

/* profiles positions */

#posGame { position: relative; z-index: 3; left: -6px; }
#posGame div.w {
    width: 643px;
    height: 108px;
    background: url(../i/game_pos_bg.png) no-repeat;
}

#posGame img.fl { margin: 28px 15px 0 25px; }

#posGame #gameName { margin: 32px 0 0 0; }
#posGame #gameName h2 { margin: 0 0 5px; }
#posGame #gameName h2 a { color: #ffa044; }

#posGame #sendFriend .inp { font-size: 12px; }

#posGame #gameInfo {
    border-left: 1px solid #000;
    padding: 12px 30px 6px 20px;
    margin: 18px 10px 0;
    width: auto;
    display: inline;
}

/* my positions */

#myPos { margin: 10px 10px 0; }
#myPos div.pr {
    z-index: 2;
    display: block;
    clear: left;
}
#myPos a.send {
    font-size: 12px;
    margin: -3px 6px -6px;
    padding: 3px 8px;
    float: left;
    background: url(../i/add.gif) no-repeat 96% 55%;
}
* html #myPos a.send { position: relative; }
#myPos a.send span {
    padding: 0 14px 0 6px;
    display: block;
}
#myPos a.sent {
    font-size: 12px;
    margin: -4px 5px -6px;
    padding: 3px 8px;
    float: left;
    background: #383838 url(../i/up_o.gif) no-repeat 96% 55%;
    position: relative;
    z-index: 3;
    border: 1px solid #000;
    border-bottom: 0;
}
#myPos a.sent span {
    padding: 0 14px 0 6px;
    display: block;
}

#myPosList {
    position: absolute;
    width: 330px;
    left: -170px;
    top: 5px;
    z-index: 3;
    background: #383838;
    border: 1px solid #000;
    display: none;
}
#myPosList h4 { margin: 0 0 -5px; }
#myPosList h4,
#myPosList p { padding: 5px 10px; }
#myPosList p { font: 18px Arial; }
#myPosList strong { color: #57baff; }
#myPosList img.v { margin-right: 6px; }
#myPosList div.b { border-top: 1px solid #000; }

/* my positions end */
#profs strong a { cursor: default; }

#profs .first {
    width: 597px;
    height: 97px;
    margin: 0 -5px 5px;
    background: url(../i/pos_first_bg.gif) no-repeat;
}
#profs .first div.m { padding: 25px 88px 0; margin: 0; }
#profs .first div.fl { padding: 5px 15px 0; }
#profs .first h2 a { font: 12px Arial; color: #57baff; }
#profs .first strong { font: 18px Arial; }
#profs .first strong a {
    background: url(../i/w_dot.gif) repeat-x 0 100%;
}

#profs .row {
    width: 597px;
    height: 84px;
    margin: 0 -5px 5px;
    background: url(../i/pos_row_bg.gif) no-repeat;
    color: #000;
}
#profs .row div.m { padding: 15px 5px 0; margin: 0; }
#profs .row div.fl { padding: 0 15px; }
#profs .row h2 { margin: 0 0 2px; }
#profs .row h2 a { font: 12px Arial; color: #006fbc; }
#profs .row strong { font: 18px Arial; display: block; }
#profs .row strong a { color: #000; background: url(../i/b_dot.gif) repeat-x 0 100%; }

#profs .row span {
    float: left;
    background: url(../i/pos_nums_bg.gif) no-repeat 100% 0;
    font: bold 26px Arial;
    color: #fff;
    margin: -1px 5px 0 1px;
    padding: 14px 10px 14px 5px;
}

/* profiles positions end */

/* profiles end */

/* banner positions */
* html #bannerBG * { position: relative; }
#bannerBG {
    background: url(../i/banner_bg.gif) no-repeat;
    width: 340px;
    height: 358px;
    color: #000;
    margin: auto;
}
#bannerBG h2 { font-size: 11px; padding: 10px 0 10px; margin: 0; }
#bannerBG div { width: 300px; margin: 0 auto 23px; }
#bannerBG p { font-size: 12px; }
#bannerBG p span {
    height: 0;
    padding: 20px;
    font-size: 18px;
    color: #e45f15;
    position: relative;
    top: 2px;
    left: -1px;
}

#myFlashTry { width: 300px; height: 250px; }
#gameBoard #bannerBG #myFlashTry div,
#gameBoard #bannerBG #myFlashTry table { margin: 0; }
#gameBoard #bannerBG #myFlashTry td { padding: 0; }

/* banner positions end */

/* left end */

/* right */
#right {
    width: 300px;
    display: inline;
    margin: 20px 25px 20px 0;
}

/* banner */
#banner300x250 { margin: 5px 0 26px; /* position: relative; z-index: 10; */ }
#content #banner300x250 h3 { font: 10px Tahoma; color: #ccc; }
/* banner end */

/* top 20 */
#top20 {
    width: 330px;
    margin: 0 -15px 12px;
    position: relative;
    z-index: 2;
}
#top20 .bg {
    width: 330px;
    height: 530px;
    background: url(../i/top20_bg.png) no-repeat center top;
}
* html #top20 { margin-bottom: 24px; }
* html #top20 .bg { height: 523px; }
#top20 .p { padding: 20px 30px 0; }
#top20 h2 { padding: 0 0 7px; }
#top20 h3 a { color: #ff921e; }
#top20 h4 a { color: #57baff; }
#top20 .row {
    min-height: 0;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 6px 0;
}
* html #top20 .row { margin-left: 2px; }
#top20 .row span {
    display: block;
    float: left;
    font: bold 30px Arial;
    color: #fff;
    padding-top: 9px;
    width: 40px;
    text-align: center;
    margin: 0 10px 0 -5px;
    letter-spacing: -3px;
}
#top20 .row p { margin: 5px 0 0; }
* html #top20 .row { height: 0; }
#top20 img.fl { margin-right: 10px; }
#gameScroll,
#userScroll {
    width: 247px;
    height: 195px;
    overflow: auto;
    position: relative;
    z-index: 3;
}
#gameScroll { margin: 0 0 19px; }
#userScroll .row div.fl { margin-top: 3px; }
#gameScroll .row { background-image: url(../i/t20_o_bg.gif); }
#userScroll .row { background-image: url(../i/t20_b_bg.gif); }

#gameScroll h3,
#userScroll h4 { margin-right: -10px; }
/* top 20 end */

/* my */
#my {
    width: 330px;
    margin: 0 -15px 12px;
    position: relative;
    z-index: 2;
}
#my .bg {
    width: 330px;
    height: 530px;
    background: url(../i/top20_bg.png) no-repeat center top;
}
* html #my .bg { height: 523px; }

#my .p { padding: 20px 30px 0; }
#my h2 { padding: 0 0 7px; }
#my h3 a { color: #ff921e; }
#my h4 a { color: #57baff; }
#my .row {
    margin: 0 10px;
    min-height: 0;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 6px 0;
}
#my .row p { margin: 5px 0 0; }
* html #my .row { height: 0; }
#my img.fl { margin-right: 10px; }

#mgamesScroll,
#friendsScroll {
    width: 247px;
    height: 195px;
    overflow: auto;
    position: relative;
    z-index: 3;
}
#mgamesScroll { margin: 0 0 19px; }
#friendsScroll .row div.fl { margin-top: 3px; }
#friendsScroll .row a { color: #57baff; font-size: 12px; }
#friendsScroll .row h3 a { color: #ff921e; }

#mgamesScroll .remove {
    background: transparent url(../i/ico/exclude.gif) no-repeat scroll 0px 5px;
    padding-left: 16px;
}

/* my end */

/* position box */
#position {
    width: 316px;
    height: 193px;
    background: url(../i/top_pos_bg.png) no-repeat;
    margin: 0 -8px;
    position: relative;
    z-index: 2;
}
#position h3 a { color: #ff921e; }
#position h4 a { color: #57baff; }
#position .p { padding: 25px; }
#position .row { margin: 0 0 12px; min-height: 0; }
* html #position .row { height: 0; }
#position img.fl { margin-right: 10px; }
#position div.fl { margin-top: 5px; }
#position div.m { margin: 35px 0 0 65px; }

/* position box end */

/* top 3 */
#top3 {
    width: 317px;
    height: 255px;
    background: url(../i/top3_bg.png) no-repeat;
    margin: 0 -7px 0 -10px;
}
#top3 .box {
    background: none; height: auto;
    padding: 18px 10px 0 35px;
    width: 265px;
}
#top3 h3 a { color: #ff921e; }



#topGames {
    width: 317px;
    position: relative;
    left: -7px;
    top: 2px;
}
* html #topGames { left: -3px; }
#topGames h1 { margin: 0 10px 4px; }
#topGames h2,
#topGames .row { margin: 14px 30px; }
#topGames .box {
    width: 317px;
    height: 255px;
    background: url(../i/top3_bg.png) no-repeat;
    margin: 0 0 2px;
}

/* top 3 end */

/* right end */

/* container end */

/* footer */
#footer {
    height: 110px;
    background: #000 url(../i/f_bg.gif) repeat-x;
    font: 11px/1.5 Arial;
    color: #a3a3a3;
}
#footer .cont { width: 950px; margin: auto; padding-top: 30px; }
#footer p { float: left; padding: 15px 6px 0; }
#footer a { color: #a3a3a3; }
#footer a:hover { text-decoration: none; }
/* footer end */

#topGames h2.t {
    margin: 0 10px 4px;
}

/* login and register messages  */

.vgames_login_message {
    margin-top: -15px;
    margin-bottom: 15px;
}

.vgames_reg_message {
    margin-top: -15px;
    margin-bottom: 25px;
}

.required_fields_message {
    font-weight: normal !important;
}

span.g {
    color: #FF921E;
}

span.m {
    color: #618100;
}

.vgames_login_message a,
.vgames_reg_message a {
    color: black !important;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none !important;
}

.vgames_login_message a:hover,
.vgames_reg_message a:hover {
    background: transparent !important;
    text-decoration: underline !important;
}


/* invite friend */
#comfirm h2.b {
    border-bottom: 1px solid #b8b8b8;
    padding: 0 0 30px;
    margin-top: -10px;
}

#comfirm ul.nBut
{
    list-style: none;
    float: none;
    margin: 20px auto;
    display: table;
    width: 120px;
    min-height: 30px;
}
#comfirm ul.nBut li { clear: left; margin: 5px 0 5px -25px; }
#comfirm .inv
{
    background: url(../i/ico/invite.gif) no-repeat 8px 50%;
    padding-left: 20px;
}
#comfirm .compl
{
    background: url(../i/m/m_ico_complain.gif) no-repeat 8px 50%;
}
#comfirm .sendMail
{
    background: url(../i/ico/mail.gif) no-repeat 8px 50%;
}
#comfirm span.sendMail,
#comfirm span.compl,
#comfirm span.inv
{
    width: 130px;
    padding-left: 30px;
}

* html #comfirm ul.nBut * { position: relative; }
* html #comfirm ul.nBut li { margin-left: 0; }

#friendInv h3 { font-weight: bold; margin: 0 0 10px; }
#friendInv textarea
{
    background: #fff;
    border: 1px solid #a6a6a6;
    margin: 0 auto 10px;
    width: 162px;
    height: 55px;
    padding: 5px;
}
#friendInv div
{
    padding: 10px;
}
#friendInv
{
    width: 199px;
    height: 143px;
    border: 1px solid #a6a6a6;
    background: #d6d6d6 url(../i/grad.gif) repeat-x;
    margin: auto;
}
/* invite friend end */

/* footer */

#footing { border-top: 9px solid #e45f15; font: 11px/1.8 Arial; }
#footing div.b { border-top: 4px solid #2e2e2e; }
#footing div.cont { padding: 8px 0; }
*>body #footing div.cont { overflow: hidden; }
#footing span { color: #4c4c4c; margin: 0 5px; }
#footing a { color: #7590c2; text-decoration: none; }
#footing a:hover { text-decoration: underline; }
#footing h3 { font: 11px Arial; margin: 0 0 10px; }
* html #footing div.fl { width: 10%; }
* html #footing div.fl p { height: 40px; }
#footing div.fl p { min-height: 40px; }
#footing div.fl p.b
{
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #4c4c4c;
}
#footing p.fr { padding-top: 24px; text-align: right; }
#footing p.c { padding: 10px; }
#footing span.m { color: #fff; }

/* footer end */

/* new footer */

#footed { border-top: 9px solid #e45f15; font: 11px/1.8 Arial; }
#footed div.b { border-top: 4px solid #2e2e2e; }
#footed div.cont { padding: 8px 0; }
* html #footed div.fl
{
	width: 110px;
}
/*>body #footed div.cont { overflow: hidden; }
*/
#footed span { color: #4c4c4c; margin: 0 5px; }
#footed a { color: #7590c2; text-decoration: none; }
#footed a:hover { text-decoration: underline; }
#footed h3 { font: 11px Arial; padding: 3px 0; }

#footed div.fl { display: inline; margin-right: 80px; }

* html #footed div.fl p { height: 40px; }
#footed div.fl p { min-height: 40px; }

#footed div.l { margin-right: 0; }

#footed p.fr
{
	padding-left: 10px;
	border-left: 1px solid #4c4c4c;
	text-align: right;
}
#footed p.c { padding: 10px; }
#footed span.m { color: #fff; }

/* new footer end */


/* icq wit */

.icq-wit {
	margin-left: 0;
}

.wit_logo {
	float: left;
	margin: 2px;
}

/* icq wit end */

/* addwise */

#adwise h2 img { vertical-align: baseline; }
#adwise address,
#adwise h2
{
	color: #7e7f80;
	font: 11px Arial;
	text-align: right;
	padding: 2px 4px;
}
#adwise address { padding: 4px 14px; }
#adwise address a { color: #ff6e28; }
#adwise .adWiseBot
{
	background: url(../i/a/bot_bg.gif) no-repeat 0 100%;
	padding: 0 0 4px;
}
#adwise .adWiseBg div.ma { padding: 0 0 5px; }
#adwise .adWiseBg a.link:hover { text-decoration: underline; }
#adwise .adWiseBg a.link
{
	color: #008000;
	text-decoration: none;
}
#addwise .adWiseBg h3 a:hover { text-decoration: underline; }
#adwise .adWiseBg h3 a,
#adwise .adWiseBg h3
{
	margin: 0;
	font: bold 13px Arial;
	color: #115eb1;
	text-decoration: none;
}
#adwise .adWiseBg img
{
	float: left;
	margin: 4px 10px 0 0;
	padding: 0 0 25px;
}
#adwise .adWiseBg
{
	background: #e6e6e6;
	border: 1px solid #000;
	border-width: 0 1px;
	padding: 0 10px;
	color: #000;
	font: 13px/1.35 Arial;
}
#adwise
{
	background: url(../i/a/top_bg.gif) no-repeat;
	margin: 0 1px 20px;
	width: 302px;
}

/* adwise end */

h2 .feed {
    background: url(../i/rss.gif) left top no-repeat;
    padding-left: 25px;
    font-size: 12px;
    display: block;
    height: 20px;
}

/* facebook */

#facebook h2 { font: 18px Tahoma }
#facebook span,
#facebook a { color: #ff921e; }
#facebook div
{
	width: 750px;
	margin: 0 auto;
	display: block;
	padding: 40px 0 0 0;
}

#facebook div.fr
{
	width: 295px;
	margin: 0;
	padding: 5px 0 0;
	font-size: 12px;
	text-align: left;
}

#facebook div.fl
{
	position: relative;
	left: 125px;
	width: 315px;
	margin: 0;
	padding: 0;
}

#facebook
{
	background: url(../i/b/fb_bg.png) no-repeat 50%;
	height: 110px;
	font-size: 14px;
	margin: -25px 0 0;
}

/* facebook end */

/* games categories */

#gameCats
{
	width: 980px;
	margin: auto;
	padding: 0 0 20px;
}

#gameCats li
{
	list-style: none;
	float: left;
	width: 12%;
	text-align: left;
	font-size: 12px;
}

/* games categories end */


/* home block */

#mBlock .bg
{
	height: 498px;
	background: url(../i/homeBlock.png) no-repeat;
}

#mBlock span.mask
{
	height: 267px;
	width: 269px;
	display: block;
	background: url(../i/mask.png) no-repeat;
	cursor: pointer;
}

#mBlock .pad { padding: 35px 32px 0; }

#mBlock
{
  margin: 0 -20px 25px;
  width: 652px;
  padding: 8px 0 0;
}

#profile.mBlock { margin: -10px -10px -21px; }
*>/**/body #profile.mBlock { margin-bottom: -41px; }

#profile.mBlock ul.nav li.sel
{
	background: url(../i/tab_sel_h.gif) no-repeat 50% 100%;
}

.newGames
{
	height: 21px;
	font-size: 11px;
	line-height: 20px;
}
#mBlock a.newGames:hover { background-position: 0 -21px; }
#mBlock a.newGames
{
	float: right;
	width: 93px;
	text-decoration: none;
	background: url(../i/new_games.gif) no-repeat;
	text-align: center;
}

#mBlock .blockInfo h3 { margin: -2px 0 2px; }
#mBlock .blockInfo h3 a { color: #ff921e; }
#mBlock .blockInfo h4 a { color: #fff; }
#mBlock .blockInfo h2 a { text-decoration: none; }
#mBlock .blockInfo h2 { padding: 0; font-size: 24px; }
#mBlock .blockInfo h2.stars
{
	padding-left: 22px;
	background: url(../i/bigStar.gif) no-repeat 0 100%;
}
#mBlock .blockInfo p.t { height: 55px; margin: 0; }
#mBlock .blockInfo
{
	height: 280px;
	width: 305px;
	float: right;
	font-size: 12px;
}

#mBlock .addBy a { color: #57baff; }
#mBlock .addBy a.link { color: #fff; }
#mBlock .addBy p { padding: 5px 0; }
#mBlock .addBy b { font: 18px Tahoma; }
#mBlock .addBy img { margin-right: 10px; }

#mBlock .addBy
{
	width: 251px;
	height: 46px;
	margin: -10px -12px 0;
	padding: 25px;
	background: url(../i/add_by.gif) no-repeat;
}
:root *> #mBlock .addBy { background-image: url(../i/add_by.png); }

#mBlock .champ
{
	background: url(../i/cham_bg.gif) no-repeat;
	padding-left: 90px;
	width: 186px;
}
:root *> #mBlock .champ { background-image: url(../i/cham_bg.png); }

#mBlock a.playOn
{
	display: block;
	height: 60px;
	line-height: 60px;
	width: 195px;
	text-decoration: none;
	background: url(../i/playOn.gif) no-repeat;
	padding-left: 53px;
	font-size: 18px;
	margin: -5px 0 0 40px;
}
:root *> #mBlock a.playOn { width: 145px; background-image: url(../i/playOn.png); }

* html .selectCont { margin-top: -3px; }

.selectCont
{
	background: url(../i/gp.gif) repeat-x 0 9px;
	margin: 5px -10px 0;
	width: 605px;
}

#selectCont
{
	width: 560px;
	overflow: hidden;
	height: 150px;
}

#selectArrL,
#selectArrR
{
	display: block;
	height: 22px;
	width: 10px;
	background: url(../i/arrsLR.gif) no-repeat;
	margin: 75px 5px 0;
}
#selectArrL.dis { background: url(../i/arrsLR.gif) no-repeat 0 -22px; }
#selectArrR { background: url(../i/arrsLR.gif) no-repeat 0 -44px; }
#selectArrR.dis { background: url(../i/arrsLR.gif) no-repeat 0 -66px; }

#selectGame
{
	height: 150px;
	list-style: none;
	width: 2260px;
}

#selectGame li.sel a,
#selectGame a:hover
{
	color: #7d7d7d;
	text-decoration: none;
}
#selectGame a { color: #ff921e; float: left; }
#selectGame li.sel { background: url(../i/sel_pic.gif) no-repeat 50% 0; }
* html #selectGame li { margin: 0 6px; }
#selectGame li
{
	height: 130px;
	width: 99px;
	float: left;
	margin: 0 7px;
	padding: 12px 0 0;
	text-align: center;
	font-size: 12px;
	display: inline;
}
* html #selectGame em { height: 22px; }
#selectGame em
{
	font-style: normal;
	display: block;
	height: 28px;
	cursor: pointer;
}
* html #selectGame a.pic span { background-image: url(../i/picBg.gif); }
#selectGame a.pic span
{
	height: 100px;
	width: 100px;
	display: block;
	background: url(../i/picBg.png) no-repeat;
	cursor: pointer;
}

* html #selectGame a.stars span { background-image: url(../i/picBgs.gif); }
#selectGame a.stars span { background: url(../i/picBgs.png) no-repeat; }

/* home block end */

/* cosmopolitan */

* html #cosmo { background-image: url(../i/c/bg.jpg); }
#cosmo
{
	width: 650px;
	height: 195px;
	background: url(../i/c/bg.png) no-repeat;
	margin: -25px -20px -10px;
}

#cosmo .cosmoL,
#cosmo .cosmoR
{
	width: 290px;
	height: 105px;
	display: inline;
}

#cosmo .cosmoL
{
	float: left;
	margin: 50px 0 0 30px;
}

#cosmo .cosmoL ul
{
	width: 80px;
	list-style: none;
	margin: 0 0 2px
}

* html #cosmo .cosmoL ul .sel a { background-image: url(../i/c/arr.gif) }
#cosmo .cosmoL ul .sel a
{
	color: #ffd380;
	background: url(../i/c/arr.png) no-repeat 100% -2px;
}
#cosmo .cosmoL ul a
{
	text-decoration: none;
	float: left;
	padding: 3px 16px 5px 0;
}

#cosmo .cosmoL div.fr h2
{
	font: bold 12px Arial;
	margin: 0;
}

#cosmo .cosmoL img.save { margin: 20px -6px 5px; }

#cosmo .cosmoL img.b
{
	border: 1px solid #fff;
	margin-right: 12px;
}


#cosmo .cosmoL div.fl
{
	width: 80px;
}


#cosmo .cosmoL div.fr
{
	width: 205px;
	height: 98px;
	padding: 0 0 4px;
}

#cosmo #cs_4 p.fr { padding: 5px 5px 0; }
#cosmo #cs_4 p.fr span { margin: 0 5px; }


#cosmo #cs_3 p.c { margin: -2px 0 0; }
#cosmo #cs_3 img { margin: 0 0 1px; }

/* cosmo right */

#cosmo .cosmoR
{
	float: right;
	margin: 50px 25px 0 0;
}

#cosmo .cosmoR a.fr
{
	padding-right: 25px;
	margin-top: 23px;
	width: 100px;
}

#cosmo .cosmoR img.b
{
	border: 1px solid #fff;
}

#cosmo .cosmoR a.cosmoLink
{
	margin: 36px 25px 0 0;
	width: 90px;
	height: 10px;
	float: right;
}

/* cosmo right end */

/* cosmopolitan end */

.newNavRibb img.new
{
position: absolute;
left: 20px;
top: 1px;
}

.newNavRibb
{
height: 42px;
background: url(/i/menu_bg.gif) repeat-x;
}

.newNavRibb ul
{
height: 41px;
width: 950px;
margin: auto;
border-left: 1px solid #202020;
}

.newNavRibb ul li a:hover
{
text-decoration: none;
background: #e45f15;
}

.newNavRibb ul li a
{
text-decoration: none;
}

.newNavRibb ul a img { margin-left: 2px; }
.newNavRibb ul li
{
height: 41px;
float: left;
list-style: none;
padding: 0 20px;
font: 12px/42px Tahoma;
border-right: 1px solid #202020;
}

#header .cont { height: 127px; }
#header.log .cont { height: 177px; }

h1.pageNewTitle a:hover { text-decoration: underline; }

h1.pageNewTitle a
{
color: #ff921e;
text-decoration: none;
}

h1.pageNewTitle
{
margin: 10px auto 0;
width: 950px;
text-align: left;
font: 14px Arial;
position: relative;
}

#right.homeTM { margin-top: 20px; }
#left.homeTM { margin-top: 30px; }

#header,
#header.log { margin-bottom: 0; }

#header.homePage { margin-bottom: -15px; }

/* news category */

#games .news .box1 { width: 290px; }
#games .news .box1 img.fl { margin-right: 12px; }
#games .news .row .box1 div.fl { width: 220px; }

/* news category end */


#comments .bg p.fl 
{
    word-break: break-all;
}

/* set the width to fix a falling to bottom line of the next element  */
#changePic p.fl { font-size: 11px; padding: 30px 0 0 30px; width: 190px; }


/* fix margin for center the picture */
#changePic div.fr {
    height: 85px;
    width: 97px;
    padding: 0;
    margin: 20px 5px 0;
    display: inline;
}

/*logos in footer*/
.footer_logos{
    width: 100%;
    min-width: 1000px;
     background: #fff;
}
.footer_logos > div{
    width: 990px;
    margin: 10px auto 0;
    padding: 10px 0 10px;
     height: 38px; 
    /*border-top: 1px solid #e5e5e5;*/
   
}
.footer_logos .netinfoLogo{
  float: left;

}
.footer_logos .mtgLogo{
  float: right;
  margin-top: 10px;
}
br.clear{
    clear: both;
    content: '';
}