@charset "windows-1251";
/* CSS Document */

@charset "windows-1251";
/* CSS Document */
HTML{height:100%}
BODY{ padding:0; margin:0; height:100%;
	font-family:'helvetica neue', helvetica-neue, helvetica, arial, sans-serif; font-size:13px ;}
A{font-family:'helvetica neue', helvetica-neue, helvetica, arial, sans-serif; }

	.fix-cont{position:fixed; width:100%; margin-top:100px}
	.adm-login{width:370px; height:207px; margin:auto; background:url(images/login-bg.png) no-repeat;}
	.adm-login form{padding:40px 0 0 135px;}

h1.hh1{ display:block; background:url(images/ar1.png) center left no-repeat; padding-left: 25px; font-size:18px; border-bottom:1px solid #D5D5D5; }
.leftcol_title{background:#7780a0; padding:5px; margin:0px 4px 10px 0px; text-align:center; color:#fff; font-size:13px; font-weight:bold}
h3{ margin:0px; padding:10px 0 5px 0;}
span.notes{font-size:10px; color:#666}

#header{width:100%;	height:35px; position:fixed; background:url(images/header_bg.png) repeat-x; z-index:100}
#header .logo{ font-size:16px; color:#FFF; padding:5px 10px; display:block; float:left;}
#header .user{ float:right; width:600px }
#header .user .logout_button{ margin: 3px 9px; float:right;}
#header .user .username{ margin:8px 9px; float:right; color:#FFF;}

#header .buttons{ float:left; padding-left:30px;}
#header .buttons a{ display:inline-block; height:28px; padding:3px 0;}
#header .buttons a img{ max-height:100%; width:auto}
a.menu_unit, span.menu_unit{ display:block; margin-bottom:5px; width:200px; height:24px; padding-top:6px; background:url(images/button1.png) no-repeat; position:relative; text-align:center; color:#339; 	text-decoration:none}
	a.menu_unit:hover, span.menu_unit:hover{ background-position: 0px -30px; cursor:pointer}
a.menu_unit2, span.menu_unit2{ display:block; margin:0; padding:0; width:200px; height:15px;   position:relative; text-align:left; color:#339; 	text-decoration:none}
	a.menu_unit2:hover, span.menu_unit2:hover{ background:#06C; cursor:pointer}

table td.rightside{background:url(images/sidebg.png) repeat-y right; padding-top:10px; }
table td.content{ padding-left:20px; padding-top:10px;}

table.content_table{margin-top: 34px;}

table.table{width:100%}
table.table ul{ margin:0px; padding:0px; margin-left: 25px;}
table.table tr.head th{ font-size:12px; padding:2px 10px; text-align:center; background:#eeeeef;  border-bottom:2px solid #898ea0}
table.table tr:hover{ background:#fdf2cb}
table.table td{padding:5px 5px; border:#CCC solid 1px}
table.table th.num, table.table td.num{width:40px; text-align:center; padding:0px 0px} 

.titlename{ display:block; margin:10px 0 5px 0; padding:5px 3px; background:#7f87a4; color:#FFF; font-weight:bold}

a.button{ display:block; padding:10px 10px 10px 30px; margin-bottom:10px; margin-right:5px; height:16px; float:left; background-color:#bbc1d7; background-image:url(images/edit.png); background-repeat:no-repeat; background-position: 7px 9px; color:#f2f3f6; text-decoration:none}
a.button:hover{background-color:#949ebf;}
a.button.list{background-image:url(images/list-2.png); background-repeat:no-repeat; background-position: 7px 9px;}
a.button.edit{background-image:url(images/edit.png); background-repeat:no-repeat; background-position: 7px 9px;}
a.button.add{background-image:url(images/add.png); background-repeat:no-repeat; background-position: 7px 9px;}

span.button.delete{ display:block;background-image:url(images/delete.png); cursor:pointer; width:18px; height:18px; background-repeat:no-repeat;}

.pre_delete{ width:400px; margin:auto}
.pre_delete textarea{width:400px; height:50px;}
.pre_delete .button{ display:block; width:100px; margin:10px auto;}



.notis{clear: both;  border-bottom: 2px solid #424C6E;	border-top: 2px solid #424C6E; 	background: #C6CCE1;
	background-image: url(images/att.png); background-repeat: no-repeat; 
padding: 8px 35px;	background-position: 5px 5px; margin-bottom:10px }
	.notis.error{color:#FFF; font-weight:bold; background-color:#F63;} 
	.notis.info{color:#424C6E; background:#0C6}


/*Всплывающее окно*/
.modal_selector .search_inputs{margin:10px; padding:10px; background:#D5D5D5; border:#C0C0C0 1px solid;}
.modal_selector .function{margin:10px; padding:5px; background:#7f87a4; border:#C0C0C0 1px solid; color:#FFF}
.modal_selector .result{ padding:10px;}
.modal_selector .result div{ font-size:12px;  margin:4px 0; padding:8px 10px; background:#F2F2F2}
.modal_selector .result div:hover{background:#a1c8df; cursor:pointer}
.modal_selector .result div .select{ display:block; width:20px; height:16px; margin-right:15px; cursor:pointer; float:right; background:url(images/ok.png) no-repeat}


/*форма*/
.new_order{text-align:center; width:650px; margin:auto; font-size:16px; font-weight:bold; color:#515d85; border-bottom:2px solid #515d85; padding-bottom: 5px;}
form.add_form2{display:block;  font-size:13px; width:650px; margin:auto;}
form.add_form2 h3{ display:block; background:#9ab2c0; font-size:14px;}
form.add_form2 .form_row{width:650px; height:30px; clear:both; margin:2px; background:#f7f7f7; padding: 5px 0;}
form.add_form2 .form_row.text{height:70px;}

form.add_form2 .form_row.button{width:700px; border:none}
form.add_form2 .form_row_ro input{background:#CCC}
form.add_form2 label{display:block; float:left; width:250px; height:20px; font-weight:bold; text-align:right; padding: 7px 7px 0 0;}
form.add_form2 label.radio{ display:inline; width:auto; float:none}
form.add_form2 input[type="text"] { width:300px; padding: 3px 5px;}
form.add_form2 input[readonly="readonly"]{ background:#E0E0E0;}
form.add_form2 textarea{width:90%; height:80px}
form.add_form2 textarea{ }
form.add_form2 div.button{ float:left;}
form.add_form2 div.button.right{ padding:10px 0; float:right;}
form.add_form2 textarea.form_row{height:50px}
form.add_form2 textarea.form_row.text{height:60px; width:309px; background:#FFF}
form.add_form2 .block_title{font-size:16px; color:#FFF; text-align:center; background:#505b83; margin-top:15px}
form.add_form2 .form_row.summa{height:75px}
form.add_form2 .form_row.summa .summa_title{ display:block; font-size:14px; font-weight:bold; border-bottom:#ABABAB 1px solid; margin:0 20px 5px 20px;}
form.add_form2 .form_row.summa table{width:90%; margin:auto}
form.add_form2 .form_row.summa table div{width:200px; margin:0; height:30px; padding:0;}
form.add_form2 .form_row.summa table div label{display:none; width:0; height:0}
form.add_form2 .form_row.summa table tr{ text-align:left}

form.add_form2 .form_row.summa input{width:145px; display:block; margin:0; }

.add_form2 input[type="submit"]{ line-height:30px; margin-top:10px;}

/*Список заказов*/
table.orders{width:99%; margin-right:10px}
table.orders tr.head th{ font-size:12px; padding:7px 0px; text-align:center; background:#eeeeef;  border-bottom:2px solid #898ea0}
table.orders tr:hover{ }
table.orders tr.zstatus1{ background:#b6fba8}
table.orders tr.zstatus2{ background:#69F}
table.orders tr.zstatus3{ background:#3C0}
table.orders tr.zstatus4{ background:#FFFF1F}
table.orders tr.zstatus5{ background:#EBEBEB}
table.orders tr.deleted{ background:#DCDCDC}
table.orders tr.paid{background:#b9eccb}
table.orders tr.no_paid{background:#ecb9b9}

table.orders td{padding:5px 5px; border:#CCC solid 1px}
table.orders th.num, table.orders td.num{width:40px; text-align:center; padding:0px 0px} 
table.orders th.znum, table.orders td.znum{width:55px; text-align:center; padding:0px 0px; } 
table.orders td.att{font-size:12px; color:#999}
table.orders span.comments{text-decoration:underline; color:#B32E2E; cursor:pointer}

span.sms, span.sms0{ margin:0 5px; padding:0px 3px; background:#F5F5F5; border:#969696 1px solid; color:#999; }
span.sms1{color:#1AC81A; font-weight:bold; background:#F5F5F5; border:#969696 1px solid; argin:0 5px; padding:0px 3px; }
span.sms-1{color:#F00;  font-weight:bold;  background:#F5F5F5; border:#969696 1px solid; argin:0 5px; padding:0px 3px; }

/*Список мастеров*/
table.masters{width:100%; }
table.masters tr.head th{ font-size:11px; padding:7px 0px; text-align:center; background:#7f87a4;  border-bottom:2px solid #898ea0; font-family:Arial, Helvetica, sans-serif; color:#FFF}
table.masters tr{background:#F2F2F2}
table.masters tr:hover{ background:#a1c8df }
table.masters td{padding:5px 5px; border:#CCC solid 1px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
table.masters .select{ display:block; width:20px; height:16px; margin-right:15px; cursor:pointer; float:right; background:url(images/ok.png) no-repeat}

/*Календарь*/
.month_block{float:left; margin:5px 10px}
table#calendar{ }
table#calendar tr th{ font-size:12px; padding:7px 0px; text-align:center; background:#c0c8d4; border:#CCC solid 1px}
table#calendar td{padding:7px 7px; border:#CCC solid 1px; background:#F4F4F4;}
table#calendar td:hover{ cursor:pointer; background:#EBEBEB}
table#calendar td.select{background:#3C0}


.ui-datepicker{-webkit-box-shadow: 0px 0px 10px 3px #999;; /* Safari до версии 5.1, Chrome до версии 10.0 и iOS */
    -moz-box-shadow: 0px 0px 10px 3px #999;; /* Firefox до версии 4.0 */}


.filter{padding:4px 5px; margin:0px 10px 10px 0px; background:#c0c6dc; height:135px}
.filter .filter_row{ clear:both}
.filter .filter_row input.button1{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:0; padding:2px 5px}
.filter .filter_row form{display:block; float:left; padding:4px; margin:5px; border:1px solid #abb4d5}
.filter .filter_row form.select{ background:#6e79a2; color:#FFF}

.filter .filter_row input.date1{width: 80px; text-align: center;}
.filter .filter_row input.date1.selected{ border-color:#F00;}
.filter .filter_row input.button1.selected{ background:#6e79a2; color:#FFF  }


.add_com textarea.add_com_field{ display:block; width:630px; border:1px solid #bfc8d6; padding:10px 20px; color:#333;}
.comments{ padding-bottom:10px; max-height:300px; overflow:auto; }
.comments .comment{padding:5px 5px 8px 5px; margin-bottom:5px; border-left:1px solid #aac1dc; background:#f7f7f7}
.comments .comment:hover{background:#f4f4f4}
.comments .username{border-bottom:1px solid #CCC; margin-bottom:3px}
.comments .username span.com_data{ color:#4278b4; font-size:12px; border:none;}
.comments .username span.user_name{ color:#4278b4; font-size:13px; border:none;}

.comments .username span:focus{ border:none;}
.comments .com_text{ color:#666; font-size:12px; padding-left:10px;}

#mmnew{ display:block; width:15px; height:15px; position:absolute; top:7px; left:172px;}
#mmnew.new{background:url(images/greendot.png) no-repeat;}

#modal{}
.mtitle{background:#666; padding:3px; color:#FFF; font-weight:bold}
#modal .leftside .recepients .online{ display:block; position:absolute}
#modal .leftside{ width:260px; float:left; height:500px; overflow:auto; }
#modal .leftside .recepients .recepient{width:250px; height:50px; padding:4px; background:url(images/mesuser.png) no-repeat; margin:3px 0; background-position: 0 -58px; position:relative}
#modal .leftside .recepients .recepient .online{ display:block; position:absolute; width:10px; height:10px; background:#E1E1E1; top:7px; left:215px}
#modal .leftside .recepients .recepient .online.on{ background:#0C0}

#modal .leftside .recepients .recepient:hover{ background-position: 0 -116px; cursor:pointer;}
#modal .leftside .recepients .recepient.active{ background-position: 0 0px;}
#modal .leftside .recepient .new{font-size:10px; font-weight:bold; color:#0C0;}
#modal .leftside .recepient .nonew{font-size:10px;  color:#999;}


#modal .rightside{width:470px; float:right; height:520px;}
#modal .rightside .messages{height:380px; overflow:auto; padding:10px; border:1px solid #F60}
#modal .rightside .add_mess{width:470px; float:left; clear:left}
#modal .rightside textarea.add_mess_field{ width:470px; height:50px;}

#modal .rightside .timeset{ padding-bottom:6px;  font-size:12px;}
#modal .rightside .timeset #allcount{ padding-right:30px; }
#modal .rightside .timeset .ts{ padding:2px; border:1px solid #b4bed7; cursor:pointer;}
#modal .rightside .timeset .ts.active{background:#b4bed7; color:#FFF}

.messages .comment{ margin:5px 0; border-left:1px solid #CCC; padding:3px 0 3px 5px; background:#f7f7f7 }
.messages .comment .username{ color:#999; font-size:12px;}

.messages .comment .datetime{display:block; float:right; font-size:11px}



/*****************************/
.title_1{font-weight:bold; font-size:14px;}
.title_1.line{font-weight:bold; display:block; font-size:14px; border-bottom:#ABABAB 2px solid; margin:5px 0px;}

	
.pages_content a{color:#03C;}
.pages_content a:hover{color:#06C;}
.nav_pages a{display:block; width:auto; height:17px; float:left;
		 padding:2px 5px 0 5px; margin:0 5px; border:1px solid #CCC; background:#c6cce1; color:#333; text-decoration:none;} 
.nav_pages a:hover, .nav_pages a.active{ background:#424c6e; color:#FFF;}


input[type="submit"]{cursor:pointer ; 
   
    border: 1px solid #7b7878;
    background: #eee;
    color: #484848;
    text-decoration: none;
    padding: 0 20px;
    
    margin-bottom: 20px;}





a.log_mail{color:#8e9ac1; font-size:14px; font-weight:bold; text-decoration:none; display:block; float:left; width:100px; margin-left:50px; margin-top:20px; text-align:center; padding: 5px 20px; }
a.log_mail:hover{color:#F2F2F2; text-decoration:underline}

#footer{ position:fixed; bottom:0; width:100%; clear:both; height:45px; background:#E1E1E1; border-top:2px solid #525e86; padding:5px; padding-left:30px;  color:#666}
#footer_left{ float:left; }
#footer_right{ float:right; width:250px }


#left_col{float:left; margin:0px 40px 0 30px; width:228px;}
#left_col .block{padding-top:20px;}

table.left_tab_block {}
table.left_tab_block th { background:url(images/left_th_bg.png) no-repeat; height:28px; width:208px;
							vertical-align:top; text-align:left; padding:7px  10px 4px 10px;
							font-size:14px; font-weight:bold; color:#222b48}
table.left_tab_block td.name{padding:5px 0 2px 10px; border-bottom:#036 1px dotted;}
table.left_tab_block td.name a{ font-size:12px; text-decoration:underline; color:#373737; font-weight:bold; padding:6px 0; display:block }
table.left_tab_block td.name a:hover{color:#4e5981; text-decoration:none}
table.left_tab_block td.volume{ width:30px; text-align:center; vertical-align:middle; font-size:12px; font-weight:bold }


.vol-1{color:#444e71; padding:2px;  width:16px; height:16px; line-height:normal;}
.vol-2{width:10px; height:10px;  }
.s-orange{background:#e75710}
.s-dark-gray{background:#585858}
.s-gray{background:#c6cce1}
.s-light-gray{background:#e4e4e4}
.s-light-green{background:#96b94b}
.s-green{background:#4bb96f}


.red{background:#C00; color:#FFF}

#search_block .label{font-size:12px; color:#444e71; float:left; width:100px;  clear:left;  height:28px; }	
#search_block input{font-size:12px; color:#444e71; float:right; width:120px; clear:right; height:15px;}	
#search_block select{font-size:12px; color:#444e71; float:right; width:124px; clear:right; height:21px;}	
#search_block input.but_1{ float:left; clear:both; padding:0; margin:0;	width:75px;	height:29px; background:url(images/search_but.png) no-repeat}

#right_col{ padding:0 20px}

.top_nav {}
.top_nav ul{ margin:0; padding:0}
.top_nav ul li {
	display:block;
	list-style:none;
	list-style-image:none;
	float:left;
	padding:10px 20px;
	background:#c6cce1;
	border-bottom:#FFF solid 1px;
	border-left:#FFF solid 1px;
	}
	
.top_nav ul li:hover{background:#7c86a9;}
.top_nav ul li a{text-decoration:none; color:#FFF; font-weight:bold }
.top_nav ul li.current{background:#424c6e;}
.top_nav ul li.current a{color:#FFF}



.content {clear:both; 	margin-bottom:100px; overflow:auto }

.reload{ display:block; width:20px; height:20px; background:url(images/reload.png) no-repeat; float:right; margin:0 10px; cursor:pointer;}	
.reload_2{ display:block; width:12px; height:12px; background:url(images/reload_2.png) no-repeat; float:right; margin:0 10px; cursor:pointer;}	



	
.cont_tab{ font-size:13px}
.cont_tab form{margin:0}
.cont_tab th.colum_1{padding-left:10px}
.cont_tab td{ vertical-align:top; padding:3px 0 3px 3px; border-bottom:1px solid #e4e5e9; }
.cont_tab tr:hover{background:#d8dbe4}
.cont_tab th a{
	float:right;
	display:block;
	padding:0;
	margin:0
}
.cont_tab .id{ padding-left:10px;}
	
.cont_tab th{
	background:url(images/th_bg.png) repeat-x;
	border-bottom: 1px solid #434d70;
	padding:0;
	height:30px;
	text-align:left;
	font-weight:normal;
	}
	.cont_tab th.colum_0{padding-left:10px}
	
	.cont_tab_id{ width:50px; text-align:center;}
    .cont_tab_client_num{ float:left;  margin-right:5px; background:#e4e5e9;  padding-top: 2px; width:40px; height:15px; color:#333; font-size:11px; 				
						text-align:center}
    .cont_tab_client_name{ float:left; width:130px;}
    .cont_tab_status{ width:15px; height:15px; float:left; margin-right:5px}
    .cont_tab_task{ float:left; width:175px;}
		.cont_tab_task span{border-bottom:#999 1px dashed}
	.cont_tab_ispolnitel{min-width:130px}
    .cont_tab_comment{ font-size:12px; color:#777; padding-right:10px}
    .cont_tab_post{min-width:130px; padding-right:10px}
    .cont_tab_date{ font-size:11px; color:#777}
	.cont_tab_nums{ float:left; width:40px; text-align:right; height:19px; padding-top:4px}
	.cont_tab_list{ float:left; width:60px; height:23px; margin-left:10px }
	.cont_tab_delete{float:left; width:14px; height:23px; margin:0 10px;}
	.cont_tab_bars{ clear:both; padding-top:10px; margin-left:26px; width:120px}


.cont_tab .status_on{ display:block;width:20px;height:20px;background:url(images/ok.png) no-repeat center;
						text-decoration:none; border:none;	margin:0}
.cont_tab .status_off{display:block;width:20px;height:20px;background:url(images/no.png) no-repeat center;
						text-decoration:none;border:none; margin:0}	
.cont_tab .read_status{display:block;width:40px;height:20px;background:url(images/reading.png) no-repeat center;
						text-decoration:none;border:none; margin:0}	
.cont_tab .new_status{display:block;width:40px;height:20px;background:url(images/new.png) no-repeat center;
						text-decoration:none;border:none; margin:0}							
						
						
.cont_tab .delete{display:block; float:left;width:100px;height:20px;background:url(images/del.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}	
.cont_tab .items{display:block;float:left;width:100px;height:20px;background:url(images/items.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}	
.cont_tab .edit{display:block;float:left;width:100px;height:20px;background:url(images/edit.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}							
.cont_tab .read{display:block;float:left;width:100px;height:20px;background:url(images/read.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}							
.cont_tab .images{display:block;float:left;width:100px;height:20px;background:url(images/images.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}									
								
						


form.add_form{display:block;  font-size:13px;}
form.orders{width:360px}
form.orders textarea{width:353px; }
	form.add_form h3{ display:block; background:#9ab2c0; font-size:14px;}
	form.add_form .form_row{width:650px; height:30px; clear:both; margin:5px;}
	form.add_form .form_row.button{width:700px; border:none}
	
	form.add_form .form_row_ro input{background:#CCC}
	form.add_form label{display:block; float:left; width:250px; height:20px; font-weight:bold}
	form.add_form label.radio{ display:inline; width:auto; float:none}
	form.add_form input[type="text"] { width:347px;}
	form.add_form textarea{width:90%; height:80px}
	form.add_form textarea{}
	form.add_form div.button{ padding:10px 0; border-top:#CCC 1px solid}
	form.add_form textarea.form_row{height:50px}
	
form.form_orders{display:block; width:auto; float:left; padding:0px 0px; font-size:13px;}
form.form_orders{width:480px}
form.form_orders textarea{width:460px; height:60px}
	form.form_orders .form_row{width:700px; height:22px; clear:both; margin:5px;}
	
	form.form_orders .form_row_ro input{background:#CCC}
	form.form_orders label{display:block; float:left; width:160px;}
	form.form_orders label.radio{ display:inline; width:auto; float:none}
	form.form_orders input[type="text"] { width:300px;}
	form.form_orders div.button{ padding:10px 0; border-top:#CCC 1px solid}
	
.form_row input#alias{float:left; position:relative}
.form_row.alias input[type="button"]{position:relative; left:605px; top:-27px; background:#999; color:#FFF}
.form_row .input_short{width:50px;}
.w50 input{width:50px !important}


.form_row_fr{float: left;margin-bottom: 10px;}
.form_row_fr a{color:#424242; text-decoration:none; display:block; padding:2px 5px; margin:2px; border:#ABABAB 1px solid; font-size:12px; background:#EAEAEA}


.gen_but{display:block; float:left;width:100px;height:20px;background:url(images/gen_but.png) no-repeat center;
						text-decoration:none;border:none; margin:3px 5px; cursor:pointer}	
	
/*div.htmledit textarea{
	width:500px;}	
	*/
.catalog td.tab1{width:200px; border:1px solid #CCC; padding:5px}
.catalog td.tab2{width:auto; border:1px solid #CCC; padding:5px}

.tab1 ul {list-style:none; list-style-image:url(images/list.png); margin: 0; padding: 0 0 0 20px; line-height:20px}
.tab1 ul il {}
.tab1 ul ul {list-style:none; list-style-image:url(images/list-1.png); }
.tab1 ul a{color:#666; font-size:13px; text-decoration:none}
.tab1 ul a:hover{color:#1e4581; text-decoration:underline}
.tab1 ul a.current{color:#1e4581; font-weight:bold}
.catalog .cat_button_save{ padding:10px 0; border-top:#CCC 1px solid; float:left}
.catalog .cat_button_del{ display:block; float:right;width:100px;height:20px;background:url(images/del.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px; padding-top:10px}
						
						
.products{float:left; font-size:12px; margin-left:10px}
.products th{font-size:11px; background:#ccc; border:1px solid #FFF; padding:3px 0}
.products td{padding:3px 0; border-bottom:#999 1px solid}
.products td.id, .products td.cost, .products td.count, .products td.summ{font-size:12px; text-align:center}

.user_files table tr td{vertical-align:top; border:1px solid #969696}
.user_files h3{ font-size:14px; padding:0; margin:0;}
.user_files p{padding:0; margin:5px 0; font-size:12px}

form.add_photo{font-family:Tahoma, Geneva, sans-serif; font-size:12px}
form.add_photo input[type="text"]{width:290px}
form.add_photo textarea{width:290px; height:50px}
.save_but{width:122px; height:24px; background:url(images/save_but.png) no-repeat; border:0; cursor:pointer}
.del_but{width:122px; height:24px; background:url(images/del_but.png) no-repeat; border:0; cursor:pointer}
.ok_but{width:122px; height:24px; background:url(images/ok_but.png) no-repeat; border:0; cursor:pointer} 
.add_but{width:122px; height:24px; background:url(images/add_but.png) no-repeat; border:0; cursor:pointer} 




.actions a.del{display: block;padding: 0 2px;width: 18px;height: 18px;float: right;background:url(images/delete.png) no-repeat;}
.actions a.edit{display: block;padding: 0 2px;width: 18px;height: 18px;float: right;background:url(images/edit_icon.png) no-repeat;}



form.popup_form{font-family:Tahoma, Geneva, sans-serif; font-size:12px}
form.popup_form input[type="text"]{width:290px}
form.popup_form select{width:290px; }
form.popup_form textarea{width:290px; height:50px}

form.popup_form.save_but{width:122px; height:24px; background:url(images/save_but.png) no-repeat; border:0; cursor:pointer}

/*Catalog*/

.catalog h3{padding:5px 10px; margin:0; }
a.head_back_but {padding: 0px; margin: 5px 10px; display: block; text-decoration:none; color:#575757}
a.head_back_but:hover{color:#1E4581;}
a.add_but{color:#1E4581; background: url(images/add_s.png) no-repeat right; padding: 10px 23px 10px 0;
			display: block; float: left; color: #333; text-decoration:none}
			
			
.page_select_table tr{background:#EAEAEA;}
.page_select_table td{padding:3px 5px; }
.page_select_table tr:hover{background:#C0C0C0; cursor:pointer}			




/*MGallery*/
.mg_album_title{font-size:14px;  font-weight:bold; border-bottom:2px solid #818181; margin-bottom:10px;height: 35px;}
.image-unit{float:left; display:block; border:1px #BFBFBF solid; margin:5px; padding:5px; background:#EAEAEA}
 .image-unit img{border:#969696 3px solid}
.image-title{font-size:13px; font-weight:bold; padding:5px}
.image-desc{font-size:12px; padding-left:5px; vertical-align:top; width:120px}
.image-actions{font-size:12px; text-align:right; color:#444; border-bottom:1px solid #C0C0C0}
.b-add a { display:block; color:#181818; padding-top:5px; clear:both; width:200px; height:25px; background:#D5D5D5; text-decoration:none; font-weight:bold; text-align:center}
.b-add a:hover{ background:#969696}
.mg_album_title a{display:block; background:#C0C0C0; border:1px solid #EAEAEA; width:150px; height:25px; float:right; color:#181818; font-size:12px; text-decoration:none; padding-top:5px; text-align:center}
.mg_album_title a:hover{background:#969696}


/*Основные кнопки модулей */
.button a{ width:100px; height:37px; padding:5px 5px 5px 32px; display:block;  vertical-align:middle; background-color:#E8E8E8; color:#333; 
		text-decoration:none; border:#ABABAB 1px solid; margin:2px}
.button a:hover{background-color:#D5D5D5;}
.button.left{float:left}
.button .add{ background-image:url(images/add.png);  background-repeat:no-repeat; background-position: 7px 12px;}
.button .edit{background-image:url(images/edit.png); background-repeat:no-repeat; background-position: 7px 12px;}
.button .del{background-image:url(images/delete.png); background-repeat:no-repeat; background-position: 7px 12px;}
.button .blist{background-image:url(images/blist.png); background-repeat:no-repeat; background-position: 7px 12px;}

/*--------------*/
.trees{width:250px; position:absolute; min-height:100%; background:#F5F5F5; padding-bottom: 70px;}
.tree{ padding:0; margin:3px;}
.tree ul{ padding:0; margin:5px 0 5px 5px; list-style:none}
.tree a{text-decoration:none; color:#333; font-size:14px}
.tree a.current{font-weight:bold; text-decoration:underline; color:#36C}
.tree a:hover{ text-decoration:underline; color:#369}

.handle{
	display:block; float:right; width:15px; height:15px; background:url(images/arrow.png) no-repeat;}


	
	
.table .status_on{ display:block;width:20px;height:20px;background:url(images/ok.png) no-repeat center;
						text-decoration:none; border:none;	margin:0}
.table .status_off{display:block;width:20px;height:20px;background:url(images/no.png) no-repeat center;}
						
						
.table .delete{display:block; float:left;width:100px;height:20px;background:url(images/del.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}	
.table .items{display:block;float:left;width:100px;height:20px;background:url(images/items.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}	
.table .edit{display:block;float:left;width:100px;height:20px;background:url(images/edit.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}							
.table .read{display:block;float:left;width:100px;height:20px;background:url(images/read.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}							
.table .images{display:block;float:left;width:100px;height:20px;background:url(images/images.png) no-repeat center;
						text-decoration:none;border:none; margin:0 5px}									
.coment{ border-top:1px solid #C0C0C0; margin:10px 0 5px 0}								
.status1{ display:block;width:20px;height:20px;background:url(images/ok.png) no-repeat center;
						text-decoration:none; border:none;	margin:0; cursor:pointer; }
.status-1{display:block;width:20px;height:20px;background:url(images/no.png) no-repeat center;
						text-decoration:none;border:none; margin:0; cursor:pointer;}		

.status_cont{float:left; padding: 0 5px;}
.status{ display:block;width:20px;height:20px;
						text-decoration:none; border:none;	margin:0; cursor:pointer; }
	.status.key-1{background:url(images/no.png) no-repeat center;}	
	.status.key1{background:url(images/ok.png) no-repeat center;}		
	
.ajax_edit{display:block; float:right; padding:0 2px; width:18px; height:18px; float:right; background:url(images/edit.png) no-repeat;}


.ajax_edit.send{background:url(images/ok.png) no-repeat;}

					

option .level1{padding-left:10px;}

form.page_navi{float:right}

table.sets_table{ display:block; margin:10px;}
table.sets_table th{background:#C0C0C0}
table.sets_table td.title{ border-bottom:#C0C0C0 2px solid;font-weight:bold; padding:15px 0px 5px 0px; }

.ajax_edit{display:block; float:right; padding:0 2px; width:18px; height:18px; float:right; position:relative; 
	background:url(images/edit.png) no-repeat; z-index:10; cursor:pointer}
.ajax_edit.send{background:url(images/ok.png) no-repeat;}

.ajax_edit_field{font-size:12px; min-height:18px;  padding:3px 0px 3px 20px; float:left; width:195px; background:url(images/edit_field.png) no-repeat; cursor:pointer;}
.ajax_edit_field .nfwrap{width:200px; background:#fece73; border:2px solid #FFF; padding:5px; position:absolute; z-index:2000}
.ajax_edit_field textarea{ display:block; width:190px; margin:5px; height:50px;}
.ajax_edit_field input[type="text"]{float:left; width:190px; height:auto; z-index:200}
.ajax_edit_field .new_field_send{float:left; width:20px; height:16px; background:url(images/ok.png) no-repeat; margin:7px; cursor:pointer;}
.ajax_edit_field .cancel{float:right; width:17px; height:17px; background:url(images/no.png) no-repeat; margin:7px; cursor:pointer;}


/*Модальное окно*/
/*
#modal{display:none; padding:20px; margin:10px; background:#FFF; border:#C0C0C0 2px solid;}
*/
.edit_list span.add_new_row{ display:block; width:150px; height:20px; background:url(images/add_w.png) left no-repeat; padding:7px 0 5px 35px; background-color:#6775a7; background-position:10px 6px; cursor:pointer; color:#FFF;}
.edit_list span.add_new_row:hover{background-color:#7a88bc;}
.edit_list ul {list-style:none; margin:0; padding:0;}
.edit_list ul li{display:block; height:20px; padding:3px 5px; margin:5px 0; background:#d3e4f1; margin-right:40px;}
.edit_list ul li:hover{ background:#c0d8ea}
.edit_list ul li.deleted{ background:#969696}
.edit_list ul li span.edit{ display:block; width:20px; height:20px; background:url(images/edit.png) center no-repeat; float:left; margin-right:10px; cursor:pointer}
.edit_list ul li span.delete{ display:block; width:20px; height:20px; background:url(images/delete.png) center no-repeat; float:left;  margin-right:10px; cursor:pointer}
.edit_list ul li span.recover{ display:block; width:20px; height:20px; background:url(images/reload.png) center no-repeat; float:left;  margin-right:10px; cursor:pointer}
.edit_list ul li span.name{ display:block; height:20px; float:left; font-size:14px;}



.order_errors .error_mes{ display:block; text-align:center; color:red; font-size:12px; cursor:pointer;}


.update{display:inline; padding:5px;}
.check{background:#39C !important}
input[type="checkbox"]{ width:20px; height:20px;}
.report_block{border: 5px solid #ccc; text-align:center;  padding: 30px; margin: 0 0 20px 0;}
.report_block ul{ width:250px; margin:0; margin:auto; padding:0; list-style:none;  }
.report_block ul li{ display:block; border-bottom:1px dotted #999999; text-align:left; margin-bottom:3px;}
.report_block ul li span{display:block; float:right;}
.report_block form{ display:block; padding:10px 20px; background:#c0c6dc}
.report_block .infoline{ padding:5px; margin:5px 0; background:#CCC}

.stat_row{position:relative; height:22px; text-align:left; font-size:13px; color:#333;padding: 0 10px; clear:both }
.stat_row span{display:block; height:18px; float:left;margin-right:5px;}
.stat_row input.button1{ display:block; float:left; width:40px; color:#333; font-size:11px; font-weight:normal; padding:0; height:17px;}
.stat_row input#stat_new{height:18px; font-size:12px; color:#C00; padding: 0 10px; font-weight:bold}
#alert_new_count{ display:none; width:38px; height:23px;text-align:center; font-size:12px; color:#FFF; background:url(images/nc.png) no-repeat; border:none;  }
.stat_row label.name{ display:block; float:left; width:125px; position:relative;}
.stat_row input#alert_new_count{position:absolute;top: -4px;left: 86px;}

.accordion h3{font-size:12px}

textarea.red1{background:#fed7d7 !important}
.order_no_paid{background:#fed7d7; padding:3px; text-align:center; font-weight:bold;}
.order_paid{background:#bef2bd; padding:3px; text-align:center; font-weight:bold; }

.sms_inputs{margin:5px 0; padding:3px} 
select.sms_inputs{ display:block; width:200px }
textarea.sms_inputs{ display:block; width:270px; height:150px; font-size:12px !important}
#sms_result{text-align:center}
#sms_result.suss{color:#06C}
#sms_result.error{color:#F00}

.centbut{ display:block; padding:2px; width:200px;  clear:both; margin:15px auto;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
box-shadow: 0px 0px 3px 0px #818181;  
-webkit-box-shadow: 0px 0px 3px 0px #818181;  
-moz-box-shadow:0px 0px 3px 0px #818181;

}


.sendok{background:#3FBEB9; color:#FFF; border:1px solid #3FBEB9;}

input[type="button"]{cursor:pointer}

.masters .chkd-wrap{
	float:left;
	width:20%;
	
	
}
.masters {
	margin:10px 0;
}
.masters .chkd{
	display:block;
	margin:4px;
	border:1px solid #fff;
	height:25px;
	font-size:13px;
	padding:7px 0;
	text-align:left;
	line-height: 25px;
	cursor:pointer;
	background:#E8E8E8;
}
.masters .chkd.selected{
	background:#7780A0;
	color:#FFFFFF;
}

.masters .chkd input{
	display:block;
	float:left;
	margin:0 7px;
		cursor:pointer;

}


/************ БЛАНК **********************/
.blank-wrapper .copy{display:none}
.blank{ padding:10px; border:1px dashed #eee; padding-bottom:20px;}
.blank h1{ font-size:22px; margin:15px 0; padding-bottom:10px; border-bottom:1px solid #000000}
.blank table { width:100%; max-width:1100px;border-collapse:collapse; table-layout: fixed;   }
.blank table th{ padding:10px 0; text-align:center; font-weight:bold;}
.blank table td{ font-size:14px; padding:3px; max-width:250px; position:relative }
.blank table th:nth-child(1){ width:30px;}

.blank table th:nth-child(5){ width:130px}
.blank table th:nth-child(6){ width:130px}
.blank table th:nth-child(7){ width:80px;}
.blank table th:nth-child(8){ width:100px;}
.blank table th:nth-child(9){ width:100px;}
.blank input{ font-size:14px; padding:5px 10px; width:100%; display:block; box-sizing:border-box; }
.blank input.count{ width:100%; margin:auto; text-align:center;  }
.blank input.price{ width:100%; margin:auto; text-align:right;  }
.blank td textarea{ font-size:14px; padding:5px 10px;  display:block; box-sizing:border-box; min-width:100%; max-width:100%; min-height:80px;     height:auto; overflow:hidden }
.blank .summ{ width:100%; margin:auto; text-align:right; display:block  }
.blank .itogo{ width:100%; margin:auto; text-align:right; display:block  }
.blank .blank-footer{ font-style:16px; margin-top:10px; padding:10px 0; border-bottom:1px solid #000000;}
.blank .blank-podpis{font-style:16px;  height:18px; margin-top:20px; }
.blank .blank-podpis span{ display:block; float:left; height:100%; }
.blank .blank-podpis .line{ border-bottom:1px solid #000000; margin-left:30px; width:130px; margin-right:100px; }

.blank table{font-size:11px;  max-width:1100px; } 
	.blank table *{font-size:11px !important;} 

.blank-wrapper .blank_save{ display:inline-block; padding:10px 50px; margin-top:20px;}


.likbutton{    float: right;
    line-height: 30px;
    border: 1px solid #7b7878;
    background: #eee;
    color: #484848;
    text-decoration: none;
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 20px;}


@media print {
	.rightside, 
	#header,
	input[type="button"],
	input[type="submit"]
	{ display:none }
	
	.noprint{ display:none;}
	
	.print *{ -webkit-print-color-adjust: exact;
    print-color-adjust: exact;}
	
	.print .new-order{color:#000000 !important; padding:5px; margin-top:20px; font-size:16px; background:#C9C9C9 !important}
	.print .block_title{ color:#000000; border-bottom:1px solid #000000; padding:5px; margin-top:20px; font-size:16px; background:#C9C9C9}
	.print .block_title.disp{page-break-before: always;}
	.print .form_row{background:none !important}
	
	input{ border:1px solid #eee !important; background:none !important; padding:3px 5px !important;}
	textarea{ padding:3px 5px !important; border:1px solid #eee !important; background:none !important}
	
	.blank input{ border: none !important;}
	.blank textarea{ border: none !important; resize:none !important; min-width:230px; max-width:230px;}
	.blank .blank-podpis{padding:30px 0;}
	.blank-wrapper {font-size:12px; padding:0; margin: 0; }
	.blank-wrapper .copy{display:block !important}
	.blank table{font-size:11px;  max-width:1100px; } 
	.blank table *{font-size:11px !important;} 
	.blank table th:nth-child(7){ width:60px;}
	.blank table th:nth-child(8){ width:50px;}
	.blank table th:nth-child(9){ width:50px;}
	.more{page-break-after:always}
	
}

	.more{page-break-after:always}


