Просмотр архива Шаблон WAPTY Эксклюзив

body{
background: url(image/fonik.png) #f6f6f6;
color:
#929292;
margin:auto;
max-width:400px;
font: 14px Tahoma, Arial,
Verdana;
word-wrap: break-word;
}
.user__details {
  color: #7a90a0;
 
padding-top: 10px;
  word-break: break-all;
  font-size:
12px;
}
.avasuka {	/* Дивы навигации */

color:
black;
background: url("img/newnew.jpeg") repeat-x
#4C6F97;
border: 1px solid #DADADA;
margin: 2px;
padding: 9px 6px 9px
6px;
word-wrap: break-word;
box-shadow: 0px 0px 9px 2px rgba(71, 79, 87,
0.149);
	background-size:100% 100%;

}



.hd222 {
  color: #fff;

 text-shadow: 0 2px 1px #000;
  font-weight: bold;
  border-top: 6px
solid #F6F6F6;
  padding: 0px;
  border-radius: 10px 10px 0 0;
  margin:
25px 0 0 0;
  border-bottom: 6px solid #D2D2D2;
  background:
url(image/hd253.png) right top no-repeat, url(image/hd223.png);
 
border-right: 1px solid #F6F6F6;
}

.hd222 img {
  margin: -22px 56px
-1px -7px;
}

.nogi {
  color: #142F51;
  padding-right: 10px;
 
padding-bottom: 75px;
  border-radius: 0px 0px 15px 15px;
 
border-bottom: 1px solid #3B4352;
  background: url(image/hd144.png) right
top no-repeat, url(image/hd20.png);
  text-align: center;
  font-weight:
bold;
  border-left: 1px solid #334864;
  border-right: 1px solid
#334864;
}
.hd11 {
  border-radius: 50px;
  background:
url(image/og2.png);
  color: #0282A0;
  padding: 6px 10px 8px 9px;
 
font-size: 11px;
  border: 1px solid #8593A1;
}
.main_menu {
 
background: url(image/stile2.png)repeat-x top #3275bd;
  color: #fff;
 
border: 0px solid #265877;
  text-align: center;
  font-weight: bold;
 
padding: 12px 0px 14px 220px;
  margin-top: 0px;
  border-radius: 0px 0px
0px 0px;
  border-bottom: 1px solid #BCBEB6;
}

.nav5 {
  background:
url(image/hd38.png) right top no-repeat, url(image/tzx.png);
  color:
#696969;
  padding: 15px;
  border-bottom-left-radius: 0px;
 
border-bottom-right-radius: 0px;
}

.mes {
  background:
url(image/tzx.png) repeat-x #E0F0F8;
  color: #3E4447;
  padding: 15px;

 border-bottom-left-radius: 0px;
  border-bottom-right-radius:
0px;
}

.mes7 {
  background: url(image/tzx.png) repeat-x #E0F0F8;
 
color: #3E4447;
  border-bottom-left-radius: 0px;
 
border-bottom-right-radius: 0px;
  padding: 15px 0px 15px 105px;
 
border-top: 1px solid #ACB1BA;
}


span.krug {
  background:
#F1F3F5;
  color: #2B6E91;
  text-shadow: 0 0px #99926F;
  padding: 2px
8px 2px 7px;
  box-shadow: 0px 1px 1px 0px #5F4837 inset;
  float:
right;
  border-radius: 9px;
}

span.krug2 {
  background: #D8E8ED;
 
color: #212D34;
  text-shadow: 0 0px #1D2537;
  padding: 5px 16px 5px
16px;
  box-shadow: 0px 1px 1px 0px #5F4837 inset;
  border-radius:
20px;
}

.head {
  background: url(image/head.png) repeat-x bottom
#f4f4f4;
  border-bottom: solid 1px #efefef;
  font: 11px Tahoma;
 
color: #fff;
  padding: 0px 0px 0px 0px;
  border-radius: 55px 14px 0px
0px;
  margin: 5px 0px 0px 0px;
}
.info {
  background: #FFFFFF;
 
padding: 11px;
  border-bottom: 1px solid #eee;
  word-wrap: break-word; 

  display: block;
}
.info2 {
  background: #FFFFFF;
  padding:
11px;
  word-wrap: break-word;  
  display: block;
}
.index {
 
background: url(image/hd4.png) repeat-x #EEEEED;
  color: #52504A;
 
padding: 12px;
  border-top: 1px #DDDDDD solid;
  border-bottom: 1px
#F4F4F7 solid;
  display: block;
  border-left: 1px solid #ccc;
 
border-right: 1px solid #ccc;
}
.index2 {
  background:
url(image/stile2.png) repeat-x #B8C6CE;
  color: #52504A;
  padding:
12px;
  border-top: 1px #DDDDDD solid;
  border-bottom: 1px #B7B7BD
solid;
  display: block;
  border-left: 1px solid #ccc;
  border-right:
1px solid #ccc;
}
.pagination {
list-style: none;
display:
inline-block;
padding: 0;

}
.pagination li {
display:
inline;
text-align: center;
}
.pagination a {
float: left;
display:
block;
font-size: 13px;
text-decoration: none;
padding: 6px
11px;
color: #fff;
margin-left: -1px;
border: 1px solid
transparent;
line-height: 1.5;
}
.pagination a.active {
cursor:
default;
}
.pagination a:active {
outline: none;
}
.number {
 margin:
5px;
 font-size: 9pt;
 color: #bbb;
 background: #f2f2f2;
 border:
#d8d8d8 solid 1px;
 border-radius: 5px;
 padding: 3px 5px;
} 
.red
li:first-child a {
-moz-border-radius: 5px 0 0
5px;
-webkit-border-radius: 5px;
border-radius: 5px 0 0 5px;
}
.red
li:last-child a {
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius:
0;
border-radius: 0 5px 5px 0;
}
.red a {
border-color: #ddd;
color:
#337AB7;
background: #fff;

}
.red a:hover {
color:
#337AB7;
background-color: #eee;
}
.red a.active, .red a:active
{
border-color: #337AB7;
background: #337AB7;
color:
#fff;
}


.message{

background:#fff;

padding:8px;

}
.pull-right
{
  float: right;
}

.pull-left {
  float: left;
}

.alert {
 
padding: 6px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
 
text-align: center;
  list-style: none;
}
.pager li {
  display:
inline;
}
.pager li > a,
.pager li > span {
  display:
inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border:
1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager
li > a:focus {
  text-decoration: none;
  background-color:
#eee;
}

.ic {
  vertical-align: middle;
  display: inline-block;
 
width: 24px;
  height: 22px;
  background-image:
url(img/menu_icons.png);
  background-repeat: no-repeat;
 
background-position: center;
}

.ic-mail { background-position: 0 0px;
}
.ic-tape { background-position: 0 -44px; }
.ic-answer {
background-position: 0 -43px; }
.ic-settings { background-position: 0
-242px; }
.ic-home { background-position: -2px -154px; }
.ic-profile {
background-position: 0px -64px; }
.ic-menu { background-image:
url(img/menu.png); }
.ic-arrow{ background-image:
url(img/profile_arrow.png); }



.email-nav {
  padding-left: 4px;
 
padding-top: 4px;
  margin-bottom: 0;
  list-style: none;
 
border-bottom: 1px solid #d5d5d5;
}

.email-nav li {
  position:
relative;
  display: inline-block;
  margin-left: 4px;
  border-radius:
4px 4px 0 0;
}

.email-nav li.active {
  padding: 6px 10px;
 
background-color: #f1f1f1;
}

.email-nav > li > a {
  position:
relative;
  display: block;
  padding: 6px 10px; 
}


.email-search
form  {
  background-color: #e3ecea;
}

table .search-input {
 
padding: 4px;
  width: 100%;
}

table .search-input input {
  width:
100%;
}

table .search-submit {
  padding: 4px;
  width:
100%;
}

table .search-submit button {
  padding:
2px;
}


.attachments {
  position: relative;
  background-color:
#e4eaef;
  border: 1px solid #b3b3b3;
  padding: 4px;
}

.attachments
> .attachments-photo {
  position: relative;
}

.attach {
 

}

.attach-photo {
  position: relative;
  display: inline-block;
 
background-color: #ffffff;
  margin: 2px;
  height: 100px;
  width:
100px;
  max-width: 31%;
  overflow: hidden;
}

.attach-photo-1 {
 
display: block;
  margin: 2px;
  height: auto;
  width: auto;
 
overflow: visible;
  max-width: 100%;
}

.attach-photo img {
 
min-width: 100px;
  min-height: 100px;
  max-width:
31%;
}

.attach-photo-1 img {
  max-width: 100%;
}

.attachments
> .attachments-photo > .attachments-list {
  position: relative;
 
display: inline-block;
  background-color: #ffffff;
  border: 1px solid
#dddddd;
  padding: 6px;
  margin: 2px;
}

.attachments >
.attachments-photo > .attachments-list > .attachments-delete {
 
background-color: #ffffff;
  position: absolute;
  z-index: 2;
  right:
0px;
  top: 0px;
}

.breadcrumb {
  margin: 0;
  padding: 8px 15px;

 list-style: none;
  background-color: #f5f5f5;
}
.breadcrumb > li
{
  display: inline-block;
}
.breadcrumb > li + li:before {
 
padding: 0 5px;
  color: #ccc;
  content:
"/\00a0";
}
.breadcrumb > .active {
  color:
#777;
}

.js_not {
  display: none;
}

.user-ban {
 
text-decoration: line-through;
  color: #9d9d9d;
}

/* Р
Р°Р·РјРµС‚РєР° РїРѕСЃС‚РѕРІ */

  
.icpb {

 vertical-align: middle;
  display: inline-block;
  width: 16px;
 
height: 16px;
  background: #FFFFFF;
  background-image:
url(img/actions_sprite.png);
  background-repeat: no-repeat;
 
background-position: center;

}

.icpb-comments { background-position:
-176px 0; }
.icpb-comments:hover { background-position: -176px -16px;
}
.icpb-share { background-position: -80px 0; }
.icpb-share:hover {
background-position: -80px -16px; }
.icpb-like { background-position:
-128px 0; }
.icpb-like:hover { background-position: -128px -16px;
}
.icpb-dlike { background-position: -144px 0; }
.icpb-dlike:hover {
background-position: -144px -16px; }
.icpb-edit { background-position:
-96px 0; }
.icpb-edit:hover { background-position: -96px -16px;
}

.media-post {
  margin: 0px;
  padding: 0px;
}

.media-post >
.media > .media-body {
  display: block;
  padding-left:
56px;
}

.media-post > .media > .media-avatar {
  float:
left;
}

.media-post > li {
  border-bottom: 1px solid #dcdef3;
 
display: table;
  width: 100%;
  margin: 0px;
  padding:
4px;
}

.media-post > li:last-child {
  border-bottom:
0;
}

.list-post a:hover, .media-post a:hover {
  text-decoration:
none;
}

.list-post, .media-post {
  position: relative;
 
border-left: 1px solid #dcdef3;
  border-right: 1px solid
#dcdef3;
}

.list-post a.active {
  color: #7f7f7f;
}

.list-post
.list-post-item { 
  border-bottom: 1px solid #dcdef3;
  padding:
6px;
}

.list-post .list-post-item img { 
  
}

.list-post
.list-post-header img.avatar { 
  border-radius: 50%;
 
-moz-border-radius: 50%;
}

.list-post .list-post-header a { 
 
font-size: 15px;
  font-weight: bolder;
  line-height: 20px;
 
background-size: contain;
}

.list-post .list-post-header { 
 
padding-bottom: 6px;
}

.list-post-time { 
  font-size: 12px;
 
display: inline-block;
  padding: 2px;
  height: 16px;
  word-wrap:
break-word;
  position: absolute;
  right: 0px;
  color:
#7f7f7f;
}

.list-post .list-post-item-text { 
  max-height: 380px;
 
overflow: hidden;
  position: relative;
  width:
inherit;
}

.list-post .list-post-item-text img { 
  max-height:
240px;
}

.list-post-full .list-post-item-text img { 
  max-width:
49%;
  max-height: 300px;
}

.list-post .list-post-item-end { 
 
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff
70%) transparent;
  top: 358px;
  height: 22px;
  position: absolute;
 
display: block;
  width: 100%;
  text-align: center;
  cursor:
pointer;
}

.list-post .list-post-item-end b { 
  width: 40px;
 
display: inline-block;
  background-color: #ffffff;
  background:
linear-gradient(to top, #dbdfe3 0%, #ced2d7 36%, #ffffff 100%);
 
border-radius: 4px 4px 20px 20px;
  -moz-border-radius: 4px 4px 20px
20px;
  vertical-align: bottom;
  border: 1px solid #ececec;
  color:
#7f7f7f;
}

.list-post .list-post-item-end b:hover { 
 
background-color: #efefef;
  background: linear-gradient(to top, #c4cad0
0%, #b9bec6 36%, #ffffff 100%);
  border-radius: 2px 2px 15px 15px;
 
-moz-border-radius: 2px 2px 15px 15px;
}

.list-post .list-post-item-end
a:hover { 
  background-color: #e9e9e9;
  background: linear-gradient(to
top, #e4e8eb 0%, #dcdfe2 36%, #ffffff 100%);
}

.list-post
.list-post-item-panel { 
  background-color: #ffffff;
  padding-top:
6px;
  padding-bottom: 8px;
  padding-left: 6px;
  color:
#737373;
}

.list-post .list-post-item-panel > a { 
  padding:
6px;
  background-color: #ffffff;
  background: linear-gradient(to top,
#edeff1 0%, #e8eaec 36%, #ffffff 100%);
  border: 1px solid #f0f0f0;  
 
border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
 
line-height: 20px;
} 

.list-post-info {
  height:
30px;
}

.list-post-item > .pager {
  margin:
0;
}

.form-post-access, .form-create form {
  border: 0;
 
background-color: inherit;
  margin: 0;
  padding:
0;
}

.form-post-access > .access-header {
  padding: 6px;
 
font-weight: bolder;
}

.form-post-access label {
  display: block;
 
padding: 6px;
  cursor: pointer;
}

.form-post-access button {
 
margin: 6px;
}

.form-post-access label:hover {
  background-color:
#efefef;
}

.form-create {
  padding-top: 6px;
  background-color:
#ffffff;
  border-left: 1px solid #dcdef3;
  border-right: 1px solid
#dcdef3;
  border-bottom: 1px solid #dcdef3;
}

.form-create form
button {
  padding: 4px;
}

.form-create-header, .form-create-input,
.form-create-block {
  padding: 4px 6px 8px 6px;
  color:
#6b6b6b;
}

.form-create-block {
  color: #242424;
  border-top: 1px
solid #dcdef3;
}

.form-create-block:last-child {
  border-bottom: 1px
solid #dcdef3;
}

.form-create-block > .button-create {
  padding:
2px 4px 0 4px;
  vertical-align: middle;
  font-size: 15px;
 
font-weight: bolder;
  color: #2b6bc4;
}

.form-create-block >
.button-create:hover {
  color: #ee0000;
}

.button-create {
 
background-color: #ffffff;
  border: 0;
}

.form-create
.form-create-panel {
  min-height: 46px;
  padding: 6px 8px 6px
6px;
}

.list-like {
  list-style: none;
  padding-left: 0;
 
margin-top: -6px;
  padding: 0;
}

.list-like > li {
  position:
relative;
  display: table-cell;
  background-color: #ffffff;
 
background: linear-gradient(to top, #edeff1 0%, #e8eaec 36%, #ffffff
100%);
  border: 1px solid #f0f0f0;  
  line-height: 20px;
  margin:
0;
  min-width: 30px;
  text-align: center;
}

.list-like >
li:last-child {
  border-left: 0px;
  border-radius: 0  6px  6px 0;
 
-moz-border-radius: 0  6px  6px 0;
}

.list-like >
li:last-child:hover, .list-like > li:first-child:hover {
  background:
linear-gradient(to top, #c8cdd2 0%, #d3d8dc 36%, #ffffff
100%);
}

.list-like > li:first-child {
  border-right: 0px;
 
border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0
6px;
}

.list-like > li > a {
  padding: 6px;
  display:
block;
}

.sort {
  list-style: none;
  padding-left: 0;
 
margin-bottom: 0;
}

.sort > li {
  position: relative;
  display:
block;
}

.sort > li > a {
  position: relative;
  display:
block;
  padding: 5px 7px;
}

.sort-justified {
  width:
100%;
}

.sort-justified > li {
  float: none;
  border: 1px solid
#dcdef3;
  border-right: 0;
  background: linear-gradient(to top, #efefef
0%, #e4e4e4 36%, #ffffff 100%);
}

.sort-justified > li:hover {
 
background: linear-gradient(to top, #fdfdfd 0%, #ececec 36%, #ffffff
100%);
}

.sort-justified > li.active {
  background:
linear-gradient(to top, #fdfdfd 0%, #ffffff 36%, #ffffff
100%);
}

.sort-justified > li.active > a {
  cursor:
default;
}

.sort-justified > li:last-child {
  border-right: 1px
solid #dcdef3;
}

.sort-justified > li > a {
  text-align:
center;
  color: #3b3b3b;
}

@media (min-width: 240px) {
 
.sort-justified > li {
    display: table-cell;
    width: 1%;
  }
 

  .sort-justified > li > a {
    margin-bottom: 0;
  }
 

}


.loads > .menu-pages {
  border-bottom: 1px solid #c9c9c9;
 
background-color: #e1f4ec;
}

.loads > .menu {
  padding: 4px;
 
border-bottom: 1px solid #c9c9c9;
}

.loads > .main {
  text-align:
center;
  font-weight: bold;
}

.loads > .main > a {
  display:
inline-block;
  font-weight: normal;
  border: 1px solid #cfcfcf;
 
background-color: #f1fbf0;
  border-radius: 8px;
  -moz-border-radius:
8px;
  padding: 4px;
  margin: 2px;
}
.comm {
 
-webkit-tap-highlight-color: rgba(0,0,0,0);
  color: #686868;
 
background-color: #F0F0F0;
  padding: 9px;
  overflow:
hidden;
}

.forum {
  background: #FFFFFF;
  padding: 12px;
 
border-bottom: 1px solid #eee;
  word-wrap: break-word;  
  display:
block; 
  background-image: url(img/profile_arrow.png);
 
background-repeat: no-repeat;
  background-position: 98% 50%; 
 
box-shadow: 0 0 9px 1px rgba(71,79,87,0.15);  
}

a.delete{
color:
#7b8aa1;
background: #FFFFFF url(img/11.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;          
}

a.delete:hover{
background: #FFFFFF
url(img/12.png) no-repeat center;

}
a.edit{
color:
#7b8aa1;
background: #FFFFFF url(img/13.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;          
}

a.edit:hover{
background: #FFFFFF
url(img/14.png) no-repeat center;
}

a.dlike{
color:
#7b8aa1;
background: #FFFFFF url(img/15.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;                
}      
a.dlike:hover {
background:
#fcfcfc url(img/17.png) no-repeat center;
}
a.like{
color:
#7b8aa1;
background: #FFFFFF url(img/16.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;        
}      
a.like:hover {
background: #fcfcfc
url(img/18.png) no-repeat center;
}
a.bookmark{
color:
#7b8aa1;
background: #FFFFFF url(img/2.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;                
}      
a.bookmark:hover {
background:
#fcfcfc url(img/6.png) no-repeat center;
}
a.mesto{
color:
#7b8aa1;
background: #FFFFFF url(img/10.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;                
}      
a.mesto:hover {
background:
#fcfcfc url(img/9.png) no-repeat center;
}
.online {
  color: #FAF9F7;

 text-shadow: 0 1px 1px #574E4E;
  font-weight: bold;
  background:
url(image/hd31.png)no-repeat left top, url(image/hd30.png) right top
no-repeat, url(image/hd24.png);
  border-radius: 0px 0px 0px 0px;
 
padding: 16px 0px 11px 0px;
  border-top: 2px solid #F1F1F1;
}
.online3
{
  color: #5C471A;
  text-shadow: 0 0px 7px #E7E4E4;
  font-weight:
bold;
  background: url(image/hd32.png)no-repeat left top,
url(image/hd33.png) right top no-repeat, url(image/hd24.png);
 
border-radius: 0px 0px 0px 0px;
  padding: 15px 0px 11px 120px;
 
border-top: 2px solid #E3E3E3;
}

.online4 {
  color: #5F594B;
 
text-shadow: 0 0px 7px #E7E4E4;
  font-weight: bold;
  background:
url(image/hd35.png)no-repeat left top, url(image/hd34.png) right top
no-repeat, url(image/hd24.png);
  padding: 15px 0px 11px 170px;
 
border-top: 2px solid #E3E3E3;
  margin: 12px 0px 0px 0px;
 
border-radius: 80px 25px 0px 0px;
}
.online5 {
  color: #EAE8E4;
 
text-shadow: 0 1px 1px #574E4E;
  font-weight: bold;
  background:
url(image/hd32.png)no-repeat left top, url(image/hd33.png) right top
no-repeat, url(image/hd29.png);
  border-radius: 0px 0px 0px 0px;
 
padding: 15px 0px 11px 20px;
  border-top: 1px solid #DEDEDE;
 
border-bottom: 1px #E4E4E4 solid;
}
.sms
{
margin-bottom:
-10px;
background: #ff3c00;
margin-left: -10px;
position:
absolute;
border-radius: 8px;
line-height: 16px;
min-height:
16px;
min-width: 16px;
font-size: 75%;
color: #fff;
border:
#fff;
}

a:link, a:visited { 
color: #142F51; 
text-decoration: none;

}


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





div.c2 {
  color: #000;
  padding: 8px;
  background:
url(image/hd4.png) repeat-x #EEEEED;
  border-bottom: 1px #9D9DA9
solid;
}





div.pager 


{	


border: 0;	


margin: 0
auto;	


padding: 1px 3px 2px 0;	


text-align: left;	


color:
#ffffff;


}





.page a {   


	background: #5c74a9
url(img/in.png);


    border: 1px solid #29447e;


    margin-top:
1px;


    padding: 4px 6px 4px 6px;


	color:
#fff;


	}


.page a:hover {	border: 1px solid #3b5998;	color:
#ffffff;}








.link_s {  



	background:#fcefa4;


	font-size:11px;


    border: 1px solid
#29447e;


    margin: 3px;


    padding: 2px 3px 2px
3px;


	color: #fff;


	-o-border-radius: 4px;


	border-radius:
4px;


	-moz-border-radius: 4px;


	}


.link_s a:hover {	border:
1px solid #3b5998;	color: #ffffff;}








.rekl{


	padding:
2px 0px 1px 0px;


	text-align: center;


	


	background-color:
#c8d3e9;


}








.logo { 
Font-size: 12px;

height:75px;
color:#fff;
background: url(img/head.png)  repeat-x 
#455059;
text-align:left;
}





.copy{


/* Заголовок
страницы */


	

        
	padding: 0px;
    margin-bottom:
5px;
	background: #3b5998 url(img/c.png);
	color:#fff;

}
.copy a
{


	color:#fff;

}

.title {


/* Заголовок
страницы */

	overflow: hidden;

	text-align:
center;

	background-color: #F0F0F0;

        color: #fff;

       
padding: 8px;	
}






.spaceOutUp {
      -webkit-animation-name:
spaceOutUp;
      animation-name: spaceOutUp;
     
-webkit-animation-duration: 2s;
      animation-duration: 2s;
  }
 
@-webkit-keyframes spaceOutUp {
      from {
          opacity: 0;
     
    -webkit-transform-origin: 50% 0%;
          -webkit-transform:
scale(.2) translate(0%, -200%);
      }
      to {
          opacity:
1;
          -webkit-transform-origin: 50% 0%;
         
-webkit-transform: scale(1) translate(0%, 0%);
      }
  }
  @keyframes
spaceOutUp {
      from {
          opacity: 0;
         
transform-origin: 50% 0%;
          transform: scale(.2) translate(0%,
-200%);
      }
      to {
          opacity: 1;
         
transform-origin: 50% 0%;
          transform: scale(1) translate(0%,
0%);
      }
  }

.auts {
  font-weight: bold;
  overflow: hidden;
 
padding: 15px;
  vertical-align: top;
  width: 15%;
  white-space:
nowrap;
  background: url(image/tzx1.png) repeat-x #E0F0F8;
  border-top:
1px solid #A9ACB6;
  border-bottom: 1px #FFFFFF solid;
}



.aut
{


	border-bottom: 1px #0e9ece solid;


	color:
#ffffff;


	text-align: left;


	background-color:
#0e9ece;


	padding:3px;


}






.copy a {


	color:
#fff;


}





.title a {


	color: #29447e;


}


.title
a:hover {


	color: #FFFFFF;


}





.titles a {


	color:
#29447e;


}


.titles a:hover {


	color:
#FFFFFF;


}











.err {
/* Сообщение об
ошибке */
background-color: #faece4;
color: #696969;
text-align:
center;
padding: 8px;
}





.msg {
/* Сообщение
*/
padding: 8px;
background-color: #fcf9ed;
color:
#7f7f7f;
}





.cit{ 


font-size : x-small;


padding:1px;

border:1px solid #999999;

margin-left :
2px;

background: #D8E3E7;

border-radius:
4px;

}





.p_t{


	border-top: 0px #D6E6F2
solid;


	background-color: #E3EFFF;


	padding: 3px;


	margin:
0px;


	width: 100%;


}





.p_m {


	border-bottom: 1px
#e5fdfd solid;


	background-color: #f2ffff;


	padding:
3px;


	margin: 0px;


	width: 100%;


}





.t_s
{





	border-bottom: 1px #e5fdfd solid;


	background-color:
#f2ffff;


	padding: 1px;


	margin: 0px;


	border-radius: 3px 3
3 3px;


	width: 100%;


}

.online2{

       
background:#fff;

        border-bottom:1px dashed #dcdcdc;

       
border-left:1px dashed #dcdcdc;

       
padding:8px;
}



.icon14{

        font-size: xx-small;

       
width: 12px;

	background-color: #FFF;

	padding: 8px;

	margin:
0px;

        border-bottom:1px dashed
#dcdcdc;
}














.str{


    border: 1px solid
#29447e;


    margin-top: 1px;


    padding: 4px 6px 4px
6px;


	color: #000;





}


.st_1	{ 	
margin-left:
20px;
margin-bottom:0;
border-style:solid;
border-color:transparent 
transparent #DCE8EE  transparent ;
border-width:0px 0px 10px
10px;	
height: 0px; 
width:0px;
} 




.st_2 	{	

color:
#2C6675;
background-color: #F5FBFD;
padding: 7px;
-o-border-radius:
3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius:
3px;
word-wrap:break-word;
border: 1px solid
#D4E7F0;
}





.pages{


	border: 1px #238be4
solid;


	background-color: #FFF;


	padding-left:
5px;


	padding-right: 5px;


	padding-top:
1px;


	padding-bottom: 1px;


	margin-bottom: 1px;


	margin-top:
1px;


	border-radius: 1px 1 1 1px;


	font-size : small;



}























img {


   
vertical-align: middle;


	border: 0px;


	margin:
0px;


	padding: 0px;


}







form {
  padding: 6px;
 
background-color: #fff;
  border-bottom: 1px solid #eee;
  background:
url(image/tzx.png) repeat-x #E0F0F8;
  border-top: 1px solid
#BCBEB6;
}


form label {


	display:
inline-block;


	padding-right: 5px;


	margin: 1px 0px 1px
0px;


}


form label:hover {


	margin: 1px 0px 0px
0px;


	border-bottom: 1px #A8C1CE solid;


	background-color:
#E5EDFF;


}






input[type="submit"] {

    color:
#ffffff;

    background: #6182aa url(image/input.png);

    padding: 
8px;

    border-radius: 4px;

    -moz-border-radius: 4px;
   
margin: 7px 0px 7px 45px;

}




textarea{


   font-size:
13px;

   max-width: 95%;

   width: 85%;

   height: 60px;

  
margin: 8px 5px;

   border: 1px solid #dcdcdc;

   outline: 0;

  
border-radius: 7px;

   -moz-border-radius: 7px;

  
-webkit-border-radius: 7px;

   -o-border-radius: 7px;

   padding:
5px;

   transition: all 300ms ease;

   -moz-transition: all 300ms
ease;

   -webkit-transition: all 300ms ease;

   -o-transition: all
300ms ease;



}

textarea:focus
{

    height:
70px;

}

input[type="checkbox"],
input[type="radio"] {
  height: 16px;
  width: 16px;
 
padding: 3px;
  color: #5d81a8;
  margin: 8px 5px;
 
border-radius:4px;
  
}






input, select {
  font-family:
tahoma, verdana, arial, sans-serif, Lucida Sans;
  font-size: 12px;
 
border: 1px solid #DBD5CD;
  padding: 15px;
  color: #555;
 
border-radius: 4px;
  background: #F2F3F4 url(image/pole.png)repeat-x top
left;
  border: 1px solid #868C98;
  margin: 11px 0px 7px
5px;
}





.ank_n{


	font-size: 12px;


	font-weight:
bold;


	color: #555;


}





.ank_d{


	font-size:
12px;


	margin: 5px;


}





.menu_razd {


/*
выделение раздела в главном меню
*/


	margin-top: 4px;


	font-weight: bold;


	background:
#425b89 url(element_style/menu_razd.gif) no-repeat left
top;


	padding-left: 18px;


	color: #FFFFFF;


}




.foot
{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  color: #686868;
 
background-color: #E0F0F8;
  padding: 9px;
  overflow:
hidden;
}

.mess {
  background-color: #e5eff0;
  background-image:
url(image/hd2.png);
  background-repeat: repeat-x;
  background-position:
28% bottom;
  border: 1px solid #D0D0D0;
  padding: 20px;
  margin: 0px
0px 6px 0px;
  border-radius: 0px 0px 117px 70px;
}
.mess11 {
 
background-color: #e5eff0;
  background-image: url(image/hd236.png);
 
background-repeat: repeat-x;
  background-position: 28% bottom;
 
padding: 20px;
  margin: 0px 0px 6px 0px;
  border-radius: 0px 0px 117px
70px;
  border-top: 1px solid #737474;
}

.mess10 {
 
background-color: #e5eff0;
  background-image: url(image/hd2.png);
 
background-repeat: repeat-x;
  background-position: 28% bottom;
  border:
1px solid #D0D0D0;
  padding: 10px;
  margin: 0px 0px 6px 0px;
 
border-radius: 0px 0px 117px 70px;
}

.mess6 {
  background-color:
#e5eff0;
  background-image: url(image/hd2.png);
  background-repeat:
repeat-x;
  background-position: 28% bottom;
  border: 1px solid
#D0D0D0;
  padding: 20px;
  margin: -15px 0px 0px 0px;
  border-radius:
0px 0px 117px 70px;
}




.main {
  padding: 8px;
  color:
#161715;
  background: url(image/stile2.png) repeat-x #B8C6CE;
 
border-top: 1px #DDDDDD solid;
  border-bottom: 1px #B7B7BD
solid;
}



.main a{

color:#fff;
}



.main2 {


    color:
#000;


	background: #fff;


    padding: 8px;


   
border-bottom: 1px dashed #dcdcdc;


}





.main_menu4 {
 
background: url(image/stile2.png)repeat-x top #3275bd;
  color: #fff;
 
border: 0px solid #265877;
  text-align: center;
  padding: 12px 0px 14px
9px;
  margin-top: 0px;
}







.tpanel {	 /* блок
панели у textarea */


	display:
table;


	border:0;


	margin-left: 3px;


	margin-bottom:
-2px;


	color:#fff;


}








.tmenu {	


	float:
left;	


	display: inline;	


}





.tmenu a
{	


	margin-left: 3px;


	display: block;	


	min-width:
50px;	


	padding: 3px 8px 3px 8px;	


	text-decoration:
none;	


	text-align: center;


	color:#fff;


	background:
#3b5998;


	border-radius: 4 4 0px 0px;


	-moz-border-radius: 4 4
0px 0px;


}


.tmenu, .webmenu {	
	display:
inline-block;	
}

.tmenu a, .webmenu a {
	display: block;	
  padding:
2px 4px 2px 4px ;
  background-color: #dee1e7;
  border-radius: 4px;
 
-moz-border-radius: 4px;
  margin-right: 6px;
  color:
#7f7f7f;
}

.webmenu a {
  margin-top: 6px;
}

a.activ {	
 
background-color: #6182aa;
  color: #ffffff;
}


.tpanel, .menus {	

	display: block;
  padding-bottom: 4px;
}

.menus {
  padding: 0px
6px 6px 6px;
}

.menus {	
display: table;	
background-color:
#fff;
width: 98%;
border-bottom:1px solid #eee;
}  





.nav1 {

 color: #000;
  padding: 8px;
  background: url(image/stile2.png)
repeat-x #B8C6CE;
  border-top: 1px solid #A9ACB6;
  border-bottom: 1px
#9399A0 solid;
}


.nav2 {
  background: url(image/hd38.png) right top
no-repeat, url(image/tzx.png);
  color: #696969;
  padding: 10px;
 
border-bottom-left-radius: 0px;
  border-bottom-right-radius:
0px;
}





.foot_page {


/* самый низ меню
*/


	margin-top: 1px;


	border-top: 1px #A8C1CE
solid;


	padding: 2px;


	background-color: #9ee1f2;



}





.post, table {
  width: 100%;
  background: #C3D2DD;

 border-top: 1px solid #DFE0DC;
}





.on {color: #1c9044;}






.off {color:
#FF0000;}


.avatar{
border-radius:7px;
}
.avatars{
border: 1px
solid #CCDDED;
padding: 2px 2px 2px 2px;
margin: 0 2px 0
0;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius:
50px;
box-shadow: 0 0 5px #D2D9E1;
}
a.user_mail{

             
color: #7b8aa1;
              background: #FFFFFF url(img/1.png) no-repeat
center;
              padding: 11px 20px 11px 20px;
            
border-radius: 5px;
              border:1px solid #dcdee2;
             

           
              
}
        
a.user_mail:hover {

        
     background: #fcfcfc url(img/5.png) no-repeat
center;

}

a.user_zakl{

              color: #7b8aa1;
            
 background: #FFFFFF url(img/2.png) no-repeat center;
             
padding: 11px 20px 11px 20px;
             border-radius: 5px;
          
   border:1px solid #dcdee2;
              
           
             

}
        
a.user_zakl:hover {

              background: #fcfcfc
url(img/6.png) no-repeat center;

}


a.user_friends{

             
color: #7b8aa1;
              background: #FFFFFF url(img/4.png) no-repeat
center;
               padding: 11px 20px 11px 20px;
            
border-radius: 5px;
              border:1px solid #dcdee2;
             

           
              
}
        
a.user_friends:hover {

     
        background: #fcfcfc url(img/8.png) no-repeat
center;

}


a.user_gift{

              color: #7b8aa1;
          
   background: #FFFFFF url(img/3.png) no-repeat center;
              
padding: 11px 20px 11px 20px;
             border-radius: 5px;
          
   border:1px solid #dcdee2;
              
           
             

}
        
a.user_gift:hover {

              background: #fcfcfc
url(img/7.png) no-repeat center;

}

a.user_money{

             
color: #7b8aa1;
              background: #FFFFFF url(img/10.png)
no-repeat center;
             padding: 11px 20px 11px 20px;
            
border-radius: 5px;
              border:1px solid #dcdee2;
             

           
              
}
        
a.user_money:hover {

       
      background: #fcfcfc url(img/9.png) no-repeat
center;

}

a.user_del_zakl{

              color: #7b8aa1;
        
     background: #FFFFFF url(img/11.png) no-repeat center;
            
padding: 11px 20px 11px 20px;
             border-radius: 5px;
          
   border:1px solid #dcdee2;
              
           
             

}
        
a.user_del_zakl:hover {

              background: #fcfcfc
url(img/12.png) no-repeat center;

}
.hide {

              color:
#686868; 
              background-color: #f8f5f5;
              padding:
9px;
              word-wrap: break-word;
              border-bottom:1px
solid #eee;


}

.hide a {

              margin-top: 5px;
        
     margin-bottom: 5px;

}

.block {

              color: #686868;

              background-color: #FFFFFF;
              padding: 9px;
  
           word-wrap: break-word;
              border-bottom:1px solid
#eee;


}

.middle {

              vertical-align: -2px;
			 
}
.advertising {

              background-color: #FFE6BE;
            
 color:#5F5F5F;
              padding: 9px;
              word-wrap:
break-word;

}


.touch {

              color: #7b8aa1;
          
   background: #FFFFFF url(/img/touch.png) no-repeat right center;
       
      padding: 10px;
              word-wrap: break-word;
             
display: block;
              border-bottom:1px solid
#eee;

}



.block {

              color: #686868; 
             
background-color: #FFFFFF;
              padding: 9px;
             
word-wrap: break-word;
              border-bottom:1px solid
#eee;

}

tr {

              color: #686868; 
             
background-color: #D8EAF4;
              padding: 9px;
             
word-wrap: break-word;
              border-bottom:1px solid
#eee;

}

}

.touch1 {

              color: #7b8aa1;
            
 background: #FFFFFF ;
              padding: 10px;
             
word-wrap: break-word;
              display: block;
             
border-bottom:1px solid #eee;
}
.count {

              background:
#fcfcfc;
              color: #7b8aa1;
padding: 3px 9px 3px
9px;
border-radius: 17px;
border:10px solid #dcdee2;
             
float: right;
              
}
img {
  vertical-align:
middle;
}

label, input {
  font-weight: normal;
  border-radius:
10px;
  -moz-border-radius: 0;
}

div {
  position: relative;
 
word-wrap: break-word;
}

div.email {
  padding: 4px;
  background:
#ffffff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;

 display: block;
  min-height: 46px;
}

div.email-read {
 
background-color: #c4e7ff !important;
}

div.email-read div.email-login
{
  font-weight: bold;
}

span.email-count {
  font-weight: normal;
 
color: #7f7f7f;
}

.email-count-new {
  color: #ff0006;
  display:
none;
}

.email-flagged {
  height: 18px;
  padding-left:
4px;
}
.email-flagged img {
  vertical-align: top;
}

.nohidden {
 
display: inline-block;
}

form.email {
  padding: 0;
  background:
#ffffff;
  border: 0;
  margin: 0;
}

button.buttonLink {
 
background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius:
4px;
  -moz-border-radius: 4px;
  margin-right: 4px;
  padding-left:
6px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom:
2px;
}

form.buttonLink {
  background-color: !important;
  display:
inline-block;
  padding: 0;
  border: 0;
  margin:
0;
}

form.newMessage input[type="text"] {
  display:
inline-block;
  width: 70%;
}

span.email-from {
  line-height:
20px;
  font-weight: bold;
}

form.newMessage input , form.newMessage
textarea {
  margin-left: 4px;
}

div.email-text {
  white-space:
nowrap;
  color: #7f7f7f;
  padding-left: 2px;
  padding-right:
2px;
}

div.email-checkbox {
  height: 40px;
}

div.email-login {
 
white-space: nowrap;
  padding-left: 4px;
  padding-right:
4px;
}

div.overflow {
  overflow: hidden;
  text-overflow:
ellipsis;
}

div.email-textList {
  padding-left: 2px;
  word-wrap:
break-word;
  display: table-row;
}

.email-messages {
 

}

span.email-login {
  color: #2b71d9;
  font-weight:
bold;
}

a.email-link {
  display: block;
}

span.email-avatar {
 
padding-right: 4px;
  display: block;
}

span.email-avatar img {
 
max-width: 40px;
  max-height: 40px;
}

span.email-avatar .avatar {
 
border-radius: 50%;
  -moz-border-radius: 50%;
}

.email-noread {
 
color: #fd0209;
  font-weight: normal;
}

.email-text-noread {
 
padding: 2px;
  background-color: #e3ebee;
  border-radius: 4px;
 
-moz-border-radius: 4px;
}

div.email-panel {
  border-top: 1px solid
#fff;
  border-bottom: 1px solid #fff;
background: url(img/m.gif) 
repeat-x  #fff !important;
  padding: 4px;
  display: block;
  color:
#7f7f7f;
  min-height: 26px;
}

div.email-panel a {
  line-height:
24px;
  font-size: 15px;
}

div.email-button {
  padding:
6px;
}

.pull-left {
  float: left;
}

.pull-right {
  float:
right;
}

span.email-bold {
  font-weight: bold;
}

span.email-time
{
  color: #7f7f7f;
  font-size: small;
}

.email-search form  {
 
background-color: #e3ecea;
}

table .search-input {
  padding: 4px;
 
width: 100%;
}

table .search-input input {
  width: 100%;
}

table
.search-submit {
  padding: 4px;
  width: 100%;
}

table
.search-submit button {
  padding: 2px;
}

.email-nav {
 
padding-left: 4px;
  padding-top: 4px;
  margin-bottom: 0;
  list-style:
none;
  border-bottom: 1px solid #fff;
}

.email-nav li {
  position:
relative;
  display: inline-block;
  margin-left: 4px;
  border-radius:
4px 4px 0 0;
}

.email-nav li.active {
  padding: 6px 10px;
 
background-color: #f1f1f1;
}

.email-nav > li > a {
  position:
relative;
  display: block;
  padding: 6px 10px; 
}

div.adult >
label > span {
  color: red;
  padding-top: 2px;
  padding-bottom:
4px;
}

div.adult > label {
  padding-top: 4px;
  padding-bottom:
6px;
  padding-left: 2px;
}

.email-list-photo {
  padding: 6px;
 
background-color: #eeeef4;
}

.email-list-photo > a > img {
 
padding: 6px;
  margin: 4px;
  background-color:
#ffffff;
}

.email-btn-files {
  border: 0;
  margin: 0;
 
background-color: transparent;
  vertical-align:
top;
}

.email-textList > .attachments {
  margin-top: 6px;
 
background-color: #f5f8fa;
  border: 1px solid #ebebeb;
}

.attachments
{
  position: relative;
  background-color: #e4eaef;
  border: 1px solid
#b3b3b3;
  padding: 4px;
}

.attachments > .attachments-photo {
 
position: relative;
}

.attachments > .attachments-photo >
.attachments-list {
  position: relative;
  display: inline-block;
 
background-color: #ffffff;
  border: 1px solid #eee;
  padding: 6px;
 
margin: 2px;
}

.attachments > .attachments-photo >
.attachments-list > .attachments-delete {
  background-color:
#ffffff;
  position: absolute;
  z-index: 2;
  right: 0px;
  top:
0px;
}

form.newMessage {
  background-color:
#f5f9fa;
}

form.email-settings {
  background-color: #ffffff;
 
padding: 6px;
}

form.email-settings b {
  font-size: 15px;
  color:
#7f7f7f;
}

form.email-settings label {
  display: block;
  cursor:
pointer;
  line-height: 20px;
  padding: 2px;
}

form.email-settings
label:hover {
  color: #696969;
}

.email-panel > .email-login {
 
color: #33a85c;
  display: inline-block;
  margin-top:
2px;
}

.email-panel > .email-login img {
  margin-top: -4px;
 
margin-left: 2px;
}

.breadcrumb {
  margin: 0;
  padding: 8px 15px;

 list-style: none;
  background-color: #f5f5f5;
}
.breadcrumb > li
{
  display: inline-block;
}
.breadcrumb > li + li:before {
 
padding: 0 5px;
  color: #ccc;
  content:
"/\00a0";
}
.breadcrumb > .active {
  color:
#777;
}

.js_not {
  display: none;
}

.user-ban {
 
text-decoration: line-through;
  color: #9d9d9d;
}
.avatar {
 
border-radius: 7px;
  border: 1px solid #C2C4C5;
  background:
url(image/avatar.png)repeat-x top;
}
.avatars{
border: 1px solid
#CCDDED;
padding: 2px 2px 2px 2px;
margin: 0 2px 0
0;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius:
50px;

}
a.user_mail{

              color: #7b8aa1;
             
background: #FFFFFF url(/style/iconc/1.png) no-repeat center;
            
 padding: 11px 20px 11px 20px;
             border-radius: 5px;
         
    border:1px solid #dcdee2;
              
           
             

}
        
a.user_mail:hover {

              background: #fcfcfc
url(/style/iconc/5.png) no-repeat center;

}

a.user_zakl{

         
    color: #7b8aa1;
              background: #FFFFFF
url(/style/iconc/2.png) no-repeat center;
              padding: 11px 20px
11px 20px;
             border-radius: 5px;
              border:1px
solid #dcdee2;
              
           
              
}
       

a.user_zakl:hover {

              background: #fcfcfc
url(/style/iconc/6.png) no-repeat center;

}


a.user_friends{

    
         color: #7b8aa1;
              background: #FFFFFF
url(/style/iconc/4.png) no-repeat center;
               padding: 11px
20px 11px 20px;
             border-radius: 5px;
              border:1px
solid #dcdee2;
              
           
              
}
       

a.user_friends:hover {

              background: #fcfcfc
url(/style/iconc/8.png) no-repeat center;

}


a.user_gift{

       
      color: #7b8aa1;
              background: #FFFFFF
url(/style/iconc/3.png) no-repeat center;
               padding: 11px
20px 11px 20px;
             border-radius: 5px;
              border:1px
solid #dcdee2;
              
           
              
}
       

a.user_gift:hover {

              background: #fcfcfc
url(/style/iconc/7.png) no-repeat center;

}

a.user_money{

        
     color: #7b8aa1;
              background: #FFFFFF
url(/style/iconc/10.png) no-repeat center;
             padding: 11px 20px
11px 20px;
             border-radius: 5px;
              border:1px
solid #dcdee2;

              
}
        
a.user_money:hover {

    
         background: #fcfcfc url(/style/iconc/9.png) no-repeat
center;

}
.pull-right {
  float: right;
}

.pull-left {
  float:
left;
}

.alert {
  padding: 6px;
}

.pager {
  padding-left: 0;
 
margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li
{
  display: inline;
}
.pager li > a,
.pager li > span {
 
display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
 
border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li >
a:hover,
.pager li > a:focus {
  text-decoration: none;
 
background-color: #eee;
}

.ic {
  vertical-align: middle;
  display:
inline-block;
  width: 24px;
  height: 22px;
  background-image:
url(../img/menu_icons.png);
  background-repeat: no-repeat;
 
background-position: center;
}

.ic-mail { background-position: 0 0px;
}
.ic-tape { background-position: 0 -44px; }
.ic-answer {
background-position: 0 -43px; }
.ic-settings { background-position: 0
-242px; }
.ic-home { background-position: -2px -154px; }
.ic-profile {
background-position: 0px -64px; }
.ic-menu { background-image:
url(../img/menu.png); }
.ic-arrow{ background-image:
url(../img/profile_arrow.png); }



.email-nav {
  padding-left:
4px;
  padding-top: 4px;
  margin-bottom: 0;
  list-style: none;
 
border-bottom: 1px solid #d5d5d5;
}

.email-nav li {
  position:
relative;
  display: inline-block;
  margin-left: 4px;
  border-radius:
4px 4px 0 0;
}

.email-nav li.active {
  padding: 6px 10px;
 
background-color: #f1f1f1;
}

.email-nav > li > a {
  position:
relative;
  display: block;
  padding: 6px 10px; 
}


.email-search
form  {
  background-color: #e3ecea;
}

table .search-input {
 
padding: 4px;
  width: 100%;
}

table .search-input input {
  width:
100%;
}

table .search-submit {
  padding: 4px;
  width:
100%;
}

table .search-submit button {
  padding:
2px;
}


.attachments {
  position: relative;
  background-color:
#e4eaef;
  border: 1px solid #b3b3b3;
  padding: 4px;
}

.attachments
> .attachments-photo {
  position: relative;
}

.attach {
 

}

.attach-photo {
  position: relative;
  display: inline-block;
 
background-color: #ffffff;
  margin: 2px;
  height: 100px;
  width:
100px;
  max-width: 31%;
  overflow: hidden;
}

.attach-photo-1 {
 
display: block;
  margin: 2px;
  height: auto;
  width: auto;
 
overflow: visible;
  max-width: 100%;
}

.attach-photo img {
 
min-width: 100px;
  min-height: 100px;
  max-width:
31%;
}

.attach-photo-1 img {
  max-width: 100%;
}

.attachments
> .attachments-photo > .attachments-list {
  position: relative;
 
display: inline-block;
  background-color: #ffffff;
  border: 1px solid
#dddddd;
  padding: 6px;
  margin: 2px;
}

.attachments >
.attachments-photo > .attachments-list > .attachments-delete {
 
background-color: #ffffff;
  position: absolute;
  z-index: 2;
  right:
0px;
  top: 0px;
}

.breadcrumb {
  margin: 0;
  padding: 8px 15px;

 list-style: none;
  background-color: #f5f5f5;
}
.breadcrumb > li
{
  display: inline-block;
}
.breadcrumb > li + li:before {
 
padding: 0 5px;
  color: #ccc;
  content:
"/\00a0";
}
.breadcrumb > .active {
  color:
#777;
}

.js_not {
  display: none;
}

.user-ban {
 
text-decoration: line-through;
  color: #9d9d9d;
}

/* Разметка
постов */

  
.icpb {
  vertical-align: middle;
  display:
inline-block;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
 
background-image: url(../img/actions_sprite.png);
  background-repeat:
no-repeat;
  background-position: center;

}

.icpb-comments {
background-position: -176px 0; }
.icpb-comments:hover {
background-position: -176px -16px; }
.icpb-share { background-position:
-80px 0; }
.icpb-share:hover { background-position: -80px -16px;
}
.icpb-like { background-position: -128px 0; }
.icpb-like:hover {
background-position: -128px -16px; }
.icpb-dlike { background-position:
-144px 0; }
.icpb-dlike:hover { background-position: -144px -16px;
}
.icpb-edit { background-position: -96px 0; }
.icpb-edit:hover {
background-position: -96px -16px; }

.media-post {
  margin: 0px;
 
padding: 0px;
}

.media-post > .media > .media-body {
  display:
block;
  padding-left: 56px;
}

.media-post > .media >
.media-avatar {
  float: left;
}

.media-post > li {
 
border-bottom: 1px solid #dcdef3;
  display: table;
  width: 100%;
 
margin: 0px;
  padding: 4px;
}

.media-post > li:last-child {
 
border-bottom: 0;
}

.list-post a:hover, .media-post a:hover {
 
text-decoration: none;
}

.list-post, .media-post {
  position:
relative;
  border-left: 1px solid #dcdef3;
  border-right: 1px solid
#dcdef3;
}

.list-post a.active {
  color: #7f7f7f;
}

.list-post
.list-post-item { 
  border-bottom: 1px solid #dcdef3;
  padding:
6px;
}

.list-post .list-post-item img { 
  
}

.list-post
.list-post-header img.avatar { 
  border-radius: 50%;
 
-moz-border-radius: 50%;
}

.list-post .list-post-header a { 
 
font-size: 15px;
  font-weight: bolder;
  line-height: 20px;
 
background-size: contain;
}

.list-post .list-post-header { 
 
padding-bottom: 6px;
}

.list-post-time { 
  font-size: 12px;
 
display: inline-block;
  padding: 2px;
  height: 16px;
  word-wrap:
break-word;
  position: absolute;
  right: 0px;
  color:
#7f7f7f;
}

.list-post .list-post-item-text { 
  max-height: 380px;
 
overflow: hidden;
  position: relative;
  width:
inherit;
}

.list-post .list-post-item-text img { 
  max-height:
240px;
}

.list-post-full .list-post-item-text img { 
  max-width:
49%;
  max-height: 300px;
}

.list-post .list-post-item-end { 
 
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff
70%) transparent;
  top: 358px;
  height: 22px;
  position: absolute;
 
display: block;
  width: 100%;
  text-align: center;
  cursor:
pointer;
}

.list-post .list-post-item-end b { 
  width: 40px;
 
display: inline-block;
  background-color: #ffffff;
  background:
linear-gradient(to top, #dbdfe3 0%, #ced2d7 36%, #ffffff 100%);
 
border-radius: 4px 4px 20px 20px;
  -moz-border-radius: 4px 4px 20px
20px;
  vertical-align: bottom;
  border: 1px solid #ececec;
  color:
#7f7f7f;
}

.list-post .list-post-item-end b:hover { 
 
background-color: #efefef;
  background: linear-gradient(to top, #c4cad0
0%, #b9bec6 36%, #ffffff 100%);
  border-radius: 2px 2px 15px 15px;
 
-moz-border-radius: 2px 2px 15px 15px;
}

.list-post .list-post-item-end
a:hover { 
  background-color: #e9e9e9;
  background: linear-gradient(to
top, #e4e8eb 0%, #dcdfe2 36%, #ffffff 100%);
}

.list-post
.list-post-item-panel { 
  background-color: #ffffff;
  padding-top:
6px;
  padding-bottom: 8px;
  padding-left: 6px;
  color:
#737373;
}

.list-post .list-post-item-panel > a { 
  padding:
6px;
  background-color: #ffffff;
  background: linear-gradient(to top,
#edeff1 0%, #e8eaec 36%, #ffffff 100%);
  border: 1px solid #f0f0f0;  
 
border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
 
line-height: 20px;
} 

.list-post-info {
  height:
30px;
}

.list-post-item > .pager {
  margin:
0;
}

.form-post-access, .form-create form {
  border: 0;
 
background-color: inherit;
  margin: 0;
  padding:
0;
}

.form-post-access > .access-header {
  padding: 6px;
 
font-weight: bolder;
}

.form-post-access label {
  display: block;
 
padding: 6px;
  cursor: pointer;
}

.form-post-access button {
 
margin: 6px;
}

.form-post-access label:hover {
  background-color:
#efefef;
}

.form-create {
  padding-top: 6px;
  background-color:
#ffffff;
  border-left: 1px solid #dcdef3;
  border-right: 1px solid
#dcdef3;
  border-bottom: 1px solid #dcdef3;
}

.form-create form
button {
  padding: 4px;
}

.form-create-header, .form-create-input,
.form-create-block {
  padding: 4px 6px 8px 6px;
  color:
#6b6b6b;
}

.form-create-block {
  color: #242424;
  border-top: 1px
solid #dcdef3;
}

.form-create-block:last-child {
  border-bottom: 1px
solid #dcdef3;
}

.form-create-block > .button-create {
  padding:
2px 4px 0 4px;
  vertical-align: middle;
  font-size: 15px;
 
font-weight: bolder;
  color: #2b6bc4;
}

.form-create-block >
.button-create:hover {
  color: #ee0000;
}

.button-create {
 
background-color: #ffffff;
  border: 0;
}

.form-create
.form-create-panel {
  min-height: 46px;
  padding: 6px 8px 6px
6px;
}

.list-like {
  list-style: none;
  padding-left: 0;
 
margin-top: -6px;
  padding: 0;
}

.list-like > li {
  position:
relative;
  display: table-cell;
  background-color: #ffffff;
 
background: linear-gradient(to top, #edeff1 0%, #e8eaec 36%, #ffffff
100%);
  border: 1px solid #f0f0f0;  
  line-height: 20px;
  margin:
0;
  min-width: 30px;
  text-align: center;
}

.list-like >
li:last-child {
  border-left: 0px;
  border-radius: 0  6px  6px 0;
 
-moz-border-radius: 0  6px  6px 0;
}

.list-like >
li:last-child:hover, .list-like > li:first-child:hover {
  background:
linear-gradient(to top, #c8cdd2 0%, #d3d8dc 36%, #ffffff
100%);
}

.list-like > li:first-child {
  border-right: 0px;
 
border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0
6px;
}

.list-like > li > a {
  padding: 6px;
  display:
block;
}

.sort {
  list-style: none;
  padding-left: 0;
 
margin-bottom: 0;
}

.sort > li {
  position: relative;
  display:
block;
}

.sort > li > a {
  position: relative;
  display:
block;
  padding: 5px 7px;
}

.sort-justified {
  width:
100%;
}

.sort-justified > li {
  float: none;
  border: 1px solid
#dcdef3;
  border-right: 0;
  background: linear-gradient(to top, #efefef
0%, #e4e4e4 36%, #ffffff 100%);
}

.sort-justified > li:hover {
 
background: linear-gradient(to top, #fdfdfd 0%, #ececec 36%, #ffffff
100%);
}

.sort-justified > li.active {
  background:
linear-gradient(to top, #fdfdfd 0%, #ffffff 36%, #ffffff
100%);
}

.sort-justified > li.active > a {
  cursor:
default;
}

.sort-justified > li:last-child {
  border-right: 1px
solid #dcdef3;
}

.sort-justified > li > a {
  text-align:
center;
  color: #3b3b3b;
}

@media (min-width: 240px) {
 
.sort-justified > li {
    display: table-cell;
    width: 1%;
  }
 

  .sort-justified > li > a {
    margin-bottom: 0;
  }
 

}


.loads > .menu-pages {
  border-bottom: 1px solid #c9c9c9;
 
background-color: #e1f4ec;
}

.loads > .menu {
  padding: 4px;
 
border-bottom: 1px solid #c9c9c9;
}

.loads > .main {
  text-align:
center;
  font-weight: bold;
}

.loads > .main > a {
  display:
inline-block;
  font-weight: normal;
  border: 1px solid #cfcfcf;
 
background-color: #f1fbf0;
  border-radius: 8px;
  -moz-border-radius:
8px;
  padding: 4px;
  margin: 2px;
}
.comm {
 
-webkit-tap-highlight-color: rgba(0,0,0,0);
  color: #686868;
 
background-color: #F0F0F0;
  padding: 9px;
  overflow:
hidden;
}

.forum {
  background: #FFFFFF;
  padding: 12px;
 
border-bottom: 1px solid #eee;
  word-wrap: break-word;  
  display:
block; 
  background-image: url(../img/profile_arrow.png);
 
background-repeat: no-repeat;
  background-position: 98% 50%; 
 
box-shadow: 0 0 9px 1px rgba(71,79,87,0.15);  
}

a.delete{
color:
#7b8aa1;
background: #FFFFFF url(/style/iconc/11.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;          
}

a.delete:hover{
background: #FFFFFF
url(/style/iconc/12.png) no-repeat center;

}
a.edit{
color:
#7b8aa1;
background: #FFFFFF url(/style/iconc/13.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;          
}

a.edit:hover{
background: #FFFFFF
url(/style/iconc/14.png) no-repeat center;
}

a.dlike{
color:
#7b8aa1;
background: #FFFFFF url(/style/iconc/15.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;                
}      
a.dlike:hover {
background:
#fcfcfc url(/style/iconc/17.png) no-repeat center;
}
a.like{
color:
#7b8aa1;
background: #FFFFFF url(/style/iconc/16.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;        
}      
a.like:hover {
background: #fcfcfc
url(/style/iconc/18.png) no-repeat
center;
}
.ll2
{
padding:30px;
background:#ff0000;
}
a.bookmark{
color:
#7b8aa1;
background: #FFFFFF url(/style/iconc/2.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;                
}      
a.bookmark:hover {
background:
#fcfcfc url(/style/iconc/6.png) no-repeat center;
}
a.mesto{
color:
#7b8aa1;
background: #FFFFFF url(/style/iconc/10.png) no-repeat
center;
background-position: center;
vertical-align: middle;
display:
inline-block;
width: 30px;
height: 30px;
border-radius: 5px;
border:1px
solid #dcdee2;                
}      
a.mesto:hover {
background:
#fcfcfc url(/style/iconc/9.png) no-repeat center;
}
a.user_del_zakl{

 
            color: #7b8aa1;
              background: #FFFFFF
url(/style/iconc/11.png) no-repeat center;
             padding: 11px 20px
11px 20px;
             border-radius: 5px;
              border:1px
solid #dcdee2;
              
           
              
}
       

a.user_del_zakl:hover {

              background: #fcfcfc
url(/style/iconc/12.png) no-repeat center;

}
.hide {

             
color: #686868; 
              background-color: #f8f5f5;
             
padding: 9px;
              word-wrap: break-word;
             
border-bottom:1px solid #eee;


}

.hide a {

             
margin-top: 5px;
              margin-bottom: 5px;

}

.block {

   
          color: #686868; 
              background-color: #FFFFFF;
     
        padding: 9px;
              word-wrap: break-word;
             
border-bottom:1px solid #eee;


}

.middle {

             
vertical-align: -2px;
			  }
.advertising {

             
background-color: #FFE6BE;
              color:#5F5F5F;
             
padding: 9px;
              word-wrap: break-word;

}


.touch {

 
            color: #7b8aa1;
              background: #FFFFFF
url(/img/touch.png) no-repeat right center;
              padding: 10px;

             word-wrap: break-word;
              display: block;
       
      border-bottom:1px solid #eee;

}



.block {

             
color: #686868; 
              background-color: #FFFFFF;
             
padding: 9px;
              word-wrap: break-word;
             
border-bottom:1px solid #eee;

}



.touch1 {

              color:
#7b8aa1;
              background: #FFFFFF ;
              padding:
10px;
              word-wrap: break-word;
              display:
block;
              border-bottom:1px solid #eee;
}
.count1 {

      
       background: #fcfcfc;
              color: #7b8aa1;
             
padding: 0px 5px 0px 5px;
              border-radius: 5px;
           
border:1px solid #dcdee2;
              float: right;
             

@viewport {
 width: device-width;
 }
}
.count {
color:
#3b5998;
padding: 3px;
float: right;
border-radius:
3px;
moz-border-radius: 3px;
webkit-border-radius: 3px;
}