@charset "UTF-8";

html, body {
    margin: 0; padding: 0;
    height: 100%;
}
body {
    font: normal 75%/1.333 Arial, sans-serif;
    background-color: #FFFFFF;
}
iframe {
    vertical-align: middle;
}
table {
    font-size: 100%;
}
fieldset {
    padding: 0; border: 0;
}

#rating-mail-ru-counter,
#flash-transport-container {
    height: 0; overflow: hidden;
}

h1 {font: normal 240%/120% Arial, sans-serif;}
h2 {font: normal 170%/120% Arial, sans-serif}
h4 {font: normal 150%/125% Arial, sans-serif}
.big {font: 120%/160% Arial, sans-serif}
.sm {font: normal 92%/130% Arial, sans-serif}
.1px {font: normal 1px/1px Arial, sans-serif}

.main-container {width: 900px}
form {display: inline} /* WTF!? */
div.widsnjx form {display: block;}

.button,
button {padding: 0.3em 1em; background: #e5e5e5 url(/i/box/bg-gray.gif) repeat-x left top; font-weight: bold;}

.editable,
.light {border: solid 1px; border-color: #888 #ddd #ddd #555; width: 100%; background-color: #ffffff}

a {
    outline-style: none;
}
a:link,
a.fix:visited {color: #3e7ddc}
a:hover {color: #dc603e}

.my a:link,
.my .fix,
.my a.fix:visited {color: #89a40c}
.my a:hover {color: #dd0000}


.selected,
a.selected:link,
a.selected:visited {color: #000000; background: #dddddd}

.center {text-align: center}

img {border: 0;}

a.dark:link,
a.dark:visited {color: #000}

.pale,
a.pale:link,
a.pale:visited {color: #A3A3A3}
a.no {text-decoration: none}

a:hover {color: #C04F29; text-decoration: underline}

.pointer {cursor: pointer}

.js {cursor: pointer; text-decoration: none; border-bottom: 1px dotted; line-height: 140%}
a.js:hover {text-decoration: none;}

.pager .next,
.pager .prev {width: 40px; height: 31px; padding-top: 7px}
.pager table td div {padding: 7px; font: bold 120% Arial, sans-serif}
.pager .selected div {margin: 0 7px; background-color: #ddd}
.pager a:link,
.pager a:visited,
.pager a:hover,
.pager a:active {color: #000}

.stars {width: 95px; height: 17px; background: url(/i/4/stars-bg.gif) no-repeat top -100px;}
.stars img {width: 95px; height: 17px}

.p0 {padding: 0}
.p05 {padding: 0.5em}
.p08 {padding: 0.8em}
.p10 {padding: 1em}
.p15 {padding: 1.5em}
.pr03 {padding-right: 0.3em}
.pr05 {padding-right: 0.5em}
.pr08 {padding-right: 0.8em}
.pr10 {padding-right: 1em}
.pr15 {padding-right: 1.5em}

.pl03 {padding-left: 0.3em}
.pl05 {padding-left: 0.5em}
.pl08 {padding-left: 0.8em}
.pl10 {padding-left: 1em}

.pt03 {padding-top: 0.3em}
.pt05 {padding-top: 0.5em}
.pt08 {padding-top: 0.8em}
.pt40 {padding-top: 4em}
.pt60 {padding-top: 6em}

.pb05 {padding-bottom: 0.5em}
.pb08 {padding-bottom: 0.8em}
.pt10 {padding-top: 1em}
.pb10 {padding-bottom: 1em}
.pt15 {padding-top: 1.5em}
.pb15 {padding-bottom: 1.5em}

.m0 {margin: 0}
.mt0 {margin-top: 0}
.mt03 {margin-top: 0.3em}
.mt05 {margin-top: 0.5em}
.mt08 {margin-top: 0.8em}
.mt10 {margin-top: 1em}
.mt15 {margin-top: 1.5em}
.mt20 {margin-top: 2em}
.mt25 {margin-top: 2.5em}
.mt30 {margin-top: 3em}
.mt40 {margin-top: 4em}
.mt60 {margin-top: 6em}
.mt80 {margin-top: 8em}
.mt90 {margin-top: 9em}

.mr10 {margin-right: 1em}
.mb0 {margin-bottom: 0em}
.mb03 {margin-bottom: 0.3em}
.mb05 {margin-bottom: 0.5em}
.mb08 {margin-bottom: 0.8em}
.mb10 {margin-bottom: 1em}
.mb15 {margin-bottom: 1.5em}
.mb20 {margin-bottom: 2em}
.mb25 {margin-bottom: 2.5em}
.mb40 {margin-bottom: 4em}


.box {background: #e5e5e5 url(/i/box/bg-gray.gif) repeat-x left top}

.box .l, .box .r { background: transparent url(/i/box/1-gray.gif) repeat-y left top }
.box .r { background-position: right top }
.box .tb { border: #D2D2D2 solid 0; border-width: 1px 0}
.box .selected { background: #c4e241 url(/i/box/bg-green.gif) repeat-x left bottom}
.bg-gray-light { background: #F4F4F4 url(/i/box/bg-gray-light.gif) repeat-x left bottom }

.box .tline {border-top: #D2D2D2 solid 1px;}
.box .lr,
.box .l, .box .r { border: #D2D2D2 solid 0; border-width: 0 1px 0 1px}
.box .l {border-width: 0}
.box .r {border-width: 0}

.box .tr img,
.box .tl img,
.box .br img,
.box .bl img {width: 10px; height: 10px; display: block}

.box .t img,
.box .b img {height: 10px; display: block}

.box .tr,
.box .br {background: transparent url(/i/box/vline.gif) repeat-y right;}
.box .tl,
.box .bl {background: transparent url(/i/box/vline.gif) repeat-y left;}

.box .tr img {background: transparent url(/i/box/tr.gif) no-repeat top right;}
.box .br img {background: transparent url(/i/box/br.gif) no-repeat bottom right;}
.box .tl img {background: transparent url(/i/box/tl.gif) no-repeat top left;}
.box .bl img {background: transparent url(/i/box/bl.gif) no-repeat bottom left;}

.box .t, .box .b { background: transparent url(/i/box/1-gray.gif) repeat-x left top }
.box .b { background-position: left bottom }


/* light box */
.box-light {background: #f5f5f5}
.box-light .l,
.box-light .tl,
.box-light .bl,
.box-light .r,
.box-light .tr,
.box-light .br { background: transparent url(/i/box-light/1-gray.gif) repeat-y left top }

.box-light .r,
.box-light .tr,
.box-light .br { background-position: right top }

.box-light .tr img,
.box-light .tl img,
.box-light .br img,
.box-light .bl img {width: 10px; height: 10px; display: block}

.box-light .t img,
.box-light .b img {height: 10px; display: block}

.box-light .tr img {background: transparent url(/i/box-light/tr.gif) no-repeat top right}
.box-light .br img {background: transparent url(/i/box-light/br.gif) no-repeat bottom right}
.box-light .tl img {background: transparent url(/i/box-light/tl.gif) no-repeat top left}
.box-light .bl img {background: transparent url(/i/box-light/bl.gif) no-repeat bottom left}

.box-light .t, .box-light .b { background: transparent url(/i/box-light/1-gray.gif) repeat-x left top }
.box-light .b { background-position: left bottom }
/* //light box */

.menu-inf td {font: normal 160%/100% sans-serif; text-align: center}
.menu-inf .selected a:link,
.menu-inf .selected a:visited {color: #ffffff}

.menu-top {margin-top: 16px;}

.menu-my img.my-cabinet {position: absolute; margin: -39px 0 0 93px}
.menu-my .item {padding: 10px;}

.talk-list th {font-size: 88%;}
.talk-list td {padding: 0.3em; border-bottom: 1px solid #b8b8b8}
.talk-list tr {cursor: pointer}
.talk-list tr.unread td {font-weight: bold}
.talk-list td.bgpale {background-color: #f8f8f8;}
.talk-list .selected {background-color: #bbd252;}

.phrase {padding: 0.5em 0}
.phrase .date {float: right; color: #999999; background-color: #eeeeee; font-size: 75%; padding: 0 0.3em}
.phrase .pen {position: absolute; margin-left: -25px}

.inf-small {position: relative; overflow: hidden; width: 74px; height: 90px; background: transparent url(/i/box/menu-inf-back.gif) no-repeat top left; float: left; margin: 5px 10px 0 5px;}
.inf-small-selected {background-image: url(/i/box/menu-inf-back-cur.gif);}
.inf-small .new-talk {text-align: center; color: #ffffff; font-size: 75%; position: absolute; margin-top: 67px; width: 74px; height: 23px; background: transparent url(/i/box/menu-inf-back-bot.gif) no-repeat bottom left}
.inf-small div img {margin-top: 7px}

.footer {margin-top: 20px;}


/* Hint */
.hint {position: absolute; width: 2em; background: transparent;}
.hint table {width: 100%;}
.hint b {height: 1px; display: block; overflow:hidden; font-size:1px; background: #ffcb3f; margin: 0 1px 0 1px;}
.hint div {color: #000000; display:block; background: #ffcb3f; font: normal 92%/100% Arial sans-serif; text-align: left; padding: 0.2em 0.5em;}


/*-----timida----*/
.toggle-inf .darr {visibility: hidden; display: block; margin-left: 15px}

.toggle-sites {line-height: 300%}

.toggle-sites a:link,
.toggle-sites a:visited,
.toggle-sites a:hover,
.toggle-sites a:active {margin: 0 1em 0 0; padding: 0.5em; color: #000}
.toggle-sites a:hover {color: #C04F29}

.toggle-sites a.selected:link,
.toggle-sites a.selected:visited,
.toggle-sites a.selected:hover,
.toggle-sites a.selected:active {background-color: #FF5400; color: #fff; text-decoration: none}

.orange-bg a:link,
.orange-bg a:visited,
.orange-bg a:hover,
.orange-bg a:active {color: #fff; text-decoration: none}

a.yellow:link,
a.yellow:visited,
a.yellow:hover,
a.yellow:active {color: #FF8900}

.gray-bg a:link,
.gray-bg a:visited {color: #000; text-decoration: underline}

.h-ln { height: 2px; font: 1px/1px Araia, serif; overflow: hidden; background-color: #EDEDED}

.w50 {width: 50%}
.w100 {width: 100%}
.form {width: 25em; font: 120%/160% Arial, sans-serif}
.form td {padding: 0.5em; text-align: center; vertical-align: top}
.form input {font-size: 130%; text-align: center}
.form div {position: absolute; margin: 2em 0 0 1em; width: 18em; text-align: left; font: normal 76%/130% Arial, sans-serif; color: #888888}
.form td.desc {width: 18em; text-align: left; overflow: visible; font: normal 76%/130% Arial, sans-serif; color: #888888}
.bg-gray {background-color: #eee}
.bg-white {background-color: #ffffff}


ul.errors {margin: 0; padding: 0; font: normal 78%/130% Arial, sans-serif}
ul.errors li {margin: 0; padding: 0; list-style-type: none; color: #CC0000}


.rarr {background: transparent url(/i/rarr.gif) no-repeat left top;}
.bg-gray .rarr {background: transparent url(/i/rarr-bg-gray.gif) no-repeat left top}

.flash-message { color: #000; font: 92% Arial, sans-serif; background-color: #E9F2CA; width: 12em; padding: 0.5em; margin: 0.5em 0}

#flash_message {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	background-color: #fff;
	display: block;
	max-width: 300px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10000;
}
#flash_message div.error {
	color: red;
}
#flash_message div.success {
	color: green;
}

.text {font-size: 115%; line-height: 135%}
.text div {padding: 0.5em 1em; border: 3px solid #ffffff; border-width: 3px 0}
.text div.current {border-color: #dddddd;}
.text .bgpale {background-color: #eeeeee; margin: 0.3em 0; padding: 0;}
.text li {padding-bottom: 0.5em}

.navigator {
    position:relative;
    width: 100%;
    height: 39px;
}
.navigator .scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 800px;
    height:39px;
    float: left;
}

.navigator div.scrollable ul {
    /* this cannot be too large */
    width: 20000em;
    position:absolute;
    clear: both;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.navigator div.scrollable ul li {
    float: left;
    text-align:center;
    font: bold 120% Arial, sans-serif;
    width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    padding: 0;
}

.navigator div.scrollable a:link,
.navigator div.scrollable a:visited,
.navigator div.scrollable a:hover,
.navigator div.scrollable a:active {color: #000}

.navigator div.scrollable .hover {background-color: #F888FF;}

.navigator div.scrollable ul li.active {
    background-color:#FF9700;
}
.navigator div.scrollable ul li.active a {
    text-decoration: none;
}

.navigator a.prev,
.navigator a.next,
.navigator a.prevPage,
.navigator a.nextPage {
    display:block;
    float: left;
    width:40px;
    height:29px;
    background:url(../i/4/prev-page.gif) no-repeat;
    cursor:pointer;
    margin-top: 5px;
    background-position: 0px -29px;
}

/*
.ratings a.prev:hover, .ratings a.next:hover, .ratings a.prevPage:hover, .ratings a.nextPage:hover {
}
*/

.navigator a.disabled {
    /*visibility:hidden !important;*/
    background-position: 0px 0px;
    cursor: default;
}

.navigator a.next, .navigator a.nextPage {
    background-image:url(../i/4/next-page.gif);
    clear: right;
}

/*.ratings h2.m0 {font-size: 150%}*/

.inf-card .rating {
    font-weight: bold;
    margin-top: 10px;
}
.inf-card .position {
    font-weight: bold;
}

#search-result {
    margin-right: 290px;
    width: 610px;
}
#alias-result {
    float: right;
    width: 245px;
    max-width: 245px;
    overflow: hidden;
}
#alias-result h3 {
    font-size: 14px;
    padding-top: 0;
    margin-top: 0;
}

span.hl-syn {
    padding-left: 1pt;
    padding-right: 1pt;
    margin-right: 1pt;
    margin-left: 1pt;
    color: maroon;
    font-weight: bold;
}
span.hl-html {
    color: gray;
}

#interest-list-header, #interest-add-link {
    float: left;
    font-size: 170%;
    line-height: 100%;
    margin: 0;
}
#interest-add-link {
    margin-left: 20px;
    display: none;
}

#interests-inf-selector, #personal-inf-talk-selector {
    position: absolute;
    display: none;
}

#personal-inf-talk-selector table.box,
#interests-inf-selector table.box{
    background: #fff;
}

.personal #personal-inf-talk-selector
{
    z-index: 1000;
    width: 120px;
}
.personal #personal-inf-talk-selector table {
    width: 120px;
}
.personal .tl, .personal .tr,
.personal .bl, .personal .br,
#interests-inf-selector .tl, #interests-inf-selector .tr,
#interests-inf-selector .bl, #interests-inf-selector .br {
    width: 10px;
}
#interests-inf-selector .t, #interests-inf-selector .b {
    width: 185px;
}

.ratings #interests-inf-selector {
    z-index: 1000;
    width: 205px;
}

#interests-inf-selector .negative {
    display: none;
}
#interests-inf-selector .unselectable .negative {
    display: inline;
}
#interests-inf-selector .unselectable .positive {
    display: none;
}
#interests-inf-selector .item {
    vertical-align:middle;
    line-height: 76px;
    height: 76px;
    text-align: right; white-space: nowrap;
}
.personal #personal-inf-talk-selector .item {
    vertical-align:middle;
    line-height: 84px;
    height: 84px;
    text-align: center;
}
#interests-inf-selector .item img {
    float:left;
}
.personal #personal-inf-talk-selector .list
{
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}
#interests-inf-selector .list {
    height: 300px;
    overflow-y: scroll;
    width: 179px;
    padding-left: 12px; padding-right: 10px;
}

#form_talk {
    position: absolute;
    width: 540px;
    z-index: 1000;
    left: 200px;
    top: 300px;
}
#personal-talk-replica {
    width: 400px;
}
#personal-talk-dialog-area {
    height: 200px;
    overflow-y:scroll;
    background-color: #FFF;
}
#form_talk .wrong-field {
    background-color: #FF0000;
}

/*
------------------------------
    Impromptu's
------------------------------
*/
.jqifade{
    position: absolute;
    background-color: #000000;
}
.jqimessage br{
    /*display: none*/
}

div.jqi .jqibuttons{
    text-align: center;
    padding: 10px 0 0;
    b_order: solid 1px #eeeeee;
    ba_ckground-color: #f4f4f4;
}
div.jqi button{
    p_adding: 3px 10px;
    margin: 0 10px;
    b_ackground-color: #2F6073;
    b_order: solid 1px #f4f4f4;
    color: #000;
    f_ont-weight: bold;
    f_ont-size: 12px;
}
div.jqi button:hover{
    b_ackground-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
    /*background-color: #8DC05B;*/
    ba_ckground-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
    b_ackground-color: #BF5E26;
}

#jqi {
    padding: 28px 38px;
    width: 400px;
    /*position: absolute;*/
    border: solid 3px #D2D2D2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background-color: #F7F7F7; color: #3F3F3F;
}
#jqi div.jqiclose {
    position: absolute; top: -11px; right: -11px; z-index: 1000;
    width: 22px; height: 22px;
    overflow: hidden;
    text-indent: 22px; line-height: 22px;
    background: url('/i/popup/close.png') 50% 50% no-repeat; color: #FFFFFF;
    cursor: pointer;
}
#jqi h1 {
    margin: 0 0 1.111em;
    font-weight: bold; font-size: 1.5em; line-height: 1.333;
    color: #3F3F3F;
}
#jqi p {
    margin: 0 0 1em;
}
#jqi form {
    display: block;
}
#jqi h1 + form {
    margin-top: -0.75em;
}
#jqi dl.zend_form {
    margin: 0; padding: 0;
    text-align: center;
}
#jqi dl.zend_form dt {
    margin: 0 0 0.5em; padding: 0;
    text-align: left;
}
#jqi dl.zend_form dd {
    margin: 0; padding: 0 3px 1em;
}
#jqi dl.zend_form dd input[type="text"],
#jqi dl.zend_form dd textarea {
    margin: 0 -3px;
    width: 100%;
}
#jqi dl.zend_form dd textarea {
    height: 6.5em;
}
#jqi dl.zend_form dd input[type="submit"],
#jqi dl.zend_form dd input[type="button"] {
    margin: 0 1em;
}

#page-inf-counter, #page-chat-counter {
    font-size:1.6em;
}
#page-inf-counter {text-align:right;}

.helpTooltip {
    display: inline;
    position: absolute;
    color: #89A40C;
    border-bottom:1px dotted #89A40C;
    cursor: pointer;
}
.helpTooltip .content {
    position: absolute;
    top: 10px;
    left: 0;
    width: 280px;
    padding: 4px;
    z-index: 100;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    line-height: 16px;
    color: #000;
}
.helpTooltip .content a {
    white-space: nowrap;
}
h1 .helpTooltip {
    font-size: 22px;
}
#tmpl-anch-filters .helpTooltip .content a {
    display: inline;
    padding: 0;
    color:  #89A40C;
}



.activation_banner_link {
    font-size: 80%;
    background: #585858;
    background: rgba(0,0,0, 0.5);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
}
.activation_banner_link a, .activation_banner_link a:link, .activation_banner_link a:hover, .activation_banner_link a:visited {
    color: white;
    text-decoration: none;
}

/** carousel of infs */
#carousel {
    border-top: 1px solid #D2D2D2; border-bottom: 1px solid #C1C1C1;
    width: 100%; min-width: 900px; height: 93px;
    background: #D9D9D9 url('/i/carousel/bg.png') repeat-x;
}
#carousel a {
    outline-style: none;
}
#carousel-box {
    margin: 0 auto; padding-right: 85px;
    width: 815px; min-width: 815px;
    position: relative;
}
#carousel-infs {
    padding-top: 9px;
    width: 100%; height: 84px;
    overflow: hidden;
}
#carousel-infs div {
    margin-right: 12px; padding: 8px 0 16px;
    width: 50px; height: 60px;
    float: left;
    text-align: center;
    background: url('/i/carousel/frame.png') no-repeat;
}
span.carousel-tooltip {
    display: block;
    margin-left: -15px; padding-left: 15px;
    width: 152px; height: 84px;
    float: left;
    overflow: hidden;
    background: url('/i/carousel/tooltip.png') no-repeat 0 2px !important;
    background-image: url('/i/carousel/tooltip-ie6.png');
}
span.carousel-tooltip-box {
    display: block;
    padding-top: 8px; padding-left: 2px;
    width: 130px; height: 64px;
    overflow: hidden;
    font-size: 11px;
}
span.carousel-tooltip-box b {
    display: block;
    white-space: nowrap;
    color: #9AB227;
}
span.carousel-tooltip-box span {
    display: block;
}
#carousel-button {
    padding: 3px 5px 0 3px;
    width: 76px; height: 77px;
    position: absolute; top: 6px; right: 0; z-index: 1;
    background: url('/i/carousel/button-bg.png') 50% 50% no-repeat !important;
    background: none;
}
#carousel-button a {
    display: block;
    width: 100%; height: 100%;
    background: url('/il/carousel/button.png') 50% 50% no-repeat;
}
#carousel-button a:hover {
    opacity: 0.8; filter: alpha(opacity=80);
}
body.my #carousel.visitor-logged #carousel-button a {
    background-image: url('/il/carousel/button-green.png');
}
body.ratings #carousel.visitor-logged #carousel-button a,
body.personal #carousel.visitor-logged #carousel-button a {
    background-image: url('/il/carousel/button-orange.png');
}

/** carousel popup */
#jqibox.carousel-popup #jqi {
    padding: 0;
    width: 550px;
}
#jqibox.carousel-popup div.jqimessage {
    padding: 10px 12px;
    font-size: 12px; line-height: 1.5;
    color: #000000;
}
#jqibox.carousel-popup a {
    color: #89A40C;
    outline-style: none;
}
#jqibox.carousel-popup h1 {
    margin: 0em 0 0.571em;
    font-weight: normal; font-size: 2.5em;
    color: #000000;
}
#jqibox.carousel-popup fieldset {
    margin: 0; padding: 0;
    border: 0;
}
#jqibox.carousel-popup div.buttons {
    padding: 15px 0 5px;
    min-height: 50px;
}
#jqibox.carousel-popup div.buttons button {
    margin: 0 25px 0 0; padding: 11px 1em;
    border: 2px solid #6C6C6C; border-top-color: #C0C0C0; border-left-color: #C0C0C0;
    font-size: 1.083em; font-weight: normal;
}
#jqibox.carousel-popup div.buttons h2 {
    margin: -0.5em 0 0;
    font-size: 1.333em; line-height: 1.2;
}
#jqibox.carousel-popup div.buttons p {
    margin: 0;
    line-height: 1.2;
}
#jqibox.carousel-popup div.buttons div {
    margin-top: 0.5em;
}
#jqibox.carousel-popup div.buttons big {
    vertical-align: middle;
    font-size: 2em;
    color: #333333;
}
#jqibox.carousel-popup div.buttons big img.coin {
    vertical-align: -2px;
}
#carousel-form-account-add img {
    margin-left: 10px;
    vertical-align: middle;
}
#jqibox.carousel-popup div.infselector {
    margin-top: 2px;
    border: 1px solid #D2D2D2;
    height: 150px;
    position: relative;
    overflow: auto; overflow-x: hidden;
}
#jqibox.carousel-popup div.inf-small {
    margin: 5px 4px 0 6px; padding: 7px 0 5px;
    height: 83px;
    text-align: center;
    background-image: none;
}
#jqibox.carousel-popup div.inf-small-selected {
    background-image: url('/i/box/menu-inf-back-cur.gif');
}

/** plate */
div.plate {
    margin-bottom: 23px;
    border: 1px solid #D2D2D2;
    position: relative;
    background: #FFFFFF url('/i/plate/bg.gif') 0 1px repeat-x;
}
div.plate-top,
div.plate-btm {
    padding-left: 2px;
    width: 100%; height: 10px;
    position: absolute; top: -1px; left: -1px;
    background: url('/i/plate/angles.gif') -10px 0 no-repeat;
}
div.plate-btm {
    top: auto; bottom: -1px;
    background-position: -10px -10px;
}
div.plate-top i,
div.plate-btm i {
    width: 10px; height: 10px;
    float: right;
    background: url('/i/plate/angles.gif') 0 0 no-repeat;
}
div.plate-btm i {
    background-position: 0 -10px;
}
div.plate-box {
    padding: 12px 18px 20px;
    border: 1px solid #FFFFFF;
    color: #3F3F3F;
}
div.plate-box h1,
div.plate-box h2 {
    margin: 0 0 0.444em;
    width: 100%; overflow: hidden;
    font: bold 1.5em/1.333 Arial, sans-serif;
}
div.plate-box h2 {
    margin-bottom: 0.667em;
    font-size: 1.25em;
}
div.plate-box h1 span,
div.plate-box h2 span {
    float: left;
}
div.plate-box h1 .label {
    margin-top: 1px;
    float: right;
    font-weight: normal; font-size: 0.611em; line-height: 2.091;
}
div.plate-box h2 .label {
    float: right;
    font-weight: normal; font-size: 0.733em; line-height: 1.818;
}
div.plate-box img {
    vertical-align: middle;
}
div.plate-box-tools {
    width: 100%;
    overflow: hidden;
    clear: both;
    font-size: 0.917em; line-height: 22px;
}
div.plate-box-tools div.plate-link {
    margin-right: 1.455em;
    float: left;
}
div.plate-box-tools div.plate-link.right {
    margin-left: 1.455em; margin-right: 0;
    float: right;
}
div.plate-box-tools div.plate-link a {
    color: #3F3F3F !important;
}
div.plate-box-tools div.plate-control {
    float: right;
}

/** switch control */
div.switch-control span {
    margin-right: 0.5em;
}
div.switch-control a {
    margin: 3px 6px; padding: 0px;
    border-bottom: 1px dashed;
	text-decoration: none;
	color: #89A40C;
}
div.switch-control a.selected {
    margin: 0px; padding: 3px 6px;
    border-bottom: none;
    background-color: #EEEEEE; color: #000000 !important;
    cursor: default;
}

/** main layout */
body.my {
    background: url('/i/personal/bg.png') 0 96px repeat-x;
}
body.my #rating-mail-ru-counter {
    height: 0; overflow: hidden;
}
body.my #main {
    margin: 0px auto 28px;
    width: 900px;
}
body.my #topmenu {
    width: 630px;
    float: left;
}
body.my #vishnuswf {
    padding: 44px 30px 12px;
    width: 526px; height: 326px;
    float: left;
}
body.my #content {
    margin: 0 auto;
    height: auto !important; height: 30em; min-height: 30em;
}
body.my #inf-invisible-label {
    margin: 2em 0 -3.5em;
    width: 586px;
    float: left;
    text-align: center;
}
body.my #inf-invisible-label div.content {
    top: 8px;
    text-align: left;
}

div.feed-popup #jqi {
    width: 370px; min-height: 150px;
}
div.video-popup #jqi {
    width: 596px; min-height: 360px;
    top: 18% !important;
}

/** nuts */
#nuts-banner {
    margin: 1px auto 9px;
    width: 900px;
}
body.personal #nuts-banner {
    width: 986px;
}
#nuts-banner img {
    vertical-align: middle;
    cursor: pointer;
}
#jqibox.nuts-popup #jqi {
    padding: 0; border: 0;
    width: 658px; height: 480px;
    background-color: transparent;
}
#jqibox.nuts-popup div.jqiclose {
    display: none;
}

/** sidebar */
#sidebar {
    margin-top: 14px;
    width: 260px;
    float: right;
}
#sidebar img {
    vertical-align: middle;
}
#sidebar-top {
    padding: 38px 9px 0;
    height: 54px;
    background: url('/il/sidebar/top.png') no-repeat; color: #A3A3A3;
}
#sidebar-top div {
    padding: 0 2px 6px;
    width: 189px;
    overflow: hidden;
    white-space: nowrap;
}
#sidebar-top img {
    margin-right: 5px;
}
#sidebar-account {
    padding: 12px 6px 0 11px;
    border: 1px solid #D2D2D2; border-top: 0;
    min-height: 40px;
    overflow: hidden;
    background: #F0F0F0 url('/i/sidebar/bg-account.png') repeat-x;
}
#sidebar-account div {
    float: left;
    white-space: nowrap;
}
#sidebar-account strong {
    margin-left: 4px;
    vertical-align: -6px;
    font-size: 2em;
    color: #616161;
}
#sidebar-account a {
    margin: 4px 0;
    float: right;
}
#sidebar-export {
    padding: 18px 0 8px 17px;
    border: 1px solid #D2D2D2; border-top: 0;
    width: auto !important; width: 241px;
    overflow: hidden;
    background: #F4F4F4;
}
#sidebar-export a {
    margin-right: 8px; margin-bottom: 8px;
    float: left;
}
#sidebar-infs {
    padding-top: 5px;
    border: 1px solid #D2D2D2; border-top: 0;
    height: 190px;
    position: relative;
    overflow: auto; overflow-x: hidden;
    background: #E5E5E5;
}
#sidebar-infs div.inf-small {
    margin: 0 0 5px 5px;
    display: block !important; display: inline;
}
#sidebar-postcard {
    padding-top: 12px;
    border: 1px solid #D2D2D2; border-top: 0; border-bottom: 0;
    height: 36px;
    text-align: center;
    background-color: #EFEFEF;
}
#sidebar-postcard a {
    text-decoration: none;
    font-weight: bold; font-size: 0.917em;
    color: #7A8B00;
}
#sidebar-postcard img {
    margin: 0 0.75em;
}
#sidebar-bottom {
    height: 10px;
    background: url('/i/sidebar/bottom.png') no-repeat;
}

/** infbar */
#infbar {
    width: 100%;
    overflow: hidden;
    clear: both;
}
div.infbar-billet {
    margin-right: 15px; padding-left: 10px;
    width: 171px; height: 57px;
    float: left;
    background: url('/i/infbar/billet-angles.png') 0 0 no-repeat;
}
div.infbar-billet-wrap {
    padding-right: 10px;
    height: 100%;
    background: url('/i/infbar/billet-angles.png') 100% 0 no-repeat;
}
div.infbar-billet-box {
    padding: 15px 3px 0 45px;
    height: 42px;
    position: relative;
    text-shadow: 0 1px #E6E6E6;
    background: #D3D3D3 url('/i/infbar/billet-bg.png') repeat-x; color: #3F3F3F;
}
div.infbar-billet-box img {
    position: absolute; top: 13px; left: 2px;
}
div.infbar-billet-box div {
    white-space: nowrap;
    font-weight: bold; font-size: 1.25em; line-height: 1.2;
}
div.infbar-billet-box small {
    display: block;
    white-space: nowrap;
    font-size: 0.75em; line-height: 1;
}
div.infbar-billet.control {
    height: 80px;
    background-image: url('/i/infbar/billet-control-angles.png');
}
div.infbar-billet.control div.infbar-billet-wrap {
    background-image: url('/i/infbar/billet-control-angles.png');
}
div.infbar-billet.control div.infbar-billet-box {
    height: 65px;
    background-image: url('/i/infbar/billet-control-bg.png');
}
div.infbar-billet.control span.infbar-billet-button {
    width: 100%;
    position: absolute; left: 0; bottom: 4px;
    text-align: center; font-size: 0.917em; color: #888888;
}
div.infbar-billet.control span.infbar-billet-button a {
    text-decoration: none;
    font-weight: bold; color: #3F3F3F !important;
}
div.infbar-billet.control span.infbar-billet-button a:hover {
    color: #98AC13 !important;
}
#infbar-links {
    margin-top: 6px; margin-bottom: 0;
    width: 258px;
    float: right;
}
#infbar-links div.plate-box {
    padding: 0;
    height: 47px;
    text-align: center;
    font-weight: bold; font-size: 0.917em; line-height: 45px;
}
#infbar-links a {
    text-decoration: none;
    color: #3F3F3F;
}
#infbar-links span {
    margin-left: 0.765em; margin-right: 0.412em;
    border-left: 1px solid #D2D2D2;
    vertical-align: middle;
    font-size: 1.546em;
}

/** menu */
#menu {
    margin-bottom: 1.5em;
    width: 100%; height: 41px;
    overflow: hidden;
}
#menu div {
    margin-right: -2px; padding-left: 2px;
    width: auto !important; width: 0; height: 100%;
    float: left;
    background: url('/i/menu/sep.png') 0 0 no-repeat;
}
#menu div.first {
    padding-left: 12px;
    background: url('/i/menu/angles.png') 0 0 no-repeat;
}
#menu span {
    display: block;
    padding-right: 2px;
    height: 100%;
    background: url('/i/menu/sep.png') 100% -41px no-repeat;
}
#menu div.last span {
    padding-right: 12px;
    background: url('/i/menu/angles.png') 100% -41px no-repeat;
}
#menu a {
    display: block;
    width: 174px; height: 100%;
    font-size: 1.5em; line-height: 39px;
    text-align: center; text-decoration: none; text-shadow: 0 1px #E6E6E6;
    background: url('/i/menu/bg.png') 0 0 repeat-x; color: #3F3F3F;
    cursor: pointer;
}
#menu div.first a {
    width: 172px;
}
#menu div.selected {
    position: relative; z-index: 2;
    background-position: 0 -82px;
}
#menu div.selected span {
    background-position: 100% -123px;
}
#menu div.selected a {
    text-shadow: 0 1px #E8EDC6;
    background-position: 0 -41px; color: #708400;
}

/** payment */
div.payment-popup #jqi {
    width: 370px; min-height: 350px;
}
#payment {
    margin: 0; padding-left: 1.333em;
    font-size: 1.25em;
}
#payment p {
    margin: 0;
    font-size: 0.8em;
}
#payment select {
    width: 333px;
}
#payment a,
#payment strong {
    color: #A2B61D;
}
#payment-country-box {
    padding: 0.267em 0 0.4em;
}
#payment-operator-box {
    padding: 0.267em 0 1.333em;
}
#payment-rate-box {
    padding: 0.4em 0 1.533em;
    width: 100%; min-height: 49px;
    overflow: hidden;
}
#payment-rate-box label {
    margin-right: 10px; padding: 4px 6px 0 4px;
    width: 66px; height: 45px;
    float: left;
    background: url('/i/payment/billet.png') 0 0 no-repeat;
    cursor: pointer;
}
#payment-rate-box label.selected {
    background-position: 0 -49px;
    cursor: default;
}
#payment-rate-box input {
    margin: 0 13px 0 4px; padding: 0;
    outline-style: none;
}
#payment-rate-box b {
    font-size: 1.133em;
}
#payment-rate-box small {
    display: block;
    text-align: right;
    white-space: nowrap;
    font-size: 0.733em;
}
#payment-manual {
    padding-bottom: 0.533em;
}
#payment-loading-fade {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    width: 100%;
    opacity: 0.5; filter: alpha(opacity=50);
    background-color: #FFFFFF;
}
#payment-loading-icon {
    position: absolute; top: 43%; left: 49%;
}
div.payment-popup div.jqibuttons {
    padding-top: 18px;
}
div.payment-popup div.jqibuttons button {
    font-weight: normal;
}
div.feed-popup div.jqibuttons {
    padding-top: 18px;
}
div.feed-popup div.jqibuttons button {
    font-weight: normal;
}


/** personal layout */
body.personal {
    background: url('/i/personal/bg.png') 0 96px repeat-x;
}
body.personal table.menu-top {
    margin: 0 auto 28px;
    width: 986px;
}
#personal-main {
    margin: 0 auto;
    width: 986px;
    overflow: hidden;
}
#personal-main a {
    color: #98AC13;
}

/** personal-infs */
div.personal-infs {
    width: 100%;
    float: left;
}
div.personal-infs div.item {
    padding-right: 11px;
    height: 69px;
    float: left;
}
div.personal-infs a.image {
    float: left;
    padding-top: 5px;
    border: 2px solid #EBEBEB; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    width: 45px; height: 40px;
    text-decoration: none; text-align: center;
}
div.personal-infs a.image img {
    display: inline-block;
    margin-bottom: -2px;
    overflow: hidden;
    vertical-align: middle;
}
div.personal-infs a.image span.delete {
    display: none;
    border-bottom: 1px dotted #D94D00;
    position: relative; left: -5px;
    white-space: nowrap;
    font-size: 0.833em; line-height: 2;
    color: #D94D00;
}
div.personal-infs a.image:hover span.delete {
    display: inline;
}
div.personal-infs div.name {
    padding-top: 12px; padding-right: 5px;
    width: 147px;
    float: left;
    text-indent: 11px; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;
    font-size: 1.25em;
}
div.personal-infs div.item.disabled {
    opacity: 0.5; filter: alpha(opacity=50);
}
div.personal-infs div.item.disabled a.image {
    cursor: default;
}
div.personal-infs div.item.disabled span.delete {
    display: none;
}

/** personal-preview-label */
#personal-preview-label {
    margin-bottom: -72px; padding-top: 5px;
    width: 390px; height: 67px;
    float: right;
    text-align: center; line-height: 1.9;
    background: url('/i/personal/preview-bg.png') 50% 0 no-repeat; color: #4A4A4A;
}
#personal-preview-label big {
    text-shadow: 1px 1px #F8F8F8;
    font-size: 1.5em;
}
#personal-preview-label a {
    color: #4A4A4A;
}

/** personal-links */
#personal-links {
    margin-bottom: -70px; padding-right: 16px;
    width: 374px; min-height: 70px;
    float: right;
    text-align: right;
    font-size: 0.917em; line-height: 2;
    color: #4A4A4A;
}
#personal-links a {
    color: #4A4A4A !important;
}
#personal-links img {
    vertical-align: -3px;
}
#personal-alias {
    position: relative; right: -15px;
}

/** personal-content */
#personal-content {
    width: 573px;
    float: left;
}
#personal-title {
    margin: 0 0 30px; padding-left: 0.5em;
    word-wrap: break-word;
    font-size: 3em;
    color: #4A4A4A;
}
#personal-inf-name-text {
    margin-right: 0.4em;
}
#personal-vishnuswf {
    margin: 0 auto 20px;
    width: 440px; height: 250px;
}
#personal-awards div.plate-box {
    padding: 0;
    text-align: center; line-height: 56px;
}
#personal-awards img {
    margin: 0 5px;
}
img.award-min[rel^='http'] {
    cursor: pointer;
}
div.personal-awards-list {
    height: 400px;
    overflow: scroll; overflow-x: hidden;
}
div.personal-awards-list .image {
    border: 0;
}
#personal-content #infbar {
    margin-right: -15px; margin-bottom: 24px;
    width: 588px;
}
#personal-likebox div.plate-box {
    padding-bottom: 9px;
    overflow: hidden;
}
#personal-friends div.personal-infs {
    margin-right: -11px; padding-top: 0.333em;
    width: 540px;
}
#personal-friends-make #personal-friends-del-wrap,
#personal-friends-make.friend #personal-friends-add {
    display: none;
}
#personal-friends-make.friend #personal-friends-del-wrap {
    display: inline;
}
#personal-friends-del:hover {
    color: #D94D00 !important;
}
div.personal-friends-popup #jqi {
    padding: 28px 20px 28px 38px;
    width: 656px;
}
div.personal-friends-popup div.personal-infs {
    margin-left: -5px; padding-left: 5px;
    max-height: 276px;
    position: relative;
    overflow: auto; overflow-x: visible;
}
div.personal-friends-popup div.personal-infs-block {
    width: 100%; float: left;
}
div.personal-friends-selector #jqi {
    width: 192px;
}
#personal-friends-selector {
    width: 100%; height: 322px;
    overflow: auto; overflow-x: hidden;
}
#personal-friends-selector div {
    padding: 5px 0 12px;
    width: 164px; overflow: hidden;
    text-align: right;
    line-height: 88px;
}
#personal-friends-selector span {
    width: 74px; height: 90px;
    float: left;
    text-align: center;
    background: url('/i/personal/inf-border.png') no-repeat;
}
#personal-friends-selector img {
    vertical-align: middle;
}
#personal-friends-selector a {
    font-size: 1.25em;
    color: #3F3F3F;
}
#personal-friends-selector a.del,
#personal-friends-selector div.friend a.add {
    display: none;
}
#personal-friends-selector div.friend a.del {
    display: inline;
}

#personal-interests-tags {
    margin-bottom: 0.917em;
}
#personal-interests-tags a {
    margin-right: 0.8em;
    line-height: 1.583;
    color: #D94D00;
}
#personal-interests-tags a:visited {
    color: #3F3F3F;
}
div.personal-interests-popup #jqi {
    width: 620px;
}
div.personal-interests-popup div.personal-interests-tags {
    font-size: 1.25em; line-height: 1.6;
}
div.personal-interests-popup div.personal-interests-tags a {
    color: #3F3F3F;
}
#personal-interests-form textarea {
    height: 160px !important;
}

/** personal-sidebar */
#personal-sidebar {
    margin-top: 88px;
    width: 390px;
    float: right;
}
#personal-inf-info {
    word-wrap: break-word; overflow: hidden;
    font-size: 1.167em; line-height: 1.429;
    color: #4A4A4A;
}
#personal-owner h1 {
    margin: 0 0 0.778em;
}
#personal-owner-card {
    padding-bottom: 16px;
    width: 100%; overflow: hidden;
}
#personal-owner-photo {
    margin-bottom: 4px;
    width: 81px; height: 80px;
    float: left;
    cursor: pointer;
}
#personal-owner-name {
    margin-bottom: 0.222em; padding-left: 97px;
    word-wrap: break-word;
    font-size: 1.5em;
}
#personal-owner-info {
    padding-left: 97px;
    word-wrap: break-word;
    color: #757575;
}
#personal-owner-photos,
#personal-owner-infs {
    padding-top: 12px;
    border-top: 1px dotted #C4C4C4;
}
#personal-owner-photos {
    padding-bottom: 15px;
}
#personal-owner-photos-box {
    margin-right: -10px;
    width: 360px;
    overflow: hidden;
}
#personal-owner-photos-box img {
    margin-right: 11px;
    border: 2px solid #EBEBEB; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    float: left;
    cursor: pointer;
}
#personal-owner-infs-box {
    margin-right: -18px;
    width: 368px;
    overflow: hidden;
}
#personal-owner-infs-box a {
    margin-right: 18px;
    width: 74px; height: 90px;
    float: left;
    text-align: center;
    line-height: 88px;
    background: url('/i/personal/inf-border.png') no-repeat;
}
div.personal-owner-infs-popup #jqi {
    padding: 28px 20px 28px 38px;
    width: 656px;
}
div.personal-owner-infs-popup div.personal-infs {
    max-height: 276px;
    overflow: auto; overflow-x: visible;
}
.personal-box {
    margin-top: 1.167em;
}
.personal-box div.item {
    margin-bottom: 14px; padding-left: 56px; padding-bottom: 15px;
    border-bottom: 1px dotted #C4C4C4;
    overflow: hidden;
    color: #000000;
}
.personal-box .image {
    margin-top: 2px; margin-left: -56px;
    border: 2px solid #EBEBEB; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    width: 45px; height: 45px;
    float: left;
    line-height: 45px;
    text-decoration: none; text-align: center;
}
.personal-box .image img {
    vertical-align: bottom; vertical-align: -74% !ie;
}
.personal-box div.title {
    margin-bottom: 0.25em;
    font-weight: bold;
}
.personal-box div.text {
    margin-bottom: 0.25em;
    font-size: 1em; line-height: 1.333;
}
.personal-box div.date {
    font-size: 0.917em;
    color: #ABABAB;
}
#personal-teaser {
    clear:both;
    font-size: 1.167em; line-height: 1.571;
}
#personal-teaser div.plate-box {
    padding: 16px 18px;
}
#personal-comments {
    clear:both;
}
#personal-comments div.plate-box {
    padding: 20px 18px;
}
#personal-comments h1 {
    font-size: 1.667em;
}
#personal-comments h3 {
    font-size: 18px !important;
}

/** photos */
div.photos-popup #jqi {
    padding: 26px 32px;
    width: 636px; top: 5% !important;
}
#photos {
    position: relative;
}
#photos-preview {
    margin-right: -22px; margin-bottom: 30px;
    width: 658px; overflow: hidden;
}
#photos-preview div {
    margin-right: 22px;
    width: 72px; height: 54px;
    float: left;
    background: #E5E5E5 url('/i/photos/preview-blank.png') 50% 50% no-repeat;
    cursor: pointer;
}
#photos-preview div.selected {
    border: 3px solid #C3D931;
    width: 66px; height: 48px;
    overflow: hidden;
}
#photos-preview div.selected img {
    margin: -3px 0 0 -3px;
}
#photos-prev, #photos-next {
    width: 26px; height: 26px;
    position: absolute; top: 265px; left: 0;
    cursor: pointer;
}
#photos-next {
    left: auto; right: 0;
}
#photos-image-box {
    margin: 0 auto;
    width: 520px; height: 390px;
    background: url('/i/photos/blank.png') no-repeat;
}
#photos-title {
    margin: 0.4em auto 0;
    width: 520px; height: 20px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.25em;
}
#photos-form {
    margin: 10px auto 0;
    width: 520px;
}
#photos-form div {
    height: 32px;
}
#photos-form label span,
#photos-form label input {
    vertical-align: middle;
}
#photos-form input[type="file"] {
    margin-right: 6px;
}
#photos-form input[type="text"] {
    width: 300px;
}
#photos-form button {
    margin: 5px 5px 0 0; padding: 0;
    border: 0;
    background: transparent none;
    cursor: pointer;
}

#personal-awards-link {
    position:absolute; right:18px; bottom:16px;
    font-size: 0.917em; line-height: 1em;
    color: #3F3F3F !important;
}
.award-max {
    display: none;
    position: absolute; z-index: 9999;
}

