body {
  margin: 0px;
  padding: 0px;
  padding-top: 25px;
  background-image: url('../img/header_back.png');
  background-repeat: repeat-x;
  background-color: #363636;
  font-family: 'Tahoma', 'Arial';
  font-size: 12px; 
}

.bod
{
padding:10em 0 0 0;

}

.header{
  width: 979px;
  height: 89px;
  background-image: url('../img/header.png');
  text-align: left;
  margin: 0 auto;
}

.wrapper {
  overflow: hidden;
  width: 979px;
  margin: 0 auto;
}

.footer{
  width: 979px;
  height: 5px;
  font-size: 6px;
  background-color: #22aeff;
  margin: 0 auto;
}

.footer_copyrights{
  width: 979px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.logo{
  float: left;
  margin-top: 13px;
  margin-left: 22px;
  width: 258px;
  height: 64px;
}

.header_text{
  width: 580px;
  float: right;
  font-size: 12px;
}

.header_link{
  color: #ffffff; 
}

.header_icon{
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: bottom;
}

.line_body{
  width: 5px;
  float: left;
  background-color: #22aeff;
}
.shadow_line{
  background-image: url('../img/img/shadow_top_fon.gif');
  background-repeat: y-repeat;
  width: 5px;
  height: 100%;
  float: right;
}
.body_left{
  width: 233px;
  background-image: url('../img/body_left_back.png');
  background-repeat: repeat-x;
  background-color: #9BDBFF;
  float: left;
  /*padding-top: 10px;*/
  color: #3b3b3b;
  font-size: 14px;
}

.body_left img{
  vertical-align: bottom;
  margin-right: 8px;
}

.body_left a{
  color: #005ead;
  text-decoration: none;
}

.body_left a:hover{
  color: #005ead;
  text-decoration: underline;
}

.body_center{
  width: 737px;
  background-color: #ffffff;
  float: left;
}
.body_center, .body_left, .line_body, .line_shadow {
  padding-bottom:30000px;
  margin-bottom:-30000px;
}

.body_header{
  padding: 25px;
  /*border: 1px solid red;*/
}
.header_subject{
  font-size: 20px; 
  color: #363636;
}
.header_comment{
  font-size: 11px; 
  color: #898989;
}
.header_pad{
  padding-left: 50px;
}
.tema{
  font-size: 15px;
  text-align: center;
  padding: 10px;
}

.successfull{
  margin-left: auto;
  margin-right: auto;
  background-color: #5BCE55;
  border: 1px solid #A1F99C;
  color: #fff;
  font-size: 12px;
  text-align: center;
  width: 300px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}


.menu_containter{
  padding: 10px;
  padding-left: 25px;
  background-color: none;
  position:relative; 
  z-index: 2; 
  /*border: 1px solid red;*/
}


.menu_containter_selected{
  padding: 10px;
  padding-left: 25px;
  background-color: #fffefd;
}
.subject{
  text-align: center;
  font-size: 15px; 
  padding-top: 15px;
  font-weight: bold;
}

/*таблицы*/
table.tab{
  border: 1px solid #fff;
}
table.tab td{
  height: 25px;
}
table.tab td.left{
  text-align: left;
  padding-left: 10px;
}

.sector{
  background-color: #ccc;  
}

table.tab tr{
  text-align: center;
}
table.tab tr.glav{
  background-color: #02AEEF;
  color: #fff;
}
table.tab tr.glav_big{
  background-color: #02AEEF;
  color: #fff;
  height: 35px;
  font-weight: bold;
}
table.tab tr.light{
  background-color: #D6F0FF;
}
table.tab tr.dark{
  background-color: #ADDFFC;
}

table.settigs{
  text-align: center;
  width: 700px;
}
table.settings td{
  padding-right: 5px;
  height: 35px;
}
table.settings tr{
  color: #999;
}
table.settings tr.glav{
  color: #333;
}
.after_table{
  width: 690px; 
  margin: 0 auto; 
  text-align: center; 
}
table.statistics{
  border: 1px solid #fff;
}
table.statistics tr.glav{
  background-color: #02AEEF;
  color: #fff;
}
table.statistics tr.dark{
  background-color: #ADDFFC;
}
table.statistics tr{
  background-color: #D6F0FF;
  height: 22px;
  text-align: center;
}
table.statistics td.left_year{
  text-align: left;
  padding-left: 15px;
}
table.statistics td.left_month{
  text-align: left;
  padding-left: 30px;
}
table.statistics td.left_day{
  text-align: left;
  padding-left: 40px;
}
table.sys_info{
  border: 1px solid #fff;
}
table.sys_info td{
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
}
table.sys_info tr.dark{
  background-color: #ADDFFC;
}
table.sys_info tr.light{
  background-color: #D6F0FF;
}

table.period {
  border: 1px solid #ADDFFC;
  background-color: #D6F0FF;
  padding: 2px;
  width: 110px;
}
table.period td{
  height: 10px;
  color: #000;
}

/*фильтер*/
div.filter{
  /*border: 1px solid red;*/
  padding-top: 10px;
  margin: 0 auto; 
  width: 700px; 
  height: 30px;
}
div.filter div{
  float: left;
  padding-right: 3px;
}

/*добавление*/
div.add{
  width: 690px; 
  text-align: right; 
  /*border: 1px solid red; */
  margin: 0 auto;
}

/*поля ввода и кнопки */
input {
  /*border: 1px solid #E2E3EA;
  border-top: 1px solid #ABADB3;*/
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 4px;
  padding-right: 2px;
}
input.lang{
  padding: 0px;
  margin: 0px;
  width: 300px;
}
input.page{
  width: 25px;
}
.hover{
  background-color: #c9edea;
}

input.button{
  background-image: url('../img/button_small.gif');
  border: 0px;
  width: 58px;
  height: 24px;
  overflow:visible;
  text-align: center;
  padding: 0px;
}
input.button_go{
  background-image: url('../img/button_go.gif');
  border: 0px;
  width: 35px;
  height: 24px;
  overflow:visible;
  text-align: center;
  padding: 0px;
}
input.button_big{
  background-image: url('../img/button_big.gif');
  border: 0px;
  width: 90px;
  height: 24px;
  overflow:visible;
  text-align: center;
  padding: 0px;
}
input.button_super_big{
  background-image: url('../img/button_super_big.gif');
  border: 0px;
  width: 104px;
  height: 24px;
  overflow:visible;
  text-align: center;
  padding: 0px;
}
input.button_save_as_template{
  background-image: url('../img/button_save_as_template.gif');
  border: 0px;
  width: 141px;
  height: 24px;
  overflow:visible;
  text-align: center;
  padding: 0px;
}
input.set_default{
  background-image: url('../img/set_default.gif');
  border: 0px;
  width: 160px;
  height: 24px;
  overflow:visible;
  text-align: center;
  padding: 0px;
}



textarea{
  /*border: 1px solid #E2E3EA; 
  border-top: 1px solid #ABADB3;*/
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 4px;
  padding-right: 2px;
}


/*постраничный вывод*/
div.page{
  width: 680px; 
  height: 30px; 
  margin: 0 auto; 
  font-size: 12px; 
  /*border: 1px solid red;*/
  padding-bottom: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.page a{
  color: #079fd1;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: bold;
}
div.page a:hover{
  color: #000;
}
div.page div{
  float: right;
  padding-top: 7px;
}

/*списки*/
ul
{
  padding: 0px;
  margin: 0px;
  margin-top: 8px;
  margin-left: 40px;
  font-size: 11px;
  color: #005ead;
}
li
{
  margin-top: 3px;
}

img {
  border: 0px;
}

/*сообшение*/
.message{
  /*border: 1px solid #9ecc88;*/
  padding: 10px;
  background-color: #20b520;
  text-align: center;
  margin: 0 auto;
}
.message_in{
  color: #fff;  
  font-weight: bold;
}
.r1, .r2, .r3 {
  display: block;
  height: 1px;
}
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
.box {
  padding: 3px;
  color: #fff;
}
.r1, .r2, .r3 {
  overflow: hidden; 
  font-size: 1px;
}
.mess .box, .mess  b {
  background-color: #00aa15;
  text-align: center;
  font-weight: bold;
}

.stat .box_stat, .stat b {
  background-color: #ccc;
  text-align: center;
  font-weight: bold;
}
.box_stat{
  padding: 3px;
  color: #fff;
}

.mess_err .box_err, .mess_err  b {
  background-color: red;
  text-align: center;
  font-weight: bold;
}
.box_err{
  padding: 3px;
  color: #fff;
}

.block_error{
  position: absolute; 
  margin: 0 auto; 
  left: 33%;
  _left:19%;
  z-index: 12; 
  padding-top: 7px;
}
.global_error{
  width: 400px;
  margin: 0 auto;
  padding: 10px;
  margin-top: 2px;
  text-align: center; 
  border: 1px solid red;
  background: url('../img/fon_pro.png');
  filter:expression(fixPNG(this));
  color: #fff;

}


.grafic{
  border: 1px solid red; 
  width: 680px; 
  margin: 0 auto; 
  height: 300px; 
  margin-top: 30px;
}


table.member_list{
    margin-left:16px;
  margin-right:16px;
    /*height: 60px;*/
}
table.member_list td {
    background-color:#9ec9e9;
    border:1px #A6DEF0 solid;
    padding-left: 10px;
    padding-right: 10px;
  text-align: center;
}
.member_list_block {
  border:1px #A6DEF0 solid;
  margin-right:18px;
  margin-left: 18px;
  background-color: #EEF8FE;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* ########### classes for jquery ################# */

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    display:none;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip1{
    background-color: #222;
    border: 1px solid #fff;
    padding: 10px;
    color: #ccc;
    width: 200px;
    display: none;
  position: absolute;
    z-index: 9;
    }
/*
#resizeMe
{
    cursor: ns-resize;
    cursor: n-resize;
    
}

#resizeS
{
    width: 405px;
    _width: 403px;
    width: 100%;
    height: 6px;
    background-color: #ccc;
    background-image: url(../img/resize_textarea.jpg);
    background-position: center;
    overflow: hidden;
    font-size: 1px;
}
*/

.resizable-textarea .resizable-textarea2
{
    height: 9px;
  _height: 5px;
    overflow: visible;
    background: whitesmoke url(../img/resize_textarea.jpg) center;
  background-color: #4ab8fe;
  background-repeat: no-repeat;
    border-top: 0;
    border: 0px dotted silver;
    border-top:0;
    cursor: s-resize;
}
/*------------------------сортировка-------------------------*/
.glav_big a
{
text-decoration:none;
color:#fff;
}

.glav_big a:hover
{
color:#fff;
text-decoration:underline;
}

.glav_big a.sort
{
color: #fff;
text-decoration:underline;
}

/*------------------------23.01.08-------member_view.php----------------------*/

table.info_memb
{
width:400px;
}

.info_memb_left
{
text-align:right;
width:150px;
padding:5px;
padding-right:15px;
font-weight: bold;
}
/*----------------------------menu-------------------------------------*/
.menu_pod  div
{
  padding: 0px;
  margin: 0px;
  padding-top: 2px;
  font-size: 11px;
  color: #005ead;
}
.menu_pod {
  padding: 0px;
  margin: 0px;
  margin-top: 8px;
  margin-left: 30px;
  font-size: 11px;
  color: #005ead; 
}

.menu_pod img
{
visibility:hidden;
vertical-align:top;
margin-top:3px;
}







/*----------*/
.loading_btn {
  position:absolute;
  z-index:53;
  top:85px;
  left:200px;
  *left:195px;
  padding:0px;
  overflow:visible;
  background-image: url('../img/btn_out.gif');
  height:17px;
  width:58px;
  border:0px;
  color:#414141;
}

.load {
  background-image: url('../img/8.gif');
  width:253px;
  height:84px;
  position:absolute;
  z-index:50;
  top:25px;
  left:15px;
  *left:10px;
}

.load_bg
{
  background-image: url('../img/loading_needsecure.gif');
  width: 289px;
  height:112px;
  border:0px red solid;
  position:absolute;
  z-index:1;
}


a.over
{
  color: #7b7b7b;
}





/* progress */
.progress_block {
  width: 545px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

.start_pause {
  float:left;
  padding:25px 10px 0 0;
}

.progr_cancel {
  float:left;
  padding:25px 0 0 6px;
}

.block_progress_center {
  float:left;
  width:479px;
}

.prog_procent {
  width:479px;
  clear:both;
}

.prog_procent div {
  float:left;
  color:#32a3ff;
  font-family:Tahoma;
  font-size:14px;
  font-weight:bold;
  margin-top:2px;

  111color:#bcbcbc;
}


.procent { 
  margin-top:0px;
  width: 405px;
}


.bg_progress {
  background-image: url('../img/bg_progress.gif');
  11background-image: url('../img/bg_progress_pause.gif');
  height:21px;
  width:467px;
  padding:6px;
  text-align:left;
  clear:both; 
  background-repeat: no-repeat;
}


.bg_progress div {
  height: 21px;
  font-size: 10px;
  background-color: #87d42c;

}

.handpointer {cursor: pointer; cursor: hand;}

.login_mess .box, .login_mess  b {
  background-color: #22AEFF;
  text-align: center;
  font-weight: bold;
}

#login_form
{ 
display:none; 
z-index:1; 
margin-left:9%; 
margin-top:5px; 
cursor: default; 
position:fixed; 
*margin-left:-21%;
}

#login_form iframe
{
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:-100;/*must have*/
z-index:-1;/*must have*/
filter:mask();/*must have*/
width:500px;/*must have for any big value*/
height:300px/*must have for any big value*/;
}

.lf_error
{
display:none; 
text-align:center; 
color:red; 
font-weight:bold;
}

.lf_message
{
display:none; 
text-align:center; 
color:green; 
font-weight:bold;
}

/*  Lang_edit  */
.my_splitter
{
    font-weight: bold;
}

#mass_translate
{
    padding: 20px;
}

#mass_translate h1
{
    font-size: 18px;
}

#mass_translate li
{
    padding: 5px 0px;
}

tr#admin_config_lang_editor_label_value_tabs td{
  text-align: left;
  padding: 0;
  height: 25px;
}

tr#admin_config_lang_editor_label_value_tabs td a{
  background-color: #02AEEF;
  height: 25px;
  border: none;
  padding: 6px 10px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

tr#admin_config_lang_editor_label_value_tabs a.tab_passive{
  background-color: #D6F0FF;
  color: #666666;
}

table#search_tbl{
  border: none;
  border-collapse: collapse;
}
table#search_tbl input{
  margin: 2px;
  padding: 0 2px 0 4px;
}

span.demo{
    color:red;
    text-decoration:blink;
    font-weight:bold;
    position:absolute;
    width:100%;
    text-align:center;
    margin-top:25px;
}

span.debug{
    position:absolute;
    width:100%;
    text-align:center;
    margin-top:-10px;
    z-index:10;
}
span.debug_blink{
    color:red;
    text-decoration:blink;
    font-weight:bold;
    text-align:center;    
}
div.debug_hover{
    background-color:#D6F0FF;
    border:2px solid #02AEEF;
}

input.demo_btn{
    width:90px;
    height:35px;
}

.hidden_element{
display:none;
}