* {margin: 0; padding: 0; font-size: 1em; list-style: none;}
img {display: block; border: none;}
input.it, input.button, textarea, button, select {outline: none;
    font: 1em Arial, 'Nimbus Sans L', sans-serif;}
.hidden {display: none;}

body {background: #f3f2ec url(/i/bg.gif) repeat; color: #000;
	font: 80% Arial, 'Nimbus Sans L', sans-serif;}
a {color: #000;}

#wr1 {float: left; width: 100%; background: url(/i/bg_rt.jpg) repeat-x;}
#wr2 {float: left; width: 910px; background: url(/i/bg_footer.gif) repeat-y;}

#logo {width: 370px; height: 216px; padding-top: 54px; background: url(/i/bg_logo.jpg) no-repeat;}
#mutations {position: absolute; top: 0; left: 370px; width: 512px; height: 373px; padding: 54px 0 0 28px;
	background: url(/i/bg_mutations.jpg) no-repeat;}

#wtf {position: relative; float: left; width: 370px; min-height: 567px; padding-bottom: 20px;
	background: url(/i/bg_wtf.jpg) no-repeat;}

#idea {width: 239px; padding: 107px 70px 15px 61px; font-size: 1em;}
#idea img {position: absolute; top: 19px; left: 61px; width: 77px; height: 73px;}

#pnr {width: 288px; padding: 0 25px 0 57px;}
#pnr #tabs li {position: relative; float: left; height: 33px; cursor: pointer;}
#pnr #tabs #t_players {width: 117px;}
#pnr #tabs #t_rules {width: 108px;}
#pnr #tabs i {position: absolute; top: 0; left: 0; height: 33px;}
#pnr #tabs #t_players i {width: 117px; background: url(/i/bg_players_on.en.gif) no-repeat;}
#pnr #tabs #t_rules i {width: 108px; background: url(/i/bg_rules_off.en.gif) no-repeat;}
#pnr #tabs #t_players.off i {background: url(/i/bg_players_off.en.gif) no-repeat;}
#pnr #tabs #t_rules.on i {background: url(/i/bg_rules_on.en.gif) no-repeat;}
body.ru #pnr #tabs #t_players i {background-image: url(/i/bg_players_on.ru.jpg);}
body.ru #pnr #tabs #t_rules i {background-image: url(/i/bg_rules_off.ru.jpg);}
body.ru #pnr #tabs #t_players.off i {background-image: url(/i/bg_players_off.ru.jpg);}
body.ru #pnr #tabs #t_rules.on i {background-image: url(/i/bg_rules_on.ru.jpg);}

#players, #rules {clear: both;}

#players {padding: 10px 10px 0;}
#players span {border-bottom: 1px dashed; cursor: pointer;}
#players_details .n {margin-bottom: 0.5em; font-weight: bold;}
#players_details .s {margin: 0.5em 0;}
#back {width: 88px; height: 46px; overflow: hidden; margin: 1em auto;
	background: url(/i/but_back.gif) no-repeat; text-indent: 90px; cursor: pointer;}

#rules {background: #000 url(/i/bg_rules_m.jpg) 0 35px repeat-y;}
#rules .i {padding: 0; height: auto; background: url(/i/bg_rules_t.jpg) no-repeat;}
#rules .ii {padding: 20px; background: url(/i/bg_rules_b.jpg) 0 100% no-repeat; color: #fff;}

#rules p {margin: 0.5em 0;}
#rules ul {margin: 0.5em 0 0.5em 2em;}
#rules li {margin: 0.5em 0; list-style-type: disc;}
#rules a {color: #fff;}

#req {float: right; width: 410px; height: 410px; margin-top: 157px; padding: 31px 87px 0 43px;
	background: url(/i/bg_req.jpg) no-repeat; color: #fff;}
#req h2 {position: relative; width: 151px; height: 20px; overflow: hidden; padding-bottom: 4px;}
#req h2 i {position: absolute; top: 0; left: 0; width: 151px; height: 20px;
	background: url(/i/h_req.en.gif) no-repeat;}
body.ru #req h2 i {background-image: url(/i/h_req.ru.gif);}
#req p {margin: 4px 0 4px -2px;}
#req p.msg {height: 110px; padding: 15px 15px 10px 17px;
	background: #000 url(/i/bg_textarea.gif) no-repeat;}
#req p.button {text-align: right;}
#req input.it {width: 378px; height: 32px; padding: 10px 15px 0; border: none;
	background: #000 url(/i/bg_input.gif) no-repeat; color: #fff;}
html:first-child #req input.it {height: 42px; padding: 0px 15px 0;} /* For Opera only */
#req textarea {width: 380px; height: 100px; border: none; background: transparent; color: #fff;}
#req button {width: 79px; height: 35px; overflow: none; margin-right: 5px;
	border: none; background: url(/i/bg_button.en.gif) no-repeat; text-indent: -20em; cursor: pointer;}
body.ru #req button {width: 112px; background-image: url(/i/bg_button.ru.gif)}
#req button:active {margin: 1px 4px 0 0;}
#req label {display: none;}

#req.response h2 {position: static; width: auto; height: auto; font-weight: normal; font-size: 2em;}
#req.error {height: 452px; background-image: url(/i/bg_req_big.jpg);}
#req p.error {margin: 10px 0 15px; color: #f16767; font-weight: bold;}

#copy {float: right; margin-top: -70px; width: 540px; font-size: 0.8em;
	line-height: 150%; height: 1%;}
#copy p {margin: 0 0 1em;}
#copy span {white-space: nowrap;}
#copy a:link, #copy a:visited {padding: 0 3px; background: #f16668; color: #fff;
	text-decoration: none;}
#copy a:hover, #copy a:active {text-decoration: underline;}

#lang {position: absolute; top: 40px; left: 850px;}
#lang a {display: block; width: 58px; height: 41px; overflow: hidden; text-indent: -600px;}
#lang #ru a {background: url(/i/but_lang_ru.gif) no-repeat;}
#lang #en a {background: url(/i/but_lang_en.gif) no-repeat;}
body.ru #ru, body.en #en {display: none;}