H2,H3,P,TD,DIV{font-size:75%;font-family:Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif}
.tit{font-size:1.5em;margin:0px;padding:0px;color:#003366}
H5{font-size:1.2em;margin:0px;padding:0px;color:#003366}
A:hover{color:#990000}
A:visited{color:#811C90}
A{color:#0048AB}
LI{margin-top:3px}
img{border:0;} /* Removing the border prevents a border from appearing around images wrapped in links in IE. */
#add_tags_div,.pavatar_div div{border-radius:4px}
.tag,#suggest_div{border-radius:3px}
.menubg, .menuh{border-radius:2px}
.menusp {height:5px;width:1px}
.t2{font-size:70%;color:#FFFFFF;font-weight:bold}
.t4{font-size:125%;color:#000000;font-weight:bold}
.gr{font-size:85%;color:#666666}
.cmt{font-size:95%;color:#666666}
.lnk2{font-size:150%}
.lnk3{font-size:125%}
.bot{font-size:70%;color:#666666}
.m1{color:#666666}
.m2{font-size:75%;color:#666666}
.m3{font-size:75%}
.m4{font-size:100%;color:#000000;font-weight:bold}
.m5{font-size:75%;color:#ff0000}
.m6{font-size:75%;white-space:nowrap}
.m7{font-size:75%;color:#666666;white-space:nowrap}
.m8{font-size:75%;color:#ff0000;white-space:nowrap}
.m9{font-size:95%;color:666666;font-weight:bold}
.m10{font-size:120%;color:666666;font-weight:bold}
.m11{font-size:120%;font-weight:bold}
.test{font-size:120%;font-weight:bold;padding-left:10px;padding-right:10px}
.poll{font-size:120%;font-weight:bold;padding-left:10px;padding-right:10px}
.rad{margin-bottom:-3px}
.rad1{height:17px;padding:0px;margin:0px;vertical-align:top}
.chbox{margin-bottom:-1px}
.ctg{font-size:95%}
.quote{display:block;padding-left:5px;margin-left:7px;border-left:3px solid #6666ff;font-size:100%}
.new{color:#CC3300;font-size:80%;font-weight:bold;white-space:nowrap}
.rss{margin-bottom:-2px}
.srch{font-size:95%}
.flag{margin-bottom:-2px}
.smiles{margin-bottom:-2px}
.smiles_box img{margin-bottom:-1px;margin-top:2px}
.socbtm{margin-bottom:-6px}
.off{font-size:75%}
span.o{font-size:xx-small}
span.h{font-size:large}
span.u{text-decoration:underline}
span.s{text-decoration:line-through}
div.c{font-size:100%;text-align:center}
div.r{font-size:100%;text-align:right}
.search{border:1px dotted black;background-color:#ffff00}
.rdiv{font-size:100%}
.inpt{font-size:20px}
.tag:link{margin-bottom:10px;text-decoration:none;padding-bottom:2px} /* Tag cloud */
.tag:visited{color:#0048AB;text-decoration:none}
.tag:hover{color:#ffffff;text-decoration:none;background:#0048AB}
.tag:active{color:#ffffff;text-decoration:none;background:#FF0080}
.bodybg{background-color:#ffffff;margin:0.5%}
.headbg{background-color:#ffffff;text-align:center}
.menubg{background-color:#ffffff;border:solid 1px #dddddd;padding:6px}
.menubg td{border:0;padding:0px}
.mheadgreen{font-size:70%;color:#FFFFFF;font-weight:bold;padding:0.4em 0.6em 0.4em 0.5em;background-color:#76ae31}
.mheadred{font-size:70%;color:#FFFFFF;font-weight:bold;padding:0.4em 0.6em 0.4em 0.5em;background-color:#990000}
.mheadblue{font-size:70%;color:#FFFFFF;font-weight:bold;padding:0.4em 0.6em 0.4em 0.5em;background-color:#1f6598}
.mheadorange{font-size:70%;color:#FFFFFF;font-weight:bold;padding:0.4em 0.6em 0.4em 0.5em;background-color:#f57a28}
.crumbsbg{background-color:#ffffff;border-width:0}
.datebg{width:100%;background-color:#ffffff;margin-bottom:2em;padding-left:3px;border-width:0}
.postbg{width:100%;background-color:#ffffff;margin-bottom:2em;padding-bottom:5px;border-width:0}
.commentbg{width:100%;background-color:#ffffff;margin-bottom:2em;padding-bottom:5px;border-width:0}
.textareabg{background-color:#ffffff;border-width:0}
.bottombg{background-color:#ffffff;border-width:0}
.topic_title{font-size:200%;margin-left:3px}
.comment_title{margin-left:6px}
.hrline{border:0;border-top:1px solid #DDDDDD}
.blog_title{font-size:150%;color:#666666}
.blog_signature{color:#666666}
.right_links{text-align:right;float:right;font-size:80%}
.rmenu{text-align:right;vertical-align:bottom;line-height:120%}
.zoom{cursor:zoom-in} /* последовательность не менять, в одну строчку не объединять. Иначе перестаёт работать в некоторых браузерах */
.zoom{cursor:-moz-zoom-in}
.zoom{cursor:url(/i/zoom.cur)}
.tag2{background:url('/i/tag.png') no-repeat scroll 3px 1px;padding-left:13px}
table.phopts{width:100%}
table.phopts td{vertical-align:top}
div.poptag{float:left;font-size:100%;width:84px;min-height:100px;text-align:center}
div.lastphoto {float:left;font-size:100%;padding-right:15px;padding-left:15px;padding-bottom:10px;min-height:100px;text-align:center}
span.spoiler{font-size:100%;display:none}
#taresizer{visibility:hidden;position:absolute;top:-9999;left:-9999;opacity:0}
textarea.ar{overflow:hidden;resize:none}
#form_div{position:absolute;top:75px;display:none;width:95%;z-index:99;text-align:center}
.lt{width:250px;background-color:#FFFFFF;border-spacing:5px;border:1px solid #dddddd;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.5)}
table.center{margin-left:auto;margin-right:auto}
#form_elements td{padding:1px}
.bgimg_tr{background-color:#F7F7F7}

/*link-bar */
.lb{padding:0;border-spacing:0;border:1px solid #EBEBEB;border-radius:10px 0 0 10px;background:#F7F7F7;height:100%}
.lb td{white-space:nowrap}
.lb td a{font-size:85%;color:#666666}
.darrs{font-size:100%;text-decoration:none;padding-left:20px}
div.factivities{font-size:100%;margin-top:5px;}

/* Toolbar */
.hbutton_bar{background-color:#eeeeee;border:1px solid #999999;height:21px;margin:0;padding:1px;border-radius:4px}
.hbutton{display:inline-block;border:1px solid #eeeeee;white-space:nowrap;padding:1px;margin-bottom:1px;border-radius:3px}
.hbutton{vertical-align:2px;height:18px}
.hbutton:hover{background-color:#dff1ff;border:1px solid #316ac5}
.hbutton img{margin:0px 0px -2px}

/* Avatars */
.avatar_div{float:left;width:100px;height:155px;margin:5px}
.avatar_a{display:table-cell;text-align:center;vertical-align:top;border:1px solid #dddddd;height:136px;width:100px;background-color:#ffffff}
.avatar_b{border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;border-left:1px solid #dddddd;padding:2px;background-color:#ffffff}
.color_box{border: 1px solid gray;height:16px;width:20px;display:block;margin-left:4px;margin-top:2px}

.shadow{box-shadow:0 0 10px rgba(0,0,0,0.5);margin:10px}

/* paid avatars */
.pavatar_div{font-size:100%;float:left;width:170px;margin:5px}
.pavatar_a{font-size:100%;text-align:center;vertical-align:top;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-left:1px solid #dddddd;width:165px;height:300px;background-color:#ffffff;overflow:hidden}
.pavatar_b{font-size:100%;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;border-left:1px solid #dddddd;background-color:#ffffff;width:165px;padding:2px 0 2px 0}
.pedit{font-size:100%}

/* User info */
.user_info_board_left{width:49%}
.after_user_info_board_left {clear:none}
.user_info_board_left td,.user_info_board_right td{vertical-align:top}
.info_container{font-size:10pt;border:1px solid #999999;margin:5px;border-radius:2px}
.info_header{display:block;border-bottom:1px solid #999999;padding:2px;background-color:#dddddd;font-weight:bold;font-size:10pt;clear:left}
.info_text{padding:5px;font-size:10pt}
.user_show{display:block;width:122px;overflow:hidden;text-align:center;margin:1px;padding:1px;float:left;font-size:9pt}
.div_user_img{width:120px;height:185px;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-left:1px solid #dddddd;background-color:#ffffff;display:table-cell;text-align:center;vertical-align:top;border-radius:4px 4px 0 0}
.user_footer{height:35px;background-color:#ffffff;padding:1px;border:1px solid #dddddd;vertical-align:middle;font-size:100%;border-radius:0 0 4px 4px}

#add_tags_div{position:absolute;width:400px;border:1px solid #999999;background-color:#ffffff;padding:2px 2px 5px 5px}
#suggest_div{position:absolute;width:400px;border:1px solid #999999;background-color:#ffffff;padding:2px 2px 5px 5px}
#suggest_div a{display:block;margin:1px;padding:2px 1px 1px 5px;text-decoration:none}

/* #suggest_div a:hover, active {background-color:#dddddd} */
#suggest_div a.notactive{background:transparent;color:#0A246A;text-decoration:none}
#suggest_div a.active{background:#dddddd;color:#ffffff;text-decoration:none;background:#0A246A}

/* Online games */
.game_box td{text-align:center;vertical-align:top}
.game_cell{margin-bottom:10px}
.game_cell img{border:0}

/* new comments block */
.lc{line-height:1.8em}

/* advertisement */
.adbg{margin-bottom:10px}
p.sign{font-size:85%;color:#666666;text-align:center;margin-top:0;padding:0 2px}
.menu_div{position:absolute;visibility:hidden;z-index:9;border:1px solid #dddddd;background-color:white;padding:5px;border-radius:4px}
.mdp{text-align:right}
.hidden{display:none}

/* gifts */
.gift{display:block;width:120px;height:120px;overflow:hidden;text-align:center;margin:10px;padding:1px;float:left;font-size:10pt}
.gift_mini{display:block;width:70px;overflow:hidden;text-align:center;margin:3px;padding:1px;float:left;font-size:100%;white-space:nowrap}

/* duels */
.duelcc{text-align:center;font-size:150%;font-weight:bold;background-color:#ffffc0}

/* messages */
.rcurrent{background-color:#dddddd}
.rplain{background-color:#ffffff}
.lunreaded{font-weight:bold}
.lreaded{font-weight:normal}
div.messages_box{font-size:100%;overflow:auto;width:100%;height:100%}
div.message_preview{font-size:100%}
div#captcha_div{font-size:100%;display:none;position:absolute;top:10px;left:10px;width:300px;height:300px;border:solid 1px black;background:white}

.tabs td{border:solid gray;border-width:1px 1px 0px 1px;border-radius:6px 6px 0px 0px;white-space:nowrap}
.tabs td:hover{background-color:#e8e8e8}
td.pm{background:#c8c8c8 url('/i/smiles/user.png') 4px no-repeat;padding-left:19px}
table.messagebg.pm{margin-bottom:10px}
td.chat{background:#c8c8c8 url('/i/chat.png') 4px no-repeat;padding-left:21px}
td.anonchat{background:#c8c8c8 url('/i/anonymous.png') 4px no-repeat;padding-left:21px}
.contact td{background:#c8c8c8}
td.activetab{background-color:white;box-shadow:inset 0 3px 3px rgba(0,0,0,0.2)}
td.activetab:hover{background-color:white}
td.inactivetab{background-color:#c8c8c8}
td.lasttab{background:white;border-width:0px;padding-left:0px}
td.lasttab:hover{background:white}
td.newmessage{background-color:#ffc8c8;text-decoration:blink}
td.newmessage:hover{background-color:#ffe8e8}
.newmessage{background-color:#ffc8c8;text-decoration:blink;border-radius:3px}
.newmessage:hover{background-color:#ffe8e8}
ul.contactlist{list-style:none;padding:0px 0px 0px 5px;margin:5px 0}
li.contact{width:170px;max-width:170px;border-radius:3px}
li.contact:hover{background-color:#c8c8c8}
div.pm_loading{font-size:20px;background:white;text-align:center;position:absolute;top:36%;left:36%;border:1px solid #dddddd;border-radius:6px;padding:10px}
.contactcategory {font-weight: bold;}
#newchatwin {display:none;background:white;text-align:center;position:absolute;top:36%;left:36%;border:1px solid #dddddd;border-radius:6px;padding:10px}
#createchatformerror {display:none;color:red;}
.pm_arr{background:#f0f0f0 url('/i/a_right.png') repeat-y}
.pm_arr_b{background:#ffc8c8 url('/i/a_right.png') repeat-y}
.pm_arr:hover{background-color:#e0e0e0}
div.contactlist,div.contactlist_lb{font-size:100%;overflow:auto}
div.outer_cl{font-size:100%;overflow:auto}

div.ad_sign{font-size:10px;text-align:right}

/* live broadcasts */
.broadcast{float:left;font-size:100%;width:438px;height:350px;overflow:hidden;margin:10px}
.tborder td{background-color: white}
.hborder td{background-color:#f7f7f7;text-align:center}
.graytable td{background-color:#f7f7f7;vertical-align:top}

/* left baner */
.boxed{border:solid 1px #dddddd;padding:1%}

li.error{color:red;list-style:none}

.mood{background:#ffffff url('/i/mood.png') no-repeat scroll 3px 1px;padding-left:22px}
.music{background:#ffffff url('/i/music.png') no-repeat scroll 3px 1px;padding-left:22px}
.want{background:#ffffff url('/i/want.png') no-repeat scroll 3px 1px;padding-left:22px}
.tags{background:#ffffff url('/i/tags.png') no-repeat scroll 3px 1px;padding-left:22px}
.verticalicon{vertical-align:text-bottom}

.error{color:red;}

.nobr{white-space:nowrap}

.onlineuser{background:url('/i/online_user.png') no-repeat scroll 3px 0px;padding-left:16px;font-size:110%}
.user,.user_processed{background:url('/i/smiles/user.png') no-repeat scroll 3px 0px;padding-left:18px;font-size:110%}
.anonymous{background:url('/i/anonymous.png') no-repeat scroll 3px 0px;padding-left:18px;font-size:110%}
.community{background:url('/i/smiles/community.png') no-repeat scroll 3px 0px;padding-left:19px;font-size:110%}
.blog{background:url('/i/blog.png') no-repeat scroll 3px 2px;padding-left:22px;font-size:110%}

.vcard1{float:left;width:200px;height:240px;overflow:hidden;margin:10px;text-align:center}
.vcard2{float:left;width:200px;height:100px;overflow:hidden;margin:10px;text-align:center}

#captcha_div2{font-size:100%}

/* Responsive Web Design start*/
.leftbanner{width:25%;padding:0 1% 2% 0}
.afterleftbanner{clear:none}
.leftmenumore{display:none;visibility:hidden}
.leftmenuless{display:table-row;visibility:visible}
@media screen and (max-width:899px){
	.leftbanner{width:100%}
	.afterleftbanner{clear:both}
	.leftmenumore{display:table-row;visibility:visible}
	.leftmenuless{display:none;visibility:hidden}
}
.logo{display:inline-block;visibility:visible}
@media screen and (max-width:400px){
	.logo{display:none;visibility:hidden}
}

@media screen and (max-width:400px){
	#add_tags_div{position:static;width:auto}
}

.help-question{display:table-cell;visibility:visible}
.problem-teaser{display:table-cell;visibility:visible}
.bookmark{display:table-cell;visibility:visible}
.jump2site{display:table-cell;visibility:visible}
@media screen and (max-width:1279px){
	.help-question{display:none;visibility:hidden}
}
@media screen and (max-width:550px){
	.problem-teaser{display:none;visibility:hidden}
}
@media screen and (max-width:1023px){
	.bookmark{display:none;visibility:hidden}
}
@media screen and (max-width:260px){
	.jump2site{display:none;visibility:hidden}
}

.slogan{display:block;visibility:visible}
@media screen and (max-width:700px){
	.slogan{display:none;visibility:hidden}
}

.linkbar6{display:table-cell;visibility:visible}
@media screen and (max-width:920px){
	.linkbar6{display:none;visibility:hidden}
}
.linkbar5{display:table-cell;visibility:visible}
@media screen and (max-width:820px){
	.linkbar5{display:none;visibility:hidden}
}
.linkbar4{display:table-cell;visibility:visible}
@media screen and (max-width:740px){
	.linkbar4{display:none;visibility:hidden}
}
.linkbar3{display:table-cell;visibility:visible}
@media screen and (max-width:639px){
	.linkbar3{display:none;visibility:hidden}
}
.linkbar2{display:table-cell;visibility:visible}
@media screen and (max-width:479px){
	.linkbar2{display:none;visibility:hidden}
}

.bottombaner{display:table;visibility:visible;width:100%}
@media screen and (max-width:1025px){
	.bottombaner{display:none;visibility:hidden}
}

.bottominfo{display:inline;visibility:visible}
@media screen and (max-width:1023px){
	.bottominfo{display:none;visibility:hidden}
}
div.phmch{display:none;visibility:hidden}
.avatar{display:inline-block;visibility:visible;margin:2px}
@media screen and (max-width:319px){
	.avatar{display:none;visibility:hidden}
	p.sign{display:none;visibility:hidden}
	div.phmch{padding-left:11px}
}
.toolbar{display:table;visibility:visible}
@media screen and (max-width:519px){
	.toolbar{display:none;visibility:hidden}
}
.pmtoolbar{display:table;visibility:visible}
@media screen and (max-width:659px){
	.pmtoolbar{display:none;visibility:hidden}
}

.chooseavatar{display:table-cell;visibility:visible;width:125px}
.chooseavatar div{display:block;visibility:visible;overflow:auto;background-color:#ffffff;height:280px;width:125px}

/* hack for Opera Mobile 12, makes normal scrollers in a choose avatar block and PM history */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	.chooseavatar div{position: relative;width:130px;}
	.chooseavatar span{position:absolute;top:0px;bottom:0px;overflow-y:auto;overflow-x:hidden; height:auto;width:130px;}
	div.outer_mb{position:relative;width:100%;height:auto;}
	div.messages_box{position:absolute;top:0px;bottom:0px;overflow-y:auto;overflow-x:hidden;height:auto;}
	div.outer_cl{position:relative;width:100%;height:auto;}
	div.contactlist{position:absolute;top:0px;bottom:0px;overflow-y:auto;overflow-x:hidden;height:auto;}
}

.message{height:280px;width:100%}
@media screen and (max-width:479px){
	.chooseavatar{display:none;visibility:hidden}
	.chooseavatar div{display:none;visibility:hidden}
}
@media screen and (max-height:801px){
	.message{height:200px}
	.chooseavatar div{height:200px}
}
@media screen and (max-height:641px){
	.message{height:162px}
	.chooseavatar div{height:162px}
}
@media screen and (max-height:481px){
	.message{height:75px}
	.chooseavatar div{height:75px}
}
@media screen and (max-height:321px){
	.message{height:40px}
	.chooseavatar div{height:40px}
}
.lefttopicparams{width:33%}
.righttopicparams{width:66%}
.lefttopicparams div{width:14ex;font-size:100%;display:inline-block;white-space:nowrap;text-align:right}
.righttopicparams div{width:27ex;font-size:100%;display:inline-block;white-space:nowrap;text-align:right}
@media screen and (max-width:1023px){
	.lefttopicparams div{text-align:left;display:block}
	.righttopicparams div{text-align:left;display:block}
	.lefttopicparams input{width:100%}
}
@media screen and (max-width:599px){
	.lefttopicparams{width:100%}
	.righttopicparams{width:100%}
	.tags{width:100%}
}
.interestexplanation{display:table-cell;visibility:visible}
@media screen and (max-width:639px){
	.interestexplanation{display:none;visibility:hidden}
}
.hiddenonsmallscreen{display:table-row;visibility:visible}
.shownonsmallscreen{display:none;visibility:hidden}
@media screen and (max-height:481px){
	.hiddenonsmallscreen{display:none;visibility:hidden}
	.shownonsmallscreen{display:table-row;visibility:visible}
}
.nobrbs{white-space:nowrap}
@media screen and (max-width:400px){
	.nobrbs{white-space:normal}
}
@media screen and (max-width:340px){
	.longinput{max-width:200px;}
	.doublelonginput{max-width:100px;}
	.regtable{border-spacing:0}
	.regtable td{padding:7px 5px}
	.regtable td td{padding:0}
}

@media screen and (max-width:767px){
	.user_info_board_left{width:100%}
	.after_user_info_board_left {clear:both}
}

span.countdescr{display:inline;visibility:visible}
@media screen and (max-width:260px){
	span.countdescr{display:none;visibility:hidden}
}

table.photo{width:50%}
@media screen and (max-width:799px){
	table.photo{width:100%;}
	div.phmch{padding-right:11px}
}

.photoparams div{width:27ex;font-size:100%;display:inline-block;white-space:nowrap;text-align:right}
@media screen and (max-width:639px){
	.photoparams div{text-align:left;display:block}
}

input.send_to_mutual{display:inline;visibility:visible}
@media screen and (max-width:669px){
	input.send_to_mutual{display:none;visibility:hidden}
}
input.preview{display:inline;visibility:visible}
@media screen and (max-width:459px){
	input.preview{display:none;visibility:hidden}
}
.pmsubject{display:inline;visibility:visible}
@media screen and (max-width:399px){
	.pmsubject{display:none;visibility:hidden}
}
/* Responsive Web Design end*/


