html{color:#333;background:#f0f1eb;margin:0;padding:0;}
div,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;empty-cells: show;}
fieldset,img{border:0;}
label {font-weight: normal;}
body {font-family: Tahoma, Verdana, Arial;font-size: 0.85em;min-width: 1000px;width: 100%;text-align: center;margin:0;padding:0;}
A{color: #125294;}
A:hover{text-decoration: none;}
A:active{color: #585858;}
A:visited{color: #125294;}
H1, H2, H3, H4, H5, H6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: normal;}
H1, .h1, .h1:visited{font-size: 15pt;}
H2, .h2, .h2:visited{font-size: 14.5pt;}
H3, .h3, .h3:visited{font-size: 13pt;}
H4, .h4, .h4:visited{font-size: 12.5pt;}
H5, .h5, .h5:visited{font-size: 12pt;}
H6, .h6, .h6:visited{font-size: 11.5pt;}
p {margin: 0.2em 0;}
.center {text-align: center;}
.bold{font-weight: bold;}
.norm{font-weight: normal;font-style: normal;}
.transp {-moz-opacity: 0;filter: alpha(opacity: 0);opacity: 0;}
.u{text-decoration: underline;}
.non-u, a.non-u {text-decoration: none;}
.i {font-style: italic;}
.strike {text-decoration: line-through;}
.submit_but {
background: url('http://yar-life.ru/i/new/button_bg.png') repeat-x;
border: 1px solid #5b7582;
color: #FFF;
cursor: pointer;
font-size: 9pt;
height: 18px;
line-height: 16px;
padding: 0 3px 3px;
}
.button {font-weight: bold;padding: 3px;cursor:pointer;}
.left {float:left}
.right {float: right;}
.block {display: block;}
.hide{display: none;}
.hand {cursor: pointer;}
.pseudo-link {text-decoration: none;border-bottom: 1px dotted;cursor: pointer;}
.link {text-decoration: underline;cursor:pointer;}
.text-center, .txtc {text-align: center;}
.text-right, .txtr {text-align: right;}
.text-left, .txtl {text-align: left;}
.error{margin: 5px 0;font-size: 10pt;padding: 3px;border: 1px solid #AD5555;background: #FFCFCF;color: #870D0D;font-weight: bold;text-indent: 0;}
.alert{padding: 3px;font-size: 10pt;border: 1px solid #409540;background: #D4FFAA;color: #409540;font-weight: bold;margin: 5px 0;}
.orange_button{background: #EF6500 url(http://yar-life.ru/i/orange_button_bg.gif) repeat-x;padding: 0 7px 3px;height: 35px;color: #FFF;font-size: 14pt;border: 1px solid #FFD200;border-bottom: 1px solid #BE2800;border-left: 1px solid #BE2800;cursor: pointer;}
.hidden {display:none;}
.form_table {border-spacing: 0;}
.form_table td {padding: 2px;}
.i_input {border: 1px solid #acc1cc;font-size: 10pt;color: #46545c;width: 95%;}
.i_textarea {border: 1px solid #acc1cc;color: #46545c;font-size: 10pt;padding: 2px;width: 95%;}
.i_select {
border: 1px solid #acc1cc;
font-size: 10pt;
color: #46545c;
width: 95%;
}
.i_label {
font-size: 9pt;
font-weight: bold;
color:#46545c;
}
.sum_input {
border: 1px solid #acc1cc;
font-size: 10pt;
color: #46545c;
}
.form_label_td {
text-align: right;
padding-right: 2em;
}
#adv_link {
color: #666;
font-size: 8pt;
margin: 3px 5px;
text-align: right;
width: 230px;
}
#ban_728x90 {
    display: none;
height: 90px;
float: right;
text-align: center;
margin: 1px 10px;
width: 73%;
}
#ban_240x400, .ban_240x400 {
    display: none;
background: #FFF;
height: 400px;
width: 240px;
margin: 0 auto;
}
#ban_240x400_wrap, .ban_240x400_wrap {
float: right;
text-align: center;
margin: 0 auto;
width: 24%;
}
#ban240x400 {
    display: none;
text-align: center;
margin: 10px auto;
}
#ban_row, #ban_row_2,#ban_row_3, #ban_row_4 {
text-align: center;
width: 100%;
clear: both;
height:65px;
}
.ban_728x60 {
    margin: 5px 0 10px;
}
.ban_468x60 {
    display: none;
float: left;
margin: 1%;
height:60px;
text-align: center;
width: 47%;
}
#full_banner {
    display: none;
height: 60px;
width: 100%;
text-align: center;
margin:5px 0 0;
}
#full_banner_2 {
    display: none;
width: 100%;
text-align: center;
margin:5px 0 0;
}
#logo_inform {
background: #f0f1eb;
text-align: left;
position: absolute;
top: 80px;
left: 30px;
width: 450px;
padding: 15px 20px;
border: 1px solid #d3dde2;
z-index:10000;
}
#logo_inform p {
text-indent: 2em;
margin: 1em 0;
}
#logo_inform h1 {
margin: 0 auto;
}
#i_top {
background: url('http://yar-life.ru/i/new/top/top_bg.gif') repeat-x;
height: 92px;
}
#i_top_g {
padding: 0 3%;
height: 100px;
}
#i_logo_h1 {
float: left;
margin: 0 15px;
color: #000;
font-size: 15pt;
width: 185px;
text-align: center;
line-height: 150%;
}
#menu {
background: #287098 url('http://yar-life.ru/i/new/menu_bg.png') repeat-x;
height: 28px;
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
text-align: justify;
white-space: nowrap;
}
.menu_item {
width: auto !important;
width: 70px;
float: left;
margin: 0 0 0 1%;
}
a.mmenu_a, a.mmenu_a:visited {
display: block;
height: 28px;
font-size: 9pt;
text-decoration: none;
font-weight: bold;
color: #FFF;
line-height: 28px;
letter-spacing: 0;
margin: 0 5px;
text-transform: none;
overflow: visible;
}
a.menu_new, a.menu_new:visited{
font-weight: bold;
color: #fcff00;
}
.i_submenu {
background: url('http://yar-life.ru/i/new/submenu_ar.gif') no-repeat top left;
display: none;
list-style-type: none;
margin: -7px 0 0;
min-width: 120px;
padding: 0;
position: absolute;
z-index: 2000;
}
.i_submenu li.first_subli {
margin-top: 7px;
}
.i_submenu li.subm {
background:#c4d3da;
border: 1px solid #FFF;
border-bottom: 1px solid #d3dee3;
border-top: none;
padding: 5px;
}
.i_submenu li.subm a, .i_submenu li.subm a:visited {
color: #454e53;
display: block;
text-decoration: none;
min-width: 100px;
font-size: 10pt;
width: auto !important;
width: 100px;
}
.i_submenu li.subm a:hover {
color: #FFF;
}
li.subm a.menu_new,li.subm a.menu_new:visited{
font-weight: bold;
color: #c80000;
}
.i_center {
width: 100%;
text-align: center;
}
.i_wrapper {
clear: both;
background: #f0f1eb;
}
#i_center
{
float: left;
width: 100%;
}
#i_container
{
width: 100%;
min-width: 990px;
max-width: 1263px;
text-align: left;
margin: auto;
}
#first_row {
height: 405px;
margin: 0 0 5px 0;
}
#i_top_events {
background: #dfe0d8 url('http://yar-life.ru/i/new/top_events_bg.png') repeat-x bottom;
height: 100px;
padding: 7px 5px 0;
}
.top_event {
float: left;
margin-left:1%;
height: 93px;
width: 31%;
overflow:hidden;
}
.top_event_hr {
float: left;
background: url('http://yar-life.ru/i/new/top_events_hr.png') no-repeat center -10px;
height: 97px;
width: 1%;
}
.top_event_photo {
border: 1px solid #cecfca;
height: 70px;
float: left;
margin: 3px 7px 0 0;
overflow: hidden;
padding: 1px;
width: 70px;
}
.top_event_photo a {
display: block;
height: 100%;
text-decoration: none;
width: 100%;
}
#i_top_line {
background: #FFF;
border-bottom: 1px solid #bcbcba;
height: 47px;
padding-bottom: 1px;
}
#i_weather, #i_currency {
border-right: 1px solid #dadbd6;
height: 40px;
margin: 4px 0 3px;
padding: 0 0 0 1%;
line-height: 140%;
}
#i_weather h2 {
display: inline;
margin: 0;
}
#i_search {
background: #c0d0d8 url('http://yar-life.ru/i/new/search_bg.png') no-repeat right top;
float: left;
height: 43px;
padding: 4px 1% 0;
width: 34%;
}
#i_search form {
margin: 4px 0;
}
#i_input {
border: 1px solid #acc1cc;
height: 18px;
line-height: 18px;
width: 75%;
margin: 0;
}
#i_submit {
line-height: 18px;
vertical-align: middle;
margin: 0;
}
#i_search_where {
margin-left: 40px;
}
.i_search_tab, .i_search_seltab {
width: auto;
float: left;
font-size: 8pt;
margin: 2px 7px 0;
text-align: center;
}
.i_search_tab {
cursor: pointer;
border-bottom: 1px dotted;
}
.i_search_seltab {
font-weight: bold;
}
#i_weather {
float: left;
width: 20%;
text-align: left;
padding-left: 2%;
}
#i_weather img, #i_currency img {
line-height: 18px;
margin-top: 1px;
vertical-align: bottom;
}
#i_currency {
float: left;
width: 18%;
}
#i_user {
float: left;
font-size: 8pt;
text-align: center;
padding: 5px 0 0 1%;
width: 19%;
}
.non-auth {
line-height: 35px;
}
#i_info {
background: #EEE;
float: left;
margin: 1%;
width: 35%;
}
#map_block {
height: 195px;
text-align: center;
}
#map_block img {
margin: 5px 0;
}
#map_block form {
color: ;
margin: 4px 0;
}
#i_adres {
border: 1px solid #d6d6d6;
height: 18px;
line-height: 18px;
width: 55%;
margin: 0;
}
#i_submit_map {
line-height: 18px;
vertical-align: middle;
margin: 0;
}
#info_block ul {
color: #8e8e8e;
float: left;
font-size: 11pt;
line-height: 25px;
list-style: square url('http://yar-life.ru/i/new/li.png') inside;
margin: 0;
padding-left: 3%;
width:46%;
}
#info_block ul li {
border-bottom: 1px solid #ebedec;
padding-left: 5px;
}
#i_news {background: #DDD;float: left;margin: 1%;width: 35%;}
#manage_news {clear: both;height: 360px;width: auto;overflow: hidden;}
.i_news_photo {height: 74px;margin: 5px 7px;overflow: hidden;width: 90px;float: left;}
.i_news_photo img {border: 1px solid #d3dde2;padding: 1px;width: inherit; height: inherit;}
.i_news_anons {font-size: 10pt;line-height: 130%;margin: 0 auto 3px;text-align: left;width: 97%;}
.i_news_title {margin: 5px auto 0;width: 98%;}
#i_expert {float: left;height: 300px;margin: 1% 0;width: 24%;}
#manage_experts {clear: both;height: 307px;width: auto;}
#manage_experts .i_slide_cont, #manage_experts .i_slide_move,#manage_experts .i_slide{width: 180px;}
#i_slide_experts {font-size: 9pt;height: 300px;width: 190px;}
.i_experts_photo {border: 1px solid #d3dde2;display: block;margin: 5px auto;overflow: hidden;padding: 1px;}
.i_experts_anons {color: #7295a1;font-size: 9pt;line-height: 140%;margin: 7px 0;}
.i_expert_razdel_link {font-size: 9pt;font-weight: bold;color: #878787;}
#i_person {float: left;height: 320px;margin: 0;width: 24%;}
#manage_person {clear: both;width: auto;}
#manage_person .i_slide_cont, #manage_person .i_slide_move,#manage_person .i_slide {width: 180px;text-align: center;}
#i_slide_person {font-size: 9pt;height: 265px;width: 180px;}
.i_person_photo {display: block;margin: 5px auto;overflow: hidden;padding: 1px;}
.i_person_anons {color: #7295a1;font-size: 9pt;line-height: 130%;margin: 7px 0 0;}
.i_person_razdel_link {font-size: 9pt;font-weight: bold;color: #878787;}
.i_slide_cont {height: inherit;margin: auto;overflow: hidden;position: relative;}
.i_slide_move {float: left;height: inherit;padding: 0;position: relative;}
.i_slide {float: left;height: inherit;overflow: hidden;}
.i_slide_prev, .i_slide_next {display: block;float: left;height: 87px;margin-top: 22%;width: 16px;}
.i_slide_next {float: right;}
.slide_load {background: #EEE;height: 375px;margin: auto;-moz-opacity: 0.5;filter: alpha(opacity: 50);opacity: 0.5;}
.slide_load .slide_img_load {left: 35%;line-height: 200px;position: relative;top: -75%;}
.larrow_active, .larrow_inactive, .rarrow_active, .rarrow_inactive {background: url('http://yar-life.ru/i/new/arrows.png') no-repeat;}
.larrow_active {background-position: bottom left;cursor: pointer;}
.larrow_inactive {background-position: bottom right;cursor: default;}
.rarrow_active {background-position: top left;cursor: pointer;}
.rarrow_inactive {background-position: top right;cursor: default;}
.larrow_active:hover {background-position: center bottom;}
.rarrow_active:hover {background-position: center top;}
.tabs {font-size:0.9em;margin:0.2em 0 0;overflow:hidden;padding:1px;position:relative;width:100%;zoom:1;}
.tabs dt {background:#ebebeb;border:1px solid #dcdcdc;border-bottom:0;float:left;color: #668188;cursor:pointer;font-weight: bold;height:2em;left:15px;line-height:2;margin-right:4px;padding:0 1em;position:relative;
-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
.tabs dt a, .tabs dt a:visited {color: #668188;text-decoration: none;}
.tabs dt:hover {background-color:#e4e4e4;}
.tabs dt.selected {background:#fff;border-color:#dcdcdc;cursor:text;z-index:3;}
.tabs dd {background:#fff;display:none;float:right;margin:2em 0 0 -100%;position:relative;width:100%;z-index:2;}
.tabs dd.selected {display:block;}
.tabs .tab-content {border:1px solid #dcdcdc;padding:10px;-webkit-border-radius:3px;-moz-border-radius:3px;}
#first_row, #second_row, #third_row, #fourth_row, #fifth_row {clear: both;}
#i_catalog {
float: left;
margin: 0 1%;
width: 72%;
}
#new_firms {
margin-top: 15px;
padding-top: 6px;
height: inherit;
}
#new_firms .new {
clear: both;
margin: 0;
padding: 2px;
}
.new_firm img {
border: 1px solid #ebedec;
width: 65px;
margin: 0 5px 2px 0;
padding: 1px;
float: left;
text-align:left;
max-height: 55px;
}
a.newcatlink {
color: #434343;
font-weight: bold;
}
a.newcatlink:visited {
color: #494949;
}
#firm_list {
height: inherit;
}
.new_firm {
margin: 0;
padding-left: 5px;
width:32%;
float: left;
height:65px;
overflow: hidden;
}
ul.catalog_list {
color: #8e8e8e;
float: left;
font-size: 14px;
line-height: 20px;
list-style: square url('http://yar-life.ru/i/new/li.png') inside;
margin: 0;
padding-left: 3px;
width:32%;
}
ul.catalog_list li {
border-bottom: 1px solid #ebedec;
padding-left: 4px;
}
.catalog_list {
float: left;
margin: 0;
padding: 0;
line-height: 130%;
list-style-type: none;
width: 32%;
}
.catalog_list li {
padding: 3px 0;
border-bottom: 1px solid #ebedec;
}
.sites_count, .firm_matches{
color: #87a9b5;
font-size: 7pt;
}
#top_new_sites {
float: left;
margin-right: 1%;
width: 44%;
}
.top_sites {
float: left;
font-size: 10pt;
margin: 0 0 10px 5px;
padding-left: 30px;
}
.top_sites li{
padding: 2px;
margin: 3px 0;
}
#top_sites {
font-size: 9pt;
margin: 0 0 10px 5px;
padding-left: 20px;
}
#top_sites li{
padding: 2px;
margin: 3px 0;
}
.top_sites_head, .new_sites_head {
font-size: 12pt;
color: #333;
list-style-type: none;
}
#new_sites {
font-size: 9pt;
margin: 0 0 10px 5px;
padding-left: 20px;
}
#new_sites li{
padding: 2px;
margin: 3px 0;
}
.i_sites {
float: left;
margin: 0;
padding: 0;
width: 25%;
line-height: 140%;
list-style-type: none;
}
.i_sites li {
padding: 4px 0;
border-bottom: 1px solid #ebedec;
}
.one_site {
border-bottom: 1px dashed #999;
margin: 10px;
padding: 7px 7px 12px;
}
.add_site_error {
background: #fff;
width:250px;
height:18px;
line-height: 18px;
border: 1px solid red;
padding: 3px;
font-size: 10pt;
color: red;
position: absolute;
margin-top:-25px;
}
.i_site_error {
border: 1px solid red;
}
#i_rabota {
float: left;
margin: 1%;
width: 33%;
}
#job_resume {
}
#job_resume ul, #job_vacancy ul {
list-style-type: none;
font-size: 10pt;
margin: 0 7px;
padding: 0;
}
#job_resume li, #job_vacancy li{
border-bottom: 1px solid #ebedec;
clear: both;
height: 18px;
padding: 4px;
white-space: nowrap;
}
.resume_title, .vacancy_title {
display: block;
line-height: 16px;
float: left;
overflow: hidden;
position: relative;
width: 69%;
}
.resume_salary, .vacancy_salary{
display: block;
line-height: 16px;
float: left;
overflow: hidden;
position: relative;
width: 31%;
}
#i_realty {
float: left;
margin: 1% 0 0;
width: 24%;
}
#manage_realty {
clear: both;
width: auto;
}
#manage_realty .i_slide_cont, #manage_realty .i_slide_move{
width: 170px;
}
#manage_realty .i_slide {
width: 170px;
text-align: center;
}
#i_slide_realty {
width: 170px;
font-size: 9pt;
}
.i_realty_photo {
display: block;
border: 1px solid #d3dde2;
margin: 5px auto;
overflow: hidden;
padding: 1px;
width: 120px;
}
.i_realty_title {
font-size: 10pt;
font-weight: bold;
color: #878787;
}
.i_realty_price {
font-size: 11pt;
color: #B23232;
}
.i_realty_anons {
color: #7295a1;
font-size: 9pt;
line-height: 140%;
margin: 7px 0;
text-align: left;
}
#i_auto {
float: left;
margin: 1%;
width: 30%;
}
#manage_auto {
clear: both;
height: 250px;
width: auto;
}
#manage_auto .i_slide_cont, #manage_auto .i_slide_move{
width: 220px;
}
#manage_auto .i_slide {
width: 220px;
text-align: center;
}
#i_slide_auto {
width: 230px;
height: 240px;
font-size: 9pt;
}
.i_auto_photo {
display: block;
border: 1px solid #d3dde2;
margin: 5px auto;
overflow: hidden;
padding: 1px;
}
.i_auto_title {
font-size: 10pt;
font-weight: bold;
color: #878787;
}
.i_auto_price {
font-size: 11pt;
color: #B23232;
}
.i_auto_year {
color: #7295a1;
font-size: 10pt;
line-height: 140%;
margin: 7px 0;
text-align: left;
}
#i_afisha {
float: left;
margin: 0 1%;
width: 72%;
}
.i_event {
width: 18%;
float: left;
margin-left: 1%;
height: 170px;
text-align: center;
}
.afisha_events_div {
height: 200px;
}
.i_event_img {
border: 1px solid #d3dde2;
margin: 5px auto;
overflow: hidden;
padding: 1px;
width: 100px;
height: 100px;
}
.event_date {
font-size:10pt;
font-weight:bold;
line-height:150%;
color: ;
}
.event_anons {
font-size: 10pt;
line-height: 130%;
}
.event_places {
font-size: 10pt;
line-height: 130%;
}
#i_photoreports {
float: left;
margin: 1% 0;
width: 24%;
}
.photo_row {
margin: 0 auto;
height: 75px;
text-align: left;
padding: 5px 0;
overflow: hidden;
position: relative;
}
.photo_row .one_photo {
border: 1px solid #ababab;
display: block;
float: left;
font-size: 8pt;
height: 60px;
margin: 7px 1%;
overflow: hidden;
width: 60px;
}
.new_photoreport {
padding:5px 0  0 0;
}
.photo_title {
font-size: 10pt;
font-weight: bold;
line-height: 130%;
}
#photoalbums_div {
width: 100%;
height: 700px;
overflow: auto;
}
.photo_mdiv {
margin: 5px 0;
padding: 6px 3px;
color: #666;
font-size: 11pt;
}
.ph_all
{
text-align: center;
overflow: hidden;
height: 90px;
margin-bottom: 0 0 5px 10px;
}
.ph_report {
width: 98%;
margin: 5px auto;
}
.ph_one
{
float:left;
height:85px;
margin:2px 5px 2px 3px;
width:85px;
}
.ph_one a {
display: block;
width: inherit;
height: inherit;
}
.ph_report .ph_one {
border: 3px solid #EBEBEB;
border-bottom: 3px solid #BBB;
border-right: 3px solid #BBB;
margin: 9px 0.85%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.photo_view {
text-align: center;
}
.one_photo_view {
border: 3px solid #EBEBEB;
border-bottom: 3px solid #BBB;
border-right: 3px solid #BBB;
margin: 0 auto;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.prev_photo {
float: left;
position: relative;
display: block;
width: 220px;
z-index: 10;
}
.next_photo {
float: right;
position: relative;
display: block;
width:  220px;
z-index: 10;
}
.next_photo:hover, .prev_photo:hover {
background: #fff url('http://yar-life.ru/i/new/next_photo_bg.png') no-repeat left center;
-moz-opacity: 0.5;filter: alpha(opacity: 50);opacity: 0.5;
}
.prev_photo:hover {
background: #fff url('http://yar-life.ru/i/new/prev_photo_bg.png') no-repeat right center;
}
.photo_in {
float: left;
position: relative;
width: 100%;
text-align: center;
z-index: 1;
zoom:1;
}
#photo_wrap {
width: auto;
}
#photo_slider
{
clear: both;
height: 81px;
padding: 4px;
margin: 5px auto;
background: #FFFEF7;
display: table-cell;
overflow: hidden;
}
#photo_report
{
clear: both;
height: 80px;
padding: 4px;
margin: 5px;
background: #FFFEF7;
border: 1px solid #F2F0DB;
overflow: hidden;
}
.slider_selphoto
{
width: 71px;
height: 71px;
overflow: hidden;
float: left;
border: 3px solid #FFB301;
margin: 2px;
/*position: relative;*/
}
.slider_photo
{
width: 75px;
height: 75px;
overflow: hidden;
float: left;
border: 1px solid #F2F0DB;
margin: 2px;
/*position: relative;*/
}
.slider_photo A
{
display: block;
width: 100%;
height: 100%;
}
#photo_report .slider_photo
{
margin: 2px 5px;
}

#ps_next
{
width: 14px;
height: 31px;
display: block;
background: url(http://yar-life.ru/i/my/ps_next.gif) no-repeat top;
float: right;
margin: 24px 3px 0px 6px;
}
#ps_next:hover
{
background-position: bottom;
}
#ps_prev
{
width: 14px;
height: 31px;
display: block;
background: url(http://yar-life.ru/i/my/ps_prev.gif) no-repeat top;
float: left;
margin: 24px 6px 0px 3px;
}
#ps_prev:hover
{
background-position: bottom;
}
#photo_rate
{
width: 700px;
}
#photo_next
{
width: 100px;
font-size: 30pt;
line-height: 20px;
float: right;
}
#photo_next A, #photo_next A:visited
{
color: #0C4ABD;
text-decoration: none;
}
#photo_prev
{
width: 100px;
float: left;
font-size: 30pt;
line-height: 20px;
color: #0C4ABD;
}
#photo_prev A, #photo_prev A:visited
{
color: #0C4ABD;
text-decoration: none;
}
.my_last_photos
{
text-align: center;
}
.one_photo A, .one_photo_edit A
{
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.one_photo
{
width: 75px;
height: 75px;
overflow: hidden;
float: left;
border: 1px solid #ababab;
margin: 5px 10px;
z-index: 2;
position: relative;
}
.one_photo .photos_comments
{
width: 16px;
height: 16px;
position: relative;
z-index: 100;
top: -16px;
left: 60px;
}
.one_photo_edit
{
width: 75px;
height: 95px;
float: left;
border: 1px solid #F2F0DB;
margin: 5px;
}
.one_photo_edit .one_photo
{
width: 75px;
height: 75px;
overflow: hidden;
border: 1px solid #F2F0DB;
float: none;
padding: 0;
margin: 0;
}
.edit_photo_label
{
background: #C3C3C3 url(http://yar-life.ru/i/my/edphoto_bg.gif) no-repeat;
width: 72px;
height: 18px;
padding: 2px 0px 0px 4px;
}
.edit_photo_label INPUT
{
float: left;
height: 14px;
width: 14px;
margin: 1px;
}
.edit_photo_label LABEL
{
display: block;
cursor: pointer;
width: 54px;
float: right;
height: 15px;
}
.album_head_left
{
width: 68%;
float: left;
clear: left;
}
.album_head_right
{
width: 28%;
float: right;
clear: right;
text-align: right;
}
.one_album
{
border: 1px solid #CCC;
clear: both;
height: 85px;
padding: 5px;
margin: 5px 0 10px;
overflow: hidden;
}
.one_album .one_photo
{
margin: 5px;
}
.album, .edit_album
{
padding: 5px;
margin: 0 auto;
}
.album .one_photo
{
float: left;
margin: 4px;
}
.ph_title
{
font-size: 14pt;
color: #0B7098;
font-family: Arial, Helvetica, sans-serif;
}
.ph_ph
{
background: #EBEBEB;
border: 1px solid #D2D2D2;
}
.ph_sleft
{
width: 100px;
float: left;
padding: 2px;
}
.ph_sright
{
width: 100px;
float: right;
padding: 2px;
}
.ph_all
{
overflow: hidden;
height: 75px;
margin-bottom: 5px;
margin-left: 10px;
}
.ph_one
{
float: left;
width: 74px;
height: 74px;
margin: 0 5px;
}
.ph_one2
{
float: left;
width: 70px;
height: 70px;
margin: 10px;
}
.ph_see
{
margin-bottom: 5px;
color: #666;
}
.ph_seet
{
font-size: 8pt;
color: #666;
}
.ph_content
{
margin: 4px 0;
font-size: 9pt;
color: #666;
}
.ph_comimg
{
position: relative;
top: 49px;
left: -3px;
}
.photo_mtitle
{
color: #666;
font-size: 11pt;
font-weight: normal;
}
.photo_mtitle:visited {
color: #999;
}
.slider_photo .photos_comments
{
width: 16px;
height: 16px;
position: relative;
z-index: 100;
top: -18px;
left: 30px;
}
.slider_selphoto .photos_comments
{
width: 16px;
height: 16px;
position: relative;
z-index: 100;
top: 55px;
left: 28px;
}

.photo_mdiv
{
overflow-y: scroll;
height: 1000px;
font-size: 9pt;
color: #999;
}
/*//TODO: RATE*/
.rate_1, .nonrate_1, .grade_1
{
background: url(http://yar-life.ru/i/rate/rate_1.gif);
}
.rate_2, .nonrate_2, .grade_2
{
background: url(http://yar-life.ru/i/rate/rate_2.gif);
}
.rate_3, .nonrate_3, .grade_3
{
background: url(http://yar-life.ru/i/rate/rate_3.gif);
}
.rate_4, .nonrate_4, .grade_4
{
background: url(http://yar-life.ru/i/rate/rate_4.gif);
}
.rate_5, .nonrate_5, .grade_5
{
background: url(http://yar-life.ru/i/rate/rate_5.gif);
}
.rate_1, .rate_2, .rate_3, .rate_4, .rate_5, .nonrate_1, .nonrate_2, .nonrate_3, .nonrate_4, .nonrate_5
{
width: 37px;
height: 38px;
background-position: center center;
background-repeat: no-repeat;
float: left;
margin: 3px;
cursor: pointer;
text-decoration: none;
display: block;
}
.nonrate_1, .nonrate_2, .nonrate_3, .nonrate_4, .nonrate_5
{
background-position: bottom;
cursor: default;
}
.rate_1:hover, .rate_2:hover, .rate_3:hover, .rate_4:hover, .rate_5:hover, .my_rate
{
background-position: top;
}
.grade_1, .grade_2, .grade_3, .grade_4, .grade_5
{
    width: 37px;
height: 38px;
background-position: top center;
background-repeat: no-repeat;
    cursor: default;text-decoration: none;
display: block;margin: 3px auto;
}
.photo_rate
{
width: 700px;
}
.rate_this
{
width: 225px;
margin: 5px 0;
clear: both;
}

#i_clubs {
float: left;
margin: 1%;
width: 25%;
}
#i_last_cposts ul {
list-style-type: none;
font-size: 10pt;
margin: 0 7px;
padding: 0;
}
#i_last_cposts li {
border-bottom: 1px solid #ebedec;
clear: both;
height: 20px;
white-space: nowrap;
}
.lcp_date {
display: block;
float: left;
width: 72px;
line-height: 20px;
}
.lcp_title {
display: block;line-height: 18px;
float: left;
overflow: hidden;
width: 69%;
}
.lcp_comments {
display: block;
float: left;
width: 16px;
}
#i_blogs {
float: left;
margin: 1%;
width: 44%;
}
#i_last_posts ul {
list-style-type: none;
font-size: 10pt;
margin: 0 3px;
padding: 0;
}
#i_last_posts li {
border-bottom: 1px solid #ebedec;
clear: both;
height: 20px;
white-space: nowrap;
}
.lp_date {
display: block;
float: left;
width: 72px;
line-height: 20px;
}
.lp_title {
display: block;line-height: 18px;
float: left;
overflow: hidden;
width: 75%;
}
.lp_comments {
display: block;
float: right;
width: 16px;
}
.fade {
background:transparent url(http://yar-life.ru/i/fade.png) no-repeat scroll 0 50%;
display:block;
float:right;
height:1.6em;
margin:-1.4em 0 -0.1em -16px;
overflow:hidden;
position:relative;
width:16px;
}
#i_uphotos {
float: left;
margin: 1% 0 1% 1%;
width: 24%;
}
#i_uphotos_block {
height: 300px;
padding: 2px 0 5px 5%;
overflow: hidden;
position: relative;
}
.one_photo A
{
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.one_photo
{
width: 75px;
height: 75px;
overflow: hidden;
float: left;
border: 1px solid #ababab;
margin: 10px 1%;
z-index: 2;
position: relative;
}
.one_photo .photos_comments
{
width: 16px;
height: 16px;
position: relative;
z-index: 100;
top: -16px;
left: 60px;
}
#i_uphotos_block .one_photo {

margin: 11px 5px;
}
#content {
min-width:700px;
width: 98% !important;
width: 700px;
width: 98%;
float: left;
padding: 0 1% 1%;
}
#left_col {
clear: left;
float: left;
width: 24%;
min-width: 240px;
}
#right_col {
clear: right;
float: right;
width: 24%;
min-width: 240px;
}
.content_col{
float: left;
margin-left: 1%;
width: 73%;
}
.content_full{
float: left;
margin-left: 1%;
width: 97%;
}
.content_3cols {
float: left;
margin:0 1%;
width: 49%;
}

    #left_col_fx{
	float:left;
	width:240px;
	margin-left:-100%;
	position:relative;
	z-index:1;
    }

    #content_col_fx{
    float:left;
	width:100%;
    }
    #content3_in_fx {
    margin:0 250px;
    width: auto;
    }
    #content2l_in_fx {
    margin:0 0 0 250px;
    width: auto;
    }
    #content2r_in_fx {
    margin:0 250px 0 0;
    width: auto;
    }
    #content_in_fx {
    margin:0;
    width: auto;
    }

    #right_col_fx{
	float:right;
	width:240px;
	margin-left:-240px;
    }

#def_content {
text-align: left;
overflow: hidden;
zoom: 1;
}
#adrstr {
float: left;
font-size: 8pt;
color: #999;
margin: 10px;
width:68%
}
#adrstr img {
margin: 0 4px 0 1px;
}
#adrstr_print {
font-size: 8pt;
color: #999;
margin: 10px;
}
#print_version {
float: right;
margin: 10px;
width:100px
}
#add_favorite {
float: right;
margin: 10px;
width:120px
}
#print_version a, #print_version a:visited, #add_favorite a, #add_favorite a:visited {
border-bottom: 1px dotted #999;
font-size: 8pt;
color: #999;
text-decoration: none;
}
#sub_menu ul, ul.submenu {
color: #8e8e8e;
font-size: 10pt;
list-style: square url('http://yar-life.ru/i/new/li.png') inside;
margin: 5px 0 0;
padding-left: 5px;
}
#sub_menu ul ul, ul.submenu ul {
font-size: 10pt;
}
#sub_menu ul li, ul.submenu li {
border-bottom: 1px solid #ebedec;
padding: 2px 0 4px 5px;
}
#left
{
text-align: left;
width: 240px;
float: left;
margin-left: -99%;
}
#right
{
text-align: left;
width: 240px;
float: left;
margin-left: -250px;
}
.right_col
{
width: 240px;
float: left;
margin-left: -250px;
text-align: left;
}
#center, #center_col
{
float: left;
width: 100%;
}
.center_col
{
float: left;
width: 100%;
}
#text
{
text-align: left;
margin: 0 264px;
}
#text_col
{
text-align: left;
margin: 0 1% 0 264px;
}
.text_col
{
text-align: left;
margin: 0 1% 0 264px;
}
#text_lcol
{
text-align: left;
margin: 0 264px 0 1%;
}
.text_lcol
{
text-align: left;
margin: 0 264px 0 1%;
}
#text_1col
{
margin: 0 1%;
text-align: left;
}
.i_block {
height: inherit;
}
.i_block_top {
background: url('http://yar-life.ru/i/new/block/block_t.png') repeat-x;
height: 8px;
overflow: hidden;
}
.i_block_tl {
background: url('http://yar-life.ru/i/new/block/block_tlc.png') no-repeat;
float: left;
height: 8px;
width: 12px;
}
.i_block_tr {
background: url('http://yar-life.ru/i/new/block/block_trc.png') no-repeat;
float: right;
height: 8px;
width: 11px;
}
.i_block_content {
background: #FFF;
border: none;
border-left: 1px solid #dadbd6;
border-right: 1px solid #dadbd6;
padding: 0 5px;
}
.i_block_head {
background: url('http://yar-life.ru/i/new/block2/head_bg.png') repeat-x;
height: 38px;
}
.i_block_head h2 {
color: #09364c;
font-size: 12pt;
margin: 0;
}
.i_block_head h1 {
font-size: 12pt;
margin: 0;
color: #09364c;
white-space: nowrap;
}
.i_block_hc {
float: left;
width: auto;
height: 38px;
overflow: hidden;
vertical-align: middle;
line-height: 36px;
}
.content_3cols .i_block_hc {
width: 94%;
}
.i_block_hc a.bl, .i_block_hc  a.bl:visited, .i_block_hc span.bl {
border-left: 3px solid #fcbc26;
color: #09364c;
font-size: 12pt;
margin: 0 5px;
padding-left: 9px;
}
.i_block_hc h1 {
font-size: 12.5pt;
}
.i_block_hc a.bl:hover {
color: #0c6dd0;
}
.i_block_hl {
background: url('http://yar-life.ru/i/new/block2/head_l.png') no-repeat left top;
float: left;
height: 38px;
width: 10px;
}
.i_block_hr {
background: url('http://yar-life.ru/i/new/block2/head_r.png') no-repeat right top;
float: right;
height: 38px;
width: 12px;
}
.i_block_inner {
padding: 5px 2px;
}
.i_block_bottom {
background: url('http://yar-life.ru/i/new/block/block_b.png') repeat-x;
height: 23px;
}
.i_block_bl, .i_block_br {
background: url('http://yar-life.ru/i/new/block/block_bc.png') no-repeat left top;
float: left;
height: 23px;
width: 160px;
}
.i_block_br {
background-position: right top;
float: right;
}
.i_block_bottom_small {
background: url('http://yar-life.ru/i/new/block/block_sb.png') repeat-x;
height: 20px;
}
.i_block_sbl, .i_block_sbr {
background: url('http://yar-life.ru/i/new/block/block_sbc.png') no-repeat left top;
float: left;
height: 20px;
width: 112px;
}
.i_block_sbr {
background-position: right top;
float: right;
}
/*start sb*/
.i_b {height: inherit;}
.i_b_t {background: url('//yar-life.ru/i/bl/t.png') repeat-x;height: 8px;overflow: hidden;}
.i_b_tl {background: url('http://yar-life.ru/i/bl/tlc.png') no-repeat;float: left;height: 8px;width: 12px;}
.i_b_tr {background: url('http://yar-life.ru/i/bl/trc.png') no-repeat;float: right;height: 8px;width: 11px;}
.i_b_cnt {background: #FFF;border: none;border-left: 1px solid #dadbd6;border-right: 1px solid #dadbd6;padding: 0 5px;}
.i_b_hd {background: url('http://yar-life.ru/i/bl/bg.png') repeat-x;height: 38px;}
.i_b_hd .i_b_ttl {color: #09364c;font-size: 12pt;margin: 0;}
.i_b_hc {float: left;width: auto;height: 38px;overflow: hidden;vertical-align: middle;line-height: 36px;}
.content_3cols .i_b_hc {width: 94%;}
.i_b_hc a.bl, .i_b_hc a.bl:visited, .i_b_hc span.bl {border-left: 3px solid #fcbc26;color: #09364c;font-size: 12pt;margin: 0 5px;padding-left: 9px;}
.i_b_hc a.bl:hover {color: #0c6dd0;}
.i_b_hl {background: url('http://yar-life.ru/i/bl/l.png') no-repeat left top;float: left;height: 38px;width: 10px;}
.i_b_hr {background: url('http://yar-life.ru/i/bl/r.png') no-repeat right top;float: right;height: 38px;width: 12px;}
.i_b_in {padding: 5px 2px;}
.i_b_bt {background: url('http://yar-life.ru/i/bl/b.png') repeat-x;height: 23px;}
.i_b_bl, .i_b_br {background: url('http://yar-life.ru/i/bl/bc.png') no-repeat left top;float: left;height: 23px;width: 160px;}
.i_b_br {background-position: right top;float: right;}
.i_b_bt_s {background: url('http://yar-life.ru/i/bl/sb.png') repeat-x;height: 20px;}
.i_b_sbl, .i_b_sbr {background: url('http://yar-life.ru/i/bl/sbc.png') no-repeat left top;float:left;height:20px;width:112px;}
.i_b_sbr {background-position: right top;float: right;}
/*end sb**/
/*start sb2*/
.ib {height: inherit;z-index: 1;}
.ibt, .ibtl, .ibtr  {background: url('//yar-life.ru/i/bl/ibt.png') top left repeat-x;height: 34px;overflow: hidden;}
.ibtl {background-position: bottom left;float: left; width: 14px;}
.ibtc {float: left;margin-left: 4px;line-height: 34px;padding-top: 2px;}
.ibtr {background-position: bottom right;float: right; width: 15px;}
.ibtc a.bl, .ibtc a.bl:visited, .ibtc span.bl {border-left: 3px solid #fcbc26;color: #09364c;font-size: 11pt;font-weight:bold;padding-left: 7px;}
.ibb, .ibbl, .ibbr {background: url('//yar-life.ru/i/bl/ibb.png') top left repeat-x;height: 20px;overflow: hidden;}
.ibbl {background-position:bottom left;float:left; width: 119px;}
.ibbr {background-position:center left;float:right; width: 119px;}
.ibin {background: #fff url('//yar-life.ru/i/bl/ibl.png') top left repeat-y; height: auto;}
.ibc {background: url('//yar-life.ru/i/bl/ibr.png') top right repeat-y;padding: 7px 10px 0 12px;}
.ibtc h1 {font-size: 12pt;font-weight:bold;padding-left: 7px;}
/*end sb2**/
.dis{font-size: 12pt;color: #999;}
.new_per_page {color: #666;font-size: 12pt;font-weight: normal;text-align: center;}
.new_per_page .per_page_navigation_pages
{font-size: 12pt;color: #666;margin: 0 5px;font-weight: normal;}
.new_per_page A:visited.per_page_navigation_pages
{font-size: 12pt;color: #999;margin: 0 5px;font-weight: normal;}
.new_per_page a.per_page_navigation_arrows{font-size: 13pt;text-decoration: none;font-weight: normal;color: #666;}
.new_per_page span.per_page_navigation{padding: 2px;font-size: 14pt;font-weight: normal;color: #333;}
.new_per_page .per_page_ctrl, .new_per_page .per_page_ctrl a{font-size: 12pt;font-weight: normal;color: #666;}
.black, A.black, A:visited.black {color: #000;}
.blue, A.blue, A:visited.blue {color: #0E83D0;}
.gray, A.gray, A:visited.gray {color: #999;}
.red, a.red, a:visited.red {color:#da0000;}
.orange, a.orange, a:visited.orange {color: #FF8300;}
.lblue, a.lblue, a:visited.lblue {color: #87a9b5;}
.white, a.white, a:visited.white {color: #fff;}
.green, a.green, a:visited.green {color:#3BBA3B;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w33 {width: 33%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w66 {width: 66%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w99 {width: 99%;}
.w100 {width: 100%;}
.h10 {height: 10%;}
.h20 {height: 20%;}
.h25 {height: 25%;}
.h30 {height: 30%;}
.h33 {height: 33%;}
.h40 {height: 40%;}
.h45 {height: 45%;}
.h50 {height: 50%;}
.h60 {height: 60%;}
.h66 {height: 66%;}
.h70 {height: 70%;}
.h75 {height: 75%;}
.h80 {height: 80%;}
.h90 {height: 90%;}
.h99 {height: 99%;}
.h100 {height: 100%;}
.size12 {font-size: 12pt;}
.size11 {font-size: 11pt;}
.size10 {font-size: 10pt;}
.size9  {font-size: 9pt;}
.size8  {font-size: 8pt;}
/*//TODO: Users
*/
.count
{
font-size: 7pt;
color: #666;
}
.user_avatar
{
width: 50px;
height: 50px;
background: url(http://yar-life.ru/i/no_avatar.gif) no-repeat center center;
border: 1px solid #999;
margin: 0 3px 0 0;
}
.user_avatar_link {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
overflow: hidden;
}
#user_avatar
{
width: 50px;
margin-right: 1px;
float: right;
}
#my_avatar
{
width: 50px;
float: right;
}
.user_mood {
display: block;
width: 150px;
float: left;
}
.user_mood img {margin: 0;padding: 0;border: 0;}
.mood {
display: block;
width: 149px;
padding: 3px;
background: url('http://yar-life.ru/i/dg_bg.gif') repeat-y;
font-size: 8pt;
color: #666;
}
.users_list, .users_list_chet {
overflow: hidden;
border-bottom: 1px solid #f6eddf;
/*border-bottom: none;*/
padding: 3px;
}
.users_list .user_avatar{
float: left;
}
#login_form {
margin: 7% auto 15%;
width: 500px;
height: 300px;
}
#reg_form {
margin: 3% auto 10%;
width: 600px;
height: 300px;
}
#login_form table, #reg_form table {
width: 90%;
margin: 20px auto;
}
#login_form td, #reg_form td {
padding: 4px;
}
#login_form .label_td, #reg_form .label_td {
text-align: right;
padding-right: 15px;
}
#login_form label, #reg_form label {
font-size: 10pt;
font-weight: bold;
}
#login_form input, #reg_form input {
border: 1px solid #5b7582;
font-size: 13pt;
}
#login_form .submit, #reg_form .submit {
background: url('http://yar-life.ru/i/new/bigbutton_bg.png') repeat-x;
border: 1px solid #5b7582;
color: #FFF;
cursor: pointer;
font-size: 12pt;
height: 28px;
line-height: 26px;
padding: 0 3px 3px;
}
.nick, .nickw, .nickm, .nickb, A.nick, A:visited.nick, .anick, .mnick
{
color: #000;
font-weight: bold;
text-decoration: underline;
padding: 0;
margin: 0;
}
.nickb, .nickb .nickm, .nickb .nickw { font-weight: normal;}
.nickw {color: #EB00A0;}
.nickm {color: #0052af;}
.mnick {color: #108A00;}
.anick {color: #002b40;}
.online_img {margin: 0 4px 0 0;}
/* //TODO: Footer
*/
#adv_links {
width:96%;
margin: 0 auto 0;
font-size: 8pt;
border-top: 2px solid #999;
}
#i_footer {
width: 100%;
}
#i_footer table {
margin: 10px auto 0;
width: 96%;
font-size: 9pt;
border-top: 2px solid #999;
}
#i_footer table td {
padding: 5px;
}
#i_footer .links {
font-size: 9pt;
}
#i_footer .counters {
text-align: right;
}
#i_reklamka {
text-align: left;
vertical-align: middle;
}
#i_reklamka img {
margin: 5px;
vertical-align: middle;
}
.avt_num {
background-color: #800000;
color: #fff;
font-size: large;
font-weight: bold;
padding: 2px 4px;
text-align: center;
}
/*//TODO:YarName
*/
#i_yarname {
width:98%;
margin: 1% auto;
}

.clear {clear: both;line-height: 0px;height: 0px;overflow: hidden;margin: 0;padding: 0;}
.dashed_u {border: 1px dashed;}
.dashed_bottom {border-bottom: 1px dashed;}
.underline {text-decoration: underline;background: #FFF0DF;padding: 4px;}
.pad_3{padding: 3px;}.pad_5{padding: 5px;}.pad_7{padding: 7px;}.pad_10{padding: 10px;}
.lpad3{padding-left: 3px;}.lpad5{padding-left: 5px;}
.marg_3{margin: 3px;}.marg_5{margin: 5px;}.marg_7{margin: 7px;}.marg_10{margin: 10px;}
.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh150 {line-height: 150%;}.lh200 {line-height: 200%;}
#updateBrowser {background: #FFE url('http://yar-life.ru/i/g.jpg') 5px 5px no-repeat;border-bottom: 2px solid rgb(173, 172, 155);display: none;padding: 5px 0 5px 25px;z-index: 999;}
.t-30{background-color:#A0C7E6;}.t-28{background-color:#A0C7E6;}.t-26{background-color:#ABCDE7;}.t-24{background-color:#B0CFE8;}.t-22{background-color:#B5D2E9;}.t-20{background-color:#BBD5E9;}.t-18{background-color:#C0D7EA;}.t-16{background-color:#C5DAEA;}.t-14{background-color:#CADDEB;}.t-12{background-color:#D0DFEC;}.t-10{background-color:#D5E2EC;}.t-8{background-color:#DAE5ED;}.t-6{background-color:#E0E7EE;}.t-4{background-color:#E5EAEE;}.t-2{background-color:#EAEDEF;}.t0{background-color:#F0EFF0;}.t2{background-color:#F0F0EC;}.t4{background-color:#F1F0E9;}.t6{background-color:#F2F0E6;}.t8{background-color:#F3F1E3;}.t10{background-color:#F4F1E0;}.t12{background-color:#F5F2DC;}.t14{background-color:#F5F2D9;}.t16{background-color:#F6F3D6;}.t18{background-color:#F7F3D3;}.t20{background-color:#F8F4D0;}.t22{background-color:#F8F1C8;}.t24{background-color:#F9EEC0;}.t26{background-color:#F9EBB9;}.t28{background-color:#F9E8B1;}.t30{background-color:#FAE5AA;}.t32{background-color:#FAE3A3;}.t34{background-color:#FAE09C;}.t36{background-color:#FBDE96;}.t38{background-color:#FBDB8F;}