/* LAYOUT MADE IN CSSR http://cssr.ru */

* {
  margin:0;
  padding:0
}

body {
  background:#fff url("../images/grad_tabs.jpg") repeat-x 0 147px;
}

a img {
  border:0
}

li {
  list-style:none
}

table {
  border-collapse:collapse; 
  border-spacing:0; 
}

/*
-------------------------------------------------------
*/

.block {
  clear:both;
  overflow:hidden
}

.lnk_dshd {
  text-decoration:none;
  background:url("../images/bg_dashed.gif") repeat-x left bottom;
}

.info {
  min-width:997px;
  overflow:hidden  
}

.prcnt_30 {
  width:30%
}

.prcnt_40 {
  width:40%
}

.prcnt_50 {
  width:50%
}

.prcnt_60 {
  width:60%
}

.prcnt_70 {
  width:70%
}

.drctr_input {
  border:1px solid #a5acb2;
  background:#fcfcfc
}

textarea.drctr_input {
  height:200px
}

.left {
  float:left
}

.right {
  float:right
}

/*
-------------------------------------------------------
*/


/*
  Header
*/

.header {
  height:148px;
  min-width:997px;
  overflow:hidden;
  position:relative
}

.logo_img {
  float:left;
  margin:44px 0 0 43px
}

.cnt_srch {
  float:left;
  padding:22px 0 0 106px 
}

.menu_alt {
  margin:0 0 15px 0
}

.srch_txt {
  border:1px solid #8b8b8b;
  height:16px;
  width:140px;
  margin:2px 0 0 0;
  float:left
}

.srch_btn {
  margin:0 0 0 8px;
  float:left
}
/*
-------------------------------------------------------
*/



/* Tabs main */

.tabs_body {
  position:absolute;
  top:114px;
  left:43px;
}

.tab_hat {
  height:6px
}

.tab_hat .selected {
  background:#f9f9f9 url("../images/bg_hat_left.gif") repeat-x left top !important;
}

.tab_hat .selected div {
  height:6px;
  background:url("../images/bg_hat_right.gif") no-repeat right top;
}

.tab_text td { 
  background:#FFF url("../images/bg_border.gif") repeat-x left top
}

.tab_text td a {
  border:1px solid #b9b9b9;
  border-top:0; 
  display:block;
  height:27px;
  line-height:27px;
  padding:0 20px;  
  border-bottom:1px solid #6b6b6b;  
}

.tab_text .selected  {
  border-right:0;
  border-left:0 !important;  
  background:#f9f9f9
}

.tab_text .selected a {
  border-bottom:1px solid #f9f9f9;
  border-right:1px solid #6b6b6b;  
  border-left:1px solid #6b6b6b;
}

.tab_text .before_s a {
  border-right:0
}

.tab_text .after_s a {
  border-left:0
}
/**/

/* Tabs second */

.tabs_sec {
  position:absolute;
  top:114px;
  right:34.2%;
}

.tabs_sec a {
  padding:0 10px 0 25px !important
}

.tab_crt {
  background:url("../images/ico_puzzle.gif") no-repeat 8px 6px 
}

.tab_wrht {
  background:url("../images/ico_pencil.gif") no-repeat 8px 6px 
}

.selected .tab_crt {
  background:url("../images/ico_puzzle.gif") no-repeat 8px 4px 
}


.selected .tab_wrht {
  background:url("../images/ico_pencil.gif") no-repeat 8px 4px 
}

/**/


/* Login */

.lgn_body {
  float:right;
  width:29.7%;
  background:#f9f9f9 url("../images/corner_b_bottom.gif") no-repeat left bottom;
}

.lgn_hold {
  padding:23px 36px 5px 26px;
  overflow:hidden;
  min-width:234px;
}

.lgn_body .block {
  margin:0 0 4px 0;
  width:224px
}

.lgn_txt {
  border:1px solid #b1b1b1;
  width:143px;
  height:17px;
}

.lgn_names {
  text-align:right;
  width:70px;  
  height:17px;  
  line-height:17px;
  float:left;
  padding:0 4px 0 0;
}

.lgn_lft {
  float:left;
  margin:0 0 0 74px;
  display:inline
}

.lgn_rght {
  float:right
}

.chk_rememb {
  float:left;
  width:17px;
  margin:3px 0 0 0
}

.lgn_lft label {
  display:block;
  height:17px;
  line-height:17px;
  width:60px;
  float:left;
}
/**/

/* Logged */

.usr_data {
  float:left;
  text-align:right;
  width:135px;
  padding:0 15px 25px 0
}

.usr_avatara {
  float:left;
  width:64px;
}

.userface {
  border:1px solid #a00;
}


.usr_optns {
  margin:24px 0 0 0
}

.messgs {
  padding:0 0 0 14px;
}

.messgs.income { /* Этот класс вешается, если есть новые сообщения */
  background:url("../images/mail.gif") no-repeat left 3px
}
/*
-------------------------------------------------------
*/


/*
  Column number 1
*/

.col_1 {
  width:70.3%;
  float:left;
  overflow:hidden
}

.c1_cntnr {
  margin:30px 43px 0 43px
}

/* Post */

.post_body {
  margin:0 0 45px 0
}

.post_body p {
  padding:0 0 4px 0 
}

.post_header {
  padding:0 0 20px 0
}

.post_info {
  background:#f9f9f9;
  width:100%;
  margin:15px 0 0 0;
}

.procontra {
  width:85px;
  text-align:right
}

.procontra span {
  float:left
}

.pro_color {
  width:30px;
  padding:0 5px 0 0
}

.contra_color {
  width:30px;
  padding:0 5px 0 0
}

.plus_b {
  display:block;
  width:20px;
  height:20px;
  float:left;
  text-align:center
}

.minus_b {
  display:block;
  width:20px;
  height:20px;
  float:left;
  text-align:center
}

.corner_s_top_l {
  background:#f9f9f9 url("../images/corner_s_top_l.gif") no-repeat left top;
  width:14px;
  padding:4px 0 0 0
}

.corner_s_top_r {
  background:#f9f9f9 url("../images/corner_s_top_r.gif") no-repeat right top;
  width:14px
}

.corner_s_bottom_l {
  background:#f9f9f9 url("../images/corner_s_bottom_l.gif") no-repeat left bottom;
  padding:0 0 6px 0
}

.corner_s_bottom_r {
  background:#f9f9f9 url("../images/corner_s_bottom_r.gif") no-repeat right bottom
}
/* */

.pager {
  margin:10px 0 0 0
}

.next_prev {
  clear:both;
}

.pgs_list {
  overflow:hidden;
  float:left;
  border-right:1px solid #7b7b7b;
}

.pgs_list li {
  float:left;
  height:22px;
  line-height:22px;
  border-bottom:1px solid #7b7b7b;
  background:url("../images/pager_2.gif") no-repeat left top
}

.pgs_list li.dots {
  border:0;
  border-left:1px solid #7b7b7b;
  background:none
}

.pgs_list li.selected {
  background:#7b7b7b url("../images/pager_2.gif") no-repeat left top
}

.pgs_list li.pgr_frst {  
  background:url("../images/pager_1.gif") no-repeat left top
}

.pgs_list li.pgr_aftrslct {  
  background:url("../images/pager_3.gif") no-repeat left top
}


.pgs_list li a {
  padding:0 6px;
  display:block;
  height:22px;
  float:left;  
}
/*
-------------------------------------------------------
*/

/* Post content styles */
.post_text table {
  width:100%;
}

.post_text table th {
  background:#f4f4f4;
  text-align:left;
  padding:6px 5px 6px 5px;
  border-right:1px solid #fff;
  border-bottom:1px solid #dfdfdf
}

.post_text table td {
  background:#ededed;
  padding:6px 5px 6px 5px;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff
}

.post_text ul {
  padding:0 0 4px 16px
}

.post_text ul li {
  list-style:square outside;
  padding:0 0 2px 0
}

.post_text ol {
  padding:0 0 4px 22px
}

.post_text ol li {
  list-style:decimal outside;
  padding:0 0 2px 0
}


/* Comments */
.comment_body {
  margin:0 0 15px 0
}

.comment_about {
  border-bottom:2px solid #dfdfdf;
  padding:0 0 2px 17px;
  overflow:hidden
}

.comment_about img {
  float:left
}

.comment_nd {
  float:left;
  height:30px;
  line-height:30px;
  padding:0 0 0 6px
}

.comment_text {
  padding:10px 17px 0 17px
}

.comment_answ {
  text-align:right;
  padding:2px 17px  
}

.rep_1 {
  padding-left:17px
}

.rep_2 {
  padding-left:34px
}

.rep_3 {
  padding-left:51px
}

.rep_4 {
  padding-left:68px
}

.rep_5 {
  padding-left:85px
}

/* 
Sections of the site
*/

.drctrm th,
.drctrm_mail th {
  border-bottom:1px solid #c75757;
  text-align:left;
  padding:0 0 5px 17px;
  vertical-align:bottom
}

.drctrm td {
  background:#f9f9f9 url("../images/bg_border_wh.gif") repeat-x left top;
  border-bottom:1px solid #e2e2e2;  
  padding:8px 0 25px 17px;
}

.drctrm_mail {
  margin:40px 0 0 0
}

.drctrm_mail td {
  background:#f9f9f9 url("../images/bg_border_wh.gif") repeat-x left top;
  border-bottom:1px solid #e2e2e2;
  padding:10px 0 9px 17px;  
}

.drctrm  .posts_num {
  background:#7f7f7f;
  text-align:center;
  height:19px;
  width:82px;
  line-height:19px;
  margin:0 0 0 30px
}

.mail_check {
  width:32px
}

/**/

.cmnty_info {
  margin:0 0 45px 0
}

.cmnty_about {
  float:left;
  width:70%;
}

.cmnty_about p { 
  margin:0 17px 3px 17px
}

.cmnty_select {
  float:left;
  width:30%;
}

.cmnty_select select {
  width:100%;
}

.cmn_sel_name {
  margin:0 0 4px 0
}
/**/

.drctr_form {
  margin:0 0 30px 0
}

.header_r { 
  border-bottom:1px solid #c75757;
  padding:0 0 5px 17px;
  margin:0 0 8px 0
}

.header_f {
  margin:0 0 3px 0
}

.left .header_r { 
  margin:0 15px 0 0
}

.form_hold {
  margin:5px 5px 7px 17px
}

.form_hold .block {
  padding:0 0 3px 0
}

.form_hold .block input {
  margin:3px 0 0 0;
  float:left
}

.form_hold .block label {
  margin:0 0 0 4px;
  float:left
}  

.form_hold.toppad {
  margin-top:20px
}

.drctr_butn {
  display:block;
  float:left;
  height:28px;
  line-height:28px;  
  background:#b0b0b0 url("../images/but_drctr_l.png") no-repeat 0 0
}

.drctr_butn span {
  background:url("../images/but_drctr_r.png") no-repeat right 0;
  display:block;  
  height:100%;
  padding:0 35px
}

/**/

.tabs_more {
  background:#FFF url("../images/bg_border_more.gif") repeat-x 0 28px;
  padding:0 0 0 17px
}

.tabs_more .tab_hat .selected {
  background:#fff url("../images/bg_hat_left.gif") repeat-x left top !important;
}

.tabs_more .tab_text .selected  {
  background:#fff
}

.tabs_more .tab_text .selected  a {
  border-bottom:1px solid #fff;
}

.tabs_more td a {
  height:22px;
  line-height:22px;
  padding:0 10px
}

.tabs_more .selected a {
  line-height:140% !important;
}

.pers_link {
  margin:10px 0 0 0
}

.pers_link a {
  padding:0 0 0 13px
}

.pers_link .mail_link {
  background:url("../images/mail_link.gif") no-repeat 0 4px
}

.pers_link .edit_link {
  background:url("../images/edit_link.gif") no-repeat 0 4px
}

.info_more {
  margin:30px 17px 20px 17px
}

.div_more {
  margin:0 0 10px 0
}

/*
-------------------------------------------------------
*/


/*
  Column number 2
*/

.col_2 {
  width:29.7%;
  float:right;
  margin:30px 0 0 0
}


.adv_right {
  width:240px;
  height:400px;
  border:1px solid #727272;
  margin:0 0 20px 10px
}

.side_bl {
  background:#f9f9f9 url("../images/corner_b_top.gif") no-repeat left top;
  margin:0 0 9px 0 
}

.side_bl_ins {
  background:url("../images/corner_b_bottom.gif") no-repeat left bottom;
  padding:13px 0
}

.side_bl h3 {
  padding:0 0 10px 32px;
  width:230px
}

.block_link {
  text-align:right;
  width:255px
}

.communities table {  
  margin:0 0 0 32px;
  width:229px
}

.communities table td {
  padding:0 0 3px 0
}

.communities table .posts_td {
  padding-bottom:3px
}

.communities table  .posts_num {
  background:#7f7f7f;
  height:16px;
  line-height:16px;
  width:49px;
  text-align:center;
}

.last_comments table {  
  margin:0 0 0 5px;
  width:250px
}

.last_comments table td {
  padding:0 0 5px 0
}

.last_comments table  .coms_num {
  width:22px;
  padding:0 5px 0 0;
  text-align:right
}

.key_words .tgs_blck {
  margin:0 0 0 32px;
  width:225px
}
/*
-------------------------------------------------------
*/


/*
  Footer
*/

.footer {
  clear:both;
  margin:20px 0 0 0;
  padding:20px 0 0 43px;
  background:url("../images/grad_footer.jpg") repeat-x;
  height:115px
}

.madeby {
  float:left;
  width:185px
}

.mdb_blck {
  padding:0 0 4px 0
}

.cntr_block {
  float:left;
  width:185px
}

.allright {
  float:right;
  width:29.7%;
}

.alrght_hold {
  width:235px;  
  padding:0 0 0 20px
}

.all_dir {
  padding:0 0 7px 0
}

.cssr a {
  text-decoration:none !important;
  outline:0;
  font-size:13px
}

.cssr span {
  border:1px solid #444;
  font-size:0.7em;
  padding:0 2px;
  margin:0 2px 0 0;
  font-family:verdana
}

.cssr .cssr_c,
.cssr .cssr_s1,
.cssr .cssr_s2,
.cssr .cssr_r {
  border-color:#999;
  color:#999
}
/*
-------------------------------------------------------
*/


