html {
height:100%;
}

body {
background: #efefef;
font-family: Trebuchet MS;
font-size: 12pt;
margin:0;
padding:0;
min-width: 930px;
height:100%;
}

#outer {
mar_gin:7px;
pad_ding:0;
bor_der:3px solid #666;
background: #fff;
}

a {
color: #006ab3;
}

h1 {
font-family: tahoma;
font-weight:normal;
font-size: 18pt;
color: #fff;
text-align: left;
margin-bottom:.5em;
margin-top: 0;
padding: 10px;
background: #888;
font-variant:small-caps;
letter-spacing: 3px;
}

h2 {
font-family: tahoma;
font-weight:normal;
font-size: 18pt;
color: #E3004F;
text-align: left;
margin-bottom:0;
margin-top:0;
width:100%;
font-variant:small-caps;
letter-spacing: 3px;
}
h2.right {
text-align:right;
}

.inmain {
overflow: hidden;
width:100%
}
.incontent {
margin: 0 370px 20px 20px;
text-align:center;
}
.inwrap {
float:right;
width:350px;
padding-top:5px;
}
.infooter {
border-top: 3px solid #666;
padding: 20px;
background: #888;
color: #fff;
}
.infooter a {
color: #fff;
}


.infunction {
background: #30B3AD;
margin:0 20px 20px 20px;
color: #fff;
padding:20px;
word-wrap: break-word;
font-size: 1em;
}
.infunction .b3 {
text-align:center;
}
.infunction .cblock {
color: #fff;
font-size: .8em;
line-height:2.2em;
}
.infunction .funñblock {
font-size: .8em;
}
.infunction .block {
margin-bottom:.3em;
font-size: 1.3em;
}
.infunction .funblock {
display: block;
font-size: 1.3em;
}
.infunction .qwst {
border:1px solid #bbb;
white-space: normal;
text-align:center;
font-size: .8em;
}
.infunction #next_word {
display: block;
font-size: 1.3em;
}
.infunction a {
color: #fff;
}


.inuser {
overflow: hidden;
}
.inuser ul li {
line-height:1.3em;
}
.infoblock{
width:49%;
float:left;
}
.statblock{
width:49%;
float:right;
text-align:left;
}
.statblock ul{
margin:0;
padding:0;
list-style-type: none;
text-align:left;
margin-left:20px;
}
.infoblock .infopic{
float:left;
}
.infoblock .infopic img{
border:3px solid #666;
}
.infoblock ul{
margin:0;
padding:0;
list-style-type: none;
text-align:left;
margin-left:100px;
}

.inlist {
margin:0 20px 20px 20px;
background: #666666;
color: #fff;
padding:20px;
}
.inlist ul {
margin:0;
padding:0;
list-style-type: none;
}
.inlist ul li {
line-height: .9em;
margin:.7em;
}
.inlist span.black {
color: #888888;
font-size: .7em;
}
.sheader {
margin-left:20px;
color:#666;
font-size: .7em;
}

.inuserinfo {
margin:22px 20px 20px 20px;
background: #ff9c00;
color: #fff;
padding:20px;
overflow:hidden;
}
.inuserinfo .infoblock{
border-top:1px dashed #fff;
padding-top:1em;
margin-top:1em;
width:100%;
float:none;
}

.inuserinfo .its_me {
color: #fff;
font-size:1.6em;
}
.inuserinfo ul {
font-size: .8em;
}
.inuserinfo ul li {
line-height:1.3em;
}


#name_form {
font-family: Trebuchet MS;
margin: .5em 0 0 0;
}
#name_form .its_me_form {
font-family: Trebuchet MS;
width:150px;
border:1px solid #888;
}
#name_form .its_me_form_but {
font-family: Trebuchet MS;
width:90px;
}

.inlogo {
color: #fff;
border-bottom: 3px solid #666;
background: #888;
}
.inlogo .topmenu {
padding: 0 20px;
}
.inlogo .topmenu .menu {
background: #efefef url('/i/_menu_bg.png') left bottom repeat-x;
font-size: .8em;
padding: .4em 1em;
border:1px solid #666;
border-top:0px;
}
.inlogo .topmenu a {
color: #000;
text-decoration:underline;
}
.inlogo .top_menu a:hover {
color: #000;
text-decoration:underline;
}
.inlogo .toplogo {
padding:20px 20px 10px;
color: #fff;
}
.inlogo .toplogo a {
color: #fff;
text-decoration: none;
}
.inlogo .toplogo .logo {
font-family: tahoma;
font-weight:normal;
font-size: 18pt;
font-variant:small-caps;
font-weight: normal;
letter-spacing: 3px;
}
#me_nu_my_page {
background: #ff9c00;
color: #fff;
font-weight:bold;
border-bottom:3px solid #fff;
}
#me_nu_my_page a{
background: #ff9c00;
color: #fff;
}

.inline {
background: #f8f8f8;
margin:0 0 1em 0;
border:1px solid #e8e8e8;
bor_der-top:3px solid #ccc;
font-size: 1em;
padding: 2em 20px 2em 20px;
}
.block {
background: #30b3ad;
color:white;
font-size: 1em;
padding: .2em;
display:inline;
margin: 0 .2em;
}
.cblock {
font-size: 1.5em;
color:#888;
display:inline;
}

.clist {
font-size: 2em;
color:#888;
margin-top:15px;
margin-bottom:1em;
}
.blist {
margin-top:20px;
}
.blist span {
background: #e3004f;
color:white;
wh_ite-space: nowrap;
font-size: 3em;
}

.indoneline {
background: #f8f8f8;
margin:0 0 1em 0;
border:1px solid #e8e8e8;
bor_der-top:3px solid #ccc;
font-size: .8em;
padding: 2em 20px 2em 20px;
}
.inpair {
margin-left:.5em;
margin-right:.5em;
white-space: nowrap;
height:1%;
background: #e3004f;
color: #fff;
}
.inpair a {
color:#fff;
text-decoration:none;
}
.inpair a:hover {
text-decoration:underline;
}
.pair1 {
font-size: 1em;
}
.pair2 {
font-size: 1.5em;
}
.pair3 {
font-size: 2em;
}
.pair4 {
font-size: 2.5em;
}
.pair5 {
font-size: 3em;
}



.inline .b1 {
}
.inline .b2 {
height:1em;
}
.inline .b3 {
line-height:3.2em;
}

.qwst {
background: #e3004f;
color:#fff;
white-space: nowrap;
font-size: 1.5em;
}
.qwst_gray {
background: gray;
}
#word_answ {
font-size: 1em;
font-family: Trebuchet MS;
margin: 0 .2em;
width:8em;
border:1px solid #ddd;
}
#send_word_form {
margin:0;
}

.gr {
background: #666;
}


.useronline {
background: #FF9C00;
color: #fff;
padding: 0 .5em;
}

.useroffline {
background: #666;
color: #fff;
padding: 0 .5em;
}


.innermenu {
margin: 0 20px 15px 0;
text-align:left;
font-size:0.8em;
}
.innermenu .menu {
background: #efefef url('/i/_menu_bg.png') left bottom repeat-x;
color: #666;
padding: 2px .5em;
border:1px solid #bbb;
}
.innermenu .menu a {
color: #666;
text-decoration:underline;
}
.innermenu .menu a:hover {
color: #000;
}

.innermenu #indexselected {
background-color: #666;
color: #fff;
padding: 2px .5em;
}
.innermenu #indexselected a {
color: #fff;
}


.inmail {
margin:0 0 2em 0;
border:1px dashed #888;
padding: 2em 20px 2.25em 20px;
background: #f8f8f8;
text-align:left;
}
.inmail .mail_quote{
font-size: .8em;
border:1px dashed #888;
background: #fff59b;
padding:1em;
}
.inmail .infoblock{
margin-bottom:.5em;
height:1%;
width:100%;
float:none;
overflow:hidden;
}


.leftpos {
text-align:left;
}

.texts {
font-size: 1em;
padding:1em;
background: #fff59b;
margin-top:.5em;
}

#inlogin {
border:3px solid #666;
background: #fff;
padding: 0.6em;
color: #000;
position: absolute;
z-index: 11;
font-size:.8em;
}

#login_form_big input {
font-family:Trebuchet MS;
border: 1px solid #aaa;
}

#login_form_big label {
font-family:Trebuchet MS;
}
#login_form_big .error {
font-family:Trebuchet MS;
color: red;
}


#inlogin input {
border:1px solid #aaa;
font-family:Trebuchet MS;
font-size: 1em;
}

#inlogin form {
	padding: 0px;
	margin: 0px;
}
#inlogin .error {
	color: red;
	display: none;
}
#inlogin .input {
	padding: .2em;
	text-align: right;
}
#inlogin .submit {
	padding: .2em;
	text-align: right;
}
#inlogin .close {
	text-align: right;
	padding-right: .2em;
	padding-bottom: .5em;
}


#join_form input {
border:1px solid #aaa;
font-family:Trebuchet MS;
}

.addtext {
font-size: .8em;
color:#aaa;
margin:0;
padding:0;
}


.innews {
text-align:left;
}
.innews .indate {
color:#666;
display: inline;
}



.instat {
overflow: hidden;
width:100%;
}
.instat .leftblock {
width:49%;
float:left;
text-align:left;
}
.instat .rightblock {
width:49%;
float:right;
text-align:left;
}

.timeout {
white-space: nowrap;
font-size: 1.5em;
}

.timeout_red {
background: #e3004f;
white-space: nowrap;
font-size: 1.5em;
}

.clear {
clear:both;
}




.author {
font-weight:bold;
}

.chat .author {
	cursor: hand;
	cursor: pointer;
border-bottom:1px dashed black;
}

.chat .msg_pair {
background: #E3004F;
color: #fff;
padding: 0 5px;
}

#chat_msg {
width:100%;
}

.chat_item {
margin: 2px 0;
}

.chat_result_block {
background: #FFF59B;
padding: 1em 20px;
border:1px solid #eFe58B;
bor_der-top:3px solid #eFe58B;
font-size:.8em;
margin-bottom:1em;
}

.chat_form_block {
background: #f8f8f8;
padding: 1em 20px;
border:1px solid #e8e8e8;
bor_der-top:3px solid #ddd;
font-size:.8em;
margin-bottom:1em;
}

.press_tour {
color:#888;
}

.press_tour .author {
border-bottom:1px dashed #888;
}
.press_tour .msg_pair {
background: #888;
}


.path {
letter-spacing: 1px;
color: #888;
font-size: .7em;
text-align: left;
margin-top: .5em;
padding: 5px 10px 0 8px;
}
.path a {
color:#888;
padding: 0 .3em;
text-decoration: underline;
}
.path a:hover {
color:#888;
text-decoration: underline;
}
.shift {
margin-left:11px;
margin-top:0;
}

.more {
padding-top:1em;
color: #006AB3;
}