* {
font-size:100.01%;
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h5,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
margin:0;
padding:0;
}

html,body {
height:100%;
min-height:100%;
width:100%;
}

body {
font-style:normal;
font-variant:normal;
font-weight:400;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:0.81em;
line-height:1.13em;
background-color:#f8f8f8;
color:#222;
position:relative;
}

h1,h2 {
font-size:1em;
}

:focus {
outline-width:1px;
outline-style:dotted;
}

p {
margin:5px 0 10px;
}

a {
color:#25A;
}

button {
outline:0;
}

a:visited {
color:#551A8B;
}

.clear {
clear:both;
height:1%;
}

div.main {
width:100%;
min-width:999px;
max-width:1400px;
top:0;
left:0;
margin:0 auto;
padding:0;
height:auto !important;
height:100%;
min-height:100%;
}

/*html>body, html>body .main {
  height: auto;
}*/
.header {
width:100%;
height:160px;
clear:both;
position:relative;
margin:0;
padding:0;
float:left;
}

.header .layot {
float:left;
width:100%;
}

.header .logo {
float:left;
height:160px;
margin-left:-100%;
width:380px;
z-index:10;
padding:0;
}

.header .logo h1 {
color:#383431;
font-weight:400;
height:103px;
line-height:80px;
margin:30px 0 0 20px;
padding:0;
width:292px;
}

.header .logo h1 a,.header .logo h1 a:visited {
color:#383431;
display:block;
height:93px;
line-height:80px;
text-decoration:none;
width:282px;
margin:0;
padding:5px;
font-size:1.46em;
}

.header .logo h1 a img {
border:0 none;
font-size:2.15em;
margin:0;
}

.header .logo h1 a b {
display:none;
font-size:10px;
}

.header #loading {
background-color:transparent;
color:#fff;
display:block;
font-size:0.92em;
position:fixed;
right:20px;
top:5px;
text-align:center;
z-index:1001;
padding:0;
margin:0;
width:205px;
}

.header #loading:after {
content:'';
display:block;
clear:both;
}

.header #loading .bar {
width:170px;
float:right;
display:block;
clear:both;
margin:5px 0;
background-color:#000;
color:#fff;
margin:0 0 2px;
padding:7px 20px 7px 10px;
font-weight:700;
position:relative;
border:1px solid #333;
}

.header #loading .bar.warn {
background-color:#006EE6;
}

.header #loading .bar.succ {
background-color:#093;
}

.header #loading .bar.err {
background-color:#c30;
}

.header #loading .bar span {
  font-size:1em;
}

.header #loading .bar dfn {
color:#fff;
cursor:pointer;
display:block;
font-family:Tahoma, Arial, sans-serif;
font-size:0.83em;
font-style:normal;
line-height:1.25em;
padding:4px;
position:absolute;
right:0;
top:0;
width:10px;
}


/* menu */
.header .menu {
height:160px;
margin-left:380px;
overflow:hidden;
}

.header .menu .links {
float:left;
list-style-type:none;
position:relative;
width:100%;
height:18px;
padding:75px 0 0;
}

.header .menu .links li {
float:left;
position:relative;
padding:0 5% 0 3%;
}

.header div.lang {
font-size:0.9em;
position:absolute;
right:20px;
top:3px;
z-index:1;
}

.header div.lang span {
padding:1px 5px 2px;
}

.header div.lang span.cur {
background-color:#aaa;
color:#fff;
}

.header div.lang span a {
color:#333;
}

.header .menu .links a {
display:block;
float:left;
color:#000;
height:16px;
letter-spacing:1px;
line-height:16px;
font-size:13px;
border-bottom:1px dotted #000;
text-decoration:none;
margin:0;
padding:0;
}

.header .menu .links a.blog {
border-bottom:1px solid #999;
}

.header .menu .links a:hover {
border-bottom:0 none;
}

#user-info {
float:left;
width:200px;
right:20px;
display:none;
position:absolute;
}

#user-info .panel {
font-size:11px;
text-align:left;
padding:47px 0 0;
}

#user-info .panel dl {
float:right;
padding:7px 0 0;
}

#user-info .panel dl dt {
font-size:12px;
line-height:15px;
font-weight:700;
}

#user-info .panel dl dd {
font-size:12px;
line-height:22px;
}

#user-info .panel dl a,#user-info .panel dl a:visited {
border-bottom:1px dotted #000;
color:#000;
font-size:12px;
text-decoration:none;
}

#user-info .panel a.userpic {
display:block;
float:right;
width:50px;
height:50px;
text-align:center;
margin:10px 10px 0 0;
}

#user-info .panel a.userpic img {
border:0 none;
padding:1px;
}

.content {
width:100%;
float:left;
}

.options {
float:left;
margin-left:-100%;
width:270px;
min-height:150px;
padding:10px 10px 20px 20px;
}

.options .timer {
font-family:Georgia;
text-align:center;
color:#e02100;
font-size:45px;
line-height:45px;
display:none;
padding:20px 0;
}

.options .tips {
color:#383431;
font-size:12px;
margin:0;
padding:0;
position:relative;
z-index:100;
}

.options .tips ol {
margin-left:20px;
}

.options .tips ol li {
padding:3px 0;
}

.options .buttons {
padding:0 0 20px;
position:relative;
}

.options .buttons .btns {
width:240px;
height:65px;
margin:10px 0 0 15px;
}

.options .buttons label {
float:left;
font-size:11px;
}

.options .buttons select {
background-color:#F8F8F8;
border:1px solid #999;
float:right;
font-size:12px;
height:20px;
margin:5px 0 10px;
}

.options .buttons select option {
font-size:11px;
}

.options .buttons button {
background:#e1e1e1 url(images/btn.png) top right no-repeat;
border:1px solid #aaa;
float:left;
color:#333;
height:25px;
line-height:25px;
text-align:center;
cursor:pointer;
display:block;
width:107px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
margin:0;
padding:1px 0 3px;
}

.options .buttons button#play {
clear:left;
margin:0 0 15px
}

.options .buttons button#pause {
float:right;
margin:0 0 15px
}

.options .buttons button#reset {
float:right;
}

.options .buttons button#stop {
clear:left;
display:none;
}

.ch_level {
margin:0;
padding:5px;
}

.ch_level .slot {
clear:both;
height:30px;
line-height:30px;
text-align:right;
width:260px;
}

.ch_level .slot label {
font-size:13px;
color:#000;
float:left;
padding-left:10px;
font-weight:700;
}

.ch_level .slot select {
width:145px;
}

#game_info {
display:none;
position:absolute;
width:350px;
border:1px solid #444;
background-color:#fff;
left:50%;
top:50%;
margin:-151px 0 0 -186px;
padding:10px 20px;
z-index: 2001;
font-size:13px;
}

#game_info .text {
color:#333;
font-size:14px;
}

#game_info .game {
border-top:1px solid #ccc;
height:30px;
padding:10px 0 0;
}

#game_info .game dl {
width:50%;
float:left;
}

#game_info .game dt {
float:left;
padding-right:5px;
}

#game_info .game dd {
float:left;
}

#game_info .time {
padding:0;
height:110px;
}

#game_info .time label {
margin:2px 0 5px;
display:block;
}

#game_info .time div#best_time {
background:url(images/time.png) repeat-x 0 0;
height:18px;
}

#game_info .time div.current {
background:url(images/time.png) repeat-x 0 -54px;
height:18px;
}

#game_info .time div#best_time,
#game_info .time div.current {
background-color:#ccc;
color:#fff;
font-size:12px;
height:15px;
line-height:18px;
margin:5px 0 15px;
padding:0 5px 3px;
position:relative;
}

#game_info .time div.current span {
position:relative;
z-index:2003;
}

#game_info .time div#current_time {
position:absolute;
left:0;
top:0;
height:18px;
z-index:2002;
width:0px;
background:url(images/time.png) repeat-x 0 -36px;
width:220px;
}

#game_info .time div#current_time.d {
background:url(images/time.png) repeat-x 0 -18px;
width:350px;
}

#game_info .data {
padding:5px 0;
height:55px;
}

#game_info .data dl {
width:37%;
float:left;
font-size:14px;
}

#game_info .data dl#pos_end {
width:26%;
}

#game_info .data dt {
line-height:25px;
}

#game_info .data dd {
line-height:30px;
font-size:16px;
}

#game_info .data dd sup.u {
font-size:11px;
padding:0 2px;
color:#090;
}

#game_info .data dd sup.d {
font-size:11px;
padding:0 2px;
color:#f30;
}

#game_info .words {
border-top:1px solid #ccc;
padding:10px 0 0;
}

#game_info .words h3 {
margin-bottom:10px;
font-weight:400;
}

#game_info .words p {
line-height:140%;
margin:5px 0;
}

#game_info .words p#w_author {
font-style:italic;
margin:0 0 5px;
}

#game_info .enter {
padding:10px 0 0;
height:20px;
border-top:1px solid #ccc;
}

#game_info .enter a#new_user,
#game_info .enter a#enter_user {
color:#333;
float:left;
text-decoration:none;
border-bottom:1px dotted #333;
}

#game_info .enter a#enter_user {
float:right;
}

#game_info #close_info {
display:block;
width:16px;
height:16px;
position:absolute;
right:10px;
top:10px;
z-index:2001;
background:url(images/time.png) no-repeat 0 -72px
}


#game_sinfo {
clear:left;
display:none;
margin:0;
padding-left:15px;
}


#game_sinfo label {
width:135px;
display:block;
float:left;
font-size:11px;
}

#game_sinfo span {
color:#2088F3;
display:block;
float:right;
font-size:11px;
text-align:right;
width:90px;
padding:0 1px 0 0;
}

/* field */
.field {
min-height:465px;
position:relative;
margin:0 270px 20px 300px;
}

.field .base {
width:411px;
height:411px;
position:relative;
font-family:Verdana,Arial,Helvetica,sans-serif;
border:1px solid #ddd;
margin:5px auto 0;
padding:5px;
-moz-user-select:none;
}

.field .base .fon {
width:421px;
height:421px;
position:absolute;
z-index:100;
display:block;
left:0;
top:0;
background:#f8f8f8;
}

.field .base .fon b {
background:transparent url(images/back.png) no-repeat scroll 0 0;
height:145px;
left:58px;
position:relative;
text-indent:-9999px;
top:145px;
width:318px;
display:block;
}

.field .base .square {
width:135px;
height:135px;
background-color:#ccc;
position:relative;
float:left;
border:1px solid #666;
margin:0;
}

.field .base .square .num {
width:44px;
height:44px;
float:left;
position:relative;
text-align:center;
z-index:10;
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
font-size:1.54em;
}

.field .base .square .num .pole {
width:44px;
height:44px;
color:#333;
line-height:44px;
cursor:pointer;
position:relative;
z-index:9;
font-size:1em;
}

.field .base .square .num .pole.row,.field .base .square .num .pole.col {
background-color:#ddd;
}

.field .base .square .num .pole.cond {
cursor:default;
}

.field .base .square .num .change {
width:45px;
height:45px;
display:none;
font-size:0.45em;
position:absolute;
top:0;
left:0;
z-index:10;
}

.field .base .square .num .change.show {
display:block;
}

.field .base .square .num .change i {
background-color:#efefef;
cursor:pointer;
display:block;
width:15px;
height:15px;
float:left;
font-style:normal;
line-height:15px;
}

.field .base .square .num .change i:hover {
background-color:#999;
color:#fff;
}

.field .base .square .num .change i.b {
background-color:#666;
color:#fff;
}

.field .base .square .num b {
width:15px;
height:15px;
position:absolute;
right:0;
top:0;
display:none;
cursor:pointer;
color:#666;
font-size:0.45em;
z-index:11;
padding:2px;
}

.field .texts {
line-height:150%;
color:#383431;
font-size:12px;
position:relative;
display:none;
background-color:#e9e9e9;
padding:5px 10px 0;
}

.field #texts.texts {
padding:0 0 10px;
}

.field .texts #t_hist,.field .texts #t_right {
margin:0px 10px;
}

.field .texts #t_hist acronym {
cursor:help;
}

.field .texts #t_right p strong,.field .texts #t_right p b,.field .texts #t_hist p b,.field .texts #t_hist p strong {
cursor:help;
font-weight:400;
border-bottom:1px dotted #666;
}

.field .texts #t_train {
text-align:center;
padding:15px 0 5px;
}                         

.field .texts .user_info {
width:210px;
float:left;
position:relative;
padding:5px 0 10px;
}

.field .texts .user_info img {
padding:1px;
}

.field .texts .user_info dt {
font-size:18px;
line-height:27px;
}

.field .texts .user_info dd.up {
display:block;
height:50px;
width:50px;
float:left;
text-align:center;
margin:0 10px 0 0;
}

.field .texts #user_info {
display:none;
margin-bottom:15px;
}

.field .texts .results {
float:right;
height:55px;
position:relative;
white-space:nowrap;
width:190px;
margin-bottom:5px;
}

.field .texts .results .rate {
float:right;
padding:0;
}

.field .texts .results .ball {
margin-right:10px;
float:right;
padding:0;
}

.field .texts .results .rate dt,.field .texts .results .ball dt {
font-size:12px;
line-height:18px;
text-align:left;
}

.field .texts .results .rate dd,.field .texts .results .ball dd {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#333;
color:#fff;
font-size:18px;
padding:3px 5px 4px;
}

.field .texts .detail {
clear:both;
padding:0;
border-bottom:1px solid #ccc;
}

.field .texts .detail div {
padding-left:21px;
line-height:16px;
margin-bottom:8px;
}

.field .texts .detail div a {
color:#333;
}

.field .texts .detail div.fn {
padding:0;
}

.field .texts .male,
.field .texts .female {
float:left;
height:16px;
line-height:16px;
padding-left:5px;
width:16px;
background:transparent url(images/dtl.png) no-repeat scroll 0 0px;;
}

.field .texts .unk,
.field .texts .male.unk,
.field .texts .female.unk {
display:none;
}

.field .texts .female {
background:transparent url(images/dtl.png) no-repeat scroll 0 -16px;;
}

.field .texts .icq {
background:transparent url(images/dtl.png) no-repeat scroll 0 -32px;;
}

.field .texts .sk {
background:transparent url(images/dtl.png) no-repeat scroll 0 -48px;;
}

.field .texts .lj {
background:transparent url(images/dtl.png) no-repeat scroll 0 -64px;;
}

.field .texts .tw {
background:transparent url(images/dtl.png) no-repeat scroll 0 -80px;;
}

.field .texts .bd {
background:transparent url(images/dtl.png) no-repeat scroll 0 -96px;;
}

.field .texts .site {
background:transparent url(images/dtl.png) no-repeat scroll 0 -112px;;
}

.field .all_stat_list {
width:44%;
float:left;
margin:5px;
}

.field .pages {
border-top:1px solid #aaa;
clear:both;
height:25px;
width:100%;
margin:10px 0;
padding:10px 0;
}

.field .pages li {
list-style-type:none;
float:left;
}

.field .pages li.page {
float:right;
}

.field .pages li a,
.field .pages li span {
float:left;
font-size:12px;
line-height:20px;
margin-top:2px;
color:#666;
padding:0 7px 1px;
}

.field .pages li a.cpage {
color:#000;
text-decoration:none;
font-weight:700;
}

.field .all_stat_list li {
list-style-type:none;
font-size:13px;
padding:1px 3px 0 10px;
}

.field .all_stat_list li.line {
background-color:#eee;
}

.field .all_stat_list li.top {
background-color:#eee;
border-bottom:1px solid #333;
}

.field .all_stat_list li b {
font-weight:400;
padding:1px 1px 0 5px;
}

.field .all_stat_list li sup {
font-size:10px;
}

.field .profile {
line-height:150%;
color:#383431;
font-size:12px;
position:relative;
display:none;
background-color:#E9E9E9;
padding:5px 10px 10px 15px;
}

.field .profile h2,.field .texts h2 {
color:#000;
font-size:18px;
font-style:italic;
margin:0px;
padding:10px 0 15px;
}

.field .texts p {
padding:0 5px;
}

.field .texts p dfn {
padding:0 10px;
}

.field .profile h3 {
background:#eee none repeat scroll 0 0;
border:1px solid #ccc;
clear:both;
height:20px;
margin:5px 0 0;
}

.field .profile h3 a {
color:#333;
display:block;
font-size:13px;
font-style:italic;
height:22px;
line-height:17px;
padding:0 10px;
text-decoration:none;
}

.field .profile h3 a span.fl {
float:left;
}

.field .profile h3 a span.fr {
float:right;
}

.field .profile .block {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:10px 10px 5px;
}

.field .profile .block div {
margin-bottom:10px;
}


.field .profile .block h4 {
margin:0 0 5px;
border-bottom:1px solid #cfcfcf;
clear:both;
}

.field .profile .block p span.code {
font-size:10px;
color:#666;
}

.field .profile .block #upload_start {
border:0 none;
background:#e1e1e1 url(images/btn.png) no-repeat scroll 0 0;
clear:right;
color:#333;
font-size:11px;
font-weight:700;
height:25px;
line-height:25px;
text-align:center;
width:107px;
cursor:pointer;
margin:10px 0;
padding:0;
}

.field .profile .block .ub {
float:left;
height:48px;
width:48px;
margin:0 15px 0 0;
}

.field .profile .block label {
display:block;
float:left;
clear:left;
font-weight:700;
text-align:left;
width:110px;
padding:5px 0 0;
}

.field .profile .block .label {
width:150px;
float:left;
display:block;
}

.field .profile .end, .field .profile .begin {
color:#777;
font-size:11px;
line-height:23px;
vertical-align:middle;
}

.field .profile .block .label .name {
width:110px;
float:left;
display:block;
}

.field .profile .block .label .begin {
display:block;
float:right;
text-align:right;
width:40px;
}


.field .profile .block input {
border:1px solid #999;
font-size:11px;
width:143px;
padding:3px 2px;
margin:5px 0;
float:left;
}


.field .profile .block button {
background:#e1e1e1 url(images/btn.png) no-repeat scroll 0 0;
border:0 none;
clear:both;
float:left;
color:#333;
cursor:pointer;
font-size:11px;
font-weight:700;
height:25px;
line-height:25px;
text-align:center;
width:107px;
margin:5px 0 0 110px;
padding:0;
}

.field .profile .block select,
.field .profile .block textarea {
background-color:#F8F8F8;
border:1px solid #999;
float:left;
font-size:12px;
height:20px;
margin:5px 0;
width:149px;
}

.field .profile .block textarea {
height:70px;
width:250px;
}

.field .lnk_game {
height:22px;
margin:0;
padding:0;
}

.field #digits {
text-align:center;
height:30px;
display:none;
padding:9px 0 0;
}

.field #digits b {
color:#000;
cursor:default;
line-height:24px;
margin:0 2px;
padding:3px 10px;
}

.field #digits b.up {
color:#ccc;
}

.field a#back_game,.field a#lnk_all_rate,.field a#lnk_all_stat,.field a#lnk_all_user {
display:none;
font-size:13px;
z-index:100;
right:30px;
top:15px;
text-decoration:none;
cursor:pointer;
color:#666;
float:right;
text-align:center;
line-height:18px;
margin:0;
padding:2px 8px;
}

.field a#lnk_all_rate,.field a#lnk_all_stat,.field a#lnk_all_user {
float:left;
display:none;
margin:0 0 1px;
}

.field a#lnk_all_rate.cur,.field a#lnk_all_stat.cur,.field a#lnk_all_user.cur {
background-color:#E9E9E9;
color:#000;
}

/* sidebar */
.sidebar {
float:left;
margin-left:-270px;
width:270px;
position:relative;
}

.empty_inner {
height:22px;
clear:both;
}

.sidebar .enter,.sidebar .auth {
padding-right:20px;
display:none;
}

.sidebar .rate{
display:block;
padding:0 20px 10px 10px;
}

.sidebar .rate.avb {
display:block;
}

.sidebar .rate .sponsors {
margin:0 auto;
width:200px;
}


.sidebar .rate.one {
margin-top:40px;
}

.sidebar h2,.options h2 {
font-family:Georgia, serif;
font-weight:700;
font-style:italic;
font-size:24px;
text-align:right;
line-height:24px;
margin:10px 0 15px;
}

.sidebar h2#avb-title {
margin:10px 0;
}

.options h2 {
text-align:left;
margin:0 0 15px;
padding:0;
}

.options #ltips {
display:block;
left:80px;
position:absolute;
text-decoration:none;
top:0px;
padding:0;
}

.options #ltips a {
color:#666;
border-bottom:1px dotted #666;
font-style:italic;
font-size:11px;
line-height:14px;
text-decoration:none;
font-family:Georgia, serif;
}

.options #ltips #tips {
background-color:#fff;
border:1px solid #aaa;
color:#333;
display:none;
left:0;
position:absolute;
top:14px;
width:200px;
z-index:100;
padding:5px 10px;
}

.sidebar a#rating_reload {
border-bottom:1px dotted #666;
clear:right;
color:#666;
cursor:pointer;
display:block;
float:right;
font-size:10px;
height:15px;
line-height:15px;
text-decoration:none;
margin:0 0 2px;
padding:1px 1px 0;
}

.sidebar .fi {
clear:both;
text-align:right;
line-height:30px;
}

.sidebar .fi label {
font-weight:700;
float:left;
padding:0 5px 0 10px;
}

/*
.sidebar div label.warn {
  background:url(images/valid.png) 87px 0 no-repeat;
}

.sidebar div label.valid {
  background:url(images/valid.png) 87px -16px no-repeat;
}*/
.sidebar div input {
font-size:12px;
border:solid 1px #999;
width:133px;
margin:2px 0 20px 0;
padding:4px 2px;
}

.sidebar .auth button,.sidebar .enter button {
clear:both;
text-align:center;
cursor:pointer;
background:#e1e1e1 url(images/btn.png) top right no-repeat;
border:1px solid #aaa;
color:#333;
height:25px;
line-height:25px;
width:107px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
padding:1px 0 3px;
}

.sidebar div p {
clear:both;
font-size:12px;
margin:15px 0 0;
padding:4px 0 0;
text-align:right;
}

.sidebar div p a {
color:#000;
font-size:12px;
padding-bottom:1px;
border-bottom:1px dotted #000;
text-decoration:none;
}

.sidebar .rate ol {
width:140px;
float:right;
margin:0 10px 0 45px;
padding:0;
}

.sidebar .rate ol li {
width:140px;
text-align:left;
float:left;
margin:2px 0;
}

.list-rate {
clear:both;
width:240px;
}

.list-rate.game {
margin:0;
}

.list-rate.all {
width:100%;
margin:0 0 10px;
}

.list-rate tr th {
text-align:left;
font-size:13px;
font-weight:700;
color:#000;
padding:1px 1px 10px;
}

.list-rate tr th.time {
width:40%;
}

.list-rate tr td {
border-bottom:1px solid #ddd;
font-size:13px;
line-height:30px;
padding:1px 2px;
}

.list-rate tr td.s {
font-size:12px;
}

.list-rate tr td.sd {
font-size:11px;
}

.list-rate tr td sup {
color:#279800;
font-size:11px;
}

.list-rate tr td sup.r {
color:#005CE6;
}

.list-rate tr td sup.p {
color:#E02100;
}

.list-rate tr.full td {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
font-size:13px;
padding:10px 0 5px;
}

.list-rate tr.full td b {
display:inline;
float:none;
font-style:normal;
}

.list-rate tr.end td {
border-bottom:0 none;
border-top:1px solid #aaa;
font-weight:700;
padding-top:10px;
}

.list-rate tr.first td {
border-top:1px solid #aaa;
}

.list-rate tr.lv td {
border:0 none;
font-weight:700;
padding:15px 0 0;
}

.list-rate tr td img {
display:block;
float:left;
margin-right:2px;
}

.list-rate tr td span {
display:block;
float:left;
height:24px;
margin-right:5px;
text-align:center;
width:24px;
}

.list-rate tr td span img {
border:0 none;
float:none;
display:inline;
margin:0;
padding:0;
}

.list-rate tr td a b,.list-rate tr td b.u {
font-weight:400;
}

.list-rate tr td i,.list-rate tr td b {
display:block;
float:left;
font-style:normal;
line-height:24px;
height:24px;
}

.list-rate tr td i {
clear:left;
margin:0 3px;
}

.list-rate tr td i.user {
cursor:pointer;
}

.list-rate tr td a {
color:#000;
text-decoration:none;
line-height:24px;
height:24px;
}

.list-rate tr td a.v1 b {
color:#D84C00;
}

.list-rate tr td a.v2 b {
color:#279800;
}

.list-rate tr td a.v3 b {
color:#005CE6;
}

.list-rate tr td a.v4 b {
color:#222;
}

.list-rate tr.user td a b {
color:#fff;
}

.list-rate tr.user td a:hover b {
color:#9CF320;
}

#chat {
clear:both;
min-height:100px;
margin:0;
}

#chat .message {
clear:both;
margin:0 0 10px 10px;
}

#chat .message .user {
height:24px;
margin:0;
padding:1px 3px 1px 0;
}

#chat .message .user.admin a {
color:#05082f;
}

#chat .message .user span {
width:24px;
height:24px;
margin-right:5px;
float:left;
text-align:center;
}

#chat .message .user span img {
border:0 none;
float:none;
display:inline;
margin:0;
padding:0;
}

#chat .message .user a {
float:left;
font-size:12px;
color:#333;
line-height:24px;
text-decoration:none;
font-weight:700;
}

#chat .message .user b {
font-size:10px;
font-weight:400;
color:#999;
float:right;
line-height:24px;
}

#chat .message .text {
clear:left;
font-size:11px;
line-height:15px;
}

#chat #form-comment {
border-top:1px solid #ccc;
clear:both;
height:20px;
padding:10px 0 0;
margin-left:10px;
}

#chat #form-comment input {
width:215px;
clear:left;
margin-bottom:3px;
float:left;
height:16px;
line-height:16px;
background:#fff;
border:1px solid #999;
padding:0;
font-size:12px;
}

#chat #form-comment button {
border:0 none;
color:#000;
background-color:#cfcfcf;
float:right;
height:20px;
margin:0;
cursor:pointer;
width:30px;
}

#chat h2 {
height:24px;
}

#chat h2 span {
float:left;
height:24px;
}

#chat h2 span.arr {
float:right;
color:#666;
}

#chat h2 span a {
font-size:14px;
text-decoration:none;
color:#000;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-style:normal;
font-weight:400;
margin:0 1px;
padding:2px;
}

#chat h2 span a.ds {
color:#999;
}

#chat h2 span a#cm_reload {
font-size:10px;
color:#666;
border-bottom:1px dotted #666;
margin:0;
padding:0;
}

.un_footer {
width:100%;
clear:both;
height:9px;
position:relative;
}

/* footer */
.footer {
position:relative;
height:22px;
line-height: 22px;
vertical-align:middle;
width:100%;
min-width:999px;
margin:-22px auto 0;
max-width:1400px;
}

.counter {
padding:0 20px;
height:22px;
}

.counter #c_li {
float:left;
height:15px;
margin-right:15px;
width:65px;
}

.counter #send_error,.counter #video_train,.counter #bookmark {
border-bottom:1px dotted #666;
color:#666;
float:left;
font-size:12px;
height:16px;
line-height:15px;
margin:0 10px;
text-decoration:none;
}

.counter #video_train {
left:235px;
}

.counter #bookmark {
left:355px;
}

.vbox {
background-color:#fff;
border:1px solid #333;
bottom:25px;
font-size:12px;
height:300px;
left:10px;
position:absolute;
width:350px;
z-index:2001;
display:none;
padding:5px;
}

.vbox#bookmark_box {
left:380px;
width:330px;
height:160px;
}

.vbox label {
display:block;
float:left;
font-weight:700;
text-align:right;
width:100px;
font-size:12px;
line-height:140%;
padding:5px 0 0;
}

.vbox input {
border:1px solid #999;
float:left;
font-size:13px;
width:235px;
margin:2px 0 5px 5px;
padding:4px 2px;
}

.vbox textarea {
border:1px solid #999;
float:left;
font-size:13px;
font-family:Verdana,Arial,Helvetica,sans-serif;
height:130px;
width:235px;
margin:2px 0 0 5px;
padding:4px 2px;
}

.vbox button {
background:#e1e1e1 url(images/btn.png) no-repeat scroll 0 0;
border:1px solid #aaa;
color:#333;
float:right;
font-size:11px;
font-weight:700;
height:25px;
line-height:25px;
text-align:center;
width:107px;
cursor:pointer;
margin:10px 5px 0 20px;
padding:1px 0 3px;
}

.vbox p {
margin:3px 5px 12px;
}

.vbox p.warn {
border-bottom:1px dashed #ddd;
font-size:11px;
line-height:15px;
padding-bottom:10px;
}

.vbox a {
border-bottom:1px dotted #666;
bottom:2px;
color:#666;
font-size:12px;
height:15px;
line-height:15px;
text-decoration:none;
}

.vbox ul {
clear:both;
height:50px;
width:320px;
margin:10px 5px 1px;
}

.vbox ul li {
width:16px;
height:16px;
list-style-type:none;
float:left;
display:block;
margin:2px 5px 10px;
padding:0;
}

.vbox ul li a {
width:16px;
height:16px;
border:0;
display:block;
background:url(images/bm.png) no-repeat 0 0;
margin:0;
padding:0;
}

.vbox input#bkm_email {
border:1px solid #999;
float:left;
font-size:12px;
height:16px;
line-height:20px;
width:200px;
margin:0;
padding:1px 2px;
}

.vbox label.bkm {
font-size:11px;
font-weight:400;
line-height:20px;
text-align:left;
width:85px;
padding:0 5px 0 3px;
}

.vbox button#send-invite {
background:#222 none repeat scroll 0 0;
border:1px solid #333;
color:#fff;
cursor:pointer;
float:right;
height:20px;
width:30px;
margin:0 5px 0 0;
}

.vbox a#bkm_cancel {
display:block;
float:right;
font-size:10px;
margin-right:5px;
padding:1px 0;
}

#m_over {
background-color:#333;
height:100%;
left:0;
position:absolute;
display:none;
top:0;
width:100%;
z-index:2000;
}

#m_box {
position:absolute;
left:50%;
top:50%;
background-color:#fff;
border:2px solid #444;
z-index:2001;
display:none;
padding:0;
}

#m_box #m_box_title {
text-align:center;
background-color:#333;
color:#fff;
padding:3px 10px;
}

#m_box #m_box_text {
color:#333;
line-height:150%;
font-size:14px;
cursor:default;
padding:10px;
}

#m_box .buttons {
clear:both;
width:235px;
height:25px;
margin:5px auto 10px;
}

#m_box .buttons button {
background:#fff url(images/btn.png) no-repeat scroll 0 0;
border:1px solid #aaa;
color:#333;
font-size:11px;
font-weight:700;
height:25px;
line-height:25px;
text-align:center;
width:107px;
cursor:pointer;
margin:0 5px;
padding:1px 0 3px;
}

.version {
bottom:10px;
color:#666;
float:right;
font-size:12px;
line-height:20px;
text-align:right;
width:400px;
}

#noscript {
display:block;
background-color:#000;
color:#fff;
position:absolute;
top:1px;
width:96%;
z-index:99999;
margin:0 2%;
padding:0;
}

#noscript div {
font-size:20px;
line-height:150%;
padding:20px;
}

#user-info .panel dl a:hover,.field .profile .block img.userpic,#chat h2 span a#cm_reload:hover {
border:0 none;
}

#user-info .panel a#exit,.list-rate tr td a.v5 b,.version a {
color:#666;
}

.options .buttons button:active,#m_box .buttons button:active {
color:#000;
}

.options .buttons button#reset,.options .buttons button#pause,.field .base #base_sudoku,.field .profile .block.hide,.field .profile .block #upload,#chat .message.hd {
display:none;
}

.list-rate tr.user td {
background-color:#333;
color:#fff;
}

.field .texts .user_info dd,.list-rate tr td.rec {
font-size:12px;
}

.field .profile .block input:focus,.sidebar div input:focus,.vbox input:focus,.vbox textarea:focus {
outline-width:0;
outline-style:none;
border:1px solid #000;
}

.sidebar a#rating_reload:hover,.counter #send_error:hover,.counter #video_train:hover,.counter #bookmark:hover {
border-bottom:1px dotted #fefefe;
}

.sidebar .auth div button:active,.sidebar .enter div button:active,.vbox button:active {
color:#000;
}

.list-rate tr td a:hover b,#chat .message .user a:hover {
color:#E02100;
}

.sidebar div p a:visited {
color:#666;
font-size:13px;
}

.list-rate tr th.noh,.list-rate.game tr th {
line-height:0;
font-size:0;
}

head:first-child+body div.content,
head:first-child+body div.sidebar,
head:first-child+body div.field {
  padding-bottom:10px;
}

/* tips */
.tip {
color: #000;
width: 155px;
z-index: 13000;
border:1px solid #eaead3;
background-color:#f5f5ea;
}

.tip-title {
font-weight:700;
font-size: 11px;
margin: 0;
color: #000;
padding: 8px 8px 4px;
}

.tip-text {
font-size: 11px;
padding: 4px 8px 8px;
}

.tip-text img {
padding:3px 0;
}


/* select cusstom style */
a.simplifica {
display: block;
width: 143px;
height:20px;
font-size:12px;
text-decoration: none;
cursor: default;
color: #000;
border: 1px solid #999;
float:right;
text-align:left;
line-height:20px;
margin:5px 0 10px;
}

a.simplifica div {
color:#000;
background: url(/images/arr.png) no-repeat right 0;
padding: 2px 0 0 0;
height: 18px;
_height: 20px;
overflow: hidden;
margin-left: 7px;
-moz-user-select: none;
line-height:18px;
}

a.simplifica:hover,
a.simplifica:focus,
a.simplifica:active {
border: 1px solid #000;
}

ul.simplifica {
width: 143px;
list-style: none;
margin: 0;
padding: 0;
border: 1px outset #333;
cursor: default;
display: none;
right:1px;
top:0px;
position:relative;
}

ul.simplifica li {
-moz-user-select: none;
padding: 3px 0 3px 7px;
_padding: 0 0 0 5px;
color: #333;
font-size:12px;
background: #fff;
text-decoration: none;
cursor: default;
text-align:left;
line-height:15px;
}

ul.simplifica li.selected {
background-color:#333;
color:#fff;
}

a.simplifica:hover div,
a.simplifica:focus div,
a.simplifica:active div {
background: url(/images/arr.png) no-repeat right -18px;
}